.para1 { font-size: 18px; font-family: 'ProximaNovaA Regular' !important; color: #404040; }
h2 { font-family: 'ProximaNovaA Regular'; }
/* .prototype_banner { background: url('./assets/img/gen_ai_consult_bnr.png') no-repeat center/cover; min-height: 680px; } */
.prototype_banner .blur_sec { background: none; }

.srvBoxImage:after { content: none; }
.srvBoxImage .paraHead { font-size: 30px; }
.colBrdr { position: relative; }
.colBrdr::before { content: ''; position: absolute; right: 0px; top: 0; width: 1px; height: 100%; border-right: 2px solid #ccc; }

.srvcBoxDes { overflow: hidden; border-radius: 20px; display: flex; flex-direction: column; justify-content: end; position: relative; transition: all 0.5s; height: 550px !important; }
.srvcBoxDes1 { background-image: linear-gradient(180deg, #00000000, #000000), url(/img/stiai-finance-and-banking.jpg); }
.srvcBoxDes h4 { font-size: 25px; color: #fff; line-height: 1.3em; font-family: 'ProximaNovaA SemiB'; transition: all 0.4s ease 0s; }
.srvcBoxDes p { opacity: 0; transition: all 0.4s ease 0s; }
.srvcBoxDes .overlayBox { position: absolute; height: 100%; width: 100%; background-color: #ffffff; top: 100%; left: 0; transition: all 0.4s ease 0s; }
.srvcBoxInner {    position: absolute;top: 68%;z-index: 2;width: 100%;left: 0;transition: all 0.4s ease 0s;text-align: left;padding: 40px 20px;}

.logoSwiper img { max-height: 60px; max-width: 80%; object-fit: contain; mix-blend-mode: darken; }
.logoSwiper .swiper-slide { display: flex; align-items: center; justify-content: center; height: auto; }
.logoSwiper .swiper-pagination { bottom: -5px; }
.logoSwiper .swiper-wrapper { padding-bottom: 40px; }

.srvBox { padding-inline: 20px; }
.srvBox h3 { font-size: 25px; }
.srvBox:hover h3 { top: 380px; }
.bgSphere1 { width: 110px !important; }
.hidVdo { background: url('/img/stiai-finance-and-banking.jpg'); }

.ctaSec1 { background: url(/assets//img/cta_bnr1.jpg) no-repeat center/cover; }
.ctaBtn1 { color: #E86D21; background-color: #fff; border-radius: 50px; padding: 18px 30px; text-decoration: none; font-family: 'ProximaNovaA SemiB'; font-size: 18px; }

.pNum { font-size: 35px; font-family: 'ProximaNovaA Bold'; color: #E86D21; }
.pNum1 { opacity: 40%; }
.pNum2 { opacity: 50%; }
.pNum3 { opacity: 60%; }
.pNum4 { opacity: 70%; }
.pNum5 { opacity: 85%; }
.pNum6 { opacity: 100%; }
.prcsHead1 { font-size: 25px; font-family: 'ProximaNovaA SemiB'; line-height: 1.3em; }
.prcsBox { position: relative; height: 100%; }
.prcsBox::after { content: ''; position: absolute; top: 0; right: -24px; width: 1px; height: 100%; border-left: 1px dashed #B3B3B3; }
.prcsBox1::after { content: none; }

.ecmBox { overflow: hidden; border-radius: 20px; display: flex; flex-direction: column; justify-content: end; position: relative; transition: all 0.5s; height: 450px !important; }
.ecmBox1 { background-image: linear-gradient(180deg, #00000000, #000000), url(https://www.suntecindia.com/img/prototype_service_1.jpg); }
.ecmBox h4 { font-size: 25px; color: #fff; line-height: 1.3em; font-family: 'ProximaNovaA SemiB'; }
.ecmBox p { font-size: 16px !important; color: #fff; line-height: 1.6em !important; opacity: 0; transition: all 0.4s ease 0s; }
.overlayBox { position: absolute; height: 100%; width: 100%; background-color: #000000CC; top: 100%; left: 0; transition: all 0.4s ease 0s; }
.ecmInner {    position: absolute;top: 68%;z-index: 2;width: 100%;left: 0;transition: all 0.4s ease 0s;text-align: left;padding: 40px 36px;}

.customtabs .collapse:not(.show){display: block;}
.customtabs .card .card-header{display: none;}
.tabs-left { margin-top: 45px; margin-bottom: 45px; }
.tabs-left .nav{flex-direction: column;}
.tabs-left .nav .nav-item{width: 100%; text-align: left;border: none;margin-bottom: 8px;font-size: 15px; }
.tabs-left .nav .nav-item .nav-link{display: flex; gap: 10px; align-items: center; color: #000000 !important;text-align: left;border-radius: 20px 0 0 20px;font-weight: 400;padding: 20px 30px;cursor: pointer;font-size: 22px;}
.tabs-left .nav .nav-item .nav-link.active{background-color: #fff !important;color:#E86D21 !important;height: 100%;position: relative;font-weight: 600;}
.tabs-right {background: #fff;padding: 50px;text-align: left;border: none; border-radius: 20px; position: absolute;height: 100%; }
.customtabs .tab-content-inner { background-color: #fff; }
.tabs-right .active{border: none;padding: 0;}  
.tabs-left .nav .nav-item .nav-link img { width: 50px; height: 50px; object-fit: contain; border-radius: 10px; }
.customtabs .row { background-color: #f0f0f0; padding: 48px; border-radius: 20px; }
.customtabs h4 { font-size: 35px; line-height: 56px; margin-bottom: 30px; font-family: 'ProximaNovaA SemiB'; }
.tab-content-inner p { font-size: 20px; line-height: 35px; }

.industry_slider { display: flex; align-items: center; justify-content: space-between; position: relative; padding: 30px 0; } 
.sliderSpace { display: flex; align-items: center; justify-content: space-between; position: static; padding: 30px 0; }
.indutry_slider_img { width: 240px; display: flex; justify-content: space-between; align-items: center; } 
.indutry_slider_left .slick-list { position: relative; top: 16px; } 
.indutry_slider_left { width: 290px; position: relative; display: flex; justify-content: center; } 
.indutry_slider_right { width: calc(100% - 530px); } 
.slider-nav { cursor: pointer; position: relative; left: 0px; } 
.slider-nav .slick-slide { height: 200px; width: 150px; border-radius: 20px; border: 1px solid #ccc; margin: 0px 8px; padding: 10px; background: #f9f9f9; transition: all 0.5s; } 
.slider-nav .slick-slide.slick-active { border: 1px solid #E86D21; } 
.slider-nav .slick-slide h3 { font-size: 20px; } 
.slider-nav .slick-list { width: 260px; transform: rotate(90deg); } 
.industry_left_box_text { transform: rotate(270deg); width: 100%; height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; }
.aiBox { width: 160px; height: 160px; background-color: #E86D21; display: flex; align-items: center; justify-content: center; border-radius: 20px; }
.slick-arrow { display: none !important; }
.industry_left_box_text { display: flex; flex-direction: column; justify-content: center; gap: 15px; }
.industry_left_box_text img { width: 50px; margin-top: 10px; }
.slick-track { display: flex; align-items: center; }
.indusHead { font-size: 22px; color: #000; }
.slider, .indutry_slider_left { position: static; }
.slick-dots { bottom: -30px; left: 0; }
.slick-dots li button:before { font-size: 12px; }
.slick-dots li button { padding: 0; }
.slick-dots li { margin: 0; }
.indusBox { border-radius: 20px; background-color: #dddcdc; height: 100%; }

.ctaBox { background-color: #E86D21; border-radius: 20px; }
.ctaHead { font-size: 20px; font-family: 'ProximaNovaA SemiB'; }

.logoSec .logoBox1 { padding: 30px; background-color: #fff; border-radius: 20px; }

.techSwiper .right { display: flex ; row-gap: 20px; column-gap: 30px; flex-wrap: wrap; }
.techSwiper .right > img { max-width: 50px; min-width: 50px; height: 50px; filter: none !important; transition: filter 0.2s; }
.techSwiper .right > img:hover { filter: unset; }
.techRow { display: flex; gap: 40px; align-items: center; border-bottom: 1px solid #C4C4C4; }
.techCat { width: 200px; }
.techName p { font-size: 16px; font-family: 'ProximaNovaA Regular'; }
.techName { width: calc(100% - 200px); }

.faqSec { background: #fff; }
.faqSec .accordion-item { border: none; padding: 22px 0px; background-color: transparent; transition: all 0.3s; }
.faqSec .accordion-item:has([aria-expanded="true"]) { background-color: transparent; }
.faqSec .accordion-button span { font-size: 24px; font-family: 'ProximaNovaA SemiB'; width: 65px; display: block; margin-top: -4px; }
.faqSec .accordion-button { padding: 0; padding-right: 50px; background-color: transparent; align-items: start; }
.faqSec .accordion-button h4 { margin-bottom: 0; font-family: 'ProximaNovaA SemiB'; width: calc(100% - 70px); }
.faqSec .accordion-button:not(.collapsed) { color: #E86D21; }
.faqSec .accordion-body { padding: 0; padding-left: 65px; }
.faqSec .accordion-button::after { content: ''; right: 0; position: absolute; background-image: url(/assets/img/faq_arr_icon.svg); height: 22px; width: 22px; background-repeat: no-repeat; background-size: contain; top: 6px; }
.faqSec .accordion-button:not(.collapsed)::after {top: -5px }
.faqSec .hidden-faq1 { max-height: 0; opacity: 0; padding: 0; } 
.accordion_container_item { overflow: hidden; transition: max-height .8s ease, opacity .8s ease; }
.faqSec .loadmore1 .loadmore-tx1 { display: block; }
.faqSec .loadbtn1, .faqSec .showLess1 .loadmore-tx1 { display: none; }
.faqSec .showLess1 .showless-tx1 { display: block; }
.faqSec .hidden-faq1.show1 { max-height: 2000px; opacity: 1; }
.faqSec .load-more-btn1 { display: flex ; justify-content: center; gap: 10px; align-items: center; }
.faqSec .showLess1 svg { transform: rotate(180deg); } 
.faqSec .load-more-btn1 svg { transition: .4s all; }
.btn2 { background-color: transparent; border: none; padding: 0; color: #E86D21; font-size: 18px; }
.accordion_container_item.show1 { overflow: visible; }
.load-more-btn1.showLess1 { display: none; }

@media(max-width:1450px) {
    .srvDiv { margin-top: 45px; }
    .bgSphere1 { width: 90px !important; }
    .srvcBoxDes { height: 570px !important; }
}

@media(min-width:991px) {
    .ecmBox:hover .ecmInner { top: 0;  transition: all 0.4s ease 0s; }
    .ecmBox:hover .overlayBox { top: 0; z-index: 1; transition: all 0.4s ease 0s; }
    .ecmBox:hover p { opacity: 1; transition: all 0.4s ease 0s;}  

    .srvcBoxDes:hover .srvcBoxInner { top: 0;  transition: all 0.4s ease 0s; }
    .srvcBoxDes:hover .overlayBox { top: 0; z-index: 1; transition: all 0.4s ease 0s; }
    .srvcBoxDes:hover p { opacity: 1; transition: all 0.4s ease 0s;}  
    .srvcBoxDes:hover h4 { color: #E86D21; transition: all 0.4s ease 0s;}  
}

@media(max-width:992px) { 
    .prototype_banner { height: 70vh; min-height: 720px; }
    .logoBox .col:nth-child(2):before{ display: block; }
    .srvCont .srvcBoxDes { margin-top: 0 !important; }
    .srvcBoxDes, .ecmBox { height: 100% !important; }
    .srvcBoxInner { position: relative; top: 0; left: 0; padding: 0; }
    .srvcBoxDes .overlayBox { display: none; }
    .srvDiv { background-color: #fff; }
    .srvcBoxDes p { opacity: 1; color: #fff; }

    .ecmInner { padding: 24px; position: relative; top: 0; left: 0; padding: 0; }
    .ecmBox { justify-content: start; }
    .overlayBox { background-color: #000; }
    .ecmBox p { opacity: 1; }
    .ecmBox1 { background-image: linear-gradient(180deg, #0000008e, #000000), url(https://www.suntecindia.com/img/prototype_service_1.jpg); }

    .slider-nav .slick-list { transform: none !important; }
    .industry_left_box_text { transform: rotate(0deg) !important; }
    .industry_slider { flex-direction: column; }
    .indutry_slider_img { padding-right: 30px; }
    .indutry_slider_right { width: 100% !important; }
    .slider-nav .slick-list { width: 300px !important; }
    .indutry_slider_img { width: 250px !important; }
    .industry_slider, .sliderSpace { padding-top: 0 !important; }

    /*Custom Tabs Start*/
    .customtabs{padding: 0;border: none;padding: 0;}
    .customtabs .collapse:not(.show) {display: none;}
    .customtabs .tab-pane {border:none; display:block !important; margin:20px 0 0; padding:5px; border-radius: 10px; opacity:1; overflow: hidden; background: #f4f4f4; }
    .customtabs .card-header a[aria-expanded="false"]::after, 
    .customtabs .card-header a[aria-expanded="true"]::after {content: "";display: block;height: 10px;width: 10px;border-left: 2px solid #000;border-top: 2px solid #000;position: absolute;right: 20px;top: 26px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
    .customtabs .card-header a[aria-expanded="true"]::after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
    .customtabs .card-header a[aria-expanded="true"] { color: #E86D21 !important; }
    .customtabs .card .card-header{display: block;padding: 0;border: none;background: #f4f4f4;border-radius: 0;}
    .customtabs .card .card-header a{display: block;padding: 10px 15px;color: #000; font-size: 24px; text-decoration: none; font-family: 'ProximaNovaA SemiB'; }
    .tabs-right{width:100% !important; padding: 0 10px; background: transparent; min-height: max-content; position: relative;}
    .tab-content .tab-content-inner {padding: 15px; padding-bottom: 0; padding-top: 0; margin-top: 0; background-color: #f4f4f4;}
    .tabs-left {width: 36%;}
    .customtabs .row { background: none !important; padding: 0; }
    

    .techSec .right { margin-top: 30px; }
}

@media(max-width:768px) { 

    .blur_sec .container { top: 0; }
    .logoBox .d-flex { flex-direction: column; gap: 0 !important; }
    .statHead { font-size: 35px; }
    .logoBox span { margin-bottom: 10px; } 

    .srvBoxImage .paraHead { font-size: 22px; text-align: left !important; margin-top: 20px; }
    .colBrdr::before { height: 100%; width: 100%; bottom: -20px; border-right: none; border-bottom: 1px solid #ccc; }

    .prcsBox { padding-left: 0 !important; padding-right: 0 !important; }
    .prcsBox::after { content: none; }

    .customtabs .card .card-header a { padding-right: 35px; line-height: 1.4em; }
    .slider-nav .slick-slide { height: 150px; }  
 
    .sliderSpace { flex-direction: column; gap: 10px; }
    .prototype_banner { height: 450px; min-height: none; max-height: none; }

 }