* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}


:root {
    --primary: #0C2F5F;
    --navy-deep: #081F40;
    --secondary: #00738A;
    --teal-dark: #015A6C;
    --seafoam: #48B49C;
    --seafoam-soft: #8FD3C2;
    --mist: #EAF1F2;
    --mist-deep: #D9E6E7;
    --paper: #FBFBF9;
    --ink: #16243A;
    --content: #56697E;
    --line: #DCE4E6;
    --white: #ffffff;
    --maxw: 1180px;
    --r: 14px;
    --shadow: 0 18px 50px -28px rgba(8, 31, 64, .40);
    --shadow-sm: 0 6px 22px -14px rgba(8, 31, 64, .45);
    --font-inter: "Inter", system-ui, sans-serif;
    --font-fraunces: "Fraunces", Georgia, serif;
}

button,
a {
    cursor: pointer;
}

a {
    text-decoration: none;
}

a:focus-visible {
    outline: none;
}

img {
    display: block;
    max-width: 100%;
}

.container {
    width: 100%;
    max-width: 1128px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 26px;
    padding-right: 26px;
}

.bg_blue {
    background: #0A274F;
}

.bg_mid_blue {
    background: #0C2F5F;
}

.bg_soft_blue {
    background: #EAF1F2;
}

.mb-80 {
    margin-bottom: 80px;
}

.p-80 {
    padding: 80px 0;
}

.p-60 {
    padding: 60px 0;
}

.p-40 {
    padding: 40px 0;
}

.pb-80 {
    padding-bottom: 80px;
}

@media (max-width: 1199px) {
    .mb-80 {
        margin-bottom: 60px;
    }

    .p-80 {
        padding: 60px 0;
    }

    .p-60 {
        padding: 50px 0;
    }

    .p-40 {
        padding: 35px 0;
    }

    .pb-80 {
        padding-bottom: 60px;
    }
}

@media (max-width: 991px) {
    .mb-80 {
        margin-bottom: 40px;
    }

    .p-80,
    .p-60 {
        padding: 40px 0;
    }

    .p-40 {
        padding: 30px 0;
    }

    .pb-80 {
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .mb-80 {
        margin-bottom: 30px;
    }

    .p-80,
    .p-60 {
        padding: 30px 0;
    }

    .p-40 {
        padding: 25px 0;
    }

    .pb-80 {
        padding-bottom: 30px;
    }
}

/* Header */
header#masthead {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(251, 251, 249, .88);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--line);
    display: block;
}

.header_navigationa {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 76px;
    gap: 1rem;
}

.site-branding img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

.header_menu li a {
    display: flex;
    gap: 1.7rem;
    list-style: none;
    font-size: .9rem;
    /* font-weight: 500; */
    color: var(--content);
    font-family: var(--font-inter);
}

.header_menu li a:hover {
    color: var(--primary);
}

.nav-tel {
    font-weight: 500;
    color: var(--primary);
    font-size: .92rem;
    white-space: nowrap;
    font-family: var(--font-inter);
}
a.nav-tel:hover {
    color: var(--seafoam);
}
.nav-tel span {
    color: var(--secondary);
}

.main-navigation>ul {
    display: flex;
    font-size: 0.9rem;
    /* font-weight: 500; */
    color: var(--slate);
    gap: 1.7rem;
    list-style: none;
}

button.btn.btn-primary.btn-sm {
    background: var(--seafoam);
    
    color: var(--navy-deep);
    box-shadow: var(--shadow-sm);
    padding: .68rem 1.2rem;
    font-size: .86rem;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
    border: none;
    font-family: var(--font-inter);
    font-weight: 500;
    /* padding: .92rem 1.6rem; */
    border-radius: 999px;
        transition: background 0.3s ease, color 0.3s ease;
    border: 1px solid var(--seafoam);
}

button.btn.btn-primary.btn-sm:hover , .gform_button.button:hover {
    color: var(--navy-deep);
     transform: translateY(-2px);
    background: var(--seafoam-soft);
}
.nav-cta {
    display: flex;
    align-items: center;
    gap: 1.1rem;
}

/* Footer */
.site-footer {
    background: var(--navy-deep);
    color: #B8C8D8;
    padding: 64px 0 26px;
}

.foot-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr;
    gap: 44px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.legal {
    padding-top: 22px;
    font-size: .78rem;
    color: #7E93A8;
    line-height: 1.7;
    font-family: var(--font-inter);
}

.foot-grid .brand {
    color: #fff;
}

.brand {
    display: flex;
    align-items: center;
    gap: .65rem;
    font-family: var(--font-fraunces);
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--navy);
    letter-spacing: .01em;
}

.brand img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    flex: none;
    object-fit: cover;
}

.foot-brand a,
.foot-brand li {
    font-family: var(--font-inter);
}

.brand .txt {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
    font-family: var(--font-fraunces);
}

.brand small {
    font-family: var(--font-inter);
    font-size: .56rem;
    font-weight: 600;
    letter-spacing: .18em;
    color: var(--secondary);
    margin-top: 1px;
}

.foot-brand p {
    margin: .9rem 0 1rem;
    font-size: .9rem;
    max-width: 36ch;
    font-family: var(--font-inter);
    color: #B8C8D8;
}

.foot-brand a.sister {
    color: var(--seafoam-soft);
    font-weight: 600;
    font-size: .9rem;
    font-family: var(--font-inter);
}

.foot-grid h3 {
    color: #fff;
    font-size: .86rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    margin-bottom: 1rem;
    font-family: var(--font-inter);
}

.foot-grid ul {
    list-style: none;
    font-size: .9rem;
}

.foot-grid li {
    margin-bottom: .6rem;
}

.foot-grid li a,
.foot-grid li,
.legal a {
    color: inherit;
    text-decoration: none;
    font-family: var(--font-inter);
}

.foot-grid li {
    font-family: var(--font-inter);
}

.social_icons {
    display: flex;
    align-items: center;
    gap: 15px;
}

.social_icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease;
}

.social_icons a img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    display: block;
}

.social_icons a:hover {
    opacity: 0.8;
}


h6 {
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--secondary);
    font-family: var(--font-inter);
}

h1 {
    font-size: clamp(2.35rem, 4.6vw, 3.6rem);
    font-weight: 500;
    margin: .55rem 0 1.05rem;
    font-family: var(--font-fraunces);
    font-weight: 500;
    line-height: 1.14;
    letter-spacing: -.01em;
    color: var(--navy);
}

h2 {
    font-size: clamp(1.7rem, 3vw, 2.25rem);
    margin-bottom: .9rem;
    font-family: var(--font-fraunces);
    font-weight: 400;
    line-height: 1.14;
    letter-spacing: -.01em;
    color: var(--primary);
}

p {
    font-size: 1rem;
    color: #D6E2EC;
    max-width: 44ch;
    font-weight: 400;
    margin-bottom: 1.8rem;
    font-family: var(--font-inter);
}

.btn-text {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    cursor: pointer;
    /* border: none; */
    font-family: var(--font-inter);
    font-size: .95rem;
    font-weight: 600;
    padding: .92rem 1.6rem;
    border-radius: 999px;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    line-height: 1;
}

.btn_hero1 {
    background: transparent;
    color: var(--white);
    border: 1.5px solid rgba(255, 255, 255, .45);
}

.btn_hero1:hover {
    background: rgba(255, 255, 255, .14);
    color: var(--white);
}

.btn_hero2 {
    background: var(--seafoam);
    color: var(--navy-deep);
    box-shadow: var(--shadow-sm);
}

.btn_hero2:hover {
    transform: translateY(-2px);
    background: var(--seafoam-soft);
}

/* Popup Css */
.modal.open {
    opacity: 1;
    visibility: visible;
}

.modal {
    position: fixed;
    inset: 0;
    background: rgba(8, 31, 64, .6);
    backdrop-filter: blur(3px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease;
}

.modal-box {
    background: #fff;
    border-radius: var(--r);
    padding: 34px 32px;
    max-width: 440px;
    width: 100%;
    position: relative;
    max-height: 88vh;
    overflow-y: auto;
}

.modal-box .x {
    position: absolute;
    top: 16px;
    right: 16px;
    background: none;
    border: 0;
    font-size: 1.4rem;
    color: var(--slate);
    cursor: pointer;
    line-height: 1;
}

.modal h6 {
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--secondary);
}

.modal h3 {
    font-size: 1.3rem;
    margin: .4rem 0 .5rem;
    font-family: var(--font-fraunces);
    font-weight: 500;
    line-height: 1.14;
    letter-spacing: -.01em;
    color: var(--primary);
}

.modal p {
    color: var(--content);
    font-size: .9rem;
    margin-bottom: 1rem;
}

.modal-note {
    color: var(--content);
    font-size: .9rem;
    margin-bottom: 1rem;
    margin-top: .8rem;
    font-weight: 400;
}

.form-view .gform_wrapper .gchoice input[type="checkbox"]:checked+label {
    background: var(--secondary);
    color: #fff;
}

.right_contact_wrapper .ginput_container_checkbox label {
    cursor: pointer;
}

.gfield_label.gform-field-label {
    display: block;
    font-size: .82rem;
    font-weight: 600;
    color: var(--ink);
    margin-bottom: .4rem;
    font-family: var(--font-inter) !important;
}

.right_contact_wrapper .gchoice input[type="checkbox"]:checked~label {
    background: #0073aa;
    color: #fff;
    border-color: #0073aa;
}

.right_contact_wrapper .ginput_container.ginput_container_checkbox,
.modal .ginput_container.ginput_container_checkbox {
    display: flex;
}

.form-view .gform_wrapper input,
.form-view .gform_wrapper textarea {
    width: 100%;
    padding: .78rem .9rem;
    border-radius: 9px !important;
    border: 1px solid var(--line) !important;
    font-size: .95rem;
    color: var(--ink) !important;
    background: #fbfbf9 !important;
    font-family: var(--font-inter) !important;
}

.form-view .gform_wrapper input::placeholder,
.form-view .gform_wrapper textarea::placeholder {
    color: #fbfbf900 !important;
}

.form-view .gform_wrapper textarea {
    height: 80px;
}

.form-view .gfield_checkbox {
    display: flex;
    flex-direction: row;
    gap: 0;
}

.form-view select {
    color: var(--ink) !important;
    border: 1px solid var(--line) !important;
    border-radius: 9px !important;
    padding: .78rem .9rem;
    font-family: var(--font-inter) !important;
}

.form-view .gform_button.button {
    background: var(--seafoam) !important;
    color: var(--navy-deep) !important;
    box-shadow: var(--shadow-sm) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: .5rem !important;
    cursor: pointer !important;
    border: none !important;
    font-family: var(--font-inter) !important;
    font-size: .95rem !important;
    font-weight: 500 !important;
    padding: .92rem 1.6rem !important;
    border-radius: 999px !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    line-height: 1 !important;
    height: 100% !important;
    width: 100% !important;
}

select#input_2_10 {
    border: 1px solid var(--line) !important;
}

#gform_fields_1 {
    row-gap: 1.1rem;
}

.ginput_container_checkbox label {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .6rem 1.05rem;
    border-radius: 999px;
    border: 1.5px solid var(--line);
    font-size: .86rem;
    font-weight: 600;
    color: var(--content);
    font-family: var(--font-inter) !important;
    margin-left: 0 !important;
}

.gfield_checkbox input {
    display: none !important;
}

.gform_confirmation_message_1 {
    font-family: var(--font-fraunces) !important;
    font-weight: 500;
    line-height: 1.14;
    letter-spacing: -.01em;
    color: var(--primary);
    text-align: center;
}

.gform_confirmation_message_1 h6 {
    color: var(--content);
    font-family: var(--font-inter);
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    text-transform: none;
    line-height: 1;
    font-weight: 400;
    letter-spacing: initial;
}

div#gform_confirmation_message_1 {
    text-align: center;
}

ul#primary-menu {
    gap: 1.7rem;
}
.menu-explore-container .current_page_item a {
        
        color: var(--seafoam) !important;
        font-weight: 500;
    }
    .menu-item a:hover {
        color: var(--seafoam) !important;
    }
@media (min-width: 1025px) {
  .current_page_item a {
        color: var(--navy-deep) !important;
        font-weight: 500;
    }
}
@media (max-width: 1024px) {
    body.menu-open {
    overflow: hidden;
}
    .current_page_item a {
        
        color: var(--seafoam) !important;
    }
    .nav-cta {
        display: none;
    }

    .header_menu {
        display: block;
    }

    .menu-toggle {
        cursor: pointer;
        z-index: 1001;
        padding: 0 5px 0 24px;
    }

    .menu-toggle {
        display: block;
        background: none;
        border: 0;
        width: 40px;
        height: 40px;
        font-size: 0;
        cursor: pointer;
        position: relative;
        z-index: 1001;
    }

    /* Hamburger */
    .menu-toggle::before,
    .menu-toggle::after,
    .menu-toggle span {
        content: "";
        position: absolute;
        left: 8px;
        width: 24px;
        height: 2px;
        background: #fff;
        transition: .3s;
    }

    .menu-toggle::before {
        top: 12px;
    }

    .menu-toggle span {
        top: 19px;
    }

    .menu-toggle::after {
        top: 26px;
    }

    /* X icon */
    .main-navigation.toggled .menu-toggle::before {
        transform: rotate(45deg);
        top: 19px;
    }

    .main-navigation.toggled .menu-toggle::after {
        transform: rotate(-45deg);
        top: 19px;
    }

    .main-navigation.toggled .menu-toggle span {
        opacity: 0;
    }

    .main-navigation ul {
        position: fixed;
        top: 0;
        right: -100%;
        width: 320px;
        max-width: 100%;
        height: 100vh;
        background: #0E2F59;
        padding: 100px 30px 30px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        transition: .4s ease;
        z-index: 999;
        overflow-y: auto;
    }

    .main-navigation.toggled ul {
        right: 0;
    }

    .main-navigation li {
        width: 100%;
    }

    .main-navigation a {
        display: block;
        color: #fff;
        font-size: 18px;
        padding: 10px 0;
    }

    .main-navigation ul {
        display: none;
    }

    .main-navigation.toggled ul {
        display: flex;
    }

    .menu-toggle {
        display: block;
    }

    .main-navigation .menu-toggle::before,
    .main-navigation .menu-toggle::after,
    .main-navigation .menu-toggle span {
        content: "";
        position: absolute;
        left: 8px;
        width: 24px;
        height: 2px;
        background: var(--primary);
        transition: .3s;
    }

    .main-navigation.toggled .menu-toggle::before,
    .main-navigation.toggled .menu-toggle::after,
    .main-navigation.toggled .menu-toggle span {
        background: var(--white);
    }

    #primary-menu li a {
        color: var(--white);
    }

    ul#primary-menu {
        gap: 0;
    }

    .main-navigation ul {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .foot-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
}



/* Latest blog css */

.latest_blog_section .container {
    max-width: 1156px;
}
.padding_t80 {
    padding-top: 80px;
}

.padding_t80.latest_blog_section .blog_wrapper {
    margin: 0 -20px;
    padding-bottom: 40px;
    border-bottom: 1px solid #0000001A;

}

.latest_blog_section .blog_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.latest_blog_section .blog_column {
    width: 50%;
    padding: 0 20px;
}

.latest_blog_section .blog_tag {
    display: inline-block;
    font-family: var(--font-inter);
    font-weight: 600;
    font-size: 11.5px;
    line-height: normal;
    color: #00738A;
    letter-spacing: 2.074px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.latest_blog_section .blog_title {
    font-family: var(--font-fraunces);
    font-weight: 400;
    font-size: 40px;
    line-height: normal;
    color: #0C2F5F;
    margin-bottom: 24px;
    letter-spacing: 0;
}

.latest_blog_section .blog_desc,
.latest_blog_section .blog_desc_p p {
    font-size: 16px;
    line-height: 24px;
    color: #56697E;
    margin-bottom: 24px;
    max-width: 100%;
}

.latest_blog_section .blog_meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

.latest_blog_section .blog_meta_item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.latest_blog_section .blog_icon {
    display: block;
    width: 20px;
    min-width: 20px;
    height: 20px;
    object-fit: contain;
    object-position: center;
}

.latest_blog_section .blog_author,
.latest_blog_section .blog_date,
.latest_blog_section .blog_time {
    font-family: var(--font-inter);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #56697E;
}

.latest_blog_section .blog_meta .blog_dot svg {
    display: block;
    width: 4px;
    min-width: 4px;
    height: 4px;
    object-fit: contain;
    object-position: center;
}

.latest_blog_section .blog_btn_wrap {
    margin-top: 24px;
}

.latest_blog_section .blog_btn {
    display: inline-block;
    font-family: var(--font-inter);
    font-weight: 600;
    font-size: 15.2px;
    line-height: 15.2px;
    color: #0C2F5F;
    background-color: #FFFFFF;
    border: 1px solid #DCE4E6;
    border-radius: 999px;
    padding: 16px 26px;
    transition: all 0.3s ease;
}

.latest_blog_section .blog_btn:hover {
    color: #FFFFFF;
    background-color: #081F40;
    border-color: #081F40;
}

.latest_blog_section .blog_image_box img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

@media (max-width: 1199px) {
    .latest_blog_section .blog_wrapper {
        margin: 0 -10px;
    }

    .latest_blog_section .blog_column {
        padding: 0 10px;
    }

    .latest_blog_section .blog_title {
        font-size: 36px;
        margin-bottom: 20px;
    }

    .latest_blog_section .blog_desc,
    .latest_blog_section .blog_desc_p p {
        margin-bottom: 20px;
    }

    .latest_blog_section .blog_meta {
        gap: 8px;
    }

    .latest_blog_section .blog_meta_item {
        gap: 7px;
    }

    .latest_blog_section .blog_icon {
        width: 16px;
        min-width: 16px;
        height: 16px;
    }

    .latest_blog_section .blog_author,
    .latest_blog_section .blog_date,
    .latest_blog_section .blog_time {
        font-size: 14px;
        line-height: 20px;
    }

    .latest_blog_section .blog_btn_wrap {
        margin-top: 22px;
    }

    .latest_blog_section .blog_btn {
        padding: 15px 24px;
    }
}

@media (max-width: 991px) {
    .latest_blog_section .blog_wrapper {
        margin: 0 !important;
    }

    .latest_blog_section .blog_row {
        flex-direction: column;
    }

    .latest_blog_section .blog_column {
        width: 100%;
        padding: 0;
    }

    .latest_blog_section .blog_column:first-child {
        margin-bottom: 30px;
    }

    .latest_blog_section .blog_title {
        font-size: 32px;
        margin-bottom: 18px;
    }

    .latest_blog_section .blog_desc,
    .latest_blog_section .blog_desc_p p {
        margin-bottom: 18px;
    }

    .latest_blog_section .blog_btn_wrap {
        margin-top: 20px;
    }

    .latest_blog_section .blog_btn {
        padding: 14px 22px;
    }

    .latest_blog_section .blog_image_box img {
        border-radius: 15px;
    }
}

@media (max-width: 767px) {
    .latest_blog_section .blog_column:first-child {
        margin-bottom: 20px;
    }

    .latest_blog_section .blog_tag {
        letter-spacing: 1.074px;
    }

    .latest_blog_section .blog_title {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .latest_blog_section .blog_desc,
    .latest_blog_section .blog_desc_p p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .latest_blog_section .blog_meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .latest_blog_section .blog_meta .blog_dot {
        display: none;
    }

    .latest_blog_section .blog_author,
    .latest_blog_section .blog_date,
    .latest_blog_section .blog_time {
        font-size: 15px;
        line-height: 22px;
    }

    .latest_blog_section .blog_btn_wrap {
        margin-top: 15px;
    }

    .latest_blog_section .blog_btn {
        padding: 13px 20px;
    }

    .latest_blog_section .blog_image_box img {
        border-radius: 10px;
    }
}

/* Blog Detail Navigation Section CSS */

.blog_detail_navigation_section {
    padding-top: 60px;
    padding-bottom: 80px;
}

.blog_detail_navigation_section .container {
    max-width: 1158px;
}

.blog_detail_navigation_section .blog_navigation_content {
    border: 1px solid rgba(0, 0, 0, 0.10);
    border-radius: 20px;
    padding: 30px;
}

.blog_detail_navigation_section .blog_navigation_wrapper {
    margin: 0 -10px;

}

.blog_detail_navigation_section .blog_navigation_row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.blog_detail_navigation_section .blog_navigation_column {
    width: 50%;
    padding: 0 10px;
}

.blog_detail_navigation_section .blog_nav_btn {
    display: flex;
    flex-direction: column;
}

.blog_detail_navigation_section .next_blog {
    align-items: flex-end;
    text-align: right;
}

.blog_detail_navigation_section .blog_nav_label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-family: var(--font-inter);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #49B49C;
    margin-bottom: 16px;
    transition: all 0.3s ease;
}

.blog_detail_navigation_section .blog_nav_icon {
    display: block;
    width: 18px;
    min-width: 18px;
    height: 18px;
    object-fit: contain;
    object-position: center;
}

.blog_detail_navigation_section .blog_nav_title {
    font-family: var(--font-fraunces);
    font-weight: 400;
    font-size: 26px;
    line-height: normal;
    color: #0C2F5F;
    max-width: 455px;
    transition: all 0.3s ease;
}

.blog_detail_navigation_section .blog_nav_btn:hover .blog_nav_title {
    color: #49B49C;
}

@media (max-width: 1199px) {
    .blog_detail_navigation_section {
        padding: 50px 0;
    }

    .blog_detail_navigation_section .blog_navigation_content {
        padding: 25px;
    }

    .blog_detail_navigation_section .blog_nav_title {
        font-size: 22px;
        max-width: 100%;
    }

    .blog_detail_navigation_section .blog_nav_label {
        margin-bottom: 14px;
        gap: 5px;
    }
}

@media (max-width: 991px) {
    .blog_detail_navigation_section {
        padding: 40px 0;
    }

    .blog_detail_navigation_section .blog_navigation_content {
        padding: 20px;
    }

    .blog_detail_navigation_section .blog_nav_label {
        margin-bottom: 12px;
    }

    .blog_detail_navigation_section .blog_nav_title {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .blog_detail_navigation_section {
        padding: 30px 0;
    }

    .blog_detail_navigation_section .blog_navigation_content {
        padding: 15px;
        border-radius: 15px;
    }

    .blog_detail_navigation_section .blog_navigation_wrapper {
        margin: 0px;
    }

    .blog_detail_navigation_section .blog_navigation_column {
        width: 100%;
        padding: 0px;
    }

    .blog_detail_navigation_section .blog_nav_label {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .blog_detail_navigation_section .blog_nav_icon {
        width: 16px;
        min-width: 16px;
        height: 16px;
    }

    /* .blog_detail_navigation_section .blog_navigation_next_column {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid rgba(0, 0, 0, 0.10);
    } */

.blog_navigation_row .blog_navigation_next_column:has(.next_blog) {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
}

/* Only Previous Article */
.blog_navigation_row .blog_navigation_prev_column:has(.prev_blog)
+ .blog_navigation_next_column:not(:has(.next_blog)) {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

/* Only Next Article */
.blog_navigation_row .blog_navigation_prev_column:not(:has(.prev_blog))
+ .blog_navigation_next_column {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
/* Only Previous Article */

    .blog_detail_navigation_section .next_blog {
        align-items: flex-start;
        text-align: left;
    }
}


/* Sibngle blog banner */

.blog_detail_hero_section {
	background-image: url(../images/banner-bg-image.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 83px 0 95px 0;
	position: relative;
}

.blog_detail_hero_section .container {
	max-width: 1158px;
}

.blog_detail_hero_section::before {
	content: "";
	background: linear-gradient(149deg, rgba(8, 31, 64, 0.52) 10%, rgba(12, 47, 95, 0.48) 55%, rgba(6, 24, 47, 0.53) 100%);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.blog_detail_hero_section .banner_content {
	position: relative;
	z-index: 2;
}

.blog_detail_hero_section .banner_heading h1 {
	font-weight: 400;
	font-size: 58px;
	line-height: normal;
	color: #FFF;
	letter-spacing: 0;
	text-align: center;
	margin-top: 0;
	margin-bottom: 23px;
	text-transform: capitalize;
}

.blog_detail_hero_section .banner_breadcrumb p {
	font-weight: 800;
	font-size: 11.5px;
	line-height: normal;
	color: #FFF;
	margin: 0;
	max-width: 100%;
	letter-spacing: 2.074px;
	text-align: center;
	text-transform: uppercase;
}

.blog_detail_hero_section .banner_breadcrumb p a {
	font-weight: 600;
	color: #FFF;
	transition: all .2s ease;
}

.blog_detail_hero_section .banner_breadcrumb p a:hover {
	color: #081F40;
}

@media (max-width: 1199px) {
	.blog_detail_hero_section {
		padding: 70px 0;
	}

	.blog_detail_hero_section .banner_heading h1 {
		font-size: 48px;
		margin-bottom: 20px;
	}
}

@media (max-width: 991px) {
	.blog_detail_hero_section {
		padding: 60px 0;
	}

	.blog_detail_hero_section .banner_heading h1 {
		font-size: 38px;
		margin-bottom: 18px;
	}
}

@media (max-width: 767px) {
    .padding_t80 {
    padding-top: 40px;
}
	.blog_detail_hero_section .banner_heading h1 {
		font-size: 28px;
		margin-bottom: 15px;
	}

	.blog_detail_hero_section .banner_breadcrumb p {
		letter-spacing: 1.074px;
	}
}

/* Support section single blog page */
.support_section_footer .container {
	max-width: 1244px;
}

.support_section_footer .support_row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
}

.support_section_footer .support_text_column {
	flex: 1;
	width: calc(100% - 490px);
}

.support_section_footer .support_button_column {
	flex: 0 0 490px;
	max-width: 490px;
	width: 100%;
}

.support_section_footer .support_sub_heading h3 {
	font-family: var(--font-inter);
	font-weight: 600;
	font-size: 11.5px;
	line-height: normal;
	color: #8FD3C2;
	letter-spacing: 2.074px;
	text-transform: uppercase;
}

.support_section_footer .support_main_heading h2 {
	font-weight: 400;
	font-size: 40px;
	line-height: normal;
	color: #FFF;
	margin: 10px 0 0 0;
	letter-spacing: 0;
}

.support_section_footer .support_para p {
	font-size: 16px;
	line-height: 24px;
	color: #B8C8D8;
	max-width: 100%;
	margin: 19px 0 0 0;
}

.support_section_footer .support_button_box {
	display: flex;
	align-items: center;
	gap: 17px;
}

.support_section_footer .support_btn a {
	display: inline-block;
	font-family: var(--font-inter);
	font-weight: 600;
	font-size: 15.2px;
	line-height: 15.2px;
	border-radius: 999px;
	padding: 15px 25px;
	transition: all 0.3s ease;
}

.support_section_footer .support_call_btn a {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #FFF;
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, 0.45);
}

.support_section_footer .support_call_btn a svg {
	display: block;
	width: 18px;
	min-width: 18px;
	height: 18px;
}

.support_section_footer .support_call_btn a:hover {
	background-color: #081F40;
	border-color: #081F40;
}

.support_section_footer .support_chat_btn a {
	color: #081F40;
	background-color: #48B49C;
	border: 1px solid transparent;
	box-shadow: 0 6px 22px -14px rgba(8, 31, 64, 0.45);
}

.support_section_footer .support_chat_btn a:hover {
	color: #FFFFFF;
	background-color: #081F40;
	border-color: #081F40;
	box-shadow: none;
}

@media (max-width: 1199px) {
	.support_section_footer .support_row {
		gap: 20px;
	}

	.support_section_footer .support_button_box {
		gap: 10px;
	}

	.support_section_footer .support_btn a {
		font-size: 14px;
		line-height: 14px;
		padding: 12px 15px;
	}

	.support_section_footer .support_call_btn a {
		gap: 5px;
	}

	.support_section_footer .support_call_btn a svg {
		width: 15px;
		min-width: 15px;
		height: 15px;
	}

	.support_section_footer .support_text_column {
		width: calc(100% - 410px);
	}

	.support_section_footer .support_button_column {
		flex: 0 0 410px;
		max-width: 410px;
	}

	.support_section_footer .support_main_heading h2 {
		font-size: 36px;
	}

	.support_section_footer .support_para p {
		font-size: 15px;
		line-height: 22px;
		margin: 15px 0px 0px 0px;
	}
}

@media (max-width: 991px) {
	.support_section_footer .support_row {
		flex-direction: column;
		align-items: flex-start;
		gap: 30px;
	}

	.support_section_footer .support_text_column {
		flex: 0 0 100%;
		width: 100%;
	}

	.support_section_footer .support_button_column {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}

	.support_section_footer .support_main_heading h2 {
		font-size: 32px;
	}

	.support_section_footer .support_button_box {
		justify-content: flex-start;
	}
}

@media (max-width: 767px) {
	.support_section_footer .support_row {
		gap: 25px;
	}

	.support_section_footer .support_sub_heading h3 {
		letter-spacing: 1.074px;
	}

	.support_section_footer .support_main_heading h2 {
		font-size: 28px;
	}

	.support_section_footer .support_button_box {
		flex-direction: column;
		width: 100%;
	}

	.support_section_footer .support_btn {
		width: 100%;
	}

	.support_section_footer .support_btn a {
		display: flex;
		justify-content: center;
		width: 100%;
		padding: 15px 10px;
	}

	.support_section_footer .support_call_btn a {
		gap: 8px;
	}

	.support_section_footer .support_call_btn a svg {
        width: 18px;
        min-width: 18px;
        height: 18px;
    }
}