/* Optional: Smooth dropdown (optional) */
 .dropdown-menu {
   transition: all 0.2s ease-in-out;
 }

 /* .topHeight  {
     background: #021435;
background: linear-gradient(90deg, rgba(2, 20, 53, 1) 0%, rgba(2, 20, 53, 1) 20%, rgba(29, 58, 107, 1) 100%);
    } */

 .headercollapse a {
   font-family: 'QuicksandMedium';
   color: #ffffff;
   font-size: 16px;
   font-weight: 600;
 
   
 }

 .headercollapse a:hover {
  color:  #ffffff;
 }

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color:  #015fcf;
    

}
 .position-fixed {
   z-index: 9;
 }


 

 .transition {
   transition: all 0.3s ease;
 }


 .scrolled {
   background-color: #ffffff !important;
   box-shadow: 0px 4px 17px 0px #0A31601F;
 }

 .scrolled .logo {
   max-width: 175px;
 }


 .navbar-brand img {
   max-width: 270px;
 }

 .scrolled .nav-link {
   color: #000;
 }

  .scrolled .dropdown-menu .nav-link {
   color: #0A3160;;
 }

.request-demo a {
   padding: 15px 20px;
 }
 .navbar-expand-lg .navbar-nav .dropdown-menu {
       position: absolute;
       /* background: linear-gradient(0deg, rgba(1, 95, 207, 1) 0%, rgba(1, 144, 209, 1) 100%); */
       width: 250px !important;
       border: 1px solid #cccccc;
 }

 .nav-link:focus,
 .nav-link:hover {
   color: #378bc6 !important;
   color: #ffffff;
 }

 .dropdown-item.active,
 .dropdown-item:focus,
 .dropdown-item.hover {
   background-color: transparent;
   color: #091a3a;
 }

  .dropdown-menu li a{
   color: #0A3160; 
}

 .dropdown-menu li a:hover{
   color: #0A3160; 
}

 .navbar-toggler {
   border-color: #378bc6;
 }

 .navbar-toggler-icon {
   background-image: url('../images/toggle-line.svg');
 }

 .dropdown-toggle::after {
    display: inline-block;
    margin-left: .5em;
    vertical-align: .1em;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.headercollapse a:hover {
    color: #ffffff;
}

.scrolled .nav-link::after {
 display: inline-block;
    margin-left: .5em;
    vertical-align: .1em;
    border: solid #000000;
    border-width: 0 3px 3px 0;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

 @media(max-width:991.98px) {
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: relative;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .5em;
    vertical-align: .1em;
    border: solid #0A3160;
    border-width: 0 3px 3px 0;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
 .scrolled .nav-link::after {
 display: inline-block;
    margin-left: .5em;
    vertical-align: .1em;
    border: solid #0A3160;
    border-width: 0 3px 3px 0;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
 }

 @media(max-width:767px) {
  .navbar-toggler:focus{
    box-shadow: none;
   }
  header{
    background-color: #ffffff;
   }
   .headercollapse a{
    color: #000;
   }
   .h1contentwrap h1 {
     font-size: 27px;
   }

   .img4 {
     max-width: 350px;
   }

   .navbar-brand img, .scrolled .logo {
     max-width: 125px;
   }
   .scrolled .logo
 {
    max-width: 120px;
}
 }

  @media(max-width:420px) {
        .navbar-brand img, .scrolled .logo {
        max-width: 120px;
    }
    .request-demo a {
    padding: 8px 10px !important;
}
  }

 @media(min-width:768px) {
   .h1contentwrap h1 {
     font-size: 34px;
   }
 }

 @media(min-width:992px) {
   .headercollapse a {
     font-size: 13px;
   }

   .navbar-brand img, .scrolled .logo {
     max-width: 145px;
   }
   .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
   
  }
 }

 @media(min-width:1300px) {
   .headercollapse a {
     font-size: 16px;
   }
  .scrolled .logo
  {
      max-width: 175px;
  }
   .navbar-brand img {
     max-width: 250px;
   }

   .h1contentwrap h1 {
     font-size: 64px;
   }
 }