.banner-sec{background-image: url(/wp-content/uploads/2025/08/banner-bg-line.png);padding: 100px 0;background-repeat: no-repeat;background-size: cover;background-position: bottom;background-color: #F2FAFF;}
.banner-sec .row{justify-content: center;}
.banner-sec h1{font-family: "Montserrat", sans-serif;font-weight: 700; font-size: 60px; line-height: 75px;color: #101828; text-align: center; margin-bottom: 35px;}
.banner-sec h1 span{color: #117E9A; position: relative;}
.banner-sec h1 span::after{content: ""; position: absolute; left: 0; bottom: -12px; width: 100%; height: 12px; background: url(/wp-content/uploads/2025/08/banner-heading-underline.webp) no-repeat; background-size: 100% 100%;}
.banner-sec h2{font-weight: 400; font-size: 20px; line-height: 35px;color: #667085; text-align: center;}

.banner-sec .get-demo-news-letter .form-field p{display: flex; border: 2px solid #117E9A; border-radius: 50px; /*overflow: hidden*/; width: 70%; max-width: 100%;margin: 30px auto;position: relative;}
.banner-sec .get-demo-news-letter .form-field p input{flex: 1; padding: 15px 20px; border: none; outline: none; font-size: 20px; line-height: 30px;border-radius: 50px 0 0 50px;background-color: #F2FAFF;color: #1E1E1E;width: 100%; }
.banner-sec .get-demo-news-letter .form-field p input.common-btn{background: linear-gradient(90deg, #1E1E1E 0%, #117E9A 100%) !important; color: white !important; border: none; padding: 15px 35px; font-size: 20px; line-height: 30px;font-weight: 500;cursor: pointer; border-radius: 0 50px 50px 0; transition: background 0.3s ease;}
.banner-sec .get-demo-news-letter p{font-family: 'Montserrat'; font-weight: 300; font-style: Light; font-size: 16px;  line-height: 30px;text-align: center;color: #000000;} 
.banner-sec .get-demo-news-letter .form-field p .wpcf7-spinner, .cta-sec .cta-form-sec .form-field p .wpcf7-spinner{display: none;}
/* .banner-sec .get-demo-news-letter .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{display: none;} */
.banner-sec .get-demo-news-letter .form-field .wpcf7-not-valid-tip{font-size: 14px;margin-left: 20px;text-align: left;position: absolute;}

.banner-sec .projects-clients-box {display: flex;align-items: center;flex-wrap: nowrap;background-color: #FFFFFFB2;padding: 40px 80px;border: 2px solid #117E9A;width: 70%;justify-content: center;margin: 30px auto 0;border-radius: 18px;}
.banner-sec .projects-clients-box h2{font-family: 'Montserrat', sans-serif; font-weight: 600; font-style: SemiBold; font-size: 32px;line-height: normal;text-align: center;color: #117E9A;}
.banner-sec .projects-clients-box p{font-weight: 600; font-style: SemiBold; font-size: 12px; line-height:normal; text-align: center;color: #333333CC;}
.banner-sec .projects-clients-box .divider {width: 1px; height: 40px; background-color: #33333380;margin: 0 50px;}

.banner-sec .get-demo-news-letter p span img{margin-top: -10px;}


.powerfull-feature-sec.common-style h2 span::after{background-size: 110px 10px;left: 10px;}
.powerfull-feature-sec{background-color:#F2FAFF ;}
.powerfull-feature-sec .row{justify-content: center;}
.powerfull-feature-sec article{border-radius: 10px;background-color: #E7F4FA;padding: 40px 20px;border: 1px solid #D2E8F0;display: flex;flex-wrap: wrap;flex-direction: column;height: 100%;text-align: center;justify-content: center;align-items: center;}
.powerfull-feature-sec article img{margin-bottom: 20px;}
.powerfull-feature-sec article p{font-size: 18px;line-height: 22px;letter-spacing: 0.5px;font-weight: 600;color: #333333;}
.powerfull-feature-sec .powerfull-grid{display: grid; grid-template-columns: 6fr 6fr 6fr 6fr 6fr;  gap: 45px 20px;}
.powerfull-feature-sec article{transition: all 0.5s;}
.powerfull-feature-sec article:hover{background-color:#fff;
    box-shadow: 4px 4px 20px 1px #16596b29;
	  transform: scale(1.01);
}


.why-team-loves-sec{background-color: #F8F8F8;text-align: center;}
.why-team-loves-sec .box-sec{background-color: #fff;padding: 50px 20px;display: flex;flex-direction: column;height: 100%;align-items: center;justify-content: center;flex-wrap: nowrap;border-radius: 20px;}
.why-team-loves-sec .box-sec .content h3{font-size: 20px;line-height: 28px;font-weight: 600;color: #101828;margin-top: 20px;}
.why-team-loves-sec.common-style h2 span::after{background-size: 150px 9px;left: 80px;}


.tech-section.common-style h2 span::after{background-size: 292px 12px;left: 20px;}
.tech-section .row.next-row{justify-content: center;}
.tech-section .row.next-row .tech-sec-col{width: 85%;padding: 0;max-width: 100%;}
.tech-section .nav-tabs { margin-bottom: 20px; border-bottom: 2px solid #B9CBCD4D; justify-content: center; } 
.tech-section .nav-tabs li .nav-link { font-size: 20px; font-weight: 700; line-height: 26px; color: #475467; margin: 0 50px; background: transparent !important; border: 0 !important; padding: 0 !important; margin-bottom: 20px; } 
.tech-section .nav-tabs li .nav-link.active { color: #000000; position: relative; } 
.tech-section .nav-tabs li .nav-link.active::after { content: ''; display: block; width: 100%; height: 3px; background-color: #203B6F; position: absolute; bottom: -22px; } 
.tech-section .tab-pane ul { display: flex; flex-wrap: wrap;justify-content: space-between; } 
.tech-section .tab-pane ul li { width: 24%; margin-top: 30px; text-align: center; } 


.faq-sec {background-color: #F2FAFF;}
.faq-sec .accordion  h2 { margin-bottom: 0; } 
.faq-sec .accordion .accordion-item { border: 0; border-radius: 0; border-bottom: 1px solid #3333334D; padding: 30px 17px; background: transparent; } 
.faq-sec .accordion .accordion-item .accordion-button {  border-radius: 0; border: 0; font-weight: 700; font-size: 28px; font-weight: 600; line-height: 31.69px; text-align: left; background: transparent; border: 0; box-shadow: unset; color: #117E9A; padding: 0; justify-content: space-between; } 
.faq-sec .accordion .accordion-item .accordion-button::after { background-image: url(/wp-content/uploads/2025/08/faq-up-arrow.webp); background-position: center; margin-left: 20px;transform: unset; }
.faq-sec .accordion .accordion-item .accordion-button.collapsed::after { background-image: url(/wp-content/uploads/2025/08/faq-down-arrow.webp); } 
.faq-sec .accordion .accordion-item .accordion-collapse { border: 0; } 
.faq-sec .accordion .accordion-item .accordion-button.collapsed { color: #000000; font-weight: 600; } 
.faq-sec .accordion .accordion-item .accordion-body { padding: 0; margin-top: 35px; } 
.faq-sec .accordion .accordion-item .accordion-body p {font-weight: 400; font-size: 20px; line-height: 35px; letter-spacing: 0%; color: #000000;text-align: left; } 
.faq-sec .accordion .accordion-item:last-of-type { border-bottom: 0; padding-bottom: 0; } 
.faq-sec .accordion .accordion-item:first-of-type { padding-top: 0; } 


@media (min-width: 1401px) and (max-width: 1800px) {




.banner-sec{padding: 80px;}
.banner-sec .get-demo-news-letter .form-field p{margin: 25px auto;}
.banner-sec .get-demo-news-letter .form-field p input.common-btn, .banner-sec .get-demo-news-letter .form-field p input{font-size: 16px;line-height: 26px;padding: 14px 23px;}
/* .banner-sec .get-demo-news-letter .form-field p input.common-btn{margin-left: auto;max-width: 25%;} */
.banner-sec .get-demo-news-letter .form-field p .wpcf7-form-control-wrap{width: 80%;}
    
.banner-sec  h1{font-size: 50px;line-height: 65px;}
.banner-sec h2{font-size: 18px;line-height: 30px;}
.banner-sec .projects-clients-box h2{font-size: 28px;}
.banner-sec .projects-clients-box{padding: 30px 60px;}

.powerfull-feature-sec article{padding: 30px 20px;}
.powerfull-feature-sec article p{font-size: 17px;}


.why-team-loves-sec.common-style h2 span::after{left: 40px;}

.tech-section.common-style h2 span::after { background-size: 242px 12px; left: 40px; }
.tech-section .nav-tabs li .nav-link{margin: 0 38px 20px;font-size: 18px;}



}





@media (min-width: 1200px) and (max-width: 1399.98px) {

.banner-sec{padding: 80px;}
.banner-sec .get-demo-news-letter .form-field p{margin: 25px auto;width:75%;}
.banner-sec .get-demo-news-letter .form-field p .wpcf7-form-control-wrap{width: 75%;}
.banner-sec .get-demo-news-letter .form-field p input.common-btn, .banner-sec .get-demo-news-letter .form-field p input{font-size: 13px;padding: 12px 20px;}

.banner-sec  h1{font-size: 48px;line-height: 60px;}
.banner-sec h2{font-size: 16px;line-height: 30px;}
.banner-sec .projects-clients-box h2{font-size: 28px;}
.banner-sec .projects-clients-box{padding: 30px 60px;}



.powerfull-feature-sec article{padding: 30px 10px;}
.powerfull-feature-sec article img {width: 65px;height: auto;}
.powerfull-feature-sec article p{font-size: 16px;}



.why-team-loves-sec.common-style h2 span::after{left: 30px;}
.why-team-loves-sec .box-sec .content h3{font-size: 18px;}
.why-team-loves-sec .box-sec .content h3 br{display: none;}

.tech-section .row.next-row .tech-sec-col{width: 92%;}
.tech-section.common-style h2 span::after{background-size: 220px 12px;}
.tech-section .nav-tabs li .nav-link { margin: 0 30px 20px; } 
.tech-section .tab-pane ul li { width: 23%; } 
.tech-section .tab-pane ul { justify-content: space-between; }


.faq-sec .accordion .accordion-item { padding: 30px 10px; } 
.faq-sec .accordion .accordion-item .accordion-button { font-size: 24px; } 
.faq-sec .accordion .accordion-item .accordion-body p { font-size: 18px; line-height: 26px; }


}





@media (min-width: 992px) and (max-width: 1199.98px) {


.banner-sec{padding: 80px;}
.banner-sec .get-demo-news-letter .form-field p{margin: 25px auto;width: 75%;}
.banner-sec .get-demo-news-letter .form-field p .wpcf7-form-control-wrap{width: 75%;}

.banner-sec .get-demo-news-letter .form-field p input.common-btn, .banner-sec .get-demo-news-letter .form-field p input{font-size: 13px;padding: 12px 20px;}
.banner-sec  h1{font-size: 42px;line-height: 58px;}
.banner-sec  h2{font-size: 15px;line-height: 30px;}
.banner-sec .projects-clients-box h2{font-size: 28px;}
.banner-sec .projects-clients-box{padding: 25px 40px;}

.banner-sec .get-demo-news-letter p span img{width: 40px;}


.powerfull-feature-sec.common-style h2 span::after { background-size: 60px 13px; left: 10px; }
.powerfull-feature-sec .powerfull-grid {grid-template-columns: 6fr 6fr 6fr 6fr;gap: 50px 30px;}
.powerfull-feature-sec article p{font-size: 16px;line-height: 20px;}
.powerfull-feature-sec article{padding: 30px 18px;}
.powerfull-feature-sec article img{width: 60px;height: auto;margin-bottom: 12px;}


.why-team-loves-sec.common-style h2 span::after { background-size: 130px 8px; left: 10px; }
.why-team-loves-sec .box-sec{padding: 40px 20px;}
.why-team-loves-sec .box-sec img{width:50px; height: auto;}
.why-team-loves-sec .box-sec .content h3{font-size: 16px;line-height: 28px;}
.why-team-loves-sec .box-sec .content h3 br{display: none;border-radius: 16px;}

.tech-section .row.next-row .tech-sec-col{width: 100%;}
.tech-section.common-style h2 span::after { background-size: 182px 12px;}
.tech-section .nav-tabs li .nav-link { margin: 0 25px 20px; font-size: 18px; line-height: 22px; }
.tech-section .tab-pane ul li { width: 23%; } 
.tech-section .tab-pane ul { justify-content: space-between; }

.faq-sec.common-style h2 span::after{background-size: 150px 12px;}
.faq-sec .accordion .accordion-item .accordion-button{font-size: 24px;}
.faq-sec .accordion .accordion-item .accordion-body p{font-size: 18px;line-height: 28px;}


}
    



@media (min-width: 768px) and (max-width: 991.98px) {


.banner-sec{padding: 60px 15px;}   
.banner-sec h1{font-size: 30px;line-height: 43px;}
.banner-sec h1 span::after{display: none;}
.banner-sec h2{font-size: 15px;line-height: 24px;}
.banner-sec h2 br{display: none;}

.banner-sec .get-demo-news-letter .form-field p{width: 80%;}
.banner-sec .get-demo-news-letter .form-field p .wpcf7-form-control-wrap{width: 75%;}

.banner-sec .get-demo-news-letter .form-field p input, .banner-sec .get-demo-news-letter .form-field p input.common-btn{font-size: 13px;padding: 10px 20px;}
.banner-sec .get-demo-news-letter p span img{width: 35px;}

.banner-sec .projects-clients-box{padding: 30px;}
.banner-sec .projects-clients-box .divider{margin: 0 45px;}
.banner-sec .projects-clients-box h2{font-size: 26px;}

.powerfull-feature-sec .powerfull-grid a{padding: 0;}
.powerfull-feature-sec .powerfull-grid{grid-template-columns: 6fr 6fr 6fr;gap: 30px 40px ;}
.powerfull-feature-sec article p{font-size: 16px;line-height: 20px;}
.powerfull-feature-sec article{padding: 30px 18px;}
.powerfull-feature-sec article img{width: 60px;height: auto;margin-bottom: 12px;}

.why-team-loves-sec .box-sec .content h3{font-size: 18px;}
.why-team-loves-sec img{width: 60px;height: auto;}
.why-team-loves-sec .row.second-row  {row-gap: 50px;}

.tech-section .row.next-row .tech-sec-col{width: 920%;}
.tech-section .nav-tabs { overflow: scroll; overflow-y: hidden; flex-wrap: unset; padding-bottom: 20px; justify-content: space-around; }
.tech-section .nav-tabs li .nav-link { margin: 0 20px; width: max-content;font-size: 16px; } 
.tech-section .tab-pane ul { gap: 15px; } 
.tech-section .tab-pane ul li { width:23%; margin-top: 0; } 
.tech-section .nav-tabs li .nav-link.active::after { bottom: -20px; }  

.faq-sec .accordion .accordion-item { padding: 20px 0; } 
.faq-sec .accordion .accordion-item .accordion-button { font-size: 16px; line-height: 22px; } 
.faq-sec .accordion .accordion-item .accordion-body p { font-size: 14px; line-height: 22px; }    


}




@media (max-width: 575.98px){


.banner-sec{padding: 60px 12px; background-image: none; background-color: #f2faff;}   
.banner-sec h1{font-size: 24px;line-height: 34px;}
.banner-sec h1 br{display: none;}
.banner-sec h1 span::after{background-size: 80% 70%;left: 10px;display: none;}
.banner-sec h2{font-size: 14px;line-height: 24px;}
.banner-sec h2 br{display: none;}

.banner-sec .get-demo-news-letter .form-field p{width: 100%;}
.banner-sec .get-demo-news-letter .form-field p .wpcf7-form-control-wrap{width: 100%;}
.banner-sec .get-demo-news-letter .form-field p input, .banner-sec .get-demo-news-letter .form-field p input.common-btn{font-size: 12px;padding: 8px 18px;}
.banner-sec .get-demo-news-letter p span img{width: 30px;}


.banner-sec .get-demo-news-letter p{font-size: 14px;}
.banner-sec .projects-clients-box{padding: 20px 25px;width: 100%;}
.banner-sec .projects-clients-box .divider{margin: 0 20px;}
.banner-sec .projects-clients-box h2{font-size: 20px;}

/* .trusted-leader-logo-sec{overflow-x: hidden;}
.trusted-leader-logo-sec .logos-section-col{gap: 50px;flex-wrap: wrap;}
.trusted-leader-logo-sec .logos-section-col img:nth-child(1),.trusted-leader-logo-sec .logos-section-col img:nth-child(2), .trusted-leader-logo-sec .logos-section-col img:nth-child(3), .trusted-leader-logo-sec .logos-section-col img:nth-child(4){width: 140px;height: auto;} */



.powerfull-feature-sec .powerfull-grid{grid-template-columns: 6fr 6fr;gap: 20px 0;}
.powerfull-feature-sec article p{font-size: 16px;line-height: 20px;}
.powerfull-feature-sec article{padding: 30px 18px;}
.powerfull-feature-sec article img{width: 50px;height: auto;margin-bottom: 12px;}
.powerfull-feature-sec{padding: 50px 12px;}
.powerfull-feature-sec .desktop-heading{display:none}
.powerfull-feature-sec .mobile-heading{display: block;}


.why-team-loves-sec .box-sec .content h3{font-size: 18px;}
.why-team-loves-sec .row.second-row{gap: 30px;padding: 0 20px;}
.why-team-loves-sec  h4{font-size: 16px;}
.why-team-loves-sec .box-sec .content h3 br{display: none;}

.tech-section .row.next-row .tech-sec-col{width: 90%;}
.tech-section .nav-tabs { overflow: scroll; overflow-y: hidden; flex-wrap: unset; padding-bottom: 20px; justify-content: space-around; } 
.tech-section .nav-tabs li .nav-link { margin: 0 20px; width: max-content;font-size: 16px; } 
.tech-section .tab-pane ul , .we-are-section article { gap: 15px; } 
.tech-section .tab-pane ul li { width: 47%; margin-top: 0; } 
.tech-section .nav-tabs li .nav-link.active::after { bottom: -20px; }



.faq-sec .accordion .accordion-item { padding: 20px 0; } 
.faq-sec .accordion .accordion-item .accordion-button { font-size: 16px; line-height: 22px; } 
.faq-sec .accordion .accordion-item .accordion-body p { font-size: 14px; line-height: 22px; }
.faq-sec .accordion .accordion-item .accordion-button::after, .faq-sec .accordion .accordion-item .accordion-button.collapsed::after{background-size: 16px;}





}    

@media (max-width: 767.98px) and (orientation: landscape) {
.banner-sec{padding: 60px 12px;}   
.banner-sec h1{font-size: 26px;line-height: 38px;}
.banner-sec h1 br{display: none;}
.banner-sec h1 span::after{background-size: 80% 70%;left: 10px;display: none;}
.banner-sec h2{font-size: 14px;line-height: 24px;}
.banner-sec h2 br{display: none;}

.banner-sec .get-demo-news-letter .form-field p{max-width: 100%;}
.banner-sec .get-demo-news-letter .form-field p input, .banner-sec .get-demo-news-letter .form-field p input.common-btn{font-size: 12px;padding: 8px 18px;}
.banner-sec .get-demo-news-letter p{font-size: 14px;}
.banner-sec .projects-clients-box{padding: 20px 25px;width: 100%;}
.banner-sec .projects-clients-box .divider{margin: 0 20px;}
.banner-sec .projects-clients-box h2{font-size: 20px;}
.banner-sec .get-demo-news-letter p span img{width: 30px;}

/* .trusted-leader-logo-sec{overflow-x: hidden;}
.trusted-leader-logo-sec .logos-section-col{gap: 50px;flex-wrap: wrap;}
.trusted-leader-logo-sec .logos-section-col img:nth-child(1),.trusted-leader-logo-sec .logos-section-col img:nth-child(2), .trusted-leader-logo-sec .logos-section-col img:nth-child(3), .trusted-leader-logo-sec .logos-section-col img:nth-child(4){width: 140px;height: auto;} */



.powerfull-feature-sec .powerfull-grid{grid-template-columns: 6fr 6fr;gap: 20px 0;}
.powerfull-feature-sec article p{font-size: 16px;line-height: 20px;}
.powerfull-feature-sec article{padding: 30px 18px;}
.powerfull-feature-sec article img{width: 50px;height: auto;margin-bottom: 12px;}
.powerfull-feature-sec{padding: 50px 12px;}
.powerfull-feature-sec .desktop-heading{display:none}
.powerfull-feature-sec .mobile-heading{display: block;}

.why-team-loves-sec .row.second-row{gap: 30px;padding: 0 20px;}
.why-team-loves-sec  h4{font-size: 16px;}
.why-team-loves-sec .box-sec .content h3 br{display: none;}

.tech-section .row.next-row .tech-sec-col{width: 90%;}
.tech-section .nav-tabs { overflow: scroll; overflow-y: hidden; flex-wrap: unset; padding-bottom: 20px; justify-content: space-around; } 
.tech-section .nav-tabs li .nav-link { margin: 0 20px; width: max-content;font-size: 16px; } 
.tech-section .tab-pane ul , .we-are-section article { gap: 15px; } 
.tech-section .tab-pane ul li { width: 47%; margin-top: 0; } 
.tech-section .nav-tabs li .nav-link.active::after { bottom: -20px; }

.faq-sec .accordion .accordion-item { padding: 20px 0; } 
.faq-sec .accordion .accordion-item .accordion-button { font-size: 16px; line-height: 22px; } 
.faq-sec .accordion .accordion-item .accordion-body p { font-size: 14px; line-height: 22px; }
.faq-sec .accordion .accordion-item .accordion-button::after, .faq-sec .accordion .accordion-item .accordion-button.collapsed::after{background-size: 16px;}




}



@media (min-width: 576px) and (max-width: 767.98px) {
.banner-sec{padding: 60px 12px;}   
.banner-sec h1{font-size: 26px;line-height: 38px;}
.banner-sec h1 br{display: none;}
.banner-sec h1 span::after{background-size: 80% 70%;left: 10px;display: none;}
.banner-sec h2{font-size: 14px;line-height: 24px;}
.banner-sec h2 br{display: none;}

.banner-sec .get-demo-news-letter .form-field p{max-width: 100%;}
.banner-sec .get-demo-news-letter .form-field p input, .banner-sec .get-demo-news-letter .form-field p input.common-btn{font-size: 12px;padding: 8px 18px;}
.banner-sec .get-demo-news-letter p{font-size: 14px;}
.banner-sec .projects-clients-box{padding: 20px 25px;width: 100%;}
.banner-sec .projects-clients-box .divider{margin: 0 20px;}
.banner-sec .projects-clients-box h2{font-size: 20px;}
.banner-sec .get-demo-news-letter p span img{width: 30px;}

/* .trusted-leader-logo-sec{overflow-x: hidden;}
.trusted-leader-logo-sec .logos-section-col{gap: 50px;flex-wrap: wrap;}
.trusted-leader-logo-sec .logos-section-col img:nth-child(1),.trusted-leader-logo-sec .logos-section-col img:nth-child(2), .trusted-leader-logo-sec .logos-section-col img:nth-child(3), .trusted-leader-logo-sec .logos-section-col img:nth-child(4){width: 140px;height: auto;} */

.powerfull-feature-sec .powerfull-grid{grid-template-columns: 6fr 6fr;gap: 20px 0;}
.powerfull-feature-sec article p{font-size: 16px;line-height: 20px;}
.powerfull-feature-sec article{padding: 30px 18px;}
.powerfull-feature-sec article img{width: 50px;height: auto;margin-bottom: 12px;}
.powerfull-feature-sec{padding: 50px 12px;}
.powerfull-feature-sec .desktop-heading{display:none}
.powerfull-feature-sec .mobile-heading{display: block;}


.why-team-loves-sec .row.second-row{gap: 30px;padding: 0 20px;}
.why-team-loves-sec  h4{font-size: 16px;}
.why-team-loves-sec .box-sec .content h3 br{display: none;}

.tech-section .row.next-row .tech-sec-col{width: 90%;}
.tech-section .nav-tabs { overflow: scroll; overflow-y: hidden; flex-wrap: unset; padding-bottom: 20px; justify-content: space-around; } 
.tech-section .nav-tabs li .nav-link { margin: 0 20px; width: max-content;font-size: 16px; } 
.tech-section .tab-pane ul , .we-are-section article { gap: 15px; } 
.tech-section .tab-pane ul li { width: 47%; margin-top: 0; } 
.tech-section .nav-tabs li .nav-link.active::after { bottom: -20px; }

.faq-sec .accordion .accordion-item { padding: 20px 0; } 
.faq-sec .accordion .accordion-item .accordion-button { font-size: 16px; line-height: 22px; } 
.faq-sec .accordion .accordion-item .accordion-body p { font-size: 14px; line-height: 22px; }
.faq-sec .accordion .accordion-item .accordion-button::after, .faq-sec .accordion .accordion-item .accordion-button.collapsed::after{background-size: 16px;}

}


@media (min-width:320px) and (max-width:420px) {

.powerfull-feature-sec.common-style h2 span{display: unset;}
.banner-sec .get-demo-news-letter p span img{width: 28px;}
.banner-sec h1{
        font-size: 22px;
        line-height: 32px;
    }
}


@media (max-width:350px) {

.banner-sec h2 span img{display: none;}
.banner-sec .projects-clients-box {padding: 15px ;}
.banner-sec .get-demo-news-letter .form-field p input, .banner-sec .get-demo-news-letter .form-field p input.common-btn { font-size: 12px; padding: 8px 12px; }
.banner-sec .projects-clients-box h2{font-size: 16px;}
.banner-sec .projects-clients-box p{font-size: 10px;}
.banner-sec .get-demo-news-letter p span img{width: 26px;}

   
.powerfull-feature-sec article p{font-size: 14px;line-height: 20px;}
.powerfull-feature-sec a{padding: 0 12px;}
.powerfull-feature-sec{overflow-x: hidden;}

    
}




/* ------------------------ tech section  */


#techAccordion h3 button{
  font-size: 30px;
  line-height: 32px;
}

#techAccordion h3 button.collapsed{
  font-size: 24px;
  line-height: 32px;
}


.tech-section #techAccordion .nav-tabs li .nav-link{
      font-size: 18px;
      margin: 0px 33px;
}


#techAccordion .accordion-item .accordion-body{
  padding-top: 50px;
  padding-bottom: 50px;
}
#techAccordion .accordion-item .accordion-body ul.nav.nav-tabs{
     margin-bottom: 50px;
    padding-bottom: 50px;
}

#techAccordion .accordion-item .accordion-body .tech-card img {max-height: 90px; max-width: 300px; width: 100%; height: 90px;}
#techAccordion .accordion-item .accordion-body .tech-card{align-items: center;}
#techAccordion .accordion-item .accordion-body .tech-card h6{    
  font-size: 18px;
    font-weight: 600;
    margin-top: 40px;
    line-height: 20px;
  color: #333;
  }


.tech-card {
      border-radius: 12px;
      transition: transform 0.2s;
      border: 1px solid #eee;
      background: #fff;
    }
    .tech-card img {
      max-height: 60px;
      object-fit: contain;
    }
    .tech-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 6px 15px rgba(0,0,0,0.1);
    }


@media (max-width:1440px) and (min-width:1200px){

.tech-section #techAccordion .nav-tabs { justify-content: flex-start; gap: 15px; } 
#techAccordion .accordion-item .accordion-body ul.nav.nav-tabs{ overflow: auto; flex-wrap: nowrap; }

}  

@media (min-width:1440px) and (max-width:1800px)  {
.tech-section #techAccordion .nav-tabs li .nav-link{margin: 0 25px;}

  
}

@media (max-width: 1199.98px) {
  .tech-section #techAccordion .nav-tabs {
    justify-content: flex-start;
    gap: 15px;
  }
#techAccordion .accordion-item .accordion-body ul.nav.nav-tabs{
    overflow: auto;
    flex-wrap: nowrap;
  }
}

/* Tablets */
@media (max-width: 992px) {
  #techAccordion h3 button {
    font-size: 26px;
  }
  .tech-section #techAccordion .nav-tabs li .nav-link {
    font-size: 16px;
    margin: 0 20px;
  }
  #techAccordion .accordion-item .accordion-body {
    padding: 30px 15px;
  }
  .tech-card h6 {
    font-size: 16px;
    margin-top: 20px;
  }
  #techAccordion .accordion-item .accordion-body .row {
  justify-content: space-around;
}
#techAccordion .accordion-item .accordion-body .row > div{
  width: 35%;
}
}

/* Mobile devices */
@media (max-width: 768px) {
  #techAccordion h3 button {
    font-size: 22px;
    line-height: 28px;
  }
  .tech-section #techAccordion .nav-tabs {
    /* flex-wrap: wrap; */
    /* justify-content: center; */
    justify-content: flex-start;
    gap: 8px;
  }
  #techAccordion .accordion-item .accordion-body .tech-card h6 {
    margin-top: 30px;
}
#techAccordion .accordion-item .accordion-body  .row {
  justify-content: space-around;
}
#techAccordion .accordion-item .accordion-body  .row > div{
  width: 45%;
}
  .tech-section #techAccordion .nav-tabs li .nav-link {
    font-size: 14px;
    margin: 5px 8px;
    padding: 6px 10px;
  }
  #techAccordion .accordion-item .accordion-body {
    padding: 20px 10px;
  }
  .tech-card img {
    max-height: 50px;
  }
  .tech-card h6 {
    font-size: 14px;
    margin-top: 12px;
  }
  #techAccordion h3 button.collapsed {
    font-size: 18px;
    line-height: 26px;
}
}

/* Extra small devices */
@media (max-width: 480px) {
  #techAccordion h3 button {
    font-size: 20px;
    line-height: 26px;
  }
  .tech-section #techAccordion .nav-tabs li .nav-link {
    font-size: 13px;
    margin: 4px;
  }
  .tech-card {
    padding: 15px 10px;
  }
  .tech-card img {
    max-height: 40px;
  }
  .tech-card h6 {
    font-size: 13px;
  }
}