/* :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");

.form-group .input-field label {
    font: 400 14px "Mulish", sans-serif;
    color: #8097ac;
    top: 5px;    
}
.form-group .input-field input {
    color: #000000;
}
.chkbox1 label.confirmInfo, .chkbox1 label.confirmWhatsapp {
    color: #8097ac;
    font: 300 14px "Mulish", sans-serif;
}
.chkbox1 label.confirmInfo a, .chkbox1 label.confirmWhatsapp a{
    color: #8097ac;
    font: 300 14px "Mulish", sans-serif;
    text-decoration: underline;
}

/* ---------------------------------------------
   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;
        color: currentColor;


        &: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;
}

.form-control.is-invalid{
        background-image: none;
}