/* Font Awesome 5 Brands */
@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../webfonts/fa-brands-400.eot);
    src: url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),
         url(../webfonts/fa-brands-400.woff2) format("woff2"),
         url(../webfonts/fa-brands-400.woff) format("woff"),
         url(../webfonts/fa-brands-400.ttf) format("truetype"),
         url(../webfonts/fa-brands-400.svg#fontawesome) format("svg");
}

.fab {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}

/* Navigation */
#navigation {
    width: 100%;
    max-width: 1920px;
    display: flex;
    align-items: center;
    z-index: 10;
    width: auto;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    flex-direction: row;
    padding-right: 3%;
    padding-left: 3%;
}

#navigation .nav_ul.u-c {
    justify-content: flex-end;
}

/* General Styles */
body {
    font-family: Arial, Helvetica, sans-serif !important;
    color:#000;
}

/* Headings and Text */
.text-blue {
    color: #27356b !important;
}

.w-700 {
    font-weight: 700 !important;
}

.uppercase {
    text-transform: uppercase !important;
}

/* Buttons */
.btn-blue {
    background-color: #27356b !important;
    color: #fff;
}

#navigation .u-c a.link-style-2,
.slicknav_nav a.link-style-2 {
    background-color: #27356b !important;
    padding: 0.375rem 0.75rem;
    margin-left: 10px;
    color: #fff !important;
    border-radius: 0.375rem;
}

#navigation ul.nav_ul li a {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.625rem;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Containers */
#ContainerNav {
    background: rgb(247, 247, 247);
    padding: 1px 0;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
    align-content: center;
    padding-right: 3%;
    padding-left: 3%;
}

/* Underline Styles */
.btn-style-1 {
    text-decoration-line: underline;
    text-decoration-color: #9dcc4a;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.btn-style-2 {
    text-decoration-line: underline;
    text-decoration-color: #11437c;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.btn-style-3 {
    text-decoration-line: underline;
    text-decoration-color: #f5862d;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.btn-style-4 {
    text-decoration-line: underline;
    text-decoration-color: #d33c7a;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.btn-style-5 {
    text-decoration-line: underline;
    text-decoration-color: #4ec1ee;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

.btn-style-6 {
    text-decoration-line: underline;
    text-decoration-color: #27356b;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}

/* Card Styles */
#video-cards .card {
    height: 100%;
    box-shadow: 2px 3px 6px #cecece;
}

#video-cards .card-link a:hover,
#video-cards .card-link a:focus,
#video-cards .card-link a:active {
    text-decoration: none !important;
}

.card {
    transition: transform 0.3s ease;
}

.card-link:hover .card {
    transform: scale(1.1);
    z-index: 1;
}

/* Hero Text */
.hero-text h2 {
    filter: drop-shadow(2px 3px 6px rgba(0, 0, 0));
}

/* Navigation Links */
#ContainerNav a {
    margin-inline: 2em;
}

.btn-dark {
    border-radius: 0;
}

/* Video Styles */
#heroVideo {
    object-fit: cover;
}

.hero-overlay-content {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
    text-align: center;
}

#controlBtn {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 48px;
    height: 48px;
    font-size: 18px;
    border: none;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    cursor: pointer;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: background-color 0.3s;
}

#controlBtn:hover {
    background: rgba(0, 0, 0, 0.7);
}

#controlBtn i {
    line-height: 1;
}

.flex-col-wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.sr-only {
    display: none;
}

/* Services */
.product-wrapper {
    padding: 2em;
    background: linear-gradient(90deg, #7c878e, #7c878ea6, #7c878e38, transparent);
    border-radius: 50px 0 0 50px;
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.product-icon {
    height: 50px;
    width: 50px;
    margin-right: 2em;
}

/* Offset Image Wrap */
#products img {
    height: 800px;
}

.offsetBorder {
    border: solid 2px #7c878e;
    margin-top: 1rem;
}

.offsetBorder img {
    width: 100%;
    top: -1rem;
    right: -1rem;
}

/* Positioning Updates */ .relative {
    position: relative;
}

.ml-5 {
    margin-left: 3rem !important;
}

.mr-5 {
    margin-right: 3rem !important;
}

.pl-3 {
    padding-left: 1rem !important;
}

.pr-3 {
    padding-right: 1rem !important;
}

.minus-right-margin-5 {
    margin-right: -5rem !important;
}

.minus-left-margin-5 {
    margin-left: -5rem !important;
}

.z-10 {
    z-index: 10 !important;
}

.material-icons {
    margin-right: 1em;
}

    .lg-card {
        width: 25%;
        margin-inline: 3%;
    }

    .sm-card {
        width: 19%;
        margin-inline: .5%;
    }

    .row .lg-card {
        padding-right: 0;
        padding-left: 0;
    }

    .row .sm-card {
        padding-right: 0;
        padding-left: 0;
    }

    .border-2 {
        border: solid 2px #7c878e;
        margin-top: 1rem;
    }

    .absolute {
        position: absolute !important;
    }

    .relative {
        position: relative !important;
    }

    .w-full {
        width: 100%;
    }

    .h-full {
        height: 100%;
    }

    .z-10 {
        z-index: 10;
    }

    .z-20 {
        z-index: 20;
    }

    .object-cover {
        -o-object-fit: cover;
        object-fit: cover;
    }

    .w-full {
        width: 100%;
    }

    .top-5 {
        top: 1.25rem;
    }

    .right-5 {
        right: 1.25rem;
    }

    #advisor {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
/* Backgrounds */
.bg-dark {
    background-color: #00205b !important;
}

.bg-light {
    background-color: #1d428a !important;
}

/* Buttons */
.btn:hover {
    color: rgb(255, 255, 255);
    background-color: #00205b;
    border-color: #00205b;
}

.btn-outline-primary {
    color: #00205b;
    border-color: #00205b;
    font-weight: 600;
}
.btn-blue-outline {
        border: solid 2px #27356b !important;
        color: #27356b !important;
    }

    .btn-blue-outline:hover {
        border: solid 2px #fff !important;
        color: #fff !important;
    }
/* Section Titles */
.subTitle {
    font-weight: 500;
    font-size: 2rem;
}

.title {
    font-weight: 600 !important;
    font-size: 2.5rem !important;
    line-height: 2.8125rem !important;
}

.sectionTitle {
    text-align: center;
    margin-bottom: 2em;
}

/* Footer Formatting */
.social-links {
    list-style: none;
}

.social-links-icon {
    font-size: 48px;
}

/* Additional Styles */

#container[data-masthead-location="logo-left"] #navigation,
#container[data-masthead-location="logo-right"] #navigation {
    max-width: 100%;
}

.btn-outline-primary {
    color: #00205b !important;
    border-color: #00205b !important;
    font-weight: 600;
}

.title-shadow {
    text-shadow: 3px 3px 6px black !important;
}

#page-title-contact-strip {
    display: none;
}

.row {
    max-width: 100vw;
}

#footer > div.footer_links > ul > li {
    display: none;
}

.hero-image {
    background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("/files/110762/shutterstock_2401563313.jpg");
    height: 700px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#heroContainer {
    height: calc(60px + 75vh) !important;
}

.lower-hero-container {
    height: calc(100px + 20vh) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

#footer a {
    color: #fff;
}

#footerContainer {
    background-color: #27356b;
}

#footerContainer a {
    color: #fff !important;
    text-decoration: underline;
}

.footer_links {
    margin-top: 0 !important;
}

    
    #navigation .mpl {
        display: inline-block !important;
    }

    #container[data-masthead-location="masthead"] #navigationContainer img.header_masthead,
    #container[data-masthead-location="none"] #navigationContainer img.header_masthead,
    #container[data-masthead-location="masthead"] #navigationContainer img.axa-logo,
    #container[data-masthead-location="none"] #navigationContainer img.axa-logo {
        display: block;
    }

    #heroSlider {
        max-height: 0px;
    }

    .video-wrap .video-container video {
        width: 100%;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #2a3369;
    }
/*team page */
body.agents_list #content ul.agent_list {
    margin: auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    max-width: 1172px;
}
#content .agent_list .agent_list_item {
    width: 32% !important;
    border-radius: initial;
    text-align: center;
    float: initial;
    min-height: initial;
    list-style-type: none;
    padding: 0px !important;
    max-width: 300px;
    min-width: fit-content;
    margin: 2em !important;
    word-break: break-word;
}