.dots:before {
    bottom: -10px;
}

/* Home banner section style start here */
/* .home-banner .title-wrap{position:relative;text-align:center;margin-bottom:0;padding:0 30px}
.home-banner .title-wrap h4{color:var(--bgwhite);justify-content:center}
.home-banner .title-wrap h1 {color:#FF6C1A;font-size:44px;font-weight:600;line-height:120%;letter-spacing:-1.5px;padding-bottom:16px;z-index: 1;}
.home-banner .title-wrap h1 span {color:var(--primarycolor)}
.home-banner .title-wrap p{color:#4C596D;font-size:16px;line-height:168%;padding-bottom:35px} */
.h-r {
    opacity: 1;
    border-color: #E5E7EB;
}

.p110 {
    padding: 110px 0;
}

.common-py {
    padding: 100px 0;
}

.pb60 {
    padding-bottom: 60px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb80 {
    padding-bottom: 80px;
}

.bg-grey {
    background: #FBFBFB;
}

/* @media screen and (max-width:1400px) {.home-banner .title-wrap h1 {font-size: 42px;}} */
@media (max-width:1199px) {

    /* .home-banner .title-wrap h1 {font-size: 34px;}.home-banner .title-wrap p {font-size: 15px;padding-bottom: 30px;} */
    .p110 {
        padding: 80px 0;
    }

    .common-py {
        padding: 70px 0;
    }
}

@media screen and (max-width:991px) {

    /* .home-banner .title-wrap h1{font-size:30px;letter-spacing:-1px;padding-bottom:12px;} */
    .p110 {
        padding: 70px 0;
    }

    .common-py {
        padding: 60px 0;
    }

    .pb60,
    .pb80 {
        padding-bottom: 50px;
    }

    .pb50 {
        padding-bottom: 40px;
    }

    /* .home-banner .title-wrap p {padding-bottom: 26px;} */
}

@media screen and (max-width:767px) {

    /* .home-banner .title-wrap h1 {font-size: 26px;}.home-banner .title-wrap p {font-size: 14px;} */
    .p110 {
        padding: 60px 0;
    }

    .pb60,
    .pb80 {
        padding-bottom: 45px;
    }
}

@media (max-width:576px) {

    /* .home-banner .title-wrap h1,.home-banner .title-wrap h2{font-size:26px;letter-spacing:-0.5px;}.home-banner .title-wrap p{font-size:13px;padding-bottom:20px;} */
    .pb60,
    .pb80 {
        padding-bottom: 40px;
    }
}

@media (max-width:480px) {

    /* .home-banner .title-wrap h1{font-size: 22px;letter-spacing: -0.5px;} */
    .p110,
    .common-py {
        padding: 45px 0;
    }

    .pb60,
    .pb80,
    .pb50 {
        padding-bottom: 35px;
    }
}

/* Home banner section style ends here */
/* Home banner section style start here */
section.banners-section{position:relative}
.home-banner .common{position:relative}
.home-banner .common img{width:100%}
.home-banner .banner-text{flex-direction:column;align-items:center;height:100%;width:100%;position:absolute;top:0;background:none}
.home-banner .banner-text:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#111827;opacity:0.85}
.home-banner .banner-text .title-wrap{position:relative;z-index:2;text-align:center;margin-bottom:0;padding:0 30px}
.home-banner .banner-text .title-wrap h4{color:var(--bgwhite);justify-content:center}
.home-banner .banner-text .title-wrap h1,
.home-banner .banner-text .title-wrap h2{color:var(--bgwhite);font-size:48px;font-weight:600;line-height:120%;letter-spacing:-1.5px;padding-bottom:16px}
.home-banner .banner-text .title-wrap h1 span,
.home-banner .banner-text .title-wrap h2 span{color:var(--primarycolor)}
.home-banner .banner-text .title-wrap p{color:var(--bgcolorsecondry);font-size:16px;line-height:168%;padding-bottom:35px}
.home-banner .banner-text .title-wrap .btn-primary{color:var(--bgwhite);font-size:18px;font-weight:600;line-height:150%;display:flex;margin:0;gap:7px;padding:12px 0 12px 26px}
.home-banner .banner-text .title-wrap .btn-primary:before{width:47px;height:47px;content:"";border-radius:100%;background:#e6e8ea;position:absolute;left:0;top:0;z-index:-1;opacity:0.15}
.home-banner .banner-text .title-wrap .btn-primary img{width:24px !important;height:24px !important}
.home-banner .banner-text .title-wrap .btn-primary:hover{color:var(--primarycolor)}
.home-banner .banner-text .title-wrap .btn-primary:hover:before{opacity:0.05}
@media screen and (max-width:991px){
  .home-banner .banner-text .title-wrap h1,
  .home-banner .banner-text .title-wrap h2{font-size:36px;letter-spacing:-1px;padding-bottom:12px;}
}
@media screen and (max-width:767px){
  .home-banner .banner-text .title-wrap p{text-align:center !important;}
  .home-banner .banner-text .title-wrap .btn-primary:before {width: 35px;height: 35px;top: 6px;}
}
@media (max-width:576px){
  .home-banner .banner-text .title-wrap h1,
  .home-banner .banner-text .title-wrap h2{font-size:26px;letter-spacing:-0.5px;}
  .home-banner .banner-text .title-wrap p{font-size:13px;padding-bottom:15px;}
}
@media (max-width:480px){
  .home-banner .banner-text .title-wrap .btn-primary img{width:20px !important;height:20px !important;}
  .home-banner .banner-text .title-wrap .btn-primary:before {width: 30px;height: 30px;top: 9px;}
  .home-banner .banner-text .title-wrap .btn-primary {font-size: 17px;}
}
@media (max-width:400px){
  .home-banner .banner-text .title-wrap h1,
  .home-banner .banner-text .title-wrap h2{font-size:20px;letter-spacing:-0.5px;}
}
@media screen and (max-width:380px){
  .home-banner .banner-text .title-wrap h1,
  .home-banner .banner-text .title-wrap h2{font-size:18px;}
  .home-banner .banner-text .title-wrap .btn-primary{font-size:13px;}
  .home-banner .banner-text .title-wrap .btn-primary:before {width: 25px;height: 25px;left: 6px;}
}
/* Home banner section style ends here */

/* Spark CTA style start here */
.spark-cta{display:inline-block;position:relative;margin:0}
.spark-cta a.btn-style-one{min-width:175px !important;padding:10px 38px !important;color:var(--bgwhite) !important;font-size:16px !important;line-height:168% !important;border-radius:0 !important;height:auto !important;width:auto !important;border:1px solid #ff6c1a !important;font-weight:500;position:relative;display:block;cursor:pointer;background:#ff6c1a;white-space:nowrap;text-align:center}
.spark-cta a.btn-style-one:hover{padding:10px 60px 10px 16px !important;text-decoration:none;background:#192a44 !important;color:#fff !important;border:1px solid #192a44 !important;outline:0 solid #fff !important;outline-offset:0 !important}
.spark-cta a.btn-style-one.telegram:hover {background: #2481CC !important;border: 1px solid transparent !important;}
.spark-cta a.btn-style-one .arrow svg{position:absolute;top:0px !important;left:0px !important;width:22px !important;height:22px !important}
.spark-cta a.btn-style-one .arrow i{font-style:normal;position:absolute;top:-1px !important;left:0 !important;-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);line-height:20px}
.spark-cta a.btn-style-one .arrow i span{position:relative;left:0 !important;top:0 !important;font-size:24px !important;padding:0;-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);line-height:20px !important}
.spark-cta a.btn-style-one .arrow,
.spark-cta a.btn-style-one .arrow svg{width:22px !important;height:22px !important}
.spark-cta a.btn-style-one .arrow{text-align:center;-webkit-transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0.6s cubic-bezier(0.19, 1, 0.22, 1);position:absolute !important;width:22px !important;height:22px !important;right:25px !important;top:13px !important;opacity:0}
.spark-cta a.btn-style-one:hover .arrow{opacity:1;display:block}
.spark-cta:hover a.btn-style-one .arrow i{left:12px !important}
@media screen and (max-width:767px){
  .spark-cta a.btn-style-one{min-width:150px !important;padding:5px 25px !important;font-size:15px !important;}
  .spark-cta a.btn-style-one:hover{padding:5px 60px 5px 10px !important;font-size:15px !important;}
  .spark-cta a.btn-style-one .arrow{top:8px !important;}
}
@media (max-width:480px){
  .spark-cta a.btn-style-one{min-width:140px !important;padding:6px 25px !important;font-size:14px !important;height:38px !important;}
  .spark-cta a.btn-style-one:hover{padding:6px 56px 6px 12px !important;font-size:14px !important;}
  .spark-cta a.btn-style-one .arrow{right:20px !important;top:8px !important;}
  .spark-cta a.btn-style-one .arrow i span{font-size:22px !important;}
  .spark-cta a.btn-style-one .arrow,
  .spark-cta a.btn-style-one .arrow svg{width:20px !important;height:20px !important;}
  .spark-cta:hover a.btn-style-one .arrow i{left:11px !important;top:-2px !important;}
}

/* Whatsapp & Telegram color Start */
.spark-cta.custom-button .btn-style-one:hover {padding: 10px 38px !important;}
.spark-cta.custom-button .btn-style-one.whatsapp:hover {background-color: #25D366 !important;color: #fff !important;border: 1px solid transparent !important;}
.spark-cta.custom-button .btn-style-one.telegram:hover {background-color: #2481CC !important;color: #fff !important;border: 1px solid transparent !important;}
@media screen and (max-width: 767px) {.spark-cta.custom-button .btn-style-one:hover {padding: 5px 25px !important;}}
/* Whatsapp & Telegram color End */

/* Spark CTA style ends here */

/* sub-banner style start here */
.sub-banner img{height:880px}
.sub-banner img{width:100%;object-fit:cover}
@media (max-width:1800px){
  .sub-banner img{height:800px;}
}
@media (max-width:1700px){
  .sub-banner img{height:720px;}
}
@media (max-width:1600px){
  .sub-banner img{height:620px;}
}
/* @media (max-width:1400px){
  .sub-banner img{height:580px;}
}
@media (max-width:1300px){
  .sub-banner img{height:550px;}
}
@media screen and (max-width:1199px){
  .sub-banner img{height:500px;}
} */
@media screen and (max-width:991px){
  .sub-banner img{height:450px;}
}
@media screen and (max-width:767px){
  .sub-banner img{height:400px;}
}
@media (max-width:576px){
  .sub-banner img{height:360px;}
}
@media (max-width:480px){
  .sub-banner img{height:300px;}
  .sub-banner p{display:none;}
}
@media (max-width:400px){
  .sub-banner img{height:250px;}
}
@media (max-width:330px){
  .sub-banner img{height:220px;}
}
/* sub-banner style ends here */

/* devagency-banner style start here */
/* @media (max-width:1199px){
  .devagency-banner .banner-text .title-wrap h1,
  .devagency-banner .banner-text .title-wrap h2{font-size:40px;}
}
@media (max-width:991px){
  .devagency-banner .banner-text .title-wrap h1,
  .devagency-banner .banner-text .title-wrap h2{font-size:38px;}
}
@media (max-width:767px){
  .devagency-banner .banner-text .title-wrap h1,
  .devagency-banner .banner-text .title-wrap h2{font-size:36px;text-align:center !important;}
}
@media (max-width:576px){
  .devagency-banner .banner-text .title-wrap h1,
  .devagency-banner .banner-text .title-wrap h2{font-size:32px;}
}
@media (max-width:480px){
  .devagency-banner .banner-text .title-wrap h1,
  .devagency-banner .banner-text .title-wrap h2{font-size:28px;}
}
@media (max-width:400px){
  .devagency-banner .banner-text .title-wrap h1,
  .devagency-banner .banner-text .title-wrap h2{font-size:22px;}
} */
@media (max-width:1199px){
  .devagency-banner .banner-text .title-wrap h1,
  .devagency-banner .banner-text .title-wrap h2{font-size:32px;}
}
/* @media (min-width: 1400px) {.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1140px;}} */
@media (max-width:991px){
  .devagency-banner .banner-text .title-wrap h1,
  .devagency-banner .banner-text .title-wrap h2{font-size:30px;}
}
@media (max-width:767px){
  .devagency-banner .banner-text .title-wrap h1,
  .devagency-banner .banner-text .title-wrap h2{font-size:26px;text-align:center !important;}
}
@media (max-width:576px){
  .devagency-banner .banner-text .title-wrap h1,
  .devagency-banner .banner-text .title-wrap h2{font-size:22px;}
}
@media (max-width:400px){
  .devagency-banner .banner-text .title-wrap h1,
  .devagency-banner .banner-text .title-wrap h2{font-size:20px;}
}
/* devagency-banner style ends here */

/* consultation-form style start here */
.form-floating{position:relative}
.invalid-feedback{position:absolute;left:0;bottom:-22px}
.form-control,.form-floating > label{font-size:16px;line-height:1.2 !important}
.mobile-app-page-form.modal-customform .form-control, .mobile-app-page-form.modal-customform .form-floating > label {font-size: 15px;}
.bitrix-snippet-form .b24-form-wrapper.b24-form-border-bottom{border-bottom:0 !important}
.bitrix-snippet-form .b24-form-sign{display:none !important}
.bitrix-snippet-form .b24-form-header-padding{padding:0 !important}
.bitrix-snippet-form .b24-form-padding-side,
.bitrix-snippet-form .b24-form-content{padding:0}
.mobile-app-page-form{position:relative;background:#fff !important;padding:35px !important;border-radius:16px}
.mobile-app-page-form.custom-form {padding: 20px 25px 25px !important;}
.mobile-app-page-form.modal-customform {padding: 20px !important;}
.mobile-app-page-form .b24-form-header{border:none !important}
.mobile-app-page-form .b24-form-header-title{display:none !important}
.mobile-app-page-form .b24-form-control-icon-after .b24-form-control{position:relative;padding:10px 0 0 0 !important;border:0 !important;background:transparent !important;border-bottom:2px solid #dee2e6 !important;border-radius:0 !important}
.mobile-app-page-form .b24-form-control-container:after{position:absolute;content:" ";width:120px;height:2px;bottom:0;left:0;background:#ff6c1a}
.mobile-app-page-form .b24-form-control-agreement .b24-form-control-container:after{background:transparent !important}
.mobile-app-page-form .b24-form-control-icon-after .b24-form-control-label{padding-left:0}
.mobile-app-page-form input[type="checkbox"]:after{display:none}
.mobile-app-page-form .b24-form-btn-block{display:flex;align-items:center;justify-content:center}
.mobile-app-page-form .b24-form-btn-container .b24-form-btn-block .b24-form-btn{width:200px;min-height:40px !important;padding:10px 20px !important;border-radius:25px;background-color:#fff;color:#ff6c1a;border:1px solid #ff6c1a}
.mobile-app-page-form .b24-form-btn-container .b24-form-btn-block .b24-form-btn:hover{background-color:#ff6c1a;color:#fff}
.mobile-app-page-form input[type="checkbox"]{accent-color:#ff6c1a !important;width:16px !important;height:16px;color:#ffffff !important}
.form-title .h3{margin-bottom:20px;color:#0e0e2c;padding:0 !important}
.form-title .h3 span{color:#ff6c1a}
.mobile-app-page-form input[type="checkbox"]{accent-color:#ff6c1a !important;width:16px !important;height:16px;color:#ffffff !important}
.form-title .h3{margin-bottom:20px;color:#0e0e2c;padding:0 !important}
.form-title .h3 span{color:#ff6c1a}
.mobile-app-page-form input[type="checkbox"]:checked{background-color:#ff6c1a !important;border-color:#ff6c1a !important}
.mobile-app-page-form .form-control{position:relative;padding:15px 0 0 !important;border:0 !important;background:0 0 !important;border-bottom:2px solid #dee2e6 !important;border-radius:0 !important}

.mobile-app-page-form.custom-form .form-control, .mobile-app-page-form.modal-customform .form-control {padding:25px 0 0 !important;} 
.mobile-app-page-form.custom-form #enquiry_type5, .mobile-app-page-form.modal-customform #enquiry_type6, .mobile-app-page-form.modal-customform #enquiry_type7 {padding-bottom:10px !important;}

.mobile-app-page-form .form-floating{position:relative}
.mobile-app-page-form .form-floating:after{position:absolute;content:" ";width:120px;height:2px;bottom:0;left:0;background:#ff6c1a}
.mobile-app-page-form .form-control:focus{outline:none;box-shadow:none}
.mobile-app-page-form input[type="checkbox"]{accent-color:#ff6c1a !important;width:16px !important;height:16px;color:#fff !important}
.mobile-app-page-form .form-check-label{font-size:11px;opacity:0.5;line-height:1}
.mobile-app-page-form .btn-primary{width:200px;min-height:40px !important;padding:10px 20px !important;border-radius:25px;background:#fff;color:#ff6c1a;border:1px solid #ff6c1a;justify-content:center;margin:0 auto}
.mobile-app-page-form button.btn.btn-primary:hover, 
.mobile-app-page-form button.btn.btn-primary:focus, 
.mobile-app-page-form button.btn.btn-primary:active,
.mobile-app-page-form button.btn.btn-primary:focus-visible,
.mobile-app-page-form button.btn.btn-primary:not(:disabled):not(.disabled):active:focus{background:#ff6c1a !important;color:#fff !important;border:1px solid #ff6c1a !important;}
.mobile-app-page-form .form-floating > label{padding-left:0 !important}
.mobile-app-page-form .form-floating > .form-control-plaintext ~ label,
.mobile-app-page-form .form-floating > .form-control:focus ~ label,
.mobile-app-page-form.form-floating > .form-control:not(:placeholder-shown)  ~ label,
.mobile-app-page-form .form-floating > .form-select ~ label{transform:scale(0.85) translateY(-0.5rem) translateX(0rem) !important}
.mobile-app-page-form .form-floating>.form-control-plaintext~label::after, .mobile-app-page-form .form-floating>.form-control:focus~label::after, .mobile-app-page-form .form-floating>.form-control:not(:placeholder-shown)~label::after, .form-floating>.form-select~label::after{background-color:transparent;}
.mobile-app-page-form .form-floating>.form-control:not(:placeholder-shown)~label.msg5::after, .mobile-app-page-form .form-floating>.form-control:not(:placeholder-shown)~label.msg6::after, .mobile-app-page-form .form-floating>.form-control:not(:placeholder-shown)~label.msg7::after {
background-color: #fff;
}
input:-internal-autofill-selected,  
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: rgba(var(--bs-body-color-rgb),.65);
}
.mobile-app-page-form .form-floating>.form-control:-webkit-autofill~label {
  color: rgba(var(--bs-body-color-rgb), .65);
  transform: scale(.85) translateY(-.5rem) translateX(0rem);
}
.mobile-app-page-form .error{color: red;font-size: 0.875rem;position:absolute;bottom: -23px;}
 .mobile-app-page-form.custom-form .error, .mobile-app-page-form.modal-customform .error {bottom:auto;}
.tab-view-form{display:none}
.red{color:red}
#enquiry_type6 {padding-bottom: 12px !important;}
.mobile-app-page-form.custom-form select:hover, .mobile-app-page-form.custom-form select:focus, .mobile-app-page-form.modal-customform:hover, .mobile-app-page-form.modal-customform:focus {
  border-left: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
}
.mobile-app-page-form.custom-form select, .mobile-app-page-form.modal-customform select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px bottom 5px !important;
  background-size: 20px !important;
}
@media (max-width:1199px){
  .mobile-app-page-form{padding:25px !important;}
  .form-title .h3{font-size:25px;}
  .mobile-app-page-form.tab-view{display:none;}
  .form-control, .form-floating > label{font-size:14px;line-height:1.2 !important;}
}
@media (max-width:991px){
  .mobile-app-page-form{display:none;}
  .tab-view-form, .mobile-app-page-form.tab-view{display:block;}
  #enquiry_type6 {padding-bottom: 8px !important;}
}
@media (max-width:480px){
  .form-title .h3{margin-bottom:10px;}
}
@media (max-width:425px){
  .mobile-app-page-form{padding:18px !important;}
  .mobile-app-page-form.custom-form {padding: 20px !important;}
  .form-title .h3{font-size:20px;}
}
/* consultation-form style ends here */

/* banner-cta-btns style start here */
.banner-cta-btns{flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px;}
.banner-cta-btns a{display:block;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:600;transition: all 0.5s;}
.banner-cta-btns a:first-child{border:1px solid #ff6c1a;background: rgba(255, 108, 26, 0.10);color:#ff6c1a;}
.banner-cta-btns a:first-child:hover{color:#fff;background:#2481CC; border: 1px solid transparent;}
.banner-cta-btns a:hover{color:#fff;background:#ff6c1a;}
.banner-cta-btns a:hover svg path {stroke: #fff;}
.banner-cta-btns a:nth-child(2) {color: #fff;border: 1px solid #E5E7EB;}
.banner-cta-btns a:nth-child(2):hover {color: #fff;border: 1px solid transparent;}
.banner-list p {color: #192A44;font-size: 14px;font-weight: 600;}
.banner-list p span {color: #FF6C1A;}
@media (max-width:1199px){.banner-cta-btns a{font-size:15px;padding:12px;}.banner-list p {font-size: 12px;}}
@media (max-width: 991px) {.banner-cta-btns a {padding: 10px 12px;}}
@media (max-width:767px){.banner-cta-btns a {font-size: 14px;}}
@media (max-width: 575px) {.banner-cta-btns a {padding: 8px 12px;}}
/* banner-cta-btns style ends here */

/* Table of Contents style start here */
body button.btn.btn-toc{background:#ff6c1a !important;color:#fff !important;border-radius:0;position:relative}
body button.btn.btn-toc.dropdown-toggle::after{display:inline-block;margin-left:0.255em;vertical-align:0.255em;content:"";border-top:0.3em solid;border-right:0.3em solid transparent;border-bottom:0;border-left:0.3em solid transparent}
.toc-main{position:relative;margin-top:30px;margin-bottom:-60px;z-index:1}
.btn-toc{background:#ff6c1a !important;color:#fff !important;border-radius:0}
.btn-toc .btn.show{color:#fff !important}
.btn-toc.dropdown-menu.show{position:relative !important;transform:translate(0, 0) !important;transition:all 2s ease-in-out}
.btn-toc.toc-tab-menu.dropdown-menu.show {
  position: absolute !important;
  top: 100% !important;
  max-height: 300px !important;
  overflow-y: auto !important;
}
.btn-toc.dropdown-menu{width:100%;
  background:#f3f6f9 !important;
  /* background:#fff !important; */
  border-radius:6px;padding:25px}
.btn-toc.dropdown-menu li{list-style:disc;list-style-position:inside;color:#000}
.btn-toc.dropdown-menu li a{font-size:16px;color:#4c596d !important}
.btn-toc.dropdown-menu li a:hover{color:#ff6c1a !important}
.list { margin: 0; padding: 0; margin-bottom: 20px; }
.list li { color: #4c596d; font-size: 16px; font-weight: 400; line-height: 168%; padding-bottom: 20px; position: relative; padding-left: 18px; list-style-type: none !important; margin: 0; }
.list li:before { width: 8px; height: 8px; border-radius: 100%; content: ""; position: absolute; left: 0; top: 8px; background: #ff6c1a; }
.list li:last-child { padding-bottom: 0; }
@media (max-width:991px){
  .toc-main{margin-bottom:-40px;}
  .list li { font-size: 15px; padding-bottom: 15px; }
}
@media (max-width:767px){
  .toc-main{margin-bottom:-20px;}
  .btn-toc.dropdown-menu li a{font-size:14px;}
  .btn-toc.dropdown-menu{padding:15px;}
  .list li { font-size: 14px; padding-bottom: 10px; }
}
@media (max-width:576px){
  .btn-toc.dropdown-menu{padding:10px;}
}
/* Table of Contents style ends here */

/* Client Section style start here */
.client-section p{font-size:20px;line-height:27px;color:#ff6c1a;padding:33px 0 33px 20px;font-weight:600;border-bottom:1px solid #e5e7eb}
.clients-section {border-bottom: 1px solid #e5e7eb;}
@media (max-width:1199px){
  .client-section p{font-size:18px;padding:40px 0 40px 20px;}
}
@media (max-width:991px){
  .client-section p{padding:20px 0 0 20px;border-bottom:none;}
}
/* Client Section style ends here */
 /* Our Offerings Section Start */
.drone-icon-wrap {padding: 50px;background:rgb(184, 184, 231);border-radius: 15px;display: flex;width: 100%;height: 100%;flex-direction: column;transition: 0.3s ease-in-out;}
.drone-icon-wrap:hover,
.drone-icon-wrap:focus {box-shadow: 0 0 10px #ff6c1a inset;transition: 0.4s ease-in-out;}
.drone-icon-wrap img {margin: 0 0 30px;}
.drone-icon-wrap h4, .drone-icon-wrap .h4 {font-size: 22px;line-height: 33px;color: var(--secondrycolor);font-weight: 600;margin: 0 0 15px;padding: 0;}

@media (max-width:1199px) {
  .drone-icon-wrap {padding: 30px;}
    .drone-icon-wrap h4, .drone-icon-wrap .h4 {font-size: 19px;line-height: 28px;margin: 0 0 10px;}
}
@media (max-width:991px) {
  .drone-icon-wrap {padding: 20px;}
    .drone-icon-wrap h4,.drone-icon-wrap .h4 {font-size: 18px;line-height: 28px;margin: 0 0 10px;}
    .drone-icon-wrap img {margin: 0 0 15px;}
}
@media (max-width:767px) {
  .drone-icon-wrap {padding: 20px;}
    .drone-icon-wrap h4, .drone-icon-wrap .h4 {font-size: 18px;line-height: 28px;margin: 0 0 10px;}
    .drone-icon-wrap img {margin: 0 0 15px;}
}
@media (max-width:576px) {
  .drone-icon-wrap {padding: 15px;}
    .drone-icon-wrap h4, .drone-icon-wrap .h4 {font-size: 18px;}
    .drone-icon-wrap img {margin: 0 0 10px;}
}
@media (max-width:480px) {
  .drone-icon-wrap img {width: 40px;height: 40px;}
    .drone-icon-wrap h4, .drone-icon-wrap .h4 {font-size: 16px;}
}
/* Our Offerings Section End */


/* Home banner section style start here */
section.banners-section {
    position: relative
}

.home-banner .common {
    position: relative
}

.home-banner .common img {
    width: 100%
}

.home-banner .banner-text {
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background: none
}

.home-banner .banner-text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #111827;
    opacity: 0.85
}

.home-banner .banner-text .title-wrap {
    position: relative;
    z-index: 99;
    text-align: center;
    margin-bottom: 0;
    padding: 0 30px
}

.home-banner .banner-text .title-wrap h4 {
    color: var(--bgwhite);
    justify-content: center
}

.home-banner .banner-text .title-wrap h1,
.home-banner .banner-text .title-wrap h2 {
    color: var(--bgwhite);
    font-size: 48px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -1.5px;
    padding-bottom: 16px
}

.home-banner .banner-text .title-wrap h1 span,
.home-banner .banner-text .title-wrap h2 span {
    color: var(--primarycolor)
}

.home-banner .banner-text .title-wrap p {
    color: var(--bgcolorsecondry);
    font-size: 16px;
    line-height: 168%;
    padding-bottom: 35px
}

.home-banner .banner-text .title-wrap .btn-primary {
    color: var(--bgwhite);
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    display: flex;
    margin: 0;
    gap: 7px;
    padding: 12px 0 12px 26px
}

.home-banner .banner-text .title-wrap .btn-primary:before {
    width: 47px;
    height: 47px;
    content: "";
    border-radius: 100%;
    background: #e6e8ea;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.15
}

.home-banner .banner-text .title-wrap .btn-primary img {
    width: 24px !important;
    height: 24px !important
}

.home-banner .banner-text .title-wrap .btn-primary:hover {
    color: var(--primarycolor)
}

.home-banner .banner-text .title-wrap .btn-primary:hover:before {
    opacity: 0.05
}

@media screen and (max-width:991px) {

    .home-banner .banner-text .title-wrap h1,
    .home-banner .banner-text .title-wrap h2 {
        font-size: 36px;
        letter-spacing: -1px;
        padding-bottom: 12px;
    }
}

@media screen and (max-width:767px) {
    .home-banner .banner-text .title-wrap p {
        text-align: center !important;
    }

    .home-banner .banner-text .title-wrap .btn-primary:before {
        width: 35px;
        height: 35px;
        top: 6px;
    }
}

@media (max-width:576px) {

    .home-banner .banner-text .title-wrap h1,
    .home-banner .banner-text .title-wrap h2 {
        font-size: 26px;
        letter-spacing: -0.5px;
    }

    .home-banner .banner-text .title-wrap p {
        font-size: 13px;
        padding-bottom: 15px;
    }
}

@media (max-width:480px) {
    .home-banner .banner-text .title-wrap .btn-primary img {
        width: 20px !important;
        height: 20px !important;
    }

    .home-banner .banner-text .title-wrap .btn-primary:before {
        width: 30px;
        height: 30px;
        top: 9px;
    }

    .home-banner .banner-text .title-wrap .btn-primary {
        font-size: 17px;
    }
}

@media (max-width:400px) {

    .home-banner .banner-text .title-wrap h1,
    .home-banner .banner-text .title-wrap h2 {
        font-size: 20px;
        letter-spacing: -0.5px;
    }
}

@media screen and (max-width:380px) {

    .home-banner .banner-text .title-wrap h1,
    .home-banner .banner-text .title-wrap h2 {
        font-size: 18px;
    }

    .home-banner .banner-text .title-wrap .btn-primary {
        font-size: 13px;
    }

    .home-banner .banner-text .title-wrap .btn-primary:before {
        width: 25px;
        height: 25px;
        left: 6px;
    }
}

/* Home banner section style ends here */

.title-wrap h2,
.title-wrap .h2,
.title-wrap h1 {
    z-index: 1;
}

/* Spark CTA style start here */
.spark-cta {
    display: inline-block;
    position: relative;
    margin: 0
}

.spark-cta a.btn-style-one {
    min-width: 175px !important;
    padding: 10px 38px !important;
    color: var(--bgwhite) !important;
    font-size: 16px !important;
    line-height: 168% !important;
    border-radius: 0 !important;
    height: auto !important;
    width: auto !important;
    border: 1px solid #ff6c1a !important;
    font-weight: 500;
    position: relative;
    display: block;
    cursor: pointer;
    background: #ff6c1a;
    white-space: nowrap;
    text-align: center;
    transition: all 0.5s;
}

.spark-cta a.btn-style-one:hover {
    padding: 10px 60px 10px 16px !important;
    text-decoration: none;
    background: #192a44 !important;
    color: #fff !important;
    border: 1px solid #192a44 !important;
    outline: 0 solid #fff !important;
    outline-offset: 0 !important
}

.spark-cta a.btn-style-one .arrow svg {
    position: absolute;
    top: 0px !important;
    left: 0px !important;
    width: 22px !important;
    height: 22px !important
}

.spark-cta a.btn-style-one .arrow i {
    font-style: normal;
    position: absolute;
    top: -1px !important;
    left: 0 !important;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    line-height: 20px
}

.spark-cta a.btn-style-one .arrow i span {
    position: relative;
    left: 0 !important;
    top: 0 !important;
    font-size: 24px !important;
    padding: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    line-height: 20px !important
}

.spark-cta a.btn-style-one .arrow,
.spark-cta a.btn-style-one .arrow svg {
    width: 22px !important;
    height: 22px !important
}

.spark-cta a.btn-style-one .arrow {
    text-align: center;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    position: absolute !important;
    width: 22px !important;
    height: 22px !important;
    right: 25px !important;
    top: 13px !important;
    opacity: 0
}

.spark-cta a.btn-style-one:hover .arrow {
    opacity: 1;
    display: block
}

.spark-cta:hover a.btn-style-one .arrow i {
    left: 12px !important
}

@media screen and (max-width:767px) {
    .spark-cta a.btn-style-one {
        min-width: 150px !important;
        padding: 5px 25px !important;
        font-size: 15px !important;
    }

    .spark-cta a.btn-style-one:hover {
        padding: 5px 60px 5px 10px !important;
        font-size: 15px !important;
    }

    .spark-cta a.btn-style-one .arrow {
        top: 8px !important;
    }
}

@media (max-width:480px) {
    .spark-cta a.btn-style-one {
        min-width: 140px !important;
        padding: 6px 25px !important;
        font-size: 14px !important;
        height: 38px !important;
    }

    .spark-cta a.btn-style-one:hover {
        padding: 6px 56px 6px 12px !important;
        font-size: 14px !important;
    }

    .spark-cta a.btn-style-one .arrow {
        right: 20px !important;
        top: 8px !important;
    }

    .spark-cta a.btn-style-one .arrow i span {
        font-size: 22px !important;
    }

    .spark-cta a.btn-style-one .arrow,
    .spark-cta a.btn-style-one .arrow svg {
        width: 20px !important;
        height: 20px !important;
    }

    .spark-cta:hover a.btn-style-one .arrow i {
        left: 11px !important;
        top: -2px !important;
    }
}

/* Whatsapp & Telegram color Start */
.spark-cta.custom-button .btn-style-one:hover {
    padding: 10px 38px !important;
}

.spark-cta.custom-button .btn-style-one.whatsapp:hover {
    background-color: #25D366 !important;
    color: #fff !important;
    border: 1px solid transparent !important;
}

.spark-cta.custom-button .btn-style-one.telegram:hover {
    background-color: #2481CC !important;
    color: #fff !important;
    border: 1px solid transparent !important;
}

@media screen and (max-width: 767px) {
    .spark-cta.custom-button .btn-style-one:hover {
        padding: 5px 25px !important;
    }
}

/* Whatsapp & Telegram color End */
/* Spark CTA style ends here */

/* sub-banner style start here */
.sub-banner img {
    height: 880px
}

.sub-banner img {
    width: 100%;
    object-fit: cover
}

@media (max-width:1800px) {
    .sub-banner img {
        height: 800px;
    }
}

@media (max-width:1700px) {
    .sub-banner img {
        height: 720px;
    }
}

@media (max-width:1600px) {
    .sub-banner img {
        height: 620px;
    }
}

/* @media (max-width:1400px){
  .sub-banner img{height:580px;}
}
@media (max-width:1300px){
  .sub-banner img{height:550px;}
} 
@media screen and (max-width:1199px){
  .sub-banner img{height:500px;}
}*/
@media screen and (max-width:991px) {
    .sub-banner img {
        height: 450px;
    }
}

@media screen and (max-width:767px) {
    .sub-banner img {
        height: 400px;
    }
}

@media (max-width:576px) {
    .sub-banner img {
        height: 360px;
    }
}

@media (max-width:480px) {
    .sub-banner img {
        height: 300px;
    }

    .sub-banner p {
        display: none;
    }
}

@media (max-width:400px) {
    .sub-banner img {
        height: 250px;
    }
}

@media (max-width:330px) {
    .sub-banner img {
        height: 220px;
    }
}

/* sub-banner style ends here */

/* devagency-banner style start here */
/* @media (max-width:1199px){
  .devagency-banner .banner-text .title-wrap h1,
  .devagency-banner .banner-text .title-wrap h2{font-size:40px;}
}
@media (max-width:991px){
  .devagency-banner .banner-text .title-wrap h1,
  .devagency-banner .banner-text .title-wrap h2{font-size:38px;}
}
@media (max-width:767px){
  .devagency-banner .banner-text .title-wrap h1,
  .devagency-banner .banner-text .title-wrap h2{font-size:36px;text-align:center !important;}
}
@media (max-width:576px){
  .devagency-banner .banner-text .title-wrap h1,
  .devagency-banner .banner-text .title-wrap h2{font-size:32px;}
}
@media (max-width:480px){
  .devagency-banner .banner-text .title-wrap h1,
  .devagency-banner .banner-text .title-wrap h2{font-size:28px;}
}
@media (max-width:400px){
  .devagency-banner .banner-text .title-wrap h1,
  .devagency-banner .banner-text .title-wrap h2{font-size:22px;}
} */
@media (max-width:1199px) {

    .devagency-banner .banner-text .title-wrap h1,
    .devagency-banner .banner-text .title-wrap h2 {
        font-size: 32px;
    }
}

@media (max-width:991px) {

    .devagency-banner .banner-text .title-wrap h1,
    .devagency-banner .banner-text .title-wrap h2 {
        font-size: 30px;
    }
}

@media (max-width:767px) {

    .devagency-banner .banner-text .title-wrap h1,
    .devagency-banner .banner-text .title-wrap h2 {
        font-size: 26px;
        text-align: center !important;
    }
}

@media (max-width:576px) {

    .devagency-banner .banner-text .title-wrap h1,
    .devagency-banner .banner-text .title-wrap h2 {
        font-size: 22px;
    }
}

/* devagency-banner style ends here */

/* consultation-form style start here */
.form-floating {
    position: relative
}

.invalid-feedback {
    position: absolute;
    left: 0;
    bottom: -22px
}

.form-control,
.form-floating>label {
    font-size: 16px;
    line-height: 1.2 !important
}

.mobile-app-page-form.modal-customform .form-control,
.mobile-app-page-form.modal-customform .form-floating>label {
    font-size: 15px;
}

.bitrix-snippet-form .b24-form-wrapper.b24-form-border-bottom {
    border-bottom: 0 !important
}

.bitrix-snippet-form .b24-form-sign {
    display: none !important
}

.bitrix-snippet-form .b24-form-header-padding {
    padding: 0 !important
}

.bitrix-snippet-form .b24-form-padding-side,
.bitrix-snippet-form .b24-form-content {
    padding: 0
}

.mobile-app-page-form {
    position: relative;
    background: #fff !important;
    padding: 35px !important;
    border-radius: 16px
}

.mobile-app-page-form.custom-form {
    padding: 20px 25px 25px !important;
}

.mobile-app-page-form.modal-customform {
    padding: 20px !important;
}

.mobile-app-page-form .b24-form-header {
    border: none !important
}

.mobile-app-page-form .b24-form-header-title {
    display: none !important
}

.mobile-app-page-form .b24-form-control-icon-after .b24-form-control {
    position: relative;
    padding: 10px 0 0 0 !important;
    border: 0 !important;
    background: transparent !important;
    border-bottom: 2px solid #dee2e6 !important;
    border-radius: 0 !important
}

.mobile-app-page-form .b24-form-control-container:after {
    position: absolute;
    content: " ";
    width: 120px;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #ff6c1a
}

.mobile-app-page-form .b24-form-control-agreement .b24-form-control-container:after {
    background: transparent !important
}

.mobile-app-page-form .b24-form-control-icon-after .b24-form-control-label {
    padding-left: 0
}

.mobile-app-page-form input[type="checkbox"]:after {
    display: none
}

.mobile-app-page-form .b24-form-btn-block {
    display: flex;
    align-items: center;
    justify-content: center
}

.mobile-app-page-form .b24-form-btn-container .b24-form-btn-block .b24-form-btn {
    width: 200px;
    min-height: 40px !important;
    padding: 10px 20px !important;
    border-radius: 25px;
    background-color: #fff;
    color: #ff6c1a;
    border: 1px solid #ff6c1a
}

.mobile-app-page-form .b24-form-btn-container .b24-form-btn-block .b24-form-btn:hover {
    background-color: #ff6c1a;
    color: #fff
}

.mobile-app-page-form input[type="checkbox"] {
    accent-color: #ff6c1a !important;
    width: 16px !important;
    height: 16px;
    color: #ffffff !important
}

.form-title .h3 {
    margin-bottom: 20px;
    color: #0e0e2c;
    padding: 0 !important
}

.form-title .h3 span {
    color: #ff6c1a
}

.mobile-app-page-form input[type="checkbox"]:checked {
    background-color: #ff6c1a !important;
    border-color: #ff6c1a !important
}

.mobile-app-page-form .form-control {
    position: relative;
    padding: 15px 0 0 !important;
    border: 0 !important;
    background: 0 0 !important;
    border-bottom: 2px solid #dee2e6 !important;
    border-radius: 0 !important
}

.mobile-app-page-form.custom-form .form-control,
.mobile-app-page-form.modal-customform .form-control {
    padding: 25px 0 0 !important;
}

.mobile-app-page-form.custom-form #enquiry_type5,
.mobile-app-page-form.modal-customform #enquiry_type6,
.mobile-app-page-form.modal-customform #enquiry_type7 {
    padding-bottom: 10px !important;
}

.mobile-app-page-form .form-floating {
    position: relative
}

.mobile-app-page-form .form-floating:after {
    position: absolute;
    content: " ";
    width: 120px;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #ff6c1a
}

.mobile-app-page-form .form-control:focus {
    outline: none;
    box-shadow: none
}

.mobile-app-page-form input[type="checkbox"] {
    accent-color: #ff6c1a !important;
    width: 16px !important;
    height: 16px;
    color: #fff !important
}

.mobile-app-page-form .form-check-label {
    font-size: 11px;
    opacity: 0.5;
    line-height: 1
}

.mobile-app-page-form .btn-primary {
    width: 200px;
    min-height: 40px !important;
    padding: 10px 20px !important;
    border-radius: 25px;
    background: #fff;
    color: #ff6c1a;
    border: 1px solid #ff6c1a;
    justify-content: center;
    margin: 0 auto
}

.mobile-app-page-form button.btn.btn-primary:hover,
.mobile-app-page-form button.btn.btn-primary:focus,
.mobile-app-page-form button.btn.btn-primary:active,
.mobile-app-page-form button.btn.btn-primary:focus-visible,
.mobile-app-page-form button.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
    background: #ff6c1a !important;
    color: #fff !important;
    border: 1px solid #ff6c1a !important;
}

.mobile-app-page-form .form-floating>label {
    padding-left: 0 !important
}

.mobile-app-page-form .form-floating>.form-control-plaintext~label,
.mobile-app-page-form .form-floating>.form-control:focus~label,
.mobile-app-page-form.form-floating>.form-control:not(:placeholder-shown)~label,
.mobile-app-page-form .form-floating>.form-select~label {
    transform: scale(0.85) translateY(-0.5rem) translateX(0rem) !important
}

.mobile-app-page-form .form-floating>.form-control-plaintext~label::after,
.mobile-app-page-form .form-floating>.form-control:focus~label::after,
.mobile-app-page-form .form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after {
    background-color: transparent;
}

.mobile-app-page-form .form-floating>.form-control:not(:placeholder-shown)~label.msg5::after,
.mobile-app-page-form .form-floating>.form-control:not(:placeholder-shown)~label.msg6::after,
.mobile-app-page-form .form-floating>.form-control:not(:placeholder-shown)~label.msg7::after {
    background-color: #fff;
}

input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: rgba(var(--bs-body-color-rgb), .65);
}

.mobile-app-page-form .form-floating>.form-control:-webkit-autofill~label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(0rem);
}

.mobile-app-page-form .error {
    color: red;
    font-size: 0.875rem;
    position: absolute;
    bottom: -23px;
}

.mobile-app-page-form.custom-form .error,
.mobile-app-page-form.modal-customform .error {
    bottom: auto;
}

.tab-view-form {
    display: none
}

.red {
    color: red
}

#enquiry_type6 {
    padding-bottom: 12px !important;
}

.mobile-app-page-form.custom-form select:hover,
.mobile-app-page-form.custom-form select:focus,
.mobile-app-page-form.modal-customform:hover,
.mobile-app-page-form.modal-customform:focus {
    border-left: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
}

.mobile-app-page-form.custom-form select,
.mobile-app-page-form.modal-customform select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='12' viewBox='0 0 24 24' width='12' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px bottom 5px !important;
    background-size: 20px !important;
}

@media (max-width:1199px) {
    .mobile-app-page-form {
        padding: 25px !important;
    }

    .form-title .h3 {
        font-size: 25px;
    }

    .mobile-app-page-form.tab-view {
        display: none;
    }

    .form-control,
    .form-floating>label {
        font-size: 14px;
        line-height: 1.2 !important;
    }
}

@media (max-width:991px) {
    .mobile-app-page-form {
        display: none;
    }

    .tab-view-form,
    .mobile-app-page-form.tab-view {
        display: block;
    }

    #enquiry_type6 {
        padding-bottom: 8px !important;
    }
}

@media (max-width:480px) {
    .form-title .h3 {
        margin-bottom: 10px;
    }
}

@media (max-width:425px) {
    .mobile-app-page-form {
        padding: 18px !important;
    }

    .mobile-app-page-form.custom-form {
        padding: 20px !important;
    }

    .form-title .h3 {
        font-size: 20px;
    }
}

/* consultation-form style ends here */

/* banner-cta-btns style start here */
.banner-cta-btns {
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.banner-cta-btns a {
    display: block;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.5s;
}

.banner-cta-btns a:first-child {
    border: 1px solid #ff6c1a;
    background: rgba(255, 108, 26, 0.10);
    color: #ff6c1a;
}

.banner-cta-btns a.telegram-btn:first-child:hover {
    color: #fff;
    background: #2481CC;
    border: 1px solid transparent;
}

.banner-cta-btns a:hover {
    color: #fff;
    background: #ff6c1a;
}

.banner-cta-btns a:hover svg path {
    stroke: #fff;
}

.banner-cta-btns a:nth-child(2) {
    color: #fff;
    border: 1px solid #E5E7EB;
}

.banner-cta-btns a:nth-child(2):hover {
    color: #fff;
    border: 1px solid transparent;
}

.banner-list p {
    color: #192A44;
    font-size: 14px;
    font-weight: 600;
}

.banner-list p span {
    color: #FF6C1A;
}

@media (max-width:1199px) {
    .banner-cta-btns a {
        font-size: 15px;
        padding: 12px;
    }

    .banner-list p {
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    .banner-cta-btns a {
        padding: 10px 12px;
    }
}

@media (max-width:767px) {
    .banner-cta-btns a {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .banner-cta-btns a {
        padding: 8px 12px;
    }
}

/* banner-cta-btns style ends here */

.about__card {
    width: 100%;
    height: 100%;
    padding: 30px;
    border-radius: 24px;
    display: flex;
    justify-content: space-between;
    grid-gap: 20px;
    align-items: flex-end;
}

.about__card img {
    border-radius: 8px;
}

.bg-pink {
    background: #ffc0d9;
}

.bg-purple {
    background: #d0bfff;
}

.bg-green {
    background: #b5f1cc;
}

.bg-orange {
    background: #ffd8c0;
}

.about__card-info span {
    font-size: 40px;
    font-weight: 500;
}

@media (max-width: 767px) {
    .about__card-info span {
        font-size: 30px;
    }

    .about__card {
        padding: 25px;
    }
}

@media (max-width: 576px) {
    .about__card-info span {
        font-size: 26px;
    }
}

.call-section {
    background: #ff6c1a;
}

.call-section .row {
    row-gap: 30px;
}

.description h5,
.description .h5 {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    padding: 10px 0px 10px 20px;
}

.description {
    border-left: 5px solid #fff;
}

.spark-cta.call-btn a.btn-style-one {
    width: 100%;
    background: #fff !important;
    color: #211f47 !important;
}

.spark-cta.call-btn a.btn-style-one:hover {
    background: #211f47 !important;
    color: #fff !important;
}

@media (max-width: 767px) {

    .description h5,
    .description .h5 {
        line-height: 26px;
    }
}

/* Client Section style start here */
.client-section p {
    font-size: 20px;
    line-height: 27px;
    color: #ff6c1a;
    padding: 33px 0 33px 20px;
    font-weight: 600;
    border-bottom: 1px solid #e5e7eb
}

.clients-section {
    border-bottom: 1px solid #e5e7eb;
}

@media (max-width:1199px) {
    .client-section p {
        font-size: 18px;
        padding: 40px 0 40px 20px;
    }
}

@media (max-width:991px) {
    .client-section p {
        padding: 20px 0 0 20px;
        border-bottom: none;
    }
}

/* Client Section style ends here */

/* trangeny clone */

/*.content p {
    font-size: 21px;
}*/

.content {
    margin-top: 30px;
}

.section-padding {
    padding: 35px 0px !important;
}



 .section-head.style-4 h2{
     font-size: 30px !important;
    line-height: 45px !important;
    font-weight: 600;
 }



@media(max-width:991px) {
    .section-padding {
        padding: 30px 0 !important;
    }

    .on-demand-row {
        flex-direction: column-reverse;
    }
}

@media(max-width:640px) {
    .accordion-body .info {
        padding-left: 12px !important;
        padding-right: 12px !important;

    }
}


/* Table of Contents style start here */
body button.btn.btn-toc {
    background: #ff6c1a !important;
    color: #fff !important;
    border-radius: 0;
    position: relative
}

body button.btn.btn-toc.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent
}

.toc-main {
    position: relative;
    margin-top: 30px;
    margin-bottom: -60px;
    z-index: 1
}

.btn-toc {
    background: #ff6c1a !important;
    color: #fff !important;
    border-radius: 0
}

.btn-toc .btn.show {
    color: #fff !important
}

.btn-toc.dropdown-menu.show {
    position: relative !important;
    transform: translate(0, 0) !important;
    transition: all 2s ease-in-out
}

.btn-toc.toc-tab-menu.dropdown-menu.show {
    position: absolute !important;
    top: 100% !important;
    max-height: 300px !important;
    overflow-y: auto !important;
}

.btn-toc.dropdown-menu {
    width: 100%;
    background: #ffff !important;
    border-radius: 6px;
    padding: 25px
}

.btn-toc.dropdown-menu li {
    list-style: disc;
    list-style-position: inside;
    color: #000
}

.btn-toc.dropdown-menu li a {
    font-size: 16px;
    color: #4c596d !important
}

.btn-toc.dropdown-menu li a:hover {
    color: #ff6c1a !important
}

.list {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.list li {
    color: #4c596d;
    font-size: 16px;
    font-weight: 400;
    line-height: 168%;
    padding-bottom: 20px;
    position: relative;
    padding-left: 18px;
    list-style-type: none !important;
    margin: 0;
}

.list li:before {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    background: #ff6c1a;
}

.list li:last-child {
    padding-bottom: 0;
}

@media (max-width:991px) {
    .toc-main {
        margin-bottom: -40px;
    }

    .list li {
        font-size: 15px;
        padding-bottom: 15px;
    }
}

@media (max-width:767px) {
    .toc-main {
        margin-bottom: -20px;
    }

    .btn-toc.dropdown-menu li a {
        font-size: 14px;
    }

    .btn-toc.dropdown-menu {
        padding: 15px;
    }

    .list li {
        font-size: 14px;
        padding-bottom: 10px;
    }
}

@media (max-width:576px) {
    .btn-toc.dropdown-menu {
        padding: 10px;
    }
}

/* Our Offerings Section Start */
.drone-icon-wrap {padding: 50px;background: #f3f6f9;border-radius: 15px;display: flex;width: 100%;height: 100%;flex-direction: column;transition: 0.3s ease-in-out;}
.drone-icon-wrap:hover,
.drone-icon-wrap:focus {box-shadow: 0 0 10px #ff6c1a inset;transition: 0.4s ease-in-out;}
.drone-icon-wrap img {margin: 0 0 30px;}
.drone-icon-wrap h4, .drone-icon-wrap .h4 {font-size: 22px;line-height: 33px;color: var(--secondrycolor);font-weight: 600;margin: 0 0 15px;padding: 0;}

@media (max-width:1199px) {
  .drone-icon-wrap {padding: 30px;}
    .drone-icon-wrap h4, .drone-icon-wrap .h4 {font-size: 19px;line-height: 28px;margin: 0 0 10px;}
}
@media (max-width:991px) {
  .drone-icon-wrap {padding: 20px;}
    .drone-icon-wrap h4,.drone-icon-wrap .h4 {font-size: 18px;line-height: 28px;margin: 0 0 10px;}
    .drone-icon-wrap img {margin: 0 0 15px;}
}
@media (max-width:767px) {
  .drone-icon-wrap {padding: 20px;}
    .drone-icon-wrap h4, .drone-icon-wrap .h4 {font-size: 18px;line-height: 28px;margin: 0 0 10px;}
    .drone-icon-wrap img {margin: 0 0 15px;}
}
@media (max-width:576px) {
  .drone-icon-wrap {padding: 15px;}
    .drone-icon-wrap h4, .drone-icon-wrap .h4 {font-size: 18px;}
    .drone-icon-wrap img {margin: 0 0 10px;}
}
@media (max-width:480px) {
  .drone-icon-wrap img {width: 40px;height: 40px;}
    .drone-icon-wrap h4, .drone-icon-wrap .h4 {font-size: 16px;}
}
/* Our Offerings Section End */

/* Step section Start */
.step-card {display: flex;padding: 24px 20px;flex-direction: column;justify-content: center;align-items: flex-start;border-radius: 10px;border: 1px solid  #E5E7EB;background: #FFF;width: 310px;margin: 0 auto;position: relative;}
.step-card::before {position: absolute;content: "";width: 1px;height: 80px;border: 1px dashed #FF6C1A;top: -50%;left: 49%;}
.step-card::after {position: absolute;content: "";width: 17px;height: 17px;background: #FF6C1A;outline: 10px solid #FFF0E8;border-radius: 50%;left: 142px;top: -50%;animation: pulse-outline 1.5s infinite ease-in-out;}
@keyframes pulse-outline {
  0% {outline-width: 10px;}
  50% {outline-width: 15px;}
  100% {outline-width: 10px;}
}
.step-card h3, .step-card .h3 {color: #192A44;font-size: 20px;font-weight: 600;line-height: 130%;padding-bottom: 20px;}
.step-card p {color: #4C596D;font-size: 14px;font-weight: 400;line-height: 162%;padding-bottom: 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.step {text-align: center;color: #FF6C1A;font-size: 24px;font-weight: 600;line-height: 130%;padding-bottom: 40px;}
.main-cards {position: relative;padding: 70px 0px 70px;border: 2px solid #E5E7EB;border-radius: 0px 16px 0px 0px;border-left: none;border-bottom: none;
  &::before {content: "";top: -9px;left: 0;position: absolute;background: #E5E7EB;width: 15px;height: 15px;border-radius: 100%;}
}
.main-cards.stage2 {border-left: 2px solid #E5E7EB;border-radius: 12px 0px 0px 0px;border-top: none;border-right: none;margin-top: -1px;
  &::before {width:0;height:0;}
}
.main-cards.stage3 {border: none;padding-bottom: 0;
  &::before {right: 0;left:auto;}
}
.step-stage2 {border: 2px solid #E5E7EB;border-radius: 0px 0px 16px 3px;border-top: none;border-left: none;margin-left: -3px;}
.step-stage3 {border-bottom: 2px solid #E5E7EB;border-left: 2px solid #E5E7EB;border-radius: 0px 0px 0px 16px;border-top: none;border-right: none;}
@media (max-width:1400px) {
  .step {font-size: 22px;}
  .step-card h3, .step-card .h3 {font-size: 19px;}
}
@media (max-width:1199px) {
  .step-card h3, .step-card .h3 {font-size: 18px;padding-bottom: 15px;}
  .step {font-size: 20px;padding-bottom: 30px;}
  .main-cards {padding: 60px 0px 60px;}
  .step-card::after {width: 15px;height: 15px;outline: 5px solid #FFF0E8;left: 48%;top: -46%;}
  @keyframes pulse-outline {
    0% {outline-width: 5px;}
    50% {outline-width: 10px;}
    100% {outline-width: 5px;}
  }
  .step-card::before {height: 57px;top: -40%;left: 50%;}
  .step-card {padding: 20px;width: auto;}
}
@media (max-width: 991px) {
  .main-cards {border: 0;padding:0;&::before{width:0;height:0;}}
  .step-card::after {width: 0px;height: 0px;outline: 0px;}
  @keyframes pulse-outline {
    0% {outline-width: 0px;}
    50% {outline-width: 0px;}
    100% {outline-width: 0px;}
  }
  .step-card::before {height: 0;width: 0;border: 0;}
  .step-card {width: auto;height: 100%;}
  .main-cards.stage2 {border-left: 0px solid #E5E7EB;margin-top: 0;}
  .roadmap-main {display: flex; row-gap:24px;flex-direction: column;}
  .step-start,.step-stage2,.step-stage3 {display:none;}
}
@media (max-width: 480px) {
  .step-card h3, .step-card .h3 {font-size: 17px;padding-bottom: 10px;}
}
/* Step section End */

/* Our Offerings Section Start */
.drone-icon-card {padding: 20px;background:#F3F6F9 ;border-radius: 15px;display: flex;width: 100%;height: 100%;flex-direction: column;transition: 0.3s ease-in-out;}

.drone-icon-card img {margin: 0 0 30px;border-radius:10px}
.drone-icon-card h4, .drone-icon-card .h4 {font-size: 22px;line-height: 33px;color: var(--secondrycolor);font-weight: 600;margin: 0 0 15px;padding: 0;}

@media (max-width:1199px) {
  .drone-icon-card {padding: 20px;}
    .drone-icon-card h4, .drone-icon-card .h4 {font-size: 19px;line-height: 28px;margin: 0 0 10px;}
}
@media (max-width:991px) {
  .drone-icon-card {padding: 20px;}
    .drone-icon-card h4,.drone-icon-card .h4 {font-size: 18px;line-height: 28px;margin: 0 0 10px;}
    .drone-icon-card img {margin: 0 0 15px;}
}
@media (max-width:767px) {
  .drone-icon-card {padding: 20px;}
    .drone-icon-card h4, .drone-icon-card  .h4 {font-size: 18px;line-height: 28px;margin: 0 0 10px;}
    .drone-icon-card  img {margin: 0 0 15px;}
}
@media (max-width:576px) {
  .drone-icon-card  {padding: 15px;}
    .drone-icon-card  h4, .drone-icon-card  .h4 {font-size: 18px;}
    .drone-icon-card  img {margin: 0 0 10px;}
}
@media (max-width:480px) {
    .drone-icon-card  h4, .drone-icon-card  .h4 {font-size: 16px;}
}
/* Our Offerings Section End */

.app-needs {position: relative;padding-left: 50px;}
.app-needs i {position: absolute;left: 0;top: -2px;color: #ff6c1a;font-size: 32px;}
.title-wrap.app-needs {margin-bottom: 0;}
@media (max-width: 991px) {
    .app-needs i {top: -5px;}
}
@media (max-width: 576px) {
      .app-needs {padding-left: 45px;}
  }
  @media (max-width:480px) {
      .app-needs i {font-size: 28px;}
      .app-needs {padding-left: 40px;}
  }

 /* Tech Stack Section style start here */
 .tech-stack-details.first-tab{padding:15px;border:1px solid #ff6a1a59 !important}
 .tech-stack-details{margin:0 auto !important;text-align:center}
 .tech-stack-details img{width:80px !important;height:80px !important;margin-bottom:15px !important;object-fit:contain !important}
 ul.techstack{list-style:none;padding:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:0}
 .techstack li.tech-list{margin:0 10px 20px;display:inline-block}
 .techstack .tech-list a,
 .techstack .tech-list .a{border:1px solid #f3f6f9;padding:12px 30px;font-weight:500 !important;font-size:20px;color:#000;background:#f3f6f9;border-radius:0;text-decoration:none;cursor:pointer;display:inline-block}
 .techstack li.tech-list a,
 .techstack li.tech-list .a{display:block}
 .techstack li.tech-list .actives,
 .techstack .actives-tech,
 .techstack .tech-list a:hover,
 .techstack li.tech-list .a:hover,
 .techstack .tech-list a:focus,
 .techstack li.tech-list .a:focus{background:#ffe1d1 !important;color:#ff6c1a !important;border:1px solid #ffe1d1 !important}
 .technology-stacks .tech-stack-details{text-align:center;margin:30px auto}
 .technology-stacks ul.techstack{list-style:none;padding:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin:0}
 .technology-stacks .techstack li.tech-list{margin:0 10px 15px}
 .technology-stacks .tech-list a,
 .technology-stacks .tech-list .a{border:1px solid #f3f6f9;padding:10px 15px;font-weight:500 !important;font-size:18px;color:#747474;background:#f3f6f9;border-radius:0;text-decoration:none;cursor:pointer;display:inline-block}
 .technology-stacks .techstack .actives-tech,
 .technology-stacks .tech-list a:hover,
 .technology-stacks .tech-list .a:hover,
 .technology-stacks .tech-list a:focus,
 .technology-stacks .tech-list .a:focus{background:#ffe1d1 !important;color:#ff6c1a !important;border:1px solid #ffe1d1 !important}
 .technology-stacks .tech-stack-details img{width:80px;height:80px;object-fit:contain}
 .tech-stack-details .common-service img{width:auto !important;height:auto !important;margin:0 !important}
 .tech-stack-details p,.tech-stack-wrap p{color:#000;font-size:16px;font-weight:500;line-height:20px}
 .tech-stack-details .tech-list p,.tech-stack-details .tech-list .nav-link{padding:12px 30px;font-weight:500 !important;font-size:20px;line-height:28px;color:#777;background:#f3f6f9;cursor:pointer;border-radius:0}
 .tech-stack-details .tech-list .nav-link.active{background:#ffe1d1 !important;color:#ff6c1a !important;border:0px solid #ffe1d1 !important}
 .techstack hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid #c9c9c9}
 @media screen and (max-width:1199px){
   .techstack li.tech-list{margin:0 5px 10px;}
   .techstack .tech-list a,
   .techstack .tech-list .a{padding:10px 20px;font-size:18px;}
   .what-we-do .techstack h2{font-size:20px;padding-bottom:15px;}
   .tech-stack-details img{height:70px !important;width:70px !important;margin-bottom:10px !important;}
   .tech-stack-details .common-service img{width:auto !important;height:auto !important;margin:0 !important;}
 }
 @media screen and (max-width:991px){
   .techstack li.tech-list{margin:0 5px 10px;}
   .techstack .tech-list a,
   .techstack .tech-list .a{padding:10px 20px;font-size:17px;}
   .tech-stack-wrap img{margin:0 0 15px;}
 }
 @media screen and (max-width:767px){
   .tech-stack-details img{height:50px !important;width:50px !important;margin-bottom:10px !important;}
   .tech-stack-details .common-service img{width:auto !important;height:auto !important;margin:0 !important;}
   .tech-stack-details p,
   .tech-stack-wrap p{font-size:13px;padding:0;}
   .tech-stack-wrap img{margin:0 0 10px;width:50px;height:50px;}
   .tech-stack-details .tech-list p,
   .tech-stack-details .tech-list .nav-link{padding:7px 20px;font-size:16px;}
   .techstack li.tech-list{margin:0 5px 10px;}
   .techstack .tech-list a,
   .techstack .tech-list .a{padding:6px 15px;font-size:16px;}
 }
 @media (max-width:576px){
   .what-we-do .techstack h2{font-size:18px;padding-bottom:10px;}
 }
 @media (max-width:480px){
   .techstack li.tech-list{margin:0 5px 10px;}
   .techstack .tech-list a, .techstack .tech-list .a{padding:4px 8px;font-size:14px;color:var(--secondrycolor);}
   .tech-stack-details p, .tech-stack-wrap p{font-size:14px;}
   .tech-stack-details .tech-list p,
   .tech-stack-details .tech-list .nav-link{padding:5px 15px;font-size:14px;}
 }
 @media (max-width:400px){
   .what-we-do .techstack h2{font-size:17px;line-height:28px;}
   .tech-stack-details img{width:50px !important;height:50px !important;margin-bottom:10px !important;}
   .tech-stack-details .common-service img{width:auto !important;height:auto !important;margin:0 !important;}
   .tech-stack-details .tech-list p{font-size:16px;padding:12px 20px;}
 }
 /* Tech Stack Section style ends here */

 /* Request-meet Start  */
.leader-card img {width: 100%;border-radius: 12px 12px 0px 0px;}
/* .leader-card {border-radius: 12px;transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;} */
/* .leader-card:hover{transform: scale(1);box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);} */
.leader-detail {padding: 20px;border-radius: 0px 0px 12px 12px;border: 1px solid  #E5E7EB; background:white;}
.leader-detail .h4 {font-size: 12px;line-height: 18px;color: #192A44;border-radius:  6px;background: #F3F4F6;padding: 4px 10px;margin-bottom: 12px;}
.leader-detail .h3 {font-size: 20px;color: #192A44;margin: 0;}
.leader-detail p {font-size: 16px;line-height: 23px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.social-links {padding-bottom: 20px;}
.social-links a {padding-right: 12px;display: inline-flex;transition: 0.3s ease-in-out;
  &:last-child {padding-right: 0;}
  &:hover svg path {fill: #FF6C1A;}
 
}
.leader-detail .banner-cta-btns a {font-size: 14px;padding: 10px 14px;}
@media (max-width:1400px) {.leader-detail .h3 {font-size: 19px;}}
@media (max-width: 991px) {.leader-detail .h3 {font-size: 18px;}.social-links {padding-bottom: 16px;}.leader-detail p {font-size: 15px;}}
@media (max-width: 767px) {.leader-detail p {font-size: 14px;}}
@media (max-width: 480px) {.leader-detail {padding: 20px 16px;}.social-links {padding-bottom: 12px;} }

/*  Request-meet End  */

 /* Reviews Section style start here */
.reviews-section .review-card{background:#f9fafb;padding:37px 24px 26px 24px;margin-bottom:20px}
.reviews-section .review-card img{margin-bottom:34px;height:37px;width:auto}
.reviews-section .review-card p{color:var(--secondrytextcolor);font-size:14px;line-height:168%;padding-bottom:15px;min-height:200px}
.reviews-section .review-card h3{color:var(--secondrycolor);font-size:18px;font-weight:700;line-height:150%;padding-bottom:2px}
.reviews-section .review-card h4, .reviews-section .review-card .h4{color:var(--secondrytextcolor);font-size:14px;font-weight:600;line-height:150%;position:relative;gap:10px}
.reviews-section .review-card h4 .dots, .reviews-section .review-card .h4 .dots{width:8px;height:8px;background:var(--primarycolor);border-radius:100%}
.reviews-section .review-card h4 .dots:before, .reviews-section .review-card .h4 .dots:before{display:none}
.reviews-section .review-card p{padding-bottom:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.reviews-section .review-card p{-webkit-line-clamp:8;margin-bottom:15px}
.reviews-section .review-card .review-title{color:var(--secondrycolor);font-size:18px;font-weight:700;line-height:150%;padding-bottom:2px;min-height:auto !important;margin-bottom:0}
@media (max-width:1920px){
.reviews-section .review-card p{min-height:165px;}
}
@media (max-width:1700px){
.reviews-section .review-card p{min-height:175px;}
}
@media (max-width:1400px){
.reviews-section .review-card p{min-height:190px;}
}
@media (max-width:1300px){
.reviews-section .review-card p{min-height:230px;}
}
@media screen and (max-width:1199px){
  .reviews-section .review-card .review-title{font-size:16px;}
  .reviews-section .review-card img{margin-bottom:20px;}
  .reviews-section .review-card h3{font-size:16px;}
  .reviews-section .review-card h4, .reviews-section .review-card .h4{font-size:13px;grid-gap:5px;gap:5px;}
  .reviews-section .review-card p{min-height:230px;}
}
@media screen and (max-width:991px){
.reviews-section .review-card p{min-height:210px;}
}
@media screen and (max-width:767px){
  .reviews-section .review-card h4, .reviews-section .review-card .h4{font-size:12px;}
  .reviews-section .review-card{padding:20px;margin-bottom:20px;}
  .reviews-section .review-card p{font-size:13px;padding-bottom:10px;min-height:120px;}
  .reviews-section .review-card p{padding-bottom:0;min-height:240px;}
}
@media (max-width:480px){
  .reviews-section .review-card p{min-height:120px;-webkit-line-clamp:inherit;}
  .reviews-section .review-card img{height:30px;width:auto;}
}
/* Reviews Section style ends here */


/* Blog Scroll Start */
/* .ai-blogs .blog-section .scroller__wrapper {width: 125%;}
.ai-blogs .blog-section .scroller__wrapper {padding: 0 12px;border: 0;} */
.author-detail p {font-size: 14px;color: #4C596D;padding-bottom: 0;
  & span {color: #FF6C1A;}
}
/* .ai-blogs .blog-card {transition: all 0.5s ease;
  &:hover .h3 {color: #FF6C1A;}     
} */
.ai-blogs .blog-card a:hover figure img {
  transform: scale(1.2);
}
.ai-blogs .blog-card figure {margin-bottom: 0;}
.blog-section .blog-card .h3{color:var(--secondrycolor);font-size:20px;font-weight:600;line-height:150%;transition:.3s ease-in-out;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:60px;margin:0 !important;padding:0}

/* @media screen and (max-width: 1920px) {.ai-blogs .blog-section .scroller__wrapper {width: 135%;}}
@media screen and (max-width: 1700px) {.ai-blogs .blog-section .scroller__wrapper {width: 125%;}}
@media (max-width: 1400px)  {.blog-section .scroller__wrapper {--scrolling-gallery-items-visible: 3;--scrolling-gallery-item-duration: 30s;}} */

@media screen and (max-width: 1400px) {
  /* .ai-blogs .blog-section .scroller__wrapper {width: 108%;} */
  .blog-section .blog-card .h3 {font-size: 19px;}
}
@media screen and (max-width: 1199px) {
  .blog-section .blog-card .h3 {font-size: 17px;min-height: 52px;}
}

@media (max-width: 991px) {
  /* .blog-section .scroller__wrapper {--scrolling-gallery-items-visible: 2;}
  .ai-blogs .blog-section .scroller__wrapper {width: 100%;} */
  .author-detail p {font-size: 13px;line-height: 14px;}
}
@media screen and (max-width: 767px) {
  .blog-section .blog-card .h3 {font-size: 16px;min-height: 48px;}
  .author-detail p {font-size: 12px;}
  .margin0 {margin: 0;}
}
@media (max-width: 480px) {
  /* .blog-section .scroller__wrapper {--scrolling-gallery-items-visible: 1;} */
  .blog-section .blog-card .h3 {font-size: 15px;}
  .blog-section .blog-card figure {margin-bottom: 8px;}
}
/* Blog Scroll end */

/* FAQ Start */
.faq .accordion-item {
    border: 0;
    border-bottom: 1px solid #E5E7EB;

    &:last-child {
        border-bottom: 0;
    }
}

.faq .accordion-button {
    font-size: 18px !important;
    color: #000000;
    padding: 30px 0;
    gap: 5px;
    font-weight:600;
}

    .faq .accordion-button::after {
        width: 20px;
        height: 20px;
        background-size: 20px;
    }

.faq .accordion-button:not(.collapsed) {
    font-weight: 600;
    color: #000000;
    background-color: #F3F6F9;
    box-shadow: 0 0 0 0;
}



.faq.supply-chain .accordion-button::after{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></svg>');
width:40px;
height:30px;                     
}
.faq .accordion-button::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 36 36" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.0007 0.0820312C8.10555 0.0820312 0.0839844 8.1036 0.0839844 17.9987C0.0839844 27.8939 8.10555 35.9154 18.0007 35.9154C27.8958 35.9154 35.9173 27.8939 35.9173 17.9987C35.9173 8.1036 27.8958 0.0820312 18.0007 0.0820312ZM19.6673 11.332C19.6673 10.4116 18.9212 9.66536 18.0007 9.66536C17.0802 9.66536 16.334 10.4116 16.334 11.332V16.332H11.334C10.4135 16.332 9.66732 17.0782 9.66732 17.9987C9.66732 18.9192 10.4135 19.6654 11.334 19.6654H16.334V24.6654C16.334 25.5859 17.0802 26.332 18.0007 26.332C18.9212 26.332 19.6673 25.5859 19.6673 24.6654V19.6654H24.6673C25.5878 19.6654 26.334 18.9192 26.334 17.9987C26.334 17.0782 25.5878 16.332 24.6673 16.332H19.6673V11.332Z" fill="%23FF6C1A" fill-opacity="0.2"/></svg>');
    width: 20px;
    height: 20px;
    background-size: 20px;
}

.faq .accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 40 40" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.0007 2.08203C10.1056 2.08203 2.08398 10.1036 2.08398 19.9987C2.08398 29.8939 10.1056 37.9154 20.0007 37.9154C29.8958 37.9154 37.9173 29.8939 37.9173 19.9987C37.9173 10.1036 29.8958 2.08203 20.0007 2.08203ZM13.334 18.332C12.4135 18.332 11.6673 19.0782 11.6673 19.9987C11.6673 20.9192 12.4135 21.6654 13.334 21.6654H26.6673C27.5878 21.6654 28.334 20.9192 28.334 19.9987C28.334 19.0782 27.5878 18.332 26.6673 18.332H13.334Z" fill="%23FF6C1A"/></svg>');
}
.faq.supply-chain .accordion-button:not(.collapsed)::after{
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/></svg>');
                    
}

.faq .accordion-button:focus {
    box-shadow: 0 0 0 0;
}

.faq .accordion-body {
    padding: 0 0 30px;
}



.faq .accordion-body p {
    color: #192A44;
    font-size: 18px;
    font-weight: 400;
    line-height: 162%;
}

/* FAQ End */
@media (max-width: 767px) {
    .faq .accordion-button {
        font-size: 18px;
        padding: 20px 0;
    }

    .faq .accordion-body p {
        font-size: 17px;
    }
}

@media (max-width: 576px) {
    .faq .accordion-button {
        font-size: 16px;
        padding: 20px 0;
    }

    .faq .accordion-body p {
        font-size: 15px;
    }

    .faq .accordion-button::after {
        width: 20px;
        height: 20px;
        background-size: 20px;
    }
}

  
      /* Our Recent Work Start */
.recent-imgs {grid-gap: 30px;display: grid;grid-template-columns: repeat(3, 1fr);}
.recent-imgs.has-links {display: flex;}
.recent-details span {font-size: 40px;}
.recent-details, .recent-details-end {display: flex;flex-direction: column;align-items: center;border-radius: 8px;min-height: 160px;justify-content: center;}
.recent-details {border: 1px solid #f27a3a59;background: #fff;}
.recent-details-end {border: 1px solid #f27a3a59;background: #fff;}
.recent-details-end .h5 {padding-bottom: 15px;font-size: 24px;}
.recent-imgs figure img {width: revert-layer;}
@media (max-width:1199px) {
  .recent-details-end .h5 {font-size: 18px;}
  .recent-details-end .spark-cta a.btn-style-one {padding: 5px 25px !important;font-size: 15px !important;}
  .recent-details, .recent-details-end {min-height: 140px;}
  .recent-details span {font-size: 30px;}
}
@media (max-width: 991px) {
  .recent-imgs {grid-template-columns: repeat(2, 1fr);grid-gap: 24px;}
  .recent-imgs.has-links {overflow: auto;position: relative;}
  .recent-imgs.has-links picture {flex: 0 0 48%;}
  .recent-details {min-height: 80px;}
  .recent-details p {font-size: 13px;}
  .recent-details-end {min-height: 120px;}
  .recent-details span {font-size: 22px;
  }
}
@media (max-width:767px) {
  .recent-imgs.has-links picture {flex: 0 0 85%;}
}

@media (max-width: 576px) {
  .recent-details span {font-size: 18px;}
  .recent-details-end .h5 {padding-bottom: 10px;}
  .recent-details {min-height: 70px;}
  .recent-details-end {min-height: 110px;}
  .recent-imgs.has-links {flex-wrap: wrap;justify-content: center;}
}  

/* Blog customized styles */
.review-wrapper,
.blog-scroll-wrapper {position: relative;max-width: 100%;}
.blog-scroll-container {display: flex;overflow-x: auto;scroll-snap-type: x mandatory;gap: 1.5rem;padding-bottom: 1rem;scroll-behavior: smooth;}
.blog-scroll-container::-webkit-scrollbar {display: none;}
.red, .blog-card:hover .h3 {color: #FF6C1A;}
/* #casestudyScroll {width: 120%;} */
#industriesScroll .indus-wrapper {flex: 0 0 auto;width: calc(100% / 5 - 1rem);scroll-snap-align: start;}
.blog-scroll-container.dragging {
  cursor: grabbing;
  user-select: none;
}
.scroll-btn {bottom: -10%;background: transparent;}
@media (max-width: 991px) {
  #casestudyScroll {width: 100%;}
  .blog-card-wrapper {width: 100%;}
  #industriesScroll .indus-wrapper {width: calc(100% / 3 - 1rem);}
  .scroll-btn.prev {right: 20%;}
}
@media (max-width: 575px) {
  .casestudy-section {
    overflow-x: initial;
}
.scroll-btn.prev.center {right: 50% !important;}
.scroll-btn.next.center {left: 50% !important;right: auto;}
  #industriesScroll .indus-wrapper {width: calc(100% / 2 - 1rem);}
}
@media (max-width: 480px) {
    #industriesScroll .indus-wrapper {width: 100%;}
  }
   

/* why opt */
.solutions-card.top-cornner {position: relative;}
.solutions-card.top-cornner:after {position: absolute;content: " ";width: 50px;height: 50px;/* background: #ff6c1a; */top: -5px;right: -5px;/* z-index: -1; */
border: 5px solid #ff6c1a;border-bottom: 0;border-left: 0;}
@media (max-width: 767px) {.solutions-card.top-cornner:after {border: 4px solid #ff6c1a;border-bottom: 0;border-left: 0;width: 45px;height: 45px;}}
/* Solutions-card Start */
.solutions-card {padding: 38px 40px;border: 1px solid #e5e7eb;height: 100%;background: #fff;transition: 0.3s ease-in-out;}
.solutions-card h3, .solutions-card .h3 {color: #192a44;font-size: 24px;font-weight: 600;line-height: 150%;margin-bottom: 34px;transition: 0.3s ease-in-out;}
.solutions-card p {color: #4c596d;font-size: 16px;font-weight: 400;line-height: 168%;padding-bottom: 38px;}
.solutions-card:hover {border: 1px solid #ff6c1a !important;}
.solutions-card:hover h3, .solutions-card:hover .h3 {color: #ff6c1a !important;}
@media screen and (max-width: 1199px) {
    .solutions-card {padding: 25px 30px;}
    .solutions-card h3, .solutions-card .h3 {font-size: 20px;margin-bottom: 25px;}
    .solutions-card p {font-size: 16px;padding-bottom: 30px;}
}
@media screen and (max-width: 991px) {
    .solutions-card {padding: 20px 25px;}
    .solutions-card h3, .solutions-card .h3 {font-size: 18px;margin-bottom: 20px;}
    .solutions-card p {font-size: 15px;padding-bottom: 20px;}
}
@media screen and (max-width: 767px) {
    .solutions-card {padding: 20px;}
    .solutions-card h3 {margin-bottom: 15px;}
    .solutions-card p {font-size: 14px;padding-bottom: 15px;}
}
  /* End */

/* FAQ Start */
.faq .accordion-item {border: 0;border-bottom: 1px solid #E5E7EB;
  &:last-child{border-bottom: 0;}
}
.faq .accordion-button {font-size: 20px;color: #4C596D;padding: 30px 0;gap: 5px;}
.faq .accordion-button:not(.collapsed) {font-weight: 600;color: #111928;background-color: transparent;box-shadow: 0 0 0 0;}
.faq .accordion-button::after {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.0007 0.0820312C8.10555 0.0820312 0.0839844 8.1036 0.0839844 17.9987C0.0839844 27.8939 8.10555 35.9154 18.0007 35.9154C27.8958 35.9154 35.9173 27.8939 35.9173 17.9987C35.9173 8.1036 27.8958 0.0820312 18.0007 0.0820312ZM19.6673 11.332C19.6673 10.4116 18.9212 9.66536 18.0007 9.66536C17.0802 9.66536 16.334 10.4116 16.334 11.332V16.332H11.334C10.4135 16.332 9.66732 17.0782 9.66732 17.9987C9.66732 18.9192 10.4135 19.6654 11.334 19.6654H16.334V24.6654C16.334 25.5859 17.0802 26.332 18.0007 26.332C18.9212 26.332 19.6673 25.5859 19.6673 24.6654V19.6654H24.6673C25.5878 19.6654 26.334 18.9192 26.334 17.9987C26.334 17.0782 25.5878 16.332 24.6673 16.332H19.6673V11.332Z" fill="%23FF6C1A" fill-opacity="0.2"/></svg>');width:40px;height:40px;background-size: 40px;}
.faq .accordion-button:not(.collapsed)::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.0007 2.08203C10.1056 2.08203 2.08398 10.1036 2.08398 19.9987C2.08398 29.8939 10.1056 37.9154 20.0007 37.9154C29.8958 37.9154 37.9173 29.8939 37.9173 19.9987C37.9173 10.1036 29.8958 2.08203 20.0007 2.08203ZM13.334 18.332C12.4135 18.332 11.6673 19.0782 11.6673 19.9987C11.6673 20.9192 12.4135 21.6654 13.334 21.6654H26.6673C27.5878 21.6654 28.334 20.9192 28.334 19.9987C28.334 19.0782 27.5878 18.332 26.6673 18.332H13.334Z" fill="%23FF6C1A"/></svg>');}
.faq .accordion-button:focus {box-shadow: 0 0 0 0;}
.faq .accordion-body {padding: 0 0 30px;}
.faq .accordion-body p {font-size: 16px;font-weight: 400;line-height: 26px;color: #4C596D;}
@media screen and (max-width: 1400px) {
.faq .accordion-button {font-size: 19px;padding: 25px 0;}
.faq .accordion-body {padding: 0 0 25px;}
.faq .accordion-body p {font-size: 15px;}
.faq .accordion-button::after {width: 35px;height: 35px;background-size: 35px;}
}
@media screen and (max-width: 1199px) {
  .faq .accordion-button {font-size: 18px;padding: 20px 0;}
  .faq .accordion-body {padding: 0 0 20px;}
}
@media screen and (max-width: 991px) {
  .faq .accordion-button {font-size: 17px;padding: 16px 0;}
  .faq .accordion-button::after {width: 20px;height: 20px;background-size: 20px;}
  .faq .accordion-body {padding: 0 0 16px;}
  .faq .accordion-body p {font-size: 14px;line-height: 24px;}
}
@media screen and (max-width: 767px) {
  .faq .accordion-button {font-size: 16px;}
}
@media screen and (max-width: 480px) {
  .faq .accordion-button {padding: 14px 0;font-size: 15px;}
  .faq .accordion-button::after {width: 15px;height: 15px;background-size: 15px;}
  .faq .accordion-body p {font-size: 13px;}
}
/* FAQ End */

/* bg-invest-ar Section style start here */
.bg-invest-ar {
    background: #192a44 !important
}

.bg-invest-ar .title-wrap h4,
.bg-invest-ar .title-wrap h2,
.bg-invest-ar .title-wrap p,
.bg-invest-ar .what-we-do-app h3,
.bg-invest-ar .what-we-do-app p {
    color: #fff
}

.bg-invest-ar a.btn-style-one:hover {
    color: #ff6c1a !important;
    background: #fff !important
}

.bg-invest-ar .title-wrap .h3,
.bg-invest-ar .title-wrap h3 {
    color: #fff
}

body .modal-backdrop.show {
    opacity: 0 !important
}

body.modal-open .modal-backdrop.show {
    opacity: 0.5 !important
}

body.modal-open {
    overflow-y: hidden !important;
    padding-right: 0px !important
}

.modal-body.position-relative.bg-invest-ar {
    border-radius: 20px;
    background: #192a44 !important;
    padding: 40px
}

@media (max-width:767px) {
    .modal-body.position-relative.bg-invest-ar {
        padding: 25px;
    }

    .modal-dialog.modal-testimonial {
        max-width: 95%;
    }

    .popup-close-btn {
        top: 10px;
        right: 10px;
    }

    .mobile-app-model .row.g-sm-3>* {
        margin: 0 !important;
    }
}

.modal-content {
    border-radius: 24px
}

.popup-title {
    padding: 0 !important;
    font-size: 26px !important;
    font-weight: 500 !important;
    color: #ff6c1a !important
}

.popup-close-btn {
    position: absolute;
    top: 0;
    right: -50px;
    padding: 4px;
    background: #fff;
    opacity: 1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

#austinModal p {
    color: var(--bgcolorsecondry);
    font-size: 16px;
    line-height: 168%;
    padding-bottom: 35px
}

@media screen and (max-width:991px) {
    .modal-dialog.modal-testimonial {
        max-width: 700px;
    }
}

@media screen and (max-width:767px) {
    #austinModal p {
        font-size: 14px;
        line-height: 150%;
        padding-bottom: 15px;
    }

    .popup-title {
        font-size: 20px !important;
    }

    .popup-close-btn {
        top: -10px;
        right: -5px;
    }
}

@media screen and (max-width:480px) {
    .popup-title {
        font-size: 17px !important;
    }
}

/* bg-invest-ar Section style ends here */



/* banner-cta-btns style start here */
.banner-cta-btns{flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px;}
.banner-cta-btns a{display:block;padding:12px 20px;border-radius:8px;font-size:16px;font-weight:600;transition: all 0.5s;}
.banner-cta-btns a:first-child{border:1px solid #ff6c1a;background: rgba(255, 108, 26, 0.10);color:#ff6c1a;}
.banner-cta-btns a.telegram-btn:first-child:hover{color:#fff;background:#2481CC; border: 1px solid transparent;}
.banner-cta-btns a:hover{color:#fff;background:#ff6c1a;}
.banner-cta-btns a:hover svg path {stroke: #fff;}
.banner-cta-btns a:nth-child(2) {color: #fff;border: 1px solid #E5E7EB;}
.banner-cta-btns a:nth-child(2):hover {color: #fff;border: 1px solid transparent;}
.banner-list p {color: #192A44;font-size: 14px;font-weight: 600;}
.banner-list p span {color: #FF6C1A;}
@media (max-width:1199px){.banner-cta-btns a{font-size:15px;padding:12px;}.banner-list p {font-size: 12px;}}
@media (max-width: 991px) {.banner-cta-btns a {padding: 10px 12px;}}
@media (max-width:767px){.banner-cta-btns a {font-size: 14px;}}
@media (max-width: 575px) {.banner-cta-btns a {padding: 8px 12px;}}
/* banner-cta-btns style ends here */
/* CTA Start */
.cta-business-needs {border-radius: 24px;border: 1.5px solid #E5E7EB;padding: 80px;}
.cta-card {padding: 32px;border-radius: 15px;border: 0.6px solid  #E5E7EB;background: #FBFBFB;}
.cta-card-detail {gap: 5px;padding-bottom: 45px;}
.cta-card-text .h-3 {font-size: 28px;color: #FF6C1A;}
.cta-card-text p {font-size: 14px;}
.cta-card .banner-cta-btns a {padding: 16px 24px;}
@media (max-width:1400px) {
  .cta-card-text .h-3 {font-size: 26px;}
}
@media (max-width:1199px) {
  .cta-business-needs {padding: 50px 40px;}
  .cta-card-text .h-3 {font-size: 24px;}
.cta-card .banner-cta-btns a {padding: 14px;}
}
@media (max-width: 991px) {
  .cta-card-text .h-3 {font-size: 22px;}
  .cta-card .banner-cta-btns a {padding: 12px 14px;display: inline-block;}
}
@media (max-width: 767px) {
  .cta-business-needs {padding: 40px 30px;margin: 0; border-radius: 16px;}
  .cta-card-detail {padding-bottom: 30px;flex-wrap: wrap;}
}
@media (max-width: 480px) {
  .cta-business-needs {padding: 25px 10px;}
  .cta-card-text .h-3 {font-size: 18px;}
  .cta-card {padding: 20px;}
  .cta-card-detail {gap: 10px; padding-bottom: 24px;}
  .cta-card .banner-cta-btns a {font-size: 13px;padding: 11px 14px;display: block;}
  .cta-card-text p {font-size: 13px;}
}
/* CTA End */
/* CTA STart */
.ai-cta-request {border-radius: 24px;border: 1.5px solid #E5E7EB;background: rgba(255, 108, 26, 0.06);padding: 50px 60px;}
@media (max-width:1199px) {.ai-cta-request {padding: 40px 50px;}}
@media (max-width: 700px) {.ai-cta-request {padding: 35px 40px;margin: 0;}}
@media (max-width: 480px) {.ai-cta-request {padding: 30px 15px;border-radius: 16px;}}
/* CTA End */