:root {
    --main-color: #BA0C2F !important;
    --sedondary-color: #BA0C2F !important;
    --btn-bg-color: #BA0C2F !important;
    --text-color: white !important;
    --futura: "FuturaPTBook";
    --futuraMD: "FuturaPTMediam";
}
/* @font-face {
    font-family: Varela;
    src: url(../fonts/Varela-Regular.ttf);
}

@font-face {
    font-family: Avenir Medium;
    src: url(../fonts/Avenir Medium-Regular.ttf);
} */
@font-face {
    src: url(../fonts/Avenir-Black.ttf);
    font-family: "Avenir Black";
}
@font-face {
    src: url(../fonts/Avenir-Medium.ttf);
    font-family: "Avenir Medium";
}

@font-face {
    src: url(../fonts/Avenir-Heavy.ttf);
    font-family: "Avenir Heavy";
}
@font-face {
    src: url(../fonts/Varela-Regular.ttf);
    font-family: "Verala Regular";
}
@font-face {
    src: url(../fonts/FuturaPTBook.otf);
    font-family: "FuturaPTBook";
}
@font-face {
    src: url(../fonts/FuturaPTMedium.otf);
    font-family: "FuturaPTMediam";
}

body {
    font-family: "Avenir Medium" !important;
}
.login .user-login-5 {
    width: 100%;
    margin: 0 auto;
}

.container-login {
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* padding: 15px; */
    /* font-family: "Verala Regular"; */
    font-family: var(--futura) !important;
    background-image: url(../img/jubilee/jubilee-login-mesh.png), linear-gradient(140deg, #e84366 1%, #723 133%);
     /*  linear-gradient(140deg, #e84366 40%, #723 100%); */
    background-repeat: no-repeat !important;
    /* background-size: 647px 697px, 100% !important; */
    background-size: 622px 923px, 100% !important;
    background-position: right bottom !important;
    background-attachment: fixed !important;
    background-color:#BA0C2F !important;
}

.wrap-login {
    width: 100%;
    /* background: #fff; */
    background: transparent !important;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    /* padding: 50px 0px; */
    height: 100vh !important;
    justify-content: center;
    align-items: center;
}
#login-form {
    width: 50%;
    flex-wrap: wrap;
    /* padding: 3% 0%; */
    margin: 0 auto;
    min-width: 480px;
    background-color: white !important;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.login-form-content {
    max-width: 420px;
    margin: 0 auto;
}
.login-form-content {
    padding: 15px 40px 32px;
    border-radius: 11px;
    /* box-shadow: 0 1px 36px 0 rgb(152 179 226 / 25%); */
    background-color: #ffffff;
    box-shadow: none;
}

#login-form .logo {
    background: url(../img/d2c-login-logo.svg);
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    height: 110px;
}
#login-form .workshop-logo {
    background: url(../img/workshop-logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 110px;
}
.login .wrap-login #login-form .login-title {
    /* font-family: "Avenir Black" !important; */
    font-size: 53px;
    font-weight: 900;
    text-transform: uppercase;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.82;
    letter-spacing: normal;
    text-align: center;
    color: var(--main-color);
    margin-bottom: 25px !important;
    font-family: var(--futuraMD) !important;
}

#login-form .form-group {
    margin-bottom: 15px;
}

#login-form .login-fields {
    font-size: 17px !important;
    font-weight: 900 !important;
    /* font-family: "Verala Regular" !important; */
    font-family: var(--futura) !important;
    padding: 16px !important;
    /* border-radius: 5px !important;
    border: solid 1px #e8e8e8 !important; */
    background-color: #ffffff !important;
    height: 47px !important;
    /* border: none;
    border-bottom: solid 2px #e8e8e8 !important; */
    border: solid 1px #e8e8e8 !important;
    width: 350px;
    margin-right: auto;
    margin-left: auto;
}

#login-form .form-actions {
    margin-top: 20px;
}

#login-form .rememberme {
    font-size: 14px;
    color: #6c6c6c;
    line-height: 1;
    position: relative;
    padding: 3px 0px 0px 26px !important;
    cursor: pointer;
    /* font-family: 'Verala Regular' !important; */
    font-family: var(--futura) !important;
    font-weight: normal !important;
}
#login-form.login-image-right .login-form-content .form-group .form-control.login-fields.placeholder-no-fix.login-password{
    font-family: 'Verala Regular' !important;

}

#login-form .form-actions span {
    width: 18px;
    height: 18px;
    border: 1px solid var(--main-color);
    border-radius: 2px;
}

/* #login-form .form-actions span:after {
    background: #06aef7;
    top: 0;
    width: 18px;
    height: 18px;
    transition: all .3s;
    border: 1px solid #06aef7;
    border-radius: 2px;
    transform: rotate(0deg);
    left: 0px !important;
} */

#login-form .form-actions .forget-password {
    font-size: 14px;
    /* color: #6c6c6c; */
    /* color: #aba8b3 !important; */
    color: #4c505d !important;
    line-height: 1.1;
    display: block;
    position: relative;
    /* padding-left: 30%; */
    cursor: pointer;
    /* font-family: 'Verala Regular' !important; */
    font-family: var(--futura) !important;
    float: right;
    /* text-align: right; */
    margin-top: 3px;
}

.submit-btn {
    margin-top: 30px;
    text-align: center;
}

.login-submit-btn {
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
    margin: 0 auto;
    text-align: center;
    border-radius: 17px !important;
    color: #ffffff;
    font-size: 14px !important;
    text-transform: capitalize !important;
    width: 150px;
    height: 50px;
    font-family: 'Verala Regular' !important;
}

.create-account {
    font-size: 15px;
    color: #d1ced5;
    line-height: 1.5;
    display: block;
    position: relative;
    cursor: pointer;
    text-align: center;
    font-family: 'Verala Regular' !important;
}

.create-account .sign-up {
    color: var(--main-color);
    margin-left: 10px;
}
@media(max-width:768px){
    .create-account .sign-up {
        color: white !important;
    }
}
.login-image-more {
    width: 50%;
    background-color: transparent;
    position: relative;
    z-index: 1;
}
.login-image-left {
    background: url(../\img/d2c-login-left-bg.svg);
    width: 100%;
    height: 100%;
    margin: 0px auto 0px;
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
    position: relative;
    z-index: 1;
    background: none !important;
}
.login-image-right {
    /* background: url(../\img/d2c-login-right-bg.svg); */
    background-repeat: no-repeat;
    background-size: 130px;
    background-position: 83% 95%;
    position: relative;
    z-index: 1;
}
.workshop-login-bg {
    background: url(../img/workshop-bg.png);
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
}
.welcome-content {
    text-align: center;
    color: #ffffff;
    max-width: 450px;
    /* margin: 10% auto; */
    margin: 0px auto 20px;
}

.white-logo {
    background: url(../img/jubilee/logo_white.svg);
    margin: 30px auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    z-index: 9;
    width: 100%;
    height: 150px;
}
.white-logo.in-default-logo {
    background: url(../img/jubilee/Jubilee_logo.svg) !important;
    margin: 30px auto;
    background-repeat: no-repeat !important;
    background-size: contain;
    background-position: center;
    position: relative;
    z-index: 9;
    width: 100%;
    height: 50px !important;
}

.white-active-logo {
    background: url(../img/jubilee/jubilee_active_logo.png);
    margin: 30px auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    z-index: 9;
    width: 100%;
    height: 150px;
}
.in-red-logo {
    background: url(../img/jubilee/Jubilee_logo.svg);
    margin: 0px auto 0px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    z-index: 9;
    width: 100%;
    height: 150px;
    max-width: 120px;
}
@media(min-width: 960px){
    .in-red-logo, .welcome-title.in-lg-none {
        display: none;
    }
}
.welcome-title h2 {
    font-family: 'Verala Regular' !important;
    /* font-size: 40px;
    font-weight: 600; */
    /* line-height: 50px; */
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: white;
}

.welcome-description {
    position: fixed;
    bottom: 15px;
    right: 25%;
    transform: translate(55%, 5%);
    font-size: 12px !important;
    color: white !important;
    opacity: .6;
}
.in-powered-span{
    position: relative;
    top: 2px;
    right: 2px;
}
.welcome-description p {
    font-size: 16px;
    line-height: 26px;
}

@media (max-width: 1500px) {
    .login-image-right {
        background-position: 86% 80%;
    }
}
@media (max-width: 1366px) {
    .wrap-login {
        padding: 0px 0px;
    }
    #login-form {
        padding: 0%;
    }
    .welcome-content {
        margin: 5% auto;
    }
    .submit-btn {
        margin: 3% auto;
    }
    .login-image-right {
        background-position: 89% 80%;
    }
}

@media (max-width: 767px) {
    #login-form {
        width: 100%;
    }
    .login-image-more {
        width: 100%;
    }
    .login-form-content {
        max-width: 300px;
    }
    #login-form .rememberme {
        font-size: 12px;
        padding-left: 20px;
    }
    #login-form .form-actions span {
        width: 14px;
        height: 14px;
    }
    #login-form .form-actions .forget-password {
        font-size: 12px;
        padding-left: 35%;
    }
    .welcome-title h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .welcome-description p {
        font-size: 14px;
        line-height: 22px;
        padding: 0px 15px;
    }
}


/* d2c button */
.d2c-btn-primary {
    margin: 14px 0;
    padding: 11px 25px;
    border-radius: 10px;
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    /* background-color: var(--btn-bg-color); */
    /* background-image: linear-gradient(
        287deg, #BA0C2F, #BA0C2F, #BA0C2F); */
        background-image: linear-gradient(133deg, #de2b64 0%, #90163c 119%);
    text-decoration: none;
    /* font-family: "Verala Regular"; */
    font-family: var(--futura);
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    transition: all .3s ease;
    border: none;
  }
.d2c-btn-primary:hover
/* , .d2c-btn-primary:focus  */
{
    text-decoration: none;
     color: var(--text-color);
     outline: none;
    /*background-color: var(--main-color);
    box-shadow: 0 10px 36px 0 rgba(77, 160, 175, 0.27); */
    background: none;
    background-image: linear-gradient(133deg, #ed4e8d 0%, #e31d5b 119%);
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  }
  .d2c-btn-hover {
    display: inline-block;
    vertical-align: middle;
    /* -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%); */
    position: relative;
    /* background-color: var(--btn-bg-color);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s; */
}

.d2c-btn-hover:before {
    content: "";
    display: none !important;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--main-color);
    /* background: #845bb3; */
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 17px;
}
.d2c-btn-hover:hover:before, .d2c-btn-hover:focus:before, .d2c-btn-hover:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.d2c-btn-width {
    width: 140px !important;
}

.d2c-login-text{
    margin: 15px 0 25px;;
    font-size: 18px;
    text-align: center;
    /* font-family: "Avenir Medium" !important; */
    font-size: 23px !important;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: normal;
    /* color: #5b6770; */
    color: #4c505d;
    font-family: var(--futuraMD) !important;
}


.d2c-checkbox-container {
    /* display: inline-block; */
    position: relative;
    padding-left: 35px !important;
    margin-bottom: 7px !important;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .d2c-checkbox-container span{
    color: var(--main-color);
  }

  /* Hide the browser's default checkbox */
  .d2c-checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: white;
    border: 1px solid #bebebe;
    border-radius: 2px;

  }


  /* .d2c-checkbox-container input ~ .checkmark {
    border-radius: 0;
  } */
  /* On mouse-over, add a grey background color */
  .d2c-checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
    border-radius: 2px;
  }

  /* When the checkbox is checked, add a blue background */
  .d2c-checkbox-container input:checked ~ .checkmark {
    background-color: white;
    border: 1px solid var(--main-color);
    border-radius: 2px;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .d2c-checkbox-container input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .d2c-checkbox-container .checkmark:after {
    left: 2px;
    top: 2px;
    width: 12px;
    height: 12px;
    background-color: var(--main-color);
    border-radius: 0px !important;

  }

  form{
    caret-color: var(--btn-bg-color) !important;
  }
label{
    margin: 0px 0px 3px;
    /* font-family: "Avenir Heavy"; */
    font-family: var(--futuraMD);
    font-size: 16px;
    /* font-weight: 900; */
    letter-spacing: normal;
    text-align: left;
    /* color: #5b6770 !important; */
    color: #4c505d !important;
}
.d2c-login-input{
    font-family: "Verala Regular" !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    color: #4c505d !important;
}

::placeholder{
    font-family: "Avenir Medium" !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #bebebe !important;
}
.d-none{
    display: none !important;
}
@media(min-width:960px){
    .logo_hide{
        display: none !important;
    }
}
@media(max-width:960px){
    .container_login{
        background-color: white !important;
    }
}
.reset_pass{
    margin-top:0px !important;
    font-size:30px !important;
    font-weight: normal !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3 !important;
    letter-spacing: normal;
    text-align: center !important;
    color: #68676e !important;
    font-family: VarelaRound !important;
}
.reset_pass_description{
    font-weight: normal !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    text-align: center !important;
    color: #68676e !important;
    margin-bottom: 40px !important;
}
.wel_title{
    font-family: VarelaRound !important;
    font-size: 46px !important;
    font-weight: normal !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.13 !important;
    letter-spacing: normal !important;
    text-align: center !important;
    color: #fff;
    padding-top: 20px !important;

}
.ozoned_logo_reset{
    position: fixed;
    bottom: 15px;
    transform: translate(166%, -10%);
    font-size: 12px !important;
}
.ozoned_logo_login{
    position: fixed;
    bottom: 15px;
    transform: translate(-35%, -10%);
    font-size: 12px !important;
    color: white !important;
}
.reset_form{
    min-height: 100vh !important;
}
.in-my-2rem{
    margin-block: 55px !important;
}
/* #login-form  .form-control.login-fields.placeholder-no-fix.login-email:focus,
#login-form  .form-control.login-fields.placeholder-no-fix.login-password:focus, */
#login-form .login-fields:focus{
    border-color: var(--main-color) !important;
}
.reset_password_txt{
    white-space: nowrap;
    font-size:35px !important;
    line-height: 1.2 !important;
}
.reset_btn:hover{
    color: white;
}

/* email verified page rwd css */
@media(max-width: 768px){
    .login-form-content.in-email-rwd{
        min-width: fit-content !important;
    }
    .login-title.text-center.in-email-rwd{
        font-size: calc(16px + 0.390625vw) !important;
        line-height: 1.2 !important;
    }
}
@media(min-width: 960px){
    .login-form-content.in-email-rwd{
        min-width: 700px !important;
    }
    .login-title.text-center.in-email-rwd{
        line-height: 1.2 !important;
        margin-top: 14rem !important;
        font-size: 40px !important;
    }
}
/* email verified page rwd css end here */


/* proposal acceptence email page CSS */
@media(min-width: 1200px){
    .login-form-content.d2c-box.acceptance_email.in-attachments-section {
        width: 50% !important;
        max-width: 50% !important;
        height: 650px;
        overflow: hidden !important;
        padding: 0px;
    }
}
.login-form-content.d2c-box.acceptance_email.in-attachments-section > .row {
    overflow: hidden scroll !important;
    width: 100%;
    height: 100%;
    padding-left: 25px;
    margin-left: 1px;
}
.login-form-content.d2c-box.acceptance_email.in-attachments-section > .row::-webkit-scrollbar {
    width: 12px;
}

.login-form-content.d2c-box.acceptance_email.in-attachments-section > .row::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

.login-form-content.d2c-box.acceptance_email.in-attachments-section > .row::-webkit-scrollbar-thumb {
    background: linear-gradient(93deg, #90163c -2%, #de2b64 142%);
    border-radius: 10px;
}

.login-form-content.d2c-box.acceptance_email.in-attachments-section > .row::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(93deg, #90163c -2%, #de2b64 142%);

}
.in-attachment-doc-box{
    border-radius: 7px;
    height: 140px;
    display: flex;
    align-items: center;
    padding-top: 30px;
    text-align: center;
    justify-content: center;
    width: 140px;
    background-color: #f2f2f2;
}
.fa-file-pdf-o:before {
    color: var(--main-color);
}
@media(max-width: 1200px){
    .in-wrap-login-rwd{
        height: unset !important;
        flex-direction: column-reverse;
        gap: 25px;
        padding-block: 25px !important;
    }
    .acceptance_email{
        max-width: 95% !important;
        width: 95% !important;
        height: auto !important;
    }
    .in-attachments-section{
        width: 95% !important;
        max-width: 95% !important;
        height: 650px !important;
        padding: 0px !important;

    }
}
/* proposal acceptence email page CSS end here */
#password-hint{
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.reset_back{
    position: absolute;
    top: 40px;
    left: 40px;
    text-transform: uppercase;
    font-family: var(--futura);
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;

}


/* OTP_Verification */
.otp_wrap{
    background-color: #f5f5f5 !important;
    overflow-y: scroll !important;

}
.otp_wrap .customer_otp_verfication{
    /* background-color: transparent !important; */

}
.tittle_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tittle_header .tittle{
    color: #ba0c2f;
    font-size: 20px;
    font-family: "FuturaPTMediam";
    /* font-family: "FuturaPTBook"; */
}
.customer_otp_verfication .customer_flow{
    text-align: center;
    color: #afb1ba;
    font-family: 'FuturaPTMediam';
    font-size: 22px;
    margin-top: 40px;
}
.customer_otp_verfication .code_verify{
    text-align: center;
    color: black;
    font-family: 'FuturaPTMediam';
    font-size: 22px;
    margin-top: 30px;
}
.customer_otp_verfication .customer_note{
    text-align: center;
    color: #afb1ba;
    font-family: 'FuturaPTMediam';
    font-size: 18px;
    margin-top: 15px;
}
.customer_otp_verfication .customer_note span{
    color: #ba0c2f;
    font-weight: 600;
}
.customer_otp_verfication .otp_container{
    width: 27%;
    margin-inline: auto;
}
.customer_otp_verfication .otp_container .enter_otp{
    font-size: 14px;
    color: #ba0c2f;
    font-family: 'FuturaPTMediam';
    margin-top: 40px;
    margin-bottom: 10px;
}
.customer_otp_verfication .otp_input_wraper .otp_input{
    width: 50px;
    height: 70px;
    border: none;
    border-radius: 13px;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
}
.customer_otp_verfication .otp_input_wraper .otp_input:focus-visible{
    outline-color: #BA0C2F;
    color: #BA0C2F;
}
.otp_container input.form-control{
    height: 40px;
    border: none;
    border-radius: 13px;
    font-size: 16px;
    font-weight: 600;

}
.customer_otp_verfication .otp_input_wraper span{
    font-size: 30px;
    font-weight: 600;
    color: #afb1ba;
    padding-inline: 8px;
}
/* ------------------ */
.customer_otp_verfication .dashed_box{
    border: 2px dashed gainsboro;
    background-color: white;
    padding: 25px;
    border-radius: 12px;
    margin-top: 10px;

}
.customer_otp_verfication .info_detail_table{
    width: 100%;

}
.customer_otp_verfication .info_detail_table tr td{
    width: 50%;
    padding: 5px;

}
.customer_otp_verfication .info_detail_table tr td:first-child{
    color: #bfbfc3;
    font-size: 16px;
    line-height: normal;
    /* font-family: 'FuturaPTMediam'; */
    font-family:var(--futura);

}
.customer_otp_verfication .info_detail_table tr td:last-child{
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: #0b1030;
    /* font-family: 'FuturaPTMediam'; */
    font-family:var(--futura);

}
.customer_otp_verfication .check_label{
    font-size: 16px;
    font-family: "FuturaPTBook";
}
.check_wreper{
    background-color: white;
    padding: 20px;
    border-radius: 12px;
    margin-top: 15px;
}
.doc_tittle{
    color: #0b1030;
    font-family: 'FuturaPTMediam';
    font-size: 14px;

}
.bg_add_box{
    min-height: 80px;
    width: 75px;
    background-color: white;
    text-align: center;
    margin-right: 16px;
    border-radius: 15px;
    padding-top: 13px;
    margin-top: 25px;
    margin-bottom: 20px;
    position: relative;
}
.bg_add_box div{
    font-family: "FuturaPTBook";
    font-size: 10px;
    color: black;
    padding-top: 3px;
}






.radio_switch .d2c-checkbox-container.d2c-check-label{
    margin-bottom: 0px !important;
    font-size: 14px;
    font-family: 'FuturaPTBook';
    color: #acacac;
    line-height: 1.3;
    padding-left: 30px !important;

}
.radio_switch .d2c-checkbox-container:hover input ~ .checkmark,
.radio_switch .checkmark,
.radio_switch .checkmark::after{
    border-radius: 50% !important;

}
.radio_switch_active{
    background-color: var(--main-color);
    border: none;

}
.radio_switch_active .d2c-checkbox-container.d2c-check-label{
    color: white;
    padding-bottom: 1px;

}
.radio_switch_active .checkmark::after{
    background-color: white;

}
.radio_switch_active .d2c-checkbox-container input:checked ~ .checkmark{
    background-color: var(--main-color);
    border: 1px solid white;

}
.customer_otp_verfication .d2c-checkbox-container .checkmark:after{
    width: 11px !important;
    height: 11px !important;
}
.wrap-login.in-wrap-login-rwd.otp_wrap{
    background-image: none !important;
    background-color: #f5f5f5 !important;
    height: unset !important;
    margin-top: 100px !important;
}
.container-login.otp_login{
    background-image: none !important;
    background-color: #f5f5f5 !important;
    align-items: baseline !important;

}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    width: 18px !important;
    height: 18px !important;
    accent-color:var(--main-color) !important;
}
.customer_signature_file::-webkit-file-upload-button {
    display: none !important;
 }
 .pdf_container{
    margin-top: 40px;
    text-align: center;
    width: 125px;
    background-color: white;
    padding: 20px;
    border-radius: 12px;

 }
 .pdf_container .customer_signature_file{
    padding-inline: 0;
    border: none !important;
    font-size: 12px !important;
    padding-inline: 5px;
    min-height: 35px !important;
    padding-top: 8px;



 }
 .dashed_box{
    position: relative;
 }
 .dashed_box .fa-angle-right{
    position: absolute;
    right: 15px;
    top: 28px;
 }
 #reject-application-modal .caption.font-dark .caption-subject{
    color: #BA0C2F !important;
    font-family: 'FuturaPTMediam' !important;

 }
 #reject-application-modal .box-footer .d2c-btn-primary.d2c-btn-hover.d2c-btn-width.d2c-btn-outline{
    color: #BA0C2F !important;
    background-color: white !important;
    background-image: none !important;
    border: 1px solid #BA0C2F;

 }
 #reject-application-modal .box-footer .d2c-btn-primary.d2c-btn-hover.d2c-btn-width.d2c-btn-outline:hover{
    color: white !important;
    background-image: linear-gradient(133deg, #de2b64 0%, #90163c 119%) !important;

 }
 @media (max-width: 480px) {
    .customer_otp_verfication .otp_container{
        width: 80% !important;
    }
}


/* modal box css */
.sales_activity_modal{
    max-width: 363px;
    height: 363px;
    border-radius: 30px !important;
    padding: 20px;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important;
}
.submitted_modal .modal-content.sales_activity_modal{
    height: 355px !important;
}
.activity_modal_header{
border-bottom: none;
}
.activity_modal_body{
text-align: center;
font-size: 25px;
font-family: var(--futuraMD);
padding-bottom: 0px;
}
.activity_modal_footer{
border: none;
justify-content: center;
}
.primary_txt{
color: var(--main-color);
}
.jbl_agnt_btn{
min-width: 165px;
height: 61px;
margin: 50px 11.5px 40px 2.7px;
border-radius: 17px;
box-shadow: 0 14px 30px 0 rgba(186, 12, 47, 0.33);
background-image: linear-gradient(104deg, #de2b64 15%, #90163c 92%);
color: white;
outline: none;
border: none;
cursor: pointer;
/* font-family: 'verdana' !important; */
/* font-family: var(--futuraMd) !important; */
padding-inline: 20px;
}
.jbl_agnt_btn:focus{
border: none;
outline: none;
}
.jbl_agnt_btn a{
text-decoration: none;
}

.jbl_agnt_btn a:hover{
color: white;
}
/* modal box css end here */

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: none !important;
    box-shadow: 0 0 4px 0px #a4a4a4a8;
    margin-bottom: 20px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}
.list-group-item:first-child,
.list-group-item:last-child
 {
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
}
.in-first-cell-premium, .in-amount-total-premium{
    font-size: 16px !important;
}
.in-currency-value{
    font-family: var(--futuraMD) !important;
}
.account_detail_list{
    margin-top: 30px;
    padding-inline: 20px;
}
.account_detail_list li{
    text-align: left !important;
    color: #747474 !important;
    font-family: var(--futuraMD);
    font-weight: 100 !important;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 15px;
    /* line-height: normal; */
    font-size: 15px !important;
}
.account_detail_list li .dot{
    height: 11px;
    width: 11px;
    min-width: 11px;
    background-color: #FFB5C4;
    border-radius: 50%;
    margin-top: 5px;
}
.account_detail_list li::marker{
    color: white !important;
    font-size: 0px;
    display: none !important;
}
 @media (max-width: 1600px) {
    .modal-dialog-centered.text-center.account_detail{
        margin-top: 20px !important;
    }
}

.detailed_Table thead tr th{
    background-color: #BA0C2F;
    color: white;

}
.correction_textarea{
    border: 2px solid gainsboro;
    margin-top: 20px;
    width: 100%;
    margin-inline: auto;
    border-radius: 12px;
    padding: 10px 20px;
}
.correction_textarea:focus-visible{
    border: 2px solid gainsboro !important;
    outline: none;
}
.in-acceptance-check.acceptance_checkbox input{
    height: 17px !important;
    width: 17px !important;
}
.in-acceptance-check.acceptance_checkbox input:checked::after{
    height: 11px !important;
    width: 11px !important;
}
.why_buy_modal .modal-dialog.modal-dialog-Center{
    display: flex;
    align-items: center;
    min-height: calc(100% - 1.75rem * 2) !important;
    width: 50% !important;
    top: 0% !important;
}
.why_buy_modal .modal-dialog.modal-dialog-Center .modal-content{
    height: unset !important;
}
.wrap-login.in-wrap-login-rwd.otp_wrap.otp_Container{
    margin-top:0px !important;
}

@media (max-width: 550px) {
    #summary_div .jhl_tabbing .jbl_btn_secondary{
        margin-bottom: 5px;
    }
    #insured_detail .info_detail_table tr td,
    #quotation_detail .info_detail_table tr td{
        font-size: 14px !important;
    }
    #insured_detail .in-summary-heading--title,
    #quotation_detail .in-summary-heading--title{
        font-size: 16px !important;
    }
    #quotation_detail .why_buy_modal .modal-dialog.modal-dialog-Center{
        width:95% !important;
    }
    #quotation_detail .modal-body{
        font-size: 12px !important;
    }
    #quotation_detail .modal-content{
        max-height: 65% !important;
    }
    #quotation_detail .customer_otp_verfication .col-md-12.tittle_header{
        margin-block: 0px !important;
    }
    .scroll_table{
        width: 99% !important;
        overflow-x: scroll;
    }
    #insured_detail .table thead tr th{
        font-size: 12px !important;
    }
    .acceptance_checkbox{
        padding-inline: 0px !important;
    }
    #acceptance_detail .tittle_header:first-child{
        margin-top: 0px !important;
    }
    #summary_div .wrap-login.in-wrap-login-rwd.otp_wrap{
        margin-top: 0px !important;

    }
    .otp_Container{
        margin-top: 0px !important;
    }
}

#summary_div ~ .swal-overlay.swal-overlay--show-modal .swal-footer button{
    padding-block: 15px;
    margin-right: 0px !important;

}
#summary_div ~ .swal-overlay.swal-overlay--show-modal .swal-title{
    font-weight: 100 !important;
    font-size: 20px;

}
#summary_div ~ .swal-overlay.swal-overlay--show-modal .swal-icon--warning__body, .swal-icon--warning__dot{
    background-color: #BA0C2F !important;

}
#summary_div ~ .swal-overlay.swal-overlay--show-modal .swal-icon.swal-icon--warning{
    border-color: #BA0C2F !important;

}

.in-jhl-modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .6);
  z-index: 1000
}
.in-jhl-modal.in-jhl-active {display: flex}
.in-jhl-modal-content {
  background: #fff;
  border-radius: 6px;
  max-width: 550px;
  width: 90%;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, .3)
}
.in-jhl-header {
  background: #c4122f;
  color: #fff;
  padding: 12px 16px;
  font-size: 16px;
  text-align: center;
  position: relative
}
.in-jhl-close {
  position: absolute;
  right: 12px;
  top: 8px;
  background: none;
  border: none;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  line-height: 1
}
.in-jhl-body {padding: 16px;text-align: center}
.in-jhl-otp-input {
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 4px
}
.in-jhl-clear-btn {
  display: block;
  max-width: 110px;
  margin-block: 15px;
  padding: 8px;
  border: none;
  background: #aaa;
  color: #fff;
  border-radius: 4px;
  cursor: pointer
}
.in-jhl-message {
  margin-top: 12px;
  background: #d8f3d8;
  color: #204620;
  padding: 8px;
  border-radius: 4px;
  font-size: 14px
}
.in-jhl-modal-payment {
  position: fixed; inset: 0; display: none;
  align-items: center; justify-content: center;
  background: rgba(0, 0, 0, .6); z-index: 1000
}
.in-jhl-modal-payment.in-jhl-active-payment {display:flex}
.in-jhl-modal-payment-content {
  background:#fff; border-radius:6px;
  max-width:550px; width:90%; overflow:hidden;
  box-shadow:0 4px 20px rgba(0,0,0,.3)
}
.in-jhl-header {
  /* background:#c4122f; */
  color:#fff;
  padding:12px 16px;
  font-size:16px; text-align:center; position:relative
}
.in-jhl-close-payment {
  position:absolute; right:12px; top:8px;
  background:none; border:none; color:darkslategray;
  font-size:30px; cursor:pointer; line-height:1
}
.in-jhl-body {
  padding:24px; text-align:center; font-family:sans-serif
}
.in-jhl-body img {
  width:60px; height:60px; margin-bottom:12px
}
.in-jhl-title {
  font-size:22px; font-weight:700; margin-bottom:8px
}
.in-jhl-desc {
  font-size:14px; color:#555; margin-bottom:16px; line-height:1.5
}
.in-jhl-phone {
  width:90%; padding:10px; font-size:16px;
  border:1px solid #ccc; border-radius:4px; margin-bottom:16px
}
.in-jhl-pay-btn {
  display:block; width:100%; max-width: 180px; margin: 10px auto; padding:12px;
  font-size:16px; background:#007bff; color:#fff;
  border:none; border-radius:4px; cursor:pointer
}
.in-jhl-error {
  display:flex; align-items:center; gap:8px;
  justify-content:center;
  background:lightgray; 
  color: rgb(96, 95, 95);
  font-size:14px; padding:10px; margin-top:16px;
  border-radius:4px
}
.in-jhl-error-icon {
  font-size:18px; line-height:1
}