/** Shopify CDN: Minification failed

Line 3075:0 Unexpected "}"
Line 3241:0 Unexpected "#2k-camera"

**/


:root {
    --heading: #3A3939;
    --primary: #3B3A3A;
    --black: #000000;
    --dark: #1E1E1E;
    --white:#ffffff;
    --grey: #A2A2A2;  
  --bluish:#2483FF;
}


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;
  
}
 .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-end;
      /* padding-right: 3rem; */
}

.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/grid-gps.jpg?v=1735205482) 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: 9999;
    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;
    /* overflow-x: scroll; */
    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;
}
        
        
        
      }


      
  
  @media (min-width: 768px) {

    .m-header__desktop .m-menu__link--main {    
          font-size: 13px !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;}


  }

    
 /* 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: -3rem !important;
}
  .team-slider  .swiper-button-next {
  right: -3rem !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(9) 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{
    display: block;
    justify-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;
}







  

@media(max-width:768px){

  .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{    
background-color: #d9d9d9;
    border-radius: 12px;    
  align-items: center;  
  padding: 2rem;  
  /* justify-content: center; */
}

.team-slider  .m-testimonials__list {
    padding-top: 0 !important;
    padding-bottom: 0 !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: -5rem;
    position: relative;
}
  .team-slider  .swiper-button-next {
    right: -5rem;
    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: 70px;
        padding-bottom: 70px;
    }
      .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: 1rem 0.5rem;
}


}

.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;
    }   
}