/********** General **********/
a {
   transition: all .3s ease-in-out !important;
}
a:hover {
   color: #ffcb0f !important;
}
body nav .navbar-nav a.active {
   color: #ffcb0f !important;
}
body .btn.know_btn.black {
   background-color: #222533;
}
body .btn.know_btn.black:hover {
   border-color: #222533;
   background-color: #ffffff00;
   color: #222533 !important;
}
   /***** Subpage Breadcrumb End *****/
   #mu-page-breadcrumb {
      display: block;
      padding: 100px 0;
      width: 100%;
      position: relative;
   }
   #mu-page-breadcrumb:before {
      position: absolute;
      content: '';
      top: 0;
      left: 0;
      background-color: #333;
      width: 100%;
      height: 100%;
      opacity: 0.6;
   }
   #mu-page-breadcrumb .mu-page-breadcrumb-area {
      display: inline;
      float: left;
      width: 100%;
   }
   #mu-page-breadcrumb .mu-page-breadcrumb-area h2 {
      text-align: center;
      color: #fff;
   }
   #mu-page-breadcrumb .mu-page-breadcrumb-area .breadcrumb {
      background-color: transparent;
      border-radius: 0;
      margin-bottom: 0;
      margin-top: 10px;
      text-align: center;
      padding-bottom: 0;
   }
   #mu-page-breadcrumb .mu-page-breadcrumb-area .breadcrumb li {
      color: #fff;
   }
   #mu-page-breadcrumb .mu-page-breadcrumb-area .breadcrumb li a {
      color: #fff;
   }
   #mu-page-breadcrumb .mu-page-breadcrumb-area .breadcrumb .active {
      color: #ffcb0f;
   }
      /*** Contact Us Page ***/
      #mu-page-breadcrumb.contact {
         background: url(../images/contact.jpg);
         background-repeat: no-repeat;
         background-position: top 30% right 4%;
         background-size: cover;
      }
      /*** Contact Us Page End ***/


      /*** how 2fa works ***/
      #mu-page-breadcrumb.how-2fa {
         background: url(../images/how-2fa.jpg);
         background-repeat: no-repeat;
         background-position: top 30% center;
         background-size: cover;
      }
      /*** how 2fa works End ***/
   /***** Subpage Breadcrumb End *****/
/********** General End **********/


/********** Header **********/
/* body .header_section {
   position: fixed;
   top: 0;
   left: 0;
   width: 100vw;
   z-index: 99999;
   transition: all .3s ease-in-out;
}
body .header_section .logo-black {
   display: none;
}
body .header_section.sticky-active {
   background-color: #ffffff;
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}
body .header_section.sticky-active .logo-black {
   display: block;
}
body .header_section.sticky-active .logo-white {
   display: none;
}
body .custom_nav-container .navbar-nav {
   padding-top: 0;
}
body .header_section.sticky-active .custom_nav-container .navbar-nav .nav-item .nav-link {
   color: #0C0C0C;
} */
body .navbar-brand img {
   max-width: 202px;
}
body .home .carousel .item img {
   object-fit: cover;
}
/********** Header End **********/


/********** Why Use 2FA **********/
body #about {
   padding: 70px 0;
}
/********** Why Use 2FA **********/


/********** Why Use 2FA **********/
body #why_us .fa {
   width: 121px;
   height: 121px;
}
/********** Why Use 2FA End **********/


/********** Our Services **********/
body #services {
   padding-bottom: 100px;
}
body #services .service_item img {
   max-height: 260px;
   object-fit: cover;
}
/********** Our Services End **********/


/********** How 2FA **********/
body #how-2fa .container .row {
   display: flex;
   align-items: center;
}
body #how-2fa .container .row:first-child {
   margin-top: 40px;
}
body #how-2fa .container .row img {
   max-width: 450px;
}
body #how-2fa .about_content > p {
   text-align: center;
}
/********** How 2FA End **********/


/********** Newsletter **********/
body #contact_form {
   background: #ffcb0f none repeat scroll 0 0;
}
body #contact_form .row {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
body #contact_form h2 {
   color: #484848;
}
body #contact_form .second_heading {
   font-size: 30px;
}
body #contact_form .form-inline {
   display: flex;
   align-items: center;
}
body #contact_form .form-inline input[type=email].form-control {
   width: 100%;
   margin: 0;
}
body .newsletter-input {
   width: 100%;
   max-width: 388px;
   margin-right: 10px;
}
/********** Newsletter End **********/


/********** Contact Us Page **********/
#mu-contact {
   padding: 80px 0;
}
#mu-contact .mu-title {
   text-align: center;
   margin-bottom: 50px;
}
#mu-contact .mu-contact-area .mu-contact-content .mu-contact-left .contactform input[type="text"], #mu-contact .mu-contact-area .mu-contact-content .mu-contact-left .contactform input[type="email"], #mu-contact .mu-contact-area .mu-contact-content .mu-contact-left .contactform input[type="url"] {
   border: none;
   border: 1px solid #ddd;
   color: #555;
   margin-bottom: 10px;
   height: 35px;
   padding: 5px;
   width: 100%;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
}
#mu-contact .mu-contact-area .mu-contact-content .mu-contact-left .contactform textarea {
   border: none;
   border: 1px solid #ddd;
   color: #555;
   margin-bottom: 5px;
   padding: 10px;
   height: 150px;
   width: 100%;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
}
#mu-contact .mu-contact-area .mu-contact-content .mu-contact-left .contactform label .required {
   color: #f60;
}
.contact-info {
   margin-top: 30px;
}
.contact-info i {
   height: 30px;
   width: 30px;
   display: inline-block;
   background: #ffcb0f;
   text-align: center;
   line-height: 29px;
   margin-right: 10px;
   color: #fff;
   font-size: 20px;
}
/********** Contact Us Page End **********/


/********** Footer **********/
body footer {
   background: url(../images/footer.jpg)no-repeat;
   background-position: center;
   background-size: cover;
}
body .footer_item .list-unstyled > li a {
   display: flex;
   align-items: center;
}
body .footer_item .list-unstyled > li a:hover,
body .footer_item .list-unstyled > li a.active {
   color: #ffcb0f;
}
/********** Footer End **********/


/********** 991px and below **********/
@media (max-width: 991px) {
   /***** Header *****/
   /* body .navbar-collapse {
      background-color: #ffffff;
   }
   body .custom_nav-container .navbar-nav {
      padding-top: 15px;
   }
   body .header_section .custom_nav-container .navbar-nav .nav-item .nav-link {
      color: #0C0C0C;
   }
   body .header_section.sticky-active .custom_nav-container .navbar-toggler span,
   body .header_section.sticky-active .custom_nav-container .navbar-toggler span::before,
   body .header_section.sticky-active .custom_nav-container .navbar-toggler span::after {
      background-color: #0C0C0C;
   } */
   body nav.navbar.bootsnav .navbar-toggle {
      background-color: #fff0 !important;
   }
   body nav.navbar.bootsnav .navbar-toggle i {
      color: #fff;
   }
   /***** Header End *****/


   /***** About *****/
   #about .container .row {
      display: flex;
      flex-direction: column-reverse;
   }
   /***** About Us *****/


   /***** Services *****/
   body #services .container .row > div {
      margin-top: 40px;
   }
   /***** Services End *****/


   /***** How 2FA *****/
   body #how-2fa.home-how-2fa {
      padding-bottom: 5px;
   }
   body #how-2fa.home-how-2fa .container .row {
      flex-direction: column !important;
   }
   body #how-2fa .about_content {
      margin-right: 0;
   }
   body #how-2fa .container .row {
      margin-top: 40px;
   }
   body #how-2fa .container .row:nth-child(odd) {
      flex-direction: column-reverse;
   }
   body #how-2fa .container .row:nth-child(even) {
      flex-direction: column;
   }
   body #how-2fa .container .row img {
      margin-bottom: 20px;
   }
   /***** How 2FA End *****/
}
/********** 991px and below End **********/