/* Font Family */
@font-face {
    font-family: 'ProximaNovaA Regular';
    src: url('/font1/ProximaNovaA-Regular.eot');
    src: url('/font1/ProximaNovaA-Regular.eot?#iefix') format('embedded-opentype'),
        url('/font1/ProximaNovaA-Regular.woff') format('woff'),
        url('/font1/ProximaNovaA-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNovaA Bold';
    src: url('/font1/ProximaNovaA-Bold.eot');
    src: url('/font1/ProximaNovaA-Bold.eot?#iefix') format('embedded-opentype'),
        url('/font1/ProximaNovaA-Bold.woff') format('woff'),
        url('/font1/ProximaNovaA-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'ProximaNovaA SemiB';
    src: url('/font1/ProximaNovaA-Semibold.eot');
    src: url('/font1/ProximaNovaA-Semibold.eot?#iefix') format('embedded-opentype'),
        url('/font1/ProximaNovaA-Semibold.woff') format('woff'),
        url('/font1/ProximaNovaA-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}


/* Global css */
*{ margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'ProximaNovaA Regular'; }
h1 { font-size: 70px; color: #0F0F0F; }
h2 { font-size: 56px; font-family: 'ProximaNovaA Bold'; color: #0F0F0F; }
h3 { font-size: 40px; font-family: 'ProximaNovaA SemiB'; }
.orangeT { color: #E86D21; }
.fw_bold { font-family: 'ProximaNovaA SemiB'; }
.fw_norm { font-family: 'ProximaNovaA Regular'; }
.fs_18 { font-size: 18px; }
.bnnrBtn:hover { background-color: #000; border: 1px solid #fff; }
.bg_grey { background-color: #f5f5f5; }
 .para1 { font-size: 18px; font-family: 'ProximaNovaA Regular' !important; color: #404040; }

/* Header css */
#header .bnnrBtn:hover { background-color: #000; border: 1px solid #fff; }
.header { position: fixed !important; transition: all 0.5s; }


/* banner css */
.prototype_banner .text-end:before {content: '';background: linear-gradient(45deg, #a5a5a5, #ababab, #a8a8a8);position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.prototype_banner{position: relative;height: 90vh; min-height: 800px; overflow: hidden;}
.prototype_banner .blur_sec{position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: center;height: 100%;width: 100%; background: linear-gradient(90deg, #a9a9a9, #a9a9a9, #fff0, #fff0, #fff0); padding-top: 0px; margin-top: 30px; }
.prototype_banner .relative-container {padding: 45px 0 45px 0;background-color: #fff;}
.bnnrVdo { height: 100%; position: relative; right: -12%; top: 60px; }
.bannerPara { font-size: 22px; color: #0f0f0f; }
.bnnrBtn { background-color: #E86D21; width: max-content; padding: 18px 35px; font-size: 18px; font-family: 'ProximaNovaA SemiB'; border-radius: 50px; color: #fff; text-decoration: none; display: block; transition: all 0.3s; border: 1px solid #E86D21; }


/* logo css */
.logoBox { box-shadow: 0px 4px 104px 0px #00000040; z-index: 1;}
.logoBox img { flex: 0 0 80px; height: 64px; object-fit: none; }
.logoBox .col:not(:last-child):before {position: absolute;width: 1px;height: 100%;content: '';border-left: 1px dashed #B8B8B8;right: 0;}


/* service css */
.srvCont { background-color: #000; }
.paraHead { font-size: 32px; }
.srvBox { background-color: #fff; border-radius: 15px; padding: 30px; height: 100%; overflow: hidden; }
.srvBox img { width: 75px; }
.boxSvg img { height: 60px; }
.srvDiv { width: 75%; background-color: #0000001A; height: 1px; margin-top: 60px; }
.hidVdo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.5s; overflow: hidden; border-radius: 15px; }
.hidVdo video { height: 100%; width: 100%;object-fit: cover;object-position: center;}
.srvBox:hover .hidVdo { opacity: 1; }
.srvBox h3 { position: relative; z-index: 10; top: 0; transition: all 0.6s; }
.srvBox:hover h3 { top: 270px; color: #fff; }
.srvBox p { font-size: 18px; font-family: 'ProximaNovaA SemiB'; color: #404040; }
.srvBox1:hover h3 { top: 270px; margin-top: -48px; }
.srvBox1 { margin-top: 48px; }
.srvGrad { position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61.18%, rgba(0, 0, 0, 1) 100%); z-index: 5; top: 0; left: 0; opacity: 0; transition: all 0.3s; }
.srvBox:hover .srvGrad { opacity: 1; }
.bgSphere { position: absolute; width: 95px !important; top: 30px; left: 25px; animation: upDown 4s ease-in-out infinite;}
.bgSphere1 { position: absolute; width: 140px !important; bottom: -60px; right: -60px; z-index: 30;animation: upDown1 3s ease-in-out infinite; } 


/* capabilities css */
.faqVdoCont { display: flex; gap: 60px; }
.faqVdo { width: 45%; background-color: #f0f0f0; }
.faqContent { width: 55%; }
.faqVdoCont .accordion-button { font-size: 31px; color: #969696; font-family: 'ProximaNovaA Regular'; }
.faqVdoCont .accordion-button span { width: 80px; flex: 0 0 80px;}
.accordion-item { border: none; border-bottom: 1px solid #D2D2D2; padding: 30px 0 ; }
.accordion-button:not(.collapsed) { background-color: transparent; box-shadow: none; }
.accordion-button:focus { box-shadow: none; }
/* .faq-img { display: none; width: 100%; height: auto; position: absolute; top: 0; left: 0; object-fit: cover; }  */
.faq-img {display: none;width: 100%;height: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.faq-img video {height: 100%;width: 100%;object-fit: cover;object-position: center;}
.faq-img.active { display: block; }
.accordion-button:not(.collapsed)::after, .accordion-button::after { background: none; content: none; }
.faqContent .accordion-item p { font-size: 18px; color: #0E0E0E; font-family: 'ProximaNovaA semiB'; }
.faqContent .accordion-body { padding-left: 80px;}
.faqContent .accordion-button[aria-expanded="true"] { color: #E86D21; font-family: 'ProximaNovaA semiB'; }
.faqVdo { position: relative; overflow: hidden; border-radius: 15px; }
.accordion-item1 { border: none; }


/* success story css */
.ssCont { background-color: #E86D21; }
.btn1 { width: 165px; height: 60px; border-radius: 50px; display: block; background-color: #fff; display: flex; align-items: center; justify-content: center; line-height: 1em; font-size: 18px; color: #E86D21; font-family: 'ProximaNovaA SemiB'; text-decoration: none; transition: all 0.3s; }
.btn1:hover { background-color: #000; color: #fff; }
.ssCont .swiper-slide { position: relative; height: 620px; padding: 60px;  }
.ssCont .swiper-slide::before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(260.87deg, rgba(0, 0, 0, 0.6) 16.2%, rgba(0, 0, 0, 0.5) 83.72%); border-radius: 40px; }
.ssOuterCont { position: relative; z-index: 9; height: 100%; }
/* .swiper-slide1 { border-radius: 40px; background: url(./img/home_ss_bg1.jpg) center no-repeat; background-size: cover; } */
.ssCont .swiper-slide1 { border-radius: 40px; background: url('/img/home_ss_bg1.jpg') center no-repeat; background-size: cover; }
.ssIntro { font-size: 20px; color: #fff; text-transform: uppercase; font-family: 'ProximaNovaA SemiB'; }
.ssOuterCont h4 { color: #fff; font-size: 40px; font-family: 'ProximaNovaA SemiB'; line-height: 1.3em; }
.ssPara { font-size: 18px; font-family: 'ProximaNovaA SemiB'; color: #fff; line-height: 1.6em; }
.stry_mob { border-radius: 20px; position: absolute; width: 100%; top: 0; left: 0; }
.mySwiper1 { overflow: visible; } 
.ssTestStat { font-size: 100px; font-family: 'ProximaNovaA Bold'; color: #000201; line-height: 0.8em; }
.ssTestStatPara { font-size: 25px; color: #6C6C6C; margin-bottom: 50px; }
.ssTesti { font-size: 18px; color: #404040; font-family: 'ProximaNovaA SemiB'; position: relative; z-index: 2; margin-bottom: 40px; }
.ssTesti::before { content: ''; position: absolute; width: 50px; height: 40px; top: -25px; left: 0; background: url('/img/test_quote.svg') no-repeat center; background-size: contain; z-index: -1; }
.ssProCont { display: flex; gap: 15px; align-items: center; margin-bottom: 30px; }
.ssTestiHead { font-size: 20px; color: #000201; font-family: 'ProximaNovaA Bold'; }
.ssTestiPara { color: #6C6C6C }
.ssCont .bnnrBtn { font-size: 20px; box-shadow: 0px 4px 14px 0px #00000040; }
.ssCont .container { margin-bottom: 96px; }
/* .swiper .swiper-slide:not(.swiper-slide-active) { position: relative; } */
.ssCont .swiper .swiper-slide:not(.swiper-slide-active) { filter: brightness(0.3) blur(2px); transition: filter 0.1s ease; }
.ssCont .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0; }
.ssCont .next1, .ssCont .prev1 {width: 55px;height: 55px;box-shadow: 0px 0px 54px 0px #0000005d;border-radius: 50%;border: 1px solid #fff;background-color: #fff;display: flex;align-items: center;justify-content: center; transition: all 0.2s;}
.ssCont .next1:hover, .ssCont .prev1:hover { border: 1px solid #000; }
.ssCont .next1 { right: -27px; } 
.ssCont .prev1 { left: -27px; transform: rotate(180deg); } 
.ssCont .next1 svg, .ssCont .prev1 svg {width: 23px;height: 23px;position: relative;} 
.ssCont .next1 svg {left: -1px;} 
.ssCont .swiper-button-next:after, .ssCont .swiper-button-prev:after { content: none; }


/* Workflow section  */
.wrkNum { color: #E86D21; font-size: 55px; font-family: 'ProximaNovaA SemiB'; line-height: 1em; }
.wrkHead { font-size: 24px; font-family: 'ProximaNovaA SemiB'; color: #fff; line-height: 1.3em; }
.wrkPara { font-size: 18px; color: #8C8C8C; }
.wrkBox { padding: 0 35px; }


/* Ai support suppot section */
.ai-support {background: url('/img/home-support-banner.jpg') center center;height: 100%;width: 100%;background-size: cover;background-repeat: no-repeat;transition: 0.3s all ease-in-out;}
.ai-support #mainSupport {background-size: cover !important;transition: 0.3s all ease-in-out;}
.ai-support #mainSupport .icon8{height: 60px;width: 60px;border: 3px solid rgba(163, 163, 163, 0.5);}
.ai-support .output-item::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;width: 0%;background-color: white;transition: 0.3s all ease-in-out;}
.ai-support .output-item.active:after,
.ai-support .output-item:hover::after {width: 100%;}
.ai-support .output-item.active .icon8,
.ai-support .output-item:hover .icon8 {border-color: white !important;}
.ai-support .output-item:hover .icon8 svg path,
.ai-support .output-item.active .icon8 svg path,
.ai-support .output-item.active span,
.ai-support .output-item:hover span {color: white !important; fill: white !important;}
.ai-support .output-item{border-color: rgba(163, 163, 163, 0.5) !important;cursor: pointer;}
.ai-support .output-item.stroke:hover .icon8 svg path,
.ai-support .output-item.stroke.active .icon8 svg path {stroke: white !important;fill: none !important;}


/* Our client */
.clientSection .clientSection-item{gap: 1px;background-color: #dee2e6;}
.clientSection .clientSection-item img{max-width: 150px;width: 100%; min-height: 150px;}
.clientSection .clientSection-item > .col{width: calc(100% / 6 - 1px);}


/* committed Section */
.committedSection .counterCommit {counter-reset: counterCommit;list-style: none;padding-left: 6rem;}
.committedSection .counterCommit li::before {content: '';position: absolute;counter-increment: counterCommit;content: "0"counter(counterCommit);left: -60px;top: 28px;font-size: 28px;color: rgb(0 0 0 / 50%);line-height: normal;}
/* .committedSection .counterCommit li.active::after {content: '';top: 0;bottom: 0;width: 2px;height: 100%;background:#E86D21;position: absolute;left: calc(-5rem - 2px);} */
.committedSection .counterCommit li.active h4,
.committedSection .counterCommit li.active::before {color: #E86D21;}
.committedSection .counterCommit li.active p{color: #000;}
.counterCommit-Item { padding: 30px 0; }
.counterCommit-Item h4 { font-size: 28px; }
.counterCommit-Item p { font-size: 18px; }
.counterCommit-Item.active { font-family: 'ProximaNovaA SemiB'; }
.committedSection video { border-radius: 20px; }


/* bottomForm css */
.padTB { padding-block: 96px; }
.bottomForm { background: linear-gradient(90deg, #FFF0E6 50%, #F9F9F9 50%); }
.bottomForm h3 { font-size: 35px; font-family: 'ProximaNovaA SemiB'; }
.paraHead { font-size: 25px; color: #0F0F0F; font-family: 'ProximaNovaA SemiB'; }
.para3 { color: #404040; font-size: 18px; line-height: 1.3em; }
.para4 { color: #0F0F0F; font-size: 20px; font-family: 'ProximaNovaA SemiB'; }
.bottomForm form input { border: 1px solid #D9D9D9; background-color: #fff; padding: 18px 20px 0 20px; height: 60px; }
.bottomForm form textarea { border-radius: 35px; border: 1px solid #D9D9D9; background-color: #fff; padding: 25px 20px 0 20px; height: 115px; }
.bottomForm form input[type="submit"] { background-color: #E86D21; color: #fff; font-size: 20px; padding: 15px 55px; border: none; font-family: 'ProximaNovaA SemiB'; }
.lastFormRight { border-left: 4px solid #fff; }
#footer li a:hover, #footer a:hover span { color: #E86D21; }
label span { color: red; }
.form-floating>.form-control, .form-floating>.form-control-plaintext { padding: auto !important; }
.bottomForm form .form-floating input { padding: 18px 20px 0 20px; } 
.bottomForm form .form-floating input:focus { box-shadow: none; border-color: #d9d9d9; } 
.bottomForm #footer_form .error-message { line-height: 17px !important; display: block; font-weight: 300; font-size: 14px !important; position: absolute; bottom: -18px; background-color: #fff; border-radius: 6px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); z-index: 99; left: 23px; font-weight: 400; }
.bottomForm #footer_form .error-message span { color: red; padding: 5px 10px; display: block }
.bottomForm form textarea { height: 110px !important; padding: 25px 20px 0 20px !important; }

/* footer css */
#footer { display: flex; }
#footer > div{ flex: 0 0 calc(100% / 4.8); }
#footer > div:first-child {flex: 0 0 calc(100% / 5 * 2);}
.workflowCont div.col:not(:last-child) .wrkBox::after,
.social-footer > div:not(:last-child)::after {content: '';height: 80%;border-right: 1px dashed #FFFFFF3D;position: absolute;right: -10%;bottom: 0;top: 10%;}
.workflowCont div.col:not(:last-child) .wrkBox::after{height: 100%;top: 0;right: 0;}
.footer {background: url('/img/sti-footer-img.jpg');background-size: cover;}
.copyCont { font-size: 18px; border-top: 1px solid #636363; }
.footer-lft { width: 28%; }
.footer-lft p { font-size: 18px; }
.footer-cntr1 { width: 25%; padding-inline: 40px; border-left: 1px dashed #FFFFFF3D; border-right: 1px dashed #FFFFFF3D; }
.footer-cntr2 { width: 25%; padding-inline: 40px; border-right: 1px dashed #FFFFFF3D; }
.footer-rgt { width: 22%; padding-left: 40px; }
#footer a { text-decoration: none; }
.logo1 { max-width: 250px; object-fit: contain; }
#footer li { list-style: none; color: #fff; }
#footer li a{ color: #fff; }
.footer-rgt img { width: 25px; height: 20px; margin-right: 5px; }
#footer h4 { font-family: 'ProximaNovaA SemiB'; }
#footer li { font-size: 18px; } 
.form-floating>label { color: #909090 !important; font: 300 16px 'ProximaNovaA Regular'; left: 8px; top: 2px; background: transparent !important; transform: none; }
.form-floating>.bodytext-plaintext~label, .form-floating>.bodytext:focus~label, .form-floating>.bodytext:not(:placeholder-shown)~label, .form-floating>.form-select~label { transform: scale(.85) translateY(-.6rem) translateX(.15rem); }
.bodytext:focus-visible { border: 1px solid #D9D9D9; outline: none; }


/* new css */

/* stat css */
.statHead { font-size: 50px; font-family: 'ProximaNovaA SemiB'; color: #E86D21; }



@media(max-width:1450px) {

    h1 { font-size: 55px; }
    h2 { font-size: 45px; }
    h3 { font-size: 35px; }
    .faqVdoCont .accordion-button { font-size: 28px; }
    .ssOuterCont h4 { font-size: 28px; }
    .ssTesti { font-size: 17px; }
    .ssTestStatPara { font-size: 22px; }
    .padTB { padding-block: 70px; }
    .paraHead { font-size: 22px; } 
    .para3 { font-size: 16px; }
    .bottomForm h3 { font-size: 30px; }
    .footer-cntr1, .footer-cntr2 { padding-inline: 30px; }
    .footer-rgt { padding-left: 30px; }
    .logo1 { max-width: 180px; object-fit: contain; }
    .output-item span { font-size: 18px !important; } 
    .ssTestStat { font-size: 80px; }
    #footer li a, .footer-lft p, .copyCont p { font-size: 16px; }
    .srvBoxImage:after { width: 290px !important; height: 290px !important; bottom: -20% !important; }
}
@media (min-width: 1200px){
    .stry_txt{height: 100%;}
}
@media (min-width: 992px){
    .srvBoxImage1:after,
    .srvBoxImage:after {content: '';background: url('/img/pipe-svg.svg');position: absolute;bottom: -28%;left: -2%;height: 500px;width: 500px;background-size: contain !important;background-repeat: no-repeat !important;animation: upDown 2s ease-in-out infinite;}
    @keyframes upDown { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } 
    @keyframes upDown1 { 0%, 100% { transform: translateY(-20px); } 50% { transform: translateY(0px); } } 
    .srvBoxImage1:after{ background: url('/img/bg-pipe-image.png'); left: 2% !important; bottom: 0; width: 260px; height: 260px; z-index: 1; }
}
@media (max-width: 1199px){
    .bgSphere1{display: none;}
    .ssTestStat{font-size: 70px;}
    .stry_txt{height: auto;}
    .swiper-slide{height: auto;}
    .stry_mob{position: relative;}
    .ssCont .container{margin-bottom: 0px}
    .workflowCont div.col:not(:last-child) .wrkBox::after{display: none;}
}
@media (max-width: 991px) {
    .logoBox .col:nth-child(2):before{display: none;}
    .faqContent{width: 100%;}
    .prcs::after { right: 0; }
    .bottomForm form input, .bottomForm form textarea { padding: 10px 20px; }
    #footer > div, #footer > div:first-child {flex: 0 0 calc(100% / 2) !important;}
    #footer {flex-wrap: wrap;}
    .footer-cntr1{border-right: none !important;}
    .bottomForm {background: linear-gradient(90deg, #FFF0E6 50%, #F9F9F9 100%);}
    .container { max-width: 100%; padding-left: 30px; padding-left: 30px; padding-right: 30px; }
    .clientSection .clientSection-item > .col{width: calc(100% / 3 - 1px);}
} 
@media (min-width:768px) and (max-width:992px) {
    .footer-cntr2{padding: 0px !important;}
    #footer li { font-size: 14px; }
    .footer-lft, .footer-cntr1, .footer-cntr2, .footer-rgt { width: 100%; }
    .footer-cntr1, .footer-rgt { padding-left: 40px; border-right: none; padding-right: 0; }
    .footer-cntr2 { padding: 0; }
    #footer li { font-size: 16px; }
    #footer { display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 50px; }
    .padTB { padding-block: 48px; }
    .service_boxs .col:last-child { flex: 0 0 50% !important; width: auto !important; }
    .srvBox:hover h3 { top: 180px; }
    .srvBoxImage1 .swiper-slide {padding: 40px; }
}
@media (max-width: 767px) { 
    /* Defoult CSS */
    h1,.h1{font-size: 35px;}
    h2,.h2{font-size: 30px;}
    h3,.h3{font-size: 26px;}
    h4,.h4{font-size: 22px;}
    p, .p, .srvBox p, .faqContent .accordion-item p, .ssTesti, .ssCont .bnnrBtn {font-size: 16px;}
    .output-item span { font-size: 22px !important; }
    .paraHead {font-size: 18px;}
    .bottomForm .paraHead { font-size: 20px; }
    .faqVdoCont .accordion-button span{width: 50px;flex: 0 0 50px;}
    .faqContent .accordion-body { padding-left: 50px; }
    .bannerPara { font-size: 20px; }
    .faqVdoCont .accordion-button{align-items: start;}
    .ai-support #output-content{display: none !important;}
    .ai-support .output-item > p{display: block !important;margin-top: 1rem;transition: .3s all ease-in-out;}
    .ai-support .output-item.active > p{color: white !important;}
    .logoBox .col:nth-child(2):before{display: block;}
    .wrkHead, .ssOuterCont h4, .counterCommit-Item h4 {font-size: 24px;}
    .faqVdoCont .accordion-button, .ssTestStatPara {font-size: 22px;}
    .ssTestiPara { font-size: 14px; }
    .next1, .prev1 { width: 40px; height: 40px; }
    .prev1 { left: -20px; } .next1 { right: -20px; }
    .swiper-button-next svg, .swiper-button-prev svg { width: 20px; }
    .wrkBox { padding: 0; }
    .ssIntro{font-size: 16px;}
    .wrkPara, .ssPara{font-size: 16px;}
    .ssCont .swiper-slide{padding: 60px 20px 20px;}
    .srvBox{height: 100%;min-height: 350px;}
    .srvBox:hover h3 {top: calc(100% - 100px);margin: 0 0;}
    .prototype_banner{position: relative;max-height: 680px; min-height: auto; overflow: hidden;}
    .blur_sec .container { position: relative; top: 20px; }
    .prototype_banner .blur_sec { background:linear-gradient(270deg, #f5f5f531 42.1%, #f5f5f52c 61%); }
    .bnnrVdo { width: auto; position: relative; left: 0; }
    .clientSection .clientSection-item > .col{width: calc(100% / 2 - 1px);}
    /* .srvGrad{position: static;display: none;} */
    .srvBox1{margin: auto auto;}
        #footer > div, #footer > div:first-child{flex: 0 0 100% !important;}
    .footer-cntr1,.footer-cntr2,.footer-rgt{border: none !important; padding: 0px !important;}
    .padTB { padding-inline: 20px; padding-block: 48px; }
    .bottomForm .container, .bottomForm .container .row .col-12 { padding: 0; }
    .copyCont { font-size: 16px; }
    .bottomForm {background: linear-gradient(90deg, #FFF0E6 100%, #F9F9F9 100%); padding-bottom: 0rem;}
    #footer li { font-size: 14px; }
    .footer-lft, .footer-cntr1, .footer-cntr2, .footer-rgt { width: 100%; }
    .footer-cntr1, .footer-rgt { padding-left: 0px; border: none; padding-right: 0; }
    .footer-cntr2 { padding: 0; border: none; }
    #footer li { font-size: 16px; }
    #footer { display: grid; grid-template-columns: repeat(1, 1fr); row-gap: 40px; }  
    .container { max-width: 100%; padding-left: 30px; padding-left: 20px; padding-right: 20px; }
    .ssTestStat { font-size: 40px; }
    .wrkNum { font-size: 32px; }
    .committedSection .counterCommit { padding-left: 2em; }
    .committedSection .counterCommit li::before { content: none; }
    .counterCommit-Item { padding: 15px 0; }
    .logoBox img { object-fit: contain; }
    .bgSphere { animation: upDown 4s ease-in-out infinite; width: 75px !important; }
    @keyframes upDown { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } 
    .accordion-item1 { padding-bottom: 0; }
    .ai-support #mainSupport { background: linear-gradient(0deg, rgb(0 0 0 / 80%) 50%, rgb(0 0 0 / 40%)) !important; }
    .ai-support .output-item > p, .output-item span { color: #fff !important; }
    .output-item span { font-family: 'ProximaNovaA SemiB'; }
    .ai-support .output-item, .ai-support #mainSupport .icon8 { border-color: #fff !important; }
    .ai-support #mainSupport .icon8 { border-color: #fff; }
    .ai-support .output-item .icon8 svg path{color: white !important; fill: white !important;}
    .ai-support .output-item.stroke .icon8 svg path {stroke: white !important;fill: none !important;} 
    .logoBox .statHead { font-size: 30px !important; }
    .logoBox span { margin-bottom: 6px !important; }
    .logoBox .col .d-flex { flex-direction: column; gap: 0px !important; }
}

.btn-input1 { transition: all 0.3s; }
.btn-input1:hover { background-color: #000 !important; }
.tabVdoBg { background-color: #f0f0f0; border-radius: 20px; height: 100%; }
.output-item.active span { font-family: 'ProximaNovaA SemiB'; }

a.alink::after { content: none !important; }
p.indusLI { font-size: 18px; }


/*-------------------------------------- Section css ---------------------------------  */


/* section 1 */
.new_para1 { font-size: 18px; color: #404040; }
.new_srvcBoxDes { overflow: hidden; border-radius: 15px; display: flex; flex-direction: column; justify-content: end; position: relative; transition: all 0.5s; height: 450px !important; }
.new_srvcBoxDes1 { background-image: linear-gradient(180deg, #00000000, #000000), url(/img/stiai-finance-and-banking.jpg); }
.new_srvcBoxDes h3 { color: #fff; transition: all 0.4s ease 0s; }
.new_srvcBoxDes p { font-size: 18px; font-family: 'ProximaNovaA SemiB'; color: #404040; }
.new_srvcBoxDes .new_overlayBox { position: absolute; height: 100%; width: 100%; border: 1px solid #E0E0E0; background-color: #ffffff; top: 100%; left: 0; transition: all 0.4s ease 0s; }
.new_srvcBoxInner { position: absolute; top: 68%; z-index: 2; width: 100%; left: 0; transition: all 0.4s ease 0s; text-align: left; padding: 48px;}
.new_srvDiv { width: 75%; background-color: #0000001A; height: 1px; margin-top: 50px; }
@media(min-width:991px) {
    .new_srvcBoxDes:hover .new_srvcBoxInner { top: 0;  transition: all 0.4s ease 0s; }
    .new_srvcBoxDes:hover .new_overlayBox { top: 0; z-index: 1; transition: all 0.4s ease 0s; }
    .new_srvcBoxDes:hover p { opacity: 1; transition: all 0.4s ease 0s;}  
    .new_srvcBoxDes:hover h3 { color: #000; transition: all 0.4s ease 0s;}  
}
@media(max-width:1450px) {
    .new_srvDiv { margin-top: 45px; }
    .new_srvcBoxDes { height: 470px !important; }
    /* .container { max-width: 100%; padding-inline: 60px; } */
}

/* section 2 */
.new_introBox1 { background-color: #fff; border-radius: 15px; border: 1px solid #0000001A; height: 100%; }
.new_para2, .new_ul li { font-size: 18px; font-family: 'ProximaNovaA Regular'; color: #404040; }
.head_h4 { font-size: 28px; font-family: 'ProximaNovaA SemiB'; color: #0f0f0f; }
.new_srvDiv1 { width: 100%; background-color: #0000001A; height: 1px; margin-top: 40px; }
.new_sHead { font-size: 20px; color: #E86D21; font-family: 'ProximaNovaA SemiB'; }

/* section 3 */
.new_customtabs .row { padding: 0 12px; background-color: transparent; }
.new_customtabs .new_tabs-left .nav .nav-item .nav-link { padding: 15px 0; color: #969696 !important; font-family: 'ProximaNovaA SemiB'; font-size: 26px; padding-right: 20px; line-height: 1.3em; }
.new_customtabs .new_tabs-left .nav .nav-item .nav-link.active { background-color: transparent !important; color: #E86D21 !important; }
.new_customtabs .new_tabs-left { margin: 0; position: relative; height: 100%; }
.new_customtabs .new_tabs-left::before { content: ''; position: absolute; top: 0; right: -20px; width: 1px; height: 100%; border-right: 1px solid #ccc; }
.new_customtabs .new_tabs-right { background-color: transparent; padding: 0 0 0 40px; position: relative; }
.new_customtabs .new_tab-content-inner { background-color: transparent; }
.new_customtabs .new_tabs-right .active { background: transparent; }
.new_customtabs h4 { font-size: 22px; color: #0f0f0f; line-height: 1.3em; margin-bottom: 24px; }
.new_customtabs .new_tab-content-inner p { font-size: 18px; line-height: 1.6em; }

/* section 4 */
.expandBox1 { border: 1px solid #E0E0E0; border-radius: 15px; background-color: #fff; height: 100%; transition: all 0.3s; }
.expandBox1:hover { border-color: #E86D21; }
.expandBox1.active { border-color: #E86D21; }
.expBtn { border: none; background-color: transparent; color: #E86D21; font-family: 'ProximaNovaA SemiB'; font-size: 18px; width: max-content; }
.expandCard { border: 1px solid #9F9F9F; border-radius: 15px; background-color: #F5F5F5; box-shadow: 0px 6px 64px 0px #00000014; }
.closeBtn1 { position: absolute; top: 25px; right: 25px; border: 1px solid #000; border-radius: 50%; padding: 3px; background: none; display: flex; justify-content: center; align-items: center; line-height: 1em; }
.closeBtn1 img { width: 10px; height: 10px; }
.expGrid { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 60px; row-gap: 40px; }
.expGrid .listHead { font-size: 24px; font-family: 'ProximaNovaA SemiB'; }
.expGrid li::marker { font-size: 24px; font-family: 'ProximaNovaA SemiB'; position: relative; left: -5px; }
.expGrid li { padding-left: 15px; }

/* section 5 */
.serveSec1 .nav-tabs .nav-link { width: 50%; border: none; font-size: 24px; color: #0f0f0f; padding: 18px 10px; }
.serveSec1 .nav-tabs .nav-link.active { background-color: #f5f5f5; border: none; color: #E86D21; font-family: 'ProximaNovaA SemiB'; }
.serveCont { border: 1px solid #E0E0E0; overflow: hidden; border-radius: 15px; }
.servTab { padding: 35px 45px; }
.servTabHead { font-size: 22px;  font-family: 'ProximaNovaA SemiB'; color: #0f0f0f; }
.alink1 { color: #E86D21; text-decoration: none; }
.brdrLeft1 { border-right: 1px solid #cccccc }

/* section 6 */
.industryCont h4 { font-size: 30px; font-family: 'ProximaNovaA Regular'; line-height: 1.3em; }
.finIndus { background-image: url(/assets/img/indus_financial.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100%; }
.indusBox { background: transparent; }
.indusBox .parent .div { position: relative; z-index: 1; }
.industryCont { background-color: rgba(0, 0, 0, 0.5); height: 100%; }
.indusBox1 .parent { display: grid; grid-template-columns: repeat(10, 1fr); grid-template-rows: repeat(2, 1fr); gap: 48px; position: relative; z-index: 2; } 
.overlayContent { position: relative; z-index: 9; }
.indusBox1 .parent .div1 { grid-column: span 3 / span 3; } 
.indusBox1 .parent .div7 { grid-column: span 3 / span 3; grid-column-start: 4; } 
.indusBox1 .parent .div8 { grid-column: span 4 / span 4; grid-column-start: 7; } 
.indusBox1 .parent .div10 { grid-column: span 4 / span 4; grid-row-start: 2; } 
.indusBox1 .parent .div11 { grid-column: span 3 / span 3; grid-column-start: 5; grid-row-start: 2; } 
.indusBox1 .parent .div12 { grid-column: span 3 / span 3; grid-column-start: 8; grid-row-start: 2; }
.indusBox .overlay { background-color: #E86D21; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s; z-index: -1; }
.indusLI { opacity: 1; transition: all 0.3s; }
.indusLI li { color: #fff; font-size: 18px; }

/* section 7 */
.indusSec2 .industryCont { height: 100%; }
.indusSec2 .industryCont .overlay { background-color: #E86D21; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.3s; z-index: -1; }

/* section 8 */
.indusBox2 .parent { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 25px; position: relative; z-index: 2; } 
.indusBox2 .parent .div3 { grid-column: span 2 / span 2; } 
.indusBox2 .parent .div4 { grid-column: span 2 / span 2; grid-row-start: 2; } 
.indusBox2 .parent .div5 { grid-column: span 2 / span 2; grid-column-start: 3; grid-row-start: 2; }

/* section 9 */
.new_techCat { width: 250px; display: flex; gap: 25px; }
.new_techCat img { width: 50px; }
.new_techCat .para1 { font-size: 20px; }
.indusCol { min-height: 300px; background: url(/assets/img/indus_financial.jpg) no-repeat center/cover; }
.indusColImg { height: auto; width: 100%; object-fit: cover; }

/* section 9 */
.logoSec .swiper-slide-next { position: relative; }
.logoSec .swiper-slide-next::before { position: absolute; content: ''; height: 100%; width: 100%; background: linear-gradient(270deg, #fff, rgba(255, 255, 255, 0.37)); z-index: 9; }
.logoSec .swiper-slide-prev { position: relative; }
.logoSec .swiper-slide-prev::before { position: absolute; content: ''; height: 100%; width: 100%; background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0.37)); z-index: 9; }
.logoBox1 h4 { font-size: 27px; font-family: 'ProximaNovaA Regular'; }

/* section 10 */
.new_subHead1 { font-size: 28px; }
.new_customtabs .new_tabs-left1 .nav .nav-item .nav-link { padding: 10px 0; color: #969696 !important; font-family: 'ProximaNovaA SemiB'; font-size: 22px; padding-right: 20px; line-height: 1.3em; background-color: #eee !important; }
.new_tabs-left1 .nav .nav-item .nav-link.active { color: #E86D21 !important; font-size: 25px; }
.new_tabs-left1 { background-color: #EEEEEE; margin: 0; padding: 30px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border: 1px solid #E0E0E0; height: 100%; }
.new_customtabs .new_tabs-right1 { padding: 30px 50px; width: 100%; border-radius: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border: 1px solid #E0E0E0; border-left: none; position: relative; }
.new_tabs-left1 .nav .nav-item .nav-link.active::before { content: ''; position: absolute; top: -5px; right: -46px; z-index: 9; width: 30px; height: 60px; background-repeat: no-repeat; background-size: contain; background-image: url(/assets/img/tab_right_arr1.png); }
.new_tabs-right1 .para1 { line-height: 1.4em; }
.new_tabs-right1 .para2 { font-size: 17px; line-height: 1.4em; }

/* brand logos */
.brand_container {display: grid;border: 1px solid #E0E0E0;border-radius: 10px;margin-top: 3rem;grid-template-columns: repeat(5, 1fr);background: #E0E0E0;grid-gap: 1px;overflow: hidden;}
.brand_container .brandLogo {height: 100%;background-color: white;display: flex;flex-direction: column;gap: 2rem;align-items: center;padding: 4rem 1rem;box-sizing: border-box;}
.brandPara {font-size: 20px;color: #4C4C4C;}
@media (max-width: 768px) {.brand_container .brandLogo {padding: 20px;}}
@media (max-width: 768px) {.brand_container {grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 768px) {.brandPara {font-size: 16px;}}

/* tech logos */
.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; }
.techCat p { font-family: 'ProximaNovaA SemiB' !important; }
.techName p { font-size: 16px; font-family: 'ProximaNovaA Regular'; }
.techName { width: calc(100% - 200px); }
.techSwiper2 .right > img{max-width: 49px;min-width: 49px;}


.brand_container2 {grid-template-columns: repeat(6, 1fr);}
@media (max-width: 768px) { .brand_container2 {grid-template-columns: repeat(2, 1fr); }}

.tophead {font-size: 16px !important;color: #777;margin-bottom: 10px !important;font-family: 'ProximaNovaA SemiB';}


/* Slide bottom form css */

.slide-contact.is_stuck{height:128px!important;top:150px!important;width:auto!important;}
#slideout{position:fixed;bottom:0;right:0; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s;transition-duration:0.3s;height:auto;}
#slideout_inner{position:fixed;bottom: -250px;right:0;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s; -o-transition-duration:0.3s;transition-duration:0.3s;width:250px;background-color:#f6f6f6;padding:20px;box-shadow:0 2px 22px rgba(0, 0, 0, 0.3);box-sizing:border-box;}
#slideout.slide-contact.selected{right:100px;bottom:238px;}
#slideout.slide-contact{right:10px;z-index:99;}
#slideout.slide-contact.selected #slideout_inner{right:0;bottom: 0px;}
#slideout_inner input, #slideout_inner textarea{width:100%;padding:10px;margin-bottom:10px;font-size:13px;border:1px solid #BCB9B3;box-sizing:border-box;color:#333333;border-radius:7px;}
.slide-bttn {background-color: #241913;  border-top: 3px solid #e86d21;color: #FFFFFF;font-weight:400;padding:6px 11px;position: relative;bottom:0;right: 0;border-radius:10px 10px 0 0 ;cursor: pointer; transition: all 0.2s ease 0s;font-size:17px;}
.slide-bttn img{display: inline-block;margin: 0 5px 0 0;position: relative;top: 6px;width: 20px;}
.slide-bttn:hover {background-color: #e86d21;  border-top: 3px solid #241913;}
.slide-bttn i{margin-right:10px;font-size:19px;}
.slide-bttn span{display:block;}
#slideout_inner .btn-input1 {background: #333;border: none;color: #FFFFFF;margin: 0;font-weight: 700;border-radius: 4px;padding: 8px 10px;letter-spacing: 2px;font-size: 15px;transition: all 0.2s ease 0s; border-radius: 30px;}
#slideout_inner .btn-input1:hover{background:#e67000;color:#fff;}
#slideout_inner > h3 {color: #444;display: block;font-size: 19px;font-weight: 700;text-transform: uppercase;line-height: normal;margin: 0 0 10px !important;padding: 0 !important;}
#slideout_inner .sec-box{width:100%;}
#slideout_inner .security-sec{width:100%;color:#333;padding-top:0;}
#slideout_inner .security-sec .sign{color:#333;}
#slideout_inner .security-sec img, #slideout_inner .security-sec span, #slideout_inner .security-sec input{float:left;}
#slideout_inner .security-sec input{width:50px;margin-left:10px;padding:0px 10px;}
#slideout_inner .security-sec img, #slideout_inner .security-sec span{margin-top:0;}
#slideout_inner span.spclose {cursor: pointer;display: inline-block;width: 10%;text-align: right;color: #858585;position: absolute;top: 10px;right: 10px;}

.slide-contact #Fname{float:left;width:48%;margin-right:4%;}
.slide-contact #email{float:left;width:48%;}
.slide-contact textarea{width:100%;}
.slide-contact strong {font-weight: 400;font: 400 18px var(--bs-heading-font-family) !important;line-height: 30px;}

.slide-contact.selected .whatsapp-chat {bottom: 330px !important;}
.slide-bttn img {top: -1px;}

.st0{fill:#00E676;}
.icon_logo_white{fill:#FFFFFF;transition:all 0.2s ease 0s;}
.whatsapp-chat {position: fixed;right: 10px;bottom: 80px;background-color: #e4e4e4;width: 150px;height: 38px;text-align: left !important;border-radius: 100px;padding: 0px 0 0 12px;transition: all 0.2s ease 0s;text-align: left !important;display: block;line-height: 40px !important;color: rgba(0, 0, 0, 0.6); display: flex; align-items: center; font: 400 15px /36px var(--bs-heading-font-family) !important;z-index: 1;}
a:hover.whatsapp-chat .icon_logo_white{fill:#000;}
a:hover.whatsapp-chat span{color:#000000;}
a:hover.whatsapp-chat{bottom: 86px;box-shadow:0 10px 20px rgba(0,0,0,0.2);}


@media (max-width: 480px) {.vw-more{ width: 50%;}
#slideout strong {display: none;}
.whatsapp-chat {width: auto !important;padding: 0px 0 0 7px;}
.whatsapp-chat span {display: none;}
.slide-bttn img {margin: 0;}
#slideout.slide-contact.selected {right: 208px;}
}


/* Success Story list page css */

.ss_list_innBnr { background: linear-gradient(90deg, #05111A 25%, #00000000); margin-top: 95px; padding-block: 100px; }
.ss_list_innBnr::after { content: none; }
.ss_list_innBnr .bnrVdo { position: absolute; top: 0; right: 0; width: 85%; height: 100%; z-index: -1; }
.ss_list_innBnr .bnrVdo video { width: 100%; height: 100%; object-fit: cover; }
.ssListBox { background: #f3f3f3; 
border: 1px solid #DADADA; border-radius: 25px; padding: 10px; transition: all 0.5s; }
.ssListBox .ssListImg { position: relative; overflow: hidden; border-radius: 15px; }
.ssListBox .ssListImg img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; }
.ssListBox:hover .ssListImg img { transform: scale(1.15); }
.ssListBox .statContainer { position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px; }
.ssListBox .ssListContent { padding-block: 18px; padding-right: 20px; display: flex; height: 100%; flex-direction: column; justify-content: space-between; }
.ssListBox .ssListHead { font-size: 20px; font-family: 'ProximaNovaA SemiB'; line-height: 1.3em; margin-bottom: 25px; }
.ssListBox .ssListHead1 { line-height: 1em; width: max-content; padding: 1px 3px; border-radius: 4px; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.9px; font-family: 'ProximaNovaA SemiB'; font-size: 15px; color: #E86D21; }
.ssListBox .ssListGrid { display: grid; grid-template-columns: repeat(2, 1fr); margin-bottom: 0; column-gap: 20px; row-gap: 2px; }
.ssListBox .ssListGrid li { padding-right: 10px; }
.ssListBox .ssListSPIBor { border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; }
.ssListBox .ssListBtnBox { margin-top: 25px; }
.ssListBox .ssListBtn { display: inline-block; position: relative; z-index: 2; padding-right: 7px; }
.ssListBox .ssListBtn::before { content: ''; position: absolute; width: 22px; height: 22px; background-color: #E86D21; border-radius: 50%; top: 50%; transform: translateY(-50%); right: 0; z-index: -1; }
.ssListBox .statBox1 { padding: 20px; border-radius: 20px; background-color: #00000099; height: 100%; }
.ssListBox .statBox1 .statHead { font-size: 35px; color: #fff; display: flex; align-items: center; gap: 10px; justify-content: center; }
.ssListBox .statBox1 .statPara { font-size: 17px; color: #fff; line-height: 1.2em; }
.ssListBox .arrLink { width: 25px; height: 14px; object-fit: cover; object-position: right; transition: all 0.5s; }
.ssListBox .ssListBtn::before { opacity: 0; transition: all 0.5s; }
.ssListBox:hover { border-color: #E86D21; box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.151); }
.ssListBox:hover .arrLink { width: 48px; height: 14px; }
.ssListBox:hover .ssListBtn::before { opacity: 1; }

@media(max-width:1450px) {
.ssListBox .statBox1 .statHead { font-size: 30px; color: #fff; }
}
@media(max-width:992px) {
.ssListBox .statBox1 { padding: 15px; }
.ssListBox .statBox1 .statHead { font-size: 25px; }
.ssListBox .statContainer { padding: 15px; }
.ssListBox .ssListContent { padding-right: 10px; }
}
@media(max-width:768px) {
.ssListBox .ssListImg img { height: 450px; }
.ssListBox .statBox1 .statPara { font-size: 16px; }
}
.ssListBox .ssListGrid a{text-decoration: none; color: #212529;}
.ssListBox .ssListGrid a:hover{color: #E86D21 !important;}