.testimonial-box { display: flex; flex-direction: column; gap: 8px; border-left: 2px solid #fabc1c; margin: 30px 0 20px; padding: 10px 20px; }
.quote-box { display: flex !important; gap: 6px !important; align-items: center !important; border-radius: 5px !important; min-width: 114px; }
.quote-box .bolder-number { font-size: 18px !important; font-weight: 700 !important; }
.quote-box .text { font-size: 10px !important; line-height: 14px !important; }
.home--footer .container { width: 90%!important; }
#mobile-load-more-btn { border: none; }
.hero.hero--auto .container .form--col .form-embed iframe { vertical-align: top !important; }
html { height: auto !important; }
@media (max-width: 1340px){ section.clients--grid .col.col-top-level .content--wrap .casestudy-grid .img-col{height:100% !important;}}
 @media (max-width: 1024px){ .box-data { gap: 12px; } .quote-box {min-width: max-content;}.col-top-level{padding:8px; !important;}}
@media (max-width: 850px) { .grid { margin:0;  gap: 10px 0; }}
@media (max-width: 540px) {
	
	.btn--link{font-size:10px !important;}
	section.clients--grid .col.col-top-level .content--wrap .usecase-grid .img-col { height: auto !important; max-height: 400px !important;}
	section.clients--grid .col.col-top-level .content--wrap .casestudy-grid .content-col .client-logo{height: 26px !important; margin-top: 6px!important;margin-bottom: 24px !important;}
	section.clients--grid .col.col-top-level .content--wrap .video-grid .topbar .client-logo{height: 26px !important; margin-top: 6px!important;margin-bottom: 24px !important; }
	section.clients--grid .col.col-top-level .content--wrap .testimonial-grid .client-logo{height: 26px !important; margin-top: 6px!important;margin-bottom: 24px !important;}
	section.clients--grid .col.col-top-level .content--wrap .usecase-grid .content-col .client-logo{height: 26px !important; margin-top: 6px!important;margin-bottom: 24px !important;}
	section.clients--grid .col.col-top-level .content--wrap .usecase-grid .content-col .client-logo{height: 26px !important; margin-top: 6px!important;margin-bottom: 24px !important;}
    .col-top-level { padding: 0px !important; }
	.container {padding: 0 20px !important; }
	section.clients--grid .col.col-top-level .content--wrap .casestudy-grid .content-col { padding: 30px 20px 30px 30px !important; }
	.testimonial-slider-section .testimonial-nav { margin-top: 20px; }
	.home--footer .container.container-medium .btn--col{ margin-top: 15px !important; }
	.testimonial-box{ margin: 15px 0 10px !important;}
	.home--footer .container.container-medium{padding:30px !important;}
} 
@media(max-width:480px) {
	.hero.hero--auto .container .form--col .form-embed iframe {padding: 20px !important; }
	section.clients--grid .col.col-top-level .content--wrap .casestudy-grid .content-col {  padding: 15px 15px 15px 15px !important; }
	.home--footer .container.container-medium{padding:20px !important;}
}

/* ============= custom css =================  */
/*    26/08  */


.hero.hero-home-centered .center-banner-sec { background: #FCF4ED; margin-bottom: 80px; margin-top:130px !important; padding: 0 !important; border-radius:8px; }
.hero.hero-home-centered .center-banner-sec h1 { padding-top: 30px; }
.hero.hero-home-centered .center-banner-sec .no-padding .hero--image-wrapper img{ height:auto !important; }
.hero.hero-home-centered .center-banner-sec .btn-flex { display: flex; justify-content: center; gap: 16px; }
.hero.hero-home-centered .center-banner-sec .btn-flex a:last-child { background: transparent; }
.hero.hero-home-centered .center-banner-sec .btn-flex a:last-child:hover{ background:#1482f5; }

.hero.hero-home-centered .two-col-flex { display: flex; gap: 42px; background:white; }
.hero.hero-home-centered .two-col-flex .text-center { text-align: left; }
.hero.hero-home-centered .two-col-flex .text-center .btn-flex { justify-content: flex-start; }
.two-col-flex .no-padding { margin: 0 !important; }
.hero.hero-home-centered .center-banner-sec .no-padding { max-width:100%; }
.hero.hero-home-centered .two-col-flex .hero--images img { height: 546px; width: 100%; object-fit: cover }
.container-med .btn-flex { gap: 20px; display: flex; justify-content: center; padding: 0 !important; }

/* tab section css  */
.tab-section { padding: 96px 0; }
.tab-section h2 { font-size: 36px; font-weight: 600; width: 80%; text-align: center; margin: 0 auto; line-height: 40px; }
.container-2 { width: 1216px; }
.small-text { text-align: center; padding: 16px 0 24px; color: #40494F; font-size: 18px; }
.form-main {width: fit-content;margin: 0 auto;}
.icon-radio-group {display: flex;gap:5px;background: #B0B9BF1A;border-radius: 6px;width: 100%;margin: 0 auto;flex-wrap: wrap;justify-content: center;}
.icon-radio { display: none;}
.icon-label { font-size: 1rem; cursor: pointer; padding: 10px 16px; border: 2px solid transparent; border-radius: 8px; transition: all 0.2s ease; color: #151515; }
.icon-radio:checked + .icon-label { background-color: #007bff; color: #fff; }
.icon-label:hover { background-color: #f0f0f0; }
.icon-label i { font-size: 20px; padding-right:8px; }


.img-text-box {display:none;justify-content: center;align-items: center;gap: 22px 44px;}
.img-text-box.active { display: flex; }
.img-text-box .text-box { width: 50%; display: flex; flex-direction: column; gap: 15px; }
.img-text-box .image { width: 50%; }
.img-text-box .image img { width: 100%; height: auto; }
.tab-content-box { padding-top: 64px; }
.img-text-box .text-box img { width: 40px; height: 40px; }
.img-text-box .text-box label { font-size: 24px; font-weight: 600; color: #151515; font-family: 'Poppins'; }
.img-text-box .text-box .content { font-size: 16px; color: #474747; line-height: 24px; }


.icon-label { cursor: pointer; padding: 8px 12px; display: inline-block; border-radius: 5px; }
.icon-label.active { background: #0073e6; color: #fff; }

/* .img-text-box .text-box { width: 50%; display: flex; flex-direction: column; gap: 15px; } */
.img-text-box .image { width: 50%; }
.img-text-box .image img { width: 100%; height: auto; }



.tab-content-box { padding-top: 64px; }
.img-text-box .text-box img { width: 40px; height: 40px; }
.img-text-box .text-box label { font-size: 24px; font-weight: 600; color: #151515; font-family: 'Poppins'; }
.img-text-box .text-box .content { font-size: 16px; color: #474747; line-height: 24px; }

/* cta section css  */
.cta-sec { display: flex; padding: 80px 32px; background: #FABC1C; align-items: center; border-radius: 20px; flex-wrap: wrap; gap: 28px 20px; justify-content: space-between; }
.cta-banner-sec { position: relative; margin-bottom:50px; }
/* .cta-banner-sec::after { content: " "; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: #f3f3f3; z-index: -1; } */
.cta-box {width: 100%;max-width: 750px;}
.cta-box h3 span { font-size: 38px; font-weight: 600; line-height: 50px; color: #000; }
.cta-box p { font-size: 22px; line-height: 30px; padding-top: 20px; font-weight: 400; color: #000; }
.cta-box p a { color: #000; font-weight: 700; text-decoration: underline; }
.btn-cta { display: flex; gap: 16px; flex-wrap:wrap; }
.btn-cta a { border: 2px solid #000 !important; background: #000 !important; }
.btn-cta a:last-child { background: transparent !important; color: #000; }
.btn-cta a:last-child:hover { background: #000 !important; }




.pb-10 { padding: 0 !important; }
.two-col-section { display: flex; padding: 26px 0 0 44px; align-items: center; flex-wrap:wrap; width:100%; justify-content:space-between; }
.two-col-section .text-content { width:58%; padding: 70px 20px 96px; }
.btn-flex {flex-direction: row !important;max-width: 100% !important; gap: 12px; padding: 12px 0 0 0 !important; flex-wrap: wrap; }
.btn-flex a:last-child{background:white; color: #1482f5; }
.btn-flex a:last-child:hover { background:#1482f5; color:#fff;}
.two-col-section .image { width: 42%; transform: translate(0px, 3px);}
.two-col-section .image img { width: 100%; height: 100%; object-fit: cover; border-bottom-right-radius:15px; }
.two-col-section .text-content .content--col { width: 100%; max-width: 100%; }




@media (max-width: 1340px){
	.tab-section {padding: 80px 0;}
	.tab-content-box {padding-top: 54px;}
	.cta-box h3 span{ font-size:34px; line-height:40px; }
	.cta-box p { font-size: 20px; }
	 .two-col-flex{flex-direction:column;}
    .hero.hero-home-centered .two-col-flex .hero--images img { height: auto; }
    .hero.hero-home-centered .center-banner-sec { margin-bottom: 60px;}
}

@media (max-width: 1024px){
	.tab-section { padding: 60px 0; }
	.tab-section h2{ font-size:32px; }
	.cta-box h3 span{ font-size:32px; }
	.cta-sec { padding:60px 32px; }
	.two-col-section{ padding:0; }
	.two-col-section .text-content{ width:100%; padding:64px 24px; }
	.two-col-section .image{ display:none; }
	.hero.hero-home-centered .center-banner-sec { margin-bottom: 35px;}
}

@media (max-width: 850px) { 
	.tab-section {padding: 50px 0;}
	.img-text-box{ flex-direction:column; }
	.img-text-box .text-box, .img-text-box .image{ width:100%; }
	.small-text{font-size:16px;}
	.tab-content-box {padding-top: 40px;}
	.img-text-box .text-box label { font-size: 20px; }
	.cta-box p { font-size: 18px; padding-top:10px; }
	.btn-flex{ margin-top: 0px !important; }
	.hero.hero-home-centered .center-banner-sec .no-padding .hero--image-wrapper .mb-hd { display: block; }
}

@media(max-width:768px) {
	.tab-section h2{ font-size:28px; width:100%; }
	.tab-content-box {padding-top: 30px;}
	.cta-box h3 span{ font-size:30px; }
	.cta-sec { padding:40px 32px; }
	.cta-box p { font-size: 16px; padding-top:0; }
	.hero.hero-home-centered .center-banner-sec { margin-bottom: 20px;}
}

@media (max-width: 540px) {
	.tab-section {padding: 40px 0;}
	.form-main { width: 100%; }
	.icon-radio-group{ flex-direction:column; text-align:center; }
	.tab-section h2{ font-size:24px; width:100%; }
	.small-text{ font-size:14px !important; }
	.img-text-box .text-box label { font-size: 16px; }
	.cta-box h3 span{ font-size:26px;}
	.two-col-section .text-content{ width:100%; padding: 12px 16px; }
	.hero.hero-home-centered .center-banner-sec .no-padding{ padding:0!important; }
}

@media (max-width: 480px) {

}













