.dm-sans { font-family: "DM Sans", sans-serif;}
#tabs li a.active {color:#fff;background-color:#FF5703;border-color:#FF5703;}
.cta::before {content: "";position: absolute;border-radius: 561px;opacity: 0.8;background: rgba(255, 87, 3, 0.90);filter: blur(70px);width: 561px;height: 340px;transform: rotate(-93.473deg);top: -250px;right: -300px;}
.cta::after {content: "";position: absolute;border-radius: 705px;opacity: 0.9;background: rgba(255, 87, 3, 0.90);filter: blur(70px);width: 705px;height: 427px;transform: rotate(-164.615deg);bottom: -400px;left: -200px;}
@media (max-width: 767px) {.cta::before {width: 400px;height: 300px;}.cta::after {width: 600px;height: 380px;}}
@media (max-width: 480px) {.cta::before {width: 330px;}.cta::after {width: 400px;height: 350px;}}
  
 /* Back to top STart */
.scroller {position: fixed;bottom: 70px;right: 30px;width: 40px;height: 40px;border: 1px solid #FF5703;display: none;background: #fff;color: #192a44;cursor: pointer;z-index: 999;transition: 0.3s all ease-in-out;border-radius: 0;padding: 9px;text-align: center;}
.scroller:hover {background: #FF5703;color: #fff;}
@media (max-width: 767px) {.scroller {bottom: 20px;right: 10px;width: 30px;height: 30px;padding: 5px;}}
/* Back to top end */
.owl-nav {
    display: none;
}

/* 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:#fff;justify-content:center}
.home-banner .banner-text .title-wrap h1,
.home-banner .banner-text .title-wrap h2{color:#fff;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:#FF5703}
.home-banner .banner-text .title-wrap p{color:#e6e8ea;font-size:18px;line-height:155%;padding-bottom:35px}
.home-banner .banner-text .title-wrap .btn-primary{color:#fff;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:#FF5703}
.home-banner .banner-text .title-wrap .btn-primary:hover:before{opacity:0.05}
@media screen and (max-width: 1199px) {
    .home-banner .banner-text .title-wrap p {font-size: 16px;}
}
@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;}
  .home-banner .banner-text .title-wrap {
    padding: 0 20px;
}
}
@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:#fff !important;font-size:16px !important;line-height:168% !important;border-radius:0 !important;height:auto !important;width:auto !important;border:1px solid #FF5703 !important;font-weight:500;position:relative;display:block;cursor:pointer;background:#FF5703;white-space:nowrap;text-align:center;transition: 0.3s ease-in-out;}
.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;}
.spark-cta.custom-button .btn-style-one.telegram:hover {background-color: #2481CC !important;color: #fff !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 video{height:880px}
.sub-banner video{width:100%;object-fit:cover}
@media (max-width:1800px){
  .sub-banner video{height:800px;}
}
@media (max-width:1700px){
  .sub-banner video{height:720px;}
}
@media (max-width:1600px){
  .sub-banner video{height:620px;}
}
@media (max-width:1400px){
  .sub-banner video{height:580px;}
}
@media (max-width:1300px){
  .sub-banner video{height:550px;}
} 
@media screen and (max-width:1199px){
  .sub-banner video{height:500px;}
}
@media screen and (max-width:991px){
  .sub-banner video{height:450px;}
}
@media screen and (max-width:767px){
  .sub-banner video{height:400px;}
}
@media (max-width:576px){
  .sub-banner video{height:360px;}
}
@media (max-width:480px){
  .sub-banner video{height:300px;}
  .sub-banner p{display:none;}
}
@media (max-width:400px){
  .sub-banner video{height:250px;}
}
@media (max-width:330px){
  .sub-banner video{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 */

/* banner-cta-btns style start here */
.banner-cta-btns{flex-wrap:wrap;align-items:center;gap:20px;}
.banner-cta-btns a{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 #FF5703;background: rgba(255, 108, 26, 0.10);color:#FF5703;}
/* .banner-cta-btns a:first-child:hover{color:#fff;background:#2481CC; border: 1px solid transparent;} */
.banner-cta-btns a:hover{color:#fff;background:#FF5703;}
.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: #FF5703;}
@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 */