/* ========================== authentication page styles ========================== */
.error-msg{color: var(--primary); font-size: 12px; line-height: 20px; margin-top: 8px; font-family: var(--body-font);letter-spacing: 0.4px;}
.hof-msg{font-size: 16px; line-height: 22px; margin-top: 8px; font-family: var(--body-font);letter-spacing: 0.4px;}

.authentication-main{padding-block: 20px; height: 100dvh;background: linear-gradient(180deg, #050505 34.92%, #E90026 354.12%);overflow-y: auto; overflow-x: hidden;}
.authentication-main.thank-you-page{height: auto;padding-block:150px; overflow: hidden; background: linear-gradient(180deg, #050505 64.92%, #E90026 354.12%);}
.authentication-main .authentication-inner{max-width: 1286px;padding-inline: 14px; margin-inline: auto; min-height: 100%; display: flex ; flex-direction: column; justify-content: center;}

.authentication-main .row{--bs-gutter-x: 54px;align-items:center;}
.authentication-main img{height: auto; max-width: 532px; width: 100%; object-fit: cover; aspect-ratio: 1 / 1;}

/* content form */
.authentication-form{padding:40px;border-radius:12px;border: 1px solid var(--primary);}
.form-title{margin-bottom:16px;}
.form-title .p-big{margin-top:8px;}
.form-title a{position: absolute; left: 0px; top: 50%; transform: translateY(-50%); height: 24px; width: 24px;}
.form-title a img{height: 100%; width: 100%;}
.authentication-form .input-wrap{margin-top:24px;}
.authentication-form .input-wrap:first-child{margin-top:0;}
.authentication-form .input-wrap label{font-size:18px;line-height:24px;margin-bottom:16px;font-family:var(--body-font);font-weight:600;letter-spacing:0.36px;}
.input-inner{position: relative;}

.form-right-img{position: absolute; right: 12px; top: 50%; transform: translateY(-50%); height: 24px; width: 24px;}
.form-right-img img{ top: 0%;position: absolute;}
.form-left-img{position: absolute; left: 12px; top: 50%; transform: translateY(-50%); height: 24px; width: 24px;}
.form-left-img img{ top: 0%;position: absolute;}
.authentication-form .auth-right-icon input[type=text],.authentication-form .auth-right-icon input[type=email], .authentication-form .auth-right-icon input[type=url] .authentication-form .auth-right-icon input[type=tel], .authentication-form .auth-right-icon input[type=password], .authentication-form .auth-right-icon input[type=search], .authentication-form .auth-right-icon input[type=number], .authentication-form .auth-right-icon input[type=tel], .authentication-form .auth-right-icon input[type=date], .authentication-form .auth-right-icon input[type=month], .authentication-form .auth-right-icon input[type=week], .authentication-form .auth-right-icon input[type=time], .authentication-form .auth-right-icon input[type=datetime], .authentication-form .auth-right-icon input[type=datetime-local], .authentication-form .auth-right-icon input[type=color],.site .authentication-form .auth-right-icon  textarea,.authentication-form .auth-right-icon select  {padding-right:46px !important;}
.authentication-form .auth-left-icon input[type=text],.authentication-form .auth-left-icon input[type=email], .authentication-form .auth-left-icon input[type=url] .authentication-form .auth-left-icon input[type=tel], .authentication-form .auth-left-icon input[type=password], .authentication-form .auth-left-icon input[type=search], .authentication-form .auth-left-icon input[type=number], .authentication-form .auth-left-icon input[type=tel], .authentication-form .auth-left-icon input[type=date], .authentication-form .auth-left-icon input[type=month], .authentication-form .auth-left-icon input[type=week], .authentication-form .auth-left-icon input[type=time], .authentication-form .auth-left-icon input[type=datetime], .authentication-form .auth-left-icon input[type=datetime-local], .authentication-form .auth-left-icon input[type=color], .site .authentication-form .auth-left-icon textarea,.authentication-form .auth-left-icon select  {padding-left:46px !important;}

.authentication-form .select2-container--default .select2-selection--single .select2-selection__rendered,
.authentication-form input[type=text],.authentication-form input[type=email], .authentication-form input[type=url] .authentication-form input[type=tel], .authentication-form input[type=password], .authentication-form input[type=search], .authentication-form input[type=number], .authentication-form input[type=tel], .authentication-form input[type=date], .authentication-form input[type=month], .authentication-form input[type=week], .authentication-form input[type=time], .authentication-form input[type=datetime], .authentication-form input[type=datetime-local], .authentication-form input[type=color],.site .authentication-form textarea,.authentication-form select  {
    padding:16px 43px 16px 12px !important;
    border:1px solid var(--primary) !important;
    border-radius: 30px !important;   
}
.authentication-form input[type=number],
.authentication-form input[type=number]::placeholder{font-size: 24px !important;font-weight: 600;}

.authentication-form input[type=text]::placeholder, .authentication-form input[type=email]::placeholder,.authentication-form input[type=tel]::placeholder, .authentication-form input[type=url]::placeholder, .authentication-form input[type=password]::placeholder, .authentication-form input[type=search]::placeholder, .authentication-form input[type=number]::placeholder, .authentication-form input[type=tel]::placeholder, .authentication-form input[type=date]::placeholder, .authentication-form input[type=month]::placeholder, .authentication-form input[type=week]::placeholder, .authentication-form input[type=time]::placeholder, .authentication-form input[type=datetime]::placeholder, .authentication-form input[type=datetime-local]::placeholder, .authentication-form input[type=color]::placeholder, .site .authentication-form  textarea::placeholder,.authentication-form select::placeholder {
    color: #DBDBDB;
}

/* checkbox */
.input-wrap-checkbox{gap: 8px;}
.form-check-label{margin: 0;}
.form-check-input{ width: 16px; height: 16px; flex-shrink: 0; padding: 0; border-radius: 4px !important; vertical-align: middle; border: 1px solid var(--white) !important; background-color: var(--f0); cursor: pointer; margin-top:0 !important;}
.form-check-input:checked{background-color: var(--f0);border-color: var(--white);}
.authentication-form .form-check-input:checked[type=checkbox]{background-image: url(../images/checkbox-right-icon.svg);}

.authentication-form p.p-big,
.authentication-form a.p-big{letter-spacing: 0.48px;}
.form-btn{margin-top: 24px;}
.form-btn button{width: 100%;}
.checkbox-msg-wrap {margin-top:13px;}
.message-change-wrap a{color: var(--primary);}
.message-change-wrap a:hover{color: var(--white);}
.extra-links a{margin-top:24px;}
.extra-links a{border-bottom: 1px solid var(--primary);color:var(--white);padding-bottom:6px;}
.extra-links a:hover{color:var(--primary);}

/* ============================= auth-card-wrap ============================= */
.auth-card-wrap .form-title{margin-bottom: 52px;}
.auth-card-wrap .form-title .heading-style-4{margin-top: 10px;}
.auth-card-wrap .row{--bs-gutter-x: 100px;}
.auth-card-wrap .auth-card-inner{padding:24px;border-radius:12px;border: 1px solid var(--primary);text-align:center;height: 100%; display: flex;flex-direction: column;}
.thank-you-page .auth-card-inner{padding:40px;border-radius:24px;}
.thank-you-page .authentication-inner .row{--bs-gutter-x: 1.5rem;}
.auth-card-wrap .auth-card-inner img{width:80px;height:80px;margin:0 auto 32px;}
.auth-card-wrap .auth-card-inner .heading-style-3{margin-bottom:24px;}
.auth-card-wrap .auth-card-inner .heading-style-5{color:#DBDBDB;margin-bottom:32px;}
.auth-card-wrap .auth-card-inner a{width: 100%;margin-top:auto;}


/* =================================================================================
=========================== responsive start ======================================= 
==================================================================================== */
@media (max-width:1699px) {
    /* ========================== authentication page styles ========================== */
    
}
@media (max-width:1399px) {
    /* ========================== authentication page styles ========================== */
    .authentication-main .authentication-inner { max-width: 1160px;}
    .authentication-main img { max-width: 482px;}
    .authentication-form .select2-container--default .select2-selection--single .select2-selection__rendered,
    .authentication-form input[type=text], .authentication-form input[type=email], .authentication-form input[type=url] .authentication-form input[type=tel], .authentication-form input[type=password], .authentication-form input[type=search], .authentication-form input[type=number], .authentication-form input[type=tel], .authentication-form input[type=date], .authentication-form input[type=month], .authentication-form input[type=week], .authentication-form input[type=time], .authentication-form input[type=datetime], .authentication-form input[type=datetime-local], .authentication-form input[type=color],.site .authentication-form  textarea, .authentication-form select {
        padding: 14px 45px 14px 12px !important;}
    .authentication-form input[type=number],
    .authentication-form input[type=number]::placeholder{font-size: 20px !important;}
}
@media (max-width:1199px) {
    /* ========================== authentication page styles ========================== */
    .authentication-main img { max-width: 410px;}
    .authentication-form { padding: 33px;}
    .authentication-form .select2-container--default .select2-selection--single .select2-selection__rendered,
    .authentication-form input[type=text], .authentication-form input[type=email], .authentication-form input[type=url] .authentication-form input[type=tel], .authentication-form input[type=password], .authentication-form input[type=search], .authentication-form input[type=number], .authentication-form input[type=tel], .authentication-form input[type=date], .authentication-form input[type=month], .authentication-form input[type=week], .authentication-form input[type=time], .authentication-form input[type=datetime], .authentication-form input[type=datetime-local], .authentication-form input[type=color],.site .authentication-form  textarea, .authentication-form select {
        padding: 12px 40px 12px 12px !important;}
    .authentication-form .input-wrap label { font-size: 17px; line-height: 22px; margin-bottom: 9px;}
    .authentication-form input[type=number],
    .authentication-form input[type=number]::placeholder{font-size: 18px !important;}
    /* ============================= auth-card-wrap ============================= */
    .auth-card-wrap .form-title{margin-bottom: 40px;}
    .auth-card-wrap .form-title .heading-style-4{margin-top: 8px;}
    .auth-card-wrap .row{--bs-gutter-x: 30px;}
    .auth-card-wrap .auth-card-inner{padding:22px;}
    .auth-card-wrap .auth-card-inner img{width:70px;height:70px;margin:0 auto 28px;}
    .auth-card-wrap .auth-card-inner .heading-style-3{margin-bottom:20px;}
    .auth-card-wrap .auth-card-inner .heading-style-5{margin-bottom:28px;}
}
@media (max-width:991px) {
    /* ========================== authentication page styles ========================== */
    .authentication-main img { max-width: 330px;}
    .authentication-form { padding:22px;}
    .authentication-form .select2-container--default .select2-selection--single .select2-selection__rendered,
    .authentication-form input[type=text], .authentication-form input[type=email], .authentication-form input[type=url] .authentication-form input[type=tel], .authentication-form input[type=password], .authentication-form input[type=search], .authentication-form input[type=number], .authentication-form input[type=tel], .authentication-form input[type=date], .authentication-form input[type=month], .authentication-form input[type=week], .authentication-form input[type=time], .authentication-form input[type=datetime], .authentication-form input[type=datetime-local], .authentication-form input[type=color],.site .authentication-form  textarea, .authentication-form select {
        padding: 10px 40px 10px 12px !important;}
    .form-right-img{height: 18px; width: 18px;}
    .form-left-img{height: 18px; width: 18px;}
    .authentication-form .auth-left-icon input[type=text], .authentication-form .auth-left-icon input[type=email], .authentication-form .auth-left-icon input[type=url] .authentication-form .auth-left-icon input[type=tel], .authentication-form .auth-left-icon input[type=password], .authentication-form .auth-left-icon input[type=search], .authentication-form .auth-left-icon input[type=number], .authentication-form .auth-left-icon input[type=tel], .authentication-form .auth-left-icon input[type=date], .authentication-form .auth-left-icon input[type=month], .authentication-form .auth-left-icon input[type=week], .authentication-form .auth-left-icon input[type=time], .authentication-form .auth-left-icon input[type=datetime], .authentication-form .auth-left-icon input[type=datetime-local], .authentication-form .auth-left-icon input[type=color],.site .authentication-form .auth-left-icon  textarea, .authentication-form .auth-left-icon select {
        padding-left: 38px !important;
    }
    .single-select-dropdown-main .select2-container--default .select2-selection--single .select2-selection__arrow { width: 18px; height: 18px;}
    .authentication-form .input-wrap label { font-size: 15px; line-height: 20px; margin-bottom: 7px;}
    .input-wrap{width: 100% !important;}
    
    /* ============================= auth-card-wrap ============================= */
    .auth-card-wrap .form-title{margin-bottom: 36px;}
    .auth-card-wrap .form-title .heading-style-4{margin-top: 6px;}
    .auth-card-wrap .row{--bs-gutter-x: 26px;}
    .auth-card-wrap .auth-card-inner{padding:20px;}
    .auth-card-wrap .auth-card-inner img{width:60px;height:60px;margin:0 auto 25px;}
    .auth-card-wrap .auth-card-inner .heading-style-3{margin-bottom:18px;}
    .auth-card-wrap .auth-card-inner .heading-style-5{margin-bottom:24px;}
}
@media (max-width:767px) {
  /* ========================== authentication page styles ========================== */
  .authentication-main{padding-block:20px;}
  .authentication-main .row {row-gap: 20px;}
  .authentication-main .authentication-image{text-align:center;}
  .authentication-main img { max-width: 330px;}
  .authentication-form { padding:20px;}
}
@media (max-width:575px) {
    /* ========================== authentication page styles ========================== */
    .authentication-main { padding-block: 18px; }
  .authentication-main img { max-width: 90%;}
}