:root {
    --primary-color: #0067a6;
    --color-primary: #000F89;
    --color-secondary: #2B6CB5;
    --color-secondaryMedium: #5192db;
    --color-primaryDark: #125A82;
    --color-bgLight: #f7f7f7;
    --color-greyLight: #ebebeb;
}

/****** inner-banner ******/

.innerBanner {
    width: 100%;
    height: 450px;
    position: relative;
}

    .innerBanner .bannerImg {
        width: 100%;
        height: 100%;
    }

        .innerBanner .bannerImg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

    .innerBanner .banner-content {
        position: absolute;
        top: 50%;
        left: 17%;
        transform: translate(-10%, -50%);
        z-index: 1;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        text-align: left;
        width:65%;
    }

.referFriend.innerBanner .banner-content, .independantInsurance .innerBanner .banner-content {
    width: 55%;
}

@media(max-width:1400px) {
    .referFriend.innerBanner .banner-content, .independantInsurance .innerBanner .banner-content {
        width: 60%;
    }
}

@media(max-width:1199px){
    .referFriend.innerBanner .banner-content, .independantInsurance .innerBanner .banner-content {
        width: 70%;
    }
}

@media(max-width:991px) {
    .referFriend.innerBanner .banner-content, .independantInsurance .innerBanner .banner-content {
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);        
        padding-inline:3rem;
    }

        .referFriend.innerBanner .banner-content h2, .independantInsurance .innerBanner .banner-content h2 {
            font-size: 2.5rem;
        }
}

.upperText {
    background-color: var(--color-secondary);
    color: #fff;
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
    width: fit-content;
}

.innerBanner .banner-content h2.headline {
    color: #fff;
    font-family: var(--font-inter);
    text-align: center;
    white-space: nowrap;
    margin-bottom:1rem !important;
}

.innerBanner .banner-content h5{
    background-color:transparent;
    padding:0;
    white-space:pre-wrap;
    line-height:1.5;
}

.innerBanner .banner-content p {
    color: #fff;
    text-align: center;
}

.innerBanner .btn-div {
    margin: 0;
    margin-top: 3rem;
}

.innerBanner a.btn-div:hover {
    color: #fff;
}

.banner-content .btn.btn-getStarted {
    font-size: 1.1rem;
    background-color:transparent;
    border: 1px solid #fff;
    padding-block: 0.25rem;
    margin-top: 0.75rem !important;
    color:#fff;
}

    .banner-content .btn.btn-getStarted:hover {
        background-color: var(--color-primary) !important;
        border: 1px solid var(--color-primary);
        box-shadow: none;
    }

.arrow {
    display:inline-block;
    width: 2rem;
}


/****** inner-banner ******/

.personalInsurance .insurance-innerPages .img-div {
    height: 300px;
    overflow: hidden;
    border-radius: 0.5rem;
}

    .personalInsurance .insurance-innerPages .img-div img {
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
h1{
    color:var(--color-secondary);
    margin-bottom:1.5rem;
}


/****** Accordion Css ******/
/*.accordion{
    padding-bottom:70px;
}*/

.accordion-section, .independantAgency-section {
    background-color: var(--color-bgLight);
    padding-block: 3rem;
}
.accordion-title {
    color: var(--color-secondary);
}

h4.accordion-header button {
    font-size: 1.5rem;    
    font-weight: 600;
    box-shadow: none;
}

.accordion-button, .accordion-button:not(.collapsed) {
    color: #000;
    background-color: transparent;
    box-shadow: none;
}

    .accordion-button .icon {
        width: 20px;
        height: 20px;
        position: relative;
    }

        .accordion-button .icon .plus-icon {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
        }

        .accordion-button .icon .minus-icon {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: none;
        }

    .accordion-button.show .icon .plus-icon {
        display: none;
    }

    .accordion-button.show .icon .minus-icon {
        display: block;
    }

.accordion-body {
    padding-block: 0;
    padding: 1rem 2rem;
}

    .accordion-body p, .accordion-body ul li {
        font-size: 1.3rem;
    }

    .accordion-body .card {
        border: 0;
        height: 100%;
        background-color:transparent;
    }

    .accordion-body .card .card-content {
        background-color: var(--color-secondary);
        color: #fff;
        border: 2px solid var(--color-secondary);
        padding: 1.5rem;
        height: 100%;
        margin-top: 1rem;
        text-align: center;
        transition: 500ms ease;        
    }

strong {
    font-weight: 600;
}

.accordion-body ul {
    padding-left: 2rem;
}

.accordion-button .icon {
    width: 25px;
    /*        margin-right: 0.25rem;*/
}

.accordion-body p strong {
    font-weight: 600;
}

.accordion-item {
    border: 0;
    border-bottom: 1px solid #ccc;
    background-color:transparent;
}

    .accordion-item:last-child {
        border: 0;
    }

.accordion-button:focus {
    border-color: #fff;
    box-shadow: none;
}

.accordion ul, .accordion ol {
    list-style: disc;
    padding-left: 2rem;
    margin-bottom: 1rem;
}

.accordion ol {
    list-style: circle;
}

    .accordion ul li, .accordion ol li {
        padding-block: 0.25rem;
    }

@media(max-width:991px) {
    .accordion .collapse:not(.show) {
        display: none;
    }

    .accordion .collapse.show {
        display: block;
        transform: translateX(0);
    }
}

/****** Accordion Css ******/


/*.conclusion-text*/
.conclusion-text {
    text-align: center;
    width: 75%;
    margin-inline: auto;
    margin-top: 2rem;
    background-color: var(--color-grey);
    padding: 1rem;
}

    .conclusion-text h6 {
        line-height: 1.4;
        font-size: 1.1rem;
    }


@media(max-width:991px) {
    .conclusion-text {
        width: 100%;
    }
}

/*.conclusion-text*/

/*.insuranceSwitch-section*/


    .insuranceSwitch-section .row img {
        position: relative;
        z-index: -1;
    }

.insuranceSwitch-section .content-div {
    padding-inline: 3rem;
}
/*.insuranceSwitch-section*/

/*.requoteQuoteForm*/

.requoteQuoteForm {
    margin-bottom: 80px;
}

    .requoteQuoteForm .form-header {
        background-color: var(--color-primary);
        padding: 1rem 2rem;
        text-align: center;
        width: fit-content;
        margin-inline: auto;
        color: #fff;
        position: relative;
    }

.center-line {
    width: 100%;
    height: 2px;
    background-color: var(--color-primaryDark);
    margin-bottom: -3rem;
}

.requoteQuoteForm .form-div {
    /*padding-top: 4rem;*/
    width: 100%;
    margin-inline: auto;
    background-color: #fff;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    padding: 2rem;
    margin-top: -2rem;
}

.requoteQuoteForm p{
    text-align:center;
    width:75%;
    margin-inline:auto;
    margin-bottom:2rem;
}
@media(max-width:991px){
    .requoteQuoteForm p {
        width:100%;
    }
}
/*.requoteQuoteForm*/


.insurance-innerPages h3 {
    color: var(--color-primary);
}

.center-line {
    width: 100%;
    height: 2px;
    background-color: var(--color-primaryDark);
    margin-bottom: -3rem;
}

sup {
    color: red;
    font-size: 1.3rem;
    top: 0;
}

/*.insuranceSwitch-section*/



.independantAgency-section .card {
    /*padding: 1rem;*/
    border:0;
    height: 100%;
}
.independantAgency-section .icon {
    display: block;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    padding: 0.5rem;
    border: 2px solid var(--color-secondary);
    background-color: #fff;
    /*box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);*/
    margin-inline: auto;
    position: relative;
    z-index: 1;
}

.independantAgency-section .card .card-content {
    background-color: var(--color-secondary);
    color: #fff;
    border: 2px solid var(--color-secondary);
    padding: 1.5rem;
    height: 100%;
    margin-top: 1rem;
    text-align: center;
    transition: 500ms ease;
}


    .independantAgency-section .card .card-content:hover{
        background-color:var(--color-secondary);
        color:#fff;
    }
    /*.independantAgency-section .card h5 {
        color: var(--color-secondary);
    }*/

.independantAgency-section .card .card-content:hover h5{
    color:#fff;
}

.refer-friend h4 {
    color: var(--primary-color);
    text-align: center;
    font-size: 1.5rem;
    font-family: 'Inter 18pt';
}