@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
.font-mulish{
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
}
@font-face {
  font-family: 'Trade Gothic';
  font-weight: 400;
  src: url('../font/trade-gothic-lt-1361519976.ttf');
}
@font-face {
  font-family: 'Trade Gothic Bold';
  font-weight: 400;
  src: url('../font/Trade\ Gothic\ LT\ Bold.ttf');
}
*{
  margin: 0;
  padding: 0;
}
a{
  text-decoration: none;
}
ul,ol{
  list-style: none;
}
:root {
  --primary-color:#213745;
  --purple-100:#E1CDFD;
  --purple-300:#E5A1FB;
  --blue-100:#C1EDFA;
  --blue-200:#6FF5FF;
  --blue-300:#CBE3FF;
  --blue-400:#B6C8FA;
  --green-100:#AAF7BF;
  --green-150:#A9F39A;
  --yellow-100:#FCFA96;
  --gray-200:#898989;
  --gray-100:#F5F9F8;
  --white:#fff;
  --black:#000;
}
body{

  font-family: "Trade Gothic";
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* font-size: 1.3rem; */
    font-stretch: 100%;
    font-weight: 400;
    letter-spacing: .6px;
    line-height: 1.5384615385;
    text-transform: none;
    font-size: 16px;
}
.container{
  max-width: 1320px;
}
.trade-Gothic-Bold{
  font-family: 'Trade Gothic Bold';
}
.trade-Gothic-normal{
  font-family: "Trade Gothic";
}
.mx-auto{
  margin: 0 auto;
}
.signup-container{
  height: calc(100vh - 52px);
  overflow: hidden;
}
.signup-sec{
  max-width: 50%;
}
.signup-img{
  
  background:url(../img/signup-img.png) no-repeat top right transparent;
  background-size: cover;
}
.bg-primary{
  background-color: var(--primary-color);
}
.bg-purple-100{
  background-color: var(--purple-100);
}
.bg-purple-300{
  background-color: var(--purple-300);
}
.bg-blue-100{
  background-color: var(--blue-100);
}
.bg-blue-200{
  background-color: var(--blue-200);
}
.bg-blue-300{
  background-color: var(--blue-300);
}
.bg-blue-400{
  background-color: var(--blue-400);
}
.bg-green-100{
  background-color: var(--green-100);
}
.bg-green-150{
  background-color: var(--green-150);
}
.bg-yellow-100{
  background-color: var(--yellow-100);
}
.text-white{
  color: var(--white);
}
.items-center{
  align-items: center;
}
.justify-center{
  justify-content: center;
}
.justify-end{
  justify-content: end;
}
.flex{
  display: flex;
}
.flex-1{
  flex: 1 1 50%;
  max-width: 50%;
}
.w-full{
  width: 100%;
}
.h-full{
  height: 100%;
}
.overflow-hidden{
  overflow: hidden;
}
.text-center{
  text-align: center;
}
.p-2{
  padding: 1rem;
}
.fs-18{
  font-size: 1.125rem;
}
.fs-12{
  font-size: .75rem;
}
.px-90{
  padding:0 5.625rem;
}
.mb-14{
  margin-bottom: 0.875rem;
}
.lh-19{
  line-height: 1.188rem;
}
.mb-37{
  margin-bottom: 2.313rem;
}
.fs-44{
  font-size: 2.75rem;
}
.text-primary{
  color: var(--primary-color);
}
.form-group{
  margin-bottom: 1.25rem;
}
.fs-16{
  font-size: 1rem;
}
.form-group label{
  display: block;
}
.form-control{
  display: block;
  width: 100%;
  padding: 1.313rem 1rem;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
}
.block{
  display: block;
}
.fw-bold{
  font-weight: 700;
}
.btn{
  padding: 1.063rem;
  border-radius: 8px;
  margin-bottom: 2.25rem;
}
.opacity-6{
  opacity: .6;
}
.lh-23{
  line-height: 1.438rem;
}
.ml-auto{
  margin-left: auto;
}
.gap-2{
  gap: .5rem;
}
.gap-1{
  gap: .2rem;
}
.links{
  gap: 5.625rem;
  margin-right: 4.25rem;
}
.links li a{
  border-bottom: 2px solid var(--white);
}
.links li a:hover, .links li a.active{
  border-color: var(--primary-color);
}
.flex-wrap{
  flex-wrap: wrap;
}
.relative{
  position: relative;
}
.absolute{
  position: absolute;
}
.py-20{
  padding-top: 1.375rem;
  padding-bottom: 1rem;
}
.logo{
  font-family: mulish;
}
.text-black{
  color: var(--black);
}
.btn-signin{
  padding: .5rem 1rem;
  border-radius: 100px;
  cursor: pointer;
}
.fw-600{
  font-weight: 600;
}
.fs-46{
  font-size: 2.875rem;
} 
.fs-32{
  font-size: 2rem;
} 
.lh-67{
  line-height: 4.188rem;
}
.mt-40{
  margin-top: 2.5rem;
}
.mt-60{
  margin-top: 3.75rem;
}
.border-primary{
  border: 1px solid var(--primary-color);
}
.bg-white{
  background-color: var(--white);
}
.ml-20{margin-left: 1.25rem;}
.features-section{
  margin-top: 6rem;
    background-color: var(--gray-100);
    padding-top: 2.625rem;
    padding-bottom: 5.625rem;
}

.card{
  border-radius: 1.25rem;
  margin-bottom: 3.125rem;
  padding: 2rem;
}
.gap-60{
  gap: 3.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.opacity-8{
  opacity: .8;
}
.mt-100{
  margin-top: 6.25rem;
}
.multi-btn{
  gap: 1.6rem;
  justify-content: center;
}
.ab-card{
  box-shadow: 0px 4px 95px 0px rgba(5, 96, 91, 0.10);
  width: 22.188rem;
  margin: 0;
  left: -93px;
  top: 50%;
  padding:15px 15px 50px;
}
.img-wave{
  right: 0;
  bottom: 0;
}
.pe-50{
  padding-right: 50px;
}
.mb-35{
  margin-bottom: 35px;
}
.h-443{
  height: 443px;
}
.img-fluid{
  max-width: 100%;
  height: auto;
}
.mb-12{
  margin-bottom: .75rem;
}
.banner-text{
  max-width: 70%;
}
.lh-29{
  line-height: 29px; 
}
.items-start{
  align-items: start;
}
.mt-1{
  margin-top: 1rem;
}
::-ms-input-placeholder { /* Edge 12-18 */
  color: var(--gray-200);
  line-height: 18px;
}

::placeholder {
  line-height: 18px;
  color: var(--gray-200);
}