.section--cta.cta--ico {
    background: linear-gradient(to right, #b07cff, #52b8ff);
}

@media(min-width:992px){
	/* body{
        background-image: url(https://www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2022/03/body-shap.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 100%;
    } */
    .service__icn img {transition: transform 0.2s ease-out;}
    .service__icn {position: relative;display: block;overflow: hidden;}
   
}
@media(min-width:1200px){
    .banner-content p {
        font-size: 20px;
    }
   .banner-content h1{
        font-size: 50px;
    }
    
    .cta-content {
        color: #fff;
    }

/*     .banner-content:before {
        content: "";
        position: absolute;
        background-image: url(https://www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2022/03/banner-shape.png);
        background-repeat: no-repeat;
        width: 60px;
        height: 60px;
        left: -4px;
        bottom: 0px;
    } */
    .banner-content:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 2px;
        background: #2981cd;
        left: 25px;
        top: 20%;
        z-index: -1;
    }
    .section-head h2 {
        line-height: 1.33;
        font-weight: 600;
        margin-bottom: 20px;
        font-size: 2.5rem;
    }
    .section-head p {
        font-size: 20px;
        line-height: 1.5;
        margin-bottom: 50px;
    }
    .section-head {
        margin-bottom: 20px;
    }
    .header.nav-down {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .header.nav-up {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    .section--cta .cta-content h2 {
        font-weight: 600;
        margin-bottom: 20px;
        font-size: 40px;
    }
    .section--cta .cta-content p {
        font-size: 24px;
        margin-bottom: 0;
    }
    .cta--custom:before {
		content: "";
		position: absolute;
		width: calc(55% - 0px);
		background-image: linear-gradient(to left, #2989cd 100%, #296acd 0%);
		z-index: -1;
		pointer-events: none;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border-radius: 0 250px 250px 0;
	}
    .cta--custom:after {
		content: "";
		position: absolute;
		width: calc(45% - 30px);
		background-image: linear-gradient(to left, #296acd 100%, #2989cd 0%);
		z-index: -1;
		pointer-events: none;
		top: 0;
		bottom: 0;
		right: 0;
		border-radius: 250px 0 0 250px;
	}
    .cta-action{
        position: relative;
        z-index: 1;
        text-align: center;
    }
    .cta--custom .cta-action::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 10%;
		transform: translatey(-50%);
		width: 308px;
		height: 308px;
		z-index: -1;
		border-radius: 50%;
		background-image: linear-gradient(to left, #1a5ec5 100%, #6ebaef 0%);
		pointer-events: none;
	}
    .section--services .section-head {
        background: #000;
        display: inline-block;
    }
/*     .cta--ico .row:before {
        content: "";
        position: absolute;
        left: -100px;
        right: -660px;
        top: 0;
        bottom: 0;
        background: linear-gradient(to right, #b07cff, #52b8ff);
        z-index: -1;
        pointer-events: none;
		display: block;
    } */
    .cta--ico  {
        position: relative;
        padding: 100px 0;
    }
	
  
 
    .section--services .service:before{
        content: "";
        background-image: url(/wp-content/themes/Avada-Child-Theme/media/2025/images/map.svg);
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        background-position: center;
    }
    .service__type .service__title h4{
        font-size: 16px;
    }
	.slider--category .slick-prev {margin-right: -100px;}
	.slider--category .slick-next {margin-right: -150px;}
}
@media(min-width:1400px){
    
    .section--services:before {
        border: 1px solid #296acd;
        bottom: 0;
        content: "";
        position: absolute;
        width: 80%;
        height: 70%;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 0 200px 0 0;
        pointer-events: none;
        z-index: -1;
		background: #000;
    }
    .section--cta .cta-content h2 {
        font-size: 48px;
    }
/*     .section-head h2 {
        font-size: 4rem;
    } */
     .banner-content h1{
        font-size: 58px;
    }
    .slider--category {
        margin: 0 -24% 0 0;
    }
    .block--achievement .block__title p {
        font-size: 24px;
    }
}
@media(min-width:992px) and (max-width:1199px){
	.section--banner {
		margin-top: 150px;
	}
    .section--cta h2 {
        font-weight: 600;
        margin-bottom: 20px;
    }
    .section-head h2 {
        font-weight: 600;
        margin-bottom: 20px;
    }
    .section-head p {
        margin-bottom: 20px;
    }
    .card--category .card__content h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .card--category .card__icn{
        margin-bottom: 30px;
    }
    .card--category{
        padding: 25px;
    }
    .card--category .card__content p{
        font-size: 16px;
		width: 80%;
		margin-bottom: 50px;
    }
    .card--category:after{
        font-size: 90px;
        bottom: -5px;
    }
	.cta-content {
		text-align: center;
	}
	.cta-action {
		text-align: center;
	}
	
}

@media(max-width:1199px){
    .banner-content h1{
        font-size: 50px;
    }
    .cta--ico .cta-img {
        display: none;
    }
    .block.block--achievement {
        border-radius: 16px;
        margin-bottom: 30px;
    }
    .block--achievement .block__count h2{
        font-size: 40px;
    }
    .block--achievement .block__title p {
        font-size: 18px;
    }
}

@media(max-width:991px){
	.col-md-12, .col-sm-12, .col-md-4 {
		width: 100%;
	}
	.col-md-6 {
		width: 50%;
	}
    .section--cta .row {
        text-align: center;
    }
    .cta-content {
        margin-bottom: 30px;
    }
    .banner-content h1 {
        font-size: 35px;
        font-weight: 600;
    }
   
    .section {
        padding: 40px 0;
    }
    .card--category{
        padding: 30px 30px;
        padding-bottom: 80px;
    }
	.cta--ico {
		background: #7fa6ff;
	}
    .section-head {
        margin-bottom: 60px;
    }
    .slick-dots li.slick-active button:before {
        opacity: .75;
        color: white;
    }
    .slick-dots li button:before{
        font-size: 46px;
        color: #747474;
    }
    .section--achievement .section-head {
        text-align: center;
    }
    .block.block--achievement {
        text-align: center;
    }
	.section--heading {padding-bottom: 0;}
	.section--icoservices {padding-top: 0;}
	footer.rewamp-footer .container .row {justify-content: center;}
}
@media(max-width:767px){
	.ico--platform .main {
    margin-top: 3rem;
}
	.ico--whychoose p {
    padding: 0;
    text-align: left;
		font-size: 16px;
}
	body .ser-in {
    min-height: auto;
}
	.choose-list-block {
    margin-bottom: 1rem;padding: 20px;
}
	.section--achievement .block__count {
    justify-content: center;
}
	.section--cta.cta--ico {
    padding-top: 2rem !important;
}
	
	.service__icn span {
    background: transparent;
    height: auto;
    width: auto;
}
	.service .service__type {
    column-gap: 10px;
}
	.service__type .service__title h4 {
    text-align: left;
}
	.service__icn img {
    height: auto;
}
	.service__icn {
    align-items: center;
    display: flex;
}
	
	.col-md-6 {
		width: 100%;
	}
	.btn {height: 50px;line-height: 50px;padding: 0 35px;font-size: 16px;border-radius: 25px;}
	.section--services .col-md-6 {
		width: 50%;
	}
	.banner-img {
		margin-top: 20px;
		width: 100%;
		overflow: hidden;
	}
	.banner-img img {
		width: 100%;
		height: auto;
	}
    .block.block--achievement {
		padding: 20px 10px;
		border-radius: 0px;
		margin: 15px auto;
		background: #1e1e1e;
		color: #fff;
	}
    .block--achievement .block__count h2{
        font-size: 35px;
		margin-top: 0;
    }
    .block--achievement .block__title p {
        font-size: 20px;
    }
    .service__title em{
        display: none;
    }
    .service .service__type {
		padding: 10px 0;
    }
    .service__icn{
        margin-bottom: 12px;
        width: 50px;
        height: 50px;
        margin-right: 0;
    }
    .service__type .service__title h4{
        font-size: 18px;
        font-weight: normal;
    }
    .service__icn img {
		width: 40px;
        height: 50px;
    }
    
    .banner-content h1 {
        font-size: 30px;
        margin-bottom: 20px;
    }
  
    .banner-content p{
        margin-bottom: 20px;
    }
    .banner-content {text-align: center;margin-bottom: 30px;padding: 0 20px;}
	br {
        display: none;
    }
    .banner-features__items{
        flex-direction: column;
        text-align: center;
    }
    .banner-features__items .features-icn {
        margin-right: 0;
        margin-bottom: 15px;
        height: 48px;
        display: flex;
    }
    .banner-features {
        align-items: flex-start;
        padding: 25px 0 !important;
    }
    .banner-features__items .features-title p {
        margin: 0;
        font-size: 15px;
    }
	
    .banner-wrapper {
        margin-bottom: 40px;
    }
    .section-head {
        margin-bottom: 40px;
    }

    .card--category .card__icn{
        margin-bottom: 20px;
    }
    .card--category .card__content h3{
        font-size: 22px;
    }
    .card--category .card__content p {
        font-size: 15px;
        line-height: 1.7;
    }
    .card--category:after{
        font-size: 80px;
        bottom: -10px;
    }
    .card--category{
        padding: 25px;
        padding-bottom: 55px;
        
    }
    .section-head h2, .cta-content h2 {font-size: 28px;margin-bottom: 10px;font-weight: 600; line-height: normal;}
	.section-head p, .cta-content p {font-size: 14px;}
	
	.section--heading p {font-size: 14px;opacity: 1;}
	.section--icoservices .outer {border-radius: 25px;padding: 20px;}
	.section--icopostdev .post-ico {padding: 20px;height: auto;margin: 10px auto;text-align: center;}
	.section--icopostdev .post-ico img {display: none;}
	.section--icopostdev .post-ico:hover .hov_img {display: none;}
	.section--icopostdev .post-ico:hover p {font-weight: 600;}
	.section--cta .get-started {border-radius: 20px;}
	.section--cta .get-started h1 {font-size: 22px;padding: 0 35px;}
	.ico--marketing {padding-bottom: 0;}
	.ico--marketing .main h2 {font-size: 20px;padding: 25px 20px;}
	.ico--platform {padding-top: 0;}
	.ico--platform .main .left {padding: 80px 30px;text-align: center;}
	.ico--platform .main .left h2 {font-size: 20px;}
	.ico--platform .main .left p {font-size: 16px;}
	.ico--platform .main .right img {border-radius: 0 0 20px 20px;height: auto;background: #442d00;}
	.ico--whychoose h2 {font-size: 28px;}
	
	.ico--whychoose .choose-list li h4 {font-size: 20px;}
	.section--icopostdev .post-ico h4 {padding: 0 20px 0;}
	
	
}
@media (max-width:480px) {
	.service .service__type {justify-content: unset;padding: 0;margin-bottom: 10px;margin-bottom: 10px;text-align: center;}
	.service__icn {margin-right: 0;margin-bottom: 0;}
	.service__icn img {width: 30px;height: 60px;}
	.service__type .service__title h4 {font-size: 14px;}
	.section--cta .get-started {border-radius: 0;}
	.section--lastcta h2 br {display: block;}
}
@media (max-width:420px) {
	.banner-content p {font-size: 16px;margin-bottom: 20px;}
	.banner-features__items .features-icn {margin-right: 10px;}
	.banner-features__items .features-icn img {width: 30px;}
	.section-head p, .cta-content p {font-size: 16px;}
	.section--cta.cta--ico .cta-img img {width: 100%;padding: 0 20px;}
	.card--category .card__content h3 {font-size: 18px;}
	.service__icn {width: 40px;}
	.service__icn img {width: 25px;}
	.service__type .service__title h4 {font-size: 12px;}
	.service .service__type:hover .service__title em {display: none;}
	.block.block--achievement {padding: 20px;margin: 20px auto;text-align: center;border-radius: 20px;}
	
	.section--heading p {font-size: 16px;}
	.section--icopostdev .post-ico {margin: 10px auto;}
	.section--icopostdev .post-ico h4 {font-size: 18px;}
	.section--icopostdev .post-ico p {font-size: 16px;margin-top: 10px;}
	.section--cta .get-started h1 {font-size: 18px;padding: 0 10px;}
	.ico--marketing .main h2 {font-size: 18px;padding: 20px 10px;}
	.ico--platform .main .left {padding: 60px 30px;}
	.ico--platform .main .left h2 {font-size: 18px;}
	.ico--whychoose .choose-list li h4 {font-size: 18px;}

	.ico--whychoose .choose-list li span {font-size: 16px;padding: 10px;top: -40px;}
	.section--icoservices .horizontalDots li h3 {font-size: 16px;}
	.section--icoservices .rectangle p {font-size: 16px;}
}
@media (max-width:380px) {
	.section--lastcta h2 {font-size: 14px;}
}
@media (max-width:320px) {
	.banner-features__items .features-icn img {width: 20px;}
	.section--services .service {padding: 0;}
	.service__type .service__title h4 {margin: 0 -10px;}
	.service__icn {width: 45px;}
	.section--icoservices .horizontalDots li.active .feature-content h3 {font-size: 16px;}
	.ico--platform .main .left {padding: 30px 30px;}
	.section--lastcta h2 {font-size: 12px;}
}