@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


  .material-symbols-light--language {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 21q-1.858 0-3.5-.71q-1.642-.711-2.86-1.93T3.71 15.5T3 12q0-1.864.71-3.503q.711-1.64 1.93-2.857T8.5 3.71Q10.142 3 12 3q1.864 0 3.503.71q1.64.711 2.858 1.93t1.929 2.857Q21 10.137 21 12q0 1.858-.71 3.5q-.711 1.642-1.93 2.86t-2.857 1.93T12 21m0-.992q.88-1.131 1.452-2.221q.571-1.09.929-2.44H9.619q.397 1.426.948 2.516q.552 1.09 1.433 2.145m-1.273-.15q-.7-.825-1.278-2.04q-.578-1.214-.86-2.472H4.754q.86 1.865 2.437 3.06q1.578 1.194 3.536 1.452m2.546 0q1.958-.258 3.536-1.452q1.577-1.195 2.437-3.06h-3.834q-.38 1.277-.957 2.491q-.578 1.215-1.182 2.02m-8.927-5.51h4.035q-.114-.616-.16-1.2q-.048-.583-.048-1.147t.047-1.147t.16-1.2H4.347q-.163.52-.255 1.133Q4 11.398 4 12t.091 1.215t.255 1.131m5.035 0h5.238q.114-.615.16-1.18q.048-.564.048-1.166t-.047-1.166t-.16-1.18H9.38q-.113.615-.16 1.18q-.047.564-.047 1.166t.047 1.166t.16 1.18m6.24 0h4.034q.163-.519.255-1.131Q20 12.602 20 12t-.091-1.215t-.255-1.131h-4.035q.114.615.16 1.199q.048.584.048 1.147t-.047 1.147t-.16 1.2m-.208-5.693h3.834q-.879-1.904-2.408-3.06t-3.565-1.471q.7.921 1.259 2.107q.559 1.185.88 2.424m-5.793 0h4.762q-.396-1.408-.977-2.546T12 3.992q-.823.977-1.404 2.116T9.62 8.654m-4.865 0h3.834q.321-1.238.88-2.424t1.259-2.107q-2.054.316-3.574 1.48q-1.52 1.166-2.4 3.05'/%3E%3C/svg%3E");
  }
  .ep--edit {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640z'/%3E%3Cpath fill='%23000' d='m469.952 554.24l52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z'/%3E%3C/svg%3E");
  }

  .lung-coustm{    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    background: transparent;
    gap: 5px;    font-weight: 600;}
  .bordert {
    border-top: 1px solid #D9D9D9;
    position: relative;
    font-weight: 500;
    color: #666666;
    font-size: 16.69px;
    width: 80%;
    margin: 40px auto;

}
.shadow-cr {
    width: 40px;
height: 40px;
background: #FFFFFF;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.12);
border-radius: 20px;
text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 40px;
}
.flied-h{    height: 55.73px;}
.bordert:after {
    content: "Or continue with";
    position: absolute;
    top: -17px;
    left: 33%;
    background-color: #fff;
    padding: 0px 8px;
}



.logo-size {
    width: 430px;
    /* margin-top: 50px; */
        margin: 50px auto;
}

.devicon--google {
    display: inline-block;
    width: 37px;
    margin-right: 10px;
    height: 37px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath fill='%23fff' d='M44.59 4.21a63.28 63.28 0 0 0 4.33 120.9a67.6 67.6 0 0 0 32.36.35a57.13 57.13 0 0 0 25.9-13.46a57.44 57.44 0 0 0 16-26.26a74.3 74.3 0 0 0 1.61-33.58H65.27v24.69h34.47a29.72 29.72 0 0 1-12.66 19.52a36.2 36.2 0 0 1-13.93 5.5a41.3 41.3 0 0 1-15.1 0A37.2 37.2 0 0 1 44 95.74a39.3 39.3 0 0 1-14.5-19.42a38.3 38.3 0 0 1 0-24.63a39.25 39.25 0 0 1 9.18-14.91A37.17 37.17 0 0 1 76.13 27a34.3 34.3 0 0 1 13.64 8q5.83-5.8 11.64-11.63c2-2.09 4.18-4.08 6.15-6.22A61.2 61.2 0 0 0 87.2 4.59a64 64 0 0 0-42.61-.38'/%3E%3Cpath fill='%23e33629' d='M44.59 4.21a64 64 0 0 1 42.61.37a61.2 61.2 0 0 1 20.35 12.62c-2 2.14-4.11 4.14-6.15 6.22Q95.58 29.23 89.77 35a34.3 34.3 0 0 0-13.64-8a37.17 37.17 0 0 0-37.46 9.74a39.25 39.25 0 0 0-9.18 14.91L8.76 35.6A63.53 63.53 0 0 1 44.59 4.21'/%3E%3Cpath fill='%23f8bd00' d='M3.26 51.5a63 63 0 0 1 5.5-15.9l20.73 16.09a38.3 38.3 0 0 0 0 24.63q-10.36 8-20.73 16.08a63.33 63.33 0 0 1-5.5-40.9'/%3E%3Cpath fill='%23587dbd' d='M65.27 52.15h59.52a74.3 74.3 0 0 1-1.61 33.58a57.44 57.44 0 0 1-16 26.26c-6.69-5.22-13.41-10.4-20.1-15.62a29.72 29.72 0 0 0 12.66-19.54H65.27c-.01-8.22 0-16.45 0-24.68'/%3E%3Cpath fill='%23319f43' d='M8.75 92.4q10.37-8 20.73-16.08A39.3 39.3 0 0 0 44 95.74a37.2 37.2 0 0 0 14.08 6.08a41.3 41.3 0 0 0 15.1 0a36.2 36.2 0 0 0 13.93-5.5c6.69 5.22 13.41 10.4 20.1 15.62a57.13 57.13 0 0 1-25.9 13.47a67.6 67.6 0 0 1-32.36-.35a63 63 0 0 1-23-11.59A63.7 63.7 0 0 1 8.75 92.4'/%3E%3C/svg%3E");
  }


.logonin-outer{
 background:#F1F3F8;
 background-image: url("../images/bglogin.png");
 background-position: center;
 background-repeat: no-repeat;
 padding-bottom: 5rem;
}

  .login-card {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    width: 100%;
    max-width: 690px;
    margin: 0 auto;
  }
  .login-card-inner{
    max-width: 580px;
    margin: 0 auto;
  }

  .logo {
    text-align: center;
    margin-bottom: 2rem;
  }

  /* .logo img {
    width: 50px;
  } */
.logohedding{
    font-weight: bold;
    font-size: 37.15px;
    color: #191919;

}
  .logo h1 {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 2px;
  }

  .sing-text{  
font-weight: 400;
padding-top: 16px;
padding-bottom: 20px;}

  .btn-google {
    background: white;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16.84px;
    font-weight: 400;
    height: 61.04px;
    margin-top: 20px;

  }
  .star-red{ color:#F56C6C;
    padding-right: 20px;
    display: inline-block;}
  .fomtext-size{
    font-size: 18.29px;
    color: #191919;

  }

  .btn-google:hover{
    border: 1px solid #ccc;

  }
  .btn-google img {
    width: 20px;
    margin-right: 10px;
  }

  .divider {
    text-align: center;
    margin: 1rem 0;
    position: relative;
    
  }

  .divider::before, .divider::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 40%;
    height: 1px;
    background: #ccc;
  }

  .divider::before {
    left: 0;
  }

  .divider::after {
    right: 0;
  }

  .divider span {
    background: white;
    padding: 0 10px;
    color: #999;
  }

  .form-control {
    border-radius: 0.5rem;
  }

  .forgot-password a {
    text-align: right;
    color: #FF0000;
    display: block;
    text-decoration: none;
    font-size: 18.14px;
    padding-top: 10px;
  }

  .btn-yellow {
    background-color: #ecd34c;
    color: #000;
    border: solid 1.33px #CBA800;
    height: 61.04px;
    font-size: 17.27px;
  }

  .btn-yellow:hover {
    background-color: #d4bb3c;
  }

  .language {
    text-align: center;
    margin-top: 1rem;
    font-size: 0.9rem;
  }

  .form-footer {
    text-align: center;
    margin-top: 1rem;
    font-size: 16.98px;
    color: #000000;
  }

  .form-footer a {
    color: #dc3545;
    text-decoration: none;
  }

  .form-footer a:hover {
    text-decoration: underline;
  }



.singup-filed{
    border: 1.27675px solid #FF0000;
    color: #C0C4CC;
}


.email::placeholder {
    color: red;
    opacity: 1; /* Firefox */
  }
  
  .singup-filed ::-ms-input-placeholder { /* Edge 12 -18 */
    color: red;
  }

  .input {
    margin-top: 0.5rem;
  }
  
  .input::placeholder {
    color: #C0C4CC;
    font-size: 16.9px;
    font-weight: 400;
  }
 .bot-text{
    color: #FF0000;
    font-size: 16.9px;
    padding-top: 20px;
 } 
.clik-to{
    font-size: 15px;
    color: #FF0000;
    padding-top: 20px;
}

.top-sm{
      top: -48px;

}
.th-top-sm {
    top: -30px;
}

.thnk-text{
    font-family: "Montserrat", sans-serif;
    font-size: 50.98px;
}


@media screen and (max-width: 600px) {
.logo-size {
    width: 100%;
}
.logohedding {
    font-weight: 700;
    font-size: 21.58px;
    color: #191919;
}
.sing-text {
    font-weight: 300;
    padding-top: 12.33px;
    padding-bottom: 20px;
}
.devicon--google {
    width: 21.58px;
    height: 21.58px;
   
}

.btn-google {;
    font-size: 9.78px;
}

.bordert:after {
    top: -10px; 
}
 .bordert {
    font-size: 9.69px;}
    .fomtext-size {
    font-size: 10.62px;
    color: #191919;
}
  .input::placeholder {
    color: #C0C4CC;
    font-size:10.2px !important;
    font-weight: 400;
  }
}