.socialHeader {
     position: relative;
     z-index: 9999;
     padding: 2px 0;
     /* border-bottom: 1px solid #292448; */
     background: linear-gradient(90deg, #292448 1%, #082444 51.5%, #0e485d 100%);
 }

 .top-header-inner-block {
     display: flex;
     align-items: center;
 }

 .header-text-block {
     color: #fff;
 }

 .header-right-block .translate-drodown {
     border-right: 1px solid #18527E;
     margin-right: 13px;
     padding-right: 8px;
 }

 .header-right-block {
     justify-content: right;
 }

 .ms-auto {
     margin-left: auto !important;
 }

 .header-right-block .translate-drodown .dropdown-toggle {

     padding: 6px;
     box-shadow: none;
     border: none;
     box-sizing: border-box;
     font-size: 12px;
     font-weight: 400;
     /* font-family: 'poppins-regular'; */
     color: #ffffff;
 }

 .socialHeader .bi {
     font-size: 18px;
     line-height: 1;
     margin-right: 4px;
 }

 .dropdown-toggle::after {
     border-top: 0;
     border-bottom: 0.3em solid;
 }

 .dropdown-toggle::after {
     display: inline-block;
     margin-left: 0.255em;
     vertical-align: 0.255em;
     content: "";
     border-top: 0.3em solid;
     border-right: 0.3em solid transparent;
     border-bottom: 0;
     border-left: 0.3em solid transparent;
 }

 .form-container {
     position: relative;
     background-color: #ffffff;
     padding: 15px;
     border: 1px solid #0e485d;
     border-left: 4px solid #0e485d;
     border-radius: 15px;
 }

 select,
 .form-control {
     border: 1px solid #146988;
     border-radius: 0.5rem;
     box-shadow: none;
     font-size: 16px;
     font-weight: 400;
     line-height: 30px;
     padding: 8px 30px;
     width: 100%;
     height: 100%;
 }

 input::placeholder {
     font-size: 12px;
 }

 .section-padding {
     padding: 50px 0;
 }

 .input-group>.input-group-append>.btn {
     border-top-right-radius: 0.5rem;
     border-bottom-right-radius: 0.5rem;
     border: 1px solid grey;
     margin-bottom: 0;
     font-size: 16px;
 }

 #inputState {
     appearance: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="gray" class="bi bi-chevron-down" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/> </svg>');
     background-repeat: no-repeat;
     background-position: right 10px center;
     background-size: 16px;
 }

 .form-heading {
     position: absolute;
     top: -20px;
     border-radius: 20px;
     background-color: #146988;
     color: white;
     display: inline-block;
     padding: 5px 40px;
 }

 .access-btns {
     padding: 6px;
     box-shadow: none;
     border: none;
     box-sizing: border-box;
     font-size: 12px;
     font-weight: 400;
     color: #ffffff;
 }

 .form-group .btn-outline-secondary {
     font-size: 16px;
     font-weight: 500;
     border-width: 1px;
     padding: 14px 5px !important;
     border-radius: 6px !important;
 }

 @media (max-width: 576px) {
    .container {
        max-width: 100%;
    }
}
 @media (max-width: 767px) {
    .container {
        max-width: 100%;
    }
}
 @media (max-width: 767px) {
    .header-right-block {
        margin-top: 20px;
        justify-content: left;
    }
}

.sf-menu > li > a.btn-outline-darkgrey {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.sf-menu > li > a.btn-outline-darkgrey:hover {
    color: #09445a;
    font-weight: 600!important;
}
.sf-menu > li > a.btn-outline-darkgrey:hover::before {
 
   content: none;
}

.roadmap{
    background-color: #ee5522;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='100' y1='33' x2='100' y2='-3'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='100' y1='135' x2='100' y2='97'%3E%3Cstop offset='0' stop-color='%23000' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23000' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23d23d09' fill-opacity='0.6'%3E%3Crect x='100' width='100' height='100'/%3E%3Crect y='100' width='100' height='100'/%3E%3C/g%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='url(%23a)' points='100 30 0 0 200 0'/%3E%3Cpolygon fill='url(%23b)' points='100 100 0 130 0 100 200 100 200 130'/%3E%3C/g%3E%3C/svg%3E");
}


/* width */
::-webkit-scrollbar {
    width: 10px;
     
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 100px;
   
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #f6ad0e;
    border-radius: 100px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  
  @media (min-width: 1200px) {
    .container {
        max-width: 1250px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1500px;
    }
}
 
/* ============ Hero section ============= */
.hero-banner {
    background: url('/images/slide01.png') no-repeat center center;
    background-size: cover;
    height:calc(100vh - 70px);
  }

.hero-banner h2 {
        text-shadow: 2px 2px #ffffff;
        font-size: 65px;
        color: #1d4358;
  }
.hero-banner .top-gap{
        padding-top:100px;
  }

  @media (max-width: 500px) {
    .hero-banner {
      height: 50vh;
    }

    .hero-banner h2 {
      font-size: 30px;
    }

    .hero-banner .top-gap{
        padding-top:40px;
  }
    
    .hero-banner {
        background: url('/images/slide01-m.png') no-repeat center center;
        background-size: cover;
      }

      nav a{
        width: 80%;
      }
 
  }
 
  nav .nav-link {
    font-size: 16px !important;
font-weight: 500;
  }
  
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }