@media(max-width:575px) {
     .form-card h4{
    color: #0B0B0B;
font-family: Parastoo;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: var(--lineHeights-xxl, 26px); /* 81.25% */
letter-spacing: var(--letterSpacing-xsm, -0.2px);
  }
  .form-card p{
    color: var(--Body_Text_CL, #475467);
font-family: "Abhaya Libre";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
  }
  .form-control{
    color: #667085;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 166.667% */
  }
  .info-text{
    color: var(--Body_Text_CL, #475467);
font-family: "Abhaya Libre";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.15px;
  }
  .btn-submit{
    color: var(--Typography-color3, #FFF);
font-family: "Abhaya Libre";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 30px */
background: var(--Primary_CL, #406550);
  }
  .forgot-password{
    color: var(--Primary_CL, #406550);
font-family: "Abhaya Libre";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 30px */
text-align: center;
  }
}

@media (min-width:576px) and (max-width:766.99px) {
     .form-card h4{
    color: #0B0B0B;
font-family: Parastoo;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: var(--lineHeights-xxl, 26px); /* 81.25% */
letter-spacing: var(--letterSpacing-xsm, -0.2px);
  }
  .form-card p{
    color: var(--Body_Text_CL, #475467);
font-family: "Abhaya Libre";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
  }
  .form-control{
    color: #667085;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 166.667% */
  }
  .info-text{
    color: var(--Body_Text_CL, #475467);
font-family: "Abhaya Libre";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.15px;
  }
  .btn-submit{
    color: var(--Typography-color3, #FFF);
font-family: "Abhaya Libre";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 30px */
background: var(--Primary_CL, #406550);
  }
  .forgot-password{
    color: var(--Primary_CL, #406550);
font-family: "Abhaya Libre";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 30px */
text-align: center;
  }
}

@media (min-width: 767px) and (max-width: 991.99px) {
      .form-card h4{
    color: #0B0B0B;
font-family: Parastoo;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: var(--lineHeights-xxl, 26px); /* 81.25% */
letter-spacing: var(--letterSpacing-xsm, -0.2px);
  }
  .form-card p{
    color: var(--Body_Text_CL, #475467);
font-family: "Abhaya Libre";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
  }
  .form-control{
    color: #667085;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 166.667% */
  }
  .info-text{
    color: var(--Body_Text_CL, #475467);
font-family: "Abhaya Libre";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.15px;
  }
  .btn-submit{
    color: var(--Typography-color3, #FFF);
font-family: "Abhaya Libre";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 30px */
background: var(--Primary_CL, #406550);
  }
  .forgot-password{
    color: var(--Primary_CL, #406550);
font-family: "Abhaya Libre";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 30px */
text-align: center;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
     .form-card h4{
    color: #0B0B0B;
font-family: Parastoo;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: var(--lineHeights-xxl, 26px); /* 81.25% */
letter-spacing: var(--letterSpacing-xsm, -0.2px);
  }
  .form-card p{
    color: var(--Body_Text_CL, #475467);
font-family: "Abhaya Libre";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
  }
  .form-control{
    color: #667085;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 166.667% */
  }
  .info-text{
    color: var(--Body_Text_CL, #475467);
font-family: "Abhaya Libre";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.15px;
  }
  .btn-submit{
    color: var(--Typography-color3, #FFF);
font-family: "Abhaya Libre";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 30px */
background: var(--Primary_CL, #406550);
  }
  .forgot-password{
    color: var(--Primary_CL, #406550);
font-family: "Abhaya Libre";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 30px */
text-align: center;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .form-card h4{
    color: #0B0B0B;
font-family: Parastoo;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: var(--lineHeights-xxl, 26px); /* 81.25% */
letter-spacing: var(--letterSpacing-xsm, -0.2px);
  }
  .form-card p{
    color: var(--Body_Text_CL, #475467);
font-family: "Abhaya Libre";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
  }
  .form-control{
    color: #667085;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 166.667% */
  }
  .info-text{
    color: var(--Body_Text_CL, #475467);
font-family: "Abhaya Libre";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.15px;
  }
  .btn-submit{
    color: var(--Typography-color3, #FFF);
font-family: "Abhaya Libre";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 30px */
background: var(--Primary_CL, #406550);
  }
  .forgot-password{
    color: var(--Primary_CL, #406550);
font-family: "Abhaya Libre";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 30px */
text-align: center;
  }
}

@media (min-width: 1400px) {
  .form-card h4{
    color: #0B0B0B;
font-family: Parastoo;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: var(--lineHeights-xxl, 26px); /* 81.25% */
letter-spacing: var(--letterSpacing-xsm, -0.2px);
  }
  .form-card p{
    color: var(--Body_Text_CL, #475467);
font-family: "Abhaya Libre";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
  }
  .form-control{
    color: #667085;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 166.667% */
  }
  .info-text{
    color: var(--Body_Text_CL, #475467);
font-family: "Abhaya Libre";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.15px;
  }
  .btn-submit{
    color: var(--Typography-color3, #FFF);
font-family: "Abhaya Libre";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 30px */
background: var(--Primary_CL, #406550);
  }
  .forgot-password{
    color: var(--Primary_CL, #406550);
font-family: "Abhaya Libre";
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 30px */
text-align: center;
  }
}