@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

@font-face {
    font-family: "Poppins";
    src: url(../font/Poppins-Regular.ttf);
}
@font-face {
    font-family: "Lato";
    src: url(../font/Lato-Regular.ttf);
}
@font-face {
    font-family: "Montserrat";
    src: url(../font/Montserrat-Regular.ttf);
}

body{
    font-family: 'Poppins';
    background-color: #fff !important;    
}
:root {
    --white-color: #fff;
    --black-color: #000;
    --black-dark-color: #141313;
    --color-purple:#502e91;
}
/*Common CSS*/
a{
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}
input{
    outline: 0 !important;
    box-shadow: none !important;
}
button{
    outline: 0 !important;
    box-shadow: none !important; 
}
textarea{
    outline: 0 !important;
    box-shadow: none !important;  
}

/*Fonts CSS*/
.descripition-text{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    /* display: flex; */
    align-items: center;
    color: #AEA7D0;
}
.bullet-point-description-text{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    align-items: center;
    color: #EFF2F6;
    border-left-width: 2px;
	border-left-style: solid;
	border-image: radial-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0)) 1;
}
.da-description{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    align-items: center;
    text-align: center;
    background: linear-gradient(180deg, rgba(208, 213, 221, 0.8) 0%, rgba(182, 171, 241, 0.8) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.all-caps-subtitle{  /* All CAPS Sub Title*/
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #EFF2F6;
}
.home-sub-title-text{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 51px;
    color: #EFF2F6;
}
.all-capitalize-title{
    text-transform: capitalize;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 42px;
    line-height: 50px; 
    color: #EFF2F6;
}
.home-all-capitalize-title{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 42px;
    line-height: 50px; 
    color: #EFF2F6;
}
.product_ck_model_name{
    font-family: 'Montserrat';
    margin-bottom: 12px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    width: fit-content;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #EFF2F6;
    padding: 8px 15px;
    border-radius: 22px;
    background: linear-gradient(90deg, rgba(229, 156, 255, 0.24) 0.01%, rgba(186, 156, 255, 0.24) 50.01%, rgba(156, 178, 255, 0.24) 100%);
}	
/*Form CSS Starts*/
.wpcf7-response-output{
    color: #D0D5DD;
}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output  {    
    margin: 0 30px;
}
.wpcf7 form .wpcf7-response-output {
    padding: 15px;
}
.form-model-title{
    margin-bottom: 17px;
}
.form-control:focus {
    color: #f4f6f8;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 8.1%, rgba(255, 255, 255, 0.08) 15.5%, rgba(255, 255, 255, 0.075) 22.5%, rgba(255, 255, 255, 0.07) 29%, rgba(255, 255, 255, 0.067) 35.3%, rgba(255, 255, 255, 0.063) 41.2%, rgba(255, 255, 255, 0.06) 47.1%, rgba(255, 255, 255, 0.055) 52.9%, rgba(255, 255, 255, 0.047) 58.8%, rgba(255, 255, 255, 0.043) 64.7%, rgba(255, 255, 255, 0.04) 71%, rgba(255, 255, 255, 0.035) 77.5%, rgba(255, 255, 255, 0.03) 84.5%, rgba(255, 255, 255, 0.03) 91.9%, rgba(255, 255, 255, 0.03) 100%);
}
.cta-form-icon{
    margin-top: 12px;
}
.modal-content{
    background: linear-gradient(106.03deg, rgba(255, 255, 255, 0.12) 0%, rgba(71, 85, 105, 0.12) 100%), #100D27;
}
.modal{
    --bs-modal-zindex:1055;
    --bs-modal-width:800px !important;
    --bs-modal-padding:1rem;
    --bs-modal-margin:0.5rem;    
}
.cutom-form-group {
    text-align: left;    
}
.modal-body{
    padding: 0px;
}
.modal-header{
    padding: 30px 0 0px 30px;
    border-bottom: none;
}
.cutom-input {
    border: 1px solid #9CA3AF;
    border-radius: 8px 0px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 8.1%, rgba(255, 255, 255, 0.08) 15.5%, rgba(255, 255, 255, 0.075) 22.5%, rgba(255, 255, 255, 0.07) 29%, rgba(255, 255, 255, 0.067) 35.3%, rgba(255, 255, 255, 0.063) 41.2%, rgba(255, 255, 255, 0.06) 47.1%, rgba(255, 255, 255, 0.055) 52.9%, rgba(255, 255, 255, 0.047) 58.8%, rgba(255, 255, 255, 0.043) 64.7%, rgba(255, 255, 255, 0.04) 71%, rgba(255, 255, 255, 0.035) 77.5%, rgba(255, 255, 255, 0.03) 84.5%, rgba(255, 255, 255, 0.03) 91.9%, rgba(255, 255, 255, 0.03) 100%);
    border-radius: 10px;
    color: #D0D5DD;  
    height: 54px;   
}
.form-control{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 8.1%, rgba(255, 255, 255, 0.08) 15.5%, rgba(255, 255, 255, 0.075) 22.5%, rgba(255, 255, 255, 0.07) 29%, rgba(255, 255, 255, 0.067) 35.3%, rgba(255, 255, 255, 0.063) 41.2%, rgba(255, 255, 255, 0.06) 47.1%, rgba(255, 255, 255, 0.055) 52.9%, rgba(255, 255, 255, 0.047) 58.8%, rgba(255, 255, 255, 0.043) 64.7%, rgba(255, 255, 255, 0.04) 71%, rgba(255, 255, 255, 0.035) 77.5%, rgba(255, 255, 255, 0.03) 84.5%, rgba(255, 255, 255, 0.03) 91.9%, rgba(255, 255, 255, 0.03) 100%);
    border-radius: 10px; 
    color: #D0D5DD;    
}
.text-input {
    min-height: 140px !important;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #D0D5DD;   
    opacity: 1; /* Firefox */
}
.form-select {
    background-image: url(../images/icon/input_dropdown.svg) !important;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 26px 12px;
    background-color: linear-gradient(106.03deg, rgba(255, 255, 255, 0.12) 0%, rgba(71, 85, 105, 0.12) 100%), rgba(16, 13, 39, 0.7) !important;
}
.select-background{
    background: linear-gradient(106.03deg, rgba(255, 255, 255, 0.12) 0%, rgba(71, 85, 105, 0.12) 100%), rgba(16, 13, 39, 0.7) !important;
    border-radius: 10px;
    top: 20px;
    /* margin-top: 24px; */   
}
.modal-header .btn-close {
    opacity: 1;
}
.select-option-background option{
	 background: linear-gradient(106.03deg, rgba(255, 255, 255, 0.12) 0%, rgba(71, 85, 105, 0.12) 100%), rgba(16, 13, 39, 0.7) !important;
}
.form-label {
    margin-bottom: 0rem;
}
/*Form CSS Ends*/


/*Header Navigation CSS Starts*/
.transparent{
    background: transparent;
    box-shadow: none;
}
.transparent .navbar {
    box-shadow: none;
}
header {
    position: relative;
    z-index: 1;
    background: linear-gradient(106.03deg, rgba(255, 255, 255, 0.12) 0%, rgba(71, 85, 105, 0.12) 100%), rgba(16, 13, 39, 0.7);
}
header nav{
    position: fixed;
    width: 100%;
    z-index: 99;
}
header .navbar {
    box-shadow: 0px 1px 4px rgb(0 0 0 / 25%);
    background: #fff0 !important;;
    padding: 10px 0px;
}
header .navbar .dropdown-toggle::after {
    background-image: url(../images/icon/dropdownicon.svg);
    width: 29px;
    border: 0;
    height: 24px;
    vertical-align: middle;
    margin: 6px 0 0 6px;
    background-repeat: no-repeat;
}
header .navbar .nav-link {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #EFF2F6;
}
header .nav-item-bold .dropdown-item {
  font-weight: 700;
}
.sub-menu-toggle {
  display: none;
}
.logo-expand{
    height: 36px;
    width: 150px;
}
ul.sub-menu.dropdown-menu.show {
    border-color: rgba(255, 255, 255, 0.08);
    border-image: initial;
   /* background: linear-gradient(0deg, rgba(111, 76, 255, 0.04), rgba(111, 76, 255, 0.04)) 0% 0% / 100% 250%, linear-gradient(0deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)), rgb(12, 10, 29); */
    border-radius: 4px;
    border: 1px solid rgba(182, 171, 241, 0.5);
    width: 250px;
    margin: 10px 0 0 12px;    
}
.dropdown-item:focus, .dropdown-item:hover {
    color:white ;
    background: linear-gradient(103.79deg, rgba(255, 255, 255, 0.2) 0%, rgba(71, 85, 105, 0.2) 100%), rgba(9, 25, 46, 0.2);
}
.dropdown-item{
    color: #fff;
    padding: 15px 30px;
}
.offcanvas {
    background-color: #100D27;
    /* padding-top: 30px; */
}
.offcanvas-header{
    margin: 40px 0 0 0;
}
.offcanvas-header .btn-close{
    color: #fff;
}
.navbar-toggler{
    border: none;
}
.btn-close {
    --bs-btn-close-bg: url(../images/icon/Close.svg);
    font-size: 30px;
    color: #fff;
}
.navbar-toggler-icon {
    background-image: url(../images/icon/Menu.svg);
    font-size: 30px;
}

/*Header Navigation CSS Ends*/


/*Footer Navigation CSS Start*/
.footer{
    background: linear-gradient(0deg, rgba(119, 138, 232, 0.5) 0%, rgba(16, 13, 39, 0) 71.19%);
    border-top: 0.5px solid #AEA7D0;
    padding: 60px 40px 15px;
}
.footer-link-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #D0D5DD;
    margin-bottom:15px
}
.footer-column a.nav-link {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #D0D5DD;
    margin: 15px 0 0 0;
}
.copy-right-sec{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 10px;
    height: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
    height: 0.5px;
    background: #B6ABF1;
    margin:30px 0px
}
.copy-right-text{
    height: 20px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #D0D5DD;
}
.footer-bar-ul{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 5px;
    gap: 30px;
    margin-bottom: 0px;
}
#menu-footer-menu-copyright-section .menu-item::marker {
    font-size: 12px;
}
::marker {    
    color: #B6ABF1; 
   /* font-size: 12px; */ 
}
.footer-list a.nav-link {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #D0D5DD;
}
.phoneno-content{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px; 
    display: flex;   
    margin-top: 20px;
    padding-bottom: 10px;
}
.email-content{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
}
/*Footer Navigation CSS Ends*/

/*Error Page CSS Start*/
.error_sec{
    padding: 240px 0px;
    background: radial-gradient(40.48% 37% at 50% 50%, #311566 0%, rgba(16, 13, 39, 0) 100%);
}
/*Error Page CSS Ends*/

/*Footer Claims,cookies,privacy,Terms page CSS Starts*/
.Claims_header{
    padding: 195px 0px;
}
.privacy_header{
    padding: 115px 0px;
}
.Claims_title{
    margin-bottom: 20px;
}
.Claims_subtitle{
    margin-bottom: 20px;
}
/*Footer Claims CSS Ends*/


/*Section Padding CSS Starts*/
.intro-sec{
    padding:120px 0px;
}
.Ranch-sec{
    padding: 80px 0px;
}
.home-cta-sec{
    padding: 220px 0px 180px;
}
/*Section Padding CSS Ends*/

/* HOME Buttons CSS start */
.intro-btn-container{
    padding: 30px 80px;
    gap: 40px;
    width: fit-content;
    height: 82px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 8.1%, rgba(255, 255, 255, 0.08) 15.5%, rgba(255, 255, 255, 0.075) 22.5%, rgba(255, 255, 255, 0.07) 29%, rgba(255, 255, 255, 0.067) 35.3%, rgba(255, 255, 255, 0.063) 41.2%, rgba(255, 255, 255, 0.06) 47.1%, rgba(255, 255, 255, 0.055) 52.9%, rgba(255, 255, 255, 0.047) 58.8%, rgba(255, 255, 255, 0.043) 64.7%, rgba(255, 255, 255, 0.04) 71%, rgba(255, 255, 255, 0.035) 77.5%, rgba(255, 255, 255, 0.03) 84.5%, rgba(255, 255, 255, 0.03) 91.9%, rgba(255, 255, 255, 0.03) 100%);
    border-radius: 10px;
}
.intro-btn-container:hover{
    background: linear-gradient(103.79deg, rgba(255, 255, 255, 0.2) 0%, rgba(71, 85, 105, 0.2) 100%), linear-gradient(0deg, rgba(9, 25, 46, 0.2), rgba(9, 25, 46, 0.2)), rgba(143, 108, 239, 0.5);
    border-radius: 10px;
}
.text-overlay{
    margin:320px 0 0 0;
}
.text-image-overlay{
    margin:185px 0 0 0;
}
.getStarted-btn{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #B6ABF1;
    padding: 12px 35px;
    gap: 10px;
    background: transparent;
    border: 1px solid #B6ABF1;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 8px;
}
.getStarted-btn:hover{
	background: rgba(182, 171, 241, 0.6);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    color: white;
}
.close {
    background: transparent;
    border: none;
    font-size: 20px;
    font-weight: bold;
}
.use-cases-btn{
    margin-top:24px;
}
/*Home Button CSS Ends*/

/*Home Banner CSS Starts*/
.home-page-bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    /* background: url(https://designsupply-web.com/samplecontent/vender/codepen/20181014.png) no-repeat center center/cover; */
  }
  .home-video{
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
  }
  .home-page-overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
    background-size: 3px 3px;
    z-index: 2;
  }
  .home-page-banner-title{
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 34%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;
    /* max-width: 400px; */
    width: 100%;
    height: 0px;
  }
  .arrow_part{     
      margin-top: 25% !important;      
  }
  .home-page-banner-titles{
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 600;
      font-size: 40px;
      line-height: 56px;
      text-align: center;
      color: #EFF2F6;
  }
   /* animation arrow */
   .arrows {
          width: 60px;
          height: 72px;
          /* position: absolute;
          left: 58%; */
          margin-left: 30%;
          bottom: 45px;
      }
      .arrows path {
          stroke: #AEA7D0;;
          fill: transparent;
          stroke-width: 1px;	
          animation: arrow 2s infinite;
          -webkit-animation: arrow 2s infinite; 
      }
      @keyframes arrow
      {
      0% {opacity:0}
      40% {opacity:1}
      80% {opacity:0}
      100% {opacity:0}
      }
      @-webkit-keyframes arrow /*Safari and Chrome*/
      {
      0% {opacity:0}
      40% {opacity:1}
      80% {opacity:0}
      100% {opacity:0}
      }
      .arrows path.a1 {
          animation-delay:-1s;
          -webkit-animation-delay:-1s; /* Safari 和 Chrome */
      }
      .arrows path.a2 {
          animation-delay:-0.5s;
          -webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
      }
      .arrows path.a3 {	
          animation-delay:0s;
          -webkit-animation-delay:0s; /* Safari 和 Chrome */
      }
      /* animation arrow CSS End */
/*Home Banner CSS Ends*/

/*Image Banner CSS Starts*/
.banner-bg-video-wrap{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 840px;
    /* background: url(https://designsupply-web.com/samplecontent/vender/codepen/20181014.png) no-repeat center center/cover; */
}
.banner-video{
    min-width: 100%;
    min-height: 100vh;
    z-index: 1;
}
.banner-overlay{
    width: 100%;
    height: 840px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 3px 3px;
    z-index: 2;
}
.banner-vedio-description{
    text-align: center;
    color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 3;  
    width: 100%;
}
.banner-title{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 74px;
    line-height: 80px;
    align-items: center;
    text-align: center;
    color: #D9D9D9;
}
.banner-title p{
    margin-bottom: 0px;
}
.banner_description{    
    padding: 0 15%;    
}
.banner_description p{
    padding: 0 120px;
}
.bmos_banner_image{
    height: 300px;
}
/*Image Banner CSS Ends*/



/*Home CTA Section CSS Starts*/
.cta-sec{
    padding: 300px 0px;
}
.cta_sec_background{
    background: radial-gradient(121.53% 117.49% at 50% 50%, rgba(0, 0, 0, 0) 37.41%, #778AE8 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 44.8px;
    padding: 100px 74px;
}
.cta-title{
    margin-bottom: 30px;
    text-align: center;
}
.cta-subtitle{
    margin-bottom: 8px;
    text-align: center;
}
.products-cta-sec{
    padding: 300px 0px;
}
.cta-button {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #100D27;
    padding: 10px 16px 10px 20px;
    gap: 10px;
    width: fit-content;
    background: #EFF2F6;
    border-radius: 10px;
}
/*Home CTA Section CSS End*/

/*Home Product Section CSS Starts*/
#home-intro{
   padding: 60px 0px; 
}
.intro-title{
    color:white;
    padding-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
}
.intro-description{
    color: #AEA7D0;
    padding-bottom: 40px;
}
.home-sub-title{
    padding: 0px 20px 20px 0px;
    gap: 15px;
}
.home-decripition{
    padding: 0px 20px 0px 0px;
    gap: 10px;
}
.ranch-mange-keysec{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    color: #AEA7D0;
    height:55px;
}
.range-key-icon{
    width:40px;
    height:38px;
    margin:0 15px 0 0
}
.range-key-content{
    width:120px;
    color: #AEA7D0;
}
.intro-product-btn{
    justify-content: end;
}
.intro-solction-btn{
    justify-content: start;
}
.intro-use-cases-btn{
    justify-content: center;
}
/*Home Product Section CSS End*/

/*Product Page Docking station CSS Start*/
.docking_banner_image{
    height: 370px;
}
.product_intro{
    margin-top: 160px;
    padding:0 0 50px 20px;
}
.product_model_name{
    padding: 8px 15px ;
    width: 163px;
    overflow:hidden;
    height: 38px;
    background: linear-gradient(90deg, rgba(229, 156, 255, 0.24) 0.01%, rgba(186, 156, 255, 0.24) 50.01%, rgba(156, 178, 255, 0.24) 100%);
    border-radius: 32px;
    color: #EFF2F6;
    font-family: 'Poppins';
    margin-bottom: 12px;
}									
.product_model_title{    
    margin-bottom: 12px;
}
.product_model_description{
    color: #AEA7D0;
    opacity: 0.8;
}
.product_model_image{
    padding: 0px 60px;
}
.products_keypoints{
    padding: 40px 24px;
    margin-top:40px;
    gap: 40px;
    background: linear-gradient(103.79deg, rgba(255, 255, 255, 0.2) 0%, rgba(71, 85, 105, 0.2) 100%), rgba(16, 13, 39, 0.2);
    border: 1px solid rgba(182, 171, 241, 0.5);
    border-radius: 10px;
}
.product_key_title{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    display: flex;
    align-items: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #EFF2F6;
    margin-top: 40px;
}
.products_tech_subtitle{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;   
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #EFF2F6;
    margin-bottom: 8px;
}
.products_tech_title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 51px;
    text-align: center;
    color: #EFF2F6;
    margin-bottom: 20px;
}
.heisha_card{
    padding: 20px 0px;
    gap: 20px;
}
.heisha_card_sec{
    padding: 15px;
    gap: 10px !important;
    /* width: 227.2px !important; */
    /* height: 114px; */
    background: linear-gradient(103.79deg, rgba(255, 255, 255, 0.2) 0%, rgba(71, 85, 105, 0.2) 100%), rgba(16, 13, 39, 0.2);
    border: 1px solid rgba(182, 171, 241, 0.5);
    border-radius: 10px;
    margin: 10px 10px 30px 0;
}
.heisha_card_icon{
    width: 32px;
    height: 32px;
    margin-bottom: 10px;
}
.heisha_card_content{    
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
     display: flex;
    align-items: center;
    color: #F7F7F8;
}
/*Product  Page  CSS End*/

/*Product - Charging Kit  Page  CSS Starts*/
.chargingkit_banner_image {
    height: 370px;
}
.product_ck_rightside_sec{
 	padding-left:0px
}
.product_ck_leftside_sec{
 	padding-right:0px
}

.ck_key_card{
    padding: 0 0;
    margin: 0 0 30px 0;
}
.heisha_dpad_sec{
    padding:0 0 0px 20px;
    margin:180px 0px 60px 0px;
    /* padding: 180px 0px  60px 20px; */
}
.heisha_m30_sec{
    padding:0 0 60px 20px;
}
.vector_part{
    position: absolute;
    width: 32px;
    height: 32px;
    flex: none;
    order: 0;
    flex-grow: 0;
}
.vector_one{
    position: absolute;
    left: 87.5%;
    right: -37.5%;
    top: 87.5%;
    bottom: -37.5%;
    border-radius: 4px;
    opacity: 0.2;
    border-top:  1px solid #B6ABF1;
    border-left: 1px solid #B6ABF1 ;
    transform: rotate(-180deg);
}
.vector_two{
    position: absolute;
    left: 75%;
    right: -25%;
    top: 75%;
    bottom: -25%;
    opacity: 0.2;
    border-radius: 4px;
    border-top:  1px solid #B6ABF1;
    border-left: 1px solid #B6ABF1 ;
    transform: rotate(-180deg);
}
.vector_three{
    position: absolute;
    left: 62.5%;
    right: -12.5%;
    top: 62.5%;
    bottom: -12.5%;
    background: linear-gradient(180deg, rgba(239, 242, 246, 0) 0%, rgba(239, 242, 246, 0.24) 100%);
    border-radius: 4px;
    border: 1px solid #B6ABF1;
    transform: rotate(-180deg);
}
.charging_kit_key_card{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 4px;
    margin: 17px 16px 0 10%;
}
.charging_kit_key_title{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #F7F7F8;
    flex: none;
    order: 0;
    flex-grow: 0;
}
.bottom_divider_line{
    margin:120px 0px
}
/*Product - Charging Kit Page  CSS End*/

/*Soluction - Drone Application Page  CSS Start*/
.da_banner_image{
    height: 393px;
}
.da_dnest3_sec{
    padding:0 0 0px 20px;
    margin:180px 0px 60px 0px
}
.da-sec{
    padding: 0px 0px  0px 20px;
}
.drone-app-icon-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    /* width: 593px; */
}
.da-icon-first-row{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 50px;
    gap: 10px; 
}
.da-icon-second-row{
    width: 300px;
}
.da-middle-icon{
    width: 300px;
}
.da-border-right{
    border-right: 2px solid;
    border-image-slice: 1; 
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
}
.da-border-left{
    border-left: 2px solid;
    border-image-slice: 1; 
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0) 100%);
}
.da-icons{
    width: 30px;
    height: 30px;
    /* background: linear-gradient(180deg, rgba(208, 213, 221, 0.8) 0%, rgba(182, 171, 241, 0.8) 100%); */
}
.opacity_hover:hover{
    background: linear-gradient(180deg, rgba(208, 213, 221, 0.8) 0%, rgba(182, 171, 241, 0.8) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
/*Soluction - Drone Application Page  CSS End*/

/*Soluction -BMOS Page  CSS start*/
.bmos_sec{
    padding: 180px 0px;
}
.bmos_os_sec{
    padding: 120px 0px
}
.bmos_scs_sec{
    padding:180px 0px 0px 0px;
    background: radial-gradient(26.48% 26% at 50% 50%, #311566 0%, rgba(16, 13, 39, 0) 100%); 
}
.power_bm_icon{
    margin-bottom: 20px;
}
.power_bm_icon_title{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    align-items: center;
    text-transform: capitalize;
    color: #EFF2F6;
}
.power_bm_title{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 64px;
    line-height: 64px;
    color: #EFF2F6; 
}
.seamless_description{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    display: flex;
    align-items: center;
    text-align: center;
    color: rgba(226, 230, 255, 0.65);
}
.seamless_card{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 8.1%, rgba(255, 255, 255, 0.08) 15.5%, rgba(255, 255, 255, 0.075) 22.5%, rgba(255, 255, 255, 0.07) 29%, rgba(255, 255, 255, 0.067) 35.3%, rgba(255, 255, 255, 0.063) 41.2%, rgba(255, 255, 255, 0.06) 47.1%, rgba(255, 255, 255, 0.055) 52.9%, rgba(255, 255, 255, 0.047) 58.8%, rgba(255, 255, 255, 0.043) 64.7%, rgba(255, 255, 255, 0.04) 71%, rgba(255, 255, 255, 0.035) 77.5%, rgba(255, 255, 255, 0.03) 84.5%, rgba(255, 255, 255, 0.03) 91.9%, rgba(255, 255, 255, 0.03) 100%);
    border-radius: 24px;
    height: 175px;
}
/*Soluction - BMOS Page  CSS End*/

/* Responsive */
@media only screen and (min-width: 991px) {
    /* For desktop: */
    .col-ck-1 {width: 8.33%;}
    .col-ck-2 {width: 16.66%;}
    .col-ck-3 {width: 18%;}
    .col-ck-4 {width: 31%;}
    .col-ck-5 {width: 41.66%;}
    .col-ck-6 {width: 49%;}
    .col-ck-7 {width: 58.33%;}
    .col-ck-8 {width: 66.66%;}
    .col-ck-9 {width: 75%;}
    .col-ck-10 {width: 83.33%;}
    .col-ck-11 {width: 91.66%;}
    .col-ck-12 {width: 100%;}
  }
@media only screen and (max-width: 767px) {
    /* For desktop: */
    .col-k-1 {width: 8.33%;}
    .col-k-2 {width: 16.66%;}
    .col-k-3 {width: 18%;}
    .col-k-4 {width: 31%;}
    .col-k-5 {width: 41.66%;}
    .col-k-6 {width: 49%;}
    .col-k-7 {width: 58.33%;}
    .col-k-8 {width: 66.66%;}
    .col-k-9 {width: 75%;}
    .col-k-10 {width: 83.33%;}
    .col-k-11 {width: 91.66%;}
    .col-k-12 {width: 100%;}
  }
@media (min-width: 992px){
    header .navbar .nav-link {
        padding: 0px 12.12px !important;
    }
}
@media (max-width: 991px){
    .Intro-btn{
        height: 80px;
    }
    .video-wrapper {
        height: 100%;
    }
    .charging_kit_key_card{
        padding: 0px 0 0 22px;
    }
    .product_tech_cta{
        height: auto;
        padding: 40px 15px;
    }
	
      
}
@media (max-width: 767px){
    .arrow_part{        
        margin-top: 32% !important;        
    }
    .logo-expand{
        height: 25px;
    }
    .btn-close {
        opacity: 1;
    }
    .navbar-toggler-icon {
        font-size: 25px;
    }
    header .navbar {
        padding: 4px 0px;
    }
    ul.sub-menu.dropdown-menu.show {
        margin: 0px;
    }
    .navbar-nav .dropdown-menu {
        position: static;
        border: none;
        background: none;
        display: flex;
        flex-direction: column;
    }
    .dropdown-item {
        text-align: center;
    }
    header .navbar .dropdown-toggle::after {
        background-image: none;
        width: 0px; 
    }
    header .navbar .nav-link {
        padding: 0px;
        margin-top: 35px;
        font-weight: 500;
        font-size: 24px;
        line-height: 26px;
    }
    .dropdown-item {
        padding: 5px 30px;
    }
    .home-page-bg-video-wrap{
    	padding:0px
    } 
    .home-bg-video-wrap{
    	padding:0px
    } 
    #home-intro{
        padding: 60px 0px;
    }  
    .Intro-btn{
        height: 80px;
    }
    .video-wrapper {
        height: 100%;
    }
    .text-overlay{
        margin:300px 0 0 0;
    }
    .text-image-overlay{
        margin:200px 0 0 0;
    }
    .banner-sub-title{
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .home-decripition{
        padding: 0px;
    }
    .home-page-banner-titles{
        font-size: 30px;
        line-height: 34px;
    }
    .home-intro-images{
        margin-bottom: 20px;
    }
    .home-images{
        margin-top: 20px;
    }    
    .product_model_image{
        padding: 40px 10px 0px;
    }
    .home-sub-title-text{
        font-size: 34px;
        line-height: 42px;
    }
    .intro-sec{
        padding:40px 8px;
    }
    .Ranch-sec{
        padding: 40px 8px;
    }
    .home-cta-sec{
        padding: 80px 8px ;
    }
	.banner-title{
        font-size: 30px;
        line-height: 34px;
        color: #EFF2F6;
    }
    .banner_description{
        padding: 0px 15px;    
        font-size: 14px;
        line-height: 21px;    
    }
    .banner_description p{
        padding: 0px ;      
    }
    .banner_image{
        object-fit: cover;
        width: 320px;
        height: auto;
    }
    ul.sub-menu.dropdown-menu.show {
        width: 100%;
    }
    .offcanvas-header {
        padding: 22px 16px;
    }
    .intro-product-btn{
        justify-content: center;
    }
    .intro-solction-btn{
        justify-content: center;
    }
    .intro-use-cases-btn{
        justify-content: center;
    }
    .use-cases-btn{
        margin-top: 0px;
    }
    .docking_banner_image {
        height: 222px;
        width: 393px;
        margin-top: 140px;
    }
    .chargingkit_banner_image {
        height: 222px;
        width: 393px;
    }
    .all-capitalize-title{
        font-size: 30px;
        line-height: 36px;
    }
    .cta_sec_background{
        padding: 80px 20px;
    }
    .intro-btn-container{
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 22px;
        padding: 20px 50px;
        height: 62px;
    }
    .range-key-content{
        width:150px;
    }
    
    /* Chargeing Kit */
    .heisha_dpad_sec{
        margin: 0;
    }
    .ck-sec{
        padding: 20px 16px;
    }
    .heisha_card_sec {
        margin: 10px 0px;
        width: 100%;
        height: auto;
    }
    .heisha_text_des{
        padding-bottom: 30px;
    }
    .ck_key_card{
        padding: 0 0;
        margin: 0 0 30px 0;
    }
    /* Docking stations */
    .product_intro{
        padding: 0 12px ;
        margin-top: 80px;
    }
    .bullet-point-description-text{
        font-size: 14px;      
    }
    .bullet-point-description-text {
        border-left-width: none;
        border-left-style: none;
        border-image: none;
    }
    .product_ck_model_name{
        font-size: 14px;
        line-height: 18px;
    }
    .products-cta-sec{
        padding: 80px 0px;
        margin:0 20px;
    }
    .products_keypoints{
        padding: 20px 24px;
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .descripition-text {
        font-size: 14px;
        line-height: 21px;
    }
    .cta-subtitle{
        font-size: 14px;
        line-height: 18px;
    }     
    .product_key_title{
        font-size: 14px;
        line-height: 24px;
        margin-top: 20px;
        padding-bottom: 10px;
    }
    .product_key_list{
        border-left-width: 0px;
        border-left-style: none;
        border-image: none;
        padding: 0px;
        font-size: 14px;
        line-height: 21px;
    }
    .divider_line{
        display: none;
    }
    /* Chargeing Kit */
    .col-ck-6{
        padding: 0px;
     }
    .bottom_divider_line{
        margin:40px 0px
    }
    .heisha_dpad_sec{
        padding: 0px;
    }
    .heisha_m30_sec{
        padding: 0px;
    }
    /* Drone Application */
    .da_banner_image{        
        height: 100%;
        width: 100%;
        margin-top: 129px;
        /* object-fit: cover; */       
    }
    .da-sec{
        padding: 40px 8px 40px 8px;
    }
    .da_divider_line{
        display: none;
    }
    .da-middle-icon{
        width: 200px;
    }
    .da_dnest3_sec{
        padding: 40px 8px 40px 8px;
        margin:0px;
    }
    .da-icon-first-row{
        padding: 25px 6px;
    }
    .da-icon-second-row{
        width: 230px;
    }
    .drone-app-icon-container{
        padding-top: 30px;
    }
    /* BMOS Page */
    .bmos_banner_image{       
       	width: 393px;
    	height: 222px;
    	margin-top: 70px;
    	object-fit: cover;
    }
    .bmos_sec{
        padding: 40px 15px;
    }
    .bmos_os_sec{
        padding: 40px 15px;       
    }
    .bmos_scs_sec{
        padding: 40px 15px;
    }
    .power_bm_title{
        font-size: 34px;
        line-height: 36px;
    }
    .footer{
        padding: 30px 8px 20px 8px;
    }
    .footer_responsive_hide{
        display: none;
    }
    .footer-bar-ul {
        display: block !important;
    }
    .footer-link-title {
        margin-top: 25px;
    }
    .menu-item{
        list-style: none;
        padding: 0 0px;
    }
	.copy-right-sec{
        margin:12px 0px 30px 0px
    }	
    .copy-right-text{
        margin: 10px 0  0 7px ;
    }	
}