.space100{padding: 100px 0}
.cro-services {background: #FAFCFF}
.cro-services .techno-head-flex .subtitle,.cro-awards .techno-head-flex .subtitle{    width: 50%;}
.cro-services .techno-head-flex .title-head,.cro-awards .techno-head-flex .title-head{width: 40%;}
.cro-services .cro-services-flex{row-gap: 30px}
.cro-services .cro-services-box{width: 32%;box-shadow: 0 3px 6px rgba(0,0,0,16%);border-radius: 20px;background: #fff}
.cro-services .cro-services-box .cro-services-img{border-radius: 20px 20px 0 0}
.cro-services .cro-services-detail{padding: 30px}
.cro-services .cro-services-detail h3{font-size: 25px;line-height: 1.4;font-weight: 600;}
.cro-services .cro-services-detail p{color: #585858;margin: 15px 0 30px;font-size: 14px;line-height: 1.5}
.cro-services .cro-services-detail a{font-size: 16px;font-weight: 600;background: linear-gradient(90deg, #009281 0%, #00685C 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.cro-services .cro-services-detail a:hover{color: #00685C;}

.key-matric .key-matric-head{padding: 20px 0 15px;font-size: 20px;font-weight: 600;}
.key-matric .key-matric-subhead{color: #373737}
.key-matric .key-matric-box{padding: 0 60px 0 0;margin: 0 60px 0 0;border-right: 1px solid #DFDFDF;}
.key-matric .key-matric-box:last-child{padding: 0;margin: 0;border-right: none}
.key-matric .key-matric-flex{margin: 50px 0}
.about-btn-green a{display: inline-block;    border-radius: 40px;}

.cro-awards{background: #010114}
.cro-awards h2,.cro-awards .subtitle{color: #fff}
.cro-awards .awardsflex-box{background: linear-gradient(127.78deg, #0C0E2A 31.98%, #242D3C 84.49%);backdrop-filter: blur(25px);border-radius: 10px;padding: 50px}

.brand-promotion-cro{background: #fff}
.brand-promotion-cro .subtitle{margin: 0 0 30px}
.brand-promotion-cro .brand-flex-list{padding: 0;margin: 0;list-style: none}
.brand-promotion-cro .brand-flex-list li{background: #F8F8F8;padding: 17px 34px ;border-radius: 50px;font-size: 16px;margin: 0 0 10px;width: fit-content;}
.brand-promotion-cro .brand-flex-list li:last-child{margin: 0 0 50px}

.struggle-cta {position: relative;}
.struggle-cta::after{content: '';height: 50%;width: 100%;z-index: 0;background: #f8f8f8	;position: absolute;bottom: 0;border-radius: 50px 50px 0 0;}
.struggle-cta .struggle-cta-flex {background: #111111;padding: 80px;border-radius: 20px;z-index: 1;position: relative;}
.struggle-cta .struggle-cta-flex .struggle-cta-left{width: 50%}
.struggle-cta .struggle-cta-flex .struggle-cta-head{font-size: 30px;font-weight: 600;margin: 0 0 25px;color: #fff}
.struggle-cta .struggle-cta-flex .struggle-cta-subhead{color: #fff;color: #B5B5B5;}
.struggle-cta .struggle-cta-btn {background: #FFFFFF;padding: 18px 30px;color: #000;font-weight: 600;border-radius: 49px;font-size: 17px;}
.real-result-service .case-study-slider .slick-list.draggable{padding: 0 6%}

.service-testimonial {background: #FAFAFA;position: relative;overflow-x: hidden;}
.service-testimonial .service-testimonial-box{padding: 30px;border-radius: 20px;background: #fff;width: 24%}
.service-testimonial .service-testimonial-box:hover{box-shadow: 0 3px 6px rgba(0, 0, 0, 16%);}
.service-testimonial .service-test-userimg{margin: 0 0 35px}
.service-testimonial .service-test-review{font-size: 22px;line-height: 1.3;font-weight: 600;margin: 15px 0 30px}
.service-testimonial .user-desi {padding: 0 0 0 10px; border-left: 5px solid #2732FF;}
.service-testimonial .serv-username{font-size: 16px;line-height: 1.3;font-weight: 600;margin: 0 0 5px}
.service-testimonial .serve-userdetail{color: #9A9A9A}
.service-testimonial .service-testimonial-flex{ width:100%;margin: 0 -5% 0 auto;position: relative;}
.service-testimonial .service-testimonial-flex::after{content: '';background: linear-gradient(85.49deg, rgba(250, 250, 250, 0) 7.21%, #FAFAFA 31.32%);right: -10%;width: 15%;height: 100%;z-index: 1;position: absolute;    opacity: 0.6;}
.service-testimonial .service-testimonial-flex1{margin: 30px auto 0 -5%;}
.service-testimonial .service-testimonial-flex1::after{right: inherit;left: -10%}

.service-banner {padding: 80px 0;background: #000012 url(../images/banner-service.png) right no-repeat;}
.service-banner .service-banner-left,.service-banner .get-right{width: 48%}
.service-banner .banner-short-name {color: #41C0FF;font-size: 16px;font-weight: 500;}
.service-banner h1{margin: 15px 0 50px;font-size: 60px;line-height: 1.3;font-weight: 600;color: #fff}
.service-banner .service-banner-list{padding: 0;margin: 0}
.service-banner .service-banner-list li{margin: 0 0 30px}
.service-banner .service-banner-list li p{color: #fff;font-weight: 600;font-size: 20px;margin: 0 0 5px}
.service-banner .service-banner-list li .service-banner-list2{color: #fff;font-size: 14px}
.service-banner .get-right {padding: 50px;background: #fff;border-radius: 0 0 25px 25px;}
.service-banner .get-form-head{font-size: 30px;color: #000;margin: 0 0 25px;font-weight: 600}
.service-banner .get-right label{margin: 0 0 10px;font-size: 14px;}
.service-banner .input-form{margin: 0 0 20px;width: 48%}
.service-banner .get-right .about-btn-green button{padding: 13px 27px;font-size: 14px}
.service-banner .get-right .about-btn img{top: 0}
.service-banner .clirnts-service {opacity: 0.6;margin: 64px 0 0;width: 100%}
.service-banner .progress-result p {padding: 4px 30px;border: 1px solid #D9D9D9;border-radius: 40px;font-size: 15px;color: #535353;margin: 10px 0 20px;}
.service-banner #myinput {border-radius: 8px;height: 7px;width: 100%;outline: none;-webkit-appearance: none;margin: 8px 0;}
.service-banner input[type='range']::-webkit-slider-thumb {width: 19px;-webkit-appearance: none;height: 19px;background: #FFFFFF;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);border-radius: 50%;}

.cro-process .accordion-item {margin: 0 0 20px;border: none;background: #F9F9F9;padding: 0 0 15px;}
.cro-process .accordion-button,.accordion-button:not(.collapsed) {background: #f9f9f9;padding: 30px 30px 17px;font-size: 22px; font-weight: 600;box-shadow: none;}
.cro-process .col-md-5 img{width: 100%}
.cro-process .accordion-body{padding: 0 30px 20px}
.cro-process .accordion-button:not(.collapsed){color: #000}
.cro-process .accordion-collapse::after {content: '';position: absolute;width: 22%;height: 5px;background: #0ECEE7;bottom: -14px;}
.cro-process .accordion-collapse {position: relative;}
.cro-process #collapseTwo::after{width: 44%;}
.cro-process #collapseThree::after{width: 66%;}
.cro-process #collapseFour::after{width: 100%;}
.cro-process .accordion-button:focus{border: none;box-shadow: none}
.cro-process .struggle-cta{margin: 60px 0 0}

.service-faq .accordion-item {border: none;margin: 0 0 10px;}
.service-faq .accordion-button,.service-faq .accordion-button:not(.collapsed) {background: #F9F9F9;padding: 35px;font-size: 16px; font-weight: 500;color: #000;}
.service-faq .accordion-button:not(.collapsed)::after{background-image: url(../images/faq-open.svg) ;}
.service-faq .accordion-button::after{background-image: url(../images/faq-close.svg);}
.service-faq .accordion-button:focus{border:none;box-shadow: none}
.service-faq .accordion-body {font-size: 16px;color: #191919;border-top: 4px solid #CAD1EA;padding: 30px 30px 10px;}
.talk-to-us{margin-top: 150px}
.service-faq .talks-sp{font-size: 50px;font-weight: 600;}
.service-faq .talks-p{font-size: 16px;font-weight: 500}

/*responsive start*/
@media (max-width:1200px){
    .space100{padding: 80px 0}
    .service-banner {padding: 60px 0;background-size: 50%;}
    .service-banner h1{font-size: 46px;margin: 15px 0 30px}
    .service-banner .get-right{padding: 30px}
    .service-banner .get-form-head{font-size: 26px}
    .cro-services .cro-services-detail{padding: 20px}
    .cro-services .cro-services-detail h3,.cro-process .accordion-button, .accordion-button:not(.collapsed){font-size: 20px}
    .cro-services .cro-services-detail p{margin: 10px 0 20px}
    .struggle-cta .struggle-cta-flex{padding: 40px}
    .key-matric .key-matric-box {padding: 0 30px 0 0;margin: 0 30px 0 0;}
    .cro-awards .awardsflex-box{width: 24%;    padding: 30px;}
    .service-testimonial .service-testimonial-box{padding: 15px}
    .service-testimonial .service-test-userimg{margin: 0 0 15px}
    .service-testimonial .service-test-review{font-size: 18px}
    .service-testimonial .service-testimonial-flex{margin: 0}
    .service-testimonial .service-testimonial-flex1{margin: 30px 0 0}
    .service-faq .talks-sp{font-size: 30px}
}
@media (max-width:991px){
    .service-banner h1 {font-size: 34px;}
    .service-banner .service-banner-list li{margin: 0 0 20px}
    .service-banner .service-banner-list li img{width: 15%}
    .service-banner .service-banner-list li p{font-size: 18px}
    .service-banner .get-right{padding: 15px}
    .service-banner .get-form-head{font-size: 20px;margin: 0 0 15px}
    .service-banner .clirnts-service{margin: 44px 0 0}
    .cro-process .accordion-button, .accordion-button:not(.collapsed){padding: 20px 20px 10px}
    .cro-process .accordion-body{padding: 0 20px 20px}
    .key-matric .key-matric-head{font-size: 18px}
    .key-matric .key-matric-box {padding: 0 20px 0 0;margin: 0 20px 0 0;}
    .service-testimonial .service-testimonial-flex{overflow: auto;}
    .service-faq .talks-sp{font-size: 26px}
    .service-faq .talk-to-us img{width: 50px}
}
@media (max-width: 767px) {
    .space100{padding: 50px 0}
    .about-btn a {padding: 12px 30px;}
    .service-banner { padding: 40px 0;background: #000012;}
    .service-banner .service-banner-flex{flex-direction: column;row-gap: 20px;}
    .service-banner .service-banner-left, .service-banner .get-right,.cro-services .techno-head-flex .title-head, .cro-awards .techno-head-flex .title-head,
    .cro-services .techno-head-flex .subtitle, .cro-awards .techno-head-flex .subtitle,.cro-services .cro-services-box{width: 100%}
    .service-banner h1{font-size: 30px}
    .service-banner .service-banner-list li img{width: 12%}
    .service-banner .service-banner-list li p{font-size: 17px}
    .service-banner .get-right label {margin: 0 0 5px;font-size: 13px;}
    .service-banner .progress-result p {margin: 5px 0 10px;padding: 2px 25px;font-size: 13px;}
    .service-banner .clirnts-service{object-fit: none;}
    .techno-head-flex{row-gap: 20px}
    .cro-services .cro-services-flex{margin: 40px 0 0}
    .cro-services .cro-services-detail h3, .cro-process .accordion-button, .accordion-button:not(.collapsed){font-size: 18px}
    .cro-process .struggle-cta{margin: 40px 0 0}
    .struggle-cta .struggle-cta-flex{flex-direction: column;row-gap: 20px;padding: 20px}
    .struggle-cta .struggle-cta-flex .struggle-cta-left{width: 100%;text-align: center;}
    .struggle-cta .struggle-cta-flex .struggle-cta-head{font-size: 22px;margin: 0 0 15px}
    .struggle-cta .struggle-cta-btn{padding: 12px 25px;font-size: 16px}
    .key-matric .key-matric-flex{margin: 30px 0;flex-wrap: wrap;}
    .key-matric .key-matric-box {padding: 0 0 20px 0;margin: 0 0 20px 0;width: 100%; border-bottom: 1px solid #DFDFDF;border-right: none;l}
    .key-matric .key-matric-box:last-child{border-bottom: none;padding: 0;margin: 0}
    .key-matric .key-matric-head {padding: 10px 0 5px;}
    .cro-awards .awardsflex-box{padding: 20px;width: 48%}
    .cro-awards .awardsflex{flex-wrap: wrap;row-gap: 20px;}
    .cro-awards .awardsflex-box img {object-fit: scale-down;}
    .brand-promotion-cro .brand-flex{flex-direction: column;}
    .brand-promotion-cro .brand-flex-list li {padding: 12px 25px;}
    .brand-promotion-cro1 .brand-flex{flex-direction: column-reverse;}
    .case-study-slider .slick-slide{margin: 0 10px}
    .real-result-service .case-study-slider .slick-list.draggable{padding: 0}
}