/* ==========================================================================
   Sabhajeet Dubey Insurance - Brand Theme
   Palette pulled from the logo: deep navy + teal, with a soft gold accent.
   This sheet is loaded last so it can safely re-skin the legacy theme
   without editing every third-party WordPress-export stylesheet.
   ========================================================================== */

:root {
    --sd-navy: #0f2d52;
    --sd-navy-2: #163f73;
    --sd-navy-dark: #081c34;
    --sd-teal: #12897e;
    --sd-teal-2: #0d6b62;
    --sd-teal-light: #e3f5f3;
    --sd-navy-light: #eaf1fb;
    --sd-gray: #57616b;
    --sd-gold: #e8a93c;
    --sd-surface: #f7fafb;
}

/* ---------------------------------------------------------------------- */
/* Header                                                                  */
/* ---------------------------------------------------------------------- */
.wraper_header.style-twelve .wraper_header_top {
    background: var(--sd-navy) !important;
}

.wraper_header.style-twelve .header_top_item .header-data-social ul.social li a {
    border-color: rgba(255,255,255,.18) !important;
}

.wraper_header.style-twelve .nav > [class*='menu-'] > ul.menu > li > a:before,
.wraper_header .rt-megamenu-widget ul.menu > li > a:hover {
    background-color: var(--sd-teal) !important;
}

.wraper_header.style-twelve .nav > [class*='menu-'] > ul.menu > li > a:hover,
.wraper_header.style-twelve .nav > [class*='menu-'].current-menu-item > a,
.wraper_header.style-twelve .nav > [class*='menu-'].current_page_item > a {
    color: var(--sd-teal) !important;
}

.wraper_header.style-twelve .wraper_header_main {
    background: #ffffff;
}

.wraper_header.style-twelve .is-sticky .wraper_header_main {
    box-shadow: 0 4px 20px rgba(15,45,82,.14);
}

/* Brand logo - frame the artwork in a clean elevated card so it reads
   as a polished mark rather than a pasted jpg. */
.brand-logo-link {
    display: inline-block;
    background: #ffffff;
    padding: 8px 22px;
    border-radius: 16px;
    box-shadow: 0 10px 26px rgba(9,32,64,.20);
    transition: transform .25s ease, box-shadow .25s ease;
}

    .brand-logo-link:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 32px rgba(9,32,64,.28);
    }

.header_main .brand-logo img.brand-logo-img {
    max-height: 92px !important;
    max-width: none !important;
    width: auto !important;
    height: 92px;
    display: block;
}

@media only screen and (max-width: 991px) {
    .header_main .brand-logo img.brand-logo-img {
        max-height: 66px !important;
        height: 66px;
    }
}

@media only screen and (max-width: 767px) {
    .header_main .brand-logo img.brand-logo-img {
        max-height: 50px !important;
        height: 50px;
    }

    .brand-logo-link {
        padding: 5px 12px;
        border-radius: 10px;
    }
}

/* Nav needs less clearance where the logo itself renders smaller */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #menu-header-menu {
        padding-left: 220px !important;
    }

    .menu-header-menu-container {
        margin-top: 20px !important;
    }
}

/* Top-bar "Language" button - needs to stay visible against the navy bar */
.header_top_item .btn-primary {
    background: var(--sd-teal) !important;
    border-color: var(--sd-teal) !important;
    color: #ffffff !important;
}

    .header_top_item .btn-primary:hover,
    .header_top_item .btn-primary:focus {
        background: var(--sd-teal-2) !important;
        border-color: var(--sd-teal-2) !important;
    }

/* ---------------------------------------------------------------------- */
/* Buttons & tables sitewide - re-skin stock Bootstrap colors to brand    */
/* ---------------------------------------------------------------------- */
.btn,
.btn.btn-default {
    background: var(--sd-navy);
    border-color: var(--sd-navy);
    color: #ffffff;
}

    .btn:hover,
    .btn.btn-default:hover {
        background: var(--sd-navy-2);
        border-color: var(--sd-navy-2);
        color: #ffffff;
    }

.btn-primary {
    background: var(--sd-navy) !important;
    border-color: var(--sd-navy) !important;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active {
        background: var(--sd-navy-2) !important;
        border-color: var(--sd-navy-2) !important;
    }

.btn-info {
    background: var(--sd-teal) !important;
    border-color: var(--sd-teal) !important;
    color: #ffffff !important;
}

    .btn-info:hover,
    .btn-info:focus {
        background: var(--sd-teal-2) !important;
        border-color: var(--sd-teal-2) !important;
    }

.btn-success {
    background: var(--sd-teal) !important;
    border-color: var(--sd-teal-2) !important;
}

    .btn-success:hover,
    .btn-success:focus {
        background: var(--sd-teal-2) !important;
        border-color: var(--sd-teal-2) !important;
    }

.btn-warning {
    background: var(--sd-gold) !important;
    border-color: var(--sd-gold) !important;
    color: #1c1c1c !important;
}

    .btn-warning:hover,
    .btn-warning:focus {
        background: #d69a2e !important;
        border-color: #d69a2e !important;
    }

/* Footer disclaimer pills stay translucent-on-navy, not solid gold */
.footer_copyright_item .btn.btn-warning.disclaimer {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.32) !important;
    color: #ffffff !important;
}

    .footer_copyright_item .btn.btn-warning.disclaimer:hover {
        background: var(--sd-teal) !important;
        border-color: var(--sd-teal) !important;
        color: #ffffff !important;
    }

table th,
.table > thead > tr > th {
    background: var(--sd-navy) !important;
    color: #ffffff !important;
    font-weight: 500 !important;
}

.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th {
    border-color: rgba(15,45,82,.14) !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--sd-surface);
}

.table-hover > tbody > tr:hover {
    background-color: var(--sd-teal-light) !important;
}

/* ---------------------------------------------------------------------- */
/* Inner page banner (About / Gallery / Testimonials / Videos / etc.)     */
/* Tints the existing banner artwork to match the logo instead of         */
/* replacing the image file.                                              */
/* ---------------------------------------------------------------------- */
.wraper_inner_banner {
    position: relative;
    overflow: hidden;
}

    .wraper_inner_banner:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: linear-gradient(120deg, rgba(8,28,52,.93) 0%, rgba(15,45,82,.88) 45%, rgba(18,137,126,.85) 100%);
        z-index: 1;
    }

    .wraper_inner_banner .wraper_inner_banner_main {
        position: relative;
        z-index: 2;
    }

.inner_banner_main .title {
    color: #ffffff !important;
    letter-spacing: 1px;
    text-shadow: 0 2px 14px rgba(0,0,0,.25);
}

    .inner_banner_main .title:after {
        content: "";
        display: block;
        width: 70px;
        height: 3px;
        background: var(--sd-gold);
        margin: 14px auto 0;
        border-radius: 2px;
    }

/* ---------------------------------------------------------------------- */
/* Footer                                                                  */
/* ---------------------------------------------------------------------- */
.page-id-5504 .wraper_footer.style-six,
.wraper_footer.style-six {
    background: var(--sd-navy) !important;
    background: linear-gradient(120deg, var(--sd-navy-dark) 0%, var(--sd-navy) 55%, var(--sd-teal-2) 140%) !important;
}

.wraper_footer .widget-title {
    color: #ffffff !important;
    font-weight: 600;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 16px !important;
}

    .wraper_footer .widget-title:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 42px;
        height: 3px;
        border-radius: 2px;
        background: var(--sd-teal-light);
    }

.wraper_footer .menu li a {
    color: rgba(255,255,255,.82) !important;
    transition: all .2s ease;
}

    .wraper_footer .menu li a:hover {
        color: var(--sd-teal-light) !important;
        padding-left: 4px;
    }

.wraper_footer .textwidget,
.wraper_footer .textwidget p {
    color: rgba(255,255,255,.82) !important;
}

.wraper_footer .textwidget i {
    color: var(--sd-teal-light);
}

.wraper_footer ul.social li a {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    border-radius: 50% !important;
    width: 36px;
    height: 36px;
    line-height: 34px !important;
    text-align: center;
    display: inline-block;
    margin-right: 8px;
    transition: all .25s ease;
}

    .wraper_footer ul.social li a:hover {
        background: var(--sd-teal) !important;
        border-color: var(--sd-teal) !important;
    }

.li_color_w {
    color: rgba(255,255,255,.85) !important;
}

.li_w {
    border-color: rgba(255,255,255,.28) !important;
}

.wraper_footer_copyright {
    background: rgba(4,15,30,.55) !important;
    border-top: 1px solid rgba(255,255,255,.08);
}

.footer_copyright_item p,
.footer_copyright_item p a {
    color: rgba(255,255,255,.75) !important;
}

    .footer_copyright_item p a:hover {
        color: var(--sd-teal-light) !important;
    }

.footer_copyright_item .btn.btn-warning.disclaimer {
    border-radius: 20px !important;
    padding: 6px 16px !important;
    font-size: 13px !important;
    transition: all .25s ease;
}

/* ---------------------------------------------------------------------- */
/* Shared section polish (About Us / Why LIC / Gallery / Testimonials /   */
/* Videos) - used on the Home page and mirrored on the dedicated pages.   */
/* ---------------------------------------------------------------------- */
.about-section h2,
.about-section h3 {
    color: var(--sd-navy) !important;
    font-weight: 700 !important;
}

/* Calculator page flip-cards: the back face has a dark navy/black
   background, so its heading must stay white, not the navy used
   for headings on light section backgrounds. */
.flip .inner1 h3,
.flip .inner1 h3 b,
.flip .face.back h3,
.flip .face.back h3 b {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.brand-underline {
    width: 64px;
    height: 4px;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--sd-navy), var(--sd-teal));
    margin: 10px auto 0;
}

    .brand-underline.left {
        margin: 10px 0 0;
    }

/* Why LIC tabs */
.tab .nav-tabs li a {
    border-right-color: rgba(15,45,82,.15) !important;
}

.tab .nav-tabs li.active a,
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a:hover {
    color: var(--sd-navy) !important;
}

.tab .nav-tabs li a:before {
    background-color: rgba(18,137,126,.10) !important;
}

.tab .nav-tabs li a:after {
    background-color: var(--sd-teal) !important;
}

.tab .tab-content {
    border-bottom-color: var(--sd-teal) !important;
}

/* Gallery cards */
.box:before {
    border-color: #ffffff !important;
}

.box .icon li a:hover {
    background: var(--sd-teal) !important;
    border-radius: 50% !important;
}

/* Testimonial cards (index slider + dedicated Testimonials page) */
.our-team:hover {
    background: var(--sd-teal-light) !important;
}

.our-team .border {
    border-bottom-color: var(--sd-teal) !important;
}

    .our-team .border:after {
        border-bottom-color: var(--sd-gold) !important;
    }

.our-team:hover .border:after {
    border-bottom-color: var(--sd-navy) !important;
}

.our-team .team_social > li > a:hover {
    color: var(--sd-teal) !important;
}

.our-team .team-content {
    background: linear-gradient(135deg, rgba(15,45,82,.92), rgba(18,137,126,.88)) !important;
}

/* Material wizard card (Wealth Value Calculator) - brand-matched accent
   so this page doesn't stand out with stock Material green */
.wizard-card[data-color="navy"] .moving-tab {
    background-color: var(--sd-navy) !important;
    box-shadow: 0 16px 26px -10px rgba(15,45,82,.56), 0 4px 25px 0px rgba(0,0,0,.12), 0 8px 10px -5px rgba(15,45,82,.2);
}

.wizard-card[data-color="navy"] .picture:hover {
    border-color: var(--sd-teal) !important;
}

.wizard-card[data-color="navy"] .choice:hover .icon,
.wizard-card[data-color="navy"] .choice.active .icon {
    border-color: var(--sd-navy) !important;
    color: var(--sd-navy) !important;
}

.wizard-card[data-color="navy"] .form-group .form-control {
    background-image: linear-gradient(var(--sd-teal), var(--sd-teal)), linear-gradient(#D2D2D2, #D2D2D2) !important;
}

.wizard-card[data-color="navy"] .checkbox input[type=checkbox]:checked + .checkbox-material .check {
    background-color: var(--sd-navy) !important;
}

.wizard-card[data-color="navy"] .radio input[type=radio]:checked ~ .check {
    background-color: var(--sd-navy) !important;
}

.wizard-card[data-color="navy"] .radio input[type=radio]:checked ~ .circle {
    border-color: var(--sd-navy) !important;
}

/* Wealth Value Calculator - material-bootstrap-wizard.css hardcodes these
   two buttons to green via ID selectors, which outrank the page's own
   .button class rule. Force them back to brand colors. */
#btnhome,
#modelpop {
    background: var(--sd-navy) !important;
}

    #btnhome:hover,
    #modelpop:hover {
        background: var(--sd-teal) !important;
    }

/* Generic section heading + accent line (used across several pages) */
.section-heading .section-title {
    color: var(--sd-navy);
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 10px;
}

.section-heading .line {
    width: 60px;
    height: 4px;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--sd-navy), var(--sd-teal));
    margin-bottom: 18px;
}

/* Videos We Recommended - polished card treatment */
.Video_blcok .blocks {
    margin-bottom: 26px;
}

.Video_blcok .blockstart,
.Video_blcok .blocks .blockstart {
    border: none !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    position: relative;
    box-shadow: 0 10px 26px rgba(15,45,82,.16) !important;
    transition: transform .3s ease, box-shadow .3s ease;
}

    .Video_blcok .blockstart:hover,
    .Video_blcok .blocks .blockstart:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 36px rgba(15,45,82,.24) !important;
    }

.Video_blcok .blockimg,
.Video_blcok .blocks .blockimg {
    transition: transform .5s ease;
}

.Video_blcok .blocks .blockstart:hover .blockimg {
    transform: scale(1.06);
}

.Video_blcok .blocks .blockstart span.fa-play {
    width: 66px !important;
    height: 66px !important;
    line-height: 66px !important;
    font-size: 24px !important;
    margin-top: -33px !important;
    margin-left: -33px !important;
    border-radius: 50% !important;
    background: rgba(15,45,82,.82) !important;
    color: #ffffff !important;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0,0,0,.32);
    transition: all .3s ease;
}

.Video_blcok .blocks .blockstart:hover span.fa-play {
    background: var(--sd-teal) !important;
    transform: scale(1.08);
}

.Video_blcok .blocks .greenhead {
    color: var(--sd-navy) !important;
    font-weight: 600;
    padding: 0 14px;
    border-top: 3px solid var(--sd-teal);
}