.logo-scroller-wrapper {
      position: relative;
      overflow: hidden;
      height: 120px;
      width: 100%;
      
    }

    .logo-scroller {
      display: flex;
      width: max-content;
      animation: scroll-left 60s linear infinite;
    }

    .logo-scroller img {
      height: 100px;
      margin: 0 30px;
      object-fit: contain;
    }

    /* Create seamless infinite scroll */
    @keyframes scroll-left {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    /* Fading edges */
    .fade-left, .fade-right {
      position: absolute;
      top: 0;
      width: 100px;
      height: 100%;
      z-index: 2;
      pointer-events: none;
    }

    .fade-left {
      left: 0;
      background: linear-gradient(to right, #fff 0%, transparent 0%);
    }

    .fade-right {
      right: 0;
      background: linear-gradient(to left, #fff 0%, transparent 0%);
    }

.open-sans-<uniquifier> {
  font-family: "Open Sans", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.bn-xx a {
	margin-top: 20px;
	display: inline-block;
}
html {
  scroll-behavior: smooth;
}

/* Video Popup Modal */
.video-modal {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.8);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.video-content {
  position: relative;
  background: #000;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 30px rgba(0,0,0,0.5);
  max-width: 90%;
}

.close-video {
  position: absolute;
  top: 10px; right: 20px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  z-index: 10;
}
/* Video Popup Modal */

header {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #0b2526;
}
.icon-sec-top a {
	color: #000;
}
.icon-sec-top a:hover {
	color: #eb4f0c;
	text-decoration: none;
}
.mx-in .hero-content button:hover {
	background: #eb4f0c;
	border: 1px solid #eb4f0c;
	color: #fff;
}

.mx-in .hero-content button.active {
	background: #eb4f0c;
	border: 1px solid #eb4f0c;
	color: #fff;
}

.sc-btn button a:hover {
	color: #fff;
}
p {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
}
.bn-xx p {
	font-family: Swis721 Cn BT;
	font-size: 43px;
	font-weight: 400;
	line-height: 54px;
	color: #fff;
}
svg {
	overflow: hidden;
	vertical-align: middle;
	width: 28px;
	margin-right: 8px;
}


.section-2 button {
	background: #21559d;
	padding-left: 33px;
	padding-right: 33px;
	padding-bottom: 10px;
	color: white;
	font-size: 26px;
	font-family: Montserrat;
	margin-top: 36px;
	padding-top: 10px;
	fill: #fff;
	border: none;
}

.rdr-cx-2 {
	display: flex;
	align-items: center;
}
.nav-1 a {
	display: block;
	color: #fff;
}
.text-dv {
	position: absolute;
	top: 41px;
	left: 113px;
	font-style: italic;
	color: #827d74;
	display: none;
}

.main-top-bg {
		background-image: url(../images/top-banner-bg.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
}
.banner {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 245px 0px 200px 0px;
}



.rdr-cx {
	background: #eaeaeac4;
	padding: 40px;
	margin: 0 auto !important;
	text-align: center;
}

.banner-top h1 {
	font-family: Open Sans;
	font-size: 64px;
	font-weight: 700;
	color: #4c91a2;
	text-shadow: 3px 4px 7px rgba(0, 0, 0, 0.3);
}
.in-nav {
	list-style: none;
	padding: 0;
	display: flex;
	margin: 0;
}
.icon-sec-top h6 {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	margin-top: 10px;
}
.icon-sec-top .sc-btn {
	margin-top: 30px !important;
	margin-bottom: 15px;
}
.hero {
	margin-top: 30px;
}
#human-d .hero-content {
	padding-left: 70px;
}
#security-d .hero-content {
	padding-left: 70px;
}
.in-nav li {
	padding: 0px 37px;
	font-size: 16px;
}
.nav-1 {
	display: flex;
	font-size: 21px;
	font-family: Swis721 Cn BT;
	align-self: center;
}

.bn-xd {
	align-self: center;
}

.nav-1 button {
	background: #eb4f0c;
	border-radius: 0px;
	padding-left: 31px;
	padding-right: 30px;
	margin-bottom: 14px;
	padding-bottom: 5px;
	color: white;
	font-size: 20px;
	font-family: Montserrat;
	border: none;
}

.bn-xx {
	text-align: center;
	color: #000;
}
.banner-3 h3 {
	font-family: Swis721 Cn BT;
	font-size: 50px;
	font-weight: 700;
	line-height: 62px;
	color: #fff;
	text-align: left;
}
.banner-3 p {
	font-size: 21px;
	font-family: swis721 Cn BT;
	color: #fff;
	font-weight: 700;
}

.bn-xx.sdt{
	text-align: left;
}
.banner-3 button {
	background: #eb4f0c;
	padding-left: 33px;
	padding-right: 33px;
	padding-bottom: 10px;
	color: white;
	font-size: 18px;
	font-family: Montserrat;
	margin-top: 40px;
	padding-top: 10px;
	border: none;
	border-radius: 30px;
	fill: #fff;
	font-weight: 500;
}

.bn-xx.sdt img {
	width: 100%;
}
.banner-3 {
	background-image: url(../images/bg-3.jpg);
	padding-top: 100px;
	padding-bottom: 135px;
}
.banner-3 svg {
	margin-left: 0px;
	width: 22px;
}

.section-4 button {
	background: #eb4f0c;
	padding-left: 33px;
	padding-right: 33px;
	padding-bottom: 10px;
	color: white;
	font-size: 26px;
	font-family: Montserrat;
	margin-top: 36px;
	padding-top: 10px;
	fill: #fff;
	border-radius: 30px;
	border: none;
	font-weight: 500;
}

.rdr-cx-4 {
	display: flex;
	align-items: center;
}

.sc-btn button{
	color: #212529;
	background-color: #eb4f0c;
	border-color: #eb4f0c;
	padding: 10px;
	border-radius: 7px;
	font-size: 18px;
	font-family: Montserrat;
	font-weight: 600;
	border:#212529;
}
.icon-sec-top {
	background: #fff;
	margin-top: -118px;
	border-radius: 11px;
	padding: 30px 0px;
}

.icon-sec-top {
	background: #fff;
	margin-top: -148px;
	border-radius: 11px;
	padding: 30px 0px;
	box-shadow: 0 0px 14px rgba(0, 0, 0, 0.18);
}

.sc-btn button a{
	color: #fff;
}
.banner-5 {
	position: relative;
	background-image: url(../images/bg-5.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 120px 0;
}
.banner-5 h2 {
	font-size: 43px;
	font-family: Swis721 Cn BT;
	font-weight: 700;
	color: #fff;
}
.banner-5 p {
	font-size: 26px;
	font-family: Montserrat;
	color: #fff;
	font-weight: 600;
	text-align: center;
	line-height: 46px;
}

.banner-5 h2 {
	font-size: 43px;
	font-family: Swis721 Cn BT;
	font-weight: 700;
	color: #fff;
	text-align: center;
}
.banner-5 button {
	background: #eb4f0c;
	padding-left: 36px;
	padding-right: 36px;
	padding-bottom: 14px;
	color: white;
	font-size: 17px;
	font-family: Montserrat;
	margin-top: 20px;
	padding-top: 14px;
	border-radius: 35px;
	border: none;
	fill: #fff;
	font-weight: 500;
}

.inx-cd {
	text-align: center;
}
.logo-sec {
	background: #ececec;
	padding: 20px 0;
}
.logo-sec img {
width:100%;
}
.banner-7 p {
	font-size: 25px;
	font-family: Montserrat;
	text-align: center;
	color: #fff;
	line-height: 51px;
	padding: 15px 50px;
	margin: 0px 50px;
	font-weight: 600;
	color: #000;
}
.banner-7 button {
	background: #eb4f0c;
	padding-left: 36px;
	padding-right: 36px;
	padding-bottom: 14px;
	color: white;
	font-size: 18px;
	font-family: Montserrat;
	padding-top: 10px;
	border-radius: 35px;
	border: none;
	padding-bottom: 10px;
	margin-top: 20px;
	font-weight: 500;
}
.pdx-mx {
	background-image: url(../images/bg-7.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 120px 0px;
}

	.container-fluid.footer-white-bg {padding-bottom:190px;}
	.footer-white-bg .bottom-nav ul li.nav-item ul.dropdown-menu li {float: none; margin:0 10px; padding: 3px 0;}
	.footer-white-bg .bottom-nav ul li.nav-item ul.dropdown-menu{min-width:200px;}
	.fac {font-size:16px; display: inline-block; text-align:center;
  line-height: 30px;
  width: 30px;
  height: 30px;
  border-radius: 36px;
  background-color: #39579a;
  color: #fff;
  margin: 0 0px 3px 0;}
  .fac:hover { background-color: #4268bc;}
  .footer-grey-bg .icon-back a {margin: 0 0 0 5px!important;}
  
.footer-link-bg hr {
	background: #ed7d31;
	height: 4px;
	width: 40px;
	margin: 20px 0;
	border: none;
}

.footer-link-bg {
	background: #313131;
	padding: 65px 15px;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.footer-link-bg ul li a {
    font-size: 15px;
    font-weight: 400;
    color: #d7d7d7;
    padding: 0;
    display: inline-block;
}

.footer-link-bg ul li {
    font-size: 15px;
    font-weight: 400;
    display: block;
    color: #d7d7d7;
    padding: 5px 0;
}

.footer-link-bg ul.contact li a {
    color: #ed7d31;
}

.footer-link-bg h3 {
    font-size: 16px;
    font-weight: 500;
    color: #FFF;
}

.container-fluid.footer-white-bg {
    padding-bottom: 60px;
}
.footer-grey-bg span {
    font-size: 17px;
    font-weight: 600;
    color: #094a9c;
    line-height: 24px;
    max-width: 600px;
}
.footer-white-bg p {
    margin: 0;
    padding: 0;
    font-size: 13px!important;
    color: #666;
}
.footer-white-bg .bottom-nav ul li a {
    font-size: 14px;
    color: #094a9c;
}

.footer-white-bg .bottom-nav ul li {
    float: left;
    margin: 0 15px 0 0;
}

.footer-grey-bg {
    background: #eaeaea;
    padding: 25px 15px;
}
.footer-grey-bg .bottom-top-arrow {
    margin: -60px 0 0 0;
}


.bn-xd button {
	background: #eb4f0c;
	/* padding-left: 33px; */
	/* padding-right: 11px; */
	padding-bottom: 10px;
	color: white;
	font-size: 15px;
	font-family: Montserrat;
	margin-top: 0px;
	padding-top: 10px;
	border: none;
	font-weight: 600;
	padding: 8px 20px;
	border-radius: 53px;
}
.footer-white-bg {
    background: #FFF;
    padding: 15px;
}

.dropdown-menu.show li a {
	color: #000;
}
.dropdown-menu.show li {
	padding: 3px 13px;
}

.in-nav li a:hover {
	color: red;
}
.homan-cn-img img {
	width: 100%;
	box-shadow: 0 0px 8px rgba(0, 0, 0, 0.36);
	border: 2px solid #fff;
}

.hero-content {
	align-self: center;
}
.hero-content h1 {
	font-size: 42px;
	font-family: Open Sans;
	font-weight: 700;
	color: #000;
}

.hero-content p {
	font-size: 22px;
	font-family: Open Sans;
	font-weight: 500;
	color: #000;
}

.hero-content button {
	border: 1px solid #000;
	padding: 9px 20px;
	border-radius: 53px;
	/* margin-top: 20px; */
	color: #000;
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	background: #fff;
	margin-top: 20px;
}
.mx-in {
	padding: 30px 0px;
}
.homan-cn-img {
	padding-left: 0!important;
}

.watch-video {
	background: red;
	background: #ff6000 !important;
	color: #ffff !important;
	border: 1px solid #ff6000 !important;
}


/* Request demo POPUP */
.req_demo_popup { position:fixed; left:0; top:0; display:none; z-index:9999; padding:15px 20px; background-color:#0b4e9a; border:7px solid #e1e1e1; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; khtml-border-radius:15px; width: 450px; height: auto;}

.req_demo_popup .req_demo_close { font-size: 20px; font-weight: bold; color: #ff0000; float: right; cursor: pointer; margin: 0; }
.req_demo_popup .req_demo_content { padding: 10px; color:#FFFFFF;}
.req_demo_popup .req_demo_content input { margin-bottom: 10px; width: 100%; height: 40px; border:none; padding: 3px 10px;;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color: #000; font-size: 14px; margin-top:5px;}
.req_demo_popup .req_demo_content input:focus{outline:none;}
.req_demo_popup .req_demo_content .button {font-size:20px!important; width:100%; display:block; padding: 10px 20px; text-align: center; margin: 12px 5px 0 0; color: #ffffff; background: #ed7d31; cursor: pointer; font-size: 12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}


@media screen and (min-width:100px) and (max-width:767px){
.req_demo_popup{max-width: 300px!important; left: 0!important; right: 0!important; margin: auto!important;}
}

#imgLoader, #imgLoaderCon, #imgLoaderReq, #imgLoader1, #imgLoader2, #imgLoader22 {display: none;}


#msg_common {
top: 5px;
    left: 559.391px;
    display: none;     
    
    position: fixed;
    font-family: Verdana, Geneva, sans-serif;
    color: #ffffff;
    font-size: 16px;
    padding: 10px;
    background: #E46F11;
    z-index: 10000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    
}
 #msg_common #msg_common_title {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}




@media ( min-width:320px ) and ( max-width:767px ){ 
	
	
.banner {
	padding: 100px 0px 100px 0px;
}
.banner-top h1 {
	font-size: 45px;
}	
.rdr-cx {
	padding: 20px 0px;
}

.icon-sec-top {
	margin: 12px;
	padding: 26px 1px;
}	

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

.homan-cn-img {
	padding-left: 15px !important;
}

.hero-content {
	padding: 30px;
}

.logo {
	text-align: center;
	padding: 20px 0px;
}

.bn-xd{
	text-align: center;
	padding: 25px;
}
.mx-in.row.mb-rvrce {
	flex-direction: column-reverse;
}

.hero-content h1 {
	font-size: 35px;

}

.hero-content {
	text-align: center;
}
.hero-content p {
	font-size: 17px;
}
.banner-7 p {
	font-size: 20px;
	padding: 15px 10px;
	margin: 0px 0px;
}
.pdx-mx {
	padding: 40px 0px;
}
.banner-3 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.mx-in {
	padding: 0px 0px;
}
}


@media ( min-width:320px ) and ( max-width:992px ){ 

.bn-xd.col-lg-2.col-md-2.col-sm-2 {
	display: none;
}

.banner-7 p {
	padding: 15px 10px;
	margin: 0px 10px;
	
}
#human-d .hero-content {
	padding-left: 0;
}
#security-d .hero-content {
	padding-left: 0;
}
}


@media ( min-width:320px ) and ( max-width:479px ){ 

.main-top-bg {
	background-image: url(../images/top-banner-bg.jpg);
	background-size: 200% 100%;
	background-repeat: no-repeat;
	background-position: top left;
}
}




@media ( min-width:1400px ) and ( max-width:1920px ){ 

.banner {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 295px 0px 200px 0px;
}
}

/* Make all 4 video modals wider on desktop */
  #myModalvideo1 .modal-dialog,
  #myModalvideo2 .modal-dialog,
  #myModalvideo3 .modal-dialog,
  #myModalvideo4 .modal-dialog {
    width: 90%;
    max-width: 1200px;   /* change to 1400px if you want almost full width */
    margin: 1.75rem auto;
  }

  /* Responsive 16:9 video container */
  .modal-video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
  }

  .modal-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  /* On small screens: full width with small margins */
  @media (max-width: 767.98px) {
    #myModalvideo1 .modal-dialog,
    #myModalvideo2 .modal-dialog,
    #myModalvideo3 .modal-dialog,
    #myModalvideo4 .modal-dialog {
      width: 100%;
      margin: 10px;
    }
  }