/* :root {
    --white: white;
    --color1-rgb: 131, 131, 131;
    --color1: rgba(var(--color1-rgb), 1);
    --il-orange-rgb: 225, 92, 40;
    --il-orange: rgba(var(--il-orange-rgb), 1);
    --danger-rgba: 231, 26, 26;
    --danger: rgba(var(--danger-rgba), 1);
    --blue-color: rgb(0, 173, 255,  .12);
} */

@import url("../il-custome-color.css");
@import url("../tooltip.css");

.bi-lead {

    .form-group {
        position: relative;
        width: 100%;
        margin-bottom: 24px;

        &:last-of-type {
            margin-bottom: 0;
        }


        label {
            font-size: 14px;
            font-weight: 500;
            line-height: 18px;
            display: inline;
        }

        &.invalid {

            select.form-control,
            .form-control {
                border-color: var(--danger);
                cursor: pointer;

                +label {
                    color: var(--danger) !important;
                }
            }

            /* .invalid-feedback {
            display: block;
        } */
        }

        select,
        input {
            line-height: normal;
        }

        .input-field {
            position: relative;
            width: 100%;
        }

        select.form-control {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            /* background-image: url("../../images/select-arrow.svg"); */
            background-size: var(--bs-body-font-size);
            /* background-size: 13px; */
            background-repeat: no-repeat;
            background-position: calc(100% - calc(var(--bs-body-font-size) / 5)) 50%;
            padding-right: 32px;
        }

        select.form-control,
        .text-dark select.form-control {
            --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        }

        .text-white select.form-control {
            --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        }

        .form-control {
            border: 1px solid var(--grandma-grey);
            border-radius: 5px;
            background: var(--bs-body-bg);
            padding: 12px;
            width: 100%;
            font-size: 16px;
            font-weight: 500;
            color: currentColor;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

            &::placeholder {
                color: inherit;
            }

            &:required+label:after {
                content: "*";
                font-size: 10px;
                margin-left: 2px;
                color: var(--bs-vivid-orange);
                position: relative;
                top: -5px;
            }

            &+label.label_top,
            &.ng-valid+label,
            &:focus+label,
            &:not(:placeholder-shown)+label {
                font-size: 14px;
                line-height: 15px;
                top: 0;
                left: 11px;
                padding: 0 7px;
                z-index: 2;

                &.small-label {
                    font-size: 12px;
                }
            }

            &:hover {
                border-color: var(--primary-text);
            }

            &:focus {
                border-color: var(--il-orange);
                outline: 1px solid var(--il-orange);
                box-shadow: none;

                +label {
                    top: 0;
                    transform: translateY(-50%);
                    color: var(--il-orange);
                    font-weight: 500;
                }
            }
        }

        select.form-control+label {
            max-width: calc(100% - 35px);
        }

        /* select.form-control option {
        background-color: var(--bs-body-bg);
        color: var(--bs-body-color);
    }

    select.form-control option:hover {
        background-color: var(--bs-vivid-Orange);
        color: var(--bs-body-color);
    } */

        select.form-control+label,
        .form-control+label {
            font-size: 16px;
            line-height: 20px;
            color: var(--color1);
            position: absolute;
            left: 17px;
            top: 50%;
            transform: translateY(-50%);
            background-color: var(--bs-body-bg);
            transition: .3s all ease;
            pointer-events: none;
        }
    }

    /* ---------------------------------------------
   Style 2 Variation
--------------------------------------------- */

    .form-group.style-2 {
        .form-control {
            padding-left: 0;
            padding-top: 10px;
            padding-bottom: 10px;
            font-size: 18px;
            font-weight: 400;
            border: transparent;
            border-radius: 0;
            border-bottom: 1px solid var(--gray2);
            background-color: transparent;


            &:hover {
                border-color: var(--gray2);
            }

            &:focus {
                outline: none;
            }

            +label {
                left: 0 !important;
                /* transform: translatey(-100%); */
                padding: 0;
                background-color: transparent;
            }

            +label+.focus-after {
                &::after {
                    content: '';
                    width: 10px;
                    height: 1px;
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    background-color: #fe6625;
                    transition: all 0.2s ease;
                    visibility: hidden;
                }

            }

            &:focus+label+.focus-after {
                &::after {
                    width: 100%;
                    left: 0;
                    visibility: visible;
                }

            }

            /* &:focus+label,
        &:not(:placeholder-shown)+label {
            transform: translatey(-100%);
        } */
        }
    }

    .bg-white .form-group.style-2 .form-control {
        border-color: var(--bs-slate-gray);
    }


    /* ---------------------------------------------
Style-3 variation
----------------------------------------------- */
    .form-group.style-3 {

        /* &:not(:first-of-type){ */
        margin-top: 30px;

        /* } */
        .form-control {

            &+label.label_top,
            &.ng-valid+label,
            &:focus+label,
            &:not(:placeholder-shown)+label {
                transform: translateY(calc(-100% - 2px));
                left: 0;
                padding: 0;
            }
        }

        .invalid-feedback {
            font-size: smaller;
        }

        .invalid-feedback,
        label {
            font-weight: 600;
        }
    }

    .btn {
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .btn-primary {
        --bs-btn-color: var(--white) !important;
        --bs-btn-hover-color: var(--white) !important;
        --bs-btn-active-color: var(--white) !important;
        --bs-btn-disabled-color: var(--white) !important;
        --bs-btn-disabled-bg: rgba(var(--il-orange-rgb), 1) !important;
        --bs-btn-disabled-border-color: rgba(var(--il-orange-rgb), 1) !important;
        --bs-btn-bg: rgba(var(--il-orange-rgb), 1) !important;
        --bs-btn-border-color: rgba(var(--il-orange-rgb), 1) !important;
        --bs-btn-hover-bg: var(--primary-orange-600) !important;
        --bs-btn-hover-border-color: var(--primary-orange-600) !important;
        --bs-btn-active-bg: rgba(var(--il-orange-rgb), 1) !important;
        --bs-btn-active-border-color: rgba(var(--il-orange-rgb), 1) !important;
        --bs-btn-font-weight: 700 !important;
        --bs-btn-font-size: 16px !important;
        /* 16px */
        outline: none;

        &:active {
            -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.54);
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.54);
        }
    }

    .btn-outline-primary {
        --bs-btn-color: rgba(var(--il-orange-rgb), 1) !important;
        --bs-btn-border-color: rgba(var(--il-orange-rgb), 1) !important;
        --bs-btn-hover-color: var(--white) !important;
        --bs-btn-hover-bg: rgba(var(--il-orange-rgb), 1) !important;
        --bs-btn-hover-border-color: rgba(var(--il-orange-rgb), 1) !important;
        --bs-btn-active-color: var(--white) !important;
        --bs-btn-active-bg: rgba(var(--il-orange-rgb), 1) !important;
        --bs-btn-active-border-color: rgba(var(--il-orange-rgb), 1) !important;
        --bs-btn-disabled-color: rgba(var(--il-orange-rgb), 1) !important;
        --bs-btn-disabled-border-color: rgba(var(--il-orange-rgb), 1) !important;
    }

    .btn-link {
        --bs-btn-color: rgba(var(--il-orange-rgb), 1);
        --bs-btn-hover-color: rgba(var(--il-orange-rgb), 0.8);
        --bs-btn-active-color: rgba(var(--il-orange-rgb), 0.8);
        --bs-btn-disabled-color: #6c757d;
        --bs-btn-box-shadow: 0 0 0 #000;
        --bs-btn-focus-shadow-rgb: 49, 132, 253;
        color: var(--bs-btn-color);
        font-size: 14px;
        font-weight: 700;
    }

    a:not(.og-bootstrap, .il-tabs-con .nav-link) {
        --bs-link-color-rgb: var(--primary-text);
        --bs-link-opacity: 1;
        font-size: 14px;
        font-weight: 500;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

        &:hover {
            --bs-link-color-rgb: var(--il-orange-rgb);
            --bs-link-opacity: 1;
            fill: rgba(var(--il-orange-rgb), 1);
        }
    }

    .text-cool-blue-gray a {
        color: inherit;

        &:hover {
            color: var(--il-orange);
        }
    }

    .form-check-input {
        --bs-border-color: var(--color1);
        --bs-border-width: 2px;
        --bs-body-font-size: 18px;
        width: var(--bs-body-font-size);
        height: var(--bs-body-font-size);
        margin: 0 10px 0 0;

        &[type=radio] {
            &:checked {
                background-color: var(--white);
                --bs-form-check-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='rgba(225 92 40)'/></svg>");
                /* --bs-form-check-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='rgba(225 92 40)'/></svg>"); */
            }

            &.black-check {
                --bs-border-width: 1px;
                border-color: var(--primary-text);

                &:checked {
                    background-color: var(--white);
                    --bs-form-check-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2'/></svg>");
                }
            }
        }

        &[type=checkbox] {
            border-radius: 3px;
            --bs-form-check-bg: transparent;

            &:checked {
                background-color: var(--il-orange);
                --bs-form-check-bg-image: url("../../images/tick_marine.png");
                background-size: 9px;
            }
        }

        &.input-il-orange[type=checkbox] {

            --bs-border-color: var(--primary-text);
            --bs-border-width: 1px;
            /* width: 25px;
        height: 25px; */
            --bs-body-font-size: 25px;


            &:checked {
                background-color: var(--white);
                --bs-form-check-bg-image: url("../../images/tick.png");
                background-size: 15px;
            }
        }

        &:checked {
            border-color: var(--il-orange);
        }

        &:focus {
            border-color: rgba(var(--il-orange-rgb), 50%);
            outline: 0;
            box-shadow: none;
        }
    }

    .invalid-feedback {
        font-size: 12px;
        font-weight: 500;
        color: var(--danger);
        display: block;
    }

    .extra_info {
        font-weight: 500;
        font-size: 12px;
        color: #6C6C6C;
    }

    .il-carousel {

        &.indicators-cream-white .slick-dots,
        &.indicators-cream-white .carousel-indicators {

            [data-bs-slide-to],
            [role="tab"] {
                background-color: var(--bs-cream-white);
            }
        }

        .carousel-inner {

            .carousel-item {
                color: transparent;

                &.active,
                &.active *:not(.btn-link) {
                    color: var(--white);
                }
            }
        }

        .slick-dots {
            justify-content: center;
        }

        .carousel-indicators {
            justify-content: start;
        }


        .slick-dots,
        .carousel-indicators {

            display: flex;
            flex-wrap: wrap;
            align-items: center;


            li,
            [data-bs-target] {

                margin: 5px;
                border: none;


                outline: none;
                height: 10px;
                background: transparent;
                width: auto;
                opacity: 1;

                button,
                &:not(li) {
                    content: '';
                    display: block;
                    /* margin: auto; */
                    width: 10px;
                    height: 10px;
                    border-radius: 6.5px;
                    -webkit-border-radius: 6.5px;
                    -moz-border-radius: 6.5px;
                    background-color: var(--bs-light-gray);
                    transition: all .35s ease-in-out;
                }


                &.slick-active button,
                &.active {
                    width: 20px;
                    background-color: var(--il-orange);
                }
            }
        }

        .slick-dots li button::after,
        .slick-dots li button:before {
            content: none !important;
        }
    }


    .slick-slider.slick-initialized {
        max-width: 100%;
        display: flex;
        align-items: center;
        gap: 1%;
    }

    .slick-prev:before,
    .slick-next:before {
        content: none !important;
    }

    .slick-prev.slick-arrow,
    .slick-next.slick-arrow {
        position: static;
        height: auto;
        width: auto;
        transform: none;
    }

    @media screen and (max-width: 767px) {

        .slick-arrow.slick-next,
        .slick-arrow.slick-prev {
            position: absolute;
            z-index: 2;
        }

        .slick-prev {
            left: -20px;
        }

        .slick-next {
            right: -20px;
        }
    }


    .popup-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, .8);
        transition: opacity .2s;
        visibility: hidden;
        opacity: 0;
        z-index: 10
    }

    .popup-overlay.active {
        opacity: 1;
        overflow: auto;
        z-index: 100000;
        height: 100%;
        width: 100%;
        visibility: visible
    }

    .popup-body {
        margin: 7.5rem auto;
        border-radius: 1.5rem;
        position: relative;
        background: var(--global-white);
        transition: .5s ease-in-out;
        text-align: left;
        overflow: hidden;
    }

    .il-table {
        margin: 50px auto 0 auto;
        border-radius: 10px;
        overflow: auto;
        border: solid 1px #ddd;

        table {
            width: 100%;
        }

        td,
        th {
            padding: 12px 20px;
            /* adjusted for 16px base */
            font-size: 15px;
            font-weight: 500;
        }

        td:not(:last-child) {
            border-right: 1px solid #ddd;
        }

        /* td:first-child {
        text-align: left;
    } */

        tr:nth-child(even) {
            --bs-table-bg: #f5f6f6;
            background-color: #f5f6f6;
        }

        th {
            text-align: left;
            background-color: #dddccb;
            font-size: 15px;
            color: #000;
            padding: 15px 20px;
            border-right: 1px solid #ece9e9;
            font-weight: 700;
        }
    }

    ol.arrow-list,
    ul.arrow-list {
        padding-left: 0;

        &.before-mt-1 li::before {
            margin-top: 4px;
        }

        &.number-bullet {
            counter-reset: custom-num;
            --bs-bullet-font-size: 20px;
            --bs-bullet-line-height: 25px;
            --bs-bullet-font-weight: 800;
            --bs-bullet-color: var(--primary-orange-500);

            &>li {
                counter-increment: custom-num;
                position: relative;

                &::before {
                    content: counter(custom-num);
                    font-size: var(--bs-bullet-font-size);
                    line-height: var(--bs-bullet-line-height);
                    font-weight: var(--bs-bullet-font-weight);
                    color: var(--bs-bullet-color);
                }
            }
        }

        &.arrow-list-white li::before {
            content: url("../../images/arrowlistwhite.png");
        }

        &.green-check li::before {
            content: url("../../images/greencheck.png");
        }

        &.circle-cancel li::before {
            content: url("../../images/circlecancel.png");
        }

        &.red-circle-cancel li::before {
            content: url("../../images/redcirclecancel.svg");
        }

        &.circle-cancel-red li::before {
            content: url("../../images/circlecancelred.svg");
        }

        &.circle-check li::before {
            content: url("../../images/circlecheck.png");
        }

        &.orange-bullet li::before {
            content: url("../../images/bullet.svg");
        }

        &.green_tick li::before {
            content: url("../../images/green-tick.svg");
        }

        &.white-arrows li::before {
            content: url("../../images/white-arrows.png");
        }

        li {
            list-style: none;
            /* position: relative; */
            display: flex;
            align-items: baseline;
            gap: 10px;

            /* &::marker {
        } */
            &::before {
                /* content: "\2192"; */
                content: url("../../images/ui-arrow-ico.png");
                display: inline-block;
                /* position: absolute;
            left: -24px; */

            }


        }

        /* @media (max-width: 767px) {
        padding-left: 24px;

        li::before {
            left: -24px;
        }
    } */
    }


    .il-tabs-con {
        .nav {
            --bs-nav-tabs-link-active-bg: transparent;
            --bs-nav-link-color: #6c6c6c;
            --bs-nav-link-hover-color: rgba(var(--il-orange-rgb, .8));
            --bs-nav-tabs-link-active-color: var(--il-orange);
            --bs-nav-link-font-weight: 700;
            --bs-nav-link-font-size: 16px;

            --bs-nav-link-img-filter: grayscale(1);
            --bs-nav-link-active-img-filter: grayscale(0);

            &.nav-tabs {
                cursor: pointer;
                position: relative;
                border-bottom: 2px solid transparent;
                box-shadow: inset 0px -4px 0 0 #eeeff1;
                overflow-x: auto;
                overflow-y: hidden;
                /* overflow-y: hidden; */
                flex-wrap: nowrap;

                .nav-item {
                    cursor: pointer;
                    /* flex: 1; */
                    min-width: 135px;

                    .nav-link {
                        cursor: pointer;
                        text-align: center;
                        border: none;
                        outline: none;
                        box-shadow: none;
                        padding: 17px;
                        cursor: pointer;

                        .img-filter {
                            filter: var(--bs-nav-link-img-filter);
                            transition: filter .15s ease-in-out;
                        }

                        /* &:focus,
                &:hover {
                    --bs-nav-link-hover-color: 
                } */

                        &.active {
                            .img-filter {
                                filter: var(--bs-nav-link-active-img-filter);
                            }
                        }
                    }

                }

                .bar {
                    /* min-width: 135px; */
                    position: absolute;
                    height: 3px;
                    padding: 0;
                    background: #f16623;
                    top: calc(100% - 3px);
                    /* z-index: 4; */
                    left: 0;
                    transition: left .35s ease-in-out;
                }
            }
        }

        .tab-content {
            padding: 30px 20px 0;
            font-size: 16px;

            .tab-title,
            h3 {
                font-weight: 700;
                font-size: 16px;
                margin-bottom: 10px;
            }

            .tab-content,
            p {
                font-weight: 400;
            }

            @media (max-width: 767px) {

                /* padding: 48px 0 0; */
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
            }
        }


    }

    .itab-con2 {
        --itab-con2-border-radius: var(--il-border-radius);

        .nav {
            border-radius: var(--itab-con2-border-radius);
            overflow: hidden;
            padding-bottom: 20px;
            --bs-nav-link-padding-y: 18px;
            /* --bs-nav-link-padding-x: 15px; */


            .nav-item {
                /* background-color: var(--white); */

                .nav-link {
                    cursor: pointer;
                    height: 100%;
                    --bs-nav-link-font-size: 18px;
                    --bs-nav-link-font-weight: 600;
                    --bs-nav-link-color: var(--iblue-dark);
                    --bs-nav-link-hover-color: rgba(var(--iblue-dark-rgb), .5);
                    --bs-nav-pills-link-active-color: var(--iblue-dark);
                    --bs-nav-pills-link-bg: var(--white);
                    --bs-nav-pills-link-active-bg: var(--white);
                    background-color: var(--white);
                    border-radius: 0px;
                    border-bottom: 7px solid var(--white);


                    @media (max-width: 767px) {
                        --bs-nav-link-font-size: 12px;
                        --bs-nav-link-padding-y: 10px;

                        border-radius: 0px !important;

                    }

                    &.active {
                        border-bottom-color: var(--il-orange);
                        position: relative;

                        &:after {
                            content: '';
                            border-style: solid;
                            border-width: 12px 11.5px 0 11.5px;
                            border-color: var(--il-orange) transparent transparent transparent;
                            position: absolute;
                            top: calc(100% + 6px);
                            left: 50%;
                            transform: translateX(-50%);
                            -webkit-transform: translateX(-50%);
                        }
                    }
                }

                cursor: pointer;

                &:not(:last-child) {
                    border-right: 2px solid #B7B7B7;

                }

                &:first-of-type .nav-link {
                    border-top-left-radius: var(--itab-con2-border-radius);
                    ;
                    border-bottom-left-radius: var(--itab-con2-border-radius);
                    ;
                }

                &:last-of-type .nav-link {
                    border-top-right-radius: var(--itab-con2-border-radius);
                    ;
                    border-bottom-right-radius: var(--itab-con2-border-radius);
                    ;
                }

            }
        }

        .tab-content {
            padding: 40px;
            background-color: var(--white);
            color: var(--primary-text);
            border-radius: var(--il-border-radius);
            /* 16 
        13 */
            font-size: 16px;

            @media (max-width: 767px) {
                font-size: 13px;
            }

            table {
                th {
                    padding-right: 10px;
                    align-content: baseline;
                }

                td {
                    padding-bottom: 20px;
                }
            }

            @media (max-width: 767px) {
                padding: 15px 20px;
            }
        }
    }


    .articals {
        --itab-con2-border-radius: var(--il-border-radius);

        .article-img {
            height: 250px;
        }

        .artical-card {
            border-radius: var(--itab-con2-border-radius);
            border: solid 1px #eaeaea;
            overflow: hidden;
            padding: 30px 20px;
            height: 100%;
            transition: box-shadow .15s ease-in-out;
            --boxshadow-color: rgba(0, 0, 0, 0);
            box-shadow: 0 2px 5px 0 var(--boxshadow-color);
            cursor: pointer;

            &:hover {
                --boxshadow-color: rgba(0, 0, 0, 0.13);

            }

            a {
                color: var(--primary-text);
                text-decoration: none;

                &:hover {
                    color: var(--primary-text);
                }
            }
        }
    }

    .addons {
        .addon-card {
            position: relative;
            overflow: hidden;

            .card-title {
                margin-bottom: 45px;
                position: relative;
                z-index: 1;
                color: var(--iblue-dark);
                font: 700 16px "Muli", sans-serif;
                text-align: center;
            }

            .card-body {
                z-index: 2;
                padding: 20px 25px;
            }

            &::before {
                content: " ";
                height: 135px;
                border-radius: 100%;
                -webkit-border-radius: 100%;
                -moz-border-radius: 100%;
                top: -70px;
                right: -30px;
                left: -30px;
                position: absolute;
                background-color: #f7e9c9;
                box-shadow: 0 0 0 12px #fff9ea;
                -webkit-box-shadow: 0 0 0 12px #fff9ea;
                -moz-box-shadow: 0 0 0 12px #fff9ea;
                -webkit-transform: rotate(10deg);
                transform: rotate(10deg);
            }


        }
    }


    li.marker-none::marker {
        content: none;
    }

    .dot-marker {
        &::before {
            content: "";
            width: 15px;
            height: 15px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            display: inline-block;
            background-color: var(--iblue-dark);
            margin-right: 15px;
        }

    }

    .new-tag {
        max-width: 40px;
    }

    /* .new-tag:after {
    display: block;
    width: 50px;
    height: auto;
    content: url("../../images/new-tag.gif");
} */

    .outline-none {
        outline: none;
    }

    .outline-focuse-none:focus {
        outline: none !important;
    }

    .il-rounded {
        border-radius: var(--il-border-radius) !important;
    }

    .no-list-style {
        list-style-type: none;
    }


    .read-more-container {
        .collapse.show {
            display: inline !important;
        }

        .read-more-text::after {
            content: "Read more";
        }

        .read-more-text::before,
        .read-more-icon::before {
            content: "...  ";
        }

        .read-more-icon::after {
            content: url("../../images/readmore.svg");
            display: inline-block;
            transition: transform .3s ease;
        }

        .else-read-more-block {
            display: inline-block;
        }

        &.read-more-active {
            .else-read-more-block {
                display: none;
            }

            .read-more-text::after {
                content: "Read less";
            }

            .read-more-icon::before {
                content: none;
            }

            .read-more-icon::after {
                transform: rotate(180deg);
            }
        }

        .read-more-icon[aria-expanded="true"] {
            &::before {
                content: " ";
            }

            &::after {
                transform: rotate(180deg);
            }
        }
    }


    .cursor-pointer {
        cursor: pointer;
    }

    .bg-rectangle {
        /* border: 1px solid #a4c3d2; */
        background: url("../../images/rectangle.png") no-repeat;
    }

    .dropdown-icon {
        position: relative;
        --dropdown-icon-color: var(--primary-text);

        &:after {
            border: solid var(--dropdown-icon-color);
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 3px;
            vertical-align: top;
            transform: translateY(-50%) rotateZ(45deg);
            transition: all 0.3s ease-in;
            content: "";
            position: absolute;
            top: 50%;
            right: 0;
        }

        &.active:after {
            transform: rotateZ(225deg);
        }
    }

    .gc-List {
        max-height: 110px;
        overflow-y: auto !important;
    }

    .required {
        content: "*";
        font-size: 10px;
        margin-left: 2px;
        color: var(--bs-vivid-orange);
        position: relative;
        top: -5px;
    }

    /* Hide scrollbars in all browsers */
    .scroll-hidden {
        /* Firefox */
        scrollbar-width: none !important;
        /* IE & old Edge */
        -ms-overflow-style: none !important;
    }

    .scroll-hidden::-webkit-scrollbar {
        display: none !important;
        /* Chrome, Safari, Edge */
    }

    .bg-public-liability-banner {
        @media (min-width: 768px) {

            background-image: url("../../images/public-liability/banner_image.svg");
            background-repeat: no-repeat;
            background-position: center top;
            background-size: cover;
        }
    }

    .bg-wave-banner {
        background-image: url("../../images/wave_banner.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .tooltip-icon {
        --bs-body-font-size: 14px;

        &::after {
            pointer-events: auto;
            content: "";
            cursor: pointer;
            width: var(--bs-body-font-size);
            height: var(--bs-body-font-size);
            display: inline-block;
            background-color: var(--bs-secondary);
            opacity: 0.7;
            mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' stroke='black' stroke-width='2' fill='none'/%3E%3Cline x1='12' y1='7' x2='12' y2='13' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17' r='1.5' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
            -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' stroke='black' stroke-width='2' fill='none'/%3E%3Cline x1='12' y1='7' x2='12' y2='13' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17' r='1.5' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
            transition: opacity 0.3s;
        }

        &:hover::after {
            opacity: 1;
            background-color: var(--bs-vivid-Orange);
        }

    }


    /* Theme: IL Blue Gradient (Primary) */
    .tooltip.ocean-blue-gradient {
        .tooltip-inner {
            min-width: 120px;
            font: 400 10px/10px "Muli", sans-serif;
            background: linear-gradient(180deg, var(--iblue-gradient-start) 0%, var(--iblue-tooltip) 100%);
            color: var(--white);
        }

        &.bs-tooltip-auto[data-popper-placement^="top"],
        &.bs-tooltip-top {
            .tooltip-arrow::before {
                border-top-color: var(--iblue-tooltip);
            }
        }

        &.bs-tooltip-auto[data-popper-placement^="bottom"],
        &.bs-tooltip-bottom {
            .tooltip-arrow::before {
                border-bottom-color: var(--iblue-tooltip);
            }
        }

        &.bs-tooltip-auto[data-popper-placement^="left"],
        &.bs-tooltip-start {
            .tooltip-arrow::before {
                border-left-color: var(--iblue-tooltip);
            }
        }

        &.bs-tooltip-auto[data-popper-placement^="right"],
        &.bs-tooltip-end {
            .tooltip-arrow::before {
                border-right-color: var(--iblue-tooltip);
            }
        }
    }



    /* White tooltip theme - simplified */
    .tooltip.sm-w {
        --bs-tooltip-max-width: 200px;
        --bs-tooltip-padding-y: 6px;
        --bs-tooltip-padding-x: 6px;
    }

    .tooltip-white {
        --bs-tooltip-opacity: 1;
        --bs-tooltip-bg: var(--bs-body-bg);
        --bs-tooltip-color: var(--bs-body-color);
    }

    .tooltip-white .tooltip-inner {
        --bs-tooltip-bg: var(--bs-body-bg);
        /* border: 1px solid var(--bs-white); */
        box-shadow: 0 4px 10px rgba(var(--bs-body-color-rgb), 0.15);
    }

    .text-start .tooltip-inner {
        text-align: left;
    }


    .grid-md-flow-column {
        display: grid;
        gap: 16px;
        grid-auto-flow: row;
        grid-template-columns: auto;
    }

    .h-min-60px {
        min-height: 60px;
    }

    .min-h-85px {
        min-height: 85px;
    }

    .coreSec .imgdiv {
        min-height: 110px;
        min-width: 110px;
    }

    .cardInsur {
        margin-top: -70px;
    }

    .awards .awardsslider .innerdiv {
        min-height: 526px;
    }

    .ourCom .textP {
        max-width: 340px;
    }

    .employee-compensation {
        .disclaimers {
            padding: 64px 0;

            h3 {
                margin-bottom: 32px;
            }

            .disclaimer-list {
                list-style: none;
            }

            .sup-dis {
                font-weight: 700;
                color: #212121;
                line-height: 18px;
                padding-right: 10px;
            }
        }
    }

    @media (min-width: 768px) {
        .grid-md-flow-column {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-auto-flow: column;
            grid-template-rows: repeat(var(--rows), 1fr);
        }

        /* 2 children = 1 row */
        .grid-md-flow-column:has(> :nth-child(2)):not(:has(> :nth-child(3))) {
            --rows: 1;
        }

        /* 3–4 children = 2 rows */
        .grid-md-flow-column:has(> :nth-child(n+3)):not(:has(> :nth-child(5))) {
            --rows: 2;
        }

        /* 5–6 children = 3 rows */
        .grid-md-flow-column:has(> :nth-child(n+5)):not(:has(> :nth-child(7))) {
            --rows: 3;
        }

        /* 7–8 children = 4 rows */
        .grid-md-flow-column:has(> :nth-child(n+7)):not(:has(> :nth-child(9))) {
            --rows: 4;
        }

        /* 9–10 children = 5 rows */
        .grid-md-flow-column:has(> :nth-child(n+9)):not(:has(> :nth-child(11))) {
            --rows: 5;
        }

    }


    .bg-group-insurance-banner {
        background: url("../../images/group-insurance/banner-bg.svg");
        background-size: contain;
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .health-banners {
        background: url("../../images/group-health/group-health-banner.svg");
        background-size: contain;
        background-position: bottom;
        background-repeat: no-repeat;
    }

}

/* ===============================
   Chrome, Edge, Safari
   =============================== */
input:-internal-autofill-selected,
textarea:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--bs-body-color, #000) !important;
    /* text color */
    caret-color: var(--bs-body-color, #000) !important;
    /* color: var(--bs-body-color) !important; */
    /* cursor */
    box-shadow: 0 0 0px 1000px var(--bs-body-bg, #fff) inset !important;
    /* background */
    transition: background-color 0s ease-in-out 0s !important;
    /* background-color: var(--bs-body-bg) !important; */
}

/* Prevent yellow flash */
@keyframes autofill-fix {
    from {
        background-color: transparent;
    }

    to {
        background-color: transparent;
    }
}

input:-webkit-autofill {
    animation-name: autofill-fix !important;
    animation-fill-mode: both !important;
}

/* ===============================
   Firefox
   =============================== */

input:-moz-autofill,
textarea:-moz-autofill,
select:-moz-autofill {
    -moz-text-fill-color: var(--bs-body-color, #000) !important;
    box-shadow: 0 0 0px 1000px var(--bs-body-bg, #fff) inset !important;
}

/* il-inputs */