.utkarsh-fd-pdp {
    width: 100%;
    padding-left: calc((100% - 755px) / 2);
    padding-right: calc((100% - 755px) / 2);
}

.fd-detail-section {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 16px 0;
}

.utkarsh-fd-pdp .detail-content {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.utkarsh-fd-pdp .detail-content p {
    font-family: 'TT Norms', sans-serif;
    font-size: 12px;
    color: #1F1F1F;
    line-height: 20px;
}

.fd-detail-section .step-pie-chart {
    position: relative;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    clip-path: circle(50% at 50% 50%);
    margin-left: 7px;
}

.fd-detail-section .step-slot {
    display: flex;
    align-items: center;
    border-radius: 30px;
    background: #EED9FF;
    padding: 14px 20px;
}

.fd-detail-section .step-slot p {
    color: #4A2C7D;
    font-family: 'TT Norms Medium', sans-serif;
    font-size: 12px;
    line-height: 12.402px;
    ;
}

.pie-chart-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
}

/* Pie chart */
.pie-chart {
    width: 23px;
    height: 23px;
    background: conic-gradient(rgba(74, 44, 125, 1) 0% 25%,
            /* Initially filled 25% */
            rgba(255, 255, 255, 1) 25% 100%
            /* Initially white for the remaining 75% */
        );
    border-radius: 50%;
    /* Makes it circular */
    position: relative;
}

/* Inner circle to create a donut-like effect */
.center-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.8;
    /* Slight transparency for the center circle */
}

.center-circle span {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    /* Text color */
}

/* Button styles */
.controls {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.step-btn {
    padding: 10px 20px;
    border: none;
    background-color: #4A2C7D;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

/* Basic slice styling */
.step-pie-chart .slice {
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    clip-path: polygon(50% 50%, 100% 0, 100% 100%);
}

/* Each step corresponds to a slice */
.slice.step1 {
    background-color: #f00;
    transform: rotate(0deg);
}

.slice.step2 {
    background-color: #0f0;
    transform: rotate(90deg);
}

.slice.step3 {
    background-color: #00f;
    transform: rotate(180deg);
}

.slice.step4 {
    background-color: #ff0;
    transform: rotate(270deg);
}

.fd-detail-heading {
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 24px;
    color: #1F1F1F;
    /* line-height: 20px; */
}

.fd-pannel-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 24px 0;
}

.pannel-subSection {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.pannel-subSection.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.fd-pannel-plot {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.fd-pannel-head {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    /* align-items: center; */
    align-items: flex-start;
    border-radius: 6px;
    background: #F6F4F8;
    cursor: pointer;
    padding: 10px 16px;
}

.fd-pannel-icon {
    width: 32px;
    height: 32px;
    background-color: #EED9FF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    padding: 6px;
}

.fd-pannel-head h3 {
    font-family: 'TT Norms', sans-serif;
    font-size: 16px;
    color: #1F1F1F;
    font-weight: 500;
    margin-left: 11px;
}

.fd-pannel-head .dropdown-close {
    width: 24px;
    height: 24px;
    background: transparent url('../images/arrow_drop_down_circle.svg') center no-repeat;
    background-size: contain;
    margin-left: auto;
}

.fd-pannel-head.opened .dropdown-close {
    background: transparent url('../images/arrow_drop_down_open.svg') center no-repeat;
}


.disabled .fd-pannel-head {
    filter: grayscale(100%);
    /* Makes the image appear in grey */
    opacity: 0.5;
    cursor: not-allowed;
    /* pointer-events: none; */
}

.pannel-section {
    width: 100%;
    /* display: flex; */
    display: none;
    flex-direction: column;
    /* background: #F6F4F8;#f5ecffba */
    background: #f5ecffba;
    padding: 16px;
}

.pannel-section.open {
    display: flex;
}

.pannel-section-title {
    width: 100%;
    display: flex;
    color: #000;
    font-feature-settings: 'liga' off;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 24px;
    margin-bottom: 23px;
    margin-top: 10px;
}

.pannel-form-section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.pannel-form-section .input-plot {
    width: 355px;
    display: flex;
    flex-wrap: wrap;
    /* flex-direction: column; */
    position: relative;
    margin-bottom: 20px;
}

.pannel-form-section .input-plot input:read-only {
    border: 0;
    border-radius: 3px;
    opacity: 0.5;
    background: #EBEBEB;
    color: #737373;
}

.pannel-form-section .input-plot.sub-input-plot {
    /* width: 338px; */
    width: 355px;
    position: relative;
}

.pannel-form-section .input-plot.sub-input-plot .or {
    position: absolute;
    left: -18px;
    bottom: 18px;
    color: #000;
    font-feature-settings: 'liga' off;
    font-family: 'TT Norms', sans-serif;
    font-size: 12px;
}

.three-column-inputs {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-right: 20px;
}

.three-column-inputs:last-child {
    margin-right: 0;
}

.three-column-inputs .sub-head {
    font-size: 12px;
    margin: 12px 0 5px;
}

.pannel-form-section .input-plot .input-title {
    width: 100%;
    height: 14px;
    color: #1F1F1F;
    font-family: 'TT Norms', sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
}

.pannel-form-section .input-plot .pannel-input {
    width: 100%;
    border: 0.5px solid #818181;
    border-radius: 3px;
    background-color: transparent;
    color: #1F1F1F;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    /* padding: 12px 8px; */
    padding: 12px 8px 12px 15px;
}

.pannel-form-section .input-plot .pannel-input::placeholder {
    font-family: 'TT Norms', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #818181;
}

.pannel-form-section .input-plot span.below-amt {
    width: 100%;
    float: left;
    font-size: 10px;
    color: #818181;
    text-align: right;
    margin-top: 4px;
}

.pannel-form-section .input-plot .input-note {
    width: 100%;
    font-family: 'TT Norms', sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #818181;
}

.pannel-form-section .input-plot .input-note.right-text {
    text-align: right;
    margin-top: 4px;
}

.calender-icon {
    width: 24px;
    position: absolute;
    right: 4px;
    top: 28px;
}

.three-column-inputs .calender-icon {
    top: 58px
}

.calender-icon img {
    width: 100%;
}

.input-plot .input-title span {
    color: #CC1557;
    font-family: 'TT Norms', sans-serif;
    font-size: 12px;
    font-weight: 400;
}

.pannel-bottom-section {
    width: 100%;
    display: flex;
    flex-direction: column;

}

label.tc-checkbox {
    width: auto;
    display: flex;
    cursor: pointer;
    align-items: flex-start;
    margin-bottom: 19px;
}

label.tc-checkbox input[type="checkbox"] {
    display: none;
}

label.tc-checkbox input[type="checkbox"]:checked~.pannel-checkbox::after {
    display: flex;
}

label.tc-checkbox .pannel-checkbox::after {
    content: "\2713";
    position: absolute;
    background-color: #4A2C7D;
    color: #fff;
    font-size: 10px;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

label.tc-checkbox .pannel-checkbox {
    width: 14px;
    height: 14px;
    border: 1px solid #818181;
    background-color: transparent;
    position: relative;
}

label.tc-checkbox p {
    max-width: 96%;
    font-family: 'TT Norms', sans-serif;
    font-size: 12px;
    color: #1F1F1F;
    margin-left: 5px;
}

.adhar-otp {
    /* width: auto; */
    width: 177px;
    background-color: #4A2C7D;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 18px;
    border-radius: 5px;
    border: 0;
    color: #fff;
    margin-left: auto;
    /* padding: 10px 36px; */
    padding: 10px 13px;
    cursor: pointer;
}

.fd-bottom-plot {
    width: 100%;
    display: flex;
    margin-bottom: 35px;
    padding: 16px;
}

.fd-bottom-plot .arrow-back {
    display: flex;
    width: 24px;
    cursor: pointer;
}

.fd-bottom-plot .arrow-back img {
    width: 100%;
}

.proceed-cta {
    width: 320px;
    background-color: #4A2C7D;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 18px;
    border-radius: 5px;
    border: 0;
    color: #fff;
    margin-left: auto;
    padding: 10px 12px;
    cursor: pointer;
}

.proceed-cta:disabled {
    background-color: #E0E0E0;
    color: #989898;
    cursor: not-allowed;
    border: 1px solid #E0E0E0;
}

/* OTP popup css */
.otp-popup-plot {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popup-overlay {
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    /* backdrop-filter: blur(5px);  */
}

.otp-popup {
    width: 430px;
    border-radius: 15px;
    background: #FFF;
    position: absolute;
    border-radius: 15px;
}

.otp-popup .popup-topbar {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 23px;
    border-radius: 15px 15px 0px 0px;
    background: #F3F3F3;
    padding: 23px;
    position: relative;
}

.otp-popup .popup-topbar h4.popup-title {
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 20px;
    color: #1F1F1F;
    margin-bottom: 16px;
}

.adharotp-popup .otp-popup .popup-topbar p {
    font-family: 'TT Norms', sans-serif;
    font-size: 12px;
    color: #000;
}

.emailotp-popup .otp-popup .popup-topbar p {
    font-family: 'TT Norms', sans-serif;
    font-size: 12px;
    color: #000;
}


.otp-popup .popup-topbar button.close-popup,
.payment-popup .payment-popup-header button.close-popup {
    width: 24px;
    border: unset;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.otp-popup .popup-topbar button.close-popup img,
.payment-popup-header button.close-popup img {
    width: 100%;
}

.otp-popup .otp-input-plot {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 27px;
}

.otp-popup .otp-input-plot .otp-title {
    font-family: 'TT Norms', sans-serif;
    font-size: 12px;
    color: #000;
    margin-bottom: 10px;
}

.otp-popup .otp-input-plot .adhar-resend-btn {
    font-size: 12px;
    color: #666666;
    width: 100%;
    float: left;
    margin-top: 15px;
    padding-left: 5px;
}

.otp-popup .otp-input-plot #otp-input {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    gap: 29px;

}

.adharotp-popup #otp-input .adhar-otp-digit {
    width: 38px;
    height: 40px;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 12px;
    color: #000;
    text-align: center;
    border: 0;
    border-bottom: 1px solid #000;
}

.emailotp-popup #otp-input .email-otp-digit {
    width: 38px;
    height: 40px;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 12px;
    color: #000;
    text-align: center;
    border: 0;
    border-bottom: 1px solid #000;
}

.otp-popup .otp-input-plot .resend-link {
    display: flex;
    color: #666;
    font-feature-settings: 'liga' off;
    font-family: 'TT Norms', sans-serif;
    font-size: 12px;
    margin-top: 10px;
}

.otp-input-plot .resend-link span,
.otp-input-plot .resend-link span #timer {
    width: auto;
    display: contents;
    color: #40CC5F;
    font-family: 'TT Norms Bold', sans-serif;
    margin-left: 2px;
}

.adharotp-popup .adhar-otp-cta {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4A2C7D;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    border: 0;
    padding: 10px 0;
    margin-top: 36px;
    cursor: pointer;
}

.emailotp-popup .email-otp-cta {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4A2C7D;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    border: 0;
    padding: 10px 0;
    margin-top: 36px;
    cursor: pointer;
}

.emailotp-popup .otp-cta:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* custom select box */
.hidden-select {
    display: none;
}

/* Wrapper for custom select */
.custom-select-wrapper {
    width: 100%;
    position: relative;
    display: inline-block;
    min-width: 165px;
    border: 0.5px solid #818181;
    border-radius: 4px;
    padding: 11px 9px 6px 17px;
}

/* Styling the custom select */
.custom-select {
    position: relative;
    /* @include fonts("GothamBook",400,14);
    color: $IcDarkGray; */
    cursor: pointer;
    user-select: none;
}

/* Custom select trigger */
.custom-select-trigger {
    background: transparent;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 16px;
    color: #1F1F1F;
    font-weight: 700;
    line-height: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    letter-spacing: 0.2px;
}

/* Arrow inside the select */
.custom-select-trigger .arrow {
    width: 24px;
    height: 24px;
    background: transparent url('../images//bottom-arrow.svg') center no-repeat;
    background-size: contain;
}

/* Rotate arrow when open */
.custom-select.open .arrow {
    transform: rotate(177deg);

}

.custom-select.open .custom-options {
    display: flex;
    /* flex-wrap: wrap; */
    flex-direction: column;
    overflow-y: scroll;
    max-height: 250px;
}

.custom-options::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}


.custom-options::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.custom-options::-webkit-scrollbar-thumb {
    background: #888;
}

/* Custom options container */
.custom-options {
    width: calc(100% + 20px);
    position: absolute;
    top: calc(100% + 5px);
    left: -13px;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    display: none;
    z-index: 10;
}

/* Custom option styling */
.custom-option {
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    /* transition: background 0.4s ease; */
}

/* Hover effect for options */
.custom-option:hover {
    background: #DBD5E5;
}

/* Selected option styling */
.custom-option.selected {
    background: #DBD5E5;
}

.what-get-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #EDEAF2;
    border-radius: 4px;
    padding: 12px;
}

.what-get-section .what-get-title {
    color: #4A2C7D;
    font-feature-settings: 'liga' off;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 12px;
    line-height: 120%;
    /* 14.4px */
}

.what-get-section .rate-columns-plot {
    width: 100%;
    display: flex;
    margin-top: 15px;
}

.what-get-section .rate-columns-plot .rate-columns {
    width: 25%;
    display: flex;
    flex-direction: column;
    position: relative;
}

.what-get-section .rate-columns-plot .rate-columns::after {
    content: '';
    position: absolute;
    right: 0;
    top: 12px;
    width: 1px;
    height: 22px;
    background-color: #B0B0B0;
}

.what-get-section .rate-columns-plot .rate-columns:nth-child(4)::after {
    content: none;
}

.what-get-section .rate-columns-plot .rate-columns:nth-child(2),
.what-get-section .rate-columns-plot .rate-columns:nth-child(3) {
    text-align: center;
}

.what-get-section .rate-columns-plot .rate-columns:nth-child(4) {
    text-align: right;
}

.rate-columns-plot .rate-columns .column-title {
    color: #1F1F1F;
    font-feature-settings: 'liga' off;
    font-family: 'TT Norms', sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
}

.rate-columns-plot .rate-columns .column-value {
    color: #1F1F1F;
    font-feature-settings: 'liga' off;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 16px;
}

.interest-rate-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 50px;
}

.interest-rate-topbar {
    width: 100%;
    display: flex;
}

.interest-rate-title {
    color: #000;
    font-feature-settings: 'liga' off;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 24px;
}

.interest-rate-dropdown {
    display: flex;
    margin-left: auto;
}

.interest-rate-dropdown .custom-select-wrapper {
    width: 190px;
    padding: 6px 8px;
}

.interest-rate-dropdown .interest-rate-dropdown-title {
    color: #9D9D9D;
    font-feature-settings: 'liga' off;
    font-family: "TT Norms", sans-serif;
    font-size: 10px;
    font-weight: 400;
}

.interest-rate-dropdown .custom-select-trigger {
    font-size: 12px;
}

.interest-rate-table {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 23px;
}

.table-col {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #DDD;
}

.table-col:first-child {
    width: 30%;
    display: flex;
    border-right: 1px solid #ddd;
    padding: 47px 0 0px;
}

.table-col-subhead {
    color: #222;
    text-align: center;
    font-family: 'TT Norms', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22.86px;
    padding: 8px 0;
    border-top: 1px solid #ddd;
}

.table-col-subhead span {
    color: #666;
}

.table-col:nth-child(2) {
    width: 70%;
}

.table-col:nth-child(2) .table-col-head {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    color: #222;
    text-align: center;
    font-feature-settings: 'liga' off;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 16px;
    line-height: 22.4px;
    /* 140% */
    margin: 12px 0;
}

.table-col:nth-child(2) .table-col-subhead-wrapper {
    width: 100%;
    display: flex;
}

.table-col:nth-child(2) .table-col-subhead-wrapper .table-col-subhead {
    display: flex;
    justify-content: center;
    background-color: rgba(219, 213, 229, 0.26);
    ;
    width: 100%;
    color: #222;
    text-align: center;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 14px;
    line-height: 22.86px;
    /* 163.286% */
    border-top: 1px solid #ddd;
    /* border-bottom: 1px solid #ddd; */
    padding: 8px 0;
}

.table-col-value {
    display: flex;
    justify-content: center;
    color: #222;
    text-align: center;
    font-family: 'TT Norms', sans-serif;
    font-size: 14px;
    border-top: 1px solid #ddd;
    background-color: #fff;
    padding: 16px 0;
    line-height: 22.86px;
    /* 163.286% */
}

.table-col-subvalue {
    width: 50%;
    text-align: center;
}

/* .table-th{
    color: #222;
    font-feature-settings: 'liga' off;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 14px;
    font-weight: 400;
} */
.table-note {
    display: flex;
    justify-content: center;
    flex: 1;
    color: #666;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    background-color: #fff;
    padding: 12px 0;
}

.declaration-plot {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 50px 0 0;
}

.declaration-plot .declaration-title {
    color: #000;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
}

.declaration-plot .declaration-subtitle {
    color: #666;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
}

.fd-declaration-plot {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 21px;
}

.fd-declaration-plot h3.pannel-section-titles {
    width: 100%;
    display: flex;
    color: #000;
    font-feature-settings: 'liga' off;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 24px;
    margin-bottom: 11px;
    margin-top: 10px;
}

.fd-declaration-plot p.subtitle {
    margin: 0;
    font-size: 12px;
    color: #666666;
    margin-bottom: 20px;
    font-weight: 400;
}

.fd-declaration-plot label.tc-checkbox:not(:last-child) {
    margin-bottom: 12px;
}

.fd-cta-slot {
    display: flex;
    margin-left: auto;
}

.fd-cta-slot .continue-cta {
    display: flex;
    background-color: #4A2C7D;
    font-family: 'TT Norms Bold', sans-serif;
    color: #fff;
    border: 0;
    border-radius: 5px;
    padding: 10px 22px;
    margin: 22px 0 10px 10px;
    cursor: pointer;
}

.fd-cta-slot .continue-cta:disabled {
    background: #E0E0E0;
    color: #989898;
}

.pannel-section .pannel-tab-section {
    width: 100%;
    display: flex;
}

.pannel-tab-section .tab-pannel {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.tab-pannel .tab-title-section {
    width: 100%;
    display: flex;
}

.tab-pannel .tab-title-section .tab-a {
    color: #4A2C7D;
    text-align: center;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 14px;
    text-decoration: none;
    padding: 0 22px 15px;
}

.tab-pannel .tab-title-section .tab-a span {
    color: #303030;
    font-family: 'TT Norms', sans-serif;
    font-size: 12px;
}

.tab-pannel .tab-title-section .tab-a.active {
    border-bottom: 4px solid #4A2C7D;
    border-radius: 2px;
}

.tab-detail-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    border: 1px solid #EDEAF2;
    padding: 16px;
    margin: 11px 0;
}

.tab-detail-title {
    color: #000;
    font-family: 'TT Norms Medium', sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
}

p.tab-para {
    width: 100%;
    color: #000;
    font-family: 'TT Norms', sans-serif;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px;
    padding-right: 55px;
}

.tab-detail-form {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.tab-detail-form .tab-form-row {
    width: 355px;
}

.tab-detail-form .tab-form-row.acc-debit {
    width: 100%;
}

.tab-detail-form .tab-form-row:not(:first-child) {
    margin-left: 13px;
}

.tab-detail-form h4.form-title {
    color: #1F1F1F;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 12px;
    margin-bottom: 6px;
}

.tab-detail-form .acc-debit h4.form-title {
    color: #4A2C7D;
    font-family: 'TT Norms Medium', sans-serif;
    font-size: 14px;
}

.tab-detail-form h4.form-title span {
    color: #CE009B;
}

.acc-debit .account-label-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.tab-form-row.acc-debit .account-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc((100% - 20px) / 2);
    border-radius: 4px;
    background: #F5EAFF;
    text-transform: capitalize;
    margin-bottom: 20px;
    margin-right: 20px;
    cursor: pointer;
}

.tab-form-row.acc-debit .account-label:nth-child(2n) {
    margin-right: 0;
}

.acc-debit .account-label .account-detail {
    display: flex;
    flex-direction: column;
    color: #1F1F1F;
    font-family: "TT Norms", sans-serif;
    font-size: 14px;
}

.account-label .account-detail span {
    color: #1F1F1F;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 14px;
}

.acc-debit .account-label:not(2n) {
    margin-right: 20px;
}

.tab-form-row.acc-debit .account-label .account-radio {
    width: 16px;
    height: 16px;
    appearance: none;
    position: relative;
    border-radius: 50%;
    border: 1px solid #808080;
}

.tab-form-row.acc-debit .account-label .account-radio:checked {
    background-image: url(../images/radio-checked.svg);
    background-position: center;
    background-repeat: no-repeat;

    border: 2px solid #4A2C7D;
}

.acc-debit .account-label,
.tab-detail-form .email-input {
    width: 100%;
    display: flex;
    color: #1F1F1F;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 14px;
    text-transform: lowercase;
    background-color: transparent;
    border-radius: 3px;
    border: 0.5px solid #818181;
    padding: 11px 15px;
}

.tab-detail-form .bottom-note {
    color: #40CC5F;
    font-family: 'TT Norms', sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 11px;
}

#net-banking,
#account-debit {
    display: none;
}

.declaration-plot {
    width: 100%;
    display: flex;
    margin: 20px 0 0;
}

.declaration-plot label.tc-checkbox,
.declaration-plot label.tc-checkbox {
    align-items: flex-start;
}

.declaration-plot .declaration-title,
.declaration-plot .declaration-title {
    color: #4A2C7D;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 12px;
    line-height: 14.4px
        /* 14.4px */
}

.declaration-plot .checkbox-list,
.declaration-plot .checkbox-list {
    max-width: 92%;
    padding-left: 30px;
    margin: 0;
}

.declaration-plot .checkbox-list li {
    font-family: 'TT Norms', sans-serif;
    font-size: 10px;
    color: #191919;
    ;
    text-decoration: none;
    line-height: 16px;
    letter-spacing: 0.05px;
    /* added below  */
    list-style: auto;
    padding-left: 3px;
}

.payment-cta-plot {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

#upi .payment-cta-plot {
    margin: 0px 0;
}

.payment-cta-plot .back {
    background-color: transparent;
    border: 0;
}

.payment-cta-plot .pay-cta {
    width: 190px;
    color: #FFFCF6;
    text-align: center;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 18px;
    border-radius: 5px;
    background: #4A2C7D;
    /* padding: 10px 42px; */
    padding: 10px 11px;
    border: 0;
    /* margin-left: 16px; */
    cursor: pointer;
}

.payment-cta-plot .pay-cta:disabled {
    color: #BCBCBC;
    background: #E0E0E0;
    cursor: not-allowed;
    width: 140px;
}

.payment-popup-plot {
    width: 100%;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
}

.payment-popup {
    width: 430px;
    border-radius: 15px;
    background: #FFF;
    position: absolute;
    border-radius: 15px;
}

.payment-popup.step-2,
.payment-popup.step-3 {
    display: none;
}

.payment-popup .payment-popup-header {
    width: 100%;
    padding: 20px;
    border-radius: 15px 15px 0px 0px;
    background: #F3F3F3;
    position: relative;
}

.payment-popup-header .popup-title {
    color: #000;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
}

.payment-amount {
    color: #1F1F1F;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 16px;
}

.reference-number {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #1F1F1F;
    font-family: 'TT Norms', sans-serif;
    font-size: 14px;
    text-transform: capitalize;
}

.copy {
    width: 20px;
    height: 20px;
    background: transparent url('../images/copy.svg') center no-repeat;
    background-size: contain;
    border: 0;
    margin-left: 8px;
    cursor: pointer;
}

.payment-popup-section {
    width: 100%;
    display: flex;
}

.payment-popup-section .success-img {
    width: 66px;
    margin-top: 38px;
}

.payment-popup-section .success-img img {
    width: 100%;
}

.success-title {
    color: #1F1F1F;
    text-align: center;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 20px;
    line-height: 26px;
    /* 130% */
}

.payment-popup-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.success-para {
    color: #1F1F1F;
    text-align: center;
    font-family: 'TT Norms', sans-serif;
    font-size: 14px;
    padding: 0px 42px;
    margin: 10px 0 38px 0px;
}

.success-note {
    color: #1F1F1F;
    text-align: center;
    font-family: 'TT Norms', sans-serif;
    font-size: 12px;
    padding: 0 37px 28px;
}

.ok-cta {
    width: 142px;
    border-radius: 5px;
    background: #4A2C7D;
    color: #FFFCF6;
    text-align: center;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 18px;
    border: 0;
    padding: 10px 0;
    margin-bottom: 31px;
    cursor: pointer;
}

.rating-popup-plot {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.rating-popup {
    width: 430px;
    max-height: 95vh;
    overflow: hidden;
    border-radius: 15px;
    background: #FFF;
    position: absolute;
    border-radius: 15px;
}

.rating-popup .rating-popup-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
    border-radius: 15px 15px 0px 0px;
    background: #F3F3F3;
    position: relative;
    color: #000;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 24px;
}

.rating-popup-header .close {
    width: 24px;
    border: 0;
    cursor: pointer;
}

.rating-popup-header .close img {
    width: 100%;
}

.rating-popup-content {
    width: 100%;
    max-height: 85vh;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: 39px 29px;
    margin-bottom: 30px;
}

.rating-popup-content-title {
    width: 100%;
    color: #000;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 20px;
    line-height: 26px;
    /* 130% */
}

.rate-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 32px;
    margin: 10px 0;
}

.rate-block {
    width: 49px;
    height: 49px;
    background-color: #F3E4FF;
    border-radius: 50%;
    padding: 10px;
}

.rate-block:last-child {
    padding: 0;
}

.rate-block img {
    width: 100%;
}

.reason-section {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.reason-section .reason-section-title {
    color: #1F1F1F;
    font-family: 'TT Norms', sans-serif;
    font-size: 12px;
}

.reason-section .reason-plot {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 16px 0;
}

.custom-radio input[type="radio"] {
    display: none;
}

.reason-section .reason-plot .custom-radio {
    padding-bottom: 16px;
    border-bottom: 1px solid #DADADA;
    margin: 0;
    margin-bottom: 16px;

}

/* Style the custom radio button */
.radio-button {
    display: inline-block;
    width: 21px;
    height: 21px;
    background-color: #fff;
    border: 2px solid #DBD5E5;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
    margin-right: 10px;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* The dot inside the radio button */
.radio-button::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #4A2C7D;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.2s ease;
}

/* Change background and border on hover */
.custom-radio:hover .radio-button {
    border-color: #666;
}

/* Show the dot when the radio button is checked */
.custom-radio input[type="radio"]:checked+.radio-button::before {
    opacity: 1;
}

.custom-radio input[type="radio"]:checked~.radio-button {
    border: 2px solid #4A2C7D;
}

.custom-radio input[type="radio"]:checked+.radio-button {
    color: #4A2C7D;
    /* Change the color of the radio button itself */
    /* letter-spacing: 0.2px; */
}

.custom-radio input[type="radio"]:checked+.radio-button+* {
    color: #4A2C7D;
    /* Change the color of the label text */
    /* font-family: 'TT Norms Bold', sans-serif; */
    /* letter-spacing: 0.2px; */
    font-size: 12px;
}

/* Optional: Add some margin between radio buttons */
.radio-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Optional: Add styles for the label text */
.custom-radio {
    cursor: pointer;
    display: flex;
    /* align-items: center; */
    color: #1F1F1F;
    font-family: 'TT Norms Medium', sans-serif;
    font-size: 16px;
    letter-spacing: 0.2px;
    width: 100%;
}

.custom-radio:not(:first-child) {
    margin-left: 13px;
}

.custom-radio span {
    letter-spacing: 0.2px;
    font-family: 'TT Norms Medium', sans-serif;
}

.nominee-options .custom-radio {
    background-color: #fff;
    padding: 14px;
    margin-left: 0;
    margin-bottom: 14px;
}

.nominee-detail {
    width: calc(100% - 31px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.nominee-detail {
    /* width: calc(100% - 31px); */
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.nominee-detail .nominee-block {
    /* width: 25%; */
    display: flex;
    flex-direction: column;
    margin-right: 44px;
}

.nominee-block .block-title {
    width: 100%;
    color: #1F1F1F;
    font-family: 'TT Norms', sans-serif;
    font-size: 10px;
}

.nominee-block .block-value {
    width: 100%;
    color: #1F1F1F;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 12px;
}

.nominee-detail .input-plot {
    width: 243px;
    display: flex;
    flex-wrap: wrap;
    /* flex-direction: column; */
    position: relative;
    margin-bottom: 20px;
    display: inline-flex;
    margin-right: 20px;
}

.nominee-detail .input-plot .input-title {
    width: 100%;
    height: 14px;
    color: #1F1F1F;
    font-family: 'TT Norms', sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
}

.nominee-detail .input-plot .pannel-input {
    width: 100%;
    border: 0.5px solid #818181;
    border-radius: 3px;
    background-color: transparent;
    color: #1F1F1F;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    padding: 12px 8px;
}

.nominee-detail .input-plot .pannel-input::placeholder {
    font-family: 'TT Norms', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #818181;
}

.nominee-details-drop {
    display: none;
}

.option-form {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.option-form .option-row {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 20px;
}

.option-form .option-row .option-title {
    width: 100%;
    color: #1F1F1F;
    font-family: 'TT Norms', sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
}

.option-form .option-row .option-input {
    color: #1F1F1F;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 16px;
    text-transform: lowercase;
    padding: 12px 8px 12px 35px;
}

.option-form .option-row .option-input.filled {
    background: transparent url('../images/copy.svg') right no-repeat;
    background-size: 20px;
    /* padding: 0;
    border: 0; */
    padding-right: 30px;
    /* Adjust space to prevent text from being overlapped by the icon */
    border: 1px solid #ccc;
    cursor: pointer;
}

.option-form .option-row .country-code {
    position: absolute;
    top: 40px;
    color: rgba(31, 31, 31, 0.40);
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 16px;
    text-transform: lowercase;
    padding: 0px 0 0 9px;
}

.option-form .option-row textarea {
    width: 100%;
    color: #1F1F1F;
    font-family: 'TT Norms', sans-serif;
    font-size: 16px;
    padding: 12px 8px 12px 35px;
    resize: none;
    border-radius: 4px;
    background: #F5F5F5;
    padding: 10px;
}

.option-form .option-row textarea:focus {
    outline: 0;

}

textarea::-webkit-input-placeholder {
    /* For Chrome, Safari, Opera */
    color: #888;
}

textarea::-moz-placeholder {
    /* For Firefox 19+ */
    color: #888;
}

textarea:-ms-input-placeholder {
    /* For Internet Explorer */
    color: #888;
}

textarea:-moz-placeholder {
    /* For Firefox 18- */
    color: #888;
}

.rating-cta-plot {
    width: 100%;
    display: flex;
}

.rating-cta-plot .rating-cta {
    width: calc((100% - 20px) / 2);
    color: #FFFCF6;
    text-align: center;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 18px;
    border-radius: 5px;
    background: #4A2C7D;
    margin-left: 20px;
    padding: 10px 0;
    border: 0;
    cursor: pointer;
}

.rating-cta-plot .rating-cta:first-child {
    background-color: #fff;
    color: #4A2C7D;
    border: 1px solid #4A2C7D;
    border-radius: 5px;
    border: 1px solid #4A2C7D;
    margin: 0;
}

.rating-cta-plot .rating-cta:disabled {
    opacity: 0.7;
}

.nominee-information {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 50px;
}

.nominee-information .nominee-title {
    width: 100%;
    color: #000;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 24px;
    margin-bottom: 10px;
}

.nominee-para {
    color: #666;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    margin-bottom: 20px;
    line-height: 14px;
}

.nominee-selection-pannel {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.nominee-selection-title {
    color: #1F1F1F;
    font-family: 'TT Norms', sans-serif;
    font-size: 12px;
    margin-bottom: 10px;
}

.nominee-radio-btns {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
}

.nominee-options {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.address-filler {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: #EDEAF2;
    padding: 9px;
    margin-bottom: 20px;
}

.address-filler p {
    color: #000;
    font-family: 'TT Norms', sans-serif;
    font-size: 12px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 31px;
    height: 19px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #65BC50;
}

input:focus+.slider {
    box-shadow: 0 0 1px #65BC50;
}

input:checked+.slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.age-note {
    width: 100%;
    color: #CE009B;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    margin-top: 3px;
}

.video-radio {
    width: 100%;
    display: flex;
    /* flex-direction : column; */
}

.video-radio .video-label {
    /* width: 356px; */
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: #FFF;
    padding: 24px 0;
}

.video-label .video-label-img {
    width: 64px;
}

.video-label .video-label-img img {
    width: 100%;
}

.video-label p.video-para {
    color: #000;
    font-family: 'TT Norms Medium', sans-serif;
    font-size: 16px;
}

.video-radio .custom-radio input[type="radio"]:checked~.video-label {
    background-color: #EED9FF;
}

.schedule-plot {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    background: #FFF;
    margin-top: 20px;
    padding: 20px;
    transition: max-height 0.4s ease-out, opacity 0.4s ease-out;

}

.schedule-plot .schedule-title {
    color: #4A2C7D;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 12px;
    line-height: 14.4px
        /* 14.4px */
    ;
    /* margin-bottom: 20px; */
    margin-left: 5px;
    line-height: 18px;
}

.video-kyc-plot {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    background: #FFF;
    margin-top: 20px;
}

.video-kyc-plot .video-kyc-title {
    color: #4A2C7D;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 12px;
    line-height: 14.4px
        /* 14.4px */
    ;
    padding: 20px;
}

.video-kyc-plot .video-kyc-blocks {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 0 20px 20px;
}

.video-kyc-blocks .kyc-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-right: 50px;
}

.video-kyc-blocks .kyc-block .kyc-icon {
    width: 32px;
}

.video-kyc-blocks .kyc-block h4.kyc-block-title {
    color: #191919;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 12px;
    letter-spacing: 0.06px;
    margin: 11px 0;
}

.video-kyc-blocks .kyc-block .kyc-block-para {
    color: #191919;
    font-family: 'TT Norms', sans-serif;
    font-size: 10px;
    line-height: 16px;
    /* 160% */
    letter-spacing: 0.05px;
}

.instruction-plot {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 20px 0;
}

.instruction-plot .instruction-title {
    color: #4A2C7D;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 12px;
    line-height: 14.4px;
    /* 14.4px */
}

.instruction-ol {
    display: flex;
    flex-direction: column;
    margin: 14px 0;
}

.instruction-ol .instruction-li {
    color: #191919;
    font-family: 'TT Norms', sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.05px;
    margin-left: 8px;
    list-style: auto;
    padding-left: 2px;
}

.instruction-ol .instruction-li:first-child {
    font-family: 'TT Norms Bold', sans-serif;
}

.instruction-ol .instruction-li::marker {
    font-weight: bold;
}

.schedule-section {
    width: 100%;
    display: flex;
    border-radius: 15px;
    border: 1px solid #EDEAF2;
    margin-top: 20px;
}

.schedule-section .schedule-block {
    width: 50%;
    height: 385px;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-right: 35px;
}


input#schedule-datepicker {
    width: 100%;
    position: relative;
    display: none
}

.flatpickr-calendar.inline {
    width: 100%;
}

.schedule-block .date-time {
    width: 100%;
    color: #000;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 12px;
    line-height: 18.986px;
    /* 158.214% */
    padding: 11px 38px 8px;
}

.schedule-block .schedule-slot {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 5px 0 8px;
    height: 250px;
    overflow: auto;
    margin-bottom: 10px;
}

.schedule-block .schedule-slot .time-slot {
    width: 100%;
    color: #000;
    font-family: 'TT Norms Medium', sans-serif;
    font-size: 14px;
    text-align: center;
    line-height: 18.986px;
    /* 135.612% */
    border-radius: 6px;
    background: #F7EDFF;
    padding: 13px 0;
    margin-bottom: 6px;
}

.schedule-block .schedule-slot .time-slot.available {
    background-color: #D9F5DF;
}

.book-slot {
    display: flex;
    width: 100%;
    gap: 9px;
    margin-bottom: 9px;
}

.schedule-slot .book-slot .sub-slot {
    width: 50%;
    padding: 13px 0;
    background-color: #D9F5DF;
    border-radius: 6px;
    color: #000;
    font-family: 'TT Norms Medium', sans-serif;
    font-size: 14px;
    text-align: center;
    line-height: 18.986px;
}

.schedule-slot .book-slot .sub-slot.confirmed {
    background-color: #4A2C7D;
    color: #fff;
}

.identifier-plot {
    width: 100%;
    display: flex;
    padding: 0px 36px 6px;
}

.identifier-plot .identifier {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    display: flex;
    color: #000;
    font-family: 'TT Norms', sans-serif;
    font-size: 14px;
    text-align: center;
}

.identifier-plot .identifier.booked .circle {
    background-color: #F7EDFF;
}

.identifier-plot .identifier .circle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #D9F5DF;
    ;
    margin-right: 10px;
}

.schedule-block .flatpickr-current-month {
    left: -24px;
}

.schedule-block .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    right: 32px;
    left: unset !important;
}

.schedule-block .flatpickr-calendar {
    border-radius: unset;
}

.schedule-block .flatpickr-rContainer {
    width: 100%;
    height: 237px;
}

.schedule-block .flatpickr-days {
    width: 100%;
    justify-content: space-around;
}

.schedule-block .dayContainer {
    width: 100%;
    /* max-width: unset; */
}

.schedule-block .flatpickr-weekdays {
    height: 42px;
    padding: 0 15px;
}

.schedule-block .schedule-cta {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-right: 1px solid #EDEAF2;
    padding: 12px 14px;
}

.schedule-cta .schedule-btn {
    color: #17006B;
    font-family: 'TT Norms', sans-serif;
    font-size: 14.671px;
    font-weight: 400;
    line-height: 20.712px;
    /* 141.176% */
    letter-spacing: 0.431px;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.video-confirmation-popup-plot {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    /* display: flex; */
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 4;
}

.video-confirmation-popup-plot .video-confirmation-popup {
    width: 430px;
    position: absolute;
    background-color: #fff;
    border-radius: 15px;
}

.video-confirmation-popup .video-popup-header {
    border-radius: 15px 15px 0px 0px;
    background: #F3F3F3;
    color: #000;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 24px;
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 20px 26px;
}

.video-popup-header .close-cta {
    width: 24px;
    border: 0;
    cursor: pointer;
}

.video-popup-header .close-cta img {
    width: 100%;
}

.video-popup-content {
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.video-popup-content .popup-title {
    color: #000;
    text-align: center;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 20px;
    line-height: 26px;
    /* 130% */
}

.video-popup-content .popup-para {
    color: #1F1F1F;
    text-align: center;
    font-family: 'TT Norms', sans-serif;
    font-size: 14px;
    margin: 10px 0 24px;
}

.date-time-slot {
    width: 100%;
    display: flex;
}

.date-time-block {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.date-time-block .date-time-title {
    color: #1F1F1F;
    font-family: 'TT Norms', sans-serif;
    font-size: 14px;
    margin-bottom: 8px;
}

.date-time-block .date-time-value {
    color: #1F1F1F;
    font-family: 'TT Norms Bold', sans-serif;
    font-size: 16px;
}

/* .schedule-block span.flatpickr-day.nextMonthDay{
    display: none;
} */
@media(max-width:1112px) {

    /* .utkarsh-fd-pdp{
        padding: 0 22px;
    } */
    .fd-detail-section {
        padding: 16px;
    }

    .fd-detail-heading {
        padding: 0 16px;
    }

    .pannel-bottom-section {
        flex-direction: column;
    }

    .adhar-otp {
        width: 100%;
        margin: 10px 0 34px;
    }

    .pannel-form-section .input-plot.sub-input-plot .or {
        left: 0px;
        top: 0px;
    }

    .rate-columns-plot {
        flex-wrap: wrap;
    }

    .what-get-section .rate-columns-plot .rate-columns,
    .what-get-section .rate-columns-plot .rate-columns:nth-child(2),
    .what-get-section .rate-columns-plot .rate-columns:nth-child(3),
    .what-get-section .rate-columns-plot .rate-columns:nth-child(4) {
        width: 50%;
        text-align: left;
    }

    .what-get-section .rate-columns-plot .rate-columns:nth-child(2) {
        padding: 0px 0px 20px 24px;
    }

    .what-get-section .rate-columns-plot .rate-columns:nth-child(2):after {
        display: none;
    }

    .what-get-section .rate-columns-plot .rate-columns:nth-child(4) {
        padding: 0px 0px 0px 24px;
    }

    .interest-rate-topbar {
        flex-direction: column;
    }

    .interest-rate-dropdown,
    .interest-rate-dropdown .custom-select-wrapper {
        width: 100%;
        margin-top: 7px;
    }

    .pannel-form-section .input-plot,
    .pannel-form-section .input-plot.sub-input-plot {
        width: 100%;
    }

    .payment-popup,
    .rating-popup {
        width: 92%;
    }

    .otp-popup-plot .otp-popup {
        width: 92%;
    }

    .otp-popup .popup-topbar {
        padding: 16px;
    }

    .otp-popup .popup-topbar h4.popup-title {
        margin-bottom: 8px;
    }

    .otp-popup .otp-input-plot {
        padding: 16px;
    }

    .otp-popup .otp-input-plot #otp-input {
        gap: 23px;
    }

    .otp-popup .otp-input-plot .adhar-resend-btn {
        font-size: 12px;
        color: #666666;
        width: 100%;
        float: left;
        margin-top: 15px;
        padding-left: 5px;
    }

    .otp-popup .otp-input-plot .otp-options {
        margin: 8px 0 22px;
    }
}

@media(max-width:600px) {
    .table-col:nth-child(2) .table-col-head {
        display: none;
    }

    .otp-popup .otp-input-plot #otp-input {
        gap: 16px;
    }

    .interest-rate-table {
        flex-direction: column;
    }

    .table-col:first-child {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
        border: 0;
        padding-top: 0;
    }

    .table-col:first-child .table-col-value {
        background-color: transparent;
        font-family: 'TT Norms Bold', sans-serif;
        border: 0;
    }

    .table-col-subhead {
        display: flex;
        align-items: center;
        font-family: 'TT Norms Bold', sans-serif;
    }

    .table-col:nth-child(2) {
        width: 100%;
    }

    .table-col-value {
        border: 0;
        padding: 0;
    }

    .table-col-subvalue {
        border-right: 1px solid #ddd;
        padding: 8px 0;
    }

    .table-col-subvalue:first-child {
        border-left: 1px solid #ddd;
    }

    .table-note {
        display: none;
    }

    .fd-cta-slot {
        width: 100%;
        margin: 0;
    }

    .fd-cta-slot .continue-cta {
        width: 50%;
        justify-content: center;
    }

    .tab-detail-form {
        flex-direction: column;
    }

    .tab-detail-form .tab-form-row {
        width: 100%;
        margin: 0;
    }

    .tab-detail-form .tab-form-row:not(:first-child) {
        margin: 10px 0px 0px;
    }

    .rating-popup-content-title,
    .rating-popup .rating-popup-header,
    .tab-detail-title {
        font-size: 16px;
    }

    .rating-popup-content {
        padding: 20px 20px 45px;
    }

    .rating-popup .rating-popup-header {
        padding: 20px 16px;
    }

    .pannel-section-title,
    .interest-rate-title {
        font-size: 20px;
    }

    .payment-cta-plot .pay-cta {
        width: 100%;
        padding: 13px 0;
    }

    .payment-cta-plot .pay-cta:first-child {
        margin: 0;
    }

    .nominee-detail .nominee-block {
        width: 50%;
        margin-bottom: 10px;
    }

    .video-kyc-blocks .kyc-block {
        width: 50%;
        align-items: flex-start;
        padding-right: 20px;
    }

    .video-kyc-plot .video-kyc-blocks {
        flex-wrap: wrap;
        padding: 0 16px 16px;
        text-align: center;
    }

    .custom-radio {
        /* width: calc((100% - 13px) / 2); */
    }

    .reason-section .reason-plot .custom-radio {
        width: 100%;
    }

    .video-label p.video-para {
        width: 100%;
        text-align: center;
        padding: 0 16px;
    }

    /* .video-radio .video-lab */


    label.tc-checkbox {
        align-items: flex-start;
    }

    label.tc-checkbox p {
        max-width: 92%;
    }

    .rate-block {
        height: 35px;
        padding: 5px 6px;
    }

    .rate-block:last-child {
        height: 32px;
    }

    .schedule-section {
        flex-direction: column;
    }

    .schedule-section .schedule-block {
        width: 100%;
        height: unset;
        padding: 0;
    }

    .schedule-block .schedule-slot {
        padding: 0;
    }

    .confirm-button.adhar-otp {
        margin-bottom: 0px;
    }

    .video-confirmation-popup-plot .video-confirmation-popup {
        width: 92%;
    }
}



.video-radio .custom-radio input[type="radio"]:checked~.video-label {
    background-color: #EED9FF;
}


.schedule-section.show {
    max-height: 500px;
    /* Adjust based on content height */
    opacity: 1;

}


label.video-kyc-label {
    width: auto;
    display: flex;
    cursor: pointer;
    align-items: center;

}

label.video-kyc-label input[type="checkbox"] {
    display: none;
}

label.video-kyc-label input[type="checkbox"]:checked~.checkbox-wrap::after {
    display: flex;
}

label.video-kyc-label .checkbox-wrap::after {
    content: "\2713";
    position: absolute;
    background-color: #4A2C7D;
    color: #fff;
    font-size: 10px;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

label.video-kyc-label .checkbox-wrap {
    width: 20px;
    height: 20px;
    border: 1px solid #818181;
    background-color: transparent;
    position: relative;
}

.video-confirm-button {
    width: 100%;
    float: left;
    display: flex;
    align-content: center;
    justify-content: center;
    margin-top: 27px;
}

.video-confirm-button .v-confirm-btn {
    width: 100%;
    text-align: center;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0 13px 0px;
}

.video-confirm-button .v-confirm-btn.v-cancel-btn {
    background-color: transparent;
    color: #4A2C7D;
    padding: 12px;
    text-decoration: none;
}

.video-confirm-button .v-confirm-btn.v-agree-btn {
    background-color: #4A2C7D;
    color: #fff;
    padding: 12px;
    text-decoration: none;
}

.payment-button-padding-left {
    /* margin-left: 496px !important; */
    margin-left: auto;
}

.fill-25 {
    background: conic-gradient(rgba(74, 44, 125, 1) 0% 25%, rgba(255, 255, 255, 1) 25% 100%);
}

.fill-50 {
    background: conic-gradient(rgba(74, 44, 125, 1) 0% 50%, rgba(255, 255, 255, 1) 50% 100%);
}

.fill-75 {
    background: conic-gradient(rgba(74, 44, 125, 1) 0% 75%, rgba(255, 255, 255, 1) 75% 100%);
}

.fill-100 {
    background: conic-gradient(rgba(74, 44, 125, 1) 0% 100%, rgba(255, 255, 255, 1) 100% 100%);
}

.payment-section.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.fd-calculation-section.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.appl_review_section.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.nominee_section.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.video-kyc-section.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.rupees-symbol {
    position: absolute;
    top: 30px;
    left: 4px;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: #ccc !important;
}

.flatpickr-prev-month.flatpickr-disabled,
.flatpickr-next-month.flatpickr-disabled {
    display: block !important;
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
    max-height: 660px;
}

.flatpickr-day.custom-highlight {
    background-color: #D9F5DF !important;
    color: #000 !important;
}

.flatpickr-day.today.custom-highlight,
.flatpickr-day.today.custom-highlight:hover {
    background-color: #EED9FF !important;
    color: #000000 !important;
    border: 0 !important;
}

.flatpickr-day.selected {
    background-color: #D9F5DF !important;
    border: 0 !important;
    color: #40CC5F !important;
    font-weight: 900;
}

.nominee_section.disabled {
    opacity: 0.3;
    pointer-events: none;
}