@font-face {
    font-family: "OpenSans-Regular";
    src: url("./assets/fonts/OpenSans-Regular.ttf") format("truetype");
    font-display: swap;
  
    }

    @font-face {
    font-family: "Poppins-Regular";
    src: url("./assets/fonts/Poppins-Regular.ttf") format("truetype");
    font-display: swap;
  
    }

    body{
        font-family: "OpenSans-Regular";
    }
    h1,h2,h3,h4,h5,h6{
        font-family: "Poppins-Regular";
    }
    p, a{
         font-family: "OpenSans-Regular";
    }

.jumbotron {

    background-color: unset!important;
}

.home-hero{
/*    background-size: cover;
height: 60vh;
 background-position: 50% 60%;
    background-repeat: no-repeat;*/
background-size: cover;
    height: 65vh;
    background-position: 50% 75%;
    background-repeat: no-repeat;
    -webkit-mask-image: linear-gradient(to bottom,black 20%,black 80%,transparent 100%);
}

.color-ff7908{
    color:#ff7908;
}
.swiper-pagination-bullet {
     background-color:#172c50!important;
}
.bg-1f3660{
    background:#1f3660;
}

.security-systems{
  background-size: cover;
  background-position: 50% 15%;
  background-repeat: no-repeat;
  border: 0px solid transparent!important;

}

.card-ai-sec{
    background-image: url('/wp-content/uploads/2023/12/FEATURE-CARD-5.png');
    background-size: cover;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    height:50vh;
    border-radius: 10px;
}
.card-ai-sec2{
    background-image: url('/wp-content/uploads/2023/12/FEATURE-CARD-6.png');
    background-size: cover;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    height:50vh;
    border-radius: 10px;
}

.security-systems-gi{
background-image: url('/wp-content/uploads/2023/12/gi.png');
  background-size: cover;
  background-position: 50% 15%;
  background-repeat: no-repeat;
  border: 0px solid transparent!important;

}

.security-systems-gi:hover{
     background-image: url('/wp-content/uploads/2023/12/FEATURE-CARD-01.png');
    
     background-size: cover;
  background-position: 50% 15%;
  background-repeat: no-repeat;
  border: 0px solid transparent!important;
}

.security-systems-id{
background-image: url('/wp-content/uploads/2023/12/id.png');
  background-size: cover;
  background-position: 50% 15%;
  background-repeat: no-repeat;
  border: 0px solid transparent!important;

}

.security-systems-id:hover{
     background-image: url('/wp-content/uploads/2023/12/FEATURE-CARD-02.png');
    
     background-size: cover;
  background-position: 50% 15%;
  background-repeat: no-repeat;
  border: 0px solid transparent!important;
}

.security-systems-ld{
background-image: url('/wp-content/uploads/2023/12/ld.png');
  background-size: cover;
  background-position: 50% 15%;
  background-repeat: no-repeat;
  border: 0px solid transparent!important;

}

.security-systems-ld:hover{
     background-image: url('/wp-content/uploads/2023/12/FEATURE-CARD-03.png');
    
     background-size: cover;
  background-position: 50% 15%;
  background-repeat: no-repeat;
  border: 0px solid transparent!important;
}

.security-systems-cd{
background-image: url('/wp-content/uploads/2023/12/ld.png');
  background-size: cover;
  background-position: 50% 15%;
  background-repeat: no-repeat;
  border: 0px solid transparent!important;

}

.security-systems-cd:hover{
     background-image: url('/wp-content/uploads/2023/12/cd.png');
    
     background-size: cover;
  background-position: 50% 15%;
  background-repeat: no-repeat;
  border: 0px solid transparent!important;
}

.security-systems-ai{
background-image: url('/wp-content/uploads/2023/12/FEATURE-CARD-05.png');
  background-size: cover;
  background-position: 50% 15%;
  background-repeat: no-repeat;
  border: 0px solid transparent!important;

}

.security-systems-ai:hover{
     background-image: url('/wp-content/uploads/2023/12/ai.png');
    
     background-size: cover;
  background-position: 50% 15%;
  background-repeat: no-repeat;
  border: 0px solid transparent!important;
}

.naked-btn{
border:1px solid #a8b0bf;
background:#fff;
color:#606f8a;
padding:5px;
}

.fs-14px{
  font-size: 14px;
}
.fs-12px{
  font-size: 12px;
}
 .h-400px{
height:400px!important;
 }

 .mission-bg{
  background-size: cover;
    height: 45vh;
    background-position: 50% 50%;
    background-repeat: no-repeat;
 }

 .ai-video-hero {
    background-size: cover;
    height: 80vh;
    background-position: 50% 9%;
    background-repeat: no-repeat;
}

.use-cases-hero {
    background-size: cover;
    height: 45vh;
    background-position: 50% 20%;
    background-repeat: no-repeat;
}

 input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
      border: 0px solid #ccc!important;
 }

 .mfp-wrap .form-popup input[type="text"], .mfp-wrap .form-popup input[type="password"], .mfp-wrap .form-popup input[type="date"], .mfp-wrap .form-popup input[type="datetime"], .mfp-wrap .form-popup input[type="datetime-local"], .mfp-wrap .form-popup input[type="month"], .mfp-wrap .form-popup input[type="week"], .mfp-wrap .form-popup input[type="email"], .mfp-wrap .form-popup input[type="number"], .mfp-wrap .form-popup input[type="search"], .mfp-wrap .form-popup input[type="tel"], .mfp-wrap .form-popup input[type="time"], .mfp-wrap .form-popup input[type="url"], .mfp-wrap .form-popup textarea, .mfp-wrap .form-popup select, .custom-form-2 input[type="text"], .custom-form-2 input[type="password"], .custom-form-2 input[type="date"], .custom-form-2 input[type="datetime"], .custom-form-2 input[type="datetime-local"], .custom-form-2 input[type="month"], .custom-form-2 input[type="week"], .custom-form-2 input[type="email"], .custom-form-2 input[type="number"], .custom-form-2 input[type="search"], .custom-form-2 input[type="tel"], .custom-form-2 input[type="time"], .custom-form-2 input[type="url"], .custom-form-2 textarea, .custom-form-2 select {
    border-bottom: 1px solid!important;
    box-shadow: unset!important;
   
}

 .footer-top-container{
    display:none;
  }

#footer .footer-form .inline-button .button {

    background-color: #ff8400!important;
}

#footer ul.social-links a {
    color: #de5400!important;
  }

  #footer .icon {
    color: #de5400!important;
}

.mfp-container {
    height: 0%!important;

}

.mySwiper {
  /*width: 600px;
  height: 300px;
*/ /* mask-image: linear-gradient(transparent,
          black 20%,
          black 80%,
          transparent 100%)!important;
      -webkit-mask-image: linear-gradient( to right,transparent,
          black 20%,
          black 80%,
          transparent 100%)!important;*/

          /*mask-image: linear-gradient(to right,black 20%,black 80%,transparent 100%)!important;
          -webkit-mask-image: linear-gradient(to right,black 20%,black 80%,transparent 100%)!important;*/


/*mask-image: linear-gradient(to right,black 68%,#00000000 97%,#000000 100%)!important;
                  -webkit-mask-image: linear-gradient(to right,black 68%,#00000000 97%,#000000 100%)!important;*/
    padding: 25px 25px 25px 25px!important;


}

 .custom-prev1{
    left: -5px!important;
}

.custom-next1{
    right: -5px!important;
}

 .custom-prev2{
    left: 15px!important;
}

.custom-next2{
    right: 15px!important;
}

.custom-next1:after, .custom-prev1:after {
    font-size: 30px!important;
}

.custom-next2:after, .custom-prev2:after {
    font-size: 30px!important;
}

.mySwiper2 {
  /*width: 600px;
  height: 300px;
*/  
/*mask-image: linear-gradient(transparent,
          black 20%,
          black 80%,
          transparent 100%)!important;
      -webkit-mask-image: linear-gradient( to right,
          black 20%,
          black 80%,
          transparent 100%)!important;*/
          /*mask-image: linear-gradient(to right,black 68%,#00000000 97%,#000000 100%)!important;
                  -webkit-mask-image: linear-gradient(to right,black 68%,#00000000 98%,#000000 100%)!important;*/
                  mask-image: linear-gradient(to right,black 110%,#00000000 100%,#000000 100%)!important;
                      -webkit-mask-image: linear-gradient(to right,black 110%,#00000000 100%,#000000 100%)!important;
       padding: 25px 25px 25px 25px!important;
}

.mySwiper5 {
  /*width: 600px;*/ 
  height: 420px;
 mask-image: linear-gradient(transparent,
          black 20%,
          black 80%,
          transparent 100%)!important;
      -webkit-mask-image: linear-gradient( to right,transparent,
          black 20%,
          black 80%,
          transparent 100%)!important;
}

.mySwiper6 {
  /*width: 600px;
  height: 300px;
*/mask-image: linear-gradient(transparent,
          black 20%,
          black 80%,
          transparent 100%)!important;
      -webkit-mask-image: linear-gradient( to right,
          black 20%,
          black 80%,
          transparent 100%)!important;
}

.swiper-slide{
        width: 400px;
}

.custom-use-cases{
width: 85px;height: 40%;
}



.carousel-caption {
    text-align: left!important;
}

.carousel-caption-top {
  
    top: 15%!important;
  
    text-align: left!important;
}


.carousel-caption-bottom {
  
    bottom: 0%!important;
    text-align: right!important;
    right: 5%;
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {

    opacity: 1!important;
}

.carousel-control-next, .carousel-control-prev {
  opacity: 1!important;
}

.mobile-col-use-cases{
    width: 15%;float: left;
}

.mobile-col-use-cases2{
    width: 70%;float: right;
}

@media only screen and (max-width: 767px){
    .home-hero {
    
    height: 80vh!important;
}
.mySwiper {
    padding: 25px 15px 25px 15px!important;
}
.mySwiper2 {
    padding: 25px 15px 25px 15px!important;
}
        .custom-use-cases{
width: 100%!important;height: 40%;
}
.mobile-col-use-cases{
    width: 100%!important;float: unset!important;
}
.mobile-col-use-cases2{
        width: 100%!important;float: unset!important;
}

.card-ai-sec{

    background-position: 100% 50%!important;
 
}
.card-ai-sec2{
   background-position: 100% 50%!important;
}


}

@media only screen and (max-width: 1023px)
{
    .logo img {
    max-width: 140px!important;
    margin-top: 15px!important;
    padding-left: 10px!important;
}
.h-400px {
    height: auto!important;
}
.footer-form {
    margin-top: 10px!important;
    }


}