section {
    float: left;
    width: 100%;
}

/* // BIDP 5381  start*/
button.btn-close {
    background: url(https://uat.in.pluxee.tools/Pluxee_Library/images/plx-ic-Close.png) no-repeat;
    width: 20px;
    height: 20px;
    background-size: 20px;
    opacity: 1;
    float: right;
    border: 0px;
}

button.btn-close:hover {
   
    width: 20px;
    height: 20px;
    background-size: 20px;
    opacity: 1;
    float: right;
    border: 0px;
}

/* // BIDP 5381 end  */
    .Contact-box {
    float: left;
    width: 100%;
    background: var(--chakra-colors-white);
    border-radius: 0px;
    padding: 10px;
    margin: 3.5rem 0;
    border: 1px solid var(--chakra-colors-core-deepBlue-4);
}

.accordian-head {
    float: left;
    width: 100%;
    background: var(--chakra-colors-white);
    border-radius: 0px;
    padding: 10px;
    margin-top: 3.5rem;
    border: 1px solid var(--chakra-colors-core-deepBlue-4);
}
.accordian-body {
    float: left;
    width: 100%;
    background: var(--chakra-colors-white);
    border-radius: 0px;
    padding: 10px;
    border: 1px solid var(--chakra-colors-core-deepBlue-4);
}

@media (max-width: 767.98px) {
    .Contact-box {
        margin: 2.5rem 0;
    } 
}

.custom-list li {
    line-height: 1.8; /* Adjust the value as needed */
    margin-bottom: 10px; /* Optional: Adds space between items */
}

.Sub-logo-wrapper img {
   /* width: auto;*/
    height: 25px;
}

.hd-frm {
    display: none;
}

.TimerCss {
    padding: 1% 0% 0% 0%; /* Default for smallest screens */
}
 
/* Extra Small Screens (Mobile Phones - Portrait) */
@media (min-width: 320px) and (max-width: 480px) {
    .TimerCss {
        padding: 1% 1% 0% 0%;
    }
    .blue_bg {
        /* width : 19% !important;*/
        width: 0% !important;
    }

    .blue_bg1 {
        /* width: 19% !important;*/
        width: 0% !important;
    }
    .plx_title_h1 {
        font-size: 100% !important;
    }
}
 
/* Small Screens (Mobile Phones - Landscape) */
@media (min-width: 481px) and (max-width: 767px) {
    .TimerCss {
        padding: 1% 0% 0% 0%;
    }
    .blue_bg {
        width: 22% !important;
    }
    .blue_bg1 {
        /* width: 19% !important;*/
        width: 22% !important;
    }

    .plx_title_h1 {
        font-size: 95% !important;
    }
}
 
/*Tablets (Portrait & Small Tablets) */
@media (min-width: 768px) and (max-width: 900px) {
    .TimerCss {
        padding: 1% 9% 0% 0%;
    }
    .blue_bg {
        width: 35% !important;
    }
    .plx_title_h1 {
        font-size: 95% !important;
    }
}

@media (min-width: 901px) and (max-width: 1023px) {
    .TimerCss {
        padding: 1% 9% 0% 0%;
    }

    .blue_bg {
        width: 40% !important;
    }

    .plx_title_h1 {
        font-size: 100% !important;
    }
}
 
/*Laptops (13-14 inch Screens) */
@media (min-width: 1024px) and (max-width: 1279px) {
    .TimerCss {
        padding: 1% 17% 0% 0% !important;
    }
    .blue_bg {
        width: 45% !important;
    }
}
 
/* Large Laptops (15-16 inch Screens) */
@media (min-width: 1280px) and (max-width: 1439px) {
    .TimerCss {
        padding: 1% 17% 0% 0% !important;
    }
    .blue_bg {
        width: 45% !important;
    }
}
 
/* Full HD Screens (1080p, 1440p Monitors) */
@media (min-width: 1440px) and (max-width: 1599px) {
    .TimerCss {
        padding: 1% 18% 0% 0%;
    }
    .blue_bg {
        width: 50% !important;
    }
}
 
/* Widescreen Monitors (2K, 1600px to 1919px) */
@media (min-width: 1600px) and (max-width: 1919px) {
    .TimerCss {
        padding: 1% 17% 0% 0%;
    }
    .blue_bg {
        width: 50% !important;
    }
}
 
/* Extra Large Screens (Full HD, 1920px and above) */
@media (min-width: 1920px) and (max-width: 2559px) {
    .TimerCss {
        padding: 1% 17% 0% 0% !important;
    }
    .blue_bg {
        width: 50% !important;
    }
}
 
/* Ultra-Wide Screens (4K - 2560px and above) */
@media (min-width: 2560px) {
    .TimerCss {
        padding: 1% 25% 0% 0%;
    }
    .blue_bg {
        width: 50% !important;
    }
}



.error {
    color: var(--chakra-colors-core-confidentlyCoral-7);
}

.errordiv {
    width: 100%;
    text-align: center;
    padding: 50px 10px;
    margin: 0;
}

@media (max-width: 767px) {
    .errordiv {
        padding: 25px 10px;
    }
}

section.footer .footFLex {
    width: 100%
}

.custom-Secondary-button.offline_h2 {
    display: inline-block;
    min-width: auto;
    padding: 6px 20px;
}

.crl_info_upload {
    color: var(--chakra-colors-core-confidentlyCoral-7);
}

.crl_info_c4 {
    color: var(--chakra-colors-core-veryYellow-5);
}

.form_section_UL {
    float: left;
    width: 100%;
    color: var(--primary-color);
    list-style-type: none;
    /*padding: 2% 0% 2% 0%;
    margin: 0;*/
}


    .form_section_UL .li_text {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: end;
       
    }

    @media (max-width: 767.98px) {
        .form_section_UL .li_text {
            margin-bottom: .5rem;
            justify-content: start;
        }
    }

.form_section_UL .li_input {
    text-align: left;
  
}

#txtHeader {
    color: var(--chakra-colors-core-confidentlyCoral-7);
}
#txtData {
    text-align: center;
    width: 96%;
}

.myModal_Popup_Width {
    width: 700px;
}
.txt_color {
    font-size: 1.14rem;
    margin: 10px 0px;
}

.cls_redirect{
    cursor: pointer
}

.form-horizontal {
    width: 100%;
    float: left;
}

.div_doc_type {
    float: left;
    width: 100%;
    text-align: center;
    margin: 10px 0px 20px 0px;
}

.tnctext {
    margin-left: 15px;
    text-align: left;
    float: left;
    width: 100%;
}

.custom-Border {
    display: inline-flex;
    appearance: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    user-select: none;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    outline: transparent solid 2px;
    outline-offset: 2px;
    line-height: 150%;
    border-radius: var(--chakra-radii-none);
    font-weight: 700;
    transition-property: var(--chakra-transition-property-common);
    transition-duration: var(--chakra-transition-duration-normal);
    border-width: 3px;
    border-style: solid;
    border-image: initial;
    height: var(--chakra-sizes-12);
    font-size: 1.14rem;
    padding-inline-start: var(--chakra-space-6);
    padding-inline-end: var(--chakra-space-6);
    letter-spacing: -0.05em;
    text-decoration: none;
    text-transform: none;
    background: var(--White-color);
    color: var(--chakra-colors-semantic-text-primary);
    border-color: var(--chakra-colors-semantic-foreground-primary);
    min-width: 72px;
    padding: 18px 20px 18px 20px;
}

.pop_text {
    font-size: 1.14rem;
}

.infobtn1{
float: left;
}

.alrt{

    left: 13px;
    top: 34px;
    position: absolute;
    font-size: 14px;
    color: var(--chakra-colors-core-confidentlyCoral-7);
    font-weight: 500;
}
#btnSubmit {
    float: left;
    padding: 8px 25px;
    /*margin: 15px 0px 0px 0px;*/
}
#btnCancel {
    float: left;
    padding: 20px 10px;
    margin: 0px 0px 0px 10px;
    line-height: 0px;
}

@media (max-width: 767.98px){
    #btnCancel {
        width: 100%;
        margin: 10px 0 0;
    }
}

.aadhar_row {
    padding: 10px;
}

@media only screen and (min-width: 200px) and (max-width: 600px) and (orientation : portrait) {
  
    .myModal_Popup_Width {
        width: 95%;
    }
}
#dynamicfooter section.footer {
    margin: 0;
}