header .nav-link{
  color: #0a2a4f;
}

.arabic_font{
  font-family: 'Cairo', sans-serif;
}
.heading_font, h1, h2, h3, h4, h5, h6, a{
  font-family: 'Poppins', sans-serif;
}
svg text{
  font-family: 'Poppins', sans-serif!important;
}
*, .content_font, p{
  font-family: 'Inter', sans-serif;
  color: #0a2a4f;
}
p, ul li{
  font-size: 1.125rem;

}
ul{
  list-style-image: url('images/tick.png');
  line-height: 2;
}

/*ul li{
  line-height: 2!important;
  position: relative;
}
ul li:before{
  position: absolute;
  content: '';
  background-image: url(images/tick.png);
}*/
.ltr_direction {
    direction: ltr;
    unicode-bidi: embed;
}
#section2 p, #section3 p, #section4 p, #section5 p, #section6 p, #section7 p, #section8 p, #section9 p{
    text-align: justify;
    word-spacing:-2px;
}
.se-pre-con{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  width: 100vw;
  height: 100vh;
  z-index: 9999999999;
  background: #fff;
  /*background: url(images/loader.gif) center no-repeat #fff;*/
}
.btn-check:focus+.btn-outline-secondary, .btn-outline-secondary:focus, .btn-check:active+.btn-outline-secondary:focus, .btn-check:checked+.btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus {
  box-shadow: none;
}
.highlight_color{
  color: #03adc3;
}
#navbar, #navbar2{
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
.fixed-top {
  animation: smoothScroll 1s forwards;
}

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}

.removefixed-top{
  animation: smoothScrollUp 1s forwards; 
}
@keyframes smoothScrollUp {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}

.section_hero{
  /*background-image: url(images/Hero.png);*/
  background-repeat: no-repeat;
  /*height: 80vh;*/
  background-position: center bottom;
  background-size: 50%;
  /*background-color: #e5fcff;*/
  /*position: relative;*/
}

.form-control, .form-control:focus{
  color: #0a2a4f;
  background-color: #ddd;
  border: 1px solid #fff;
}
.form-control:focus{
  box-shadow:  none;
}
.btn{
  color: #fff;
  background-color: #03adc3;
  border-color: #fff;
}

.features_img_wrap{
  position: relative;
}
.features_img_wrap img{
  max-width: 85%;
}
.features_vactor_wrap{
  position: absolute;
  top: 25%;
  right: -12%;
  background: #eee;
  padding: 20px;
  z-index: -1;
}

.rotate_shape{
  position: absolute;
  bottom: -40%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-animation:spin 4s linear infinite;
  -moz-animation:spin 4s linear infinite;
  animation:spin 4s linear infinite;
}
.rotate_shape rect{
  fill: #03adc3;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@-moz-keyframes spin_oppsite { 100% { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin_oppsite { 100% { -webkit-transform: rotate(-360deg); } }
@keyframes spin_oppsite { 100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } }


.section_bg{
  min-height: 300px;
  background-color: #0a2a4f;
}

.features_btn{
  padding: 10px;
  border-radius: 5px;
  background: #0a2a4f;
  color: #fff;
}
.features_btn:hover{
  color: #fff;
}

#Kiosk, #Kiosk_line, #Contactless_Check-in, #Contactless_Check-in_line, #Built-in_ID_Scan, #ID_Scan_line, #Visitors_Badge, #Visitors_Badge_line, #Web_Portal, #Web_Portal_line, #Scan_QR_Code, #QR_Code, #Scan_bar, #paperplane, #Kiosk_mob, #Kiosk_line_mob, #Contactless_Check-in_mob, #Contactless_Check-in_line_mob, #ID_Scan_mob, #ID_Scan_line_mob, #Visitors_Badge_mob, #Visitors_Badge_line_mob, #Web_Portal_mob, #Web_Portal_line_mob, #Scan_QR_Code_mob, #QR_Code_mob, #Scan_bar_mob, #I_would_like_to_meet, #Dropdown_line, #John_Doe{
  opacity: 0;
}
#You_re_checked-in, #Scan_ID, #check-mark, #EID, #Hand, #Touch_ripple, #Hand2, #Touch_ripple2, #You_re_checked-in_mob, #Scan_ID_mob, #check-mark_mob, #EID_mob, #Hand_mob, #Touch_ripple_mob, #Hand2_mob, #Touch_ripple2_mob{
  opacity: 0
}
/*#Hand, #Hand2{
  transform: translateY(50%);
}
#EID{
  transform: translateY(-20%);
}*/

#Karen_play, #Karen_pause, #John_play, #John_pause, #Karen_play_mob, #Karen_pause_mob, #John_play_mob, #John_pause_mob{
  cursor: pointer;
}
#Karen_pause, #John_pause, #Karen_pause_mob, #John_pause_mob{
  display: none;
}

.btnGetQuote{
  background: #03adc3;
  color: #ffffff;
}

.our_clients img{
  width: 100%;
  max-width: 180px;
}

.div_feature{
  display: flex;
  margin-top: 20px;
}
.div_feature div:first-child{
  width: 40px;
  margin-right: 10px;
}
.div_feature div:last-child{
  width: 200px;
}
.div_feature p{
  /*opacity: 0;*/
  font-size: 1rem;
}
.div_feature:hover p{
  opacity: 1;
  transition: 0.5s ease;
}
.div_feature img{
  width: 100%;
  height: 33px;
  object-fit: contain;
}
.div_feature h6{
	font-weight: 600;
}
.features_wrap{
  position: relative;
}
.features_box{
  background: #dff3ff;
  padding: 30px;
  border-radius: 10px;
  min-height: 237px;
  height: 100%;
}
.features_box img{
  height: 25px;
  width: auto;
  margin-right: 10px;
}
/*#features_box_1:before{
  position: absolute;
  content: '1';
  top: 20%;
  left: 0;
  font-size: 5vw;
  color: #d5d5d5;
}
#features_box_2:before{
  position: absolute;
  content: '2';
  top: 20%;
  right: 0;
  font-size: 5vw;
  color: #d5d5d5;
}
#features_box_3:before{
  position: absolute;
  content: '3';
  top: 20%;
  left: 0;
  font-size: 5vw;
  color: #d5d5d5;
}
#features_box_4:before{
  position: absolute;
  content: '4';
  top: 20%;
  right: 0;
  font-size: 5vw;
  color: #d5d5d5;
}*/

.types_of_visitors{
  cursor: pointer;
}
.types_of_visitors p{
  visibility: hidden;
  text-align:  center;
}
.types_of_visitors:hover p{
  visibility: visible;
}
.types_of_visitors {
    cursor: pointer;
    width: 20%;
}
.types_of_visitors:hover img{
  margin-top: -10px;
  transition: margin 100ms;
}

.happy_bg{
  background-image: url(images/bg.png);
  background-repeat: no-repeat;
  background-size: 17%;
  background-position: center;
  height: 270px;
}

.contact_details{
  background: #dff3ff;
  padding: 30px;
  border-radius: 10px;
}

.contact_form .form-control{
  border-bottom: 1px solid #bbbbbb;
  background: #fff;
  border-radius: 0;
  padding-left: 0;
}
.contact_form .form-control:focus ~ .form-label{
  color: #0a2a4f;
}
.contact_form .form-label{
  color: #bbb;
}
.paperplane_svg{
  width: 100%;
}
.error{
  border-bottom: 1px solid #f44336 !important;
}
footer{
  border-top: 1px solid #a3e7ef;
}
footer object{
  width: 30px; 
  pointer-events: none;
}
address, footer span, footer p{
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 0;
}

@media (orientation: portrait) {
  #mobJohnKaren {
    display: block;
  }
  #desktopJohnKaren {
    display: none;
  }
  .div_feature {
    padding: 0 25px;
    margin-left: auto;
    margin-right: auto;
    width: 350px;
  }
  .div_feature div:last-child {
    width: 300px;
  }
}
@media (orientation: landscape) {
  #mobJohnKaren {
    display: none;
  }
  #desktopJohnKaren {
    display: block;
  }
}


/*link*/
.link {
  height: 30px;
  align-items: center;
  color: #000;
  text-decoration: none;
  display: flex;
}

/* Hide extra text */
.mask {
  position: relative;
  padding: 0;
  height: 20px;

  /*  Remove overflow to see how it works　:) */
  overflow: hidden;
}

.link-container {
  transition: transform 0.4s ease;
}

.title {
  display: block;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #03adc3;
  /*  Set same font-size and line height  */
  font-size: 20px;
  line-height: 20px;

  transition: transform 0.4s ease;
}

.link-title1 {
  transform-origin: right center;
}

.link-title2 {
  transform-origin: left center;
  transform: rotate(20deg);
}

.link-icon {
  position: relative;
  width: 35px;
  height: 35px;
  background: #f8f8ff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;

  /*  Remove overflow to see how it works　:) */
  overflow: hidden;
}

.icon {
  display: block;
  position: absolute;
  transition: transform 0.4s ease;
}

.icon:nth-child(2) {
  transform: translate(-40px);
}

/* Hover Action*/

/* Move up two texts (20px = font-size) */
.link:hover .link-container {
  transform: translateY(-20px);
}

/* Rotate texts a little bit */
.link:hover .link-title1 {
  transform: rotate(20deg);
}

.link:hover .link-title2 {
  transform: rotate(0);
}

/* Move arrows to right */
.link:hover .icon:first-child {
  transform: translate(40px);
}

.link:hover .icon:nth-child(2) {
  transform: translate(0px);
}


/*added*/
.lang-item{
  list-style: none;
}
.lang-item a{
  font-family: 'Cairo', sans-serif;
  color: #212529;
  text-decoration: none;
}
.features_sec{
  line-height: 2!important;
}
.happy_customer_title{
  text-align: center;
  color: #e9e9e9;
  font-size: 3rem;
  margin-bottom: 35px;
}
.blog h1{
  line-height: 1.5!important;
  margin-bottom: 35px;
}
.blog p{
  line-height: 2!important;
  padding-bottom: 1.5rem!important;
  text-align: justify;
}
.blog li {
    line-height: 2!important;
    padding-bottom: 1.5rem!important;
    font-size: 1.125rem;
}
.blog_home img{
  width: 100%;
  margin-bottom: 20px;
}
.blog_home a{
  text-decoration: none;
}
.blog_home_title{
  color: #0a2a50;
  font-size: 2rem;
  margin-bottom: 35px;
}