:root {
    --blue: #002C77;
}


@font-face {
    font-family: 'NotoSans-Bold';
    src: url('../NotoSans/NotoSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSans-BoldItalic';
    src: url('../NotoSans/NotoSans-BoldItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSans-Italic';
    src: url('../NotoSans/NotoSans-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSans-Regular';
    src: url('../NotoSans/NotoSans-Regular.ttf') format('truetype');
}

body {
    font-family: "NotoSans-Regular" !important;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #b3b3b3;
    border-radius: 10px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #b3b3b3;
    }

.modal, .modal-open {
    overflow-y: hidden !important;
}

/*input {
    font-weight: bold !important;
}*/
.text_label {
    font-weight: 400 !important;
    color: #202020 !important;
    font-size: 14px;
    line-height: 18.2px;
    text-align: left;
}

/* Add padding to the right side of the arrow */
select {
    padding-right: 30px; /* Adjust this value as needed */
    -webkit-appearance: none; /* For Chrome, Safari, and Opera */
    -moz-appearance: none; /* For Firefox */
    appearance: none; /* For modern browsers */
    background: url('https://cdn-icons-png.flaticon.com/256/54/54785.png') no-repeat right center;
    background-position: calc(100% - 15px) center; /* Position the arrow */
    background-size: 12px; /* Adjust the size of the arrow */
    background-color: #fff;
}

    /* Hide the original arrow and add space to the right */
    select::-ms-expand {
        display: none;
    }


.text_input {
    height: 45px;
    /*border: 2px solid #dee2e6 !important;*/
    border: 1px solid #949494 !important;
    color: #202020 !important;
}

    .text_input ::placeholder {
        color: #202020 !important;
        opacity: 1; /* Firefox */
    }

    .text_input ::-ms-input-placeholder { /* Edge 12 -18 */
        color: #202020 !important;
    }

.clrBlue {
    color: #002C77;
}

.login_bg {
    right: 0;
    background-image: linear-gradient(to top, white 30%, lightblue 100%);
    background-repeat: no-repeat, repeat;
    overflow: hidden;
}

.LoginLogo img {
    height: 24px !important;
}

.mobile_view_logo {
    display: none;
}

.login-content {
    padding: 7% 13% 0 !important;
}

.login-copyright_section {
    /*background-color: red;*/
    position: fixed;
    bottom: 0px;
    height: 60px;
}

.LoginTitle {
    margin: 4% 0 0%;
    text-align: center;
    color: var(--blue);
    font-size: 18px;
    font-weight: 700;
    line-height: 40.86px;
}

.login_content {
    padding: 0 19.5% !important;
}

.forgot-password > a {
    color: #009DE0 !important;
    font-weight: 600;
}

.login_button {
    box-shadow: 4px 8px 12px -6px #A6B4C880 !important;
}

.login_label {
    color: #949494 !important;
}

.help-block {
    color: red;
}

.form-control-input {
    height: 50px;
    width: 100%;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #c2cad8;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.show_hide_password {
    position: relative;
}

    .show_hide_password a {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

    .show_hide_password .eye_icon {
        font-size: 18px;
    }

.button_login {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800 !important;
}

.icon-action-redo, .icon-action-undo, .icon-anchor, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-badge, .icon-bag, .icon-ban, .icon-bar-chart, .icon-basket, .icon-basket-loaded, .icon-bell, .icon-book-open, .icon-briefcase, .icon-bubble, .icon-bubbles, .icon-bulb, .icon-calculator, .icon-calendar, .icon-call-end, .icon-call-in, .icon-call-out, .icon-camcorder, .icon-camera, .icon-check, .icon-chemistry, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-compass, .icon-control-end, .icon-control-forward, .icon-control-pause, .icon-control-play, .icon-control-rewind, .icon-control-start, .icon-credit-card, .icon-crop, .icon-cup, .icon-cursor, .icon-cursor-move, .icon-diamond, .icon-direction, .icon-directions, .icon-disc, .icon-dislike, .icon-doc, .icon-docs, .icon-drawer, .icon-drop, .icon-earphones, .icon-earphones-alt, .icon-emoticon-smile, .icon-energy, .icon-envelope, .icon-envelope-letter, .icon-envelope-open, .icon-equalizer, .icon-eye, .icon-eyeglasses, .icon-feed, .icon-film, .icon-fire, .icon-flag, .icon-folder, .icon-folder-alt, .icon-frame, .icon-game-controller, .icon-ghost, .icon-globe, .icon-globe-alt, .icon-graduation, .icon-graph, .icon-grid, .icon-handbag, .icon-heart, .icon-home, .icon-hourglass, .icon-info, .icon-key, .icon-layers, .icon-like, .icon-link, .icon-list, .icon-lock, .icon-lock-open, .icon-login, .icon-logout, .icon-loop, .icon-magic-wand, .icon-magnet, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-map, .icon-microphone, .icon-mouse, .icon-moustache, .icon-music-tone, .icon-music-tone-alt, .icon-note, .icon-notebook, .icon-paper-clip, .icon-paper-plane, .icon-pencil, .icon-picture, .icon-pie-chart, .icon-pin, .icon-plane, .icon-playlist, .icon-plus, .icon-pointer, .icon-power, .icon-present, .icon-printer, .icon-puzzle, .icon-question, .icon-refresh, .icon-reload, .icon-rocket, .icon-screen-desktop, .icon-screen-smartphone, .icon-screen-tablet, .icon-settings, .icon-share, .icon-share-alt, .icon-shield, .icon-shuffle, .icon-size-actual, .icon-size-fullscreen, .icon-social-dribbble, .icon-social-dropbox, .icon-social-facebook, .icon-social-tumblr, .icon-social-twitter, .icon-social-youtube, .icon-speech, .icon-speedometer, .icon-star, .icon-support, .icon-symbol-female, .icon-symbol-male, .icon-tag, .icon-target, .icon-trash, .icon-trophy, .icon-umbrella, .icon-user, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-users, .icon-vector, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-wallet, .icon-wrench {
    font-family: Simple-Line-Icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.fa {
    font-family: FontAwesome !important;
}

.btn_linear_gradient {
    background-image: linear-gradient(to right, #138fd8, #7051b5);
    color: #FFF !important;
}

.buttonDisabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.buttonOnlyDisabled {
    opacity: 0.5;
    /*cursor: not-allowed;
    pointer-events: none;*/
}
/* OPT CSS Start */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


.login_title {
    /*text-align: center;*/
    color: var(--blue);
    font-size: 24px;
    font-weight: 700;
    line-height: 40.86px;
}

.OPT_header {
    background-color: white;
    padding: 15px;
    border-radius: 8px;
    font-weight: 600;
}

.section_otp {
    margin-top: 10px !important;
}

.OPT_header span {
    display: block;
    /*color: #00AC41 !important;*/
    color: #00AC41;
    margin: 0px !important;
}

.txtOpt {
    color: #949494;
    margin: 10px 0 15px 0;
}

.opt_input {
    width: 100%;
    height: 50px;
    border-radius: 0px;
    background: #ffffff;
    border: 1px solid #c0c0c0;
    padding: 12px 19px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #212121;
    transition: all 0.3s ease-in-out;
    outline: none !important;
    text-align: center;
    border-radius: 8px;
}

    .opt_input:focus {
        border-color: #c0c0c0;
    }

.code-inputs {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 0 0 15px 0;
    gap: 25px;
}


.otp-input-fields {
    display: flex;
    justify-content: start;
    gap: 15px;
    margin: auto;
    margin-bottom: 15px;
    width: auto;
    /*max-width: 400px;
    background-color: white;
    box-shadow: 0px 0px 8px 0px #02025044;
    padding: 40px;*/
}

    .otp-input-fields input {
        height: 55px;
        width: 58px;
        background-color: transparent;
        border-radius: 4px;
        border: 1px solid #B5B5B5;
        text-align: center;
        outline: none;
        font-size: 16px;
        /* Firefox */
    }

        .otp-input-fields input::-webkit-outer-spin-button, .otp-input-fields input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        .otp-input-fields input[type=number] {
            -moz-appearance: textfield;
        }

        .otp-input-fields input:focus {
            border-width: 2px;
            border-color: #B5B5B5;
            font-size: 20px;
        }

.resendOTP_section {
    float: right;
}

.buttondisabled {
    opacity: 0.6;
    cursor: not-allowed !important;
    pointer-events: none;
}

.btnCancel_btnContinue_section {
    margin: 36px 0px;
    display: flex;
    gap: 40px;
    justify-content: space-between;
}

    .btnCancel_btnContinue_section > .btnCancel, .btnOtpContinue {
        width: 100%;
    }

.btnCancel {
    background-color: white;
    color: var(--blue);
    border: 1px solid #e3e3e3 !important;
    box-shadow: 4px 8px 12px -6px #A6B4C833 !important;
}

/* OPT CSS Close */

/*Chnage Password Style Start*/
.header_section {
    background-color: white;
    padding: 10px;
    border-radius: 8px;
}

.txt_OTP_verified_successfully {
    color: #00AC41;
    font-weight: 600;
    display: block;
}

.txt_password_continue {
    color: #949494;
}


.button_section {
    display: flex;
    gap: 40px;
    justify-content: space-between;
}

    .button_section a {
        width: 190px;
    }
/*Change Password Style Close*/


/*====================   Login Page Left Image Section Style Start ====================   */

.login_image_section {
    position: relative;
}

    .login_image_section img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.login_image_text_overlap {
    position: absolute;
    color: #fff;
    padding: 5% 0 0 10%;
}

    .login_image_text_overlap span:first-child {
        font-weight: 600;
        font-size: 25px;
        color: #fff;
    }

    .login_image_text_overlap h1 {
        font-weight: 700;
        font-size: 50px;
        color: #fff;
    }

    .login_image_text_overlap span:last-child {
        font-weight: 500;
        color: #fff;
    }
/*====================   Login Page Left Image Section Style Close ====================   */

.create_new_password_section {
    padding: 70px 70px 0 50px;
}

.text_error {
    color: red !important;
}

/*====================      Header Section Style Start      ====================   */

/*
.navbar-nav .nav-link:hover {
    margin: 15px 0;
    text-decoration: none;
    background-color: #eee;
    padding: 10px;
    border-radius: 5px;
}*/

.icon_style img {
    margin: 10px 0 0 0;
}

/*.navbar-nav .nav-link.icon_style img:hover {
    margin: 0px !important;
}*/

.header_search_section {
    position: relative;
}

.header_search {
    background-color: #F2F7FC;
}

    .header_search:focus {
        background-color: #F2F7FC;
    }

.icon_search {
    position: absolute;
    right: 15px;
    top: 13px;
    cursor: pointer;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {
    margin-top: 0px;
    height: 25px !important;
    width: 25px;
}

.page-header.navbar .page-actions-clientlogo img {
    max-width: 130px;
}

/*====================      Header Section Style Close      ====================   */

/*====================      Add Dependants to your policies Section Style Start      ====================   */
.dependants_your_policies_wrapper {
    background-color: #F2F7FC;
    padding: 0px;
    border-radius: 6px;
}

.dependants_your_policies_section {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
}

.dependants_your_policies h3 {
    color: #002C77;
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
}

.dependants_your_policies p {
    color: #565656;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
}

.btn_skip_step_add_dependent_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}

.btn_skip_step {
    border-radius: 6px;
    border: 1px solid #8246AF;
    background: #FFF;
    /* text-transform: uppercase;*/
    padding: 10px 18px !important;
    color: #002C77;
    font-weight: 700 !important;
    border-radius: 5px !important;
    /*box-shadow: 4px 8px 12px -6px rgba(166, 180, 200, 0.50) !important;*/
}

    .btn_skip_step:hover {
        background: linear-gradient(271deg, #8246AF -9.63%, #009DE0 105.47%);
        color: #fff !important;
    }

.btn_add_dependent {
    border-radius: 6px;
    background: linear-gradient(271deg, #8246AF -9.63%, #009DE0 105.47%) !important;
    box-shadow: 4px 8px 15px 0px rgba(166, 180, 200, 0.50) !important;
    /*text-transform: uppercase;*/
    padding: 10px 18px !important;
    color: #fff;
    font-weight: 500 !important;
    border: 0;
    border-radius: 6px !important;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    height: 46px;
}

    .btn_add_dependent:hover {
        color: #fff !important;
    }

/*====================   Add Dependants to your policies Section Style Close ====================   */

/*====================   Button White and Button Linear Gradient Section Style Start ====================   */

.btn_white_button_linearGradient_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.button_white {
    border-radius: 6px !important;
    /*border: 1px solid #8246AF;*/
    background: #FFF;
    /*  text-transform: uppercase;*/
    padding: 10px 18px !important;
    color: #002C77 !important;
    font-weight: 700 !important;
    border: 1px solid #e3e3e3 !important;
    box-shadow: 4px 8px 12px -6px #A6B4C833 !important;
}

    .button_white:hover {
        background: linear-gradient(271deg, #8246AF -9.63%, #009DE0 105.47%);
        color: #fff !important;
    }

.button_linearGradient {
    border-radius: 6px !important;
    background: linear-gradient(271deg, #8246AF -9.63%, #009DE0 105.47%) !important;
    box-shadow: 4px 8px 12px -6px rgba(166, 180, 200, 0.50);
    /*text-transform: uppercase;*/
    padding: 10px 18px !important;
    color: #fff !important;
    font-weight: 700;
    border: 0;
}


/*====================   Button White and Button Linear Gradient Section Style Close ====================   */


/*====================   Stepper UI Section Style Start ====================   */

.Stepper_New_UI {
    margin: -20px 0 20px;
}

.stepper_section .res-steps-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

    .stepper_section .res-steps-container .res-steps {
        width: 100%;
        text-align: center;
        float: left;
       /* cursor: pointer*/
    }

        .stepper_section .res-steps-container .res-steps .res-step-bar {
            -webkit-border-radius: 50% !important;
            -moz-border-radius: 50% !important;
            -ms-border-radius: 50% !important;
            border-radius: 50% !important;
            background: #BED3E4;
            display: inline-block;
            height: 35px;
            width: 35px;
            margin-top: 10px;
            text-align: center;
            color: #fff;
            padding-top: 4px;
            font-size: 18px;
        }

        .stepper_section .res-steps-container .res-steps .res-progress-bar {
            height: 4px;
            background: #BED3E4;
            width: 104%;
            /*margin: -20px 0px 0 57%;*/
            margin: -20px 0px 0 53%;
            float: left;
        }

        .stepper_section .res-steps-container .res-steps:last-child .res-progress-bar {
            display: none;
        }

.stepper_section .stepper_form {
    width: 100%;
}

.stepper_section .active .res-step-bar {
    background: #002C77 !important;
}

.stepper_section .active .res-progress-title {
    color: #002C77;
    font-weight: 700;
}


.stepper_section .completed .res-step-bar {
    background: rgba(0, 172, 65, 1) !important;
    color: #fff;
    /* Remove number from completed steps */
    content: ''; /* Hide the default content */
}

    .stepper_section .completed .res-step-bar:before {
        /*   content: "\2714";
        display: inline-block;
        transform: rotate(12deg);*/

        content: "";
        display: inline-block;
        width: 16px;
        height: 12px;
        background-image: url('../../images/Vector.png');
        background-size: contain;
        background-repeat: no-repeat;
    }

.stepper_section .res-steps-container .res-steps .res-progress-bar .completed {
    background: rgba(0, 172, 65, 1) !important;
}

.button_save_proceed_section {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    margin: 20px 0 0 0;
}

    .button_save_proceed_section button {
        height: 50px;
    }

        .button_save_proceed_section button:first-child {
            width: 160px;
        }

/*====================   Stepper UI Section Style Close ====================   */
/*====================   Dependants Details Section Style Start ====================   */
.dependant_details_policies_wrapper {
    background-color: #fff;
    /*padding: 3rem;*/
    padding: 32px;
    border-radius: 8px;
}

.dependant_details_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dependant_details_section {
    flex-wrap: wrap;
    display: flex;
    justify-content: start;
    align-items: center;
    /*gap: 20px;*/
    /*margin: 20px 0;*/
    /*display: grid;
    grid-template-columns: 1fr 1fr 1fr;*/
}

.dependant_details_card {
    /*width: 300px;*/
    /*width: 365px;*/
    /*width: 404px;
    height: 185px;*/
    border-radius: 6px;
    background: #FFF;
    /*box-shadow: 4px 8px 12px -6px rgba(166, 180, 200, 0.20);*/
    /*box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);*/
    /*box-shadow: 0px 0px 12px -6px rgba(166, 180, 200, 0.20);*/
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
}

.dependant_details_card_details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
}

.dependant_name {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 29px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.policy_candidates_heading {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #949494;
    margin: 5px 0 0 0;
}

.policy_candidates_details {
    font-size: 13px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    color: #565656;
    margin: 5px 0 0 0;
}

.dependant_details_card_action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 13px 0 0;
    color: rgba(0, 157, 224, 1);
}

    .dependant_details_card_action > .edit_action, .coverage_action {
        cursor: pointer;
    }
/*====================   Dependants Details Section Style Close ====================   */
/*====================   Emplyoee Enrollment Page Collapsible Section Style Start ====================   */
:root {
    --border-color: #BED3E4;
    --background-color: #F2F7FC;
    --transition: all 0.2s ease;
}


.accordion_policies_title {
    color: #001F52;
    padding-bottom: 10px;
    font-weight: 900;
}
/*
.accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

    .accordion .accordion-item {
        background-color: var(--background-color);
        border: 1px solid var(--border-color);
        border-radius: 5px;
    }

        .accordion .accordion-item .accordion-item-description-wrapper hr {
            border: none;
            border-top: 1px solid var(--border-color);
            visibility: visible;
        }

        .accordion .accordion-item.open .accordion-item-description-wrapper hr {
            visibility: visible;
        }

        .accordion .accordion-item .accordion-item-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px;
            cursor: pointer;
            border-bottom: 1px solid #BED3E4;
        }

            .accordion .accordion-item .accordion-item-header .accordion-item-header-title {
                font-weight: 900;
                color: #001F52;
                font-size: 15px;
            }

            .accordion .accordion-item .accordion-item-header .accordion-item-header-icon {
                transition: var(--transition);
            }

        .accordion
        .accordion-item.open
        .accordion-item-header
        .accordion-item-header-icon {
            transform: rotate(-180deg);
        }*/

/*.accordion .accordion-item .accordion-item-description-wrapper {*/
/*display: grid;*/
/*grid-template-rows: 0fr;
            overflow: hidden;
            transition: var(--transition);
        }*/

/* .accordion .accordion-item.open .accordion-item-description-wrapper {
            grid-template-rows: 1fr;
        }

        .accordion
        .accordion-item
        .accordion-item-description-wrapper
        .accordion-item-description {
            min-height: 0;
            line-height: 1.5;
        }

            .accordion
            .accordion-item
            .accordion-item-description-wrapper
            .accordion-item-description
            h5 {
                padding: 0 0 0 2.5%;
                color: #000 !important;
                font-size: 17px;
                font-weight: 700;
            }

            .accordion
            .accordion-item
            .accordion-item-description-wrapper
            .accordion-item-description
            p {
                margin-bottom: 0;
                padding: 0 0 0 2.5%;
                color: #565656;
            }*/

.section_Nominee_Information {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 25px;
}
/*====================   Emplyoee Enrollment Page Collapsible Section Style Close ====================   */
/*====================   owl-carousel Section Style Start    ====================   */
/*.owl-carousel .owl-item .item{
    display: inline-block;
width: 250px !important;*/ /*adjust the width to your liking */
/*width: 230px !important;  adjust the width to your liking 
}*/
/*.owl-carousel {
    padding: 10px 10px 40px 10px;
}*/

.owl-carousel {
    padding: 15px 10px 0px 10px;
}

    .owl-carousel.has-multiple-items {
        padding: 10px 10px 40px 10px;
    }

    .owl-carousel .owl-stage-outer {
        padding: 0 0 10px 0;
    }

    .owl-carousel .owl-item .item {
        width: 100%;
    }

    .owl-carousel .owl-nav {
        /*float: right;*/
        display: flex;
        justify-content: end;
        align-items: center;
        margin: 10px 0px;
    }

        .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
            justify-content: center;
            display: flex;
            /*align-items: center;*/
        }

            .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot span {
                top: 5px;
            }

        .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
            color: #002C77 !important;
            border: 2px solid #002C77 !important;
            border-radius: 50%;
            height: 33px;
            width: 33px;
            text-align: center;
            margin: 0 10px;
            font-size: 30px !important;
        }

/*.owl-no-carousel .owl-stage-outer {
    display: flex;
    justify-content: space-between;
}*/

.owl-no-carousel .owl-item.no-carousel-item {
    flex: 0 1 30%; /* Adjust the width percentage as needed */
    margin: 10px;
}

.owl-no-carousel .owl-nav {
    display: none;
}

.owl-no-carousel .item {
    /*width: 229px;*/
    width: 298px;
}

.owl-carousel .owl-item .singleItem_owlCarousel_slide {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.card_singleItem_owlCarousel > .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
}


    .card_singleItem_owlCarousel > .owl-dots > .owl-dot {
        height: 12px;
        width: 12px;
        margin: 3px;
    }

/*.owl-no-carousel .owl-stage-outer {
    display: flex;
    justify-content: space-between;
}*/

.no-carousel-item {
    flex: 1;
    margin: 0 15px;
}

.owl-carousel .owl-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.owl-no-carousel {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: start;
    gap: 20px;
}

.no-carousel-item {
    margin: 20px;
    width: calc(33.33% - 20px);
}

@media (max-width: 600px) {
    .no-carousel-item {
        width: calc(50% - 20px);
    }
}

@media (max-width: 400px) {
    .no-carousel-item {
        width: 100%;
    }
}
/*====================   owl-carousel Section Style Close    ====================   */
/*====================   owl-carousel Inside Card Section Style Start    ====================   */
.relationPolicyCard {
    height: 170px;
}

.card {
    /*height:150px;*/
    /*min-width: 100%;*/
    /*margin: 10px;*/
    flex: 1 0 auto;
    padding: 15px;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    border-radius: 8px;
    box-sizing: border-box;
}

.carousel_card_title {
    color: #002C77;
    margin: 0;
    font-weight: 900;
    font-size: 14px;
}

.card b {
    font-size: 20px;
}

.card_border {
    margin: 10px 0;
    border: 1px solid #BED3E4;
}

.WellnessHealthCheckupCard b {
    font-family: Noto Sans;
    font-size: 14px;
    font-weight: 700;
    line-height: 19.07px;
    color: #00AC41;
}
/*====================   owl-carousel Inside Card Section Style Close    ====================   */
/*====================   owl-carousel Inside Checkbox Section Style Start    ====================   */
.checkbox_section {
}

.dependants_checkbox_section {
    width: 130px;
}

.company_default_policy {
    padding: 10px;
    margin: 0;
}

    .company_default_policy span:last-child {
        margin: 10px;
    }

.select_policy {
    /* border: 2px solid;
    border-image: linear-gradient(271deg, #8246AF -9.63%, #009DE0 105.47%) 1;
    padding: 7px;*/

    margin: 15px 0 0 0;
    border: 2px solid transparent;
    border-radius: 8px;
    background-image: linear-gradient(white, white), linear-gradient(to right, #8246AF, #009DE0);
    background-origin: border-box;
    background-clip: content-box, border-box;
    height: 50px;
}

.card .select_policy p {
    color: #002C77;
    font-weight: 900;
}

.select_policy p:last-child {
    margin: 11px 0;
    padding: 0 !important;
}

.select_policy span:nth-last-child(2) {
    left: 11px;
    top: 13px;
    border: 1px solid #d9d9d9;
}

.select_policy.md-checkbox label > .check {
    top: 10px !important;
    left: 20px !important;
}

.select_policy.md-checkbox label {
    font-size: 14px;
}


/*====================   owl-carousel Inside Checkbox Section Style Close    ====================   */
/*====================   Emplyoee Enrollment Page Section Add Policy Section Style Start    ====================   */
.add_policy_wrapper_section {
    padding: 0 10px;
}

.add_policy_wrapper {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.add_policy_wrapper_section .add_policy_section {
    border-radius: 6px;
    background: #F2F7FC;
    padding: 15px;
    border: 1px dashed #002C77;
    /*width: 160px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 72px;
}

.add_policy_section_data {
    width: 219px;
}

.selected_policy_section {
    border-radius: 6px;
    background: #FFF;
    box-shadow: 4px 8px 12px -6px rgba(166, 180, 200, 0.20);
    width: 219px;
    /* min-height: 75px;
    max-height: 100px;*/
    /*height: 90px;*/
    /*display: flex;
    align-items: center;
    position: relative;*/
}

.selected_policy_section_item {
    position: relative;
}

.selected_policy_section_with_checkbox {
    border-radius: 6px;
    background: #FFF;
    box-shadow: 4px 8px 12px -6px rgba(166, 180, 200, 0.20);
    width: 120px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 15px 0 0 0;
    border: 2px solid transparent;
    background-image: linear-gradient(white, white), linear-gradient(to right, #8246AF, #009DE0);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.policy_candidates_action {
    /*float: right;*/
    /*  top: 0px;
    right: 0px;
    position: absolute;*/
    background-color: #C7EDFF;
    padding: 6px 6px;
    cursor: pointer !important;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 7px;
    position: absolute;
    right: 0;
    z-index: 9;
}

.dependant_policy_candidates_edit {
    float: right;
    background-color: #C7EDFF;
    padding: 6px 10px;
    cursor: pointer !important;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 7px;
}

.policy_candidates_name {
    color: #565656;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.policy_candidates_relationship {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #949494;
    margin: 5px 0 0 0;
}

.text_ellipsis_one_lines {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    /*width: 100px;*/
    /*height: 40px;*/
    /*margin: 0 auto;*/
    line-height: 1.5;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text_ellipsis_two_lines {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    width: 139px;
    /*height: 40px;*/
    margin: 0 auto;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*====================   Emplyoee Enrollment Page Section Add Policy Section Style Close    ====================   */
/*====================   Emplyoee Enrollment Page Cost Summary Aside Section Style Start    ====================   */
.cost_summary_aside {
}


    .cost_summary_aside .faq-drawer__content-wrapper {
        border: unset !important;
    }

        .cost_summary_aside .faq-drawer__content-wrapper .faq-drawer__content {
            padding: 0px 10px 25px 13px;
        }

.cost_summary_table .cost_summary_title {
    border-top: unset;
    float: left;
    /*padding: 3px 8px;*/
    padding: 5px 0px;
}

.cost_summary_table .cost_summary_details {
    border-top: unset;
    float: right;
    /*padding: 3px 8px;*/
}

.cost_summary_table .cost_summary_total_tr {
    border-top: 1px solid rgba(190, 211, 228, 1);
    /* padding: 5px 0px;
    display: block;*/
    color: #00ac41;
}

.cost_summary_total {
    color: #00ac41;
}

.agree_to_pay .inc {
    top: -12px !important;
}

.agree_to_pay .check {
    top: 1px !important;
}

.agree_to_pay .box {
    top: 0px !important;
}

/*====================   Emplyoee Enrollment Page Cost Summary Aside Section Style Close    ====================   */
/*====================   Date Piker Section Style Start    ====================   */
.datePiker_section {
    position: relative;
}

    .datePiker_section img {
        position: absolute;
        top: 12px;
        left: 13px;
        height: 20px;
    }

    .datePiker_section input {
        padding-left: 45px;
    }
/*====================   Date Piker Section Style Close    ====================   */

/*====================   Radio Button Section Style Start    ====================   */

.selector {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.selector-item {
    position: relative;
    flex-basis: calc(70% / 3);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.selector-item_radio {
    appearance: none;
    display: none;
}

.selector-item_label {
    position: relative;
    border: 1px solid rgba(162, 183, 205, 1);
    width: 100%;
    text-align: center;
    border-radius: 9px;
    line-height: 250%;
    font-weight: 700;
    transition-duration: .5s;
    transition-property: transform, box-shadow;
    transform: none;
}

.selector-item_radio:checked + .selector-item_label {
    background: rgba(199, 237, 255, 1);
    color: #fff;
    /*box-shadow: 0 0 4px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.5);*/
    transform: translateY(-2px);
}

.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}
/*====================   Radio Button Section Style Close    ====================   */
/*====================   Summary Section Style Start    ====================   */
.summary_section {
    background-color: #fff;
    padding: 3rem;
    border-radius: 8px;
}

.summary_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem 0 1rem;
}

    .summary_header label {
        font-size: 18px;
        font-weight: 700 !important;
    }

.summary_user_edit {
    cursor: pointer !important;
    text-decoration: underline;
    font-size: 15px;
}

.summary_details_wrapper {
    background-color: rgba(248, 250, 252, 1);
    padding: 2rem;
    border-radius: 5px;
    margin: 20px 0;
}

.summary_user_details_table .summary_title {
    border-top: unset;
    /*width: 33.33%;*/
}

.summary_user_details_table .summary_details {
    border-top: unset;
    font-weight: 900;
}

.summary_user_details_table .cost_summary_total_tr {
    border-top: 1px solid rgba(190, 211, 228, 1);
    padding: 5px 0px;
    display: block;
}

.summary_user_details_table tbody tr td, .summary_user_details_table tbody tr {
    border: none !important;
}

.finalSummaryInvoiceTableheader {
    background: none;
    border: none;
}

    .finalSummaryInvoiceTableheader tr th,
    .finalSummaryInvoiceTablebody tr td,
    .finalSummaryInvoiceTablebody tr,
    .finalSummaryInvoiceTableheader tr {
        border: none !important;
    }

.cost_summary_total {
    color: #00ac41;
}

/*====================   Summary Section Style Close    ====================   */
/*====================   Scrollbar Style Start    ====================   */

/* Gradient Scrollbar */
#policyDetailsModal .modal-body::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
}

#policyDetailsModal .modal-body::-webkit-scrollbar-track {
    background: linear-gradient(271deg, #8246AF -9.63%, #009DE0 105.47%);
}

#policyDetailsModal .modal-body::-webkit-scrollbar-thumb {
    background: transparent; /* opacity: 0; should do the thing either */
    /*box-shadow: 0px 0px 0px 100000vh black;*/
}
/*====================   Scrollbar Style Close    ====================   */

/*====================   FlexiBen Introduction Style Start    ====================   */
.main_wrapper {
    padding: 2rem;
    border-radius: 5px;
    background-color: #fff;
}

.main_title {
    color: rgba(0, 31, 82, 1);
    font-weight: 700;
}

.blue_wrapper {
    background-color: rgba(242, 247, 252, 1);
    padding: 2rem;
    border-radius: 5px;
}

.section_title {
    color: #002C77;
    font-size: 16px;
    font-weight: 700;
    /* line-height: 21.79px;
    text-align: left;*/
}

.main_section {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
/*====================   FlexiBen Introduction Style Close    ====================   */
/*====================   Popup Style Start    ====================   */
.popup_input {
    height: 40px !important;
}

.popup_datePiker_section {
    position: relative;
}

    .popup_datePiker_section img {
        position: absolute;
        top: 10px;
        left: 10px;
        height: 20px;
    }

    .popup_datePiker_section input {
        padding-left: 40px;
    }
/*====================   Popup Style Close    ====================   */

/*====================   Collapsable Drawers Style Start    ====================   */


/*.faq-drawer input[type="checkbox"] {*/
.faq-drawer .faq-drawer__trigger {
    display: none;
}

.faq-drawer {
    margin-bottom: 3rem;
    flex: 1;
}

.faq-drawer__title {
    display: block;
    position: relative;
    padding: 16px;
    margin-bottom: 0;
    background: #F2F7FC;
    color: #373737;
    font-weight: 600;
    font-size: 15px;
    border-radius: 8px;
    transition: all 0.25s ease-out;
    cursor: pointer;
}

    .faq-drawer__title:hover {
        color: #747474;
    }

    .faq-drawer__title::after {
        content: " ";
        position: absolute;
        top: 20px;
        right: 20px;
        float: right;
        box-sizing: border-box;
        border-style: solid;
        border-color: #002C77;
        height: 10px;
        width: 10px;
        border-width: 0px 2px 2px 0px;
        transform: rotate(45deg);
        transition: border-width 150ms ease-in-out;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 1px;
        border-top-right-radius: 2px;
    }

.faq-drawer__trigger:checked + .faq-drawer__title::after {
    transform: rotate(224deg);
    top: 23px;
}

.faq-drawer__content-wrapper {
    overflow: hidden;
    max-height: 0px;
    font-size: 15px;
    line-height: 23px;
    transition: max-height 0.25s ease-in-out;
}

.faq-drawer__trigger:checked + .faq-drawer__title + .faq-drawer__content-wrapper {
    max-height: max-content;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: 1px solid #BED3E4;
}

.faq-drawer__trigger:checked + .faq-drawer__title {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.faq-drawer__content-wrapper .faq-drawer__content {
    background: #F2F7FC;
    /*padding: 20px 10px 50px 13px;*/
    /*padding: 20px 10px 25px 13px;*/
    padding: 10px 10px 25px 13px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

/*====================   Collapsable Drawers Style Close    ====================   */

/*====================   Collapsable FAQ Style Start    ====================   */


.faq_drawer input[type="checkbox"] {
    display: none;
}

.faq_drawer {
    margin-bottom: 3rem;
    flex: 1;
}

.faq_drawer_title {
    display: block;
    position: relative;
    padding: 16px;
    margin-bottom: 0;
    background: #fff;
    color: #373737;
    font-weight: 600;
    font-size: 14px;
    border-radius: 8px;
    transition: all 0.25s ease-out;
    cursor: pointer;
}

    .faq_drawer_title:hover {
        color: #747474;
    }

    .faq_drawer_title::after {
        content: " ";
        position: absolute;
        top: 20px;
        right: 20px;
        float: right;
        box-sizing: border-box;
        border-style: solid;
        border-color: #002C77;
        height: 10px;
        width: 10px;
        border-width: 0px 2px 2px 0px;
        transform: rotate(45deg);
        transition: border-width 150ms ease-in-out;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 1px;
        border-top-right-radius: 2px;
    }

.faq_drawer_trigger:checked + .faq_drawer_title::after {
    transform: rotate(224deg);
    top: 23px;
}

.faq_drawer_content_wrapper {
    overflow: hidden;
    max-height: 0px;
    font-size: 14px;
    line-height: 23px;
    transition: max-height 0.25s ease-in-out;
}

.faq_drawer_trigger:checked + .faq_drawer_title + .faq_drawer_content_wrapper {
    max-height: max-content;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: 1px solid #BED3E4;
}

.faq_drawer_trigger:checked + .faq_drawer_title {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.faq_drawer_content_wrapper .faq_drawer_content {
    background: #BED3E44D;
    /*padding: 20px 10px 50px 13px;*/
    /*padding: 20px 10px 25px 13px;*/
    padding: 10px 15px 15px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

/*====================   Collapsable FAQ Style Close    ====================   */

/*====================   Home Page Style Start    ====================   */

.wrapper_my_benefits_section1 {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 25px;
}

.enrolment_window_insurance_section1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}

.my_benefits_button_section {
    flex-wrap: wrap;
    display: flex;
    gap: 12px;
}

/* CSS to style the active button */
.my_benefits_button.active {
    background-color: #002C77;
    color: white !important;
}

.my_benefits_button_active {
    background-color: #002C77;
    color: #fff;
    border-radius: 5px !important;
}

    .my_benefits_button_active:hover {
        color: #fff !important;
    }

.my_benefits_button {
    border: 1px solid #002C77 !important;
    color: #002C77;
    border-radius: 5px !important;
}

    .my_benefits_button:hover {
        background-color: #002C77;
        color: #fff !important;
    }

.disabledPersonIcon {
    color: darkgray !important;
}

.my_benefits_card {
    /*background-color: #F2F7FC;*/
    padding: 25px;
    border-radius: 10px;
    color: #002C77;

border-top: 15px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #82adf0, #87dedb) border-box;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);

}

    .my_benefits_card .details {
        position: relative;
        height: 145px!important;
    }

.sumInsuredLabelFont {
    font-weight:600!important;
}

.my_benefits_card .details h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 21.79px;
    text-align: left;
    /*margin: 10px 0 0;*/
}

        .my_benefits_card .details h3 {
            font-size: 36px;
            font-weight: 700;
            line-height: 49.03px;
            text-align: left;
            margin: 0;
        }

        .my_benefits_card .details small {
            font-size: 12px;
            font-weight: 400;
            line-height: 16.34px;
            text-align: left;
        }

            .my_benefits_card .details small span {
                font-size: 10px;
            }

.my_policies_details .details small {
    color: #202020;
}

.my_benefits_card .details .my_benefits_card_gradient_button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0 0 0;
    border: 2px solid transparent;
    border-radius: 8px;
    background-image: linear-gradient(white, white), linear-gradient(to right, #8246AF, #009DE0);
    background-origin: border-box;
    background-clip: content-box, border-box;
    height: 40px;
    position: absolute;
}

.my_benefits_card .details .my_policies_details {
    left: 0px;
    bottom: 0px;
}

.my_benefits_card .details .my_claims_intimate_claim {
    left: 0px;
    bottom: 50px;
    width: 150px;
}

.my_benefits_card .details .my_claims_track_claim {
    right: 0px;
    bottom: 50px;
    width: 150px;
}

.my_benefits_card .details .my_claims_claim_history {
    left: 0px;
    bottom: 0px;
    width: 150px;
}

.noClaimsSection {
    padding: 20px;
    background-color: lightblue;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    border-radius: 8px;
}

    .noClaimsSection h3 {
        color: #002C77;
        font-size: 16px;
        font-weight: 700;
        text-transform: capitalize;
    }

.health_wellness_card_section {
}

.homepageVideoWrapper {
    height: 100%;
}

.homepagebgText {
    padding-left: 30px;
    padding-bottom: 10px;
}

.homepagebglistdata {
    color: #fff;
    padding-top: 10px;
    font-size: 12px
}

.homepagebgheading {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    font-family: Noto Sans;
}

.homepagebgimage {
    background-image: url('../../images/pages_images/homepage_car.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 10px;
}

.homepageVideo {
    width: 95%;
    border-radius: 10px;
}

.homepagebgbutton {
    background: linear-gradient(270.7deg, #8246AF -9.63%, #009DE0 105.47%);
    border: none;
    padding: 15px;
    color: #fff;
    border-radius: 4px;
}

.homepagebuttondiv {
    display: flex;
    justify-content: end;
    padding-right: 20px;
}

.gradient_cards {
    box-sizing: border-box;
    padding: 20px;
    border-radius: 10px;
    color: white;
    line-height: 25px;
    float: left;
    width: 100%;
}

    .gradient_cards .card_header {
        display: flex;
        justify-content: space-between;
        /*align-items: center;*/
    }


        .gradient_cards .card_header P {
            font-size: 14px;
            font-weight: 500;
            line-height: 19.07px;
            text-align: left;
            margin: 0;
        }

        .gradient_cards .card_header img {
            height: 27px;
        }


    .gradient_cards .card_content_wrapper {
    }

        .gradient_cards .card_content_wrapper .card_content {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .gradient_cards .card_content_wrapper .card_content .left_section {
                width: 100%;
            }

                .gradient_cards .card_content_wrapper .card_content .left_section .card_content_text_left {
                    font-size: 10px;
                    font-weight: 500;
                    line-height: 17px;
                    text-align: left;
                    width: 95px;
                }


                .gradient_cards .card_content_wrapper .card_content .left_section .card_content_text_right {
                    font-size: 10px;
                    font-weight: 500;
                    line-height: 13px;
                    white-space: nowrap;
                    width: 100px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

            .gradient_cards .card_content_wrapper .card_content .right_section .img_QRCode {
                height: 50px;
                width: 50px;
                margin: 0 auto;
                -webkit-filter: invert(100%); /* Safari/Chrome */
                filter: invert(100%);
            }

            .gradient_cards .card_content_wrapper .card_content .right_section .textScanQRCode {
                font-size: 10px;
                opacity: 0.6;
            }

    .gradient_cards .card_footer .button_downloadAll {
        float: right;
        color: #fff;
    }

        .gradient_cards .card_footer .button_downloadAll span:last-child:hover {
            text-decoration: unset;
        }


.purple {
    background: linear-gradient(251.87deg, #8246AF 15.62%, #009DE0 100%);
}
/*====================   Home Page Style Close    ====================   */
/*====================   Home Page Card One Style Start    ====================   */
.wrapper_section {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    margin: 30px 0;
}

.wrapper_section_heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0px 10px 0px;
}


    .wrapper_section_heading h4 {
        color: #001F52;
        font-weight: 700;
        font-size: 22px;
    }

.card_section {
    position: relative;
}

    .card_section .bgImage {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        height: 150px;
    }

.myFavouritesSection {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
}

    .myFavouritesSection .favIcon {
        color: #002C77;
        font-size: 20px;
    }


.card_blue {
    background-color: #F2F7FC;
    border-radius: 10px;
    height: 230px;
    padding: 20px;
    
}

    .card_blue .title {
        font-family: Noto Sans;
        font-size: 14px;
        font-weight: 600;
        line-height: 16.34px;
        text-align: left;
        color: #002C77;
        max-height: 40px;
        line-height: 1.5;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }


    .card_blue small {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        height: 37px;
        margin: 0 auto;
        font-size: 12px;
        line-height: 1.5;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }


.card_details {
    height: 150px;
    padding: 20px;
    background-color: #F2F7FC;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


    .card_details .title {
        font-family: Noto Sans;
        font-size: 13px;
        font-weight: 600;
        line-height: 16.34px;
        text-align: left;
        color: #002C77;
    }


    .card_details small {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        height: 37px;
        margin: 0 auto;
        font-size: 12px;
        line-height: 1;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .card_details .IconSection {
        display: flex;
        justify-content: space-between;
        align-items: start;
        gap: 10px;
        margin: 0 23px 0 0;
    }

.customeBorder {
    height: 40px;
    border: 4px solid transparent;
    border-image: linear-gradient(-45deg, #f00,#f0f,#f00,#00f,#0f0);
    border-image-slice: 1;
    box-shadow: 0 15px 25px rgba(15,15,15,0.2)
}


.gradient_button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px 0 0 0;
    border: 2px solid transparent;
    border-radius: 8px;
    background-image: linear-gradient(white, white), linear-gradient(to right, #8246AF, #009DE0);
    background-origin: border-box;
    background-clip: content-box, border-box;
    height: 40px;
    position: fixed;
    left: 20px;
    bottom: 20px;
}

.gradient_button_card {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px auto 0;
    border: 2px solid transparent;
    border-radius: 8px;
    background-image: linear-gradient(white, white), linear-gradient(to right, #8246AF, #009DE0);
    background-origin: border-box;
    background-clip: content-box, border-box;
    height: 40px;
    width: 100px;
}

.icon_wishlist i {
    font-size: 20px;
    color: #002C77;
    font-weight: 600;
    cursor: pointer;
}
/*====================   Home Page Card One Style Close    ====================   */
/*====================   Home Page Card Two Style Start    ====================   */
.card_two_img {
    height: 70px;
    float: left;
    display: unset;
}

.card_two_title {
    font-family: Noto Sans;
    font-size: 20px;
    font-weight: 600;
    line-height: 16.34px;
    text-align: left;
    color: #002C77;
}

/*====================   Home Page Card Two Style Close    ====================   */


/*====================   Home Page Image With Content Card Style Start    ====================   */

.card_img_with_content {
    position: relative;
}

    .card_img_with_content .card_header_img img {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .card_img_with_content .card_header_img .icon_wishlist_section {
        background: #FFFFFF;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 15px;
        top: 15px;
    }

        .card_img_with_content .card_header_img .icon_wishlist_section span {
            font-size: 20px;
            color: #002C77;
            font-weight: 600;
            cursor: pointer;
        }

    .card_img_with_content .card_content_text {
        padding: 20px;
        background-color: #F2F7FC;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        height: 200px;
        /*max-height: 200px;
        min-height: 160px;*/
    }

        .card_img_with_content .card_content_text .title_with_icons {
            display: flex;
            justify-content: space-between;
            align-items: start;
            gap: 14px;
        }

            .card_img_with_content .card_content_text .title_with_icons .title {
                font-size: 14px;
                font-weight: 600;
                line-height: 16.34px;
                text-align: left;
                color: #002C77;
                display: block;
                display: -webkit-box;
                max-width: 100%;
                max-height: 65px;
                line-height: 1.5;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .card_img_with_content .card_content_text .title_with_icons .icon_section {
                display: flex;
                justify-content: space-between;
                align-items: start;
                gap: 10px;
                margin: 0 23px 0 0;
            }


        .card_img_with_content .card_content_text .description {
            display: block;
            display: -webkit-box;
            max-width: 100%;
            max-height: 57px;
            margin: 0 auto;
            font-size: 12px;
            line-height: 1.5;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .card_img_with_content .card_content_text .description_two_line {
            display: block;
            display: -webkit-box;
            max-width: 100%;
            max-height: 40px;
            margin: 0 auto;
            font-size: 12px;
            line-height: 1.5;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .card_img_with_content .card_footer_links {
        position: fixed;
        bottom: 20px;
        right: 20px;
    }
/*====================   Home Page Image With Content Card Style Close    ====================   */
/*====================  Control In Style Close    ====================   */
.control_title {
    color: #001F52;
    font-size: 18px;
    font-weight: 700;
    line-height: 27.24px;
    text-align: left;
}

.faq-drawer__content p:nth-child(2) {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    color: #565656
}

.policyDetails {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

    .policyDetails a {
        text-decoration: underline;
        color: #009DE0;
        /*font-size: 12px;*/
        font-weight: 500;
        line-height: 16.34px;
    }

    .policyDetails img {
        height: 18px;
        width: 18px !important;
        cursor: pointer;
        margin: 2px 0 0;
    }

.OPDBenefitsCheckboxES2C2PIL {
    margin: 12px 40px !important;
}

.btnDeleteDependantsDetailsPolicyModal {
    background-color: #C7EDFF;
    padding: 7px 4px 10px 8px;
    cursor: pointer !important;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.btnEditDependantsDetailsPolicyModal {
    background-color: #C7EDFF;
    padding: 9px 4px 10px 6px;
    cursor: pointer !important;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    position: absolute;
    /* left: 7px; */
    top: 0px;
    right: 0px;
}

.delete_action_policy {
    /*    margin-top: 45px;
    margin-left: 12px;*/
    position: absolute;
    top: 50px;
    right: 0px;
}

.txtNoimineeDetails {
    padding: 20px;
    background-color: lightblue;
    color: #202020;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    border-radius: 8px 8px 0px 0px;
}

.NoimineeDetails_section > table {
    text-align: center;
}

.NoimineeDetails_section > table, thead {
    background-color: #F1F4F7;
    color: #949494;
}

.NoimineeDetails_section > table, tbody, tr, td {
    color: #202020;
}

.actionColumnNoimineeDetails {
    display: flex;
    justify-content: space-around;
    align-items: center;
}


    /*.actionColumnNoimineeDetails span {
        padding: 10px;
        background-color: #C7EDFF;
        color: #002C77;
        border-radius: 5px;
        cursor: pointer;
        font-size: 17px;
    }*/

    .actionColumnNoimineeDetails span a {
        padding: 5px 10px;
        background-color: #C7EDFF;
        color: #002C77;
        border-radius: 5px;
        cursor: pointer;
        font-size: 17px;
    }


.top_right_section_carousel_wrapper {
    position: relative;
    height: 100%;
    width: 100%;
}

    .top_left_section_carousel_wrapper img, .top_right_section_carousel_wrapper img {
        height: 220px;
        border-radius: 10px;
    }

.top_right_section_carousel_content {
    position: absolute;
    top: 0px;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding: 30px;
    background-color: #00000040;
    border-radius: 10px;
}

.list_section_carousel {
    display: flex;
    gap: 10px;
    margin: 10px 0;
}

    .list_section_carousel img {
        height: 17px;
        width: 17px !important;
    }

.header_title {
    font-size: 15px;
    color: #002C77;
    font-weight: 600;
}
/*====================  Control In Style Close    ====================   */
/*====================  Sidebar In Style Start    ====================   */
.page-sidebar .page-sidebar-menu > li:hover > a {
    margin: 1px 8px 0;
    padding: 12px 0;
    border-radius: 5px !important;
}

    .page-sidebar .page-sidebar-menu > li:hover > a > i {
        color: #009DE0;
    }


.page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {
    width: 100px; /* Add new style width property and sidebar width change in Ritesh*/
    text-align: center; /* Add new style width text center and sidebar width change in Ritesh*/
}

    .page-sidebar .page-sidebar-menu > li > a > .title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title {
        display: block; /* Add New Css in Ritesh Sidebar Inside Title new line not showing issue  */
    }


@media (min-width:992px) {

    .page-content-wrapper .page-content {
        margin-left: 120px; /* sidebar right align showing white space and page content left align showing white space in ritesh */
    }
}
/*====================  Sidebar In Style Close    ====================   */

/*====================  Table In Style Start    ====================   */

.table_style .table_thead {
    background-color: unset;
}

    .table_style .table_thead tr th {
        border-bottom: 1px solid #E3E3E3 !important;
        padding-bottom: 12px !important;
    }

.table_style .table_tbody tr td {
    border: unset;
}
/*====================  Table In Style Close    ====================   */
/*====================  My Benefits Node In Style Start    ====================   */

.header_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.paid_close {
    padding: 5px;
    width: 80px;
    border-radius: 20px;
    text-align: center !important;
    color: #FFF !important;
}

.claims_paid {
    background-color: #00AC41;
}

.claims_close {
    background-color: #EF4E45;
}

.faq_my_benefits_button_section {
    flex-wrap: wrap;
    display: flex;
    gap: 12px;
}

.faq_my_benefits_button_active {
    background-color: #002C77;
    color: #fff;
    border-radius: 5px !important;
}

    .faq_my_benefits_button_active:hover {
        color: #fff !important;
    }

.faq_my_benefits_button {
    border: 1px solid #002C77 !important;
    color: #002C77;
    border-radius: 5px !important;
}

    .faq_my_benefits_button:hover {
        background-color: #002C77;
        color: #fff !important;
    }

.d_justify_between_items_center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.d_justify_between_items_start {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 10px;
}


.d_justify_start_items_start {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 30px;
}

.overflow_section {
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
}

.quick_links_section:hover {
    background-color: #fff;
    color: #002C77;
    border-radius: 5px;
    font-weight: 600;
    padding: 10px 0;
}

/* width */
.MyBenefitsNoimineeDetails_section::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
.MyBenefitsNoimineeDetails_section::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.MyBenefitsNoimineeDetails_section::-webkit-scrollbar-thumb {
    background: #b3b3b3;
    border-radius: 10px;
}

    /* Handle on hover */
    .MyBenefitsNoimineeDetails_section::-webkit-scrollbar-thumb:hover {
        background: #b3b3b3;
    }

.MyBenefitsNoimineeDetails_section {
    width: 100%;
    overflow: auto;
    max-height: 400px;
}

.tableMyBenefitsNoimineeDetails {
    width: 100%;
    table-layout: fixed; /* Ensures fixed column widths */
    border-collapse: collapse;
}

    .tableMyBenefitsNoimineeDetails th,
    .tableMyBenefitsNoimineeDetails td {
        text-align: center;
        vertical-align: middle;
        padding: 8px; /* Adjust padding as needed */
        overflow: hidden;
        white-space: nowrap; /* Prevents text from wrapping */
        border: 1px solid #ddd;
    }

/* Set specific column widths */
/*.tableMyBenefitsNoimineeDetails th:nth-child(1),
        .tableMyBenefitsNoimineeDetails td:nth-child(1) {
            width: 70px;*/ /* Sr.no column */
/*}*/

/*.tableMyBenefitsNoimineeDetails th:nth-child(12),
        .tableMyBenefitsNoimineeDetails td:nth-child(12) {
            width: 100px;*/ /* Action column */
/*}*/


/* Set specific column widths */
/*.tableMyBenefitsNoimineeDetails th:nth-child(4),
        .tableMyBenefitsNoimineeDetails td:nth-child(4),
        .tableMyBenefitsNoimineeDetails th:nth-child(5),
        .tableMyBenefitsNoimineeDetails td:nth-child(5),
        .tableMyBenefitsNoimineeDetails th:nth-child(6),
        .tableMyBenefitsNoimineeDetails td:nth-child(6),
        .tableMyBenefitsNoimineeDetails th:nth-child(7),
        .tableMyBenefitsNoimineeDetails td:nth-child(7),
        .tableMyBenefitsNoimineeDetails th:nth-child(9),
        .tableMyBenefitsNoimineeDetails td:nth-child(9) {
            width: 110px;*/ /* DOB, Age (Years), % Share, Gender, Phone No. columns */
/*}*/

/* Set the remaining columns to 200px */
/*.tableMyBenefitsNoimineeDetails th:not(:nth-child(1)):not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(7)):not(:nth-child(9)):not(:nth-child(12)),
        .tableMyBenefitsNoimineeDetails td:not(:nth-child(1)):not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(7)):not(:nth-child(9)):not(:nth-child(12)) {
            width: 200px;
        }*/


/*====================  My Benefits Node In Style Close    ====================   */

/*====================  No Nominees Added In Style Start    ====================   */

.no_nominees_added_section {
    padding: 20px;
    background-color: lightblue;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    border-radius: 8px;
}

.no_nominees_added {
    color: #002C77;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
}

/*====================  No Nominees Added In Style Close    ====================   */

.GMCFinalTR h3 {
    font-size: 14px;
}

.GPAFinalTR h3 {
    font-size: 14px;
}

.GTLFinalTR h3 {
    font-size: 14px;
}

.FinalTotalTR h3 {
    font-size: 14px !important;
    font-weight: 900;
}

.ContributionContent {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #fdfdfd;
}

.oddTr {
    display: none;
}

    .oddTr.aactive {
        display: table-row;
    }

/*.confirmationFinalFlex {
    width: 90% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-top: -360px;
}*/

.dependantDetailsSection_BasePolicy {
    margin: 0 20px;
}

.toast-message {
    font-size: 13px !important;
}

.page-sidebar .page-sidebar-menu > li.active {
    margin: 1px 8px 0px 12px !important;
    border-radius: 5px !important;
}

    .page-sidebar .page-sidebar-menu > li.active > a {
        border-radius: 5px !important;
        padding: 12px 5px !important;
    }

    .page-sidebar .page-sidebar-menu > li.active:hover {
        margin: 1px 0px 0 !important;
        border-radius: 5px !important;
    }

.page-sidebar .page-sidebar-menu1 > li.active {
    margin: 1px 8px 0px 12px !important;
    border-radius: 5px !important;
}

    .page-sidebar .page-sidebar-menu1 > li.active > a {
        border-radius: 5px !important;
        padding: 12px 5px !important;
    }

    .page-sidebar .page-sidebar-menu1 > li.active:hover {
        margin: 1px 0px 0 !important;
        border-radius: 5px !important;
    }
/*Prakhar Styles*/
.Infinityloader {
    height: 250px;
}

.navbar {
    display: block;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > a > i {
    display: inline-block;
    margin-right: 20px !important;
    margin-left: 17px !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > a > .title {
    display: inline-block !important;
    margin-left: 7px;
    margin-right: 5px;
}

.page-footer {
    z-index: 99 !important;
}

.NomineeSaveBtn {
    background: linear-gradient(271deg, #8246AF -9.63%, #009DE0 105.47%) !important;
    box-shadow: 4px 8px 15px 0px rgba(166, 180, 200, 0.50) !important;
    color: #fff;
    font-weight: 700 !important;
    border: 0;
    border-radius: 6px !important;
    font-size: 14px;
}