.extension-login-sec{
    background: url(../../images/login/login-bg-new.svg)no-repeat;
    background-position: bottom;
    background-size: 100%;
    min-height: calc(100vh - 66px);
    display: flex;
    justify-content: center;
    align-items: center;
}
.extension-login-inner-sec {
    background: var(--bg-white);
    border: 1px solid rgba(0, 0, 0, 0.39);
    box-shadow: 0px 0px 14px rgb(15 49 74 / 19%);
    border-radius: 11px;
    padding: 8px 0px 24px 0px;
    margin-top: 20px;
}
.wlcm-hdg {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.2px;
    color: var(--text-black);
    margin: 0px 0px 10px;
    text-align: left;
}
.login-submit-btn {
    border: 1px solid var(--color-orange);
    background: var(--bg-orange);
    box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.0891608);
    border-radius: 6px !important;
    font-weight: bold;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0.1px;
    padding: 7px 15px;
    color: var(--text-white);
}
.login-submit-btn:hover {
    background: var(--bg-black);
    border: 1px solid #000;
    color: var(--text-white);
}
.extension-login-form-inner input {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.8px;
    text-align: left;
    color: var(--text-black) !important;
    height: 50px;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    border: 0 !important;
    padding: 6px 15px;
}
.extension-login-form-inner .input-group-text {
    border: 0px !important;
    padding: 0px;
}

.extension-login-form-inner input::placeholder {
    color: var(--text-summer-grey);
    font-size: 16px;
}
.extension-login-form-inner {
    border: 1px solid #CBCBCB;
    border-radius: 4px;
}
.brdr-btm{
  border-bottom: 1px solid #CBCBCB;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus{
     transition: background-color 5000s ease-in-out 0s;
}
.login-hdg {
    font-family: Objektiv Mk1;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0.2px;
    color: var(--text-black);
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 4px;
    margin: 0px;
}
.login-inner-sec {
    padding: 40px 30px 0px;
}
.cstm-frget a{
    font-family: Objektiv Mk1;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.8px;
    text-align: left;
    color: var(--text-orange);
    border-bottom: 1px solid var(--color-orange);
}
.forget-row label.custom-control-label {
    font-family: Objektiv Mk1;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.8px;
}
.forget-row .custom-control {
    padding-left: 24px;
    margin-bottom: 0px;
    left: 0px !important;
}
.forget-row {
    margin: 23px -15px 35px
}
.cstm-or {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.08px;
    color: var(--text-black);
    font-weight: 700;
    padding: 25px 0px;
}
.account-yet, .account-yet a {
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.08px;
    color: var(--text-black);
    font-weight: 700;
    font-family: 'Objektiv Mk1';
}
.account-yet a {
    text-decoration: underline;
}
.btn.cntnue-wth-gogl {
    font-family: Objektiv Mk1;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.1px;
    background: var(--bg-white);
    border:1px solid #CBCBCB !important;
    border-radius: 4px;
    width: 100%;
    height: 44px;
    color: var(--text-black);
    margin-bottom: 24px;
    position: relative;
}
.cntnue-wth-gogl img {
    position: absolute;
    left: 25px;
}
.login-footer.main-footer {
    bottom: 0px !important;
}
.login-logo img {
    width: 90px;
    margin: 10px auto 0 ;
    display: table;
}
.logn-div {
    width: 509px;
    text-align: center;
}
.logn-div .input-group{
    min-height: 42px;
}
.forget-row .custom-checkbox .custom-control-label::before {
    border-radius: 1px !important;
}
.forget-row .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--bg-orange) !important; 
    border-color: var(--color-orange) !important;
}
.forget-row .custom-control-label::after{
    left: -1.5rem !important;
}
span.invalid-feedback {
    position: absolute;
    width: auto;
    margin: 0 !important;
    font-size: 72%;
    bottom: 0;
    text-align: right !important;
    right: 5px;
    line-height: 1;
    font-size: 9px;
    line-height: 1;
    font-size: 9px;
}
.custom-checkbox {
    overflow: initial;
}
@media(max-width: 1650px){
.extension-login-inner-sec {
    padding: 8px 0px 20px 0px;
}
.login-hdg {
    font-size: 14px;
    line-height: 20px;
}
.wlcm-hdg {
    font-size: 18px;
    line-height: 22px;
    font-family: 'Objektiv Mk1';
}
.extension-login-form-inner input {
    font-size: 14px;
    line-height: 20px;
    height: 42px;
}
.extension-login-form-inner input::placeholder {
    font-size: 14px;
}
.login-submit-btn{
    height: 43px;
    font-size: 16px;
    line-height: 24px;
    padding: 7.5px 15px;
}
.cstm-or {
    padding: 18px 0px;
}
.btn.cntnue-wth-gogl{
    font-size: 16px;
    height: 42px;
    margin-bottom: 18px;
}
}

@media (min-width: 768px) and (max-width: 1650px){
.logn-div{
    width: 425px;
}
.login-inner-sec {
    padding: 25px 20px 0px;
}
.forget-row {
    margin: 20px -15px 30px !important;
}
}

@media(max-width: 767px){
.extension-login-sec{
    padding: 20px 0px 20px;
    min-height: auto;
}
.cstm-frget {
    text-align: left !important;
    margin-top: 10px;
}
.btn.cntnue-wth-gogl {
    font-size: 14px;
}
.cntnue-wth-gogl img {
    left: 10px;
}
.extension-login-inner-sec{
    margin: 15px 15px;
}
.login-inner-sec {
    padding: 15px 15px 0px;
}
.forget-row label.custom-control-label, .cstm-frget a {
    font-size: 13px;
}
.forget-row {
    margin: 15px -15px 15px !important;
}
.logn-div {
    height: auto;
}
}

@media (max-width: 767px) and (orientation: landscape){
.login-footer.main-footer .container-fluid {
    position: inherit !important;
    padding-top: 0px !important;
    height: auto;
}
}

@media only screen and (max-width: 812px) {
.login-footer.main-footer .container-fluid {
    position: inherit !important;
    padding-top: 0px !important;
    height: auto;
}
.extension-login-sec {
    padding: 30px 0px 30px;
}
}

@media (min-width: 768px) and (max-width: 991px){
    .login-footer.main-footer {
        padding-top: 0px !important;
        position: relative !important;
    }
}
@media (min-width: 576px) and (max-width: 991px){
    .extension-login-sec {
        min-height: calc(100vh - 104.4px);
    }
}
@media (min-width: 990px) and (max-width: 992px){
    .extension-login-sec {
        min-height: calc(100vh - 104.4px);
    }
}
@media (min-width: 541px) and (max-width: 575px){
    .extension-login-sec {
        min-height: calc(100vh - 138.5px);
    }
}
@media(max-width: 540px){
    .extension-login-sec {
        min-height: calc(100vh - 156.5px);
    }
}