/*
Theme Name: FinancePress
Theme URI: https://example.com/
Author: Your Name
Description: Lightweight, responsive Finance Blog WordPress Theme.
Version: 1.0.0
Text Domain: financepress
*/

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#1f2937;background:#fff;line-height:1.7}
img{max-width:100%;height:auto}
a{color:#0b5cab;text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1180px,92%);margin:0 auto}
.site-main{min-height:60vh}
.site-header{border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0;z-index:99}
.header-inner{min-height:74px;display:flex;align-items:center;gap:24px}
.site-logo{font-size:24px;font-weight:800;margin-right:auto}
.custom-logo{max-height:52px;width:auto}
.main-navigation ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;align-items:center}
.main-navigation li{margin:0}
.main-navigation a{color:#111827;font-weight:600;font-size:14px}
.header-search{width:190px}
.header-search form{display:flex}
.header-search input[type=search]{width:100%;padding:9px 10px;border:1px solid #d1d5db;border-radius:6px 0 0 6px}
.header-search button{padding:9px 11px;border:1px solid #d1d5db;background:#f3f4f6;border-radius:0 6px 6px 0;cursor:pointer}
.mobile-menu-toggle{display:none;background:none;border:0;font-size:26px;cursor:pointer}
.hero-section{background:#f4f8fc;padding:80px 0}
.hero-content{max-width:760px}
.hero-content h1{font-size:48px;line-height:1.12;margin:0 0 20px;color:#0f2742}
.hero-content p{font-size:20px;color:#4b5563;margin-bottom:28px}
.btn{display:inline-block;background:#0b5cab;color:#fff;padding:12px 20px;border-radius:6px;font-weight:700}
.btn:hover{background:#084a8c;color:#fff;text-decoration:none}
.section{padding:60px 0}
.section-title{font-size:32px;margin:0 0 28px}
.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.article-card{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;background:#fff}
.article-card img{width:100%;height:210px;object-fit:cover}
.article-card-content{padding:20px}
.article-category{font-size:12px;text-transform:uppercase;font-weight:700;margin-bottom:8px}
.article-card h3{font-size:21px;margin:8px 0}
.article-card h3 a{color:#111827}
.article-meta{font-size:13px;color:#6b7280}
.single-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding:45px 0}
.single-post{min-width:0}
.post-title{font-size:46px;line-height:1.15;margin:15px 0}
.post-meta{display:flex;flex-wrap:wrap;gap:18px;color:#6b7280;font-size:14px;margin-bottom:25px}
.featured-image{margin-bottom:30px}
.featured-image img{width:100%;border-radius:10px}
.post-content{font-size:18px}
.post-content h2{font-size:30px;margin-top:40px}
.post-content h3{font-size:24px;margin-top:30px}
.post-content p{margin:0 0 20px}
.author-box,.post-sources,.related-posts{border-top:1px solid #e5e7eb;margin-top:40px;padding-top:25px}
.widget{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}
.widget-title{font-size:20px}
.site-footer{background:#0f172a;color:#dbe4ef;margin-top:60px}
.site-footer a{color:#dbe4ef}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;padding:55px 0}
.footer-grid ul{list-style:none;margin:0;padding:0}
.footer-grid li{margin:6px 0}
.footer-bottom{border-top:1px solid #263246;padding:20px 0;color:#9ca3af;font-size:14px}
.archive-header,.search-header,.page-header{padding:50px 0 20px}
.archive-header h1,.search-header h1,.page-header h1{font-size:40px;margin:0 0 10px}
.pagination{padding:35px 0}
.pagination .page-numbers{display:inline-block;padding:8px 12px;border:1px solid #ddd;margin-right:5px;border-radius:5px}
.pagination .current{background:#0b5cab;color:#fff}
.error-page{text-align:center;padding:100px 0}
.error-page h1{font-size:100px;margin:0;color:#0b5cab}
.breadcrumbs{font-size:13px;color:#6b7280;margin-bottom:15px}
.post-category{font-size:13px;font-weight:700;text-transform:uppercase}
.author-header{display:flex;gap:25px;align-items:center;margin-bottom:35px}
.author-avatar img{border-radius:50%}
.author-bio{max-width:700px}
.no-results{padding:50px 0}
@media(max-width:1000px){
 .main-navigation ul{gap:12px}
 .header-search{display:none}
 .posts-grid{grid-template-columns:repeat(2,1fr)}
 .single-layout{grid-template-columns:1fr}
 .sidebar{display:none}
 .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .header-inner{position:relative}
 .mobile-menu-toggle{display:block}
 .main-navigation{display:none;width:100%;position:absolute;top:74px;left:0;background:#fff;border-top:1px solid #e5e7eb;padding:15px 4%}
 .main-navigation.is-open{display:block}
 .main-navigation ul{display:block}
 .main-navigation li{padding:9px 0}
 .hero-section{padding:55px 0}
 .hero-content h1{font-size:36px}
 .hero-content p{font-size:17px}
 .posts-grid{grid-template-columns:1fr}
 .post-title{font-size:34px}
 .footer-grid{grid-template-columns:1fr}
}




/* Premium homepage V3 */
.premium-hero{background:linear-gradient(120deg,#f3faf7,#f9fcfb);border-bottom:1px solid #e5eeea}.premium-hero-grid{min-height:540px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.premium-hero h1{font-size:51px;line-height:1.06;letter-spacing:-1.5px;color:#112d40;margin:0 0 20px}.premium-hero h1 em{color:#004CE5;font-style:normal}.premium-hero p{font-size:16px;line-height:1.8;color:#60717a;max-width:650px}.premium-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:2px;color:#004CE5;margin-bottom:12px}.premium-actions{display:flex;gap:24px;align-items:center;margin-top:25px}.premium-btn{background:#004CE5;border-radius:5px;padding:13px 20px;box-shadow:0 8px 22px rgba(8,127,98,.15)}.premium-btn:hover{background:#066c53}.premium-link{font-size:12px;font-weight:800;color:#183a4b}.premium-link:hover{text-decoration:none;color:#004CE5}.premium-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;font-size:10px;color:#75848a}.premium-visual{height:390px;display:flex;align-items:center;justify-content:center;position:relative}.visual-card{width:310px;height:230px;background:#fff;border:1px solid #dcebe5;border-radius:14px;box-shadow:0 25px 55px rgba(20,65,53,.12);padding:27px;position:relative;z-index:2}.visual-card small{font-size:9px;letter-spacing:1.5px;color:#78878b}.visual-card strong{display:block;font-size:25px;line-height:1.2;color:#173747;margin-top:12px}.visual-card>span{font-size:10px;color:#004CE5;position:absolute;bottom:23px}.fake-chart{height:55px;margin-top:17px;border-bottom:2px solid #0a9a73;position:relative;transform:skewY(-8deg)}.fake-chart i{position:absolute;width:7px;height:7px;border-radius:50%;background:#0a9a73;bottom:0}.fake-chart i:nth-child(1){left:5%}.fake-chart i:nth-child(2){left:22%;bottom:12px}.fake-chart i:nth-child(3){left:40%;bottom:6px}.fake-chart i:nth-child(4){left:57%;bottom:28px}.fake-chart i:nth-child(5){left:80%;bottom:45px}.floating-card{position:absolute;background:#fff;border:1px solid #dcebe5;border-radius:7px;padding:11px 14px;box-shadow:0 12px 28px rgba(20,65,53,.1);font-size:12px;color:#004CE5}.floating-card b{color:#234050;font-size:10px;margin-left:4px}.floating-card.top{right:25px;top:35px}.floating-card.bottom{left:20px;bottom:40px}.premium-strip{background:#0e3035;color:#fff}.premium-strip .container{display:grid;grid-template-columns:repeat(4,1fr)}.premium-strip .container>div{padding:19px 20px;border-right:1px solid rgba(255,255,255,.1)}.premium-strip b{display:block;font-size:11px}.premium-strip small{color:#a9c0c0;font-size:9px}.section{padding:62px 0}.premium-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.premium-heading h2{font-size:30px;color:#122f41;margin:0}.premium-heading>a{font-size:11px;font-weight:800;color:#004CE5}.premium-featured{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:18px}.feature-main,.feature-small{border:1px solid #e4ece9;border-radius:9px;overflow:hidden;background:#fff}.feature-image{display:block;height:180px;background:#edf6f2}.feature-main .feature-image{height:265px}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-image>span{height:100%;display:flex;align-items:center;justify-content:center;color:#004CE5;font-weight:900}.feature-body{padding:17px}.premium-category{font-size:9px;letter-spacing:.8px;font-weight:800;color:#004CE5;text-transform:uppercase}.feature-body h3{font-size:19px;line-height:1.3;margin:8px 0}.feature-main .feature-body h3{font-size:25px}.feature-body h3 a{color:#153547}.feature-body h3 a:hover{color:#004CE5;text-decoration:none}.feature-body p{font-size:12px;color:#718087;line-height:1.65;margin:0 0 10px}.feature-body small,.latest-premium small{font-size:9px;color:#8b979c}.premium-topics{background:#f4faf7}.centered{justify-content:center;text-align:center}.topic-premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topic-premium-grid a{background:#fff;border:1px solid #e1ebe7;border-radius:7px;padding:18px;display:grid;grid-template-columns:1fr 25px;color:#173849;position:relative}.topic-premium-grid a:hover{border-color:#afd6c9;box-shadow:0 9px 25px rgba(15,70,54,.06);text-decoration:none}.topic-premium-grid strong{font-size:13px}.topic-premium-grid small{font-size:9px;color:#829095;margin-top:4px}.topic-premium-grid b{grid-row:1/3;grid-column:2;color:#004CE5;align-self:center}.latest-premium{display:grid;grid-template-columns:1fr 1fr;column-gap:35px}.latest-premium article{display:grid;grid-template-columns:125px 1fr;gap:14px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e7edeb}.latest-img{height:95px;background:#edf6f2;border-radius:7px;overflow:hidden;display:block}.latest-img img{width:100%;height:100%;object-fit:cover}.latest-img span{height:100%;display:flex;align-items:center;justify-content:center;color:#004CE5;font-size:10px;font-weight:900}.latest-premium h3{font-size:16px;line-height:1.3;margin:5px 0}.latest-premium h3 a{color:#173849}.latest-premium h3 a:hover{color:#004CE5;text-decoration:none}.latest-premium p{font-size:10px;color:#77848a;line-height:1.5;margin:0 0 6px}.center-button{text-align:center;margin-top:14px}.premium-outline{background:#fff!important;color:#004CE5!important;border:1px solid #b9d9ce;padding:11px 18px}.premium-education{background:#edf8f3;padding:48px 0}.education-premium{display:grid;grid-template-columns:190px 1fr 260px;align-items:center;gap:35px}.education-art{height:150px;background:#d9eee6;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;color:#2b6657;font-size:23px;line-height:1.05;letter-spacing:1px}.education-art b{color:#004CE5}.education-premium h2{font-size:29px;color:#143447;margin:0 0 10px}.education-premium p{font-size:12px;line-height:1.7;color:#69787e}.education-premium ul{list-style:none;margin:0;padding:0;display:grid;gap:11px;font-size:11px;color:#346d5d}.premium-newsletter{margin-top:45px;margin-bottom:45px;background:#0e3035;color:#fff;border-radius:8px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.premium-newsletter>div{display:flex;align-items:center;gap:14px}.premium-newsletter .premium-kicker{color:#85ccb9;margin:0 0 4px}.premium-newsletter h2{font-size:17px;margin:0}.premium-newsletter p{font-size:9px;color:#b5caca;margin:3px 0}.mail{width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.premium-newsletter form{display:flex;width:370px}.premium-newsletter input{width:100%;border:0;padding:11px;border-radius:5px 0 0 5px}.premium-newsletter button{border:0;background:#004CE5;color:#fff;padding:0 15px;border-radius:0 5px 5px 0;font-weight:700}.premium-about{padding-top:20px;padding-bottom:75px}.about-premium{display:grid;grid-template-columns:245px 1fr 285px;gap:35px;align-items:center}.about-art{height:210px;border-radius:9px;background:linear-gradient(135deg,#e1f0ea,#f7fbf9);display:flex;align-items:center;justify-content:center;text-align:center;color:#326b5b;font-size:23px;line-height:1.05;letter-spacing:1px}.about-art b{color:#004CE5}.about-premium h2{font-size:29px;line-height:1.15;color:#122f41;margin:0 0 13px}.about-premium p{font-size:12px;line-height:1.8;color:#68777e;margin:0 0 18px}.about-points{display:grid;gap:16px}.about-points>div{display:grid;grid-template-columns:28px 1fr;gap:9px}.about-points b{font-size:10px;color:#004CE5}.about-points strong{display:block;font-size:11px;color:#18394a}.about-points small{display:block;font-size:9px;color:#7b898f;margin-top:3px}
@media(max-width:1000px){.premium-hero-grid{grid-template-columns:1fr}.premium-visual{display:none}.premium-strip .container{grid-template-columns:1fr 1fr}.premium-featured{grid-template-columns:1fr 1fr}.feature-main{grid-column:1/-1}.topic-premium-grid{grid-template-columns:1fr 1fr}.latest-premium{grid-template-columns:1fr}.education-premium,.about-premium{grid-template-columns:1fr 1fr}.education-art,.about-art{grid-row:span 2}}
@media(max-width:760px){.premium-hero h1{font-size:37px}.premium-actions{flex-wrap:wrap}.premium-strip .container{grid-template-columns:1fr 1fr}.premium-featured,.topic-premium-grid{grid-template-columns:1fr}.feature-main{grid-column:auto}.feature-main .feature-image{height:210px}.premium-heading h2{font-size:26px}.latest-premium{grid-template-columns:1fr}.education-premium,.about-premium{grid-template-columns:1fr}.education-art,.about-art{grid-row:auto}.premium-newsletter{display:block}.premium-newsletter>div{margin-bottom:16px}.premium-newsletter form{width:100%}}


/* =========================================================
   THEFINLIVE PREMIUM FOOTER
========================================================= */

.site-footer {
    background: #071525;
    color: #d9e5f2;
    margin-top: 80px;
    overflow: hidden;
}

.site-footer a {
    color: #d9e5f2;
    text-decoration: none;
    transition: all 0.25s ease;
}

.site-footer a:hover {
    color: #1da1ff;
}


/* Main Footer */

.footer-main {
    padding: 75px 0 65px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.7fr 1fr 1fr 1fr 1.5fr;
    gap: 45px;
    align-items: start;
}


/* Brand */

.footer-logo {
    margin-bottom: 8px;
}

.footer-logo a {
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -1.2px;
    color: #ffffff;
}

.footer-logo a::first-letter {
    color: #1598ff;
}

.footer-tagline {
    color: #7fcaff;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 22px;
}

.footer-brand p {
    color: #aebfd0;
    line-height: 1.8;
    font-size: 14px;
    max-width: 360px;
    margin-bottom: 25px;
}


/* Social Icons */

.footer-socials {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.footer-socials a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #10243a;
    border: 1px solid #203a54;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}

.footer-socials a:hover {
    background: #1598ff;
    border-color: #1598ff;
    color: #ffffff;
    transform: translateY(-3px);
}


/* Footer Columns */

.footer-column h3,
.footer-guides h3 {
    position: relative;
    color: #ffffff;
    font-size: 17px;
    margin: 0 0 25px;
    padding-bottom: 12px;
}

.footer-column h3::after,
.footer-guides h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 34px;
    height: 3px;
    background: #1598ff;
    border-radius: 10px;
}

.footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-column li {
    margin: 0 0 13px;
}

.footer-column li a {
    color: #aebfd0;
    font-size: 14px;
}

.footer-column li a:hover {
    color: #1598ff;
    padding-left: 4px;
}


/* Popular Guides */

.guide-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #183049;
}

.guide-item:last-child {
    border-bottom: 0;
}

.guide-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 9px;
    background: #102d48;
    color: #1598ff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
}

.guide-item strong {
    display: block;
    color: #ffffff;
    font-size: 13px;
    margin-bottom: 3px;
}

.guide-item small {
    display: block;
    color: #91a8bd;
    font-size: 11px;
    line-height: 1.4;
}

.guide-item:hover .guide-icon {
    background: #1598ff;
    color: #ffffff;
}


/* Trust Section */

.footer-trust {
    border-top: 1px solid #193149;
    border-bottom: 1px solid #193149;
    background: #091b2e;
}

.trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.trust-box {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 28px 20px;
    border-right: 1px solid #193149;
}

.trust-box:first-child {
    padding-left: 0;
}

.trust-box:last-child {
    border-right: 0;
}

.trust-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border: 2px solid #1598ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1598ff;
    font-weight: 700;
}

.trust-box strong {
    display: block;
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 5px;
}

.trust-box p {
    margin: 0;
    color: #849bad;
    font-size: 12px;
    line-height: 1.5;
}


/* Disclaimer */

.footer-disclaimer {
    background: #061321;
    padding: 25px 0;
}

.footer-disclaimer p {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    color: #8196a9;
    font-size: 12px;
    line-height: 1.7;
}

.footer-disclaimer strong {
    color: #c4d4e2;
}


/* Bottom Footer */

.footer-bottom {
    background: #04101d;
    border-top: 1px solid #172c40;
    padding: 22px 0;
}

.footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.footer-bottom-inner > div:first-child {
    color: #7f93a5;
    font-size: 12px;
}

.footer-legal {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.footer-legal a {
    color: #91a5b7;
    font-size: 12px;
}

.footer-legal a:hover {
    color: #1598ff;
}


/* Container */

.site-footer .container {
    width: min(1180px, calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .footer-grid {
        grid-template-columns: 1.5fr 1fr 1fr;
    }

    .footer-guides {
        grid-column: span 3;
        max-width: 500px;
    }

    .trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .trust-box:nth-child(2) {
        border-right: 0;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 700px) {

    .footer-main {
        padding: 55px 0 40px;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 35px 25px;
    }

    .footer-brand {
        grid-column: span 2;
    }

    .footer-guides {
        grid-column: span 2;
    }

    .footer-logo a {
        font-size: 28px;
    }

    .trust-grid {
        grid-template-columns: 1fr;
    }

    .trust-box,
    .trust-box:first-child {
        border-right: 0;
        border-bottom: 1px solid #193149;
        padding: 22px 0;
    }

    .trust-box:last-child {
        border-bottom: 0;
    }

    .footer-bottom-inner {
        flex-direction: column;
        text-align: center;
    }

    .footer-legal {
        justify-content: center;
        gap: 12px 16px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .site-footer .container {
        width: min(100% - 28px, 1180px);
    }

    .footer-grid {
        grid-template-columns: 1fr;
    }

    .footer-brand,
    .footer-guides {
        grid-column: span 1;
    }

    .footer-column li {
        margin-bottom: 11px;
    }

}





/* =========================================================
   THEFINLIVE PREMIUM HEADER
========================================================= */

.site-header {
    position: relative;
    z-index: 9999;
    background: #ffffff;
}


/* Top Header */

.top-header {
    background: #071525;
    color: #b9c9d8;
    font-size: 12px;
    border-bottom: 1px solid #193149;
}

.header-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.top-header .header-container {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-left span {
    color: #8fb2cf;
}

.top-right span {
    color: #1da1ff;
    font-weight: 600;
}


/* Main Header */

.main-header {
    background: #ffffff;
    border-bottom: 1px solid #e8edf2;
    box-shadow: 0 3px 18px rgba(12, 35, 55, 0.05);
}

.header-main-inner {
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}


/* Logo */

.site-branding {
    display: flex;
    align-items: center;
    gap: 12px;
}

.site-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.site-logo img {
    max-height: 52px;
    width: auto;
}

.logo-name {
    font-size: 30px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: -1.5px;
    color: #071525;
}

.logo-name span {
    color: #1598ff;
}

.site-tagline {
    padding-left: 12px;
    border-left: 1px solid #dce4eb;
    color: #7c8e9f;
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
}


/* Navigation */

.main-navigation {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
}

.main-navigation > a,
.nav-dropdown > a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 31px 14px;
    color: #26394b;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}

.main-navigation > a::after,
.nav-dropdown > a::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 18px;
    height: 2px;
    background: #1598ff;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.25s ease;
}

.main-navigation > a:hover,
.nav-dropdown > a:hover {
    color: #1598ff;
}

.main-navigation > a:hover::after,
.nav-dropdown > a:hover::after {
    transform: scaleX(1);
}


/* Dropdown */

.nav-dropdown {
    position: relative;
}

.dropdown-arrow {
    font-size: 15px;
    color: #7f92a3;
}

.dropdown-menu {
    position: absolute;
    top: calc(100% - 5px);
    left: 0;
    width: 230px;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #e5ebf0;
    border-radius: 10px;
    box-shadow: 0 15px 40px rgba(10, 30, 50, 0.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.25s ease;
}

.nav-dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dropdown-menu a {
    display: block;
    padding: 11px 13px;
    border-radius: 7px;
    color: #425466;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.dropdown-menu a:hover {
    background: #eef8ff;
    color: #1598ff;
    padding-left: 17px;
}


/* Header Actions */

.header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-search-button,
.mobile-menu-button {
    border: 0;
    background: transparent;
    cursor: pointer;
}

.header-search-button {
    width: 43px;
    height: 43px;
    border: 1px solid #dce5ec;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s ease;
}

.search-icon {
    font-size: 24px;
    line-height: 1;
    color: #23394c;
    transform: rotate(-20deg);
}

.header-search-button:hover {
    background: #1598ff;
    border-color: #1598ff;
}

.header-search-button:hover .search-icon {
    color: #ffffff;
}


/* Search */

.header-search {
    display: none;
    background: #f6f9fc;
    border-bottom: 1px solid #e2eaf0;
    padding: 20px 0;
}

.search-open .header-search {
    display: block;
}

.header-search form {
    display: flex;
    max-width: 700px;
    margin: 0 auto;
    gap: 10px;
}

.header-search input {
    flex: 1;
    height: 50px;
    padding: 0 18px;
    border: 1px solid #d9e3eb;
    border-radius: 8px;
    outline: none;
    background: #ffffff;
    font-size: 14px;
}

.header-search input:focus {
    border-color: #1598ff;
}

.header-search button {
    height: 50px;
    padding: 0 25px;
    border: 0;
    border-radius: 8px;
    background: #1598ff;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.header-search button:hover {
    background: #087fcf;
}


/* Mobile Menu Button */

.mobile-menu-button {
    display: none;
    width: 43px;
    height: 43px;
    border: 1px solid #dce5ec;
    border-radius: 8px;
    padding: 9px;
}

.mobile-menu-button span {
    display: block;
    width: 100%;
    height: 2px;
    margin: 5px 0;
    background: #20384d;
    border-radius: 5px;
}


/* Mobile Navigation */

.mobile-navigation {
    display: none;
    background: #ffffff;
    border-bottom: 1px solid #e5ebf0;
    box-shadow: 0 15px 30px rgba(10, 30, 50, 0.08);
}

.mobile-menu-open .mobile-navigation {
    display: block;
}

.mobile-nav-inner {
    width: min(1180px, calc(100% - 30px));
    margin: 0 auto;
    padding: 18px 0 25px;
}

.mobile-nav-inner > a {
    display: block;
    padding: 12px 5px;
    border-bottom: 1px solid #edf1f4;
    color: #304457;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.mobile-nav-inner > a:hover {
    color: #1598ff;
}

.mobile-heading {
    padding: 20px 5px 8px;
    color: #1598ff;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.mobile-divider {
    height: 15px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .main-navigation {
        gap: 0;
    }

    .main-navigation > a,
    .nav-dropdown > a {
        padding-left: 9px;
        padding-right: 9px;
    }

    .main-navigation > a::after,
    .nav-dropdown > a::after {
        left: 9px;
        right: 9px;
    }

    .site-tagline {
        display: none;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 800px) {

    .top-right {
        display: none;
    }

    .top-header .header-container {
        justify-content: center;
    }

    .header-main-inner {
        min-height: 70px;
    }

    .main-navigation {
        display: none;
    }

    .mobile-menu-button {
        display: block;
    }

    .logo-name {
        font-size: 27px;
    }

    .site-branding {
        margin-right: auto;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .header-container {
        width: calc(100% - 28px);
    }

    .top-header {
        font-size: 10px;
    }

    .logo-name {
        font-size: 24px;
    }

    .header-search form {
        flex-direction: column;
    }

    .header-search button {
        width: 100%;
    }

}


/* =========================================================
   THEFINLIVE PREMIUM HEADER V2
========================================================= */

.tfl-header {
    position: relative;
    z-index: 9999;
    background: #fff;
    font-family: inherit;
}

.tfl-container {
    width: min(1220px, calc(100% - 40px));
    margin: 0 auto;
}


/* =========================
   TOP BAR
========================= */

.tfl-topbar {
    background: #061524;
    color: #a9bdcf;
    height: 36px;
    font-size: 11px;
    letter-spacing: .4px;
}

.tfl-topbar-inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tfl-top-left {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
}

.tfl-live-dot {
    width: 6px;
    height: 6px;
    background: #159cff;
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(21,156,255,.12);
}

.tfl-top-right {
    color: #8fa7ba;
}


/* =========================
   MAIN HEADER
========================= */

.tfl-main-header {
    background: #ffffff;
    border-bottom: 1px solid #e8edf2;
    box-shadow: 0 4px 20px rgba(7,29,49,.04);
}

.tfl-header-inner {
    min-height: 86px;
    display: flex;
    align-items: center;
    gap: 28px;
}


/* =========================
   LOGO
========================= */

.tfl-brand {
    display: flex;
    align-items: center;
    gap: 13px;
    flex-shrink: 0;
}

.tfl-logo-link {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.tfl-logo-link img {
    max-width: 185px;
    max-height: 58px;
    width: auto;
}

.tfl-logo-text {
    color: #071827;
    font-size: 30px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: -1.7px;
}

.tfl-logo-text span {
    color: #159cff;
}

.tfl-brand-tagline {
    padding-left: 13px;
    border-left: 1px solid #dce5ec;
    color: #8293a3;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
}


/* =========================
   NAVIGATION
========================= */

.tfl-navigation {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.tfl-nav-link {
    position: relative;
    height: 86px;
    display: flex;
    align-items: center;
    padding: 0 15px;
    color: #26394a;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none;
    transition: .2s ease;
}

.tfl-nav-link:before {
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 20px;
    height: 2px;
    background: #159cff;
    transform: scaleX(0);
    transition: transform .25s ease;
}

.tfl-nav-link:hover {
    color: #159cff;
}

.tfl-nav-link:hover:before {
    transform: scaleX(1);
}

.tfl-arrow {
    font-size: 14px;
    color: #8394a4;
    margin-left: 2px;
}


/* =========================
   MEGA MENU
========================= */

.tfl-mega-parent {
    position: static;
}

.tfl-mega-menu {
    position: absolute;
    top: 122px;
    left: 0;
    right: 0;
    background: #ffffff;
    border-top: 1px solid #e7edf2;
    border-bottom: 1px solid #dfe7ed;
    box-shadow: 0 25px 55px rgba(5,25,45,.15);

    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: .25s ease;
}

.tfl-mega-parent:hover .tfl-mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.tfl-mega-inner {
    width: min(1220px, calc(100% - 40px));
    margin: auto;
    padding: 38px 0;
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 45px;
}


/* Mega Intro */

.tfl-menu-label {
    display: block;
    margin-bottom: 12px;
    color: #159cff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.tfl-mega-intro h3 {
    margin: 0 0 13px;
    color: #071827;
    font-size: 23px;
    line-height: 1.2;
    letter-spacing: -.5px;
}

.tfl-mega-intro h3 span {
    display: block;
    color: #159cff;
}

.tfl-mega-intro p {
    margin: 0 0 20px;
    color: #788b9c;
    font-size: 13px;
    line-height: 1.7;
}

.tfl-view-all {
    color: #159cff;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
}


/* Categories */

.tfl-mega-categories {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 7px;
}

.tfl-mega-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px;
    border: 1px solid transparent;
    border-radius: 9px;
    text-decoration: none;
    transition: .2s ease;
}

.tfl-mega-item:hover {
    background: #f4faff;
    border-color: #d9efff;
    transform: translateY(-1px);
}

.tfl-mega-icon {
    width: 39px;
    height: 39px;
    min-width: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: #eaf7ff;
    color: #159cff;
    font-size: 16px;
    font-weight: 800;
}

.tfl-mega-item strong {
    display: block;
    margin-bottom: 3px;
    color: #263b4d;
    font-size: 12px;
}

.tfl-mega-item small {
    display: block;
    color: #8a9baa;
    font-size: 10px;
}


/* =========================
   HEADER ACTIONS
========================= */

.tfl-actions {
    display: flex;
    align-items: center;
    gap: 9px;
}

.tfl-search-btn {
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid #dbe4eb;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .25s ease;
}

.tfl-search-btn span {
    width: 15px;
    height: 15px;
    border: 2px solid #34495b;
    border-radius: 50%;
    position: relative;
}

.tfl-search-btn span:after {
    content: "";
    position: absolute;
    width: 7px;
    height: 2px;
    background: #34495b;
    right: -5px;
    bottom: -3px;
    transform: rotate(45deg);
}

.tfl-search-btn:hover {
    background: #159cff;
    border-color: #159cff;
}

.tfl-search-btn:hover span {
    border-color: #fff;
}

.tfl-search-btn:hover span:after {
    background: #fff;
}


/* CTA */

.tfl-header-cta {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 16px;
    border-radius: 7px;
    background: #159cff;
    color: #ffffff !important;
    font-size: 11px;
    font-weight: 750;
    text-decoration: none;
    box-shadow: 0 7px 18px rgba(21,156,255,.2);
    transition: .25s ease;
}

.tfl-header-cta:hover {
    background: #087fce;
    transform: translateY(-1px);
}

.tfl-header-cta span {
    font-size: 15px;
}


/* =========================
   TRENDING
========================= */

.tfl-trending {
    background: #f7fafd;
    border-bottom: 1px solid #e8eef3;
}

.tfl-trending-inner {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.tfl-trending-title {
    position: relative;
    padding-right: 20px;
    color: #071827;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .8px;
}

.tfl-trending-title:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 15px;
    background: #d5e0e8;
    transform: translateY(-50%);
}

.tfl-trending-title span {
    color: #159cff;
}

.tfl-trending-links {
    display: flex;
    gap: 22px;
    overflow: hidden;
}

.tfl-trending-links a {
    color: #667b8d;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.tfl-trending-links a:hover {
    color: #159cff;
}


/* =========================
   SEARCH PANEL
========================= */

.tfl-search-panel {
    position: absolute;
    top: 124px;
    left: 0;
    right: 0;
    background: #071827;
    color: #fff;
    padding: 55px 0 65px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-15px);
    transition: .25s ease;
    box-shadow: 0 25px 50px rgba(0,0,0,.2);
}

.tfl-search-panel.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.tfl-search-content {
    max-width: 760px;
    margin: auto;
    text-align: center;
}

.tfl-search-content > span {
    color: #159cff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
}

.tfl-search-content h2 {
    margin: 10px 0 25px;
    color: #fff;
    font-size: 30px;
}

.tfl-search-content form {
    display: flex;
    gap: 8px;
}

.tfl-search-content input {
    flex: 1;
    height: 54px;
    padding: 0 18px;
    border: 1px solid #344b5e;
    border-radius: 7px;
    background: #102638;
    color: #fff;
    outline: none;
}

.tfl-search-content input::placeholder {
    color: #7f95a8;
}

.tfl-search-content button {
    height: 54px;
    padding: 0 25px;
    border: 0;
    border-radius: 7px;
    background: #159cff;
    color: #fff;
    font-weight: 750;
    cursor: pointer;
}

.tfl-search-suggestions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 20px;
    color: #8fa6b9;
    font-size: 11px;
}

.tfl-search-suggestions a {
    color: #d2e2ee;
    text-decoration: none;
}

.tfl-search-suggestions a:hover {
    color: #159cff;
}

.tfl-search-close {
    position: absolute;
    right: 30px;
    top: 20px;
    border: 0;
    background: transparent;
    color: #9db2c3;
    font-size: 30px;
    cursor: pointer;
}


/* =========================
   MOBILE
========================= */

.tfl-mobile-btn {
    display: none;
    width: 42px;
    height: 42px;
    border: 1px solid #dce5eb;
    border-radius: 7px;
    background: #fff;
    padding: 9px;
    cursor: pointer;
}

.tfl-mobile-btn i {
    display: block;
    height: 2px;
    margin: 5px 0;
    background: #263c4f;
    border-radius: 3px;
}

.tfl-mobile-menu {
    display: none;
    background: #fff;
    border-bottom: 1px solid #e1e9ef;
    box-shadow: 0 15px 35px rgba(0,0,0,.1);
}

.tfl-mobile-menu.active {
    display: block;
}

.tfl-mobile-inner {
    width: min(100% - 30px, 600px);
    margin: auto;
    padding: 15px 0 25px;
}

.tfl-mobile-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 13px;
    border-bottom: 1px solid #edf1f4;
}

.tfl-mobile-heading span {
    color: #159cff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
}

.tfl-mobile-heading button {
    border: 0;
    background: transparent;
    font-size: 28px;
    color: #607587;
    cursor: pointer;
}

.tfl-mobile-inner > a {
    display: block;
    padding: 14px 4px;
    border-bottom: 1px solid #edf1f4;
    color: #263b4d;
    font-size: 14px;
    font-weight: 650;
    text-decoration: none;
}

.tfl-mobile-inner > a:hover {
    color: #159cff;
}

.tfl-mobile-section {
    padding: 20px 4px 8px;
    color: #159cff;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.tfl-mobile-divider {
    height: 12px;
}


/* =========================
   STICKY
========================= */

.tfl-header.is-sticky .tfl-main-header {
    box-shadow: 0 5px 25px rgba(4,25,45,.12);
}


/* =========================
   TABLET
========================= */

@media (max-width: 1100px) {

    .tfl-brand-tagline {
        display: none;
    }

    .tfl-nav-link {
        padding-left: 9px;
        padding-right: 9px;
    }

    .tfl-header-cta {
        display: none;
    }

    .tfl-mega-inner {
        grid-template-columns: 230px 1fr;
        gap: 25px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 820px) {

    .tfl-top-right {
        display: none;
    }

    .tfl-topbar-inner {
        justify-content: center;
    }

    .tfl-header-inner {
        min-height: 70px;
    }

    .tfl-navigation {
        display: none;
    }

    .tfl-mobile-btn {
        display: block;
    }

    .tfl-logo-text {
        font-size: 26px;
    }

    .tfl-logo-link img {
        max-width: 155px;
        max-height: 48px;
    }

    .tfl-mega-menu {
        display: none;
    }

    .tfl-trending-links a:nth-child(n+4) {
        display: none;
    }

}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 500px) {

    .tfl-container {
        width: calc(100% - 28px);
    }

    .tfl-topbar {
        height: 32px;
        font-size: 9px;
    }

    .tfl-header-inner {
        gap: 8px;
    }

    .tfl-logo-text {
        font-size: 23px;
    }

    .tfl-logo-link img {
        max-width: 140px;
    }

    .tfl-search-btn {
        width: 39px;
        height: 39px;
    }

    .tfl-mobile-btn {
        width: 39px;
        height: 39px;
    }

    .tfl-trending-inner {
        min-height: 35px;
        gap: 12px;
    }

    .tfl-trending-links {
        gap: 15px;
    }

    .tfl-search-content h2 {
        font-size: 24px;
    }

    .tfl-search-content form {
        flex-direction: column;
    }

    .tfl-search-content button {
        width: 100%;
    }

}



/* ==========================================
   THEFINLIVE - PRIMARY BRAND COLOR
   #004CE5
========================================== */

/* Header */
.tfl-live-dot {
    background: #004CE5;
}

.tfl-top-right {
    color: #004CE5;
}

.tfl-logo-text span {
    color: #004CE5;
}

.tfl-nav-link:hover {
    color: #004CE5;
}

.tfl-nav-link:before {
    background: #004CE5;
}

.tfl-view-all {
    color: #004CE5;
}

.tfl-menu-label {
    color: #004CE5;
}

.tfl-mega-intro h3 span {
    color: #004CE5;
}

.tfl-mega-item:hover {
    background: #f2f6ff;
    border-color: #d6e3ff;
}

.tfl-mega-icon {
    background: #edf3ff;
    color: #004CE5;
}

.tfl-mega-item:hover strong {
    color: #004CE5;
}

.tfl-search-btn:hover {
    background: #004CE5;
    border-color: #004CE5;
}

.tfl-header-cta {
    background: #004CE5;
}

.tfl-header-cta:hover {
    background: #003bb3;
}

.tfl-trending-title span {
    color: #004CE5;
}

.tfl-trending-links a:hover {
    color: #004CE5;
}

.tfl-search-content > span {
    color: #004CE5;
}

.tfl-search-content button {
    background: #004CE5;
}

.tfl-search-suggestions a:hover {
    color: #004CE5;
}

.tfl-mobile-section {
    color: #004CE5;
}

.tfl-mobile-inner > a:hover {
    color: #004CE5;
}


/* ==========================================
   HOMEPAGE PRIMARY COLOR
========================================== */

a:hover {
    color: #004CE5;
}

button:hover {
    border-color: #004CE5;
}


/* Primary buttons */
.wp-block-button__link,
.btn-primary,
.primary-button,
.read-more,
.explore-button {
    background: #004CE5;
}

.wp-block-button__link:hover,
.btn-primary:hover,
.primary-button:hover,
.read-more:hover,
.explore-button:hover {
    background: #003bb3;
}


/* Category / labels */
.category-label,
.post-category,
.article-category {
    color: #004CE5;
}


/* Links */
.entry-content a,
.post-title a:hover,
.article-title a:hover {
    color: #004CE5;
}


/* Focus */
input:focus,
textarea:focus,
select:focus {
    border-color: #004CE5;
}


/* Selection */
::selection {
    background: #004CE5;
    color: #ffffff;
}






/* =========================================================
   THEFINLIVE - PREMIUM ABOUT US PAGE
   BRAND COLOR: #004CE5
========================================================= */

.tfl-about-page {
    --tfl-blue: #004CE5;
    --tfl-blue-dark: #003BB3;
    --tfl-navy: #061524;
    --tfl-text: #182536;
    --tfl-muted: #667085;
    --tfl-light: #F5F8FF;
    --tfl-border: #E4EAF3;
    background: #ffffff;
    color: var(--tfl-text);
}

.tfl-about-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

/* HERO */

.tfl-about-hero {
    padding: 100px 0 90px;
    background:
        radial-gradient(circle at 85% 20%, rgba(0,76,229,.10), transparent 30%),
        linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
    overflow: hidden;
}

.tfl-about-container.tfl-two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
}

.tfl-about-hero .tfl-about-container {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 80px;
    align-items: center;
}

.tfl-about-kicker,
.tfl-section-label {
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    color: var(--tfl-blue);
    margin-bottom: 18px;
}

.tfl-about-hero h1 {
    font-size: clamp(42px, 5vw, 70px);
    line-height: 1.05;
    letter-spacing: -2.5px;
    margin: 0 0 25px;
    color: var(--tfl-navy);
}

.tfl-about-hero h1 span,
.tfl-section-heading h2 span,
.tfl-about-intro h2 span,
.tfl-editorial-content h2 span {
    color: var(--tfl-blue);
}

.tfl-about-hero-content > p {
    max-width: 650px;
    font-size: 18px;
    line-height: 1.75;
    color: var(--tfl-muted);
}

.tfl-about-buttons {
    display: flex;
    gap: 25px;
    align-items: center;
    margin-top: 35px;
}

.tfl-about-btn {
    display: inline-flex;
    padding: 15px 24px;
    border-radius: 8px;
    background: var(--tfl-blue);
    color: #fff !important;
    text-decoration: none;
    font-weight: 700;
    box-shadow: 0 12px 28px rgba(0,76,229,.20);
    transition: .25s ease;
}

.tfl-about-btn:hover {
    background: var(--tfl-blue-dark);
    transform: translateY(-2px);
}

.tfl-about-link {
    color: var(--tfl-navy);
    font-weight: 700;
    text-decoration: none;
}

/* HERO CARD */

.tfl-about-hero-card {
    background: var(--tfl-navy);
    border-radius: 22px;
    padding: 30px;
    min-height: 370px;
    position: relative;
    box-shadow: 0 30px 70px rgba(6,21,36,.16);
}

.tfl-about-card-top,
.tfl-about-card-bottom {
    display: flex;
    justify-content: space-between;
    color: #fff;
}

.tfl-about-card-top {
    font-size: 11px;
    letter-spacing: 2px;
    opacity: .75;
}

.tfl-about-chart {
    height: 220px;
    display: flex;
    align-items: end;
    gap: 14px;
    padding: 30px 10px;
}

.tfl-about-chart span {
    width: 14%;
    border-radius: 6px 6px 0 0;
    background: linear-gradient(
        to top,
        #004CE5,
        #67A0FF
    );
}

.tfl-about-chart span:nth-child(1) { height: 35%; }
.tfl-about-chart span:nth-child(2) { height: 48%; }
.tfl-about-chart span:nth-child(3) { height: 42%; }
.tfl-about-chart span:nth-child(4) { height: 65%; }
.tfl-about-chart span:nth-child(5) { height: 78%; }
.tfl-about-chart span:nth-child(6) { height: 94%; }

.tfl-about-card-bottom {
    flex-direction: column;
    gap: 7px;
}

.tfl-about-card-bottom strong {
    font-size: 18px;
}

.tfl-about-card-bottom small {
    color: #aeb9c8;
}

/* INTRO */

.tfl-about-intro {
    padding: 100px 0;
}

.tfl-about-intro h2 {
    font-size: 45px;
    line-height: 1.12;
    margin: 0;
    color: var(--tfl-navy);
}

.tfl-about-text p {
    color: var(--tfl-muted);
    line-height: 1.8;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 20px;
}

/* MISSION */

.tfl-about-mission {
    padding: 100px 0;
    background: var(--tfl-light);
}

.tfl-section-heading {
    max-width: 720px;
    margin-bottom: 55px;
}

.tfl-section-heading h2 {
    font-size: 46px;
    line-height: 1.12;
    color: var(--tfl-navy);
    margin: 0 0 15px;
}

.tfl-section-heading p {
    color: var(--tfl-muted);
    font-size: 17px;
    line-height: 1.7;
}

.tfl-section-heading.centered {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.tfl-mission-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.tfl-mission-card {
    background: #fff;
    border: 1px solid var(--tfl-border);
    border-radius: 16px;
    padding: 32px;
    transition: .25s ease;
}

.tfl-mission-card:hover {
    transform: translateY(-5px);
    border-color: #bcd0f8;
    box-shadow: 0 20px 45px rgba(0,76,229,.08);
}

.tfl-mission-number {
    color: var(--tfl-blue);
    font-weight: 800;
    font-size: 13px;
    margin-bottom: 35px;
}

.tfl-mission-card h3 {
    color: var(--tfl-navy);
    font-size: 24px;
    margin-bottom: 10px;
}

.tfl-mission-card p {
    color: var(--tfl-muted);
    line-height: 1.7;
}

/* TOPICS */

.tfl-about-topics {
    padding: 100px 0;
}

.tfl-topic-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.tfl-topic-card {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 22px;
    border: 1px solid var(--tfl-border);
    border-radius: 12px;
    text-decoration: none;
    background: #fff;
    transition: .25s ease;
}

.tfl-topic-card:hover {
    border-color: var(--tfl-blue);
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0,76,229,.08);
}

.tfl-topic-icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 10px;
    background: #EDF3FF;
    color: var(--tfl-blue);
    font-weight: 800;
}

.tfl-topic-card h3 {
    color: var(--tfl-navy);
    margin: 0 0 4px;
    font-size: 16px;
}

.tfl-topic-card span {
    color: var(--tfl-muted);
    font-size: 12px;
}

/* EDITORIAL */

.tfl-about-editorial {
    padding: 100px 0;
    background: var(--tfl-navy);
}

.tfl-editorial-box {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    gap: 80px;
    align-items: center;
}

.tfl-editorial-content h2 {
    color: #fff;
    font-size: 46px;
    line-height: 1.12;
    margin: 0 0 25px;
}

.tfl-editorial-content p {
    color: #b5c0ce;
    line-height: 1.8;
}

.tfl-editorial-points {
    display: grid;
    gap: 12px;
}

.tfl-editorial-points div {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
}

.tfl-editorial-points strong {
    color: #6fa4ff;
}

.tfl-editorial-points span {
    color: #fff;
    font-weight: 600;
}

/* AUTHOR */

.tfl-about-author {
    padding: 100px 0;
}

.tfl-author-box {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 45px;
    border: 1px solid var(--tfl-border);
    border-radius: 18px;
    background: #fff;
}

.tfl-author-avatar {
    width: 90px;
    height: 90px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--tfl-blue);
    color: #fff;
    font-size: 28px;
    font-weight: 800;
}

.tfl-author-box h2 {
    margin: 0 0 10px;
    color: var(--tfl-navy);
}

.tfl-author-box p {
    max-width: 750px;
    color: var(--tfl-muted);
    line-height: 1.7;
}

.tfl-author-box a {
    color: var(--tfl-blue);
    font-weight: 700;
    text-decoration: none;
}

/* DISCLAIMER */

.tfl-about-disclaimer {
    padding: 0 0 100px;
}

.tfl-disclaimer-box {
    background: #F5F8FF;
    border-left: 4px solid var(--tfl-blue);
    padding: 35px;
    border-radius: 0 14px 14px 0;
}

.tfl-disclaimer-box h2 {
    margin: 0 0 12px;
    color: var(--tfl-navy);
}

.tfl-disclaimer-box p {
    color: var(--tfl-muted);
    line-height: 1.7;
}

/* CTA */

.tfl-about-cta {
    padding: 70px 0;
    background: var(--tfl-blue);
}

.tfl-about-cta .tfl-about-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.tfl-about-cta span {
    color: #cfe0ff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.tfl-about-cta h2 {
    color: #fff;
    font-size: 38px;
    margin: 10px 0;
}

.tfl-about-cta p {
    color: #dbe8ff;
    margin: 0;
}

.tfl-about-cta a {
    background: #fff;
    color: var(--tfl-blue);
    padding: 15px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 800;
    white-space: nowrap;
}

/* RESPONSIVE */

@media (max-width: 900px) {

    .tfl-about-hero .tfl-about-container,
    .tfl-about-container.tfl-two-column,
    .tfl-editorial-box {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .tfl-mission-grid {
        grid-template-columns: 1fr;
    }

    .tfl-topic-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .tfl-about-hero {
        padding: 70px 0;
    }
}

@media (max-width: 600px) {

    .tfl-about-container {
        width: min(100% - 28px, 1180px);
    }

    .tfl-about-hero h1 {
        font-size: 42px;
        letter-spacing: -1.5px;
    }

    .tfl-about-intro h2,
    .tfl-section-heading h2,
    .tfl-editorial-content h2 {
        font-size: 34px;
    }

    .tfl-topic-grid {
        grid-template-columns: 1fr;
    }

    .tfl-about-buttons {
        flex-direction: column;
        align-items: flex-start;
    }

    .tfl-author-box {
        flex-direction: column;
        align-items: flex-start;
        padding: 30px;
    }

    .tfl-about-cta .tfl-about-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .tfl-about-cta h2 {
        font-size: 30px;
    }
}







/* =========================================================
   THEFINLIVE - PREMIUM CONTACT US PAGE
   BRAND COLOR: #004CE5
========================================================= */

.tfl-contact-page {
    --tfl-blue: #004CE5;
    --tfl-blue-dark: #003BB3;
    --tfl-navy: #061524;
    --tfl-text: #182536;
    --tfl-muted: #667085;
    --tfl-light: #F5F8FF;
    --tfl-border: #E2E8F2;

    background: #fff;
    color: var(--tfl-text);
}

.tfl-contact-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


/* =========================================================
   HERO
========================================================= */

.tfl-contact-hero {
    padding: 100px 0;
    background:
        radial-gradient(
            circle at 85% 20%,
            rgba(0,76,229,.11),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #F7FAFF 0%,
            #FFFFFF 100%
        );
}

.tfl-contact-hero .tfl-contact-container {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 80px;
    align-items: center;
}

.tfl-contact-kicker,
.tfl-contact-label,
.tfl-contact-form-header > span,
.tfl-contact-heading > span {
    display: inline-block;
    color: var(--tfl-blue);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 18px;
}

.tfl-contact-hero h1 {
    max-width: 720px;
    margin: 0 0 25px;

    font-size: clamp(44px, 5vw, 70px);
    line-height: 1.04;
    letter-spacing: -2.5px;

    color: var(--tfl-navy);
}

.tfl-contact-hero h1 span,
.tfl-contact-info h2 span,
.tfl-contact-heading h2 span {
    color: var(--tfl-blue);
}

.tfl-contact-hero-content > p {
    max-width: 650px;

    font-size: 18px;
    line-height: 1.75;

    color: var(--tfl-muted);
}


/* TRUST POINTS */

.tfl-contact-trust {
    display: flex;
    gap: 35px;
    margin-top: 38px;
}

.tfl-contact-trust div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.tfl-contact-trust strong {
    color: var(--tfl-blue);
    font-size: 13px;
}

.tfl-contact-trust span {
    color: var(--tfl-navy);
    font-size: 13px;
    font-weight: 700;
}


/* HERO CARD */

.tfl-contact-hero-card {
    min-height: 350px;

    padding: 35px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    border-radius: 22px;

    background:
        radial-gradient(
            circle at 80% 10%,
            rgba(0,76,229,.35),
            transparent 35%
        ),
        var(--tfl-navy);

    box-shadow:
        0 30px 70px rgba(6,21,36,.16);
}

.tfl-contact-card-icon {
    width: 58px;
    height: 58px;

    display: grid;
    place-items: center;

    border-radius: 14px;

    background: var(--tfl-blue);
    color: #fff;

    font-size: 25px;
    font-weight: 800;

    margin-bottom: 25px;
}

.tfl-contact-hero-card > span {
    color: #91B7FF;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.tfl-contact-hero-card h3 {
    max-width: 350px;

    color: #fff;
    font-size: 31px;
    line-height: 1.2;

    margin: 12px 0;
}

.tfl-contact-hero-card p {
    color: #B7C1CF;
    line-height: 1.7;
}

.tfl-contact-card-line {
    height: 1px;
    width: 100%;

    background: rgba(255,255,255,.12);

    margin: 25px 0 15px;
}

.tfl-contact-hero-card small {
    color: #fff;
    font-weight: 700;
}


/* =========================================================
   MAIN CONTACT
========================================================= */

.tfl-contact-main {
    padding: 100px 0;
}

.tfl-contact-grid {
    display: grid;
    grid-template-columns: .85fr 1.15fr;
    gap: 80px;
    align-items: start;
}


/* LEFT */

.tfl-contact-info h2 {
    color: var(--tfl-navy);
    font-size: 46px;
    line-height: 1.1;
    margin: 0 0 20px;
}

.tfl-contact-info > p {
    color: var(--tfl-muted);
    line-height: 1.8;
    font-size: 16px;
    max-width: 520px;
}


.tfl-contact-info-list {
    margin-top: 38px;
    display: grid;
    gap: 22px;
}

.tfl-contact-info-item {
    display: flex;
    align-items: center;
    gap: 18px;
}

.tfl-contact-info-icon {
    width: 48px;
    height: 48px;

    display: grid;
    place-items: center;

    flex-shrink: 0;

    border-radius: 12px;

    background: #EDF3FF;
    color: var(--tfl-blue);

    font-weight: 800;
}

.tfl-contact-info-item > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.tfl-contact-info-item span {
    color: var(--tfl-muted);
    font-size: 12px;
}

.tfl-contact-info-item a,
.tfl-contact-info-item strong {
    color: var(--tfl-navy);
    font-size: 14px;
    text-decoration: none;
}

.tfl-contact-info-item a:hover {
    color: var(--tfl-blue);
}


/* NOTE */

.tfl-contact-note {
    margin-top: 40px;

    padding: 22px;

    border-left: 3px solid var(--tfl-blue);
    background: var(--tfl-light);
}

.tfl-contact-note strong {
    color: var(--tfl-navy);
}

.tfl-contact-note p {
    color: var(--tfl-muted);
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 0;
}


/* =========================================================
   FORM
========================================================= */

.tfl-contact-form-wrapper {
    padding: 40px;

    border: 1px solid var(--tfl-border);
    border-radius: 18px;

    background: #fff;

    box-shadow:
        0 20px 60px rgba(6,21,36,.06);
}

.tfl-contact-form-header h2 {
    color: var(--tfl-navy);
    font-size: 30px;
    margin: 0 0 8px;
}

.tfl-contact-form-header p {
    color: var(--tfl-muted);
    margin: 0 0 30px;
}


.tfl-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.tfl-form-group {
    margin-bottom: 20px;
}

.tfl-form-group label {
    display: block;

    color: var(--tfl-navy);

    font-size: 13px;
    font-weight: 700;

    margin-bottom: 8px;
}

.tfl-form-group input,
.tfl-form-group textarea {
    width: 100%;

    box-sizing: border-box;

    border: 1px solid var(--tfl-border);
    border-radius: 8px;

    padding: 14px 15px;

    background: #FAFBFD;

    color: var(--tfl-text);

    font-family: inherit;
    font-size: 14px;

    outline: none;

    transition: .2s ease;
}

.tfl-form-group input {
    height: 50px;
}

.tfl-form-group textarea {
    resize: vertical;
    min-height: 150px;
}

.tfl-form-group input:focus,
.tfl-form-group textarea:focus {
    border-color: var(--tfl-blue);

    background: #fff;

    box-shadow:
        0 0 0 3px rgba(0,76,229,.08);
}

.tfl-form-group input::placeholder,
.tfl-form-group textarea::placeholder {
    color: #98A2B3;
}


/* CHECKBOX */

.tfl-contact-checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;

    color: var(--tfl-muted);

    font-size: 12px;
    line-height: 1.6;

    margin: 5px 0 22px;
}

.tfl-contact-checkbox input {
    margin-top: 3px;
    accent-color: var(--tfl-blue);
}


/* BUTTON */

.tfl-contact-submit {
    width: 100%;

    border: 0;
    border-radius: 8px;

    padding: 16px 20px;

    background: var(--tfl-blue);
    color: #fff;

    font-size: 14px;
    font-weight: 800;

    cursor: pointer;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    transition: .25s ease;
}

.tfl-contact-submit:hover {
    background: var(--tfl-blue-dark);

    transform: translateY(-2px);

    box-shadow:
        0 12px 25px rgba(0,76,229,.20);
}

.tfl-contact-submit span {
    font-size: 18px;
}

.tfl-form-security {
    color: #98A2B3;
    text-align: center;
    font-size: 11px;
    margin: 14px 0 0;
}


/* =========================================================
   FAQ
========================================================= */

.tfl-contact-faq {
    padding: 100px 0;

    background: var(--tfl-light);
}

.tfl-contact-heading {
    max-width: 650px;
    margin: 0 auto 55px;
    text-align: center;
}

.tfl-contact-heading h2 {
    color: var(--tfl-navy);
    font-size: 44px;
    line-height: 1.1;
    margin: 0;
}


.tfl-faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.tfl-faq-item {
    display: flex;
    gap: 20px;

    padding: 28px;

    background: #fff;

    border: 1px solid var(--tfl-border);
    border-radius: 14px;

    transition: .25s ease;
}

.tfl-faq-item:hover {
    border-color: #BCD0F8;

    box-shadow:
        0 15px 35px rgba(0,76,229,.06);
}

.tfl-faq-number {
    color: var(--tfl-blue);
    font-size: 12px;
    font-weight: 800;
}

.tfl-faq-item h3 {
    color: var(--tfl-navy);
    font-size: 17px;
    margin: 0 0 8px;
}

.tfl-faq-item p {
    color: var(--tfl-muted);
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
}


/* =========================================================
   FINAL CTA
========================================================= */

.tfl-contact-cta {
    padding: 70px 0;

    background: var(--tfl-blue);
}

.tfl-contact-cta .tfl-contact-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.tfl-contact-cta > .tfl-contact-container > div > span {
    color: #CFE0FF;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
}

.tfl-contact-cta h2 {
    color: #fff;
    font-size: 38px;
    margin: 10px 0;
}

.tfl-contact-cta p {
    color: #DCE8FF;
    margin: 0;
}

.tfl-contact-cta a {
    display: inline-flex;

    background: #fff;
    color: var(--tfl-blue);

    padding: 15px 24px;

    border-radius: 8px;

    text-decoration: none;
    font-weight: 800;

    white-space: nowrap;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 900px) {

    .tfl-contact-hero .tfl-contact-container,
    .tfl-contact-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .tfl-faq-grid {
        grid-template-columns: 1fr;
    }

    .tfl-contact-hero {
        padding: 70px 0;
    }
}


@media (max-width: 600px) {

    .tfl-contact-container {
        width: min(100% - 28px, 1180px);
    }

    .tfl-contact-hero h1 {
        font-size: 42px;
        letter-spacing: -1.5px;
    }

    .tfl-contact-info h2,
    .tfl-contact-heading h2 {
        font-size: 34px;
    }

    .tfl-contact-trust {
        flex-direction: column;
        gap: 15px;
    }

    .tfl-contact-form-wrapper {
        padding: 25px 20px;
    }

    .tfl-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .tfl-contact-cta .tfl-contact-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .tfl-contact-cta h2 {
        font-size: 30px;
    }
}