.font-poppins-400 {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.font-poppins-500 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.font-poppins-600 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}
.font-poppins-700 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.font-poppins-800 {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}
.font-sans-200 {
    font-family: "Work Sans", sans-serif;
    font-weight: 200;
    font-style: normal;
}
.font-sans-400 {
    font-family: "Work Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.font-sans-500 {
    font-family: "Work Sans", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.font-sans-600 {
    font-family: "Work Sans", sans-serif;
    font-weight: 600;
    font-style: normal;
}
.font-sans-700 {
    font-family: "Work Sans", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.font-sans-800 {
    font-family: "Work Sans", sans-serif;
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'SF Pro Text';
    src: url('fonts/sfprotext-regular.woff2') format('woff2'),
        url('fonts/sfprotext-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.font-sf-pro-400{
    font-family: 'SF Pro Text', sans-serif;
    font-weight: 400;
    font-style: normal;
}
.font-sf-pro-500{
    font-family: 'SF Pro Text', sans-serif;
    font-weight: 500;
    font-style: normal;
}
.font-sf-pro-600{
    font-family: 'SF Pro Text', sans-serif;
    font-weight: 600;
    font-style: normal;
}
.font-sf-pro-800{
    font-family: 'SF Pro Text', sans-serif;
    font-weight: 800;
    font-style: normal;
}
.bg-blue-gradient{
    background: linear-gradient(90deg, #0BA5DE 0%, #2C52A3 100%);
}
.bg-light-blue-gradient{
    background: linear-gradient(90deg, #B3E2F3 0%, #0BA5DE 100%);
}
.bg-dark-blue-gradient{
    background: linear-gradient(90deg, #141F48 0%, #2C52A3 100%);
}
.bg-light-cyan{
    background: #B3E2F3;
}
.bg-cyan{
    background: #0BA5DE;
}
.bg-light-blue{
    background: #2C52A3;
}
.bg-dark-blue{
    background: #141F48;
}
.bg-light-red{
    background: #FF6666;
}
.bg-yellow{
    background: #FF9827;
}
.bg-light-yellow{
    background: #EDDDC5;
}
.color-light-cyan{
    color: #B3E2F3;
}
.color-cyan{
    color: #0BA5DE;
}
.color-light-blue{
    color: #2C52A3;
}
.color-dark-blue{
    color: #141F48;
}
.color-light-red{
    color: #FF6666;
}
.color-yellow{
    color: #FF9827;
}
.color-light-yellow{
    color: #EDDDC5;
}
.v-middle{
    display: flex;
    justify-content: center;
    align-items: center;
}
a{
    text-decoration: none;
}
html{
    font-size:16px;
}
.page-container{
    padding-left:7%;
    padding-right:7%;
}
.row{
    margin-left:0px;
    margin-right:0px;
}
.g-recaptcha div{
    margin-left:auto;
    margin-right:auto;
}
.error{
    color:red;
}
.v-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.v-bottom {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
@media (max-width: 1024px) {
    html{
        font-size:14px;
    }
    input, select, textarea{
        font-size:16px !important;
    }
    .page-container{
        padding-left:5%;
        padding-right:5%;
    }
}
.font-size-08{
    font-size:0.8rem;
}
.font-size-12{
    font-size:1.2rem;
}
.font-size-15{
    font-size:1.5rem;
}
.font-size-2{
    font-size:2rem;
}
.font-size-25{
    font-size:2.5rem;
}
.font-size-3{
    font-size:3rem;
}
.font-size-35{
    font-size:3.5rem;
}
.loading{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:rgba(16,16,16,.5);display: flex;
    justify-content: center;
    align-items: center;
}
    .wave {
    width: 5px;
    height: 60px;
    background: linear-gradient(45deg, #B3E2F3, #fff);
    margin: 10px;
    animation: wave 1s linear infinite;
    border-radius: 20px;
    }
    .wave:nth-child(2) {
    animation-delay: 0.1s;
    }
    .wave:nth-child(3) {
    animation-delay: 0.2s;
    }
    .wave:nth-child(4) {
    animation-delay: 0.3s;
    }
    .wave:nth-child(5) {
    animation-delay: 0.4s;
    }
    .wave:nth-child(6) {
    animation-delay: 0.5s;
    }
    .wave:nth-child(7) {
    animation-delay: 0.6s;
    }
    .wave:nth-child(8) {
    animation-delay: 0.7s;
    }
    .wave:nth-child(9) {
    animation-delay: 0.8s;
    }
    .wave:nth-child(10) {
    animation-delay: 0.9s;
    }
  
  @keyframes wave {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(1);
    }
    100% {
      transform: scale(0);
    }
  }

  .animated-icon1 {
    width: 2.3rem;
    height: 1.7rem;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.animated-icon1 span {
    display: block;
    position: absolute;
    height: 0.35rem;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.animated-icon1 span {
    background: #141F48;
}

.animated-icon1 span:nth-child(1) {
    top: 0px;
}

.animated-icon1 span:nth-child(2) {
    top: 0.7rem;
}

.animated-icon1 span:nth-child(3) {
    top: 1.4rem;
}

.animated-icon1.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.animated-icon1.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.dark-blue-btn{
    background:#141F48;
    color:white !important;
}
.dark-blue-btn:hover{
    background:#2C52A3;
    color:white !important;
}     
.dark-cyan-btn{
    background:#0BA5DE;
    color:white !important;
}
.dark-cyan-btn:hover{
    background:#2C52A3;
    color:white !important;
}
.yellow-btn{
    background:#FF9827;
    color:white !important;
}  

.strength-msg {
    width: 100%;
    border-radius: 5px;
    position: absolute;
    z-index: 999;
    display: none;
}

.strength-container {
    background: #f9f9f9;
    max-width: 100%;
}

.validation:before {
    color: #02aa13;
    position: relative;
    content: "✔";
}

.invalidation:before {
    position: relative;
    color: red;
    content: "✖";
}