/** Shopify CDN: Minification failed

Line 3110:0 Unexpected "}"
Line 3276:0 Unexpected "#2k-camera"
Line 5417:3 Unexpected "{"

**/


:root {
    --heading: #3A3939;
    --primary: #3B3A3A;
    --black: #000000;
    --dark: #1E1E1E;
    --white:#ffffff;
    --grey: #A2A2A2;  
    --bluish:#2483FF;
    --electrobotic-blue:#55C9F0;
    --font-aurora: 'Aurora 24', sans-serif;
    --font-logotype: 'LOGOTYPE', sans-serif;
}


html{height:fit-content !important;}

/* body,p {
    font-size:1rem;
    line-height: 28px !important;
} */

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.row-gap-1 {
    row-gap: .25rem!important
}

.row-gap-2 {
    row-gap: .5rem!important
}

.row-gap-3 {
    row-gap: 1rem!important
}

.row-gap-4 {
    row-gap: 1.5rem!important
}

.row-gap-5 {
    row-gap: 3rem!important
}

.d-flex{display:flex}

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

  .thank-card .m-icon-box .m-icon-box__heading {
    font-size: 2.5rem;
}
.md-w-50 {width:50%}

  .download-app .m-custom-content__block-inner, .tech-specs {
    width: 80%;
    margin: auto;
}
  
}

@media (min-width: 992px) {
    .col-lg {
        flex:1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

}

@media (max-width: 576px) {
    .col-sm {
        flex:1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

}
.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important
}

.mx-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
}

.mx-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
}

.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}

.mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
}

.mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.my-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
}

.my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2 {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.px-0 {
    padding-right: 0!important;
    padding-left: 0!important
}

.px-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
}

.px-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
}

.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}

.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
}

.py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}
.py-6 {
    padding-top: 5rem!important;
    padding-bottom: 5rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

.gap-0 {
    gap: 0!important
}

.gap-1 {
    gap: .25rem!important
}

.gap-2 {
    gap: .5rem!important
}

.gap-3 {
    gap: 1rem!important
}

.gap-4 {
    gap: 1.5rem!important
}

.gap-5 {
    gap: 3rem!important
}

/* button css */
.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}
.w-60 {
    width: 60%!important
}
.w-70 {
    width: 70%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

a.m-button {
    border-radius: 30px;
}

.m-header {   min-height: auto;}

.text-primary{color:#3B3A3A;}
.text-white {color:var(--white) !important;}
.bdr-rad1{border-radius:1rem}


/* section css */

.quality-sec img.drone-img{
    width: 30%;
    margin: auto;
    padding-top: 8rem;    position: relative;
}

.num-img-section{position:relative}

.num-img-section .big-text{
  font-size:15rem; 
    text-align: center;
position: absolute;
      top: 0;
width: 60%;
  margin:auto;
left: calc(50% - 60%/2);
background: linear-gradient(270deg, rgba(190, 190, 190, 0.4) 10.76%, rgba(79, 79, 79, 0.7) 57.98%, rgba(190, 190, 190, 0.4) 105.21%);
      -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;   
  z-index: -1;
opacity: 0.3;}

.customer-item, .customer-detail{ padding: 1.2rem 0;}

.customer-item ul img{width:50px !important}

.customer-item ul{
    display: flex;
    gap: 1rem;
    align-items: center;
}
.test-item img{width:100% !important; border-radius: 1rem;}
.test-item h4{color:#000000}
.partial-slider1{
  padding-inline-start: 200px !important;
  padding-inline-end: 200px !important;}

    .testi-slider .m-slider-controls__button { 
    transform: translateY(0%) !important;  
      }

 .swiper-pagination .swiper-pagination-bullet:before, .swiper-pagination .swiper-pagination-bullet:after
 {    width: 32px;
    height: 3px;
    border-radius: 0;
     background: grey;
    opacity: 1;}

.swiper-pagination .swiper-pagination-bullet:hover:before{  width: 24px;
    height: 5px;}
    

    .swiper-slide-prev, .swiper-slide-next{   
      opacity: .9;
    }
    
  .web-slider .m-mixed-layout .m-slider-controls{
    position: relative;    text-align: left !important;
}
 .quality-slider .m-slider-controls__button-prev{     
   left: unset !important;
    right: 70px !important;}

.testi-slider .m-mixed-layout{    position: relative; }
.testi-slider.web-slider .m-slider-controls   {
    position: absolute;
    width: 100% !important;
    max-width: 100% !important;
    right: 0;
    top: 50%;
    z-index: 1;
}
.testi-slider .m-slider-controls__button {
   border: 1px solid rgb(255 255 255);  
    color: rgb(255 255 255);    background-color: transparent;
}
.testi-slider  .m-slider-controls__button:hover{box-shadow:none;    border: 1px solid #000;   color: #000 }

.testi-slider .m-slider-controls__button-next{right: 100px !important;}
.testi-slider .m-slider-controls__button-prev{left: 100px;}
.quality-slider .m-slider-controls__button-next{right:0}
/* .testi-slider .m-slider-controls__button-next{right:-80px !important;} */


  .web-slider .swiper-pagination .swiper-pagination-bullet{margin:0 10px !important}

.gallery-tabs .m-tab-header {
    font-size: 1rem;
      opacity: 1;
       padding: .7rem 1.5rem;
    border-radius: 5rem;
    border: 1px solid var(--dark);transition: all .3s ease;
}
.gallery-tabs .m-tab-header:after{display:none}

.gallery-tabs  .m-tab-header.active,.gallery-tabs  .m-tab-header:hover {
    background-color: var(--dark);
    color: var(--white);
}

.gallery-tabs .m-section__header {
    justify-content: center;
    margin-top: 50px;
}

.gallery-tabs .m-collage-tab--image, .gallery-tabs img {
    width: 100%;
    margin: auto;    border-radius: 1rem;}

.gallery-tabs .m-tab-content__wrapper {
    width: 100%;
    margin: auto;
}
.capture-img, .remote-section {text-align:center}
.capture-img responsive-image.m-image-loaded {
    width: 40%;
}
.capture-section .list-sec row{width:60%; margin:auto}
.capture-section .list-sec img
{    margin-bottom: 0.7rem !important;    width: 40px;}

.remote-section .numb{
    position: absolute;
    top: -5%;
  width: 60%;
left: calc(50% - 60%/2);    z-index: 0;
}

.remote-section .img2 responsive-image, .nbh-w-img responsive-image{
    width: 70%;
}

.remote-section .img2, .fly-section .img1, .num-img-section .drone-img {
    z-index: 1;
}

.fly-section .numb{
    position: absolute;
    top: 10%;
  width: 60%;
left: calc(50% - 60%/2);z-index: 0;
}
.num-img-section .numb{
    position: absolute;
    top: 5%;
  width: 50%;
   left: calc(50% - 50%/2);   
  z-index: -1;
}
.max-sec{    position: relative;}
.max-sec:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(180deg, #FFFFFF 0%, #d2d2d2 100%);
    height: 100%;
    transition: all .3s ease-in-out;
    z-index: -2;
}
.fly-section .m-custom-content__wrapper{
    flex-direction: column;
    flex-wrap: unset !important;
}
  .remote-section .m-custom-content__wrapper, .fly-section .m-custom-content__wrapper{   
    position: relative;
  }

.fly-section .m-custom-content__block-image{
    text-align: center;    
   transition-duration: 0s !important;
    --m-duration-animate: 0s  !important;
}
.fly-section .img1 {
    width: 30%;
}
     .gps-list .col-md-2 {
        width: 20%;    }

.gps-list img {
    height: 35px;
    width: 100%;
}
.container-fluid.gallery-tabs-sec {
    background-color: #F8F9FA;
    padding: 2rem;border-radius:1rem
}
.gallery-tabs-sec  .m-section__header {
       justify-content: center;    gap: 0;
}
   .gallery-tabs-sec  .m-collage-tab--image {
        margin: auto;    width: 60%;
    }
       .gallery-tabs-sec  .m-collage-tab--image img{        margin: auto;}
       
   .gallery-tabs-sec  .m-tab-header {
    padding: 1rem 2rem;    border-top: 1px solid var(--grey);
   transition:none;}
   
/* .transparent-on-top header:not(.header-drawer-open) {
    background-color: #ffffff78 !important;} */
.m-header__bg {
     /* opacity: .5 !important;  */
   z-index: -1;
}
.m-header:not(.m-mega-active,.stuck,.header-sticky-always).transparent-on-top header:not(.header-drawer-open) {
    color: #fff !important;
}
.m-header__right .m-button--white {
    background: #4EE2E2 !important;
    white-space:nowrap;
  
}
 .m-header__right .m-button:not(.m-button--link,.m-link-underline,.m-button--blank):hover{
box-shadow: none;
       background: #000 !important;
}

header .m-header__container  .m-header__center {
    justify-content: flex-start;
}

.slider-video .m-hero__inner.m-hero__inner--middle-center.container-fluid, .slider-video .m-slide__content{
    flex-direction: column;
    width: 100%;    display: flex;
    justify-content: space-between;
    height: 85%;
    text-align: center;  
    align-items: center !important;
}

.notapp-section .col-sm-12.col-md-4 {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    align-self: start;
    padding: 0;
}

.notapp-section .row p {
    width: 60%;
    margin: auto;
    margin-bottom: 2.5rem;   
  line-height: normal !important;  
  font-size: 0.9rem;
  margin-top: 1rem;
}
.notapp-section .image-with-text .m\:flex{
    flex-direction: column;
    text-align: center;
   }
.notapp-section .img__box-image_with_text_BUQVw7 {
    width: 100%;
    margin: auto;
}

.notapp-section .m\:column.m-richtext{
    width: 100%;    margin-top: 5rem;
}
.notapp-section .m-custom-content__block.gps-list{
    padding-right: 7rem;
}
.notdronesec .m-icon-box__heading{
    font-weight: 400 !important;
    font-size: 1rem;
    width: 80%;
    margin: auto;
    line-height: 24px;
}

.clickable-box a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

 .clickable-box{
    position: relative !important;
}
.content-tabs .m-collage-tab--content {
    text-align: center;
    width: 100%;
    padding-bottom: 0;
    position: absolute;    bottom: -18%;
    width: 100%;    max-width: 100%;    left: 0;    min-height: 100px;
}
.content-tabs  tabs-component.m-tabs-component {
    position: relative !important;
}
.gallery-tabs.content-tabs {
    padding-bottom: 5rem;
}



  .gap1{gap:1rem}
  .gap2{gap:2rem}
.py-5{
    padding-top: 5rem;
    padding-bottom: 5rem;
}

  .bg2 {
    width: 100%;
     /* height: 55%; */
    height: 100%;
  
    background: #000 url(/cdn/shop/files/Card-2_3c3aa108-b4ef-43f2-ad74-5458a334fb1b.jpg?v=1767358757) no-repeat center center;
    border-radius: 0.75rem;
}




 .style__card-content h4 {
   color:#3B3A3A;
    margin: 0px 48px;       
   width: 90%;
   margin: auto;
    padding: 48px 0px 0px;
     text-transform: capitalize;
    font-size: 2rem !important;
}
  .style__card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 432px;
    align-items: center;    border-radius: 0.75rem;

}

.style__card-content {
    position: relative;
    overflow: hidden;
    z-index: 2;
    text-align: center;    width: 100%;
}

 .circle-icon svg{
   -webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
   transform:rotate(180deg);
    width: 15px;
    height: 15px;
    color: white;
   fill:#000;
}
   .circle-icon{
    padding: 0.6rem;
    position: absolute;
    bottom: 7%;
    right: 5%;
    background-color:#FFF;
    color:#000 !important;
    border:1px solid #000;
     stroke:#000 !important;
}

body .clickable-box:hover svg,
body .clickable-box:hover svg *{
  color:#FFF !important;
  fill:#FFF !important;
  stroke:#FFF !important;
}

  /* .intro-3-col .bg2 .style__card-content {
    position: absolute;
    bottom: 10%;
    width: 100%;
     left:0;
}  */
     .intro-3-col .bg5 .style__card-content {
    position: absolute;
    bottom: 8%;
    left: 0;
    text-align: left;
}

.bgvideo {
    height: 100%;
    width: 100%;    max-width: 100%;
    object-fit: cover;
    display: block;
}
  .video-player-box{
    position: relative;
    width: 100%;
    height: 100%;
    /* background-image: url(); */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.background__bg-video-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
}

     .video-container {
      margin: 80px auto;
      overflow: hidden; 
   display: flex;
    justify-content: center;
    align-items: center;
  }
  .video-container video {
      display: block;
      /* width: 50%;  */
    margin:auto;
      /* transform: translateY(0px) scale(1) translateZ(0px); */
  }
 .col-flex {
    display: flex;
    flex-direction: column;    gap: 1rem;
}
  .h-500{min-height:500px}
  
.intro-3-col .row {
    --bs-gutter-x: 1rem;}

.intro-3-col .clickable-box:hover .circle-icon{background-color:black}

  .zoom-image {
      /* transition: transform 0.1s ease-in-out; */
      width: 100%; /* Adjust width as needed */
    }
.useful-sec .m-button{
    position: relative;    
  font-size: 1.1rem;
  color: var(--bluish);
}
.useful-sec .m-button:hover{   
  color: #4193ff !important;
}
.useful-sec .m-button:after {
 content: url(/cdn/shop/files/arrow-right.svg);
    right: -12px;
position: absolute;
display: inline-block;
}

.useful-sec .m-icon-box--vertical .m-icon-box__content {
    width: 45%;
}
.useful-sec responsive-image.m-image-loaded img, .notdronesec responsive-image.m-image-loaded img{
       height: 40px !important;
    width: auto !important;
    margin: auto;
    position: unset !important;
}
.useful-sec responsive-image::before, .notdronesec responsive-image::before {
  padding-top:0 !important
}
.useful-sec .m-icon-box__heading {
    margin-bottom: 0;
    line-height: 1.2;
    font-weight: 600;
}
.quality-slider .swiper-slide {
    opacity: .9;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .5s ease-in-out;
}
.quality-slider .swiper-slide.m\:column.swiper-slide-active{ opacity: 1;}
.quality-slider .swiper-slide .test-item{    position: relative;}
.quality-slider .swiper-slide .test-item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
    width: 100%;
    height: 100%;
  background: #000000;
    border-radius: 1rem;
    opacity: 0.5;  transition: all .5s ease-in-out;
}
.quality-slider .swiper-slide.swiper-slide-active .test-item:before{
      background: none !important;  
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .5s ease-in-out;
}

.better-sec .m-tab-header:after {  top: 0;}

.better-sec {  padding-bottom: 0 !important;}

.better-sec .m-richtext__description {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.notapp-section .m-custom-content__block-inner {
    align-content: center;
}
.quality-slider .swiper-slide::first-child{
    transform: translate3d(-2235.65px, 0px, 0px);
}
.quality-sec h4 {
    font-size: 1.5rem !important;
    /* color: var(--bluish) !important; */
}
.fly-section .row p.mt-3 {
    line-height: normal !important;
}
.capture-section .row p {
    line-height: normal !important;
}
.fly-section .row { --bs-gutter-y: 2rem}
.logo-left-menu-center .m-header__left, .logo-left-menu-center .m-header__right {
    flex: unset !important;
}
div.reviews img {
    height: 12px !important;
    width: auto !important;
}

.customer-item{      
  gap: 1rem;     display: flex;
  justify-content: space-between;
    align-items: center;}


 
  
    
     .new-height-sec  #text {
      z-index: 2;
      display: grid;
      place-content: center;
      height: 100vh;
      width: 100vw;
      position: relative;
    }
    
     .new-height-sec  #text div {
      background: white;
    }
    
     
      .new-height-sec .spacer {
      height: 100vh;
      width: 100vw;
      display: grid;
      place-content: center;
      position: relative;
    }
    
      .new-height-sec span {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
    }



.customer-item h5 {
    font-size: 1.3rem;
}
        .remote-section h4 {
    font-size: 1.4rem;
    width: 90%;
    margin: auto;
    min-height: 50%;
    align-content: center;
}

.fly-section img.m-auto {
    height: 30px;
}

/* 
  .m-scroll-trigger:not(.m-scroll-trigger--offscreen).animate--fade-in {
        --m-animation-duration: 0.6s !important;
    }
 */

 .scrollImage, .bg-scrollImage, .sm-scrollImage {
  transition: transform 0.5s ease; /* Smooth movement */
}

m-footer .m-footer--middle .m-footer--block-title {
    font-weight: 700;
}

/* header css */
.m-header.stuck .m-header__wrapper, .m-header__wrapper {
    box-shadow: none !important;
    top: 1rem !important;
}
header{    background-color: transparent !important;}

/* .m-header__container.container-fluid .m-header__inner{
    backdrop-filter: blur(50px);
    border-radius: .75rem;
    padding: 0.1rem 1.5rem;
} */


.m-header__desktop{
    backdrop-filter: blur(50px);
    border-radius: .75rem;
    padding: 0.1rem 1.5rem;
  background-color: #ffffff91 !important;
}
.m-header__desktop {
    margin: 0 3rem;
}
.m-header__desktop.change-color {
    background-color: var(--white) !important;
    box-shadow: 0 1px 20px #00000008 !important;
   transition: background-color 0.5s ease;
}
.m-header__desktop.change-color .m-menu__link--main {  color: var(--black);    transition: opacity 0.5s ease;}

.m-header__desktop .m-menu__link--main {    
  transition: opacity 0.5s ease-out;color:#000
}


.m-header__desktop.change-color .m-button--white {
    color: rgba(var(--bg-white), 1);
    background-color: rgba(var(--text-black), 1);
transition: 0.3s ease;
}

header .m-svg-icon--medium {
    fill: #000;
    stroke: #000;
      color: #000;
}

/* header css */

.v-content-tab .m-collage-tab--content-inner{
    position: absolute;
    left: 0;
    top: 0;
    background-color: #00000040;
    padding: 2rem;
    height: 100%;
    border-radius: 1rem;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;    
  /* width: 20%; */
  align-content: flex-end;
    opacity: 0;
    width: 0;
    visibility: hidden;
    transition: .5s;
    display: block;
}

.v-content-tab .m-collage-tab--image {
    position: relative;
}

.v-content-tab .m-collage-tab--image:hover .m-collage-tab--content-inner {
    width: 30%;
    left: 0;
    opacity: 1;
    visibility: visible;
}


.v-content-tab .m-collage-tab--content-inner .row
{
    flex-direction: column;
    gap: 2rem;    margin-bottom: 0.5rem;

}
.v-content-tab .m-collage-tab--content-inner h4, .v-content-tab .m-collage-tab--content-inner p {
    display: block;
    color: #fff;       width: 0;
  transform: translate(0%,0%);
    white-space: nowrap;
    transition-duration: 0.3s;
}

.whynot-slider .test-item img {
       border-radius: 1rem;
    border: 1px solid #f3f3f3;
  background-color:#f8fafb;
}
.m-main-product--info .m-button {
transition: var(--m-duration-default, .25s) all;
}

.ion-section.walk-sec .gallery-tabs .m-section__header {
    justify-content: center;
    gap: 12px;}

.m-collapsible[open=true] .m-collapsible--button, .collapsible[open=true] .m-collapsible--button {
    border-bottom-color: 1px solid rgb(var(--color-border));
}
.m-collapsible-section .m-collapsible--content__inner {
    padding-bottom: 20px;
}
   .m-main-product--info .tech-specs  th {
        width: auto !important;
    }
  .m-main-product--info .tech-specs .header-table{
    justify-content: space-between;
      padding-bottom: 1.5rem;
    border-bottom: 1px solid rgb(var(--color-border));
        padding: 15px 30px 15px 0 !important;
  }
    .header-table h6 {    color: #000;}
  .m-main-product--info .tech-specs td {
    padding: 1rem;
    font-size: 1rem;
    border: 0 !important;
}

.dont-sec{
   border: 1px solid #ddd;    padding: 0;
}
.dont-sec .m\:column{
    padding: 1.5rem;
}
.dont-sec .bdr-right{   
  border-right: 1px solid #ddd;}
.dont-sec ul li{margin-bottom:1rem}
.pro-call6 .clickable-box a:after {
  position: unset;
}
.pro-call6 .circle-icon {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.pro-call6 a {   pointer-events: none;}

/* single battery drone product 6 col section image change and text using css  */
[data-product-id="7468141215849"]  .pro-call6 .flying-box .col-img img{
    content: url('/cdn/shop/files/single-battery-not.jpg?v=1739018848') !important;
}
[data-product-id="7468141215849"]  .pro-call6 .flying-box h4::before {
    content: "20mins Fly Time with Single Battery"; /* Replace text */
      font-size: 2rem !important;    text-align: center;
}
[data-product-id="7519854362729"]  .pro-call6 .flying-box h4::before {
    content: "60mins Fly Time With Triple Battery"; /* Replace text */
      font-size: 2rem !important;    text-align: center;
}
[data-product-id="7468141215849"]  .pro-call6 .flying-box h4, [data-product-id="7519854362729"]  .pro-call6 .flying-box h4 {
    visibility: hidden; /* Hide original text */
    position: relative;    font-size: 0 !important;
}
[data-product-id="7468141215849"]  .pro-call6 .flying-box h4::before, [data-product-id="7519854362729"]  .pro-call6 .flying-box h4::before {
    visibility: visible;
}
/* single battery drone product 6 col section image change and text using css  */



.inbox-img  .m-custom-content__block-image{
    background-color: #F3F3F3;
    margin: auto;
    padding: 3rem !important;
    padding-bottom: 6rem !important;
    border-radius: 1rem;
}
.inbox-img [style*='--aspect-ratio']:before{padding-top:0 !important; }
.inbox-img [style*='--aspect-ratio'] > *:first-child{position:unset !important}

.smart-sli .m-image-comparison__button::after, .smart-sli .m-image-comparison__button::before {
  background-color: #000;
}

.smart-sli .m-image-comparison__button span {
  background-color:  #000;
  color: #fff;
}

.m-product-recommendations .m-product-card__name {
  -webkit-line-clamp: 1;
}

#checkout-pay-button {
  background-color: black;
}

/* nabhyan css */


  .nbh-meet {
    background-color:#f5f5f5;
    padding: 5rem 0;
}

.drone-grid .m-custom-content__wrapper {    justify-content: center;}


.drone-grid .m-custom-content__block-image:hover {
    transform: scale(1.05) !important;
    transition: 0.5s;
}
.intro-3-col .nbh-bg1 .style__card-content, .intro-3-col .nbh-bg2 .style__card-content, .intro-3-col .nbh-bg4 .style__card-content {
    position: absolute;
    bottom: 7%;
    left: 0;
    text-align: left;
}

.intro-3-col .nbh-bg3 .style__card-content h4, .intro-3-col .nbh-bg5 .style__card-content h4{
    padding-top: 2rem;
}

  .nbh-grid .style__card-content h4 {
    font-size: 1.7rem !important;
  }
  
  .nbh-bg1{
    width: 100%;
    height: 100%;
    background: #000 url(/cdn/shop/files/dual-camera.jpg?v=1747391541) no-repeat center center;
    border-radius: 0.75rem;    background-size: cover !important;
  }
    .nbh-bg2{
    width: 100%;
    height: 100%;
    background: #000 url(/cdn/shop/files/brushless-motors.jpg?v=1747391541) no-repeat center center;
    border-radius: 0.75rem;    background-size: cover !important;
  }
    .nbh-bg3{
    width: 100%;
    height: 100%;
    background: #000 url(/cdn/shop/files/flight-time.jpg?v=1747389797) no-repeat center center;
    border-radius: 0.75rem;    background-size: cover !important;
  }
    .nbh-bg4{
    width: 100%;
    height: 100%;
    background: #000 url(/cdn/shop/files/precise-position-locking.jpg?v=1747391542) no-repeat center center;
    border-radius: 0.75rem;    background-size: cover !important;
  }
    .nbh-bg5{
    width: 100%;
    height: 100%;
    background: #000 url(/cdn/shop/files/app-control-support.jpg?v=1747391726) no-repeat center center;
    border-radius: 0.75rem;    background-size: cover !important;
  }
/*  .subpage-banner .swiper-slide,   .subpage-banner .swiper-wrapper{
    pointer-events: none;
    transition-property: none;
    transform: none !important;
    opacity: 1 !important;
}
 .subpage-banner .swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: none;
    transform: none !important;
    opacity: 1 !important;
    width: 100% !important;
}*/
.subpage-banner  .m-slide__subtitle, .subpage-banner .m-slide__title, .subpage-banner .m-slide__description, .subpage-banner .m-slide__button, .subpage-banner .m-slide__content {
    opacity: 1 !important;
    visibility: visible !important;
} 
  .nbh-slider .swiper-wrapper,   .subpage-banner .swiper-wrapper{    
    pointer-events: none; 
    transition-property: none;   
    opacity: 1 !important; transform: none !important;
    width: 100% !important;
        transition-duration: 0s !important;
}
.subpage-banner .swiper-container-fade .swiper-slide,   .nbh-slider .swiper-container-fade .swiper-slide {
    opacity: 1 !important;
}
.nbh-slider  .m-slide__subtitle, .nbh-slider .m-slide__title, .nbh-slider .m-slide__description, .nbh-slider .m-slide__button, 
.nbh-slider .m-slide__content {
    opacity: 1 !important;
    visibility: visible !important;
}
.nbh-testi .test-item {
    padding: 1rem;
    background-color: #f5f5f5;
    border-radius: 1rem;
}
 .nbh-w-img responsive-image {
    border-radius: 1rem;
}
.bulk-form .m-contact-form__main{
  border:1px solid #000; border-radius:1.2rem ; padding:1.5rem
}

.nbh-slider, .subpage-banner {
    --m-duration-short: 0s;
    --m-duration-default: 0s;
    --m-duration-long: 0s;
    --m-duration-image: 0s;
    --m-duration-animate: 0s;
    --m-animation-duration: 0s;
    --m-animation-fade-in-up: none;
    --m-animation-fade-in-left: none;
    --m-animation-fade-in-right: none;
    --m-animation-fade-in-left-rtl: none;
    --m-animation-fade-in-right-rtl: none;
    --m-animation-fade-in: none;
    --m-animation-zoom-fade: none;    --data-autoplay-speed: 0s !important;
}


    .nbh-mass .m-section__header {
        display: none;
    }

/* .drone-grid {
    margin-top: 1.5rem;
} */
.nbh-app .right-imgs-sec ul img {
    border-radius: 10px;
}
.drone-banner .m-slide__bg img {
    border-radius: 1rem;
}
.float-video-left {
    position: fixed;
    bottom: 18%;
    right: 20px;
    z-index: 99;
    width: 200px;
    height: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    overflow: hidden;
}
.head-flex .m-video__wrapper {
    border-radius: 10px;
}
.m-menu__item--dropdown .m-mega-menu {
    border-radius: 10px;
}
 .useful-sec .m-mixed-layout__inner {
    justify-content: center;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 70%;
    margin: auto;    gap: 1rem;
}
.m-register-button {
    display: none;
    opacity: 0;
}

/* .m-main-product--info  .main-product__block.main-product__block-image{margin-top:-1.5rem} */

/* nabhyan pro 2.0 */
 .nbh2-bg1{
    background: #000 url(/cdn/shop/files/1080p-5G-camera.jpg?v=1753164288) no-repeat center center;
  }
   .nbh2-bg2{
    background: #000 url(/cdn/shop/files/brushless-motors_9c49e707-c709-45f9-81ed-7214272db938.jpg?v=1753164634) no-repeat center center;
  }
  .nbh2-bg3{
    background: #000 url(/cdn/shop/files/remote-controller-with-screen.jpg?v=1753164635) no-repeat center center;
  }
    .nbh2-bg4{
    background: #000 url(/cdn/shop/files/precise-position-locking_430861cf-231e-4d38-8d8a-c063e405854f.jpg?v=1753164635) no-repeat center center;
  }
    .nbh2-bg5{
    background: #000 url(/cdn/shop/files/flight-time_a0054060-3352-42ef-83ef-8928c818eb9f.jpg?v=1753164635) no-repeat center center;
  }

.nbh2-bg1 .style__card-content , .nbh2-bg4  .style__card-content {
    bottom: unset !important;
    text-align: center !important;
}
.nbh2-bg5 .style__card-content{
    position: absolute;
    bottom: 7%;
    left: 0;
    text-align: left;
}

       
    /* .nbh2-bg6{
    width: 100%;
    height: 100%;
    background: #000 url(/cdn/shop/files/app-control-support.jpg?v=1747391726) no-repeat center center;
    border-radius: 0.75rem;    
      background-size: cover !important;
  } */
  
    /* mobile responsive */    


      @media (max-width: 767px) {
  .sm-px-0{padding-left:0rem;padding-right:0rem; }
        .sm-px-1{padding-left:1rem;padding-right:1rem; }
        .sm-pt-3{padding-top: 1rem !important;}
        .sm-py-3{padding-top: 2rem !important; padding-bottom: 2rem !important}
 .sm-pb-1{
    padding-bottom: 1rem !important;
}
        .sm-w-100{width:100% !important}
        
        h2, .h2 {  font-size: 2rem !important;}
        
      .quality-sec  .gap-5 {
          gap: 1rem !important;
      }
        .quality-sec h4 {
            font-size: 2rem !important;
        }
        
        .w-60 {
            width: 100% !important;
        }
        
        .w-70 {
    width: 100% !important;
}
        .py-6 {
            padding-top: 2rem !important;
            padding-bottom: 2rem !important;
      }        
         .slider-video .m-hero--content-stack .m-hero__inner {
              position: absolute !important;
              top: 30%;
          }

              .slider-video .m-slide__content {
                    position: absolute;
         top: 15% !important;
    height: 65% !important;
       }
         .slider-video  .m-slide__title{color:#fff !important;
                                        font-size: 1.2rem !important;
                                       }
        
          .slider-video .m-hero.m-hero--adapt .m-hero__bg {
            padding-block-end: 60vh  !important;
        }
        .slider-video  .m-slider--content-stack .m-slide__wrapper {
        position: unset;
        padding: 0;
    }
        .slider-video   .m-slide__media:before {
          padding-top: 150%;}
        

     .intro-3-col  .style__card {
           min-height: 350px !important;}

       .intro-3-col .bg2,  .intro-3-col .bg3 {
          height: max-content;
      }
      .quality-slider  .container-fluid.pb-5 {
            padding: 0;
            padding-bottom: 2rem !important;
        }

  .stabil-section .w-60 {
        width: 90% !important;
    }
   .stabil-section  .row {    --bs-gutter-y: 1rem;}
    .sm-d-none{display:none !important;}

     .gallery-tabs .m-tab-header {
    font-size: 1rem;
    padding: .5rem 1rem !important;}
    
    .gallery-tabs .m-section__header {
    margin-top: 20px;       
      overflow: scroll;
        justify-content: flex-start !important;      
      gap: 0.8rem;
      }
      .gallery-tabs .m-tab-content__wrapper {
          width: 100%;
      }

.capture-img responsive-image.m-image-loaded {
    width: 70%;
}
        
.capture-section .list-sec {
    padding: 1rem !important;
}

.gps-list .col-md-2 {
    width: 50%;
}
.gps-list .row{
    justify-content: center;
}
  .content-tabs .m-collage-tab--content {
   position: unset;
        padding: 0;
        padding-top: 1rem;}

.gallery-tabs.content-tabs {
    padding-bottom: 1rem;       
}
.notapp-section .m-custom-content__block.gps-list {
    padding-right: 0;    padding-bottom: 0 !important;
}
.notapp-section .m\:column.m-richtext {
    margin-top: 2rem;        margin-bottom: 2rem;
}

.remote-section .row, .capture-section .row {    --bs-gutter-y: 1.5rem;}
.remote-section .row p.mt-3{    margin-top: 0.3rem !important;}
.remote-section .numb {
    top: 0;
    width: 100%;
    left: 0;
   }

        
/* header .m-logo {   justify-content: end !important;} */

        .num-img-section .numb{
      width: 80%;
       left: calc(50% - 80%/2);   
      }
        
   .quality-sec img.drone-img {
        width: 75%;
        padding-top: 3rem;}

.customer-item {
   display: grid;}
        
.customer-item ul img {
    width: 50px !important;
}

.customer-item h5 {
    font-size: 1.1rem;
}
div.reviews img {
    height: 15px !important;
}
.customer-item p {
    font-size: 0.9rem !important;
    line-height: normal !important;
}
.fly-section .numb {
    top: 2%;
    width: 100%;
    left: 0;
}

.fly-section .img1 responsive-image,  .remote-section .img2  responsive-image{   width: 50%;}  
.gallery-tabs-sec .m-tab-header {
    padding: 0.5rem 1rem;
    font-size: 1rem;}
.fly-section .m-custom-content__block-image {
    padding-bottom: 0 !important;}
.ion-section .m-custom-content__container {
    padding-left: 0;
    padding-right: 0;
}
     .useful-sec .m-icon-box--vertical .m-icon-box__content {
    width: 100%;}   
.remote-section .img2{    text-align: center;}

 .fly-section responsive-image img{position:unset !important}

.fly-section .m-custom-content__container {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.gallery-tabs-sec .m-tab-header {
    padding: 0.5rem 1rem;
    font-size: 1rem;}      

.gallery-tabs-sec .m-collage-tab--image {
    width: 100%;
}
.container-fluid.gallery-tabs-sec {
    padding: 1rem;}

 .footer-top .m-hero--content-stack {
    margin-bottom: 0;
}  
 .footer-top .m-hero--content-stack .m-hero__inner {
       padding-top: 0;}

    .feature-slider .m-slider-controls--absolute .m-slider-controls__button {
        position: absolute;
        top: 20%;}
        
      /* .feature-slider   .container-fluid.m-section-my.m-section-py {
    padding-bottom: 0;}    */

.feature-slider   .m-slider-controls {        margin-top: 0;    }
.new-height-sec .video-container.zoom-image {
    margin-bottom: 0 !important;
}
 .style__card-content h4 {
    margin: 0 1rem;
    padding: 1.5rem 0 0;
    font-size: 1.5rem !important;
}
.max-sec.pb-0 {
    padding-bottom: 0 !important;
}

.new-height-sec .video-container {
    margin: 20px auto;
    margin-bottom: 0;}

.slider-video .m-hero__inner.m-hero__inner--middle-center.container-fluid, .slider-video .m-slide__content {
    height: 80%;    align-self: center;  
}
     .m-footer--bottom.m-footer--bottom-footer-1{  padding: 0;}   
 .m-footer--block {  padding-bottom: 20px;}

   .slider-video   a.m-button.m-button--white.m-button--large, .video-btns a {
    padding: 7px 15px !important;
    font-size: 1rem;
    line-height: normal;
}

.dont-sec .bdr-right { border-bottom: 1px solid #ddd;}
     .dont-sec .m\:column {   padding: 1rem;}   

        .pro-img .m-custom-content__container{  padding: 0;}

        .inbox-img  .m-custom-content__block-image{
            padding: 0.5rem !important;
            padding-bottom: 2rem !important;}

        .inbox-img .m-section-my{  padding-top: 0rem !important;}


[data-product-id="7468141215849"]  .pro-call6 .flying-box h4::before {
      font-size: 1.5rem !important;  
}

.template-collection .m-product-card .m-product-card__name {
    -webkit-line-clamp: 2;
    height: 42px;
}
   .fly-free-banner .m-parallax__wrapper img {
    object-fit: cover !important;
}     
        #whatsAppWidgetIcon img#waWidgetIcon, #whatsAppWidgetIcon {
    width: 50px  !important;
    height: 50px  !important;
}
.thank-card .m-icon-box .m-icon-box__heading {
  font-size: 2rem;
}
.nbh-w-img responsive-image{    width: 100% !important;  }
.lock-sec {padding-right: 15px;  padding-left: 15px}        
       .brush-sec.quality-sec .m-parallax *:is(img,svg) {
        object-position: 70% 60%;
      }     
div.brush-sec.quality-sec h4 {
    font-size: 1.55rem !important;
}
.nbh-testi .m-section-my{
    padding-bottom: 0;
}
.lock-sec .container-full {    padding-bottom: 0;}
.nbh-mass .m-section__header { display: none;}     
.nbh-mass .m-custom-content__block-text {  padding-top: 0 !important;}
.nbh-app .right-imgs-sec .mb-img {  margin-left: 0 !important;    }
   .nbh-slider .m-slide__wrapper {         padding-top: 0 !important;   }
    .nbh-slider .m-slide__title, .drone-banner .m-slide__title {
        font-size: 2rem !important;
    } 

 .nbh-testi .swiper-pagination .swiper-pagination-bullet:before,  .nbh-testi .swiper-pagination .swiper-pagination-bullet:after {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
.lock-sec .m-image-card__img{   
  --aspect-ratio-mobile: 1.3 !important;
}   
      .lock-sec  .m-image-card__content {
        width: 65%;
        margin: auto;
        padding-top: 7rem;
    }
.drone-grid  .m-custom-content__block-image { 
  width: 25% !important;
}   
.drone-banner .m-slide__media {
    height: 600px  !important;
}
    .drone-banner.slider-video .m-slide__content {
         bottom: 10% !important;
        height: auto !important;      
      top: unset !important;
      height: 85% !important;
    }
    .drone-banner .m-slide__button {     flex-direction: column;}   
.brush-sec .m-custom-content__container {
    padding-top: 80px  !important;
    padding-bottom: 80px  !important;
}
.float-video-left {
    bottom: 22%;
    right: 20px;
    width: 150px;  
}
    .head-flex  h2 {font-size: 1.1rem !important; }
        
  .head-flex  .m-section__subheading, .m-richtext__subtitle {
    font-size: 1rem;
  }    
.head-flex .m-section__header{
        flex-direction: row-reverse;
        display: flex;
        gap: 1rem;
        justify-content: space-between;
          margin-bottom: 0rem;
}
    .nbh-slider .m-slide__content {
           height: 72% !important;
    }
        
  .nbh-slider h4 {
    margin-bottom: 0rem !important; 
    line-height: 1;
}
header .m-menu-drawer__content {
   overflow-y: hidden;
}
.m-menu-drawer.open {
    height: 100vh;
    overflow: hidden;
}
.video-btns .gap2 {
    gap: 1rem !important;
}
 .team-slider  .swiper-button-prev {
    left: -1rem !important;
}
.team-slider  .swiper-button-next {
    right: -1rem !important;
} 
.team-slider .m-testimonials__tabs {
    width: 50% !important;
}
.team-slider .m-testimonials__inner {
    row-gap: 20px !important;
    padding: 1rem !important;
}

.big-head  .m-richtext__title {
    font-size: 3rem !important;
}

.down-btn .m-richtext__button{
    flex-wrap: nowrap;
    padding-bottom: 0 !important;
}
 .down-btn .m-richtext__button {
    gap: 0.3rem !important;
}
.down-btn .m-button {
    padding: 0.3rem 1rem;
    white-space: nowrap;
    font-size: 0.9rem;
}       
#myInput{
    background-position: 5% !important;
}
.nbh2-slider .m-slide__content {
    height: 35% !important;
}
.nbh2-slider  .m-slide__button {
    display: flex;
    flex-direction: column-reverse;
}
.nbh2-slider .m-button--white {
    background: rgba(var(--bg-white), 1) !important;
    color: rgba(var(--text-black), 1) !important;
    border: 0;
}


.m-header__mobile-right  .m-button--white {
    background: #4EE2E2 !important;
    padding: 0.4rem 1rem;
    font-size: 1rem;
    line-height: 1.3rem;
}

.m-header__mobile-right  .m-button--white:hover{
    background: #000 !important;
}
.m-header__mobile-right {
    align-items: center;
    width:auto;
    gap:0.5rem !important;
}
        
        
        
      }
      
  
  @media (min-width: 768px) {

    .m-menu__item:hover>a:after{
        width: calc(100% - 14px) !important;
    }
    .m-menu__link--main:after{
        left:7px !important;
    }

    .m-header__desktop .m-menu__link--main {    
          font-size: 12px !important;
        padding-left: 10px;
        padding-right: 10px;
}
    
      .intro-3-col .col-md-6 {
        flex: 0 0 auto;
        width: 40%;
    }

      .intro-3-col .col-md-3 {
        flex: 0 0 auto;
        width: 30%;
      }

    .slider-video .h2{font-size:3rem}
     .m-collage-tabs__header {
        gap: 20px;
    }

    .gallery-tabs .m-tab-header {
    font-size: 1.1rem;
    padding: .7rem 1.5rem;}
    
  .float-section-left{visibility:hidden;display:none}

    .thank-card .m-mixed-layout__wrapper  .md\:m\:grid-2-cols {
        grid-template-columns: repeat(3, minmax(0, 1fr))!important;
    }
      .demo-video .m-custom-content__wrapper .m-custom-content__block-video {
          width: 50%;
      }

   .main-p-list .m-product-card .m-product-card__name {
    min-height: 42px;}

.nbh-testi .m-slider-controls__button {
    display: none !important;}

    .mobile-show{        display: none !important; visibility:hidden}




  }

    
 /* responsive css */
@media screen and (min-width: 1280px) {
     .web-slider .m-mixed-layout .m-slider-controls {
        padding: 0 var(--fluid-container-offset, 60px);
      width: 100%;
    margin: 0 auto;        --fluid-container-width: 1200px;
    max-width: calc(var(--fluid-container-width, 1620px) + var(--fluid-container-offset)* 2);
    }
  .gps-img2{ margin-top: -5rem;
    z-index: 0;}
  
  .list-sec.gps-list {  z-index: 1;}

.head-flex  .m-section__header {
    display: flex;
    gap: 2rem;
    justify-content: space-between;    
  flex-direction: row-reverse;margin-bottom: 1rem;
}

.head-flex h2 {
    font-size: 2rem;
    line-height: normal;
}


}


@media (min-width: 768px) and (max-width: 992px) {
.w-60 {
    width: 80% !important;
}
  .w-75 {
    width: 95% !important;
}
.w-70 {
    width: 80% !important;
}
  .py-6 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
      h2, .h2 {
        font-size: 2rem !important;
    }
  
header .m-logo {   justify-content: center !important;}

  .content-first {
    padding-top: 1.6rem !important;
}
  img.mb-img {
    padding-left: 10rem !important;
}
  .notdrone-sec responsive-image.m-image.m-image-loaded {
    width: 70%;
}
.notdrone-sec .m-custom-content__block-inner {
    text-align: center;
}
  
 .style__card-content h4 {
    margin: 0 1rem !important;
    padding: 1.5rem 0 0 !important;
    font-size: 1.2rem !important;
}
     .intro-3-col  .style__card {  min-height: 300px !important;}

.circle-icon {  padding: .5rem;}
  
.intro-3-col .bg2 .style__card , .intro-3-col .bg3 .style__card {
        min-height: 100% !important;
    }
.gallery-tabs .m-section__header {
        margin-top: 20px;
        overflow: scroll;
        gap: .8rem;overflow: scroll;
        /* justify-content: flex-start; */
    }
    .gallery-tabs .m-tab-header {
       font-size: 0.9rem;
        padding: 0.2rem 1rem !important;
    }
      .num-img-section .numb{
      width: 60%;
       left: calc(50% - 60%/2);   
      }
  .quality-sec img.drone-img {
    width: 55%;}

    .fly-section .img1 responsive-image, .remote-section .img2 responsive-image {
        width: 50%;
    }
      .fly-section .img1 responsive-image {
        width: 100% !important;
    }
  .fly-section .img1 {
    width: 40% !important;
}
  
.customer-item h5 {
    font-size: 1.1rem;
}
div.reviews img {
    height: 15px !important;
}
.customer-item p {
    font-size: 0.9rem !important;
    line-height: normal !important;
}
.remote-section .img2{ text-align: center;}
.web-slider .m-mixed-layout .m-slider-controls {
    width: 90%;
    margin: auto;
}
  .gallery-tabs.content-tabs {
    padding-bottom: 0;
}

  .content-tabs .m-collage-tab--content {
           position: unset;
        padding: 0;
        padding-top: 1.5rem;
        min-height: auto;}

.ion-section  .m-custom-content__block-text{    padding-bottom: 1rem !important;}
  .useful-sec .m-icon-box--vertical .m-icon-box__content {
    width: 100%;
}

 .feature-slider .m-icon-box .m-button {
    margin-top: 12px;
    font-size: 0.9rem;
}
 .feature-slider .m-slider-controls__button {
    width: 30px;
    height: 30px;}

  .feature-slider .swiper-slide-prev,  .feature-slider .swiper-slide-next {
    opacity: 1;
}

.useful-sec responsive-image.m-image-loaded img, .notdronesec responsive-image.m-image-loaded img {
    height: 30px !important;}

  .notapp-section .m-custom-content__block.gps-list {
    padding-right: 0;
}

.tab1 .gallery-tabs .m-section__header {
    justify-content: center !important;}

  .capture-section  .list-sec, .remote-section .row, .fly-section .row {
    width: 90%;
    margin: auto;
}
  .fly-section {padding-bottom: 0 !important;}
  
.fly-section  .m-custom-content__block-html {
    padding-top: 0 !important;
}

/* .fly-section .row p.mt-3, .capture-section .row p {
    line-height: normal !important;
}
 */
.right-imgs-sec img {
    margin: auto;
}
 .notapp-section .m-custom-content__block-inner {
text-align:center
}
 .right-imgs-sec ul {
    justify-content: center;
}
.ion-section.walk-sec .gallery-tabs .m-section__header {
    justify-content: left;
}
  [data-product-id="7468141215849"]  .pro-call6 .flying-box h4::before {
      font-size: 1.2rem !important;  
}
.p-list .md\:m\:grid-1-cols {
grid-template-columns: repeat(2, minmax(0, 1fr));
    }

.nbh-meet {
    padding-bottom: 2rem;
}  

.brush-sec .row{
    width: 70%;
}
div.brush-sec.quality-sec h4 {
    font-size: 1.6rem !important;
}
 .nbh-mass .m-custom-content__block-html .pt-5 {
    padding-top: 0rem !important;
}
 .nbh-mass .m-custom-content__block-text {
    padding-top: 0 !important;
}
   .nbh-app   img.mb-img {
        padding-left: 0 !important;
    }
 .nbh-app .row {
    justify-content: center;
}
    .drone-grid .m-custom-content__block-image {
        width: 13% !important;
    }

.m-header__mobile.header-drawer-open {
        background: white !important;
    }

 .m-header__mobile {
        background: #ffffff91 !important;
           border-radius: 0  !important;
        width: 100%  !important;
    }

    .m-menu-drawer.open {
        height: 100vh;
        overflow: hidden;
    }
  .m-menu-drawer.open .m-menu-drawer__wrapper {
    width: 100 !important;
}
  .m-header.stuck .m-header__wrapper, .m-header__wrapper {
    top: 0rem !important;
}
header .m-menu-customer__wrapper {
    padding-bottom: 3rem;
}
.team-slider .m-testimonials__description {
    font-size: 1.5rem;
}
.team-slider .m-testimonials__footer h5 {
    font-size: 1.3rem !important;
}
  
.team-slider  .swiper-button-prev {
    left: -2.2rem !important;
}
.team-slider  .swiper-button-next {
    right: -2.2rem !important;
}
.big-head  .m-richtext__title {
    font-size: 6rem !important;
}
.nbh2-slider .m-slide__media::before{
    padding-top: 50vh;
}

  
  
  
}

/* ipad pro */

@media (min-width: 993px) and (max-width: 1030px) {
.w-60 {
    width: 80% !important;
}
  .w-75 {
    width: 90% !important;
}
  .py-6 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}
      h2, .h2 {
        font-size: 2.2rem !important;
    }

.tab1 .gallery-tabs .m-section__header {
    justify-content: center !important;}

 .style__card-content h4 {
    margin: 0 1rem !important;
    padding: 1.5rem 0 0 !important;
    font-size: 1.2rem !important;
}
     .intro-3-col  .style__card {  min-height: 350px !important;}

.circle-icon {  padding: .5rem;}
  
.intro-3-col .bg2 .style__card , .intro-3-col .bg3 .style__card {
        min-height: 100% !important;
    }
.capture-section .list-sec {
    width: 70%;
}
  .content-tabs .m-collage-tab--content {
  position: unset;        
    padding-top: 2rem !important;
  }

    .gallery-tabs .m-tab-header {
        font-size: 1rem;
        padding: .3rem 1.2rem !important;
    }
.notapp-section .m-custom-content__wrapper.m\:flex.m\:flex-wrap {
    flex-wrap: nowrap;
}
.notapp-section .m-custom-content__block.gps-list {
    padding-right: 3rem;
}
  .notapp-section .row p {
    width: 100%;}

.better-sec  {
    padding-top: 5rem !important;
}
  .gallery-tabs.content-tabs {
    padding-bottom: 0rem;
}
.remote-section .m-custom-content__block-html, .fly-section  .m-custom-content__block-html  {
    width: 70%;
}

    .feature-slider .swiper-slide-prev,  .feature-slider .swiper-slide-next {
    opacity: 1;
}

  .test-item h4 {
    font-size: 1.5rem;
}
      .customer-item h5 {
        font-size: 1.2rem;
    }

  .slider-video  .m-slide__wrapper {
        padding-top: 80px;
        padding-bottom: 80px;
    }


      .slider-video .m-hero__inner.m-hero__inner--middle-center.container-fluid, .slider-video .m-slide__content {
        height: 80%;
        align-self: center;
    }
  
    [data-product-id="7468141215849"]  .pro-call6 .flying-box h4::before {
      font-size: 1.2rem !important;  
}

.live-btn {
    padding-left: 10px;
    padding-right: 10px;
}
  .m-header__desktop {
    margin: 0 2rem;
}
.bulk-form .m-contact-form__info {
    flex-wrap: nowrap !important;
    display: block !important;
}

.bulk-form .m-info-box {
    width: 100% !important;
}
.team-slider  .swiper-button-prev {
    left: -1rem !important;
}
.team-slider  .swiper-button-next {
  right: -1rem !important;
}
.team-slider .m-testimonials__description {
    font-size: 1.7rem;
}
.team-slider .m-testimonials__footer h5 {
    font-size: 1.4rem !important;
}
.big-head  .m-richtext__title {
        font-size: 6rem !important;
    }
.nbh2-slider .m-slide__media::before{
        padding-top: 65vh;
}
.nbh2-slider .m-slide__content {
        height: 80% !important;
    }


  
  
}

@media (min-width: 1025px){
header ul.m-menu {  gap: 0.5rem;}
    .online-banner  .container{padding: 0;}
}

@media (min-width: 1025px) and (max-width: 1190px) {
  .slider-video  .m-slide__wrapper {
        padding-top: 80px;
        padding-bottom: 80px;
    }
.live-btn {
    padding-left: 10px;
    padding-right: 10px;
}
}
/* below ipad pro */

@media (max-width: 1024px) {
    header .m-logo {
        padding-right: 0;
    }  
.m-header__mobile{
    backdrop-filter: blur(50px);
    border-radius: .75rem;
        padding: 0rem 1rem;
   width: 93%;        margin: auto !important;
}

.m-header__mobile.change-color {
    background-color: var(--white) !important;
    box-shadow: 0 1px 20px #00000008 !important;
   transition: background-color 0.5s ease;
}
.m-header__mobile.change-color .m-menu__link--main {  color: var(--black);    transition: opacity 0.5s ease;}

.m-header__mobile .m-menu__link--main {    transition: opacity 0.5s ease-out;}


.m-header__mobile.change-color .m-button--white {
    color: rgba(var(--bg-white), 1);
    background-color: rgba(var(--text-black), 1);
transition: 0.3s ease;
}
 /* .m-menu-mobile li:last-child a,  */
.m-menu-mobile li:nth-child(10) a  
  {
    background: #4EE2E2 !important;
    padding-left: 30px;
    padding-right: 30px;
    padding: 7px 20px;
    width: auto;
    display: none !important; visibility:hidden;
    flex: unset;
    border-radius: 3rem;
    margin-left: 1rem;
      margin-bottom: 1rem;
}
.m-menu-customer__label {
    display: none !important; 
    opacity: 0; visibility:hidden;
}
   .m-menu-mobile li:last-child a:hover,  .m-menu-mobile li:nth-child(5) a:hover{
    background: #000 !important;color:#fff !important}

}

/*********** Animation Images ************/
/*

 responsive-image img {
    opacity: 1 !important;    backface-visibility: visible;
}

responsive-image.m-image-loaded img, responsive-image.m-image-loaded {
    animation: none !important;    --m-duration-image: 0s;
    --m-duration-animate: 0s;
}
.m-custom-content__container{    --m-animation-fade-in: none;}


@media (prefers-reduced-motion: no-preference) {
    .m-scroll-trigger:not(.m-scroll-trigger--offscreen).animate--fade-in, .m-scroll-trigger.animate--fade-in {
        opacity: 1 !important;
        animation: none  !important;
    }
}
*/
/* section css */
/*** Scrollbar ***/

::-webkit-scrollbar {
  width: 7.5px;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
}
::-webkit-scrollbar-thumb {
  background: #ccc;
  border: 1px solid #eee;
  height: 100px;
  border-radius: 5px;
}

::-webkit-scrollbar-track {
  background: #ededed;
  border: 0;
}
/*hemisha product template  */


/* .main-product__block + .main-product__block {
  margin-top: 0px !important;
} */
.m-main-product--info .m-collapsible--button {
  font-size: 1rem !important;
  font-weight: 600;
  padding: 15px 30px 15px 0 !important;
}
.m-main-product--info .main-product__block .m-product-meta li:first-child {
  margin-top: 25px !important;
  margin-bottom: 15px !important;
}
.m-main-product--info .main-product__block .m-product-meta--label {
  min-width: 0px !important;
  margin-right: 15px !important;
}

.video-img-section .m-richtext__title.m-image-card__heading {
  font-size: 1.7rem !important;
  line-height: 0 !important;
}

@media (min-width: 1024px) {
  .video-img-section .lg\:m\:w-8\/12 {
    width: 58.5% !important;
  }
  .video-img-section .lg\:m\:w-1\/3 {
    width: 41.5% !important;
  }

  .tech-specs th{
    width: 33%;
  }

.gallery-tabs .m-tab-content__wrapper {
    width: 85%;
    margin: auto;
}

  .m-header .m-header__menu li:last-child {
    visibility: hidden;display:none;
} 
   .m-header .m-header__menu .m-sub-menu--level-1 li:last-child {
    visibility: visible ;display:block;
}



  
}


@media (min-width: 900px) and (max-width: 1060px) {
    header .m-logo {   justify-content: end; }
}

@media screen and (max-width: 767px) {
  .video-img-section .m-mixed-layout--mobile-scroll .m-mixed-layout__inner > * {
    width: fit-content !important;
  }
  .video-img-section .m-richtext__title{
        color: #ffffff !important;
    }
  .video-img-section .m-richtext {
    padding-bottom: 1rem !important;
    font-size: 1.2rem !important;
}
  .video-img-section m-video-component.m\:block {
    height: 250px !important;;
}
/* header-mb */
  .m-menu-drawer__content {
    justify-content: flex-start !important;
}
.m-menu-customer {
    margin-top: 0px !important;
}
  /* header-mb */

.right-imgs-sec .mb-img {
    margin-left: 2rem !important;
    margin-top: -2rem !important;
}

   .fly-section .img1 responsive-image{
     width: -webkit-fill-available !important;
     margin-left: -1rem !important;
     margin-top: -1rem !important;
      }
.fly-section .m\:overflow-hidden {
    overflow: initial !important;
}
  .fly-section .img1 {
    width: 55% !important;        transform: none !important;
}
.m-menu-drawer.open .m-menu-drawer__wrapper {  
  width: 100%;
}
.m-header__mobile {  
  border-radius: 0;    
  width: 100%;
}
.m-header.stuck .m-header__wrapper, .m-header__wrapper {
    top: 0 !important;
}
  /* mobile account menu login */
/* .m-menu-customer {
       visibility: hidden;
    display: none;
    opacity: 0;
} */
.quality-sec  .m-custom-content__container {
 background-color: #0000004d;
}

 .quality-sec  .m\:h-full {
    height: 130%;}

  .quality-sec   .m-parallax *:is(img,svg) {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
    background-color: #000;
}
  .notdronesec .m-mixed-layout__inner{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.notdronesec .m-mixed-layout__inner .m\:column {
      width: 50%;
}


.v-content-tab .m-collage-tab--image:hover .m-collage-tab--content-inner {
    width: 60%;}

 .quality-sec {    border-bottom: 1px solid #767978;}
.web-slider .m-mixed-layout .m-slider-controls {   text-align: center !important;}
  
  .sign-pop .modal-dialog {width: 80% !important;  max-width: 90%;}

  .sign-pop .modal-content {  height: 600px;  overflow: scroll;}

  
}

.video-img-section .m-richtext__title.m-image-card__heading {
    line-height: 1 !important;
  }
}
.in-the-box .m-icon-box__icon {
  background: #f7f9fa;
}
.in-the-box .m-icon-box__heading {
  font-size: 1.2rem !important;
  font-weight: 600 !important;
}
.faq .m-collapsible + .m-collapsible {
  margin-top: 20px !important;
  display: block !important;
}
.faq .m-collapsible--content__inner {
  padding-bottom: 0 !important;
  color: rgb(var(--color-foreground-secondary)) !important;
}
.faq h3.m-collapsible--button {
  font-weight: 600 !important;
  font-size: 1.2rem !important;
}
/*hemisha product template  */


/*tech specs page  */
.specs-heading h2 {  
  
margin: 50px auto auto auto;
color: #3b3e40; 
padding-bottom: 12px;
 border-bottom: 1px solid #f0f1f2;
}

.tech-specs h3 {
    font-size: 24px;
    line-height: 32px;
    margin: 32px 0;
    font-weight: 600;
}
table {
    width: 100%;
    text-align: left;
}
.tech-specs th {
    
    font-size: 1rem;
    line-height: 24px;
  padding: 1.2rem;
     font-weight:600 !important;
}
.tech-specs td {
   padding: 1.2rem;
   font-size: 1rem;
}
.tech-specs tr:nth-child(odd) {
    background: #f8f9fb;
}

.tech-specs table:not([class]) {
    box-shadow: 0;
padding: 1.3rem;
border: none;
}


/** Hompage **/
.num-img-section{overflow-y:hidden}

/*** New Animation  Css ***/

.m-header__inner a:hover,
.m-footer--accordion a:hover,
.m-tab-header:hover,
.m-slider-controls__button:hover{
  box-shadow:0 0 0 0 !important;
  animation: Flicker .4s normal forwards;
  animation-timing-function: cubic-bezier(0.03,0.5,0.5,0.01);
}

a{
  transition: opacity .5s ease;
}

.m-button{
  transition: color .5s ease;
}

.m-button:hover{
  box-shadow:0 0 0 0 !important;
  animation: SecondaryButtonFlicker .7s normal forwards;
  animation-timing-function: cubic-bezier(0.03,0.5,0.5,0.01);
}

@keyframes Flicker {
    0% {
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    80%{
      opacity:0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes SecondaryButtonFlicker {
  0% {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--black);
  }

  10% {
    background-color: var(--black);
    border-color: var(--black);
    color: var(--white);
  }

  20% {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--black);
  }

  50% {
    background-color: var(--black);
    border-color: var(--black);
    color: var(--white);
  }

  60% {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--black);
  }

  100% {
    background-color: var(--black);
    border-color: var(--black);
    color: var(--white);
  }
}
.m-button--scroll-top{
  width:35px !important;
  height:35px !important;
}
.m-slider-controls__button{
  width:35px;
  height:35px;
  background:#FFF !important;
  color:#000 !important;
  border:1px solid #000 !important;
}

.template-page.download #MainContent {
    padding-bottom: 0px !important;
}
#2k-camera,#gps,#2-axis,#motion, #range, #fly-time, .stabil-section{scroll-margin-top:100px}


 .video-container-box {
      position: relative;
   
      margin: 0 auto;
      overflow: hidden;
    }

    .bgvideo {
     
      position: relative;
    }

    /* Loader styles */


    .d-content{    display: contents;}
    .ion-section .gallery-tabs .m-collage-tab--image, .ion-section .gallery-tabs img {
    border: 1px solid #f3f3f3;}

          .sign-pop .modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 110%;
    height: 110%;
  background-color: rgba(0, 0, 0, 0.5); 
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease, visibility 0.5s ease;

} 
 .sign-pop  .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 650px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin: auto;transition: opacity 1s ease, visibility 1s ease;
  }
  
  .sign-pop .modal-content {
    padding: 1rem;}

.sign-pop  .modal-header {
      margin-bottom: 0 !important;
    padding: 0;    text-align: right;
    border: 0 !important;
}
.live-form .m-contact-form__main{
      border: 1px solid #ddd;
    border-radius: 10px;   
  padding: 2rem !important;
}
 .sign-pop  .modal-header .close {padding: 0.5rem;
    background-color: black;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: white;
    margin: auto;
    font-size: 2rem;
    line-height: 1;}
  
.sign-pop div#myModal {
background-color: #000000b8;
    z-index: 99999;
}
.sign-pop  .modal-body {
    padding-top: 0;
}
.m-footer--bottom-inner{
    align-items: center;}
    
.m-footer--bottom-left{
text-align: center;
}



    @supports (-moz-appearance: none) {
      .content-tabs tabs-component.m-tabs-component { position: static !important;}
      .content-tabs .m-collage-tab--content {  bottom: 0% !important;}
      
    }

/* cart hide mobile */
/* .shopify-section-group-footer-group .m-mobile-sticky-bar, .m-menu-drawer .m-menu-customer{ 
  visibility: hidden;
  display: none;} */

    /* .useful-sec  .m-button {
  visibility: hidden;
  display: none;
} */
  
/*******GPS Section Homepage ************/

.gps-sec .m-color-dark{ background-color:#181818 !important}

/* Aditya 17/02 */
.download-app .qrs{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  padding:3rem;
  gap:1.5rem;
}
.download-app .qrs ul{
  justify-content:center;
}

.download-app .qrs ul li{
  padding:1rem;
  border:1px solid;
  border-radius:8px;
  overflow:hidden !important;
}

.download-app .qrs ul li .qr-code{
  max-width:220px !important;
  padding-top:1rem;
}

.download-app .qrs ul li a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.brush-sec .m-custom-content__container{
    padding-top: 150px;
    padding-bottom: 150px;
}
.brush-sec.quality-sec h4 {
    font-size: 1.9rem !important;
  }

#myInput{
    max-width: 700px;
    margin: auto;
    display: block;
    margin-top: 1rem;
    font-size: 1.1rem;
    padding: 1rem;
    padding-left: 4rem;
    color: #000;
    background-image: url('/cdn/shop/files/search-icon1.png?v=1750663772');
    background-repeat: no-repeat;
    background-position: 2%;
    border: 1px solid #ededed;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    box-shadow: 0px 4px 8.4px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
}

.nabhyan-action-desktop{
    display:block;
}

.m-main-product--info .nabhyan-action-tab-phone{
    display:none !important;
}

@media(max-width:768px){

    .m-main-product--info .nabhyan-action-tab-phone{
        display:block !important;
    }

    .m-main-product--info .gallery-tabs.content-tabs{
        padding:1rem 0 !important;
    }

    .m-main-product--info .gallery-tabs .m-section__header{
        justify-content:center !important;
        margin:0;
    }

    .nabhyan-action-desktop{
        display:none
    }

  .download-app .qrs{
    padding:0;
    padding-top:1rem !important;
  }
  .download-app .qrs ul li{
    padding:0.8rem;
  }
  .download-app .qrs ul li .qr-code{
    max-width:100% !important;
  }

  .step-section .m-icon-box__description{
    font-size: 1.2rem  !important;
}
 .step-section h2{   font-size: 1.3rem  !important;               }
 .online-banner .content-first h2{
    font-size: 1.5rem !important;
}
 .online-banner .m-section__subheading,  .online-banner .m-richtext__subtitle {
    font-size: 1rem !important;
}

/* .slider-video .video-btns {
    display: inline-block;
} */
  .video-btns a {
    margin-bottom: 10px;
}
.online-banner .m-slide__bg img {
        height: 400px !important;
    object-position: 49% 30%;
}
 .float-section-left {                   
 position: fixed;
   bottom: 0;
   z-index: 999999;
   /* transform: translateX(40%); */
    width: 100%;
 margin: auto;
    background-color: white;
    padding: 1rem 0;
 }
.float-section-left .mailus {
  background: #a71580;
   overflow: hidden;
    margin-top: 15px;
 padding: 7px 15px !important;
 font-size: 1rem;
 line-height: normal;
   height: 45px;
    padding: 0px 13px;
     font-size: 25px;
     color: #fff;
      border-radius: 30px;
     transition: 0.5s;
    transition: width 0.2s;
   }

 .float-section-left .live-float {
  background:#4EE2E2 !important;
   overflow: hidden;
margin-top: 15px;
 padding: 8px 35px !important;
font-size: 1rem;
  line-height: normal;                                      
 align-content: center;                                                                  
  border-radius: 30px;
 transition: 0.5s;
 transition: width 0.2s;
  margin: auto;
   /* text-align: center; */
 width: max-content;
     }


  .float-section-left span {
   vertical-align: middle;      
    display: inline-flex;
        gap: 10px;
        font-size: 1.2rem;
        align-items: center;
        color: #000;        line-height: 1;
    }
  
  
}

/* floating button live demo */


/* online dmeo page */

.step-section .m-mixed-layout__inner{
    display: block;
}
.step-section .m-icon-box__inner {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: baseline;
}


.step-section .m-icon-box__inner div::last-child .m-icon-box__icon {
         display: none;
        visibility: hidden;
    }

 .step-section  .m-section__header {
    margin-bottom: 0;
}
 .step-section h2, .step-section .m-icon-box__description{  color: var(--dark);}
 
 .online-banner .content-first {
    display: flex;
    flex-direction: column-reverse;
  }

 .online-banner .m-slide__subtitle,  .online-banner .m-slide__title,  .online-banner .m-slide__description,
  .online-banner .m-slide__button,  .online-banner .m-slide__content {
    -webkit-transition: all var(--m-duration-short, 0.1s);
    transition: all var(--m-duration-short, 0.25s);
    opacity: 2;
    visibility: visible;
}

 .online-banner .swiper-container-android .swiper-slide,  .online-banner .swiper-wrapper {
    transform: none;
}

 .online-banner .swiper-container-fade .swiper-slide {
pointer-events: none;
    transition-property: none;
    transform: none !important;
    opacity: 1 !important;
    width: 100% !important;
}

 .online-banner  .m-slide__bg {
    position: unset  !important
}

 .online-banner .m-slide__media::before{padding-top:0 !important}

 .online-banner .m-slide__bg img {
    height: 300px;
    object-fit: cover;
    border-radius: 1rem;
}

.online-banner .m-richtext__subtitle {    margin-top: 1rem;}

.align-center{
    align-content: center;
}
.video-btns .m-button--secondary {
    background: #4EE2E2 !important;
  border-color:#4EE2E2 !important;
}
.video-btns .m-button--secondary:hover{    background: #000 !important; border-color:#000000 !important;}

.thank-card .m-icon-box  {
  border: 3px solid #DEDEDE;
border-radius: 10px;    padding: 1.2rem;}

.thank-card .m-icon-box .m-icon-box__heading {
    font-weight: bold;
    color: #000;
  font-size: 2.5rem;
}

.thank-card .m\:column:first-child .m-icon-box, .thank-card .m\:column:last-child .m-icon-box {
    display: none;
    visibility: hidden;
}
.demo-video .m-section__subheading{
    color: #000;    font-weight: 300;
 }
.demo-video .m-section__header {
    --m-section-header-spacing-bottom: 20px;
}
 .demo-video .m-video__wrapper {
    border-radius: 10px;
 }
.thank-card .m-icon-box__description{
    font-weight: 500;font-size: 1.2rem;
}

/* career css */
.career-info {
    align-items: flex-start  !important
}
.team-slider.m-testimonials--layout-8 .m-testimonials__image .m-image {
    height: 40%;
}
.team-slider .m-testimonials__image img{
    object-fit: contain;
}
.team-slider .m-testimonials__tabs  {
    width: 20%;
}
.team-slider .m-testimonials__list{
    width: 80%;
}

.team-slider .m-testimonials__inner{
    padding:2rem;
}

.team-slider .m-testimonial__wrapper{
    background-color:#d9d9d9;
    flex-direction:column;
    position:relative;
    min-height:350px;
    overflow:hidden;
    border-radius:12px;
}

.team-slider .m-testimonial__wrapper .m-testimonial__image{
    position: absolute;
    top: -45%;
    width: 350px;
    height: 350px;
    left: 45%;
}

.team-slider .m-testimonials__list {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.team-slider .m-testimonial__content{
    justify-content:flex-end !important;
    gap:1rem !important;
    padding:1rem 2rem !important;
}

.team-slider .m-testimonial__footer{
    flex:unset !important;
}

.team-slider .m-testimonials__image .m-image {
    height:auto;
    width: 100%;
}

.team-slider  .m-testimonials__description {
    font-weight: 600;    margin-top: 0 !important;
}
.team-slider .m-testimonials__content {
    gap: 0rem !important;
}
.team-slider .m-testimonials__footer h5 {
    font-size: 1.6rem;
    margin-bottom: 2rem;
}
.team-slider  .m-slider-controls__wrapper {
    display: flex;
    justify-content: space-between !important;
}
  .team-slider .m-slider-controls {
    margin-top: 0 !important;
    position: absolute;
    width: 100%;
    left: 0;
    top: 40%;
    }
  .team-slider  .swiper-button-prev {
    left: -2rem;
    position: relative;
}
  .team-slider  .swiper-button-next {
    right: -2rem;
    position: relative;
}
/* career css */

/* .template-collection .modal.g-popup, .template-product .modal.g-popup{
    visibility: hidden;
    display: none !important;
}
 */
@media(min-width:992px){
.step-section .m-icon-box__description{
    font-size: 1.2rem;  
}
 .step-section h2{   font-size: 1.6rem;   }

   .online-banner .m-slide__bg img {
    width: 100%;
    height: 500px !important;
    object-fit: cover;
    border-radius: 1rem;
}



.online-banner  .m-slide__content.m-richtext{
    padding-bottom: 3rem;
}
.bulk-form .m-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 5rem;
}
  
}

@media screen and (min-width: 1280px) {
   .drone-banner .m-slide__wrapper {
        padding-top: 35px;
        padding-bottom: 50px;
    }
      .slider-video.drone-banner  .h2 {
        font-size: 3rem;
    }
  
.slider-video.drone-banner .m-slide__content{    height: 100%;}
    header .container-fluid {
        padding: 0;
    }
  
}

@media (min-width: 768px) {

  
.head-flex .m-section__header{
          display: flex;
        gap: 2rem;
        justify-content: space-between;
        flex-direction: row-reverse;
        margin-bottom: 1rem;
}

}

@media (min-width: 1250px) and (max-width: 1300px) {
  .m-header__desktop .m-menu__link--main {
   padding: 1rem 0.5rem;
}
}

@media (min-width: 1020px) and (max-width: 1250px) {
.m-header header {
        width: 98%;
        margin: auto;
}
    header ul.m-menu {
        gap: 0.2rem;
    }
.m-header__desktop .m-menu__link--main {
    padding: 0.5rem;
    font-size:0.8rem !important;
}


}

.iti{
    width:100%;
}

.tech-specs .tech-specs{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
}

.changeable-inbox-img .inbox-img .m-custom-content__block-image{
    padding-bottom:3rem !important;
}

@media(max-width:768px){
    body .changeable-inbox-img .inbox-img .m-custom-content__block-image{
        padding:1.5rem !important;
    }   
}

#dynamic-upsell-container .upsell-wrapper{
    padding:1rem 0.7rem;
    background: #F3F3F3;
  }
#dynamic-upsell-container .upsell-item{
    position:relative;
}
#dynamic-upsell-container .upsell-item .m-product-form{
    position:absolute;
    width:100% !important;
    height:100% !important;
    z-index:10;
    top:0;
}
#dynamic-upsell-container .upsell-item .m-product-form *{
    width:100% !important;
    height:100% !important;
}

#dynamic-upsell-container button{
    display:flex;
    justify-content:center;
    align-items:center;
}

#dynamic-upsell-container .m-spinner-loading{
    background: #FFFc;
}

#dynamic-upsell-container .m-spinner-icon svg{
    max-width:40px !important;
    max-height:40px !important;
}

#dynamic-upsell-container .upsell-img{
    border-radius:1rem;
    max-width:100%;
    height:auto;
    display:block;
}
#dynamic-upsell-container .upsell-card h3{
    font-size:1rem !important;
}

#dynamic-upsell-container:has(.clicked){
    background-color:rgba(0,0,0,0.2);
}

#dynamic-upsell-container .upsell-short-text{
    margin-bottom:0.5rem;
}

@media(max-width:768px){
    #dynamic-upsell-container .upsell-short-text{
        font-size:0.8rem !important;
    }
    #dynamic-upsell-container .upsell-card h3{
        font-size:0.9rem !important;
        line-height:1.2rem !important;
    }
    #dynamic-upsell-container .upsell-card-image img{
        max-width:70%;
    }
    #dynamic-upsell-container .upsell-card .m-price p{
        font-size:0.8rem !important;
    }
}

/* Upsell Card */
.upsell-card {
    position: relative;
    display: flex;
    align-items: center;
    padding: 23px;
    border: 1px dashed #ddd;
    background: #fff;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}

.upsell-card:hover {
    border-color: #4EE2E2;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.05);
}

.upsell-card.active {
    border-color: #4EE2E2 !important;
    border-width: 2px;
    border-style: solid;
}

.upsell-card h3 {
    font-size: 1.3rem;
    line-height: 1.6rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    transition: color 0.2s;
}

.upsell-card-details {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    transition: all 0.2s ease;
}

.upsell-card-details .m-price {
    display: flex;
    align-items: center;
}

.upsell-card-details .m-price-item--sale {
    color: rgb(var(--color-price-sale));
    margin: 4px 0;
    transition: color 0.2s ease;
}

.upsell-card-details .m-price p,
.foxkit-product-bundles__prices span {
    font-size: 1rem !important;
    font-weight: 500 !important;
}

.upsell-card-details .m-price s {
    font-size: 0.8rem !important;
}

.custom-default-banner .m-slide__media,
.custom-banner-1 .m-slide__media,
.custom-banner-2 .m-slide__media{
    height:800px !important;
}

.custom-banner-2 .content-first .m-slide__description a:after,
.custom-banner-2 .content-first .m-slide__description a:before{
    display:none !important;
    text-decoration:none !important;
}

@media(min-width:667px){

    .custom-banner-1,
    .custom-banner-2{
        position:relative;
    }
    
    .custom-banner-1 .content-first{
        margin-bottom: 1.5rem;
        margin-top: 1rem;
    }

    .custom-banner-1 .m-slide__content{
        max-width:100% !important;
    }
    
    .custom-banner-1 .content-first .m-richtext__subtitle{
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 300;
        font-size: 1.3rem;
        line-height: 1.4rem;
        letter-spacing: 0.04em;
        color: #000000;
    }
    
    .custom-banner-1 .content-first .m-richtext__title{
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 2.6rem;
        line-height: 2.8rem;
        letter-spacing: 0.04em;
        color: #000000;
    }
    
    .custom-banner-1 .content-first .m-richtext__description{
        font-size: 1.8rem;
        line-height: 1.9rem;
    }

    .custom-banner-2 .m-slide__wrapper{
        margin:0 !important;
        max-width:100%;
        padding:0 !important;
        justify-content:flex-start !important;
    }

    .custom-banner-2 .m-slide__content{
        width:100% !important;
        max-width:100%;
        padding-top:95px;
    }

    .custom-banner-2 .m-richtext__subtitle{
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        font-size: 5.5rem;
        line-height: 4.4rem;
        letter-spacing: 0.04em;
        color: #FFFFFF;
    }

    .custom-banner-2 .m-slide__title{
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 2.7rem;
        line-height: 3rem;
        letter-spacing: 0.04em;
        color: #000000;
    }

    .custom-banner-2 .m-slide__subtitle,
    .custom-banner-2 .m-slide__title{
        max-width: calc(var(--fluid-container-width, 1620px) + var(--fluid-container-offset) * 2);
        padding: 0 var(--fluid-container-offset, 60px);
        margin:0 auto;
    }

    .custom-banner-2 .content-first .m-slide__description{
        position:absolute;
        width:100%;
        background:#4EE2E2;
        bottom:0;
        padding:0.5rem;
        text-align:center;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 1.4rem;
        line-height: 2rem;
        color: #000000;
    }
}

@media(min-width:1600px){
    .custom-banner-2 .m-slide__subtitle,
    .custom-banner-2 .m-slide__title{
        max-width: calc(var(--fluid-container-width, 1620px) + var(--fluid-container-offset) * 2);
        padding: 0 ;
        margin:0 auto;
    }
    .custom-banner-1 .content-first .m-richtext__subtitle{
        font-size:clamp(2rem, 3vw, 3rem);
        line-height:clamp(1.8rem, 3vw, 2.5rem);
    }
    .custom-banner-1 .content-first .m-richtext__title{
        font-size:clamp(4rem, 3vw, 6rem);
        line-height:clamp(3.4rem, 3vw, 5.6rem);
    }
    .custom-banner-2 .m-richtext__subtitle{
        font-size:clamp(8rem, 3vw, 10rem);
        line-height:clamP(6.5rem, 3vw, 8rem);
    }
}

@media(min-width:1024px) and (max-width:1399px){

    .custom-banner-1 .content-first{
    }

    .custom-banner-1 .content-first .m-richtext__title,
    .custom-banner-1 .content-first .m-richtext__subtitle{
        left:3% !important;
    }

    .custom-banner-1 .content-first .m-richtext__subtitle{
        font-size: 1.4rem;
        line-height: 1.6rem;
        letter-spacing: 0.04em;
    }

    .custom-banner-1 .content-first .m-richtext__title{
        font-size: clamp(2.6rem,3vw,3rem);
        line-height: 3.4rem;
    }

    .custom-banner-1 .content-first .m-richtext__description{
        font-size: clamp(1.4rem,3vw,1.9rem);
        line-height: 2.2rem;
    }

    .custom-banner-2 .m-richtext__subtitle{
        font-size: 5rem;
        line-height: 4rem;
    }

    .custom-banner-2 .m-slide__title{
        font-size: 2.2rem;
        line-height: 2.2rem;
        letter-spacing: 0.04em;
        color: #000000;
    }

    .custom-banner-2 .m-slide__content{
        padding-top: calc(var(--m-header-height) + 20px);
    }
}

@media(max-width:667px){

    .custom-default-banner .m-slide__media,
    .custom-banner-1 .m-slide__media,
    .custom-banner-2 .m-slide__media{
        height:650px !important;
    }

    .custom-banner-1 .m-slide__content{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        padding-top: 3.5rem;
        gap:1rem;
        text-align:center !important;
    }

    .custom-banner-1 .content-first{
        display:flex;
        flex-direction:column;
        align-items:center;
    }

    .custom-banner-1 .m-slide__description{
        display: flex;
        align-items: flex-end;
    }

    .custom-banner-2 .m-slide__wrapper{
        padding:0 !important;
    }

    .custom-banner-2 .m-slide__content{
        width:100%;
        padding-top:calc(var(--m-header-height) + 20px);
        text-align:center;
    }

    .custom-banner-2 .m-slide__subtitle{
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 400;
        color:#FFF;
        font-size:4rem;
        line-height:3.4rem;
    }

    .custom-banner-2 .m-slide__title{
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 1.7rem !important;
        line-height: 2rem;
        letter-spacing: 0.04em;
        color: #000000;
    }

    .custom-banner-2 .content-first .m-slide__description{
        position:absolute;
        width:100%;
        background:#4EE2E2;
        bottom:0;
        padding:0.5rem;
        text-align:center;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.3rem;
        color: #000000;
    }

}

@media(max-width:768px){
    .team-slider .m-testimonial__wrapper{
        min-height:300px;
    }
    .team-slider .m-testimonial__wrapper .m-testimonial__image{
        position: absolute;
        top: -35%;
        width: 250px;
        height: 250px;
        left: 35%;
    }
}

/* Military landing page */

.military-banner{
    padding:4rem 0;
    background-image: url('/cdn/shop/files/military-page-banner.jpg');
    background-size: cover;
    background-position: center;
}

.military-banner .m-color-default{
    background:transparent;
}

.military-banner .m-richtext{
    padding:5rem 0;
}

.military-banner .m-richtext__title{
    font-weight: 600;
    font-size: 81px;
    line-height: 87px;
    letter-spacing: 0.01em;
    color: #FFF;
}

.support-without-border .m-hero__content{
    max-width:100%;
    isolation: unset !important;
    z-index:5 !important;
}

.support-without-border .m-hero__inner{
    padding-top:50px;
}

.support-without-border .m-hero__title {
    font-weight: 600;
    font-size: clamp(4rem,3vw,4.5rem);
    line-height: clamp(4.2rem,3vw,4rem);
    text-align: center;
    letter-spacing: 0.01em;
    text-transform: capitalize;
    color: #FFF;
    mix-blend-mode: overlay;
}

.support-without-border .rte p{
    font-weight: 400;
    font-size: 1.1rem;
    text-align: center;
    letter-spacing: 0.04em;
    color: #DEDEDE;
}

.military-meet-oro .m-richtext__description{
    font-size: 1rem;
    line-height: 2rem;
    text-align: center;
    letter-spacing: 0.04em;
    color: #000000;
    max-width: 80%;
    margin: 1.2rem auto;
}

.military-features{
    background:#000 !important;
    color:#FFF !important;
    border-radius:25px;
    padding:1.5rem;
}

.military-features h3{
    color:#FFF !important;
}

.military-feature-cards .m-image-card__content,
.military-feature-cards .m-image-card__content-inner{
    width:100%;
}

.military-feature-cards.m-color-default,
.military-feature-cards .m-custom-content__wrapper{
    background:#F8F9FA;
    background-color:#F8F9FA;
}

.military-feature-cards .glassy-heading .m-richtext__title{
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #FFFFFF;
    backdrop-filter: blur(3px);
    border-radius: 100px;
    z-index: 5 !important;
    position: relative;
    font-size: 2rem;
    padding: 0.6rem;
}

.military-feature-cards .button-top .m-richtext__button{
    position: absolute;
    top: 3%;
    right: 5%;
    margin: 0 !important;
    background-color: #FFF !important;
    padding: 0.4rem 1.2rem !important;
    color: #000 !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 1.1rem;
    gap: 0.4rem;
    border:0 !important;
    transition:all 0.2s cubic-bezier(0.03, 0.5, 0.5, 0.01) ease-in-out;
}

.military-feature-cards .button-top .m-richtext__button:hover{
    background-color:#4EE2E2 !important;
    transition:all 0.2s cubic-bezier(0.03, 0.5, 0.5, 0.01) ease-in-out;
}

.military-feature-cards .m-richtext__button:after{
    content: url("/cdn/shop/files/know-more-arrow.svg");
    position: relative;
    width: 18px;
    height: 18px;
    display: block;
}

.military-feature-cards .m-image-card__inner{
    border-radius:16px;
}

.military-feature-cards .large-card .m-image-card__content{
    padding-bottom:30px !important;
}

.military-feature-cards .large-card .m-button{
    position:absolute;
    margin:0 !important;
    right:4%;
    bottom:4%;
    background-color: #FFF !important;
    padding: 0.4rem 1.2rem !important;
    color: #000 !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 1.1rem;
    gap: 0.4rem;
    border:0 !important;
    transition:all 0.2s cubic-bezier(0.03, 0.5, 0.5, 0.01) ease-in-out;
}

.military-feature-cards .m-richtext__button:hover{
    background-color:#4EE2E2 !important;
    transition:all 0.2s cubic-bezier(0.03, 0.5, 0.5, 0.01) ease-in-out;
}

.military-feature-cards .large-card .m-richtext__description{
    font-size: 1.1rem;
    line-height: 2.5rem;
    letter-spacing: 0.04em;
    color: #DEDEDE;
    margin:0 !important;
}

@media(max-width:768px){
    .military-meet-oro .m-richtext__description{
        font-size: 0.9rem;
        line-height: 1.8rem;
        max-width: 100%;
    }
    .military-banner .m-richtext__title{
        font-size:2.1rem !important;
        line-height:2.8rem !important;
    }
    .support-without-border .m-hero__title{
        font-size: 2.5rem !important;
        line-height: 3.3rem !important;
    }
    .military-feature-cards .m-image-card{
        border-radius:1rem !important;
        overflow:hidden;
    }
    .military-feature-cards .large-card .m-image-card__img{
        --aspect-ratio-mobile:0.7272727272727273 !important;
    }
    .military-feature-cards .glassy-heading .m-richtext__title{
        font-size:1.3rem !important;
    }
    .military-banner .m-richtext{
        padding:2rem 0;
    }
    .military-feature-cards .m-image-card__content{
        padding-bottom:2rem !important;
    }
    .military-feature-cards .large-card .m-button{
        bottom:unset !important;
        top:3%;
        right:5%;
    }
    .container-fluid:has(.military-features){
        padding-bottom:16px !important;
    }
    .custom-banner-3 .m-richtext__title{
        padding:0 20%;
        text-transform:capitalize;
    }
}

@media(max-width:400px){
    .custom-banner-3 .m-richtext__title{
        padding:0 15%;
        text-transform:capitalize;
    }
    .military-banner .m-richtext__title {
        font-size: 1.8rem !important;
        line-height: 2.6rem !important;
    }
    .support-without-border .m-hero__title {
        font-size: 1.6rem !important;
        line-height: 2.5rem !important;
    }
    .support-without-border .rte p{
        font-size:0.9rem;
    }
}

/* Variant picker re-ordering */

.custom-variant-selector .variant-wrap:has([data-value="20mins Of Flight Time - Single Battery"]){
    order:0;
}

.custom-variant-selector .variant-wrap:has([data-value="40mins Of Flight Time - Double Battery"]){
    order:1;
}

.custom-variant-selector .variant-wrap:has([data-value="60mins Of Flight Time - Triple Battery"]){
    order:2;
}

.custom-variant-selector .variant-wrap:has([data-value="Standard pack -Single Battery (15 mins Of Flight Time)"]){
    order:0;
}

.custom-variant-selector .variant-wrap:has([data-value="Pro Travel Pack - 4 Batteries (1 Hour of Flight Time)"]){
    order:1;
}

.discount-warning{
    font-style: italic;
    line-height: 1rem;
    display: block;
}

.modal .m-contact-form__description{
    font-size:0.9rem;
}

.sign-pop .modal-dialog{
    max-height:90dvh;
    overflow-y:auto;
}

/* Store locators */

.store-locator-banner .m-hero__content{
    max-width:80% !important;
}

.store-locator-banner .m-hero__title{
    font-weight: 600;
    font-size: clamp(5.4rem, 3vw, 6.5rem);
    line-height: clamp(5.8rem, 3vw, 7rem);
    letter-spacing: 0.01em;
    color: #FFF;
    text-transform: capitalize;
    color: #FFFFFF;
}

.store-locations .m-promotion__text{
    font-size: 1rem;
    line-height: 2rem;
    text-align: center;
    letter-spacing: 0.04em;
    color: rgba(0, 0, 0, 0.41);
}

.find-a-store #MainContent,
.find-store-data #MainContent{
    padding-bottom:0 !important;
}

@media(min-width:1025px){
    
    .store-locator-cards .m-image-card__content{
        position:static;
        padding:2.5rem 0;
        max-width:70%;
    }
    
}
@media(max-width:1024px){

    .store-locator-cards .m-image-card{
        border-radius:20px;
        overflow:hidden;
    }
    
    .store-locator-cards .m-image-card__inner:hover .m-image-card__content{
        opacity:1;
        transition: all .3s ease
    }
    
    .store-locator-cards .m-image-card__content{
        opacity:0;
        background:rgba(0,0,0,0.7);
        backdrop-filter:blur(12px);
        transition: all .3s ease
    }
    
    .store-locator-cards .m-image-card__content .m-richtext *{
        color:#FFF !important;
    }
    body .store-locator-cards .m-image-card__content{
        position:absolute !important;
        padding:3rem !important;
        align-items:center !important;
    }
}


.store-locator-cards .m-section__heading{
    font-weight: 500;
    font-size: 3rem;
    line-height: 3.4rem;
    letter-spacing: 0.02em;
    color: #000000;
}

.store-locator-cards .m-section__description{
    font-size:1rem;
    line-height:2rem;
}

@media(min-width:768px){
    .store-locator-cards .m-section__description{
        max-width:50%;
        margin:1rem auto;
    }
}

.store-locator-cards .m-richtext__title{
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 2rem;
    letter-spacing: 0.02em;
    color: #000000;
}

.store-locator-cards .m-richtext__description{
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.7rem;
    letter-spacing: 0.04em;
    color: #000000;
    margin-top:1rem !important;
}

@media(max-width:768px){
    .advantage .m-richtext__title{
        width: 100% !important;
        margin: auto !important;
    }
    .store-locator-banner .m-hero__content{
        max-width:100% !important;
    }
    .meet-section .m-richtext__title,
    .meet-section .m-richtext__description,
    .transmission .m-content-box__subheading,
    .oro-up .m-richtext__description {
        width: 100%!important;
    }

    .meet-section .m-richtext__title{
        font-size:clamp(1.5rem,3vw,2rem) !important;
        line-height:clamp(2rem,3vw,2.5rem) !important;
    }

    .meet-section .m-richtext__description{
        font-size:0.75rem !important;
        line-height:1.3rem !important;
    }

    .meet249-img .m\:block{
        max-width:100% !important;
    }
   
    .oro-testimonial .m-custom-content__wrapper {
    display: block;
    }
    .oro-testimonial .m-custom-content__block {
    margin-bottom: 16px;
    width: 100%;  
    }
    .store-locator-banner .m-hero__title{
        font-size:clamp(3.3rem,3vw,4rem) !important;
        line-height:clamp(3.5rem,3vw,4rem) !important;
    }

    .store-locations .container-full{
        padding:1rem !important
    }
    .store-locator-cards .m-section__heading{
        font-size: 2rem;
        line-height: 2.3rem;
    }
    .store-locator-cards .m-image-card__content{
        max-width:unset !important;
    }
    .store-locator-cards .m-richtext__title{
        font-size:1.5rem !important;
        line-height:1.5rem !important;
    }
    .store-locator-cards .m-richtext__description{
        font-size:1rem;
        line-height:1.3rem;
    }
    .oro-testimonial .m-custom-content__wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  .oro-testimonial .m-custom-content__block {
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    height: auto !important;
    padding: 25px 20px !important;
  }
}

/* NOT - 4k oro */
.not-oro-slide {
    position: relative;
}
.not-oro .m-richtext__description{
    font-family: var(--font-aurora);
}
.not-oro-slide .m-richtext__button.m-slide__button {
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
.not-oro-slide .m-button--primary{
    background-color: #4EE2E2!important;
    border-color:  #4EE2E2!important;
    width: 20%;
}
.not-oro-slide  .m-button--secondary{
     width: 20%;
}
.oro-slideshow .m-promotion__text{
    text-transform: uppercase!important;
    font-family: var(--font-logotype);
}
.meet-section .m-richtext__title {
    width: 80%;
    margin: auto;
    font-style: normal;
    font-weight: 500;
    font-size: clamp(3.2rem,3vw,4rem);
    line-height: clamp(3.6rem,3vw,4.6rem);
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}

.meet-section .m-richtext__title span{
    font-family:var(--font-aurora) !important;
    text-transform:lowercase !important;
}

.meet-section .m-richtext__description {
    width: 70%;
    margin: auto;
    margin-top: 2rem;
    font-weight: 400;
    font-size: clamp(0.9rem,3vw,1rem);
    line-height: clamp(1.1rem,3vw,1.9rem);
    text-align: center;
    letter-spacing: 0.04em;
    color: #FFFFFF;
}
.oro-testimonial .m-section__heading{
    text-transform: uppercase;
}

.oro-testimonial .m-custom-content__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 24px;
  align-items: stretch;
}
.oro-testimonial .m-richtext { 
    text-align: left; 
}
.oro-up .m-richtext__description{
width: 75%;
}
.oro-testimonial .m-custom-content__block {
  border: 1px solid #1a1a1a;
  padding: 05px 30px;
  border-radius:3px;
  background: #fff;
  display: block;               
  height: 100%;
  width: 100%;            
  box-sizing: border-box;
}

.oro-testimonial .m-custom-content__block:nth-child(1) {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

.oro-testimonial .m-custom-content__block:nth-child(2) {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}

.oro-testimonial .m-custom-content__block:nth-child(3) {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

.oro-testimonial .m-custom-content__block:nth-child(4) {
  grid-column: 3 / 4;
  grid-row: 1 / 3;
}

.oro-testimonial .m-custom-content__block-inner {
  height: auto;
  width: 100%;          
}

.oro-testimonial .m-richtext--medium{
  display: flex;
  flex-direction: column;
}

.oro-testimonial .m-richtext__description {
  order: 1;
}

.oro-testimonial .m-richtext__title {
  order: 2;
  font-family: 'poppins';
  margin-top: 10px; 
  font-size: clamp(1.125rem, 2vw, 1.3125rem)!important;
}

.oro-testimonial .m-richtext__subtitle {
  order: 3;
  margin-top: 4px;
  color: #8c8c8c;
  font-size: 0.9rem;
  font-family: var(--font-aurora);
}
.oro-testimonial .m-richtext__description p {
  font-size: clamp(1.6rem, 2vw, 2.0625rem);
  line-height: 1.3;
  margin-bottom: 28px;
}

.oro-testimonial .m-richtext__description span,
.oro-testimonial .m-richtext__description strong {
  color: #4EE2E2;
  font-weight: 400;
}

.oro-testimonial .m-custom-content__block-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.oro-testimonial .m-richtext--medium {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.oro-testimonial .m-richtext__description {
  flex-grow: 1;  
}

.oro-testimonial .m-richtext__title,
.oro-testimonial .m-richtext__subtitle {
  align-self: flex-start;
  text-align: left;
}
.camera-specs {
  display: flex!important;
  gap: 60px;                
}
.camera-specs .spec h4 {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  margin: 0 0 6px;
}
.camera-specs .spec p {
  color: #fff;
  font-size: 14px;
  opacity: 0.7;
  margin: 0;
}
.m-collage-tabs__header .m-tab-header:hover,
.m-collage-tabs__header .m-tab-header.active {
  background-color: #4EE2E2; 
  border-color: #4EE2E2; 
  color: #000000;
}
.m-collage-tabs__header .m-tab-header{
    border: 1px solid #4EE2E2;
}
.transmission .m-content-box.m-richtext {
  display: flex;
  flex-direction: column;
}

.transmission .m-content-box__heading {
  order: 1; 
    font-family: var(--font-logotype);
}

.transmission .m-content-box__subheading {
  order: 2;
  margin-top: 1rem;
  color: #4EE2E2;
  font-family: var(--font-aurora);
  width: 90%;
}
.transmission .m-content-box__description {
  order: 3;
}
@font-face {
    font-family: 'Aurora 24';
    src: url('/cdn/shop/files/Aurora24.woff2?v=1767326826') format('woff2'),
        url('/cdn/shop/files/Aurora24.woff?v=1767326827') format('woff'),
        url('/cdn/shop/files/Aurora24.ttf?v=1767326827') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LOGOTYPE';
    src: url('/cdn/shop/files/LOGOTYPE-Medium.woff2?v=1767326826') format('woff2'),
        url('/cdn/shop/files/LOGOTYPE-Medium.woff?v=1767326827') format('woff'),
        url('/cdn/shop/files/LOGOTYPE-Medium.ttf?v=1767326827') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LOGOTYPE';
    src: url('/cdn/shop/files/LOGOTYPE-Light.woff2?v=1767326826') format('woff2'),
        url('/cdn/shop/files/LOGOTYPE-Light.woff?v=1767326827') format('woff'),
        url('/cdn/shop/files/LOGOTYPE-Light.ttf?v=1767326827') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
.feature-box {
  padding: 0.8rem;
  border: 1px solid #000;
}

.feature-box-left {
  border-radius: 6px;
  margin-right: 5px;
}

.feature-box-right {
  border-radius: 9px;
  margin-left: 5px;
}
.not-4k-oro h2,
.not-4k-oro h3 {
  font-family: var(--font-logotype);
}
.advantage .m-icon-box__heading {
    font-family: 'Poppins'!important;
    font-size: clamp(1rem, 2vw, 1.3rem) !important;
}
.average .m-button--primary{
color: black;
background-color: #4ee2e2!important;
border-color:  #4ee2e2!important;
}

.bg-scrollImage{
    min-height: 800px;
}
.advantage .m-richtext__title{
    width: 50%;
    margin: auto;
}

.oro-capture {
  position: relative;
  overflow: hidden;
  margin:0 auto;
}

.oro-capture responsive-image,
.oro-capture img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  animation: imageFade 6s infinite;
}

/* Overlay image */
.oro-capture .m-custom-content__block-inner::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  background-image: url("/cdn/shop/files/save-the-sky-4k-2.png?v=1767612587");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;

  opacity: 0;
  animation: overlayFade 6s infinite;
}

/* Keyframes */
@keyframes imageFade {
  0%, 40% {
    opacity: 1;
  }
  50%, 90% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes overlayFade {
  0%, 40% {
    opacity: 0;
  }
  50%, 90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.save-sky-list{
    padding: 2% 20% 4% !important;
}

.save-sky-list .row{
    align-items:flex-end;
    justify-content:center;
}

.save-sky-list .row .col-md-4{
    max-width:130px;
}

.save-the-sky-section,
.meet-section{
    background: radial-gradient(83.31% 108.68% at 85.76% 10.52%, #2A2A2A 0%, #000000 100%);
}

.save-the-sky-section .m-color-dark,
.meet-section .m-color-dark{
    background:transparent;
}

.meet249-img .m\:block{
    max-width: 80%;
    margin: 0 auto;
}

@media(max-width:768px){
    .advantage .m-mixed-layout--mobile-scroll .m-mixed-layout__inner>*{
        width:30% !important;
    }
    .upgrade-4k-sec .m-parallax{
        grid-area:auto !important;
    }
    .upgrade-4k-sec .m-custom-content__container{
        background-color:#000 !important;
    }
    .upgrade-4k-sec .m\:h-full{
        height:100% !important;
        transform:scale(1) !important;
    }
    .gimbal-stability-columns .col-sm-12{
        display:none !important;
    }
    .gimbal-stability-columns .row{
        padding:0 1.5rem;
    }
    .gimbal-stability-columns .col-sm-6{
        flex:1 1 45% !important;
    }
    .gimbal-stability-columns .col-sm-6 p{
        font-size:0.9rem !important;
    }
}
.product-block-group--tags .m-color-badge-new {
    color: #fcfcfc !important;
    background-color: #f70505 !important;
    border-radius: 10px;
    padding: 0.3rem 1.7rem;
    font-weight: 500;
    font-size: 0.9rem !important;
}

.custom-variant-selector .variant-wrap:has([data-value="ORO 4K | 1 Km Live View + Screen Remote (40 mins fly with 2 Batteries Pack)"]):after,
.custom-variant-selector .variant-wrap:has([data-value="ORO 4K | 1 Km Live View + Screen Remote (60 mins fly with 3 Batteries Pack)"]):after,
.custom-variant-selector .variant-wrap:has([data-value="ORO 4K | 1 Km Live View + SMART RC (40 mins fly with 2 Batteries Pack)"]):after,
.custom-variant-selector .variant-wrap:has([data-value="40mins Flight Time - Double Battery"])::after  {
    content: "Best Seller";
    display: block;
    position: absolute;
    color: #fcfcfc !important;
    background-color: #f70505 !important;
    font-size: 12px;
    font-weight: 500;
    padding: 0.3rem  2.2rem;
    border-radius: 10px;
    top: -3%;
    right: 0;
    font-family: var(--font-stack-header);
}

.custom-variant-selector .variant-wrap:has([data-value="ORO 4K | 1 Km Live View + Screen Remote (40 mins fly with 2 Batteries Pack)"]):after{
    content:"Best Value" !important;
}

.custom-variant-selector .variant-wrap:has([data-value="ORO 4K | 1 Km Live View + SMART RC (60 mins fly with 3 Batteries Pack)"]):after,
.custom-variant-selector .variant-wrap:has([data-value="60mins  of Flight Time - Triple Battery"])::after{
    content: "New Launch";
    display: block;
    position: absolute;
    color: #fcfcfc !important;
    background-color: #f70505 !important;
    font-size: 12px;
    font-weight: 500;
    padding: 0.3rem 1.7rem;
    border-radius: 10px;
    top: -3%;
    right: 0;
    font-family: var(--font-stack-header);
}

.variant-short-text {
    background-color: #f7f9fa;
    border-radius: 0 0 8px 8px;
    border: 2px solid #f7f9fa;
    margin-top: -8px;
    cursor: auto;
    display: block;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .2s ease, opacity .2s ease, padding .2s ease;
}
.custom-variant-selector .variant-wrap {
    position: relative;
}
.template-product.not-oro-custom-variants .tech-specs {
    display: none !important;
}

.variant-short-title{
    font-size: 0.9rem;
}
.slider-video .m-richtext__description {
    font-size: clamp(1.125rem, 3vw, 1.5rem) !important;
}

/* Know Nabhyan Page */
.know-nabhyan-banner .m-slide__content{
  max-width:80% !important;
}

.know-nabhyan-banner .content-first{
  display:flex;
  flex-direction:column;
  gap:clamp(1rem,1vw,1.8rem);
}

.know-nabhyan-banner .m-richtext__title{
  font-weight: 700;
  font-size: clamp(5rem,1vw,6.7rem);
  line-height: clamp(5.7rem,1vw,7rem);
  text-align: center;
  letter-spacing: 0.04em;
  color: var(--electrobotic-blue);
  order:0;
}

.know-skyjet-banner .m-richtext__title{
  color:#55C9F0;
}

.know-airpro .know-nabhyan-banner .m-richtext__title{
  color: #55C9F0!important;
  /* color:#FF4143 !important; */
}

.know-nabhyan-banner .m-richtext__subtitle{
  font-family:var(--font-stack-header);
  font-weight:600;
  order:1;
  font-size:clamp(3rem,1vw,4rem);
  line-height:clamp(3.5rem,1vw,4.5rem);
  color:var(--electrobotic-blue);
  margin:0 !important;
}

.know-nabhyan-banner .m-richtext__description{
  font-style: normal;
  font-weight: 400;
  font-size: clamp(1.2rem,1vw,1.7rem);
  line-height: clamp(1.8rem,1vw,2.5rem);
  text-align: center;
  letter-spacing: 0.04em;
  color: #000000;
  order:2;
  max-width:90%;
  margin:0 auto !important;
}

.nabhyan-1080 .m-richtext__description{
  max-width:70%;
  margin:1rem auto 0;
}

.nabhyan-1080 .m-richtext__description p{
  font-size:1.1rem;
  line-height:clamp(1.6rem,1vw,2.2rem);
}

.nbh-mass .m-richtext,
.nbh-com .m-richtext__title{
  max-width:80%;
  margin:0 auto;
}

.nbh-mass .m-richtext .m-richtext__description{
  max-width:80% !important;
  margin:1rem auto 0;
}

.brushless-motors .m-hero__content{
  display:flex;
  flex-direction:column;
  gap:clamp(1.6rem,1vw,2.5rem);
}

.brushless-motors .m-hero__title{
  font-weight: 700;
  font-size: clamp(5.5rem,1vw,6.5rem);
  line-height: clamp(5.7rem,1vw,6.7rem);
  letter-spacing: 0.04em;
  color: var(--electrobotic-blue);
  order:0;
  margin:0 !important;
}

.brushless-motors .m-hero__subtitle{
  font-weight: 400;
  font-size: clamp(1.2rem,1vw,1.6rem);
  line-height: clamp(1.9rem,1vw,2.5rem);
  letter-spacing: 0.04em;
  color: #000000;
  order:1;
  margin:0 !important;
  padding-right:40%;
}
.brushless-motors .m-hero__text{
  order:2;
  margin:0 !important;
}
.brushless-motors .m-hero__text h3{
  font-family:var(--font-stack-body) !important;
  margin:0 !important;
  font-size: clamp(2rem,1vw,3rem);
  line-height: clamp(2.4rem,1vw,3.7rem);
  letter-spacing: 0.04em;
  color: var(--electrobotic-blue);
}

@media(max-width:768px){
  .brushless-motors .m-hero__subtitle{
    padding-right:0 !important;
    max-width:70%;
    margin:auto !important;
    font-size: 1rem !important;
    line-height: 1.4rem !important;
    letter-spacing: 0.04em;
  }
  .brushless-motors .m-hero__title{
    color:var(--electrobotic-blue) !important;
    font-size: 2.5rem !important;
    line-height: 3.4rem !important;
  }
  .brushless-motors .m-hero__text h3{
    display:inline-block !important;
    font-size:1.1rem !important;
    line-height:1.6rem !important;
    margin:0 5px !important;
  }
  .warranty-assured .m-hero__subtitle{
    padding-right:0 !important;
    max-width:70%;
    margin:auto !important;
    font-size: 1rem !important;
    line-height: 1.4rem !important;
    letter-spacing: 0.04em;
  }
  .warranty-assured .m-hero__title,
  .warranty-banner .m-richtext__title{
    font-size: 1.8rem !important;
    line-height: 2.4rem !important;
  }
  .warranty-assured .m-hero__subtitle, .warranty-banner .m-slide__description{
    font-size:0.9rem !important;
    line-height:1.2rem !important;
    padding-right:2% !important;
  }
  .warranty-assured.m-hero__text h3{
    display:inline-block !important;
    font-size:1.1rem !important;
    line-height:1.6rem !important;
    margin:0 5px !important;
  }
}

.blue-heading .m-richtext__title{
  color:var(--electrobotic-blue) !important;
  font-weight:600;
}

.blue-text h4{
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 2.6rem;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color:var(--electrobotic-blue);
}

@media(max-width:768px){
  .blue-text h4{
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  } 
}

.aerial-performance .m-image-with-text__content,
  .aerial-performance-1 .m-image-with-text__content{
  justify-content:center;
  align-items:center;
}

.aerial-performance .m-image-with-text__content .m-content-box,
.aerial-performance-1 .m-image-with-text__content .m-content-box{
  width:50% !important;
}

.aerial-performance .m-richtext__title{
  color:#626262 !important;
  font-size:clamp(10rem,1vw,13rem);
}
.aerial-performance-1 .m-richtext__title{
  color:#626262 !important;
  font-size:clamp(10rem,1vw,13rem);
}

.aerial-performance .m-richtext__description,
.aerial-performance-1 .m-richtext__description{
  font-family:var(--font-stack-header);
  font-style: normal;
  font-weight: 600;
  font-size: clamp(2.2rem,2vw,2.6rem);
  line-height: clamp(2.4rem,2vw,2.8rem);
  letter-spacing: 0.04em;
  color:#4B4B4B !important;
  max-width:70%;
  margin-left:8%;
}

.feature-cards .m-custom-content__block-inner{
  border-radius:15px !important;
  overflow:hidden !important;
}

.feature-cards .m-image-card__img{
  padding:4rem;
  background:#F6F6F6;
  border-radius:15px;
  overflow:hidden;
}

.feature-cards .m-image-card__content{
  padding:0 !important;
}

.feature-cards .m-image-card__content-inner{
  max-width:70%;
}

.feature-cards .m-richtext__title{
  padding:1.2rem 2rem;
  font-size:2.3rem !important;
  color:var(--electrobotic-blue);
}

.nbh-com .m-section__header{
  margin-bottom:0 !important;
}

.nbh-com .m-richtext__title{
  font-weight: 700;
  font-size: clamp(4rem,1vw,5rem);
  line-height: clamp(4rem,1vw,5rem);
  letter-spacing: 0.04em;
  color: var(--electrobotic-blue);
}

@media(min-width:768px) and (max-width:1300px){
  .know-nabhyan-banner .m-richtext__title{
    font-size: clamp(3rem,1vw,4.7rem);
    line-height: clamp(3rem,1vw,4.7rem);
  }
  .know-nabhyan-banner .m-richtext__subtitle{
    font-size: clamp(2rem,1vw,3rem);
    line-height: clamp(2.5rem,1vw,3.5rem);
  }
  .know-nabhyan-banner .m-richtext__description{
    font-size:1rem !important;
    line-height:1.4rem !important;
    max-width:65%;
  }
  .feature-cards .m-richtext__title{
    font-size:1.6rem !important;
    line-height:2rem;
  }
  .aerial-performance .m-richtext__title,
   .aerial-performance-1 .m-richtext__title{
    font-size:clamp(6rem,1vw,10rem) !important;
  }{
    font-size:clamp(6rem,1vw,10rem) !important;
  }
  
  .aerial-performance .m-richtext__description,
  .aerial-performance-1 .m-richtext__description{
    max-width:90% !important;
    font-size:clamp(1.3rem,3vw,1.6rem);
    line-height:clamp(2rem,3vw,2.4rem);
  }
}

@media(max-width:768px){
  .know-nabhyan-banner .m-slide__content{
    max-width:unset !important;
  }
  .know-nabhyan-banner .m-richtext__title{
    font-size:clamp(1.8rem,3vw,2.4rem) !important;
    line-height:clamp(2.3rem,3vw,2.6rem) !important;
  }
  .know-nabhyan-banner .m-richtext__subtitle{
    font-size:clamp(1.3rem,1vw,2rem) !important;
    line-height:clamp(1.7rem,1vw, 1.7rem) !important;
  }
  .know-nabhyan-banner .m-richtext__description{
    font-size:0.8rem !important;
    line-height:1.1rem !important;
  }
  .nbh-mass .m-richtext, .nbh-com .m-richtext__title{
    max-width:unset !important;
  }
  .aerial-performance .m-image-with-text__content .m-content-box,
  .aerial-performance-1 .m-image-with-text__content .m-content-box{
    width:auto !important;
    padding:4rem !important;
  }
  .aerial-performance .m-richtext__title,
   .aerial-performance-1 .m-richtext__title{
    font-size:9rem !important;
  }
  .aerial-performance .m-richtext__description,
  .aerial-performance-1 .m-richtext__description{
    font-size:2.3rem !important;
    line-height:2.6rem !important;
    max-width:80%;
  }
}

.drone-banner .m-richtext__subtitle {
  order: 1;
  font-family:var(--font-stack-body) !important;
  font-weight:600 !important;
  color: #1A1A1A!important;
  background: transparent!important;
  padding: 0!important;
  font-size: clamp(1rem, 1vw, 3rem) !important;
  line-height: clamp(1.5rem, 1vw, 3.7rem) !important;
    
}

.drone-banner .m-richtext__title {
  color: #3C3C3C !important;
  background: none !important;
  -webkit-text-fill-color: #3C3C3C !important;
  display: block!important;         
  max-width: 100%!important;
  white-space: normal!important;
  word-break: break-word!important;
  overflow-wrap: break-word;
}

.drone-banner .m-richtext__subtitle{
  display:block !important;
  width:100% !important;
}

.drone-banner .m-richtext__title .blue-text {
  color: #43C5FA !important;
  -webkit-text-fill-color: #43C5FA !important;
}

/* .drone-banner .m-richtext__description{
  padding-left:10%;
}

@media(min-width:1600px){
  .drone-banner .m-richtext__description{
    padding-left:20%;
  } 
} */

.warranty-banner  .m-richtext__subtitle::before,
.drone-banner .m-richtext__subtitle::before{
  background: none!important;
  display:none!important;
}
.warranty-assured .m-hero__content,
.warranty-banner .content-first {
  display: flex;
  gap: 50px;
  flex-direction: column;
  max-width:50rem;
}
.warranty-assured .m-hero__title,
.warranty-banner .m-richtext__title {
  font-weight: 700;
  font-size: clamp(3.8rem, 1vw, 6.5rem);
  line-height: clamp(4.4rem, 1vw, 6.7rem);
  letter-spacing: 0.04em;
  color: #3C3C3C;
  order: 0!important;
  margin: 0 !important;
  padding-bottom: 1.5rem;
}
.warranty-assured .m-hero__subtitle,
.warranty-banner .m-slide__description{
  font-weight: 400;
  font-size: clamp(1.2rem,1vw,1.6rem);
  line-height: clamp(1.9rem,1vw,2.5rem);
  letter-spacing: 0.04em;
  color: #000000;
  order:1!important;
  margin:0 !important;
  padding-bottom: 1.5rem;
  padding-right:20%;
}
.warranty-assured .m-hero__title span,
.m-richtext__title span.blue.text{
  color: var(--electrobotic-blue);
}

.warranty-assured .m-hero__text {
  order: 2;
  margin: 0 !important;
  color: #1A1A1A!important;
  font-weight: 500;
  font-size: clamp(16px, 2vw, 19px)!important;
}

.warranty-assured .m-hero__text h3,
.warranty-banner .m-richtext__subtitle {
  font-family:var(--font-stack-header);
  font-weight:600;
  margin: 0 !important;
  font-size: clamp(1.5rem, 1vw, 3rem);
  line-height: clamp(2.4rem, 1vw, 3.7rem);
  letter-spacing: 0.04em;
  color: #BCBFBF!important;
  order:2;
}
html {
  height: fit-content !important;
}

/* body,p {
    font-size:1rem;
    line-height: 28px !important;
} */
.loved-drone .m-hero__title h2.m\:text-black {
  font-weight: 700 !important;
  font-size: clamp(5rem, 1vw, 6.7rem) !important;
  line-height: clamp(5.7rem, 1vw, 7rem) !important;
  text-align: center !important;
  letter-spacing: 0.04em !important;
  color: var(--electrobotic-blue) !important;
  order: 0 !important;
}

.custom-tabs-section .m-section__header{
  margin-bottom:0 !important;
}


@media(max-width:768px){
  .custom-tabs-section .m-section__heading{
    font-size:2.5rem !important;
    line-height:3rem !important;
  }

  .custom-tabs-section .m-custom-content__block-liquid{
    max-width:100% !important;
    display:block !important;
    width:auto !important;
    flex:none !important;
  }
  .custom-tabs-section .m-mixed-layout{
    margin:0 !important;
    padding:0 !important;
  }
  .custom-tabs-section .m-mixed-layout--mobile-scroll .m-mixed-layout__inner{
    display:block !important;
    margin:0 !important;
  }
  .feature-cards .m-richtext__title{
    font-size:1.8rem !important;
  }
  .remote-section .row .col-md-3,
  .fly-section .row .col-md-3{
    flex-basis:50%;
    margin-bottom:1.2rem;
  }
}

/* pop form  */
.m-contact-form__heading{
  font-size: clamp(1.4rem, 4vw, 2.8125rem);
  color: #000000;
}
.m-button.m-button--primary.submit-btn {
  background-color: #55C9F0;
  border-color: #55C9F0;
}
.m-button.m-button--primary.submit-btn:hover {
  background-color: #55C9F0!important;
  border-color: #55C9F0!important;
}
.form-field {
  border-radius: 8px!important;
}

.sign-pop ::-webkit-scrollbar {
  width: 2px;
}

.home-nabhyan-banner .m-richtext__subtitle{
  font-family: var(--font-stack-header);
  font-style: normal;
  font-weight: 400;
  font-size: clamp(1.2rem,1vw,1.5rem);
  line-height: clamp(2rem,1vw,2.3rem);
  letter-spacing: 1.5em;
  color: #363636;
}

.home-nabhyan-banner .m-richtext__title{
  font-family: var(--font-stack-header);
  font-style: normal;
  font-weight: 800;
  font-size: clamp(4rem,1vw,6rem) !important;
  line-height: clamp(4rem,1vw,6rem);
  letter-spacing: 0.04em;
}

.home-nabhyan-banner .m-richtext__title{
  color: #757575;
}

.home-skyjet-banner .m-richtext__title{
  color:var(--skyjet-blue);
}

.home-airpro-banner .m-richtext__title{
  color:var(--airpro-red);
}

.home-nabhyan-banner .m-richtext__button{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:1rem;
}

.home-skyjet-banner .m-richtext__button{
  justify-content:flex-start;
}

.home-nabhyan-banner .m-richtext__button .m-button,
.know-nabhyan-banner .m-slide__button-first.m-button.m-button--primary,
.know-nabhyan-banner .m-slide__button-second.m-button.m-button--primary {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 0.6rem 1.8rem;
  gap: 20px;
  box-shadow: 0px 4px 4px rgba(119, 119, 119, 0.25);
  border-radius: 28px;
  border:0 !important;
  font-family: var(--font-stack-header);
  font-style: normal;
  font-weight: 700;
  font-size: clamp(0.8rem,1vw,1.2rem);
  line-height: clamp(1rem,1vw,1.4rem);
  letter-spacing: 0.04em;
}

.home-nabhyan-banner .m-richtext__button .m-button--primary,
.know-nabhyan-banner  .m-slide__button-second.m-button.m-button--primary
 {
  background: #535353;
}
.know-nabhyan-banner {
    position: relative;
    padding-bottom: 2rem;
}

.know-nabhyan-banner .m-richtext__button {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  
}
.nabhya-slider.m-section.m-slider.m-slideshow-section{
  padding-bottom: 2rem;
}
.home-nabhyan-banner .m-richtext__button .m-button--secondary,
.know-nabhyan-banner .m-slide__button-first.m-button.m-button--primary{
  background:#757575;
  color:#fff;
}
@media(min-width:1600px){
  .hero-banner-1 .m-richtext__title{
    font-size: clamp(7.4rem,3vw,9rem);
    line-height: clamp(7.8rem,3vw,9rem);
  }
  .hero-banner-1 .m-richtext__subtitle{
    font-size: clamp(1.6rem,1vw,2.2rem);
    line-height: clamp(2rem,1vw,2.5rem);
  }
}
@media(min-width:768px){
  .hero-banner-1 .m-richtext__title{
    background: linear-gradient(288.07deg, #FFFFFF 37.9%, #999999 120.85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
}
.remote-section h4 {
    color: var(--electrobotic-blue);
    margin: auto;
    min-height: 50%;
    align-content: center;
    font-weight: 500;
    font-size: clamp(1.4rem, 1vw, 1.9rem);
    line-height: clamp(1.6rem, 1vw, 2.1rem);
    text-align: center;
    letter-spacing: 0.04em;
}
@media (max-width: 768px) {
  .drone-banner.slider-video .m-slide__content {
        bottom: 10% !important;
        height: auto !important;
        top: unset !important;
        height: 85% !important;
    }
        .drone-banner .m-richtext__subtitle {
        text-align: left !important;
        margin-top: 5% !important;
    }
        .warranty-assured .m-hero__text h3, .warranty-banner .m-richtext__subtitle {
        font-size: 1rem !important;
        line-height: 1.3rem !important;
        text-align: right !important;
        position: absolute;
        bottom: 5%;
        right: 2%;
    }

}

.slider-video .m-richtext__description {
font-size: clamp(1.125rem, 3vw, 1.5rem) !important;

}

@media (max-width: 1600px) {
    .most-loved-nabhyan-banner .content-first {
        padding-left: 20rem;
    }
}

.m-product-list .m-color-badge-new{
    color:#4EE2E2 !important;
}

@media (max-width: 768px) {
    .most-loved-nabhyan-banner .content-first,
    .warranty-banner .content-first{
        position: absolute !important;
        bottom: unset !important;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        top: 0%;
        height: 100%;
        left: 0;
        padding: 1rem 1rem !important;
        gap: clamp(1rem, 3vw, 5rem) !important;
        justify-content: flex-start !important;
    }
    .warranty-banner .content-first {
        bottom: unset !important;
        top: 2% !important;
        height: 100% !important;
    }
}