Money / Personal Finance

Build a stronger money system.

Practical guidance for budgeting, saving, banking, credit and everyday financial decisions in India.

Invest / Wealth Building

Invest with a process, not a guess.

Learn mutual funds, SIPs, stocks, ETFs, gold, bonds and long-term portfolio thinking.

Borrow / Credit & Debt

Borrow less blindly. Choose credit better.

Understand loans, EMIs, interest costs, eligibility and debt management before you borrow.

Tax / India

Make tax decisions with clarity.

Understand income tax, tax regimes, ITR, TDS, GST and capital gains through practical explainers.

Protect / Family & Future

Protect the plan you are building.

Insurance, emergency funds and retirement planning help protect income, family goals and long-term resilience.

Markets / Economy

Understand markets beyond the headline.

Follow Indian markets, economic signals, inflation, sectors and global developments with context rather than noise.

Tools / Calculators

Turn financial questions into numbers.

Use simple calculators for EMIs, SIPs, fixed deposits, tax and retirement planning.

MONEY • TOOLS

Calculator

Clear numbers for better financial decisions.

Calculator

What to check before you decide

    How to use this calculator

    Use the result as an educational planning illustration. Change the assumptions and compare scenarios rather than relying on one number.

    Should I compare multiple scenarios?

    Yes. Interest rates, returns, inflation, fees, taxes and timelines can materially change the result.

    Are the results guaranteed?

    No. Actual outcomes depend on the product terms, market conditions, taxes, fees, timing and your individual circumstances.

    Can this replace professional advice?

    No. Use it as an educational tool and verify important financial decisions with the relevant institution or qualified professional.

    Important: This calculator is for educational illustration only. Actual outcomes may differ.
    Fintaxtical • Understand Money. Decide Better.

    ABOUT US

    /* FINTAXTICAL FINAL HOMEPAGE — ONE SOURCE OF TRUTH */ #ftx-final-home-shell{display:block!important;position:relative!important;z-index:10!important;width:100%!important;overflow:hidden!important} #ftx-final-home-shell ~ *{display:none!important} #ftx-final-home-shell .ftx-pro-header{display:block!important;position:relative!important;top:auto!important;z-index:100!important;background:#071b33!important;color:#fff!important;border:0!important;box-shadow:none!important} #ftx-final-home-shell .ftx-pro-nav{min-height:82px!important;display:flex!important;align-items:center!important;gap:28px!important;padding:0 36px!important} #ftx-final-home-shell .ftx-brand{display:flex!important;flex-direction:column!important;flex:0 0 auto!important;text-decoration:none!important} #ftx-final-home-shell .ftx-brand-name{font-size:29px!important;line-height:1!important;font-weight:900!important;letter-spacing:-1px!important;color:#fff!important} #ftx-final-home-shell .ftx-brand-name span{color:#09ad7a!important} #ftx-final-home-shell .ftx-brand small{font-size:10px!important;margin-top:7px!important;color:#b9c9d4!important} #ftx-final-home-shell .ftx-main-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:25px!important;flex:1!important} #ftx-final-home-shell .ftx-nav-link{color:#e9f0f4!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;opacity:1!important} #ftx-final-home-shell .ftx-nav-link:hover{color:#38d39f!important} #ftx-final-home-shell .ftx-nav-dropdown{position:relative!important} #ftx-final-home-shell .ftx-dropdown-menu{z-index:10000!important;background:#fff!important;border:1px solid #dfe8e5!important;box-shadow:0 16px 35px rgba(5,30,45,.16)!important} #ftx-final-home-shell .ftx-dropdown-menu a{color:#19344b!important;font-size:12px!important} #ftx-final-home-shell .ftx-nav-dropdown:after{content:""!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;height:15px!important} #ftx-final-home-shell .ftx-header-actions{display:flex!important;align-items:center!important;gap:16px!important} #ftx-final-home-shell .ftx-header-actions a{color:#fff!important} #ftx-final-home-shell .ftx-header-actions .ftx-calculator-btn{background:#0bb47e!important;color:#fff!important;border-radius:8px!important;padding:12px 19px!important;font-size:12px!important;font-weight:800!important} #ftx-final-home-shell .fh-hero{display:block!important;min-height:475px!important;padding:0!important;background:#f4faf8!important} #ftx-final-home-shell .fh-wrap{width:min(1180px,calc(100% - 72px))!important;margin:0 auto!important} #ftx-final-home-shell .fh-hero-grid{display:grid!important;grid-template-columns:1fr .88fr!important;gap:60px!important;align-items:center!important;min-height:475px!important} #ftx-final-home-shell .fh-hero-copy{padding:48px 0!important} #ftx-final-home-shell .fh-kicker{font-size:10px!important;letter-spacing:2px!important;font-weight:900!important;color:#00a878!important;text-transform:uppercase!important;margin-bottom:16px!important} #ftx-final-home-shell .fh-hero-copy h1{margin:0!important;font-size:clamp(52px,5.5vw,74px)!important;line-height:.96!important;letter-spacing:-3.5px!important;color:#102b45!important;font-weight:900!important} #ftx-final-home-shell .fh-hero-copy h1 span{color:#08a878!important} #ftx-final-home-shell .fh-hero-copy>p{max-width:610px!important;margin:22px 0 0!important;font-size:18px!important;line-height:1.55!important;color:#587083!important} #ftx-final-home-shell .fh-actions{display:flex!important;gap:10px!important;margin-top:25px!important} #ftx-final-home-shell .fh-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;border-radius:9px!important;padding:14px 20px!important;font-size:13px!important;font-weight:800!important} #ftx-final-home-shell .fh-actions a:first-child{background:#09ad7a!important;color:#fff!important} #ftx-final-home-shell .fh-actions a:last-child{background:#fff!important;color:#18344b!important;border:1px solid #d2dfdb!important} #ftx-final-home-shell .fh-trust{display:flex!important;gap:13px!important;margin-top:16px!important;color:#718492!important;font-size:10px!important} #ftx-final-home-shell .ftx-final-snapshot{box-sizing:border-box!important;width:min(100%,455px)!important;min-height:330px!important;margin-left:auto!important;padding:28px!important;border-radius:22px!important;background:#fff!important;border:1px solid #d7e6e1!important;box-shadow:0 15px 40px rgba(15,47,65,.08)!important;display:block!important} #ftx-final-home-shell .ftx-snapshot-head{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-bottom:17px!important;border-bottom:1px solid #e5efeb!important} #ftx-final-home-shell .ftx-snapshot-head span{font-size:10px!important;font-weight:900!important;letter-spacing:1.4px!important;color:#079d72!important} #ftx-final-home-shell .ftx-snapshot-head b{font-size:9px!important;color:#8a98a0!important} #ftx-final-home-shell .ftx-snapshot-row{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:22px 0!important;border-bottom:1px solid #edf2f0!important} #ftx-final-home-shell .ftx-snapshot-row span{font-size:13px!important;color:#647987!important} #ftx-final-home-shell .ftx-snapshot-row strong{font-size:23px!important;color:#102b45!important} #ftx-final-home-shell .ftx-snapshot-row.positive strong{color:#08a878!important} #ftx-final-home-shell .ftx-snapshot-foot{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-top:19px!important;font-size:12px!important;color:#5d7382!important} #ftx-final-home-shell .ftx-snapshot-foot b{font-size:19px!important;color:#08a878!important} #ftx-final-home-shell #ftx-planning{display:block!important;background:#071b33!important;padding:48px 0 45px!important;color:#fff!important} #ftx-final-home-shell #ftx-planning .ftx-pro-container{width:min(1180px,calc(100% - 72px))!important;margin:0 auto!important} #ftx-final-home-shell #ftx-planning .ftx-section-title{text-align:center!important;margin-bottom:25px!important} #ftx-final-home-shell #ftx-planning .ftx-section-title span{font-size:10px!important;letter-spacing:2px!important;font-weight:900!important;color:#63dfb5!important} #ftx-final-home-shell #ftx-planning .ftx-section-title h2{margin:8px 0 0!important;font-size:38px!important;letter-spacing:-1px!important;color:#fff!important} #ftx-final-home-shell #ftx-planning .ftx-plan-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important} #ftx-final-home-shell #ftx-planning .ftx-plan-card{min-height:115px!important;padding:18px!important;border-radius:14px!important;background:#102f4c!important;border:1px solid rgba(255,255,255,.10)!important;box-sizing:border-box!important} #ftx-final-home-shell #ftx-planning .ftx-plan-card strong{font-size:16px!important;color:#fff!important} #ftx-final-home-shell #ftx-planning .ftx-plan-card p{font-size:11px!important;line-height:1.45!important;color:#b9c8d3!important} #ftx-final-home-shell #ftx-planning .ftx-planning-note{text-align:center!important;margin-top:18px!important;color:#b9c8d3!important;font-size:12px!important} #ftx-final-home-shell .fh-people{display:block!important;background:#fff!important;padding:52px 0 60px!important} #ftx-final-home-shell .fh-heading-row{display:flex!important;justify-content:space-between!important;align-items:end!important;margin-bottom:24px!important} #ftx-final-home-shell .fh-heading-row h2{margin:5px 0 0!important;font-size:38px!important;letter-spacing:-1.2px!important;color:#102b45!important} #ftx-final-home-shell .fh-heading-row p{margin:7px 0 0!important;font-size:14px!important;color:#63798a!important} #ftx-final-home-shell .fh-people-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:12px!important} #ftx-final-home-shell .fh-person-card{overflow:hidden!important;border:1px solid #dfe9e5!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important} #ftx-final-home-shell .ftx-avatar-clean{height:145px!important;display:grid!important;place-items:center!important;background:#eef6f3!important;border-bottom:1px solid #e0ebe7!important} #ftx-final-home-shell .ftx-avatar-clean span{width:66px!important;height:66px!important;border-radius:50%!important;background:#0b9270!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:24px!important;font-weight:900!important} #ftx-final-home-shell .fh-person-info{padding:16px!important} #ftx-final-home-shell .fh-person-info h3{margin:0 0 10px!important;font-size:16px!important;line-height:1.35!important;color:#08a878!important} #ftx-final-home-shell .fh-person-info p{font-size:11px!important;line-height:1.45!important;color:#687e8d!important} #ftx-final-home-shell .fh-person-info a{font-size:10px!important;font-weight:800!important;color:#079f74!important;text-decoration:none!important} #ftx-final-home-shell .ftx-pro-footer{display:block!important;background:#071b33!important;color:#b8c8d3!important;padding:35px 0 22px!important} #ftx-final-home-shell .ftx-footer-links a{color:#b8c8d3!important;text-decoration:none!important;font-size:11px!important} #ftx-final-home-shell .ftx-footer-links strong{color:#fff!important;font-size:11px!important} #ftx-final-home-shell .ftx-footer-bottom{border-top:1px solid rgba(255,255,255,.10)!important;margin-top:25px!important;padding-top:16px!important;font-size:10px!important} @media(max-width:900px){#ftx-final-home-shell .ftx-pro-nav{padding:0 20px!important}#ftx-final-home-shell .ftx-main-nav{gap:12px!important}#ftx-final-home-shell .fh-wrap,#ftx-final-home-shell #ftx-planning .ftx-pro-container{width:min(100% - 40px,1180px)!important}#ftx-final-home-shell .fh-hero-grid{grid-template-columns:1fr!important;gap:15px!important}#ftx-final-home-shell .ftx-final-snapshot{margin:0 auto!important;width:100%!important}#ftx-final-home-shell .fh-people-grid{grid-template-columns:repeat(2,1fr)!important}} @media(max-width:650px){#ftx-final-home-shell .ftx-pro-nav{min-height:70px!important}#ftx-final-home-shell .ftx-brand-name{font-size:23px!important}#ftx-final-home-shell .ftx-main-nav{display:none!important}#ftx-final-home-shell .fh-hero-grid{min-height:auto!important}#ftx-final-home-shell .fh-hero-copy{padding:38px 0 12px!important}#ftx-final-home-shell .fh-hero-copy h1{font-size:45px!important;letter-spacing:-2.3px!important}#ftx-final-home-shell .fh-hero-copy>p{font-size:16px!important}#ftx-final-home-shell #ftx-planning .ftx-plan-grid{grid-template-columns:1fr!important}#ftx-final-home-shell #ftx-planning .ftx-section-title h2{font-size:29px!important}#ftx-final-home-shell .fh-heading-row{display:block!important}#ftx-final-home-shell .fh-heading-row h2{font-size:30px!important}#ftx-final-home-shell .fh-people-grid{grid-template-columns:1fr!important}} <![CDATA[/* ----------------------------------------------- Blogger Template Style Name: B-Blog License: Free Version Version: 1.0 Author: Fintaxtical Author Url: https://www.fintaxtical.com/ -----------------------------------------------*/ /* */ /*-- Google Fonts --*/ @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format("woff2");unicode-range:U+0370-03FF} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Roboto';font-style:italic;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format("woff2");unicode-range:U+0370-03FF} @font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Roboto';font-style:italic;font-weight:500;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format("woff2");unicode-range:U+0370-03FF} @font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Roboto';font-style:italic;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");unicode-range:U+0370-03FF} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format("woff2");unicode-range:U+0370-03FF} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format("woff2");unicode-range:U+0370-03FF} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAgM9UvI.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLCwM9UvI.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAwM9UvI.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDAM9UvI.woff2) format("woff2");unicode-range:U+0370-03FF} @font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAAM9UvI.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAQM9UvI.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM9.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYNNZQyQ.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoadNZQyQ.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYdNZQyQ.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobtNZQyQ.woff2) format("woff2");unicode-range:U+0370-03FF} @font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoYtNZQyQ.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYoY9NZQyQ.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobdNZ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DRs5.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DRs5.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DRs5.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DRs5.woff2) format("woff2");unicode-range:U+0370-03FF} @font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DRs5.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb8td.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb8td.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCgYb8td.woff2) format("woff2");unicode-range:U+1F00-1FFF} @font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCcYb8td.woff2) format("woff2");unicode-range:U+0370-03FF} @font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCsYb8td.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb8td.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotocondensed/v19/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYbw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /*-- CSS Variables --*/ :root{ --body-font:'$(main.font.family)', Arial, sans-serif; --menu-font:'$(menu.font.family)', Arial, sans-serif; --title-font:'$(title.font.family)', Arial, sans-serif; --meta-font:'$(main.font.family)', Arial, sans-serif; --text-font:'$(text.font.family)', Arial, sans-serif; --body-bg-color:$(background.color); --body-bg:$(body.background); --outer-bg:$(outer.bg); --main-color:$(main.color); --title-color:$(title.color); --title-hover-color:$(title.hover.color); --meta-color:$(meta.color); --text-color:$(text.color); --tag-bg:$(main.color)aa; --topbar-bg:$(topbar.bg); --topbar-color:$(topbar.color); --topbar-hover-color:$(topbar.hover.color); --header-bg:$(header.bg); --header-bg-1:$(header.bg1); --header-color:$(header.color); --header-hover-color:$(header.hover.color); --submenu-bg:$(submenu.bg); --submenu-color:$(submenu.color); --submenu-hover-color:$(submenu.hover.color); --megamenu-bg:$(megamenu.bg); --megamenu-color:$(megamenu.color); --megamenu-hover-color:$(megamenu.hover.color); --mobilemenu-bg:$(mmenu.bg); --mobilemenu-color:$(mmenu.color); --mobilemenu-hover-color:$(mmenu.hover.color); --widget-bg:$(widget.bg); --widget-title-color:$(wtitle.color); --post-title-color:$(post.title.color); --post-title-hover-color:$(post.title.hover.color); --post-text-color:$(post.text.color); --footer-bg:$(footer.bg); --footer-color:$(footer.color); --footer-hover-color:$(footer.hover.color); --footer-meta-color:$(footer.meta.color); --footer-text-color:$(footer.text.color); --footerbar-bg:$(footerbar.bg); --footerbar-color:$(footerbar.color); --footerbar-hover-color:$(footerbar.hover.color); --cookie-bg:$(cookie.bg); --cookie-color:$(cookie.color); --button-bg:$(button.bg); --button-lite-bg:$(button.bg)10; --button-color:$(button.color); --button-hover-bg:$(button.hover.bg); --button-hover-color:$(button.hover.color); --border-color:rgba(155,155,155,0.1); --border-radius:3px; --widget-shadow:0 0 25px rgba(0,0,0,0.08); --avatar-shadow:0px 1px 4px rgba(0,0,0,0.05); } html.is-dark{ --body-bg-color:#2b2b2b; --body-bg:$(body.background); --outer-bg:#181818; --title-color:#f6f7f8; --title-hover-color:$(main.color); --meta-color:#aaaaaa; --text-color:#b4b6ba; --topbar-bg:#181818; --topbar-color:#c2c2c3; --topbar-hover-color:$(main.color); --header-bg:#202020; --header-bg-1:#404040; --header-color:#f6f7f8; --header-hover-color:$(main.color); --submenu-bg:#242424; --submenu-color:#f6f7f8; --submenu-hover-color:$(main.color); --megamenu-bg:#242424; --megamenu-color:#f6f7f8; --megamenu-hover-color:$(main.color); --mobilemenu-bg:#181818; --mobilemenu-color:#f6f7f8; --mobilemenu-hover-color:$(main.color); --widget-bg:#202020; --widget-title-color:#f6f7f8; --post-title-color:#f6f7f8; --post-title-hover-color:$(main.color); --post-text-color:b4b6ba; --footer-bg:#161618; --footer-color:#f6f7f8; --footer-hover-color:$(main.color); --footer-meta-color:#aaa; --footer-text-color:#aaa; --footerbar-bg:#09090a; --footerbar-color:#f6f7f8; --footerbar-hover-color:$(main.color); --cookie-bg:#242424; --cookie-color:#b4b6ba; --button-bg:$(main.color); --button-color:#ffffff; --button-hover-bg:$(button.hover.bg); --button-hover-color:$(button.hover.color); --border-color:rgba(155,155,155,0.05); } html.rtl{ --body-font:'Tajawal',Arial,sans-serif; --title-font:'Tajawal',Arial,sans-serif; --meta-font:'Tajawal',Arial,sans-serif; --text-font:'Tajawal',Arial,sans-serif; } /*-- Reset CSS --*/ #google_translate_element { clear: both; } a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{ padding:0; margin:0; border:0; outline:none; vertical-align:baseline; background:0 0; text-decoration:none } dl,ul{ list-style-position:inside; list-style:none } ul li{ list-style:none } caption{ text-align:center } img{ border:none; position:relative } a,a:visited{ text-decoration:none } a:visited { color:red; } .clearfix{ clear:both } .section,.widget,.widget ul{ margin:0; padding:0 } a{ color:var(--main-color) } a img{ border:0 } abbr{ text-decoration:none } .CSS_LIGHTBOX{ z-index:999999!important } .CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{ opacity:0 } .separator a{ text-decoration:none!important; clear:none!important; float:none!important; margin-left:0!important; margin-right:0!important } #Navbar1,#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{ display:none!important } .center{ display:table; margin:0 auto; position:relative } .widget > h2,.widget > h3{ display:none } .widget iframe,.widget img{ max-width:100% } button,input,select,textarea{ font-family:var(--body-font); -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; border-radius:0 } /*-- Style CSS --*/ *{ box-sizing:border-box } html{ position:relative; word-break:break-word; word-wrap:break-word; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100% } body{ position:relative; background:var(--body-bg); background-color:var(--body-bg-color); font-family:var(--body-font); font-size:14px; color:var(--text-color); font-weight:400; font-style:normal; line-height:1.4em } .rtl{ direction:rtl } h1,h2,h3,h4,h5,h6{ font-family:var(--title-font); font-weight:700 } a,input,button{ transition:all .0s ease } #outer-wrapper{ position:relative; overflow:hidden; width:100%; max-width:100%; background-color:var(--outer-bg); margin:0 auto; padding:0 } .is-boxed #outer-wrapper{ width:$(row.width + 50px); max-width:100%; box-shadow:0 0 20px rgba(0,0,0,0.1) } .is-dark .is-boxed #outer-wrapper{ box-shadow:0 0 20px rgba(0,0,0,0.3) } .container{ position:relative } .row-x1{ width:$(row.width) } .row-x2{ width:100% } .flex-center, .flex-c { display: flex; justify-content: center; } .flex-sb { display: flex; justify-content: space-between; } #content-wrapper{ position:relative; float:left; width:100%; overflow:hidden; padding:25px 0; margin:0 } #content-wrapper > .container{ display:flex; justify-content:space-between } .is-left #content-wrapper > .container,.rtl .is-right #content-wrapper > .container{ flex-direction:row-reverse } .rtl .is-left #content-wrapper > .container{ flex-direction:row } .theiaStickySidebar:before,.theiaStickySidebar:after{ content:''; display:table; clear:both } #main-wrapper{ position:relative; width:calc(100% - $(sidebar.width + 25px)) } .no-sidebar #main-wrapper{ width:100% } #sidebar-wrapper{ position:relative; width:$(sidebar.width) } .no-sidebar #sidebar-wrapper{ display:none } .btn{ position:relative; border:0; border-radius:var(--border-radius) } .entry-image-wrap,.author-avatar-wrap,.comments .avatar-image-container{ display:block; position:relative; overflow:hidden; background-color:rgba(155,155,155,0.05); z-index:5; color:transparent!important } .entry-thumb,.author-avatar{ display:block; position:relative; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:1; opacity:0; transition:opacity .35s ease,filter 0s ease } .author-avatar{ background-size:100%; background-position:0 0 } .entry-thumb.lazy-ify,.author-avatar.lazy-ify{ opacity:1 } .entry-image-wrap:hover .entry-thumb,.card-style:hover .entry-image-wrap .entry-thumb{ filter:brightness(1.03) } .entry-image-wrap.is-video:after{ position:absolute; content:'\f04b'; top:50%; right:50%; background-color:rgba(0,0,0,0.5); width:34px; height:34px; font-family:'Font Awesome 5 Free'; font-size:11px; color:#fff; font-weight:900; display:flex; align-items:center; justify-content:center; z-index:5; transform:translate(50%,-50%); box-sizing:border-box; padding:0 0 0 1px; margin:0; border:2px solid #fff; border-radius:50%; opacity:.9; transition:opacity .17s ease } .entry-image-wrap.is-video:hover:after,.card-style:hover .entry-image-wrap.is-video:after{ opacity:1 } .card-style .entry-image-wrap.is-video:after{ top:15px; right:15px; transform:translate(0) } .rtl .card-style .entry-image-wrap.is-video:after{ left:15px; right:unset } .entry-category{ display:block; font-size:13px; color:var(--main-color); font-weight:500; text-transform:uppercase; margin:0 0 5px } .entry-title{ display:block; color:var(--post-title-color); font-weight:700; line-height:1.3em } .entry-title a{ display:block; color:var(--post-title-color) } .entry-title a:hover{ color:var(--post-title-hover-color) } .entry-meta{ display:flex; font-family:var(--meta-font); font-size:12px; color:var(--meta-color); font-weight:400; margin:4px 0 0 } .entry-meta .mi{ display:flex } .entry-meta .mi,.entry-meta .sp{ margin:0 4px 0 0 } .rtl .entry-meta .mi,.rtl .entry-meta .sp{ margin:0 0 0 4px } .entry-meta .author-name{ color:var(--main-color); font-weight:500 } .excerpt{ font-family:var(--text-font); line-height:1.5em } .entry-excerpt { display: block; font-size: 16px; color: #f6f7f8; margin: 5px 0 0; } .before-mask:before{ content:''; position:absolute; left:0; right:0; bottom:0; height:70%; background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7)); -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:2; opacity:1; margin:0; transition:opacity .25s ease } .card-style{ overflow:hidden } .entry-info{ position:absolute; left:0; bottom:0; width:100%; background:linear-gradient(to bottom,rgba(0,0,0,0) 10%,rgba(0,0,0,0.5)); overflow:hidden; z-index:10; display:flex; flex-direction:column; padding:15px } .entry-info .entry-category{ display:flex; width:-moz-fit-content; width:fit-content; height:18px; background-color:var(--tag-bg); font-size:11px; color:#fff; font-weight:400; align-items:center; padding:0 5px; margin:0 0 10px; border-radius:2px } .entry-info .entry-title a{ color:#fff; text-shadow:0 1px 2px rgba(0,0,0,0.1) } .entry-info .entry-meta{ color:#c5c5c5; text-shadow:0 1px 2px rgba(0,0,0,0.1) } .entry-info .entry-meta .author-name{ color:#e5e5e5 } .error-msg{ display:flex; align-items:center; font-size:14px; color:var(--meta-color); padding:20px 0; font-weight:400 } .error-msg b{ font-weight:600 } .loader{ position:relative; width:100%; height:100%; overflow:hidden; display:flex; align-items:center; justify-content:center; margin:0 } .loader:after{ content:''; display:block; width:30px; height:30px; box-sizing:border-box; margin:0; border:2px solid var(--border-color); border-left-color:var(--main-color); border-radius:100%; animation:spinner .65s infinite linear; transform-origin:center } @-webkit-keyframes spinner { 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg) } to{ -webkit-transform:rotate(1turn); transform:rotate(1turn) } } @keyframes spinner { 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg) } to{ -webkit-transform:rotate(1turn); transform:rotate(1turn) } } .social a:before{ display:inline-block; font-family:'Font Awesome 5 Brands'; font-style:normal; font-weight:400 } .social .blogger a:before{ content:'\f37d' } .social .apple a:before{ content:'\f179' } .social .amazon a:before{ content:'\f270' } .social .microsoft a:before{ content:'\f3ca' } .social .facebook a:before{ content:'\f09a' } .social .facebook-f a:before{ content:'\f39e' } .social .twitter a:before{ content:'\f099' } .social .x-twitter a:before{ content:"\e61b" } .social .rss a:before{ content:'\f09e'; font-family:'Font Awesome 5 Free'; font-weight:900 } .social .youtube a:before{ content:'\f167' } .social .skype a:before{ content:'\f17e' } .social .stumbleupon a:before{ content:'\f1a4' } .social .tumblr a:before{ content:'\f173' } .social .vk a:before{ content:'\f189' } .social .stack-overflow a:before{ content:'\f16c' } .social .github a:before{ content:'\f09b' } .social .linkedin a:before{ content:'\f0e1' } .social .dribbble a:before{ content:'\f17d' } .social .soundcloud a:before{ content:'\f1be' } .social .behance a:before{ content:'\f1b4' } .social .digg a:before{ content:'\f1a6' } .social .instagram a:before{ content:'\f16d' } .social .pinterest a:before{ content:'\f0d2' } .social .pinterest-p a:before{ content:'\f231' } .social .twitch a:before{ content:'\f1e8' } .social .delicious a:before{ content:'\f1a5' } .social .codepen a:before{ content:'\f1cb' } .social .flipboard a:before{ content:'\f44d' } .social .reddit a:before{ content:'\f281' } .social .whatsapp a:before{ content:'\f232' } .social .messenger a:before{ content:'\f39f' } .social .snapchat a:before{ content:'\f2ac' } .social .telegram a:before{ content:'\f3fe' } .social .steam a:before{ content:'\f3f6' } .social .discord a:before{ content:'\f392' } .social .quora a:before{ content:'\f2c4' } .social .tiktok a:before{ content:'\e07b' } .social .share a:before{ content:'\f064'; font-family:'Font Awesome 5 Free'; font-weight:900 } .social .email a:before{ content:'\f0e0'; font-family:'Font Awesome 5 Free' } .social .external-link a:before{ content:'\f35d'; font-family:'Font Awesome 5 Free'; font-weight:900 } .social-bg .blogger a,.social-bg-hover .blogger a:hover{ background-color:#ff5722 } .social-bg .apple a,.social-bg-hover .apple a:hover{ background-color:#333 } .social-bg .amazon a,.social-bg-hover .amazon a:hover{ background-color:#fe9800 } .social-bg .microsoft a,.social-bg-hover .microsoft a:hover{ background-color:#0067B8 } .social-bg .facebook a,.social-bg .facebook-f a,.social-bg-hover .facebook a:hover,.social-bg-hover .facebook-f a:hover{ background-color:#3b5999 } .social-bg .twitter a,.social-bg-hover .twitter a:hover{ background-color:#00acee } .social-bg .x-twitter a,.social-bg-hover .x-twitter a:hover{ background-color:#14171A } .social-bg .youtube a,.social-bg-hover .youtube a:hover{ background-color:#f50000 } .social-bg .instagram a,.social-bg-hover .instagram a:hover{ background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4) } .social-bg .pinterest a,.social-bg .pinterest-p a,.social-bg-hover .pinterest a:hover,.social-bg-hover .pinterest-p a:hover{ background-color:#ca2127 } .social-bg .dribbble a,.social-bg-hover .dribbble a:hover{ background-color:#ea4c89 } .social-bg .linkedin a,.social-bg-hover .linkedin a:hover{ background-color:#0077b5 } .social-bg .tumblr a,.social-bg-hover .tumblr a:hover{ background-color:#365069 } .social-bg .twitch a,.social-bg-hover .twitch a:hover{ background-color:#6441a5 } .social-bg .rss a,.social-bg-hover .rss a:hover{ background-color:#ffc200 } .social-bg .skype a,.social-bg-hover .skype a:hover{ background-color:#00aff0 } .social-bg .stumbleupon a,.social-bg-hover .stumbleupon a:hover{ background-color:#eb4823 } .social-bg .vk a,.social-bg-hover .vk a:hover{ background-color:#4a76a8 } .social-bg .stack-overflow a,.social-bg-hover .stack-overflow a:hover{ background-color:#f48024 } .social-bg .github a,.social-bg-hover .github a:hover{ background-color:#24292e } .social-bg .soundcloud a,.social-bg-hover .soundcloud a:hover{ background:linear-gradient(#ff7400,#ff3400) } .social-bg .behance a,.social-bg-hover .behance a:hover{ background-color:#191919 } .social-bg .digg a,.social-bg-hover .digg a:hover{ background-color:#1b1a19 } .social-bg .delicious a,.social-bg-hover .delicious a:hover{ background-color:#0076e8 } .social-bg .codepen a,.social-bg-hover .codepen a:hover{ background-color:#000 } .social-bg .flipboard a,.social-bg-hover .flipboard a:hover{ background-color:#f52828 } .social-bg .reddit a,.social-bg-hover .reddit a:hover{ background-color:#ff4500 } .social-bg .whatsapp a,.social-bg-hover .whatsapp a:hover{ background-color:#3fbb50 } .social-bg .messenger a,.social-bg-hover .messenger a:hover{ background-color:#0084ff } .social-bg .snapchat a,.social-bg-hover .snapchat a:hover{ background-color:#ffe700 } .social-bg .telegram a,.social-bg-hover .telegram a:hover{ background-color:#179cde } .social-bg .steam a,.social-bg-hover .steam a:hover{ background:linear-gradient(5deg,#0d89bc,#112c5b,#0d1c47) } .social-bg .discord a,.social-bg-hover .discord a:hover{ background-color:#7289da } .social-bg .quora a,.social-bg-hover .quora a:hover{ background-color:#b92b27 } .social-bg .tiktok a,.social-bg-hover .tiktok a:hover{ background-color:#fe2c55 } .social-bg .share a,.social-bg-hover .share a:hover{ background-color:var(--meta-color) } .social-bg .email a,.social-bg-hover .email a:hover{ background-color:#888 } .social-bg .external-link a,.social-bg-hover .external-link a:hover{ background-color:var(--title-color) } .social-color .blogger a,.social-color-hover .blogger a:hover{ color:#ff5722 } .social-color .apple a,.social-color-hover .apple a:hover{ color:#333 } .social-color .amazon a,.social-color-hover .amazon a:hover{ color:#fe9800 } .social-color .microsoft a,.social-color-hover .microsoft a:hover{ color:#0067B8 } .social-color .facebook a,.social-color .facebook-f a,.social-color-hover .facebook a:hover,.social-color-hover .facebook-f a:hover{ color:#3b5999 } .social-color .twitter a,.social-color-hover .twitter a:hover{ color:#00acee } .social-color .x-twitter a,.social-color-hover .x-twitter a:hover{ background-color:#14171A } .social-color .youtube a,.social-color-hover .youtube a:hover{ color:#f50000 } .social-color .instagram a,.social-color-hover .instagram a:hover{ color:#dd277b } .social-color .pinterest a,.social-color .pinterest-p a,.social-color-hover .pinterest a:hover,.social-color-hover .pinterest-p a:hover{ color:#ca2127 } .social-color .dribbble a,.social-color-hover .dribbble a:hover{ color:#ea4c89 } .social-color .linkedin a,.social-color-hover .linkedin a:hover{ color:#0077b5 } .social-color .tumblr a,.social-color-hover .tumblr a:hover{ color:#365069 } .social-color .twitch a,.social-color-hover .twitch a:hover{ color:#6441a5 } .social-color .rss a,.social-color-hover .rss a:hover{ color:#ffc200 } .social-color .skype a,.social-color-hover .skype a:hover{ color:#00aff0 } .social-color .stumbleupon a,.social-color-hover .stumbleupon a:hover{ color:#eb4823 } .social-color .vk a,.social-color-hover .vk a:hover{ color:#4a76a8 } .social-color .stack-overflow a,.social-color-hover .stack-overflow a:hover{ color:#f48024 } .social-color .github a,.social-color-hover .github a:hover{ color:#24292e } .social-color .soundcloud a,.social-color-hover .soundcloud a:hover{ color:#ff7400 } .social-color .behance a,.social-color-hover .behance a:hover{ color:#191919 } .social-color .digg a,.social-color-hover .digg a:hover{ color:#1b1a19 } .social-color .delicious a,.social-color-hover .delicious a:hover{ color:#0076e8 } .social-color .codepen a,.social-color-hover .codepen a:hover{ color:#000 } .social-color .flipboard a,.social-color-hover .flipboard a:hover{ color:#f52828 } .social-color .reddit a,.social-color-hover .reddit a:hover{ color:#ff4500 } .social-color .whatsapp a,.social-color-hover .whatsapp a:hover{ color:#3fbb50 } .social-color .messenger a,.social-color-hover .messenger a:hover{ color:#0084ff } .social-color .snapchat a,.social-color-hover .snapchat a:hover{ color:#ffe700 } .social-color .telegram a,.social-color-hover .telegram a:hover{ color:#179cde } .social-color .steam a,.social-color-hover .steam a:hover{ color:#112c5b } .social-color .discord a,.social-color-hover .discord a:hover{ color:#7289da } .social-color .quora a,.social-color-hover .quora a:hover{ color:#b92b27 } .social-color .tiktok a,.social-color-hover .tiktok a:hover{ color:#fe2c55 } .social-color .share a,.social-color-hover .share a:hover{ color:var(--meta-color) } .social-color .email a,.social-color-hover .email a:hover{ color:#888 } .social-color .external-link a,.social-color-hover .external-link a:hover{ color:var(--title-color) } #header-wrapper{ position:relative; float:left; width:100%; z-index:50; margin:0 } .topbar-wrap{ position:relative; float:left; width:100%; height:34px; z-index:1; padding:0; margin:0; background-color:var(--topbar-bg); } .topbar-wrap .container { padding: 0; } :not(.is-dark) .topbar-wrap.has-border .container{ border-bottom:1px solid var(--border-color) } .topbar-items{ position:relative; float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 } .topbar-items .section{ position:relative; height:34px; margin:0 } .topbar-items .topbar-ul{ display:flex; flex-wrap:wrap } .topbar-items .topbar-ul li{ display:inline-block; margin:0 20px 0 0 } .rtl .topbar-items .topbar-ul li{ margin:0 0 0 20px } .topbar-items .topbar-ul li a{ display:block; font-size:12px; color:var(--topbar-color); line-height:34px } .topbar-items .topbar-ul li a:hover{ color:var(--topbar-hover-color) } .topbar-items .topbar-social .topbar-ul li{ margin:0 0 0 16px } .rtl .topbar-items .topbar-social .topbar-ul li{ margin:0 16px 0 0 } .topbar-items .topbar-social .topbar-ul li a{ font-size:13px } .main-header,.header-inner{ position:relative; float:left; width:100%; height:72px; margin:0; background: var(--header-bg); background: -moz-linear-gradient(90deg, var(--header-bg) 0%, var(--header-bg-1) 100%); background: -webkit-linear-gradient(90deg, var(--header-bg) 0%, var(--header-bg-1) 100%); background: -o-linear-gradient(90deg, var(--header-bg) 0%, var(--header-bg-1) 100%); background: -ms-linear-gradient(90deg, var(--header-bg) 0%, var(--header-bg-1) 100%); background: linear-gradient(90deg, var(--header-bg) 0%, var(--header-bg-1) 100%); } .header-header{ position:relative; float:left; width:100%; height:72px; margin:0; } .header-header .container{ padding:0; } .is-boxed .header-header{ float:none; width:$(row.width + 50px); max-width:100%; margin:0 auto; padding:0 } .header-items{ position:relative; float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 } .flex-left{ position:static; display:flex; margin:0 } .flex-right{ position:absolute; top:0; right:0; margin:0 } .rtl .flex-right{ left:0; right:unset; margin:0 } .main-logo{ position:relative; float:left; height:72px; overflow:hidden; padding:0 14px 0 0; margin:0 } .rtl .main-logo{ padding:0 0 0 14px } .main-logo .widget{ position:relative; height:100%; display:flex; align-items:center; margin:0 } .main-logo .logo-img{ display:flex; align-items:center; height:44px; overflow:hidden; margin:0 } .main-logo img{ display:block; max-width:100%; max-height:100%; margin:0 } .is-dark .footer-logo img { -webkit-filter: invert(1); filter: invert(1); } .main-logo .blog-title{ display:block; font-size:23px; color:var(--header-color); font-weight:700; margin:0 } .main-logo .blog-title a{ color:var(--header-color) } .main-logo .blog-title a:hover{ color:var(--header-hover-color) } .main-logo #h1-off{ position:absolute; top:-9000px; left:-9000px; display:none; visibility:hidden } #b-blog-pro-main-nav{ position:static; height:72px; z-index:10 } #b-blog-pro-main-nav .widget,#b-blog-pro-main-nav .widget > .widget-title{ display:none } #b-blog-pro-main-nav .show-menu{ display:block } #b-blog-pro-main-nav ul#b-blog-pro-main-nav-menu{ display:flex; flex-wrap:wrap } #b-blog-pro-main-nav ul > li{ position:relative; padding:0; margin:0 } #b-blog-pro-main-nav-menu > li > a{ position:relative; display:block; height:72px; font-family:var(--menu-font); font-size:14px; color:var(--header-color); font-weight:700; text-transform:uppercase; line-height:72px; padding:0 14px; margin:0 } #b-blog-pro-main-nav-menu > li:hover > a{ color:var(--header-hover-color) } #b-blog-pro-main-nav ul > li > ul,#b-blog-pro-main-nav ul > li > .ul{ position:absolute; left:0; top:72px; width:180px; background-color:var(--submenu-bg); z-index:99999; padding:5px 0; backface-visibility:hidden; visibility:hidden; opacity:0; box-shadow:0 1px 2px rgba(0,0,0,0.1),0 5px 10px 0 rgba(0,0,0,0.1) } .rtl #b-blog-pro-main-nav ul > li > ul,.rtl #b-blog-pro-main-nav ul > li > .ul{ left:auto; right:0 } #b-blog-pro-main-nav ul > li > ul > li > ul{ position:absolute; top:-5px; left:100%; margin:0 } .rtl #b-blog-pro-main-nav ul > li > ul > li > ul{ left:unset; right:100% } #b-blog-pro-main-nav ul > li > ul > li{ display:block; float:none; position:relative } .rtl #b-blog-pro-main-nav ul > li > ul > li{ float:none } #b-blog-pro-main-nav ul > li > ul > li a{ position:relative; display:block; font-size:14px; color:var(--submenu-color); font-weight:400; padding:8px 14px; margin:0 } #b-blog-pro-main-nav ul > li > ul > li:hover > a{ color:var(--submenu-hover-color) } #b-blog-pro-main-nav ul > li.has-sub > a:after{ content:'\f078'; float:right; font-family:'Font Awesome 5 Free'; font-size:9px; font-weight:900; margin:-1px 0 0 4px } .rtl #b-blog-pro-main-nav ul > li.has-sub > a:after{ float:left; margin:-1px 4px 0 0 } #b-blog-pro-main-nav ul > li > ul > li.has-sub > a:after{ content:'\f054'; float:right; margin:0 } .rtl #b-blog-pro-main-nav ul > li > ul > li.has-sub > a:after{ content:'\f053' } #b-blog-pro-main-nav ul ul,#b-blog-pro-main-nav ul .ul{ transition:visibility .1s ease,opacity .17s ease } #b-blog-pro-main-nav ul > li:hover > ul,#b-blog-pro-main-nav ul > li:hover > .ul,#b-blog-pro-main-nav ul > li > ul > li:hover > ul{ visibility:visible; opacity:1; margin:0 } #b-blog-pro-main-nav .mega-menu{ position:static!important } #b-blog-pro-main-nav .mega-menu > .ul{ width:100%; overflow:hidden; background-color:var(--megamenu-bg); padding:20px } .mega-menu .mega-items{ display:grid; grid-template-columns:repeat(5,1fr); column-gap:20px } .mega-menu .mega-items.no-items{ grid-template-columns:1fr } .mega-items .mega-item{ position:relative; width:100%; display:flex; flex-direction:column; padding:0 } .mega-item .entry-image-wrap{ width:100%; height:124px; z-index:1; margin:0 0 8px } .mega-item .entry-title{ font-size:15px } .mega-item .entry-title a{ color:var(--megamenu-color) } .mega-item .entry-title a:hover{ color:var(--megamenu-hover-color) } .mega-menu .error-msg{ justify-content:center } .mobile-menu-toggle{ display:none; height:34px; font-size:18px; color:var(--header-color); align-items:center; padding:0 15px } .mobile-menu-toggle:after{ content:'\f0c9'; font-family:'Font Awesome 5 Free'; font-weight:900; margin:0 } .mobile-menu-toggle:hover{ color:var(--header-hover-color) } .main-toggle-wrap{ height:72px; display:flex; z-index:20; margin:0 } .main-toggle-style{ width:72px; height:100%; color:var(--header-color); font-size:15px; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:20; padding:0; margin:0 } .darkmode-toggle{ width:auto; font-size:14px; padding:0 15px } .darkmode-toggle:after{ content:'\f186'; font-family:'Font Awesome 5 Free'; font-weight:400; margin:0 } .is-dark .darkmode-toggle:after{ content:'\f185'; font-weight:900 } .show-search,.hide-search{ background-color:rgba(155,155,155,0.1); transition:opacity .17s ease } .is-dark .show-search,.is-dark .hide-search{ background-color:rgba(255,255,255,0.02) } .show-search:after{ content:'\f002'; font-family:'Font Awesome 5 Free'; font-weight:900; margin:0 } .main-toggle-style:hover{ color:var(--header-hover-color) } #main-search-wrap{ display:none; position:absolute; top:0; left:0; width:100%; height:72px; background-color:var(--header-bg); z-index:25; margin:0 } .main-search{ position:relative; float:right; width:100%; height:100%; background-color:rgba(0,0,0,0); overflow:hidden; display:flex; justify-content:space-between; align-items:center; margin:0; animation:showSearch .17s ease } .rtl .main-search{ float:left } .main-search .search-form{ position:relative; height:34px; background-color:rgba(0,0,0,0); flex:1; border:0 } .main-search .search-input{ position:relative; width:100%; height:34px; background-color:rgba(0,0,0,0); font-family:inherit; font-size:14px; color:var(--header-color); font-weight:400; padding:0 15px 0 0; border:0 } .rtl .main-search .search-input{ padding:0 0 0 15px } .main-search .search-input:focus,.main-search .search-input::placeholder{ color:var(--header-color); outline:none } .main-search .search-input::placeholder{ opacity:.65 } .hide-search:after{ content:'\f00d'; font-family:'Font Awesome 5 Free'; font-weight:900; margin:0 } @-webkit-keyframes showSearch { 0%{ width:80%; opacity:0 } 100%{ width:100%; opacity:1 } } .header-inner.is-fixed{ position:fixed; top:-52px; left:0; width:100%; z-index:990; backface-visibility:hidden; visibility:hidden; opacity:0; transition:all .25s ease } .header-inner.is-fixed.show{ top:0; opacity:1; visibility:visible; margin:0 } .overlay{ visibility:hidden; opacity:0; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(23,28,36,0.6); z-index:1000; -webkit-backdrop-filter:saturate(100%) blur(3px); -ms-backdrop-filter:saturate(100%) blur(3px); -o-backdrop-filter:saturate(100%) blur(3px); backdrop-filter:saturate(100%) blur(3px); margin:0; transition:all .25s ease } #slide-menu{ display:none; position:fixed; width:300px; height:100%; top:0; left:0; bottom:0; background-color:var(--mobilemenu-bg); overflow:hidden; z-index:1010; left:0; -webkit-transform:translateX(-100%); transform:translateX(-100%); visibility:hidden; box-shadow:3px 0 7px rgba(0,0,0,0.1); transition:all .25s ease } .rtl #slide-menu{ left:unset; right:0; -webkit-transform:translateX(100%); transform:translateX(100%) } .nav-active #slide-menu,.rtl .nav-active #slide-menu{ -webkit-transform:translateX(0); transform:translateX(0); visibility:visible } .slide-menu-header{ position:relative; float:left; width:100%; height:72px; background-color:var(--header-bg); overflow:hidden; display:flex; align-items:center; justify-content:space-between; box-shadow:0 2px 7px 0 rgba(0,0,0,0.1) } .mobile-search{ flex:1; padding:0 0 0 15px } .rtl .mobile-search{ padding:0 15px 0 0 } .mobile-search .search-form{ width:100%; height:34px; background-color:rgba(155,155,155,0.1); overflow:hidden; display:flex; justify-content:space-between; border:1px solid var(--border-color); border-radius:var(--border-radius) } .is-dark .mobile-search .search-form{ background-color:rgba(255,255,255,0.01) } .mobile-search .search-input{ flex:1; width:100%; height:32px; background-color:rgba(0,0,0,0); font-family:inherit; font-size:14px; color:var(--header-color); font-weight:400; padding:0 10px; border:0 } .mobile-search .search-input:focus,.mobile-search .search-input::placeholder{ color:var(--header-color) } .mobile-search .search-input::placeholder{ opacity:.65 } .mobile-search .search-action{ height:32px; background-color:rgba(0,0,0,0); font-family:inherit; font-size:12px; color:var(--header-color); font-weight:400; line-height:32px; text-align:center; cursor:pointer; padding:0 10px; border:0; opacity:.65 } .mobile-search .search-action:before{ display:block; content:'\f002'; font-family:'Font Awesome 5 Free'; font-weight:900 } .mobile-search .search-action:hover{ opacity:1 } .hide-b-blog-pro-mobile-menu{ display:flex; height:100%; color:var(--header-color); font-size:16px; align-items:center; cursor:pointer; z-index:20; padding:0 15px } .hide-b-blog-pro-mobile-menu:before{ content:'\f00d'; font-family:'Font Awesome 5 Free'; font-weight:900 } .hide-b-blog-pro-mobile-menu:hover{ color:var(--header-hover-color) } .slide-menu-flex{ position:relative; float:left; width:100%; height:calc(100% - 52px); display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; margin:0 } .b-blog-pro-mobile-menu{ position:relative; float:left; width:100%; padding:15px } .b-blog-pro-mobile-menu .m-sub{ display:none } .b-blog-pro-mobile-menu ul li{ position:relative; display:block; overflow:hidden; float:left; width:100%; margin:0 } .b-blog-pro-mobile-menu > ul li ul{ overflow:hidden } .b-blog-pro-mobile-menu ul li a{ font-size:14px; color:var(--mobilemenu-color); font-weight:400; padding:8px 0; display:block } .b-blog-pro-mobile-menu > ul > li > a{ font-family:var(--menu-font); font-weight:700; text-transform:uppercase } .b-blog-pro-mobile-menu ul li.has-sub .submenu-toggle{ position:absolute; top:0; right:0; width:30px; color:var(--mobilemenu-color); text-align:right; cursor:pointer; padding:8px 0 } .rtl .b-blog-pro-mobile-menu ul li.has-sub .submenu-toggle{ text-align:left; right:auto; left:0 } .b-blog-pro-mobile-menu ul li.has-sub .submenu-toggle:after{ content:'\f078'; font-family:'Font Awesome 5 Free'; font-weight:900; float:right; font-size:12px; text-align:right; transition:all 0 ease } .rtl .b-blog-pro-mobile-menu ul li.has-sub .submenu-toggle:after{ float:left } .b-blog-pro-mobile-menu ul li.has-sub.show > .submenu-toggle:after{ content:'\f077' } .b-blog-pro-mobile-menu ul li a:hover,.b-blog-pro-mobile-menu ul li.has-sub.show > a,.b-blog-pro-mobile-menu ul li.has-sub.show > .submenu-toggle{ color:var(--mobilemenu-hover-color) } .b-blog-pro-mobile-menu > ul > li > ul > li a{ opacity:.75; padding:8px 0 8px 10px } .rtl .b-blog-pro-mobile-menu > ul > li > ul > li a{ padding:8px 10px 8px 0 } .b-blog-pro-mobile-menu > ul > li > ul > li > ul > li > a{ padding:8px 0 8px 20px } .rtl .b-blog-pro-mobile-menu > ul > li > ul > li > ul > li > a{ padding:8px 20px 8px 0 } .b-blog-pro-mobile-menu ul > li > .submenu-toggle:hover{ color:var(--mobilemenu-hover-color) } .mm-footer{ position:relative; float:left; width:100%; padding:20px 15px; margin:0 } .mm-footer .mm-social,.mm-footer .mm-menu{ position:relative; float:left; width:100%; margin:8px 0 0 } .mm-footer .mm-social{ margin:0 } .mm-footer ul{ display:flex; flex-wrap:wrap } .mm-footer .mm-social ul li{ margin:0 16px 0 0 } .rtl .mm-footer .mm-social ul li{ margin:0 0 0 16px } .mm-footer .mm-social ul li:last-child{ margin:0 } .mm-footer .mm-social ul li a{ display:block; font-size:14px; color:var(--mobilemenu-color); padding:0 } .mm-footer .mm-social ul li a:hover{ color:var(--mobilemenu-hover-color) } .mm-footer .mm-menu ul li{ margin:5px 18px 0 0 } .rtl .mm-footer .mm-menu ul li{ margin:5px 0 0 18px } .mm-footer .mm-menu ul li:last-child{ margin:5px 0 0 } .mm-footer .mm-menu ul li a{ display:block; font-size:14px; color:var(--mobilemenu-color); font-weight:400; padding:0 } .mm-footer .mm-menu ul li a:hover{ color:var(--mobilemenu-hover-color) } #ticker-wrapper,#ticker .widget{ position:relative; float:left; width:100%; margin:0 } #ticker .widget{ display:none; background-color:var(--widget-bg); align-items:flex-start; padding:16px; margin:30px 0 0; border:1px solid var(--border-color); } #ticker .widget.is-visible,#ticker .widget.PopularPosts{ display:flex } .ticker .widget-title{ padding:0 8px 0 0 } .rtl .ticker .widget-title{ padding:0 0 0 8px } .ticker .widget-title .title{ font-size:15px; color:var(--main-color); font-weight:700; line-height:20px } .ticker .widget-content{ position:relative; height:20px; display:flex; justify-content:space-between; flex:1; margin:0 } .ticker .loader{ justify-content:flex-start } .ticker .loader:after{ width:20px; height:20px } .ticker .error-msg{ max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 } .ticker-items{ position:relative; display:flex; align-items:center; flex:1; overflow:hidden } .ticker-item{ position:absolute; top:0; left:0; width:100%; opacity:0; visibility:hidden; transform:translate3d(10px,0,0); pointer-events:none; transition:all .85s ease } .rtl .ticker-item{ left:unset; right:0; transform:translate3d(-10px,0,0) } .ticker-item.active{ opacity:1; visibility:visible; transform:translate3d(0,0,0); pointer-events:initial } .ticker-item .entry-title{ height:20px; display:flex; font-size:15px; font-weight:600; line-height:20px } .ticker-item .entry-title a{ max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis } .ticker-nav{ display:grid; grid-template-columns:1fr 1fr; grid-gap:5px; padding:0 0 0 10px } .rtl .ticker-nav{ padding:0 10px 0 0 } .ticker-nav a{ display:flex; width:20px; height:20px; background-color:var(--rgba-gray); font-size:9px; color:var(--title-color); align-items:center; justify-content:center; border-radius:var(--radius) } .ticker-nav a:hover{ color:var(--main-color) } .ticker-nav a:before{ display:block; font-family:'Font Awesome 5 Free'; font-weight:900 } .ticker-nav .tn-prev:before,.rtl .ticker-nav a.tn-next:before{ content:'\f053' } .ticker-nav a.tn-next:before,.rtl .ticker-nav .tn-prev:before{ content:'\f054' } #header-ads-wrap{ position:relative; float:left; width:100%; margin:0 } .header-ads .widget,.header-ads .widget-content{ position:relative; float:left; width:100%; margin:0 } .header-ads .widget{ margin:25px 0 0 } #featured-wrap,#featured .widget,#featured .widget-content{ position:relative; float:left; width:100%; margin:0 } #featured .widget{ display:none; margin:0; padding:0; } #featured .widget.is-visible,#featured .widget.PopularPosts{ display:block } #featured .widget-content{ min-height:320px; display:flex; align-items:center; justify-content:center; margin:0 } #featured .widget-content .error-msg{ padding:0 } .featured-items{ position:relative; float:left; width:100%; height:100%; display: grid; grid-template-columns: 1fr; grid-gap: 30px; } .featured-cards { position:relative; float:left; width:100%; display:grid; grid-template-columns:1fr; grid-gap:0px; margin:0 } .featured-grid{ position:relative; display:grid; margin:0 auto; grid-template-columns:repeat(4,1fr); grid-gap:20px; background-color:var(--widget-bg); padding:20px; } .featured-item{ position:relative; width:100%; display:flex; flex-direction: column; margin:0 } .featured-cards .featured-item{ height:520px; } .featured-cards .featured-item .featured-info-center { margin: 0 auto; position: relative; bottom: 0; } .featured-cards .featured-item .entry-header.entry-info { left: 0; bottom: 50%; max-width: 100%; width:100%; background: none; } .rtl .featured-cards .featured-item .entry-header.entry-info { left:auto; right:0; } .featured-item .entry-image-wrap{ overflow: hidden; display: block; float: left; position: relative; width: 100%; height:280px; z-index:5; margin: 0 0 18px 0; } .featured-cards .featured-item .entry-image-wrap{ width:100%; height:100%; margin:0 } .featured-item .entry-image-wrap.before-mask:before { opacity: 1; height:100%; background: linear-gradient(180deg, rgba(30, 30, 30, 0) 44.5%, #1E1E1E 100%); } .featured-item .entry-image-wrap.before-mask:after { opacity: .3; content: ''; left: 0; right: 0; bottom: 0; position: absolute; width: 100%; height: 100%; z-index: 2; background: -moz-linear-gradient(left,rgba(0,0,0,.65) 0%,rgba(0,0,0,.45) 50%,rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left,rgba(0,0,0,.65) 0%,rgba(0,0,0,.45) 50%,rgba(0,0,0,0) 100%); background: linear-gradient(to right,rgba(0,0,0,.65) 0%,rgba(0,0,0,.45) 50%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=1); } .featured-grid .featured-item .entry-header { flex: 1; align-self: center; } .featured-item .entry-title{ font-size:21px } .featured-cards .featured-item .entry-title{ font-size:45px } .featured-cards .featured-item .entry-meta .author-avatar-wrap:before { display:none; } .featured-cards .entry-meta{ flex-wrap:wrap } #home-ads-wrap{ position:relative; float:left; width:100%; margin:0 } .home-ads .widget,.home-ads .widget-content{ position:relative; float:left; width:100%; margin:0 } .home-ads .widget{ margin:25px 0 0 } .title-wrap{ position:relative; float:left; width:100%; display:flex; align-items:center; justify-content:space-between; padding:8px 20px; border-bottom:1px solid var(--border-color) } .title-wrap > .title{ display:flex; font-family:var(--title-font); font-size:16px; color:var(--widget-title-color); font-weight:700; margin:0 } .content-section .widget.type-video .title-wrap > .title { color:#fff; } .title-wrap > a.wt-l{ font-size:12px; color:var(--meta-color); font-weight:400; line-height:1 } .title-wrap > a.wt-l:hover{ color:var(--main-color) } .sorapost span { color:var(--widget-title-color); font-weight: 400; line-height: 1; font-size: 14px; margin: 0; cursor: pointer; } .sorapost .sora-list, .soraList .sorapost .sora-grid { display: none; } .soraList .sorapost .sora-list { display: block; } .sorapost span i { font-size: 17px; color: var(--meta-color); margin: 0 0 0 5px; } .rtl .sorapost span i { margin: 0 5px 0 0; } .content-section,.content-section .widget,.content-section .widget-content,.content-section .content-block{ position:relative; float:left; width:100%; margin:0 } .content-section .widget{ display:none; background-color:var(--widget-bg); margin:0 0 25px; } .content-section .widget.is-visible{ display:block } .content-section .widget.type-video { background:#121212; } .content-section .widget.column-style{ width:calc(50% - 12.5px) } .content-section .widget.type-colRight{ float:right } #content-section-2 .widget:last-child{ margin:0 } .content-section .widget-content{ padding:20px } .content-section .loader{ height:180px } .block1-items{ display:grid; grid-template-columns:repeat(2,1fr); grid-gap:25px } .block1-left,.block1-right{ position:relative; width:100%; display:grid; grid-template-columns:1fr; margin:0 } .block1-right{ display:flex; flex-direction:column } .block1-item{ position:relative; display:flex; flex-direction:column } .block1-left .block1-item{ height:335px } .block1-left .entry-image-wrap{ width:100%; height:100% } .block1-left .entry-title{ font-size:22px } .block1-left .entry-meta{ flex-wrap:wrap } .block1-right .block1-item{ flex-direction:row; margin:25px 0 0 } .block1-right .block1-item.item-1{ margin:0 } .block1-right .entry-header{ display:flex; flex-direction:column; flex:1 } .block1-right .entry-image-wrap{ width:100px; height:65px; margin:0 13px 0 0 } .rtl .block1-right .entry-image-wrap{ margin:0 0 0 13px } .block1-right .entry-image-wrap.is-video:after{ transform:translate(50%,-50%) scale(.75) } .block1-right .entry-title{ font-size:15px } .block2-items{ display:grid; grid-template-columns:repeat(3,1fr); grid-gap:20px } .block2-item{ position:relative; display:flex; flex-direction:column } .block2-item.item-0{ height:350px; grid-column:1/4 } .block2-item .entry-image-wrap{ width:100%; height:140px; margin:0 0 8px } .block2-item.item-0 .entry-image-wrap{ height:100%; margin:0 } .block2-item .entry-title{ font-size:16px } .block2-item.item-0 .entry-title{ font-size:27px } .block2-item .entry-meta{ flex-wrap:wrap } .grid1-items{ display:grid; grid-template-columns:repeat(3,1fr); grid-gap:20px } .grid1-item{ position:relative; display:flex; flex-direction:column } .grid1-item .entry-image-wrap{ width:100%; height:140px; } .grid1-item .entry-image{ position:relative; margin: 0 0 8px; } .grid1-item .entry-title{ font-size:16px } .grid2-items{ display:grid; grid-template-columns:repeat(2,1fr); grid-gap:25px } .grid2-item{ position:relative; display:flex; flex-direction:column } .grid2-item .entry-image { position: relative; margin:0 0 10px } .grid2-item .entry-image-wrap{ width:100%; height:190px; } .grid2-item .entry-title{ font-size:19px } .grid2-item .entry-meta{ flex-wrap:wrap } .col-items{ display:flex; flex-direction:column } .col-items .col-item{ position:relative; display:flex; margin:20px 0 0 } .col-items .col-item.item-0{ height:190px; flex-direction:column; margin:0 } .col-items .entry-image-wrap{ width:100px; height:65px; z-index:1; margin:0 13px 0 0 } .rtl .col-items .col-item:not(.item-0) .entry-image-wrap{ margin:0 0 0 13px } .col-items .col-item.item-0 .entry-image-wrap{ width:100%; height:100%; margin:0 } .col-items .col-item:not(.item-0) .entry-image-wrap.is-video:after{ transform:translate(50%,-50%) scale(.75) } .col-items .entry-header{ display:flex; flex-direction:column } .col-items .col-item:not(.item-0) .entry-header{ flex:1 } .col-items .entry-title{ font-size:15px } .col-items .item-0 .entry-title{ font-size:22px } .col-items .item-0 .entry-meta{ flex-wrap:wrap } .video-items{ display:grid; grid-template-columns:repeat(2,1fr); grid-gap:2px } .video-item{ position:relative; height:180px; display:flex; flex-direction:column } .video-item.item-0{ height:100%; grid-row:1/3 } .video-item .entry-image-wrap{ width:100%; height:100%; margin:0 } .video-item .entry-title{ font-size:18px } .video-item.item-0 .entry-title{ font-size:22px } .video-item .entry-meta{ flex-wrap:wrap } .main-ads,.main-ads .widget,.main-ads .widget-content{ position:relative; float:left; width:100%; margin:0 } #main-ads .widget{ margin:0 0 25px } .has-ad-m #main-ads-2 .widget{ margin:0 0 25px } #main-wrapper #main,#main .Blog{ position:relative; float:left; width:100%; margin:0 } .is-home #main-wrapper.has-m #main{ margin:0 0 25px } .queryMessage{ float:left; width:100%; margin:0 } .queryMessage .query-info,.Blog.no-posts .queryMessage{ margin:0 } .queryMessage .query-info{ position:relative; float:left; width:100%; font-family:var(--title-font); font-size:16px; color:var(--widget-title-color); font-weight:700; padding:8px 20px; border-bottom:1px solid var(--border-color) } .queryEmpty{ float:left; width:100%; font-size:14px; color:var(--text-color); font-weight:400; text-align:center; margin:50px 0 } .blog-posts-wrap{ position:relative; float:left; width:100%; background-color:var(--widget-bg); } .index-post-wrap{ position:relative; float:left; width:100%; display:flex; flex-direction:column; padding:20px } .soraList .index-post-wrap { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px; } .blog-posts-wrap.no-posts .index-post-wrap{ display:none } .blog-post{ display:block; word-wrap:break-word } .index-post{ position:relative; width:100%; display:flex; padding:0 0 20px; margin:0 0 20px; border-bottom:1px solid var(--border-color) } .soraList .index-post { display: flex; flex-direction: column; margin:0; } .blog-posts-wrap .index-post:last-child{ padding:0; margin:0; border:0 } .index-post .entry-image-wrap{ width:235px; height:152px; margin:0 18px 0 0 } .soraList .index-post .entry-image-wrap, .rtl .soraList .index-post .entry-image-wrap { float: left; width: 100%; height: 250px; overflow: hidden; margin: 0 0 18px; display: flex; } .rtl .index-post .entry-image-wrap{ margin:0 0 0 18px } .index-post .entry-header{ display:flex; flex-direction:column; flex:1; margin:0 } .index-post .entry-title{ font-size:22px; margin:0 } .index-post .entry-excerpt{ font-size:13px; color:var(--text-color); margin:8px 0 0 } .index-post .entry-meta{ flex-wrap:wrap; font-size:12px; margin:8px 0 0 } .inline-ad-wrap{ position:relative; float:left; width:100%; margin:0 } .inline-ad{ position:relative; float:left; width:100%; text-align:center; line-height:1; margin:0 } .post-animated{ -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both } @keyframes fadeInUp { from{ opacity:0; transform:translate3d(0,10px,0) } to{ opacity:1; transform:translate3d(0,0,0) } } .post-fadeInUp{ animation-name:fadeInUp } .item-post-wrap,.is-single .item-post,.item-post-inner{ position:relative; float:left; width:100%; margin:0 } .item-post-inner{ background-color:var(--widget-bg); } .item-post .blog-entry-header{ position:relative; float:left; width:100%; display:flex; flex-direction:column; padding:20px; margin:0; border-bottom:1px solid var(--border-color) } #breadcrumb{ float:left; display:flex; width:100%; font-family:var(--meta-font); font-size:14px; color:var(--meta-color); font-weight:400; line-height:1; margin:0 0 13px } #breadcrumb a{ color:var(--meta-color) } #breadcrumb a.home,#breadcrumb a:hover{ color:var(--main-color) } #breadcrumb em:after{ content:'\f054'; font-family:'Font Awesome 5 Free'; font-size:9px; font-weight:900; font-style:normal; vertical-align:middle; margin:0 4px } .rtl #breadcrumb em:after{ content:'\f053' } .item-post h1.entry-title{ position:relative; float:left; width:100%; font-size:$(itempost.title.size); font-weight:700; margin:0 } .item-post .has-meta h1.entry-title{ margin-bottom:13px } .item-post .blog-entry-header .entry-meta{ flex-wrap:wrap; justify-content:space-between; font-size:14px; margin:0 } .item-post .entry-meta .align-left,.item-post .entry-meta .align-right{ display:flex; flex-wrap:wrap; align-items:center } .item-post .entry-meta .entry-author{ align-items:center } .item-post .entry-meta .entry-author:before{ display:none } .entry-meta .author-avatar-wrap{ overflow:visible; width:20px; height:20px; background-color:var(--widget-bg); padding:1px; margin:0 5px 0 0; border:1px solid var(--main-color); border-radius:100% } .entry-meta .author-avatar-wrap.card-widget { background-color:transparent; padding: 0px; border: 0; border-radius: 100%; } .entry-meta .author-avatar-wrap.card-widget:before{ display:none; } .entry-meta .author-avatar-wrap.card-widget img.author-avatar-img { width: 100%; height: 100%; border-radius: 100%; } .item-post .entry-meta .author-avatar-wrap { width:30px; height:30px; } .rtl .entry-meta .author-avatar-wrap{ margin:0 0 0 5px } .entry-meta .author-avatar-wrap:before{ content:''; position:absolute; display:block; top:calc(50% - 6px); left:-1px; width:calc(100% + 2px); height:12px; background-color:var(--widget-bg); z-index:1; margin:0 } .entry-meta .author-avatar{ z-index:2; border-radius:50% } .entry-meta .entry-comments-link{ display:none; margin:0 0 0 10px } .rlt .entry-meta .entry-comments-link{ margin:0 10px 0 0 } .entry-meta .entry-comments-link:before{ display:inline-block; content:'\f086'; font-family:'Font Awesome 5 Free'; font-size:14px; color:var(--main-color); font-weight:400; margin:0 4px 0 0 } .rtl .entry-meta .entry-comments-link:before{ margin:0 0 0 4px } .entry-meta .entry-comments-link.show{ display:block } .entry-share-links{ display:flex } .entry-share-links li{ margin:0 0 0 8px } .rtl .entry-share-links li{ margin:0 8px 0 0 } .entry-share-links a{ display:flex; width:24px; height:24px; font-size:12px; color:#fff; font-weight:400; cursor:pointer; align-items:center; justify-content:center; overflow:hidden; border-radius:50% } .entry-content-wrap{ position:relative; float:left; width:100%; padding:20px; margin:0 } #post-body{ position:relative; float:left; width:100%; font-family:var(--text-font); font-size:$(itempost.content.size); color:var(--post-text-color); line-height:1.6em; padding:0; margin:0 } .post-body p{ margin-bottom:25px } .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{ font-size:17px; color:var(--title-color); line-height:1.3em; margin:0 0 20px } .post-body h1{ font-size:26px } .post-body h2{ font-size:23px } .post-body h3{ font-size:20px } .post-body img{ height:auto!important } blockquote{ position:relative; background-color:rgba(155,155,155,0.05); color:var(--title-color); font-style:normal; padding:20px 25px; margin:0; border-radius:var(--border-radius) } blockquote:before{ position:absolute; left:10px; top:10px; content:'\f10e'; font-family:'Font Awesome 5 Free'; font-size:33px; font-style:normal; font-weight:900; color:var(--title-color); line-height:1; opacity:.05; margin:0 } .rtl blockquote:before{ left:unset; right:10px } .post-body .responsive-video-wrap{ position:relative; width:100%; padding:0; padding-top:56% } .post-body .responsive-video-wrap iframe{ position:absolute; top:0; left:0; width:100%; height:100% } .post-body ul{ padding:0 0 0 15px; margin:10px 0 } .rtl .post-body ul{ padding:0 15px 0 0 } .post-body li{ margin:5px 0; padding:0 } .post-body ul li,.post-body ol ul li{ list-style:none } .post-body ul li:before{ display:inline-block; content:'\2022'; margin:0 5px 0 0 } .rtl .post-body ul li:before{ margin:0 0 0 5px } .post-body ol{ counter-reset:ify; padding:0 0 0 15px; margin:10px 0 } .rtl .post-body ol{ padding:0 15px 0 0 } .post-body ol > li{ counter-increment:ify; list-style:none } .post-body ol > li:before{ display:inline-block; content:counters(ify,'.')'.'; margin:0 5px 0 0 } .rtl .post-body ol > li:before{ margin:0 0 0 5px } .post-body u{ text-decoration:underline } .post-body strike{ text-decoration:line-through } .post-body sup{ vertical-align:super } .post-body a{ color:var(--main-color) } .post-body a:visited{ color:red } .post-body a:hover{ text-decoration:underline } .post-body a.button{ display:inline-block; height:34px; background-color:var(--button-bg); font-family:var(--body-font); font-size:14px; color:var(--button-color); font-weight:400; line-height:34px; text-align:center; text-decoration:none; cursor:pointer; padding:0 20px; margin:0 6px 8px 0 } .rtl .post-body a.button{ margin:0 0 8px 6px } .post-body a.colored-button{ color:#fff } .post-body a.button:hover{ background-color:var(--button-hover-bg); color:var(--button-hover-color) } .post-body a.colored-button:hover{ background-color:var(--button-hover-bg)!important; color:var(--button-hover-color)!important } .button:before{ float:left; font-family:'Font Awesome 5 Free'; font-weight:900; display:inline-block; margin:0 8px 0 0 } .rtl .button:before{ float:right; margin:0 0 0 8px } .button.preview:before{ content:'\f06e' } .button.download:before{ content:'\f019' } .button.link:before{ content:'\f0c1' } .button.cart:before{ content:'\f07a' } .button.info:before{ content:'\f06a' } .button.share:before{ content:'\f1e0' } .button.contact:before{ content:'\f0e0'; font-weight:400 } .alert-message{ position:relative; display:block; padding:15px; border:1px solid var(--border-color); border-radius:var(--border-radius) } .alert-message.alert-success{ background-color:rgba(34,245,121,0.03); border:1px solid rgba(34,245,121,0.5) } .alert-message.alert-info{ background-color:rgba(55,153,220,0.03); border:1px solid rgba(55,153,220,0.5) } .alert-message.alert-warning{ background-color:rgba(185,139,61,0.03); border:1px solid rgba(185,139,61,0.5) } .alert-message.alert-error{ background-color:rgba(231,76,60,0.03); border:1px solid rgba(231,76,60,0.5) } .alert-message:before{ font-family:'Font Awesome 5 Free'; font-size:16px; font-weight:900; display:inline-block; margin:0 5px 0 0 } .rtl .alert-message:before{ margin:0 0 0 5px } .alert-message.alert-success:before{ content:'\f058'; color:rgba(34,245,121,1) } .alert-message.alert-info:before{ content:'\f05a'; color:rgba(55,153,220,1) } .alert-message.alert-warning:before{ content:'\f06a'; color:rgba(185,139,61,1) } .alert-message.alert-error:before{ content:'\f057'; color:rgba(231,76,60,1) } .post-body table{ width:100%; overflow-x:auto; text-align:left; margin:0; border-collapse:collapse; border:1px solid var(--border-color) } .rtl .post-body table{ text-align:right } .post-body table td,.post-body table th{ padding:7px 15px; border:1px solid var(--border-color) } .post-body table thead th{ color:var(--post-title-color); font-weight:700; vertical-align:bottom } table.tr-caption-container,table.tr-caption-container td,table.tr-caption-container th{ line-height:1; padding:0; border:0 } table.tr-caption-container td.tr-caption{ font-size:13px; color:var(--meta-color); padding:6px 0 0 } .tocify-wrap{ display:flex; width:100%; clear:both; margin:0 } .tocify-inner{ position:relative; max-width:100%; background-color:rgba(155,155,155,0.05); display:flex; flex-direction:column; overflow:hidden; font-size:14px; color:var(--title-color); line-height:1.6em; border:1px solid var(--border-color); border-radius:var(--border-radius) } a.tocify-title{ position:relative; height:38px; font-size:16px; color:var(--title-color); font-weight:700; display:flex; align-items:center; justify-content:space-between; padding:0 15px; margin:0 } .tocify-title-text{ display:flex } .tocify-title-text:before{ content:'\f0cb'; font-family:'Font Awesome 5 Free'; font-size:14px; font-weight:900; margin:0 6px 0 0 } .rtl .tocify-title-text:after{ margin:0 0 0 6px } .tocify-title:after{ content:'\f078'; font-family:'Font Awesome 5 Free'; font-size:12px; font-weight:900; margin:0 0 0 25px } .rtl .tocify-title:after{ margin:0 25px 0 0 } .tocify-title.is-expanded:after{ content:'\f077' } a.tocify-title:hover{ text-decoration:none } #tocify{ display:none; padding:0 15px 10px; margin:0 } #tocify ol{ padding:0 0 0 15px } .rtl #tocify ol{ padding:0 15px 0 0 } #tocify li{ font-size:14px; margin:8px 0 } #tocify li a{ color:var(--main-color) } #tocify li a:hover{ color:var(--main-color); text-decoration:underline } .post-body .contact-form{ display:table; font-family:var(--body-font) } .contact-form .widget-title{ display:none } .contact-form .contact-form-name{ width:calc(50% - 5px) } .rtl .contact-form .contact-form-name{ float:right } .contact-form .contact-form-email{ float:right; width:calc(50% - 5px) } .rtl .contact-form .contact-form-email{ float:left } .post-body pre,pre.code-box{ position:relative; display:block; background-color:rgba(155,155,155,0.05); font-family:Monospace; font-size:13px; color:var(--post-text-color); white-space:pre-wrap; line-height:1.4em; padding:15px; margin:0; border:1px solid var(--border-color); border-radius:var(--border-radius) } .post-body .google-auto-placed{ margin:25px 0 } .post-footer{ position:relative; float:left; width:100%; margin:0 } .entry-labels{ position:relative; float:left; width:100%; display:flex; flex-wrap:wrap; margin:20px 0 0 } .entry-labels span,.entry-labels a{ font-size:14px; color:var(--main-color); font-weight:400; line-height:1; margin:5px 6px 0 0 } .rtl .entry-labels span,.rtl .entry-labels a{ margin:5px 0 0 6px } .entry-labels span{ color:var(--title-color); font-weight:700 } .entry-labels a:hover{ color:var(--title-color) } .entry-labels a:after{ content:','; color:var(--meta-color) } .entry-labels a:last-child:after{ display:none } .post-share{ position:relative; float:left; width:100%; padding:14px 20px 20px; border-top:1px solid var(--border-color) } ul.b-blog-pro-share-links{ display:flex; flex-wrap:wrap; align-items:flex-start } .b-blog-pro-share-links li{ padding:0 6px 0 0 } .rtl .b-blog-pro-share-links li{ padding:0 0 0 6px } .b-blog-pro-share-links li a{ display:flex; width:34px; height:34px; font-size:16px; color:#fff; font-weight:400; cursor:pointer; align-items:center; justify-content:center; margin:6px 0 0 } .b-blog-pro-share-links li.has-span a{ width:auto; justify-content:flex-start } .b-blog-pro-share-links li.has-span a:before{ padding:0 10px } .b-blog-pro-share-links span{ font-size:14px; line-height:1; padding:0 20px 0 10px; border-left:1px solid rgba(255,255,255,0.2) } .rtl .b-blog-pro-share-links span{ padding:0 10px 0 20px; border-left:0; border-right:1px solid rgba(255,255,255,0.2) } .b-blog-pro-share-links li a:hover{ opacity:.9 } .b-blog-pro-share-links .show-hid a{ background-color:rgba(155,155,155,0.1); font-size:14px; color:rgba(155,155,155,0.8) } .b-blog-pro-share-links .show-hid a:before{ content:'\f067'; font-family:'Font Awesome 5 Free'; font-weight:900 } .show-hidden .show-hid a:before{ content:'\f068' } .b-blog-pro-share-links li.reddit,.b-blog-pro-share-links li.linkedin,.b-blog-pro-share-links li.tumblr,.b-blog-pro-share-links li.telegram{ display:none } .show-hidden li.reddit,.show-hidden li.linkedin,.show-hidden li.tumblr,.show-hidden li.telegram{ display:inline-block } .about-author{ position:relative; float:left; width:100%; background-color:var(--widget-bg); display:flex; padding:20px; margin:25px 0 0; } .about-author .author-avatar-wrap{ width:60px; height:60px; margin:0 15px 0 0; border-radius:50%; box-shadow:var(--avatar-shadow) } .rtl .about-author .author-avatar-wrap{ margin:0 0 0 15px } .about-author .author-title{ display:block; font-family:var(--title-font); font-size:18px; color:var(--title-color); font-weight:700; margin:0 0 10px } .about-author .author-title a{ color:var(--title-color) } .about-author .author-title a:hover{ color:var(--title-hover-color) } .author-description{ display:flex; flex-direction:column; flex:1 } .author-description .author-text{ display:block; font-size:$(itempost.content.size); color:var(--text-color); font-weight:400 } .author-description .author-text br,.author-description .author-text a{ display:none } ul.author-links{ display:flex; flex-wrap:wrap; padding:0 } .author-links li{ margin:10px 12px 0 0 } .rtl .author-links li{ margin:10px 0 0 12px } .author-links li a{ display:block; font-size:14px; color:var(--text-color); padding:0 } .author-links li a:hover{ opacity:.9 } #b-blog-pro-related-posts{ display:none } #related-wrap{ position:relative; float:left; width:100%; background-color:var(--widget-bg); margin:25px 0 0; } #related-wrap .related-tag{ display:none } .b-blog-pro-related-content{ position:relative; float:left; width:100%; padding:20px; margin:0 } .b-blog-pro-related-content .loader{ height:200px } .related-posts{ position:relative; display:grid; grid-template-columns:repeat(3,1fr); grid-gap:20px; margin:0 } .related-posts .related-item{ position:relative; width:100%; display:flex; flex-direction:column; margin:0 } .related-posts .entry-image-wrap{ width:100%; height:140px; margin:0 0 8px } .related-posts .entry-title{ font-size:16px } .b-blog-pro-blog-post-comments{ display:none; float:left; width:100%; background-color:var(--widget-bg); margin:25px 0 0; } .b-blog-pro-blog-post-comments .fb_iframe_widget_fluid_desktop{ float:left; display:block!important; width:calc(100% + 16px)!important; max-width:calc(100% + 16px)!important; margin:0 -8px } .b-blog-pro-blog-post-comments .fb_iframe_widget_fluid_desktop span,.b-blog-pro-blog-post-comments .fb_iframe_widget_fluid_desktop iframe{ float:left; display:block!important; width:100%!important } #comments,#disqus_thread{ position:relative; float:left; width:100%; display:block; clear:both; padding:20px; margin:0 } #disqus_thread,.fb-comments{ padding:0 } .comments-system-disqus #comments,.comments-system-facebook #comments{ padding:10px 20px } .comments-title,#comments h4#comment-post-message{ display:none } .comments-system-blogger .comments-title{ display:block } .comments .comments-content{ float:left; width:100%; margin:0 } .comments .comment-content{ display:block; font-family:var(--text-font); font-size:$(itempost.content.size); color:var(--text-color); line-height:1.6em; margin:10px 0 0 } .comments .comment-content > a:hover{ text-decoration:underline } .comment-thread .comment{ position:relative; list-style:none; padding:20px 0 0; margin:20px 0 0; border-top:1px solid var(--border-color) } .comment-thread .comment .comment{ border-top:1px solid var(--border-color) } .comment-thread ol{ padding:0; margin:0 } .toplevel-thread ol > li:first-child{ padding:0; margin:0; border:0 } .toplevel-thread ol > li:first-child > .comment-block{ padding-top:0; margin:0; border:0 } .comment-thread ol ol .comment:before{ content:'\f3bf'; position:absolute; left:-25px; top:-11px; font-family:'Font Awesome 5 Free'; font-size:16px; color:var(--border-color); font-weight:700; transform:rotate(90deg); margin:0 } .rtl .comment-thread ol ol .comment:before{ content:'\f3be'; left:unset; right:-25px } .comments .comment-replybox-single iframe{ padding:0 0 0 48px; margin:10px 0 0 } .rtl .comments .comment-replybox-single iframe{ padding:0 48px 0 0 } .comment-thread .avatar-image-container{ position:absolute; top:20px; left:0; width:35px; height:35px; overflow:hidden; border-radius:50%; box-shadow:var(--avatar-shadow) } .toplevel-thread ol > li:first-child > .avatar-image-container{ top:0 } .rtl .comment-thread .avatar-image-container{ left:auto; right:0 } .avatar-image-container img{ width:100%; height:100% } .comments .comment-header{ padding:0 0 0 48px } .rtl .comments .comment-header{ padding:0 48px 0 0 } .comments .comment-header .user{ display:inline-block; font-family:var(--title-font); font-size:16px; color:var(--title-color); font-style:normal; font-weight:700; margin:0 } .comments .comment-header .user a{ color:var(--title-color) } .comments .comment-header .user a:hover{ color:var(--title-hover-color) } .comments .comment-header .icon.user{ display:none } .comments .comment-header .icon.blog-author{ display:inline-block; font-size:13px; color:var(--main-color); font-weight:400; vertical-align:top; margin:-5px 0 0 5px } .rtl .comments .comment-header .icon.blog-author{ margin:-5px 5px 0 0 } .comments .comment-header .icon.blog-author:before{ content:'\f058'; font-family:'Font Awesome 5 Free'; font-weight:400 } .comments .comment-header .datetime{ display:block; margin:0 } .comment-header .datetime a{ font-family:var(--meta-font); font-size:12px; color:var(--meta-color); font-weight:400; padding:0 } .comments .comment-actions{ display:block; margin:10px 0 0 } .comments .comment-actions a{ display:inline-block; font-size:14px; color:var(--main-color); font-weight:400; font-style:normal; padding:0; margin:0 15px 0 0 } .rtl .comments .comment-actions a{ margin:0 0 0 15px } .comments .comment-actions a:hover{ color:var(--title-color) } .item-control{ display:none } .loadmore.loaded a{ display:inline-block; border-bottom:1px solid rgba(155,155,155,.51); text-decoration:none; margin-top:15px } .comments .continue{ display:none } .comments .comment-replies{ padding:0 0 0 48px } .rtl .comments .comment-replies{ padding:0 48px 0 0 } .thread-expanded .thread-count a,.loadmore{ display:none } .comments .footer{ float:left; width:100%; font-size:13px; margin:0 } .comment-form{ float:left; width:100%; margin:0 } p.comments-message{ display:block; float:left; width:100%; font-size:14px; color:var(--meta-color); font-style:italic; padding:0 0 20px; margin:0 0 20px; border-bottom:1px solid var(--border-color) } p.comments-message.no-new-comments{ padding:0; margin:0; border:0 } p.comments-message > a{ color:var(--main-color) } p.comments-message > a:hover{ color:var(--title-color) } p.comments-message > em{ color:#ff3f34; font-style:normal; margin:0 3px } #comments[data-embed='false'] p.comments-message > i{ color:var(--main-color); font-style:normal } .comment-form > p{ display:none } .comment-content .responsive-video-wrap{ position:relative; width:100%; padding:0; padding-top:56% } .comment-content .responsive-video-wrap iframe{ position:absolute; top:0; left:0; width:100%; height:100% } .comments #top-ce.comment-replybox-thread{ padding:15px 0 0; margin:20px 0 0; border-top:1px solid var(--border-color) } .comments #top-continue a{ float:left; width:100%; height:34px; background-color:var(--button-bg); font-size:14px; color:var(--button-color); font-weight:400; line-height:34px; text-align:center; padding:0; margin:25px 0 0; border-radius:var(--border-radius) } .comments #top-continue a:hover{ background-color:var(--button-hover-bg); color:var(--button-hover-color) } .post-nav{ float:left; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; font-family:var(--meta-font); font-size:14px; font-weight:400; margin:25px 0 0 } .post-nav span,.post-nav a{ display:flex; align-items:center; color:var(--meta-color) } .post-nav a:hover{ color:var(--main-color) } .post-nav span{ color:var(--meta-color); cursor:no-drop; opacity:.65 } .post-nav-newer-link:before,.rtl .post-nav-older-link:after{ content:'\f053'; font-family:'Font Awesome 5 Free'; font-size:9px; font-weight:900; margin:1px 4px 0 0 } .post-nav-older-link:after,.rtl .post-nav-newer-link:before{ content:'\f054'; font-family:'Font Awesome 5 Free'; font-size:9px; font-weight:900; margin:1px 0 0 4px } #custom-ads,#b-blog-pro-post-footer-ads{ position:relative; float:left; width:100%; opacity:0; visibility:hidden; padding:0; margin:0; border:0 } #custom-ads{ padding:0 20px } #before-ad,#after-ad{ float:left; width:100%; margin:0 } #before-ad .widget > .widget-title,#after-ad .widget > .widget-title{ display:block } #before-ad .widget > .widget-title > .title,#after-ad .widget > .widget-title > .title{ font-size:10px; color:var(--meta-color); font-weight:400; line-height:1; margin:0 0 8px } #before-ad .widget,#after-ad .widget{ width:100%; margin:0 0 20px } #after-ad .widget{ margin:20px 0 0 } #before-ad .widget-content,#after-ad .widget-content{ position:relative; width:100% } #b-blog-pro-new-before-ad #before-ad,#b-blog-pro-new-after-ad #after-ad{ float:none; display:block; margin:0 } #b-blog-pro-new-before-ad #before-ad .widget,#b-blog-pro-new-after-ad #after-ad .widget{ margin:0 } #blog-pager{ position:relative; float:left; width:100%; padding:0 20px; margin:0; border-top:1px solid var(--border-color) } .no-posts #blog-pager{ display:none } #blog-pager .load-more{ position:relative; display:flex; height:36px; font-size:13px; color:var(--main-color); font-weight:500; text-transform:uppercase; align-items:center; justify-content:center } #blog-pager #b-blog-pro-load-more-link{ cursor:pointer } #blog-pager #b-blog-pro-load-more-link:hover{ color:var(--title-color) } #blog-pager .no-more.show{ display:flex; color:var(--meta-color); font-weight:400; cursor:not-allowed } #blog-pager .loading,#blog-pager .no-more{ display:none } #blog-pager .loading .loader{ height:36px } #blog-pager .loading .loader:after{ width:24px; height:24px; margin:0 } #post-footer-ads{ position:relative; float:left; width:100%; padding:0; margin:25px 0 0 } #post-footer-ads .widget,#post-footer-ads .widget-content{ float:left; width:100% } .sidebar{ position:relative; float:left; width:100%; margin:0 } .sidebar > .widget{ position:relative; float:left; width:100%; background-color:var(--widget-bg); margin:0 0 25px; } .sidebar > .widget:last-child{ margin:0 } .sidebar .widget-content{ position:relative; float:left; width:100%; padding:20px; margin:0 } .sidebar .widget.no-style{ background-color:transparent; border:0; box-shadow:none } .sidebar .widget.no-style > .widget-title{ display:none } .sidebar .widget.no-style .widget-content{ padding:0 } .sidebar ul.social-icons{ display:grid; grid-template-columns:repeat(2,1fr); grid-gap:5px; margin:0 } .sidebar .social-icons li{ display:block; margin:0 } .sidebar .social-icons a{ position:relative; display:flex; height:34px; font-size:16px; color:#fff; font-weight:400; align-items:center } .sidebar .social-icons a:before{ padding:0 10px } .sidebar .social-icons span{ font-size:14px; line-height:1; padding:0 10px; border-left:1px solid rgba(255,255,255,0.2) } .rtl .sidebar .social-icons span{ border-left:0; border-right:1px solid rgba(255,255,255,0.2) } .sidebar .social-icons a:hover{ opacity:.9 } .sidebar .loader{ height:180px } .default-items{ display:flex; flex-direction:column } .default-items .default-item{ position:relative; display:flex; margin:20px 0 0 } .default-items .default-item.item-0{ height:170px; flex-direction:column; margin:0 } .default-items .entry-image-wrap{ width:100px; height:65px; z-index:1; margin:0 13px 0 0 } .rtl .default-items .default-item:not(.item-0) .entry-image-wrap{ margin:0 0 0 13px } .default-items .default-item.item-0 .entry-image-wrap{ width:100%; height:100%; margin:0 } .default-items .default-item:not(.item-0) .entry-image-wrap.is-video:after{ transform:translate(50%,-50%) scale(.75) } .default-items .entry-header{ display:flex; flex-direction:column } .default-items .default-item:not(.item-0) .entry-header{ flex:1 } .default-items .entry-title{ font-size:15px } .default-items .item-0 .entry-title{ font-size:20px } .default-items .item-0 .entry-meta{ flex-wrap:wrap } .mini-items{ position:relative; float:left; width:100%; display:grid; grid-template-columns:repeat(2,1fr); grid-gap:20px } .mini-item{ position:relative; display:flex; flex-direction:column } .mini-item .entry-image-wrap{ width:100%; height:84px; margin:0 0 8px } .mini-item .entry-image-wrap.is-video:after{ transform:translate(50%,-50%) scale(.85) } .mini-item .entry-title{ font-size:15px } .cmm1-items{ display:flex; flex-direction:column } .cmm1-items .cmm1-item{ position:relative; width:100%; padding:20px 0 0; margin:20px 0 0; border-top:1px solid var(--border-color) } .cmm1-items .cmm1-item.item-0{ padding:0; margin:0; border:0 } .cmm1-items .entry-inner{ display:flex } .cmm1-items .entry-image-wrap{ width:35px; height:35px; z-index:1; margin:0 13px 0 0; border-radius:50%; box-shadow:var(--avatar-shadow) } .rtl .cmm1-items .entry-image-wrap{ margin:0 0 0 13px } .cmm1-items .entry-header{ flex:1 } .cmm1-items .entry-title{ font-size:15px } .cmm1-items .entry-inner:hover .entry-title{ color:var(--post-title-hover-color) } .cmm1-items .cmm-snippet{ font-size:12px; color:var(--text-color); margin:4px 0 0 } .FeaturedPost .featured-post{ position:relative; width:100%; height:170px; display:flex; flex-direction:column; margin:0 } .featured-post .entry-image-wrap{ width:100%; height:100%; z-index:1; margin:0 } .featured-post .entry-title{ font-size:20px } .featured-post .entry-meta{ flex-wrap:wrap } .FollowByEmail .follow-by-email-title{ display:block; font-family:var(--title-font); font-size:18px; color:var(--widget-title-color); margin:0 0 10px } .FollowByEmail .follow-by-email-text{ display:block; font-size:14px; margin:0 0 15px } .FollowByEmail .follow-by-email-address{ width:100%; height:34px; background-color:rgba(155,155,155,0.05); font-family:inherit; font-size:14px; color:var(--text-color); padding:0 13px; margin:0 0 10px; border:1px solid var(--border-color); border-radius:var(--border-radius) } .FollowByEmail .follow-by-email-address::placeholder{ color:var(--text-color); opacity:.75 } .FollowByEmail .follow-by-email-address:focus{ color:var(--text-color) } .FollowByEmail .follow-by-email-submit{ width:100%; height:34px; background-color:var(--button-bg); font-family:inherit; font-size:14px; color:var(--button-color); font-weight:400; cursor:pointer; padding:0 20px; border:0; border-radius:var(--border-radius) } .FollowByEmail .follow-by-email-submit:hover{ background-color:var(--button-hover-bg); color:var(--button-hover-color) } .b-blog-pro-widget-ready .list-style li{ position:relative; display:block; font-size:14px; color:var(--title-color); font-weight:400 } .b-blog-pro-widget-ready .list-style li a{ display:block; color:var(--title-color); padding:8px 0 } .b-blog-pro-widget-ready .list-style li a.has-count{ display:flex; justify-content:space-between } .b-blog-pro-widget-ready .list-style li:first-child a{ padding:0 0 8px } .b-blog-pro-widget-ready .list-style li:last-child a{ padding:8px 0 0 } .b-blog-pro-widget-ready .list-style li a:hover{ color:var(--title-hover-color) } .b-blog-pro-widget-ready .list-style li a span{ display:inline-block; color:var(--main-color) } .b-blog-pro-widget-ready .text-list li{ padding:8px 0 } .b-blog-pro-widget-ready .text-list li:first-child{ padding:0 0 8px } .b-blog-pro-widget-ready .text-list li:last-child{ padding:8px 0 0 } .cloud-label ul{ display:flex; flex-wrap:wrap; margin:-8px 0 0 } .cloud-label li{ margin:8px 6px 0 0 } .rtl .cloud-label li{ margin:8px 0 0 6px } .cloud-label li a{ display:flex; height:29px; background-color:var(--button-lite-bg); color:var(--button-bg); font-size:13px; line-height:29px; font-weight:400; padding:0 13px } .is-dark .cloud-label li a{ background-color:rgba(155,155,155,0.05); color:var(--text-color) } .cloud-label li a:hover{ background-color:var(--button-bg); color:var(--button-color) } .cloud-label .label-count{ display:inline-block; margin:0 0 0 10px } .rtl .cloud-label .label-count{ margin:0 10px 0 0 } .search-widget .search-form{ float:left; width:100%; display:flex; margin:0 } .search-widget .search-input{ display:inline-block; flex:1; width:100%; height:34px; background-color:rgba(155,155,155,0.05); font-family:inherit; font-weight:400; font-size:14px; color:var(--text-color); padding:0 13px; margin:0; border:1px solid var(--border-color); border-radius:var(--border-radius) } .search-widget .search-input::placeholder{ color:var(--text-color); opacity:.9 } .search-widget .search-input:focus{ outline:none } .search-widget .search-action{ display:inline-block; width:38px; height:34px; background-color:var(--button-bg); font-family:inherit; font-size:14px; color:var(--button-color); font-weight:400; line-height:34px; cursor:pointer; padding:0; margin:0 0 0 5px; border:0; border-radius:var(--border-radius) } .rtl .search-widget .search-action{ margin:0 5px 0 0 } .search-widget .search-action:before{ display:block; content:'\f002'; font-family:'Font Awesome 5 Free'; font-weight:900 } .search-widget .search-action:hover{ background-color:var(--button-hover-bg); color:var(--button-hover-color) } .Profile ul li{ float:left; width:100%; padding:20px 0 0; margin:20px 0 0; border-top:1px solid var(--border-color) } .Profile ul li:first-child{ padding:0; margin:0; border:0 } .Profile .individual,.Profile .team-member{ display:flex } .Profile .profile-img{ width:35px; height:35px; background-color:rgba(155,155,155,0.05); overflow:hidden; color:transparent!important; margin:0 13px 0 0; border-radius:50%; box-shadow:var(--avatar-shadow) } .rtl .Profile .profile-img{ margin:0 0 0 13px } .Profile .profile-info{ flex:1 } .Profile .profile-name{ display:block; font-family:var(--title-font); font-size:15px; color:var(--title-color); font-weight:700; margin:0 } .Profile .profile-name:hover{ color:var(--title-hover-color) } .Profile .profile-link{ display:block; font-size:12px; color:var(--meta-color); font-weight:400; margin:0 } .Profile .profile-link:hover{ color:var(--main-color) } .Text .widget-content{ font-family:var(--text-font); font-size:14px; color:var(--text-color); margin:0 } .Image .image-caption{ display:block; font-size:14px; color:var(--text-color); margin:6px 0 0 } .contact-form-widget form{ font-family:inherit; font-weight:400 } .contact-form-name{ float:left; width:100%; height:34px; background-color:transparent; font-family:inherit; font-size:14px; color:var(--text-color); line-height:34px; padding:0 15px; margin:0 0 10px; border:1px solid var(--border-color); border-radius:var(--border-radius) } .contact-form-email{ float:left; width:100%; height:34px; background-color:transparent; font-family:inherit; font-size:14px; color:var(--text-color); line-height:34px; padding:0 15px; margin:0 0 10px; border:1px solid var(--border-color); border-radius:var(--border-radius) } .contact-form-email.error{ border-color:var(--main-color) } .contact-form-email-message{ float:left; width:100%; background-color:transparent; font-family:inherit; font-size:14px; color:var(--text-color); padding:10px 15px; margin:0 0 10px; border:1px solid var(--border-color); border-radius:var(--border-radius) } .contact-form-email-message.error{ border-color:var(--main-color) } .contact-form-button-submit{ float:left; width:100%; height:34px; background-color:var(--button-bg); font-family:inherit; font-size:14px; color:var(--button-color); font-weight:400; cursor:pointer; padding:0 20px; border:0; border-radius:var(--border-radius) } .contact-form-button-submit:hover{ background-color:var(--button-hover-bg); color:var(--button-hover-color) } .contact-form-widget p{ margin:0 } .contact-form-widget p.contact-form-error-message-with-border,p.contact-form-success-message-with-border{ float:left; width:100%; background-color:rgba(0,0,0,0); font-size:13px; color:#e74c3c; text-align:left; line-height:1; padding:0; margin:10px 0 0; border:0 } .contact-form-widget .contact-form-success-message-with-border{ color:#27ae60 } .rtl .contact-form-error-message-with-border,.rtl .contact-form-success-message-with-border{ text-align:right } .contact-form-cross{ cursor:pointer; margin:0 0 0 3px } .rtl .contact-form-cross{ margin:0 3px 0 0 } .contact-form-name::placeholder,.contact-form-email::placeholder,.contact-form-email-message::placeholder{ color:var(--text-color); opacity:.9 } .Attribution a{ font-size:14px; line-height:16px; display:block } .Attribution a > svg{ width:16px; height:16px; float:left; margin:0 4px 0 0 } .Attribution .copyright{ font-size:12px; color:var(--meta-color); padding:0 20px; margin:3px 0 0 } #google_translate_element{ position:relative; float:left; width:100%; padding:20px; margin:0 } .Stats .text-counter-wrapper{ display:flex; font-size:20px; color:var(--meta-color); font-weight:700; text-transform:uppercase; line-height:1; margin:0 } .Stats .text-counter-wrapper:before{ content:'\f201'; font-family:'Font Awesome 5 Free'; color:var(--main-color); font-weight:900; margin:0 4px 0 0 } .rtl .Stats .text-counter-wrapper:before{ margin:0 0 0 4px } .sidebar > .widget.ReportAbuse{ display:block; padding:15px 20px; border:1px solid var(--border-color); border-radius:var(--border-radius) } .ReportAbuse > h3{ display:flex; float:left; width:100%; font-size:14px; font-weight:400; margin:0 } .ReportAbuse > h3:before{ content:'\f071'; font-family:'Font Awesome 5 Free'; color:var(--title-color); font-weight:900; margin:0 4px 0 0 } .rtl .ReportAbuse > h3:before{ margin:0 0 0 4px } .ReportAbuse > h3 a:hover{ text-decoration:underline } #footer-ads-wrap{ position:relative; float:left; width:100%; margin:0 } .footer-ads .widget{ position:relative; float:left; width:100%; text-align:center; line-height:0; margin:0 0 25px } .footer-ads .widget-content{ float:left; width:100%; margin:0 } .footer-ads .widget > .widget-title{ display:none } #footer-wrapper{ position:relative; float:left; width:100%; background-color:var(--footer-bg); box-shadow:0 0 10px rgba(0,0,0,0.1) } .primary-footer{ --post-title-color:var(--footer-color); --title-color:var(--footer-color); --post-title-hover-color:var(--footer-hover-color); --title-hover-color:var(--footer-hover-color); --meta-color:var(--footer-meta-color); --text-color:var(--footer-text-color); --title-font-weight:600 } .footer-widgets{ display:grid; grid-template-columns:repeat(3,1fr); grid-gap:30px; padding:40px 0 } .footer-widgets.has-border{ border-top:1px solid rgba(255, 255, 255, 0.1) } .footer-section{ display:grid; grid-template-columns:1fr; align-content:start; grid-gap:30px } .footer-section > .widget{ display:flex; flex-direction:column } .footer-section .widget > .widget-title{ margin:0 0 20px; padding:8px 0; } .footer-section .widget-title > .title{ font-size:15px; color:var(--main-color); font-weight:600; text-transform:uppercase } .primary-footer .contact-form-widget .cf-s,.primary-footer .BlogSearch .search-form{ background-color:var(--gray-bg) } #b-blog-pro-about-section{ flex-wrap:wrap; padding:40px 0 } .about-section .Image{ display:flex; justify-content:space-between; align-items:center; width:calc(100% - $(sidebar.width + 30px)) } .footer-info{ flex:1 } .footer-info .title{ font-size:15px; color:var(--title-color); text-transform:uppercase; margin:0 0 10px } .footer-logo{ padding:0 30px 0 0 } .rtl .footer-logo{ padding:0 0 0 30px } .footer-logo img{ display:block; width:auto; height:auto; max-height:40px } .footer-info .image-caption{ font-size:14px; color:var(--text-color); margin:0 } .footer-info .image-caption a{ color:var(--ftitle-color) } .footer-info .image-caption a:hover{ color:var(--title-hover-color) } .about-section .LinkList{ width:$(sidebar.width); display:flex; align-items:center; justify-content:flex-end; margin:0 } .about-section ul.social-icons{ display:flex; flex-wrap:wrap } .about-section .social-icons li{ margin:0 0 0 10px } .rtl .about-section .social-icons li{ margin:0 10px 0 0 } .about-section .social-icons a{ display:flex; width:34px; height:34px; background-color:var(--gray-bg); font-size:16px; color:var(--title-color); align-items:center; justify-content:center } .about-section .social-icons .rss a,.about-section .social-icons .email a,.about-section .social-icons .external-link a{ font-size:20px } .about-section .social-icons a:hover{ color:#fff } .footer-bar{ background-color:var(--footerbar-bg); border-top: 1px solid rgba(255, 255, 255, 0.1); color:var(--footerbar-color); padding:20px 0 } .footer-bar .footer-copyright{ font-size:14px; font-weight:400; margin:0 } .footer-bar .footer-copyright a{ color:var(--footerbar-color) } .footer-bar .footer-copyright a:hover{ color:var(--footerbar-hover-color) } #footer-menu{ position:relative; display:block; margin:0 } .footer-menu ul{ display:flex; flex-wrap:wrap } .footer-menu ul li a{ font-size:14px; color:var(--footerbar-color); padding:0; margin:0 0 0 25px } .rtl .footer-menu ul li a{ margin:0 25px 0 0 } #footer-menu ul li a:hover{ color:var(--footerbar-hover-color) } #hidden-widgets-wrap,.hidden-widgets{ display:none; visibility:hidden } #back-top{ display:none; position:fixed; bottom:20px; right:20px; width:34px; height:34px; background-color:var(--button-bg); cursor:pointer; overflow:hidden; font-size:15px; color:var(--button-color); text-align:center; line-height:34px; z-index:50; margin:0; transition:background .17s ease,color .17s ease } .rtl #back-top{ right:auto; left:20px } #back-top:before{ content:'\f077'; position:relative; font-family:'Font Awesome 5 Free'; font-weight:900 } #back-top:hover{ background-color:var(--button-hover-bg); color:var(--button-hover-color) } .is-error #main-wrapper{ width:100% } .is-error #sidebar-wrapper{ display:none } .errorWrap{ color:var(--title-color); text-align:center; padding:60px 0 } .errorWrap h3{ font-size:160px; color:var(--title-color); line-height:1; margin:0 0 25px } .errorWrap h4{ font-size:27px; color:var(--title-color); margin:0 0 25px } .errorWrap p{ color:var(--text-color); font-size:14px; margin:0 0 15px } .errorWrap a{ display:inline-block; height:34px; background-color:var(--button-bg); font-size:14px; color:var(--button-color); font-weight:400; line-height:34px; padding:0 30px; margin:15px 0 0; border-radius:var(--border-radius) } .errorWrap a:hover{ background-color:var(--button-hover-bg); color:var(--button-hover-color) } .cookie-choices-info{ display:none; visibility:hidden; opacity:0 } #b-blog-pro-cookie-ify{ display:none; position:fixed; bottom:20px; left:20px; width:300px; background-color:var(--cookie-bg); z-index:1020; padding:20px; visibility:hidden; opacity:0; box-shadow:0 2px 6px rgba(0,0,0,0.1); transition:all .35s ease } .rtl #b-blog-pro-cookie-ify{ left:unset; right:20px } #b-blog-pro-cookie-ify.is-visible{ visibility:visible; opacity:1 } .b-blog-pro-cookie-ify-content{ display:block; font-size:14px; color:var(--cookie-color); margin:0 0 15px } .b-blog-pro-cookie-ify-content a{ color:var(--cookie-color); text-decoration:underline } .b-blog-pro-cookie-ify-content a:hover{ color:var(--main-color) } #b-blog-pro-cookie-ify-accept{ display:inline-block; height:34px; background-color:var(--button-bg); font-size:14px; color:var(--button-color); font-weight:400; line-height:34px; padding:0 20px } #b-blog-pro-cookie-ify-accept:hover{ background-color:var(--button-hover-bg); color:var(--button-hover-color) } ins.adsbygoogle-noablate[data-anchor-shown="true"]{ z-index:990!important } a.ads-here{ position:relative; display:flex; align-items:center; justify-content:center; height:78px; background-color:var(--widget-bg); font-size:15px; color:rgba(155,155,155,0.5); font-weight:600; font-style:italic; margin:0; } .item-post-inner a.ads-here{ background-color:var(--outer-bg); box-shadow:none } .sidebar a.ads-here{ height:250px } a.ads-here:hover{ color:rgba(155,155,155,0.65) } @media only screen and (max-width: $(row.width + 30px)) { #outer-wrapper,.is-boxed #outer-wrapper,.is-boxed .main-nav-flex{ width:100%; max-width:100%; margin:0 } .row-x1{ width:100%; max-width:100% } #header-wrapper .container,#header-ads-wrap > .container,#ticker-wrapper .container,#featured-wrap > .container,#home-ads-wrap > .container,#content-wrapper > .container,#footer-ads-wrap > .container,#footer-wrapper .container{ padding:0 15px } #b-blog-pro-cookie-ify{ left:15px; bottom:15px; padding:20px } .rtl #b-blog-pro-cookie-ify{ left:unset; right:15px } } @media only screen and (max-width: 980px) { #header-wrapper .container{ padding:0 } .mobile-menu-toggle{ display:flex } .header-items{ flex-wrap:nowrap } .topbar-wrap,#b-blog-pro-main-nav{ display:none!important } #slide-menu,.overlay{ display:block } .flex-right,.rtl .flex-right{ position:relative; top:unset; left:unset; right:unset } .main-search .search-form{ padding:0 15px } .nav-active .overlay{ visibility:visible; opacity:1 } .nav-active #back-top{ opacity:0!important } .featured-grid { grid-template-columns: repeat(2,1fr); } #content-wrapper > .container,.is-left #content-wrapper > .container{ flex-direction:column!important; justify-content:flex-start } #main-wrapper,#sidebar-wrapper{ width:100% } #sidebar-wrapper{ margin:25px 0 0 } } @media only screen and (max-width: 880px) { .featured-cards, .featured-grid { width: 100%; } .footer-widgets{ grid-template-columns:1fr; grid-gap:40px } #b-blog-pro-about-section{ flex-wrap:wrap; flex-direction:column } .about-section .Image{ width:100%; flex-direction:column; justify-content:center; text-align:center } .footer-info{ text-align:center; margin:25px 0 0 } .footer-info .title{ display:none } .footer-logo{ padding:0!important } .about-section .LinkList{ width:100%; justify-content:center; margin:20px 0 0 } .about-section ul.social-icons{ justify-content:center } .about-section .social-icons li{ margin:10px 5px 0!important } .footer-bar{ height:auto; line-height:inherit; padding:25px 0; margin:0 } .footer-bar .container{ flex-direction:column; justify-content:center } .footer-bar .footer-copyright,#footer-menu{ width:100%; text-align:center; margin:0 } #footer-menu{ padding:10px 0 0 } .footer-menu ul{ justify-content:center } .footer-menu ul li a,.rtl .footer-menu ul li a{ display:block; margin:5px 10px 0 } #back-top{ right:15px; bottom:15px } .rtl #back-top{ left:15px; right:unset } } @media only screen and (max-width: 780px) { .featured-cards .featured-item{ height:280px } .featured-cards .featured-item .entry-title{ font-size:25px } .featured-grid .featured-item .entry-image-wrap{ height:150px } .block1-items{ display:flex; flex-direction:column; grid-gap:0 } .block1-left .block1-item{ height:220px } .block1-right .block1-item,.block1-right .block1-item.item-1{ margin:20px 0 0 } .block2-items{ grid-template-columns:repeat(2,1fr) } .block2-item.item-0{ height:220px; grid-column:1/3 } .block2-item .entry-title{ font-size:17px } .block2-item.item-0 .entry-title{ font-size:22px } .block2-item:not(.item-0) .entry-image-wrap{ height:150px } .content-section .widget.column-style{ width:100% } .col-items .col-item.item-0{ height:220px } .grid1-items{ grid-template-columns:repeat(2,1fr) } .grid1-item .entry-image-wrap{ height:150px } .grid1-item .entry-title{ font-size:17px } .grid2-items{ grid-gap:20px } .grid2-item .entry-image-wrap{ height:150px; } .grid2-item .entry-title{ font-size:17px } .grid2-item .entry-meta .entry-author,.grid2-item .entry-meta .sp{ display:none } .video-item.item-0{ height:220px; grid-column:1/3; grid-row:auto } .default-items .default-item.item-0{ height:220px } .default-items .item-0 .entry-title{ font-size:22px } .mini-item .entry-image-wrap{ height:150px } .mini-item .entry-title{ font-size:17px } .mini-item .entry-image-wrap.is-video:after{ transform:translate(50%,-50%) scale(1) } .FeaturedPost .featured-post{ height:220px } .featured-post .entry-title{ font-size:22px } .related-posts{ grid-template-columns:repeat(2,1fr) } .related-posts .entry-image-wrap{ height:150px } .related-posts .entry-title{ font-size:17px } } @media only screen and (max-width: 680px) { #header-ads-wrap > .container,#featured-wrap > .container,#home-ads-wrap > .container,#content-wrapper > .container,#footer-ads-wrap > .container{ padding:0 10px } .featured-cards .featured-item .entry-header.entry-info { width: 95%; max-width: 100%; } .index-post{ flex-direction:column; justify-content:flex-start } .index-post .entry-image-wrap{ width:100%; height:220px; margin:0 0 12px!important } .index-post .entry-excerpt{ font-size:14px } .item-post h1.entry-title{ font-size:33px } .post-body table{ display:block } .b-blog-pro-share-links a.twitter span{ display:none } .b-blog-pro-share-links li.has-span a.twitter{ width:34px; justify-content:center } .b-blog-pro-share-links li.has-span a.twitter:before{ background-color:transparent; padding:0 } .errorWrap{ padding:25px 0 45px } .errorWrap h3{ font-size:130px } #b-blog-pro-cookie-ify{ right:0!important; left:0!important; bottom:0; width:100%; transform:translate(0,50%); padding:20px; margin:0 } #b-blog-pro-cookie-ify.is-visible{ transform:translate(0,0) } #back-top{ right:10px; bottom:10px } .rtl #back-top{ left:10px; right:unset } a.ads-here{ height:65px } .sidebar a.ads-here{ height:200px } } @media only screen and (max-width: 520px) { .featured-cards { grid-template-columns: 1fr; } .featured-grid .featured-item .entry-header { align-self: flex-start; } .soraList .index-post-wrap { grid-template-columns: 1fr; } .sorapost { display: none; } } @media only screen and (max-width: 480px) { #featured .widget-content{ min-height:200px } .featured-cards .featured-item { height: 250px; } .featured-cards .featured-item .entry-title{ font-size:22px } .featured-item .entry-title{ font-size:18px } .entry-excerpt { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .block1-left .block1-item{ height:200px } .block1-right .entry-image-wrap{ width:120px; height:76px } .block1-right .entry-title{ font-size:16px } .grid1-item .entry-image-wrap{ height:110px } .grid1-item .entry-title{ font-size:16px } .col-items .col-item.item-0{ height:200px } .col-items .col-item:not(.item-0) .entry-image-wrap{ width:120px; height:76px } .col-items .col-item:not(.item-0) .entry-title{ font-size:16px } .video-item.item-0{ height:200px } .video-item:not(.item-0){ height:125px } .video-item:not(.item-0) .entry-title{ font-size:16px } .video-item:not(.item-0) .entry-image-wrap.is-video:after,.video-item:not(.item-0) .entry-meta{ display:none } .grid2-item .entry-image-wrap{ height:110px } .grid2-item .entry-title{ font-size:16px } .block2-item.item-0{ height:200px } .block2-item:not(.item-0) .entry-image-wrap{ height:110px } .block2-item:not(.item-0) .entry-title{ font-size:16px } .index-post .entry-image-wrap{ height:200px } #post-body,.author-description .author-text,.comments .comment-content{ font-size:$(itempost.content.size + 1px) } .item-post h1.entry-title{ font-size:29px } .related-posts .entry-image-wrap{ height:110px } .related-posts .entry-title{ font-size:16px } .default-items .default-item.item-0{ height:200px } .default-items .default-item:not(.item-0) .entry-image-wrap{ width:120px; height:76px } .default-items .default-item:not(.item-0) .entry-title{ font-size:16px } .mini-item .entry-image-wrap{ height:110px } .mini-item .entry-title{ font-size:16px } .FeaturedPost .featured-post{ height:200px } } @media only screen and (max-width: 380px) { #featured .widget-content{ min-height:180px } .featured-cards .featured-item{ height:200px } .entry-excerpt { display: none; } .featured-cards .featured-item .entry-title{ font-size:21px } .featured-grid .featured-item .entry-image-wrap{ height:90px } .featured-item .entry-title{ font-size:15px } .block1-left .block1-item{ height:180px } .block1-left .entry-title{ font-size:21px } .block1-right .entry-image-wrap{ width:100px; height:65px } .block1-right .entry-title{ font-size:15px } .grid1-item .entry-image-wrap{ height:90px } .grid1-item .entry-title{ font-size:15px } .col-items .col-item.item-0{ height:180px } .col-items .item-0 .entry-title{ font-size:21px } .col-items .col-item:not(.item-0) .entry-image-wrap{ width:100px; height:65px } .col-items .col-item:not(.item-0) .entry-title{ font-size:15px } .video-item.item-0{ height:180px } .video-item.item-0 .entry-title{ font-size:21px } .video-item:not(.item-0){ height:110px } .video-item:not(.item-0) .entry-title{ font-size:15px } .video-item:not(.item-0) .entry-category{ display:none } .grid2-item .entry-image-wrap{ height:90px } .grid2-item .entry-title{ font-size:15px } .block2-item.item-0{ height:180px } .block2-item.item-0 .entry-title{ font-size:21px } .block2-item:not(.item-0) .entry-image-wrap{ height:90px } .block2-item:not(.item-0) .entry-title{ font-size:15px } .index-post .entry-image-wrap{ height:180px } .item-post h1.entry-title{ font-size:25px } .item-post .entry-meta .align-right{ display:none } .tocify-inner{ min-width:100% } .b-blog-pro-share-links span{ display:none } .b-blog-pro-share-links li.has-span a{ width:34px; justify-content:center } .b-blog-pro-share-links li.has-span a:before{ background-color:transparent; padding:0 } .related-posts .entry-image-wrap{ height:90px } .related-posts .entry-title{ font-size:15px } .default-items .default-item.item-0{ height:180px } .default-items .item-0 .entry-title{ font-size:21px } .default-items .default-item:not(.item-0) .entry-image-wrap{ width:100px; height:65px } .default-items .default-item:not(.item-0) .entry-title{ font-size:15px } .mini-item .entry-image-wrap{ height:90px } .mini-item .entry-title{ font-size:15px } .FeaturedPost .featured-post{ height:180px } .featured-post .entry-title{ font-size:21px } } @media only screen and (max-width: 340px) { #slide-menu{ width:100% } .errorWrap h3{ font-size:110px } .errorWrap h4{ font-size:25px } } ]]> /* ========================================================= FINTAXTICAL PROFESSIONAL REDESIGN Added as an override layer so the original Blogger structure/widgets remain compatible. ========================================================= */ :root{ --ftx-navy:#0b1f3a; --ftx-blue:#1455d9; --ftx-cyan:#18b6c9; --ftx-ink:#132238; --ftx-muted:#64748b; --ftx-bg:#f6f8fc; --ftx-card:#ffffff; --ftx-border:#e6ebf2; --ftx-radius:14px; --ftx-shadow:0 10px 35px rgba(11,31,58,.08); } body{ background:var(--ftx-bg)!important; color:var(--ftx-ink); font-family:Roboto,Arial,sans-serif; } #outer-wrapper{ background:var(--ftx-bg)!important; } .container.row-x1{ max-width:1180px!important; } #header-wrapper{ background:#fff!important; border-bottom:1px solid var(--ftx-border); position:relative; z-index:100; } .main-header{ background:#fff!important; } .header-header{ min-height:78px; } .header-items{ min-height:78px; } .logo-img img{ max-height:34px!important; width:auto!important; } #b-blog-pro-main-nav{ margin-left:28px; } #b-blog-pro-main-nav ul{ display:flex; align-items:center; gap:4px; } #b-blog-pro-main-nav li a{ color:var(--ftx-ink)!important; font-family:Roboto,Arial,sans-serif!important; font-size:13px!important; font-weight:600!important; padding:10px 11px!important; border-radius:8px; } #b-blog-pro-main-nav li a:hover{ color:var(--ftx-blue)!important; background:#f0f5ff; } .main-toggle-style{ color:var(--ftx-ink)!important; } #main-search-wrap{ background:#fff!important; border-bottom:1px solid var(--ftx-border); } .search-input{ border:1px solid var(--ftx-border)!important; border-radius:10px!important; background:#f8fafc!important; } .ftx-hero{ background:linear-gradient(135deg,#081b35 0%,#0e2d57 58%,#1455d9 100%); color:#fff; padding:72px 0 68px; position:relative; overflow:hidden; } .ftx-hero:before{ content:''; position:absolute; width:420px;height:420px; border:1px solid rgba(255,255,255,.12); border-radius:50%; right:-120px;top:-160px; } .ftx-hero:after{ content:''; position:absolute; width:260px;height:260px; border:1px solid rgba(24,182,201,.20); border-radius:50%; left:-110px;bottom:-150px; } .ftx-hero-inner{ display:grid; grid-template-columns:1.35fr .65fr; gap:60px; align-items:center; position:relative; z-index:2; } .ftx-eyebrow,.ftx-kicker{ display:inline-block; font-size:11px; letter-spacing:1.8px; font-weight:700; text-transform:uppercase; } .ftx-eyebrow{color:#8fe9f0;margin-bottom:16px} .ftx-hero h1{ font-family:Roboto,Arial,sans-serif!important; font-size:52px!important; line-height:1.08!important; letter-spacing:-1.4px; margin:0 0 18px!important; color:#fff!important; } .ftx-hero h1 span{color:#7ee3ea} .ftx-hero-copy p{ max-width:650px; font-size:18px; line-height:1.7; color:rgba(255,255,255,.78); margin:0 0 28px; } .ftx-hero-actions{ display:flex; flex-wrap:wrap; gap:12px; } .ftx-btn{ display:inline-flex!important; align-items:center; justify-content:center; padding:13px 19px; border-radius:9px; font-weight:700; font-size:13px; } .ftx-btn-primary{ background:#fff!important; color:var(--ftx-navy)!important; } .ftx-btn-secondary{ border:1px solid rgba(255,255,255,.25); color:#fff!important; background:rgba(255,255,255,.07); } .ftx-hero-panel{ background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); border-radius:18px; padding:12px; backdrop-filter:blur(8px); } .ftx-panel-label{ padding:13px 14px 10px; color:rgba(255,255,255,.55); font-size:10px; letter-spacing:1.5px; font-weight:700; } .ftx-hero-panel a{ display:grid!important; grid-template-columns:34px 1fr 20px; align-items:center; gap:8px; padding:15px 13px; border-radius:11px; color:#fff!important; font-size:14px; font-weight:600; } .ftx-hero-panel a:hover{background:rgba(255,255,255,.09)} .ftx-hero-panel a span{color:#7ee3ea;font-size:11px} .ftx-hero-panel a b{font-size:16px;text-align:right} .ftx-tools{ padding:46px 0 18px; background:var(--ftx-bg); } .ftx-section-heading{ display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:20px; } .ftx-kicker{color:var(--ftx-blue);margin-bottom:7px} .ftx-section-heading h2{ font-family:Roboto,Arial,sans-serif!important; font-size:28px!important; color:var(--ftx-ink)!important; margin:0!important; } .ftx-section-heading p{ max-width:470px; margin:0; color:var(--ftx-muted); line-height:1.6; } .ftx-tool-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:15px; } .ftx-tool-card{ background:#fff!important; border:1px solid var(--ftx-border); border-radius:var(--ftx-radius); padding:20px; box-shadow:0 4px 18px rgba(11,31,58,.035); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; } .ftx-tool-card:hover{ transform:translateY(-3px); box-shadow:var(--ftx-shadow); border-color:#cddaf2; } .ftx-icon{ display:flex; align-items:center; justify-content:center; width:38px;height:38px; border-radius:10px; background:#edf4ff; color:var(--ftx-blue); font-weight:800; font-size:18px; margin-bottom:15px; } .ftx-tool-card strong{ display:block; color:var(--ftx-ink); font-size:15px; margin-bottom:6px; } .ftx-tool-card small{ display:block; color:var(--ftx-muted); font-size:12px; line-height:1.55; } #content-wrapper{ padding:30px 0 50px!important; background:var(--ftx-bg)!important; } #main-wrapper{ width:calc(100% - 345px)!important; } #sidebar-wrapper{ width:320px!important; } #main-wrapper .blog-posts{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } #main-wrapper .index-post{ background:#fff; border:1px solid var(--ftx-border); border-radius:var(--ftx-radius); overflow:hidden; box-shadow:0 3px 15px rgba(11,31,58,.035); transition:transform .2s ease,box-shadow .2s ease; } #main-wrapper .index-post:hover{ transform:translateY(-3px); box-shadow:var(--ftx-shadow); } #main-wrapper .index-post .entry-header{ padding:18px 19px 20px; } #main-wrapper .entry-title{ font-family:Roboto,Arial,sans-serif!important; font-size:19px!important; line-height:1.35!important; } #main-wrapper .entry-excerpt{ color:var(--ftx-muted)!important; } #main-wrapper .entry-meta{ color:#8793a4!important; } #main-wrapper .entry-category{ color:var(--ftx-blue)!important; font-size:10px!important; letter-spacing:.7px; font-weight:700!important; } #sidebar-wrapper .widget{ background:#fff; border:1px solid var(--ftx-border); border-radius:var(--ftx-radius); padding:18px; margin-bottom:18px; box-shadow:0 3px 15px rgba(11,31,58,.035); } #sidebar-wrapper .widget-title{ color:var(--ftx-ink)!important; } #sidebar-wrapper .title-wrap .title{ font-family:Roboto,Arial,sans-serif!important; } #footer-wrapper{ background:#081b35!important; } #footer-wrapper .primary-footer{ background:#081b35!important; } #footer-wrapper .footer-widgets{ gap:35px; } #footer-wrapper .widget-title, #footer-wrapper .widget-title .title{ color:#fff!important; } #footer-wrapper .widget-content, #footer-wrapper .widget-content a{ color:rgba(255,255,255,.68)!important; } #footer-wrapper .label-name{ border:1px solid rgba(255,255,255,.12)!important; background:rgba(255,255,255,.05)!important; color:rgba(255,255,255,.75)!important; border-radius:7px!important; } .footer-bar{ background:#06152a!important; border-top:1px solid rgba(255,255,255,.08); } #back-top{ background:var(--ftx-blue)!important; border-radius:50%!important; } /* Remove legacy/unrelated navigation entries from the old menu. Finance-first navigation remains visible. */ #b-blog-pro-main-nav li:has(a[href*="sports"]), #b-blog-pro-main-nav li:has(a[href*="World%20News"]), #b-blog-pro-main-nav li:has(a[href*="/Tech"]), #b-blog-pro-main-nav li:has(a[href*="entertainment"]), #b-blog-pro-main-nav li:has(a[href*="health"]){ display:none!important; } @media only screen and (max-width:980px){ .ftx-hero-inner{grid-template-columns:1fr;gap:35px} .ftx-hero{padding:55px 0} .ftx-hero h1{font-size:42px!important} .ftx-tool-grid{grid-template-columns:repeat(2,1fr)} #main-wrapper{width:100%!important} #sidebar-wrapper{width:100%!important} #main-wrapper .blog-posts{grid-template-columns:repeat(2,minmax(0,1fr))} } @media only screen and (max-width:600px){ .ftx-hero{padding:42px 0} .ftx-hero h1{font-size:34px!important} .ftx-hero-copy p{font-size:16px} .ftx-section-heading{display:block} .ftx-section-heading p{margin-top:10px} .ftx-tool-grid{grid-template-columns:1fr} #main-wrapper .blog-posts{grid-template-columns:1fr} .ftx-btn{width:100%} .ftx-hero-actions{display:grid} } /* FINTAXTICAL V2 HOMEPAGE POLISH */ .ftx-home-hero{background:linear-gradient(120deg,#071a33 0%,#0b2c54 55%,#1455d9 100%);color:#fff;position:relative;overflow:hidden;padding:78px 0 72px} .ftx-home-hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-230px;top:-250px} .ftx-home-hero:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(79,220,229,.13);border-radius:50%;left:-190px;bottom:-250px} .ftx-home-hero-inner{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);gap:70px;align-items:center;position:relative;z-index:1} .ftx-hero-badge{display:inline-flex;padding:7px 11px;border:1px solid rgba(126,227,234,.25);background:rgba(126,227,234,.08);border-radius:999px;color:#8fe9f0;font-size:10px;letter-spacing:1.7px;font-weight:800;margin-bottom:18px} .ftx-hero-content h1{font-size:58px!important;line-height:1.03!important;letter-spacing:-2px!important;color:#fff!important;margin:0 0 20px!important;font-weight:800!important} .ftx-hero-content h1 span{color:#7ee3ea} .ftx-hero-content p{max-width:650px;color:rgba(255,255,255,.76);font-size:17px;line-height:1.75;margin:0 0 28px} .ftx-hero-buttons{display:flex;gap:12px;flex-wrap:wrap} .ftx-primary-btn,.ftx-secondary-btn{display:inline-flex!important;align-items:center;gap:18px;padding:13px 17px;border-radius:9px;font-size:13px;font-weight:800} .ftx-primary-btn{background:#fff;color:#081b35!important}.ftx-primary-btn b{font-size:17px}.ftx-secondary-btn{border:1px solid rgba(255,255,255,.24);color:#fff!important;background:rgba(255,255,255,.06)} .ftx-trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;color:rgba(255,255,255,.55);font-size:11px;font-weight:600} .ftx-hero-dashboard{background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:20px;box-shadow:0 25px 70px rgba(0,0,0,.18);backdrop-filter:blur(10px)} .ftx-dashboard-top{display:flex;justify-content:space-between;color:rgba(255,255,255,.52);font-size:10px;letter-spacing:1.5px;font-weight:800}.ftx-dashboard-top i{font-style:normal;color:#7ee3ea;font-size:17px} .ftx-dashboard-main{display:flex;gap:8px;align-items:baseline;padding:34px 0 20px}.ftx-dashboard-main strong{font-size:24px;color:#fff}.ftx-dashboard-main strong:nth-child(2){color:#7ee3ea}.ftx-dashboard-main strong:nth-child(3){color:rgba(255,255,255,.55)} .ftx-dashboard-line{height:105px;display:flex;align-items:flex-end;gap:7px;padding:0 5px 15px;border-bottom:1px solid rgba(255,255,255,.11)}.ftx-dashboard-line span{display:block;flex:1;background:linear-gradient(to top,rgba(126,227,234,.12),rgba(126,227,234,.8));border-radius:5px 5px 0 0}.ftx-dashboard-line span:nth-child(1){height:25%}.ftx-dashboard-line span:nth-child(2){height:40%}.ftx-dashboard-line span:nth-child(3){height:33%}.ftx-dashboard-line span:nth-child(4){height:60%}.ftx-dashboard-line span:nth-child(5){height:52%}.ftx-dashboard-line span:nth-child(6){height:82%} .ftx-dashboard-items a{display:grid!important;grid-template-columns:30px 1fr 18px;align-items:center;padding:14px 5px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff!important}.ftx-dashboard-items a:last-child{border-bottom:0}.ftx-dashboard-items small{color:#7ee3ea;font-size:10px}.ftx-dashboard-items b{font-size:13px}.ftx-dashboard-items em{font-style:normal;text-align:right;color:rgba(255,255,255,.45)} .ftx-category-strip{background:#fff;border-bottom:1px solid #e5eaf1;box-shadow:0 6px 20px rgba(11,31,58,.04)}.ftx-category-strip .container{display:grid;grid-template-columns:1.2fr repeat(4,1fr);align-items:stretch}.ftx-category-strip a{display:flex;align-items:center;gap:9px;padding:20px 15px;border-left:1px solid #edf0f5;color:#132238!important;font-size:12px;font-weight:700}.ftx-category-strip a span{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#edf4ff;color:#1455d9;font-weight:800}.ftx-category-strip a b{margin-left:auto;color:#a0aaba}.ftx-category-intro{padding:18px 15px;display:flex;flex-direction:column;justify-content:center}.ftx-category-intro span{font-size:9px;letter-spacing:1.5px;color:#1455d9;font-weight:800}.ftx-category-intro b{font-size:14px;margin-top:3px} #content-wrapper{padding:36px 0 60px!important} #main-wrapper{width:calc(100% - 345px)!important} #main-wrapper .blog-posts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important} #main-wrapper .index-post{display:block!important;background:#fff!important;border:1px solid #e5eaf1!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 4px 18px rgba(11,31,58,.045)!important} #main-wrapper .index-post:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(11,31,58,.10)!important} #main-wrapper .index-post .entry-header{padding:18px 19px 21px!important} #main-wrapper .index-post .post-thumb,.index-post .post-thumb{width:100%!important;float:none!important;margin:0!important} #main-wrapper .index-post .post-thumb img{width:100%!important;height:210px!important;object-fit:cover!important;display:block!important} #main-wrapper .entry-title{font-size:20px!important;line-height:1.32!important;font-weight:800!important} #main-wrapper .entry-excerpt{font-size:13px!important;line-height:1.6!important;color:#64748b!important} #main-wrapper .entry-meta{font-size:11px!important;color:#8995a6!important} #main-wrapper .entry-category{font-size:9px!important;letter-spacing:1px!important;color:#1455d9!important;font-weight:800!important} #main-wrapper .blog-posts-wrap>.title-wrap{margin:34px 0 18px!important;border-bottom:1px solid #e6ebf2!important;padding-bottom:13px!important} #main-wrapper .blog-posts-wrap>.title-wrap .title{font-size:17px!important;font-weight:800!important} #sidebar-wrapper{width:320px!important} #sidebar-wrapper .widget{background:#fff!important;border:1px solid #e5eaf1!important;border-radius:14px!important;box-shadow:0 4px 18px rgba(11,31,58,.045)!important} #sidebar-wrapper .widget-title .title,#sidebar-wrapper .title-wrap .title{font-size:16px!important;font-weight:800!important} @media(max-width:980px){.ftx-home-hero-inner{grid-template-columns:1fr;gap:35px}.ftx-category-strip .container{grid-template-columns:repeat(2,1fr)}.ftx-category-intro{grid-column:1/-1}.ftx-category-strip a{border-top:1px solid #edf0f5}.ftx-hero-content h1{font-size:46px!important}#main-wrapper{width:100%!important}#sidebar-wrapper{width:100%!important}} @media(max-width:600px){.ftx-home-hero{padding:48px 0}.ftx-hero-content h1{font-size:37px!important;letter-spacing:-1px!important}.ftx-hero-content p{font-size:15px}.ftx-primary-btn,.ftx-secondary-btn{width:100%;justify-content:center}.ftx-category-strip .container{grid-template-columns:1fr}.ftx-category-intro{grid-column:auto}.ftx-category-strip a{border-left:0}.ftx-trust-row{gap:10px;flex-direction:column}.ftx-dashboard-main strong{font-size:20px}.ftx-dashboard-line{height:80px}#main-wrapper .blog-posts{grid-template-columns:1fr!important}#main-wrapper .index-post .post-thumb img{height:220px!important}} /* ========================================================= FINTAXTICAL V3 — PORTAL HOMEPAGE ========================================================= */ .ftx-featured-area, .ftx-tools-area{ padding:58px 0 10px; background:#f6f8fc; } .ftx-tools-area{padding-top:48px;padding-bottom:60px} .ftx-section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:35px; margin-bottom:24px; } .ftx-section-head h2{ margin:5px 0 0!important; color:#0b1f3a!important; font-size:30px!important; line-height:1.15!important; letter-spacing:-.5px; } .ftx-section-head p{ max-width:510px; margin:0!important; color:#64748b!important; font-size:14px!important; line-height:1.65!important; } .ftx-mini-label{ display:block; color:#1455d9; font-size:10px; font-weight:800; letter-spacing:1.7px; text-transform:uppercase; } .ftx-feature-grid{ display:grid; grid-template-columns:1.35fr 1fr 1fr; grid-template-rows:1fr 1fr; gap:16px; } .ftx-feature-card{ position:relative; display:flex!important; flex-direction:column; min-height:230px; padding:25px; border:1px solid #e3e9f1; border-radius:16px; background:#fff!important; box-shadow:0 4px 20px rgba(11,31,58,.035); overflow:hidden; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; } .ftx-feature-card:hover{ transform:translateY(-4px); box-shadow:0 16px 40px rgba(11,31,58,.10); border-color:#cbd9ee; } .ftx-feature-main{ grid-row:span 2; justify-content:flex-end; background:linear-gradient(145deg,#0b1f3a,#12427d)!important; border-color:#0b1f3a; color:#fff!important; min-height:480px; } .ftx-feature-main:after{ content:'₹'; position:absolute; right:-20px; top:-45px; font-size:250px; line-height:1; color:rgba(255,255,255,.035); font-weight:900; } .ftx-card-number{ position:absolute; right:20px; top:18px; font-size:10px; font-weight:800; color:#9aa8bb; letter-spacing:1px; } .ftx-feature-main .ftx-card-number{color:#76dce5} .ftx-feature-icon{ display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; background:#edf4ff; color:#1455d9; font-weight:900; margin-bottom:22px; } .ftx-feature-main .ftx-feature-icon{ background:rgba(126,227,234,.13); color:#7ee3ea; } .ftx-feature-card span:not(.ftx-card-number){ color:#1455d9; font-size:9px; font-weight:800; letter-spacing:1.2px; } .ftx-feature-main span:not(.ftx-card-number){color:#7ee3ea} .ftx-feature-card h3{ margin:8px 0 8px!important; color:#0b1f3a!important; font-size:20px!important; line-height:1.25!important; } .ftx-feature-main h3{ color:#fff!important; font-size:30px!important; max-width:520px; } .ftx-feature-card p{ margin:0 0 18px!important; color:#64748b!important; font-size:12px!important; line-height:1.65!important; } .ftx-feature-main p{color:rgba(255,255,255,.72)!important;max-width:530px} .ftx-feature-card b{ margin-top:auto; color:#1455d9!important; font-size:12px!important; } .ftx-feature-main b{color:#7ee3ea!important} .ftx-feature-card b i{font-style:normal;margin-left:6px} .ftx-tools-grid-v3{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; } .ftx-tool-v3{ min-height:165px; padding:21px; background:#fff!important; border:1px solid #e3e9f1; border-radius:14px; box-shadow:0 4px 16px rgba(11,31,58,.035); transition:transform .2s ease,box-shadow .2s ease; } .ftx-tool-v3:hover{ transform:translateY(-3px); box-shadow:0 14px 30px rgba(11,31,58,.09); } .ftx-tool-symbol{ display:flex; align-items:center; justify-content:center; width:42px; height:42px; margin-bottom:16px; border-radius:11px; background:#edf4ff; color:#1455d9; font-size:11px; font-weight:900; } .ftx-tool-v3 strong{ display:block; color:#0b1f3a!important; font-size:14px!important; margin-bottom:5px; } .ftx-tool-v3 small{ display:block; color:#718096!important; font-size:11px!important; line-height:1.5; } .ftx-tool-v3 em{ display:block; margin-top:14px; color:#1455d9!important; font-style:normal; font-size:10px; font-weight:800; } .ftx-newsletter{ padding:55px 0; background:#0b1f3a; } .ftx-newsletter-inner{ display:flex; align-items:center; justify-content:space-between; gap:40px; } .ftx-newsletter .ftx-mini-label{color:#7ee3ea} .ftx-newsletter h2{ color:#fff!important; font-size:32px!important; margin:7px 0 7px!important; } .ftx-newsletter p{ color:rgba(255,255,255,.65)!important; margin:0!important; } .ftx-newsletter-btn{ display:inline-flex!important; align-items:center; gap:16px; padding:14px 19px; border:1px solid rgba(255,255,255,.18); border-radius:9px; background:#fff!important; color:#0b1f3a!important; font-size:12px; font-weight:800; white-space:nowrap; } .ftx-newsletter-btn span{color:#1455d9} .ftx-about-strip{ padding:42px 0; background:#fff; border-bottom:1px solid #e5eaf1; } .ftx-about-strip .container{ display:grid; grid-template-columns:58px 1fr auto; gap:22px; align-items:center; } .ftx-about-mark{ width:58px;height:58px; display:flex; align-items:center; justify-content:center; border-radius:14px; background:#0b1f3a; color:#7ee3ea; font-weight:900; font-size:15px; } .ftx-about-strip h2{ margin:4px 0 5px!important; color:#0b1f3a!important; font-size:21px!important; } .ftx-about-strip p{ margin:0!important; color:#64748b!important; font-size:12px!important; } .ftx-about-strip a{ color:#1455d9!important; font-size:12px; font-weight:800; white-space:nowrap; } .ftx-about-strip a span{margin-left:6px} @media only screen and (max-width:880px){ .ftx-feature-grid{ grid-template-columns:1fr 1fr; grid-template-rows:auto; } .ftx-feature-main{ grid-column:span 2; grid-row:auto; min-height:330px; } .ftx-tools-grid-v3{grid-template-columns:1fr 1fr} .ftx-newsletter-inner{display:block} .ftx-newsletter-btn{margin-top:22px} } @media only screen and (max-width:600px){ .ftx-featured-area,.ftx-tools-area{padding-top:40px} .ftx-section-head{display:block} .ftx-section-head p{margin-top:10px!important} .ftx-feature-grid{grid-template-columns:1fr} .ftx-feature-main{grid-column:auto;min-height:350px} .ftx-feature-main h3{font-size:25px!important} .ftx-tools-grid-v3{grid-template-columns:1fr} .ftx-newsletter h2{font-size:26px!important} .ftx-about-strip .container{ grid-template-columns:48px 1fr; } .ftx-about-mark{width:48px;height:48px} .ftx-about-strip a{grid-column:2} } /* ========================================================= FINTAXTICAL V4 — EXPANDED FINANCE TOPIC HUB ========================================================= */ .ftx-finance-hub{ padding:58px 0 30px; background:#f6f8fc; } .ftx-finance-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:12px; } .ftx-finance-topic{ min-height:132px; display:flex!important; flex-direction:column; align-items:flex-start; padding:18px; background:#fff!important; border:1px solid #e3e9f1; border-radius:13px; box-shadow:0 3px 13px rgba(11,31,58,.03); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; } .ftx-finance-topic:hover{ transform:translateY(-3px); border-color:#cbd9ee; box-shadow:0 12px 28px rgba(11,31,58,.08); } .ftx-topic-icon{ display:flex; align-items:center; justify-content:center; min-width:38px; height:38px; padding:0 7px; border-radius:10px; background:#edf4ff; color:#1455d9; font-size:10px; font-weight:900; margin-bottom:13px; } .ftx-finance-topic strong{ color:#0b1f3a!important; font-size:13px!important; line-height:1.25!important; } .ftx-finance-topic small{ margin-top:5px; color:#718096!important; font-size:10px!important; line-height:1.45!important; } @media only screen and (max-width:1050px){ .ftx-finance-grid{grid-template-columns:repeat(4,1fr)} } @media only screen and (max-width:880px){ .ftx-finance-grid{grid-template-columns:repeat(3,1fr)} } @media only screen and (max-width:600px){ .ftx-finance-hub{padding-top:40px} .ftx-finance-grid{grid-template-columns:repeat(2,1fr);gap:10px} .ftx-finance-topic{min-height:125px;padding:15px} } /* ========================================================= FINTAXTICAL V5 — CALCULATOR CENTRE ========================================================= */ .ftx-calc-center{ padding:60px 0 45px; background:#fff; } .ftx-calc-tabs{ display:flex; gap:8px; margin:0 0 14px; flex-wrap:wrap; } .ftx-calc-tab{ border:1px solid #dfe6ef!important; background:#f7f9fc!important; color:#536275!important; padding:10px 18px!important; border-radius:8px!important; font-size:11px!important; font-weight:800!important; cursor:pointer; } .ftx-calc-tab.active{ background:#0b1f3a!important; color:#fff!important; border-color:#0b1f3a!important; } .ftx-calc-panel{ display:none; grid-template-columns:1fr 1.35fr; gap:24px; padding:27px; border:1px solid #dfe6ef; border-radius:17px; background:#f8fafc; } .ftx-calc-panel.active{display:grid} .ftx-calc-copy{ padding:5px 10px 5px 0; } .ftx-calc-copy>span{ color:#1455d9; font-size:9px; font-weight:900; letter-spacing:1.4px; } .ftx-calc-copy h3{ color:#0b1f3a!important; font-size:26px!important; line-height:1.2!important; margin:8px 0 10px!important; } .ftx-calc-copy p{ color:#64748b!important; font-size:12px!important; line-height:1.6!important; margin:0!important; } .ftx-calc-fields{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; align-items:end; } .ftx-calc-fields label{ display:block; color:#475569!important; font-size:10px!important; font-weight:700!important; } .ftx-calc-fields input, .ftx-calc-fields select{ display:block; width:100%!important; box-sizing:border-box; margin-top:6px; height:43px; padding:0 11px!important; border:1px solid #d9e1eb!important; border-radius:8px!important; background:#fff!important; color:#0b1f3a!important; font-size:12px!important; outline:none; } .ftx-calc-fields input:focus, .ftx-calc-fields select:focus{ border-color:#1455d9!important; box-shadow:0 0 0 3px rgba(20,85,217,.08); } .ftx-calc-button{ height:43px; border:0!important; border-radius:8px!important; background:#1455d9!important; color:#fff!important; font-size:11px!important; font-weight:800!important; cursor:pointer; } .ftx-calc-result{ grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding-top:2px; } .ftx-calc-result>div{ padding:16px; background:#fff; border:1px solid #e3e9f1; border-radius:11px; } .ftx-calc-result small{ display:block; color:#718096!important; font-size:9px!important; font-weight:700; text-transform:uppercase; letter-spacing:.7px; } .ftx-calc-result strong{ display:block; margin-top:6px; color:#0b1f3a!important; font-size:19px!important; } .ftx-calc-note{ margin:13px 0 0!important; color:#8a96a6!important; font-size:9px!important; line-height:1.5!important; } @media only screen and (max-width:850px){ .ftx-calc-panel{grid-template-columns:1fr} .ftx-calc-fields{grid-template-columns:1fr 1fr} .ftx-calc-result{grid-template-columns:1fr 1fr 1fr} } @media only screen and (max-width:600px){ .ftx-calc-center{padding-top:42px} .ftx-calc-panel{padding:19px} .ftx-calc-fields{grid-template-columns:1fr} .ftx-calc-result{grid-template-columns:1fr} } /* ========================================================= FINTAXTICAL V6 — MONEY PLANNER ========================================================= */ .ftx-planner{ padding:56px 0 52px; background:#f6f8fc; } .ftx-planner-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; } .ftx-mini-calc{ padding:20px; border:1px solid #e1e8f0; border-radius:15px; background:#fff; box-shadow:0 4px 16px rgba(11,31,58,.035); } .ftx-mini-calc-icon{ display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:11px; background:#edf4ff; color:#1455d9; font-size:10px; font-weight:900; } .ftx-mini-calc h3{ margin:14px 0 5px!important; color:#0b1f3a!important; font-size:16px!important; } .ftx-mini-calc p{ min-height:34px; margin:0 0 14px!important; color:#718096!important; font-size:10px!important; line-height:1.5!important; } .ftx-mini-fields{ display:grid; grid-template-columns:1fr; gap:7px; } .ftx-mini-fields input{ width:100%!important; box-sizing:border-box; height:37px; padding:0 9px!important; border:1px solid #dce4ed!important; border-radius:7px!important; background:#fff!important; color:#0b1f3a!important; font-size:11px!important; } .ftx-mini-calc button{ width:100%; height:37px; margin-top:9px; border:0!important; border-radius:7px!important; background:#1455d9!important; color:#fff!important; font-size:10px!important; font-weight:800!important; cursor:pointer; } .ftx-mini-calc button span{margin-left:5px} .ftx-mini-output{ margin-top:12px; padding-top:11px; border-top:1px solid #edf0f4; } .ftx-mini-output small{ display:block; color:#8a96a6!important; font-size:8px!important; text-transform:uppercase; letter-spacing:.6px; } .ftx-mini-output strong{ display:block; margin-top:4px; color:#0b1f3a!important; font-size:17px!important; } .ftx-tool-disclaimer{ margin-top:15px; color:#7d8998!important; font-size:9px!important; line-height:1.55!important; } .ftx-tool-disclaimer strong{color:#5f6d7e} @media only screen and (max-width:1000px){ .ftx-planner-grid{grid-template-columns:repeat(2,1fr)} } @media only screen and (max-width:600px){ .ftx-planner{padding-top:40px} .ftx-planner-grid{grid-template-columns:1fr} } /* ========================================================= FINTAXTICAL V7 — FINANCE DIRECTORY & TRUST LAYER ========================================================= */ .ftx-directory{ padding:58px 0 52px; background:#fff; } .ftx-dir-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:15px; } .ftx-dir-card{ padding:22px; border:1px solid #e1e8f0; border-radius:15px; background:#f8fafc; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; } .ftx-dir-card:hover{ transform:translateY(-3px); border-color:#cbd9ee; box-shadow:0 12px 30px rgba(11,31,58,.07); } .ftx-dir-head{ display:flex; align-items:center; gap:12px; margin-bottom:8px; } .ftx-dir-head span{ color:#1455d9; font-size:9px; font-weight:900; letter-spacing:1px; } .ftx-dir-head h3{ margin:0!important; color:#0b1f3a!important; font-size:18px!important; } .ftx-dir-card>p{ margin:0 0 15px!important; color:#718096!important; font-size:10px!important; line-height:1.5!important; } .ftx-dir-card>a{ display:flex!important; justify-content:space-between; align-items:center; padding:9px 0; border-top:1px solid #e6ebf1; color:#334155!important; font-size:11px!important; font-weight:600; } .ftx-dir-card>a b{ color:#1455d9!important; font-size:13px; } .ftx-dir-tools{ background:#0b1f3a; border-color:#0b1f3a; } .ftx-dir-tools .ftx-dir-head h3{color:#fff!important} .ftx-dir-tools>p{color:rgba(255,255,255,.62)!important} .ftx-dir-tools>a{ border-color:rgba(255,255,255,.10); color:rgba(255,255,255,.85)!important; } .ftx-dir-tools>a b{color:#7ee3ea!important} .ftx-trust{ padding:38px 0; background:#f6f8fc; border-top:1px solid #e5eaf1; border-bottom:1px solid #e5eaf1; } .ftx-trust .container{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; } .ftx-trust h2{ margin:5px 0 0!important; color:#0b1f3a!important; font-size:24px!important; line-height:1.25!important; } .ftx-trust-points{ display:grid; grid-template-columns:1fr 1fr; gap:10px 22px; } .ftx-trust-points span{ color:#536275; font-size:11px; } .ftx-trust-points b{ color:#1455d9; font-size:9px; margin-right:7px; } @media only screen and (max-width:900px){ .ftx-dir-grid{grid-template-columns:1fr 1fr} .ftx-trust .container{grid-template-columns:1fr} } @media only screen and (max-width:600px){ .ftx-directory{padding-top:40px} .ftx-dir-grid{grid-template-columns:1fr} .ftx-trust-points{grid-template-columns:1fr} } /* ========================================================= FINTAXTICAL V8 — EDITORIAL CONTENT LAYER ========================================================= */ .ftx-editorial{ padding:58px 0 35px; background:#f6f8fc; } .ftx-editorial-grid{ display:grid; grid-template-columns:1.25fr 1fr 1fr; grid-template-rows:1fr 1fr; gap:14px; } .ftx-editorial-card{ min-height:190px; padding:24px; display:flex!important; flex-direction:column; border:1px solid #e1e8f0; border-radius:15px; background:#fff!important; box-shadow:0 3px 14px rgba(11,31,58,.03); transition:transform .2s ease,box-shadow .2s ease; } .ftx-editorial-card:hover{ transform:translateY(-3px); box-shadow:0 13px 30px rgba(11,31,58,.08); } .ftx-editorial-primary{ grid-row:span 2; justify-content:flex-end; min-height:395px; background:linear-gradient(145deg,#0b1f3a,#124b88)!important; border-color:#0b1f3a; } .ftx-editorial-tag{ color:#1455d9!important; font-size:9px!important; font-weight:900!important; letter-spacing:1.3px; } .ftx-editorial-primary .ftx-editorial-tag{color:#7ee3ea!important} .ftx-editorial-card h3{ margin:8px 0 8px!important; color:#0b1f3a!important; font-size:20px!important; line-height:1.25!important; } .ftx-editorial-primary h3{ color:#fff!important; font-size:29px!important; } .ftx-editorial-card p{ margin:0 0 18px!important; color:#718096!important; font-size:11px!important; line-height:1.6!important; } .ftx-editorial-primary p{color:rgba(255,255,255,.70)!important} .ftx-editorial-card b{ margin-top:auto; color:#1455d9!important; font-size:10px!important; } .ftx-editorial-primary b{color:#7ee3ea!important} .ftx-editorial-card b i{font-style:normal;margin-left:5px} .ftx-content-roadmap{ padding:42px 0; background:#fff; border-top:1px solid #e4e9ef; border-bottom:1px solid #e4e9ef; } .ftx-content-roadmap .container{ display:grid; grid-template-columns:.8fr 1.2fr; gap:55px; align-items:center; } .ftx-roadmap-copy h2{ margin:6px 0 8px!important; color:#0b1f3a!important; font-size:25px!important; } .ftx-roadmap-copy p{ margin:0!important; color:#718096!important; font-size:11px!important; line-height:1.65!important; } .ftx-roadmap-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; } .ftx-roadmap-steps>div{ padding:16px 12px; border:1px solid #e1e8f0; border-radius:11px; background:#f8fafc; } .ftx-roadmap-steps span{ display:block; color:#1455d9; font-size:9px; font-weight:900; margin-bottom:12px; } .ftx-roadmap-steps strong{ display:block; color:#0b1f3a; font-size:12px; } .ftx-roadmap-steps small{ display:block; margin-top:4px; color:#7b8797; font-size:9px; line-height:1.4; } @media only screen and (max-width:850px){ .ftx-editorial-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto} .ftx-editorial-primary{grid-column:span 2;grid-row:auto;min-height:300px} .ftx-content-roadmap .container{grid-template-columns:1fr;gap:25px} } @media only screen and (max-width:600px){ .ftx-editorial{padding-top:40px} .ftx-editorial-grid{grid-template-columns:1fr} .ftx-editorial-primary{grid-column:auto;min-height:330px} .ftx-roadmap-steps{grid-template-columns:1fr 1fr} } .ftx-latest-heading{ padding:40px 0 0; background:#f6f8fc; } .ftx-latest-heading .container{ display:flex; align-items:flex-end; justify-content:space-between; gap:25px; } .ftx-latest-heading h2{ margin:5px 0 0!important; color:#0b1f3a!important; font-size:27px!important; } .ftx-latest-heading a{ color:#1455d9!important; font-size:11px; font-weight:800; padding-bottom:3px; } .ftx-latest-heading a span{margin-left:5px} /* ========================================================= FINTAXTICAL V10 — PREMIUM FINANCE HOMEPAGE ========================================================= */ body{background:#f7f8fa!important} .ftx-v10-hero{ background:#071a32; padding:76px 0 70px; color:#fff; overflow:hidden; position:relative; } .ftx-v10-hero:before{ content:''; position:absolute; width:580px;height:580px; border:1px solid rgba(126,227,234,.10); border-radius:50%; right:-250px;top:-280px; } .ftx-v10-hero:after{ content:''; position:absolute; width:330px;height:330px; border:1px solid rgba(255,255,255,.06); border-radius:50%; left:-210px;bottom:-230px; } .ftx-v10-hero .container{ display:grid; grid-template-columns:1.15fr .85fr; gap:70px; align-items:center; position:relative; z-index:2; } .ftx-v10-eyebrow{ display:block; color:#7ee3ea; font-size:10px; font-weight:900; letter-spacing:2px; margin-bottom:18px; } .ftx-v10-hero h1{ margin:0!important; color:#fff!important; font-size:62px!important; line-height:1.02!important; letter-spacing:-2px; font-weight:800!important; } .ftx-v10-hero h1 em{ color:#7ee3ea; font-style:normal; } .ftx-v10-hero-copy>p{ max-width:590px; margin:23px 0 28px!important; color:rgba(255,255,255,.70)!important; font-size:16px!important; line-height:1.7!important; } .ftx-v10-actions{display:flex;gap:10px;flex-wrap:wrap} .ftx-v10-primary,.ftx-v10-secondary{ display:inline-flex!important; align-items:center; justify-content:center; padding:13px 18px; border-radius:8px; font-size:11px!important; font-weight:800!important; } .ftx-v10-primary{background:#fff!important;color:#071a32!important} .ftx-v10-primary span{color:#1455d9;margin-left:12px} .ftx-v10-secondary{ border:1px solid rgba(255,255,255,.18); color:#fff!important; background:rgba(255,255,255,.05); } .ftx-v10-trustline{ display:flex; align-items:center; gap:10px; margin-top:30px; color:rgba(255,255,255,.40); font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.7px; } .ftx-v10-trustline i{width:3px;height:3px;border-radius:50%;background:#7ee3ea} .ftx-v10-hero-card{ max-width:390px; justify-self:end; padding:22px; border:1px solid rgba(255,255,255,.12); border-radius:18px; background:linear-gradient(150deg,rgba(255,255,255,.09),rgba(255,255,255,.025)); box-shadow:0 30px 70px rgba(0,0,0,.20); } .ftx-v10-card-top{display:flex;justify-content:space-between;color:rgba(255,255,255,.42);font-size:9px;font-weight:800;letter-spacing:1.3px} .ftx-v10-card-top b{color:#7ee3ea} .ftx-v10-number{ margin:30px 0 5px; color:#7ee3ea; font-size:70px; line-height:.9; font-weight:900; } .ftx-v10-card-title{color:#fff;font-size:22px;font-weight:700;line-height:1.2;margin-bottom:23px} .ftx-v10-card-links{border-top:1px solid rgba(255,255,255,.10)} .ftx-v10-card-links a{ display:flex!important; justify-content:space-between; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.78)!important; font-size:11px!important; font-weight:600!important; } .ftx-v10-card-links a span{color:#7ee3ea} .ftx-v10-topicbar{ background:#fff; border-bottom:1px solid #e7ebf0; } .ftx-v10-topicbar .container{ display:grid; grid-template-columns:1.35fr repeat(6,1fr); align-items:stretch; } .ftx-v10-topic-intro{ padding:20px 20px 20px 0; display:flex; flex-direction:column; justify-content:center; } .ftx-v10-topic-intro span{color:#1455d9;font-size:8px;font-weight:900;letter-spacing:1.5px} .ftx-v10-topic-intro strong{color:#0b1f3a;font-size:14px;margin-top:4px} .ftx-v10-topicbar>a{ padding:18px 13px; border-left:1px solid #edf0f4; } .ftx-v10-topicbar>a:hover{background:#f8fafc} .ftx-v10-topicbar b{display:block;color:#0b1f3a;font-size:11px} .ftx-v10-topicbar small{display:block;margin-top:4px;color:#8a96a6;font-size:8px} .ftx-v10-why{padding:55px 0;background:#f7f8fa} .ftx-v10-why .container{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center} .ftx-v10-label{color:#1455d9;font-size:9px;font-weight:900;letter-spacing:1.6px} .ftx-v10-why h2{margin:7px 0 0!important;color:#0b1f3a!important;font-size:28px!important;line-height:1.2!important} .ftx-v10-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .ftx-v10-why-grid>div{padding:18px;background:#fff;border:1px solid #e4e9ef;border-radius:12px} .ftx-v10-why-grid b{color:#1455d9;font-size:9px} .ftx-v10-why-grid strong{display:block;margin:12px 0 5px;color:#0b1f3a;font-size:12px} .ftx-v10-why-grid p{margin:0;color:#718096;font-size:9px;line-height:1.55} /* Hide legacy homepage clutter; internal article/category pages keep widgets. */ body.homepage #sidebar-wrapper, body.homepage #footer-wrapper .widget, body.homepage .ftx-directory, body.homepage .ftx-finance-hub, body.homepage .ftx-featured-area, body.homepage .ftx-tools-area, body.homepage .ftx-planner, body.homepage .ftx-editorial, body.homepage .ftx-content-roadmap, body.homepage .ftx-trust{ /* legacy sections are visually de-emphasized below */ } @media only screen and (max-width:1050px){ .ftx-v10-hero h1{font-size:50px!important} .ftx-v10-hero .container{gap:35px} .ftx-v10-topicbar .container{grid-template-columns:1fr repeat(3,1fr)} .ftx-v10-topic-intro{grid-column:1/-1;padding-bottom:12px} .ftx-v10-why .container{grid-template-columns:1fr} } @media only screen and (max-width:700px){ .ftx-v10-hero{padding:50px 0} .ftx-v10-hero .container{grid-template-columns:1fr} .ftx-v10-hero h1{font-size:42px!important} .ftx-v10-hero-card{justify-self:stretch;max-width:none} .ftx-v10-topicbar .container{grid-template-columns:1fr 1fr} .ftx-v10-topic-intro{grid-column:1/-1} .ftx-v10-why-grid{grid-template-columns:1fr} } /* V10 calculator refinement */ #ftx-calc-center{ scroll-margin-top:80px; } .ftx-calc-center{ padding:66px 0!important; background:#fff!important; } .ftx-calc-panel{ background:#f7f9fc!important; border:1px solid #dfe6ef!important; box-shadow:0 18px 45px rgba(11,31,58,.06); } .ftx-calc-tab{ padding:11px 20px!important; border-radius:20px!important; } .ftx-calc-tab.active{box-shadow:0 5px 14px rgba(11,31,58,.16)} .ftx-calc-result>div{ background:#fff!important; } /* FINTAXTICAL V11 */ body.homepage{background:#fff!important;color:#14213d!important} body.homepage #header-wrapper{background:#071a32!important;border:0!important;box-shadow:none!important} body.homepage #header-wrapper .topbar-wrap{display:none!important} body.homepage #header-wrapper .main-logo img{max-height:34px!important;width:auto!important;filter:brightness(0) invert(1)!important} body.homepage #header-wrapper .main-menu-nav,body.homepage #header-wrapper .main-nav{background:transparent!important} body.homepage #header-wrapper .main-menu-nav a,body.homepage #header-wrapper .main-nav a,body.homepage #header-wrapper .main-menu-nav .link-list li>a{color:rgba(255,255,255,.88)!important;font-weight:700!important} body.homepage #header-wrapper .main-menu-nav a:hover,body.homepage #header-wrapper .main-nav a:hover{color:#7ee3ea!important} body.homepage #header-wrapper .header-icon{color:#fff!important} .ftx-v11-hero{background:#fff;padding:68px 0 58px;overflow:hidden}.ftx-v11-hero-inner{display:grid;grid-template-columns:1fr 1.02fr;gap:65px;align-items:center}.ftx-v11-eyebrow{display:block;color:#139b76;font-size:9px;font-weight:900;letter-spacing:1.7px;margin-bottom:17px}.ftx-v11-hero h1{margin:0!important;color:#101d36!important;font-size:58px!important;line-height:1.02!important;letter-spacing:-2.4px;font-weight:850!important}.ftx-v11-hero h1 em{font-style:normal;color:#15936f}.ftx-v11-hero-copy>p{max-width:570px;margin:22px 0 27px!important;color:#526178!important;font-size:15px!important;line-height:1.7!important}.ftx-v11-actions{display:flex;gap:11px;flex-wrap:wrap}.ftx-v11-primary,.ftx-v11-secondary{display:inline-flex!important;align-items:center;justify-content:center;height:45px;padding:0 17px;border-radius:8px;font-size:11px!important;font-weight:800!important}.ftx-v11-primary{background:#15936f!important;color:#fff!important;box-shadow:0 7px 18px rgba(21,147,111,.18)}.ftx-v11-primary span{margin-left:13px}.ftx-v11-secondary{border:1px solid #d7dee8;color:#24334d!important;background:#fff}.ftx-v11-trust{display:flex;gap:11px;align-items:center;margin-top:25px;color:#8a96a6;font-size:9px;font-weight:700}.ftx-v11-trust i{width:3px;height:3px;border-radius:50%;background:#1da57d} .ftx-v11-dashboard{height:360px;border:1px solid #dce5ef;border-radius:17px;background:#f8fafc;box-shadow:0 20px 50px rgba(20,37,64,.09);display:flex;overflow:hidden}.ftx-dash-side{width:48px;background:#071a32;display:flex;flex-direction:column;align-items:center;padding:15px 0;gap:14px;color:rgba(255,255,255,.42);font-size:12px}.ftx-dash-side b{color:#7ee3ea;font-size:15px;margin-bottom:4px}.ftx-dash-side span{width:27px;height:27px;border-radius:7px;display:flex;align-items:center;justify-content:center}.ftx-dash-side span.active{background:#15936f;color:#fff}.ftx-dash-main{ flex:1; padding:22px 22px 16px; }.ftx-dash-head{display:flex;justify-content:space-between;color:#15223b;font-size:12px;margin-bottom:17px}.ftx-dash-head span{font-size:9px;color:#15936f}.ftx-dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ftx-dash-stats>div{background:#fff;border:1px solid #e4eaf1;border-radius:9px;padding:12px}.ftx-dash-stats small{display:block;color:#8a96a6;font-size:7px}.ftx-dash-stats b{display:block;margin-top:7px;color:#16243d;font-size:13px}.ftx-dash-stats i{display:block;height:3px;background:#e8edf3;border-radius:4px;margin-top:10px;overflow:hidden}.ftx-dash-stats i u{display:block;height:100%;width:70%;background:#36b88d;text-decoration:none;border-radius:4px}.ftx-dash-stats>div:nth-child(2) i u{width:50%}.ftx-dash-stats>div:nth-child(3) i u{width:78%}.ftx-dash-bottom{display:grid;grid-template-columns:1.25fr .9fr;gap:9px;margin-top:9px}.ftx-health,.ftx-goals{background:#fff;border:1px solid #e4eaf1;border-radius:9px;padding:14px}.ftx-health>small{color:#59677c;font-size:8px;font-weight:700}.ftx-score{width:82px;height:82px;border-radius:50%;border:7px solid #d8f0e8;margin:12px 0 8px;display:flex;align-items:center;justify-content:center;flex-direction:column}.ftx-score strong{font-size:24px;color:#15936f;line-height:1}.ftx-score span{font-size:7px;color:#8490a0}.ftx-health>b{display:block;font-size:9px;color:#17253e}.ftx-health>p{font-size:7px;color:#8a96a6;margin:4px 0 9px!important}.ftx-health>a{display:inline-block;padding:6px 9px;border-radius:5px;background:#15936f;color:#fff!important;font-size:7px;font-weight:800}.ftx-goals>strong{display:block;font-size:10px;color:#17253e;margin-bottom:12px}.ftx-goals>span{display:block;font-size:7px;color:#526178;margin:10px 0}.ftx-goals i{display:block;height:3px;background:#edf0f4;border-radius:4px;margin-top:5px}.ftx-goals u{display:block;height:100%;background:#8dd7bc;border-radius:4px;text-decoration:none} .ftx-v11-goals{padding:28px 0 34px;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;background:#fff}.ftx-v11-centered-title{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:22px}.ftx-v11-centered-title span{height:1px;width:38px;background:#d8e0e9}.ftx-v11-centered-title h2{margin:0!important;color:#14213d!important;font-size:19px!important}.ftx-v11-goal-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.ftx-v11-goal-grid>a{position:relative;min-height:85px;padding:14px 13px 12px 49px;border:1px solid #e2e8ef;border-radius:9px;background:#fff;box-shadow:0 2px 8px rgba(20,37,64,.025)}.ftx-v11-goal-grid>a:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(20,37,64,.07)}.ftx-v11-goal-grid>a>b{position:absolute;left:12px;top:13px;width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}.g-green{background:#d9f5ea;color:#139b76}.g-blue{background:#e1efff;color:#377bd6}.g-lime{background:#e7f7d9;color:#52a63e}.g-purple{background:#eee3ff;color:#8754ce}.g-orange{background:#fff0dc;color:#df8a27}.g-red{background:#ffe2e7;color:#dc5671}.ftx-v11-goal-grid strong{display:block;color:#17253e;font-size:10px}.ftx-v11-goal-grid small{display:block;color:#8290a2;font-size:7px;line-height:1.4;margin-top:5px}.ftx-v11-goal-grid em{position:absolute;right:9px;top:34px;color:#7c8a9d;font-style:normal;font-size:17px} .ftx-v11-tools{padding:34px 0 32px;background:#f7f9fb}.ftx-v11-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.ftx-v11-section-head h2{margin:0!important;color:#15223b!important;font-size:20px!important}.ftx-v11-section-head a{color:#15936f!important;font-size:9px;font-weight:800}.ftx-v11-section-head a span{margin-left:5px}.ftx-v11-calc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.ftx-v11-calc-grid>a{position:relative;min-height:95px;padding:16px 12px 12px 47px;border:1px solid #e0e7ee;border-radius:9px;background:#fff}.ftx-v11-calc-grid>a>b{position:absolute;left:12px;top:16px;width:27px;height:27px;border-radius:8px;background:#e8f4ef;color:#15936f;display:flex;align-items:center;justify-content:center;font-size:11px}.ftx-v11-calc-grid strong{display:block;color:#17253e;font-size:10px}.ftx-v11-calc-grid small{display:block;color:#8490a0;font-size:7px;line-height:1.5;margin-top:5px}.ftx-v11-calc-grid i{position:absolute;right:9px;top:39px;color:#9aa5b3;font-style:normal;font-size:16px} .ftx-v11-latest{padding:34px 0 8px;background:#fff}.ftx-v11-latest + #content-wrapper{padding-top:0!important}body.homepage #content-wrapper{background:#fff!important}body.homepage #main-wrapper{width:100%!important;float:none!important}body.homepage #sidebar-wrapper{display:none!important}body.homepage .blog-posts-wrap{background:#fff!important}body.homepage .blog-posts-wrap .bp-title{display:none!important}body.homepage .index-post-wrap{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:13px!important;padding:0!important}body.homepage .index-post{display:flex!important;flex-direction:column!important;padding:0!important;margin:0!important;border:1px solid #e0e7ee!important;border-radius:11px!important;background:#fff!important;overflow:hidden;box-shadow:0 2px 8px rgba(20,37,64,.025)}body.homepage .index-post .entry-image-wrap{width:100%!important;height:145px!important;margin:0!important;overflow:hidden!important}body.homepage .index-post .entry-header{padding:14px!important}body.homepage .index-post .entry-title{font-size:13px!important;line-height:1.3!important;color:#15223b!important}body.homepage .index-post .entry-excerpt{font-size:9px!important;line-height:1.5!important;color:#7a8798!important}body.homepage .index-post .entry-meta{font-size:8px!important;color:#97a2b0!important;margin-top:auto!important;padding-top:10px!important}body.homepage #content-wrapper>.container{max-width:1180px!important}body.homepage .blog-pager{padding:22px 0!important} .ftx-v11-newsletter{margin-top:32px;background:#071a32;color:#fff;padding:23px 0}.ftx-v11-newsletter .container{display:grid;grid-template-columns:1.3fr 1fr 1.15fr;gap:22px;align-items:center}.ftx-v11-newsletter strong{display:block;color:#fff;font-size:13px}.ftx-v11-newsletter p{margin:4px 0 0!important;color:rgba(255,255,255,.55)!important;font-size:8px}.ftx-mail-icon{float:left;width:34px;height:34px;border-radius:50%;background:#15936f;display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:12px}.ftx-news-form{display:flex}.ftx-news-form input{height:38px;flex:1;border:0;border-radius:6px 0 0 6px;padding:0 10px;font-size:9px}.ftx-news-form button{height:38px;border:0;border-radius:0 6px 6px 0;background:#15936f;color:#fff;font-size:9px;font-weight:800;padding:0 14px}.ftx-news-points{display:flex;gap:15px;justify-content:flex-end}.ftx-news-points span{font-size:8px;color:rgba(255,255,255,.62)} body.homepage .ftx-home-hero,body.homepage .ftx-category-strip,body.homepage .ftx-featured-area,body.homepage .ftx-finance-hub,body.homepage .ftx-calc-center,body.homepage .ftx-planner,body.homepage .ftx-directory,body.homepage .ftx-editorial,body.homepage .ftx-content-roadmap,body.homepage .ftx-trust,body.homepage .ftx-latest-heading,body.homepage .ftx-v10-hero,body.homepage .ftx-v10-topicbar,body.homepage .ftx-v10-why{display:none!important}body.homepage #footer-wrapper{display:none!important} @media(max-width:1050px){.ftx-v11-hero-inner{grid-template-columns:1fr;gap:30px}.ftx-v11-dashboard{max-width:700px}.ftx-v11-goal-grid,.ftx-v11-calc-grid{grid-template-columns:repeat(3,1fr)}.ftx-v11-newsletter .container{grid-template-columns:1fr 1fr}.ftx-news-points{justify-content:flex-start;grid-column:1/-1}} @media(max-width:700px){.ftx-v11-hero{padding:45px 0}.ftx-v11-hero h1{font-size:42px!important}.ftx-v11-dashboard{height:auto;min-height:330px}.ftx-dash-stats{grid-template-columns:1fr}.ftx-dash-bottom{grid-template-columns:1fr}.ftx-v11-goal-grid,.ftx-v11-calc-grid{grid-template-columns:1fr 1fr}.ftx-v11-section-head{align-items:flex-start;gap:12px;flex-direction:column}.ftx-v11-newsletter .container{grid-template-columns:1fr}.ftx-news-points{grid-column:auto;flex-wrap:wrap}.ftx-news-form{width:100%}} @media(max-width:430px){.ftx-v11-goal-grid,.ftx-v11-calc-grid{grid-template-columns:1fr}.ftx-v11-hero h1{font-size:38px!important}.ftx-dash-side{width:38px}.ftx-dash-main{padding:14px 11px}} /* ========================================================= FINTAXTICAL PRO HOMEPAGE — CLEAN FINTECH SYSTEM ========================================================= */ :root{ --fp-navy:#061a33; --fp-navy2:#0a2444; --fp-green:#12b77a; --fp-green2:#0b9d68; --fp-ink:#101c31; --fp-muted:#65748a; --fp-border:#e5eaf0; --fp-bg:#f7f9fb; --fp-white:#fff; --fp-purple:#8b5cf6; --fp-blue:#2f80ed; --fp-orange:#f59e0b; --fp-shadow:0 14px 36px rgba(14,33,58,.07); --fp-radius:12px; } body.homepage #outer-wrapper, body.is-home #outer-wrapper{ display:none!important; } body.homepage, body.is-home{ background:#fff!important; font-family:Inter,Arial,sans-serif!important; } #ftx-pro-home{ width:100%; min-height:100vh; color:var(--fp-ink); font-family:Inter,Arial,sans-serif; background:#fff; } #ftx-pro-home *{box-sizing:border-box} #ftx-pro-home a{text-decoration:none} .ftx-pro-container{width:min(1280px,calc(100% - 64px));margin:0 auto} /* Header */ .ftx-pro-header{ position:relative; z-index:1000; background:var(--fp-navy); color:#fff; } .ftx-pro-nav{ width:min(1280px,calc(100% - 64px)); height:72px; margin:auto; display:flex; align-items:center; gap:32px; } .ftx-brand{display:flex;flex-direction:column;min-width:220px} .ftx-brand-name{ color:#fff!important; font-size:25px; line-height:1; font-weight:800; letter-spacing:-.8px; } .ftx-brand-name span{color:#23c98a} .ftx-brand small{ color:rgba(255,255,255,.62); font-size:9px; letter-spacing:.15px; margin-top:5px; } .ftx-main-nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center} .ftx-main-nav>a,.ftx-nav-dd>a{ display:flex!important; align-items:center; gap:7px; position:relative; padding:27px 13px 25px; color:rgba(255,255,255,.88)!important; font-size:12px!important; font-weight:600!important; white-space:nowrap; } .ftx-main-nav>a.active:after{ content:''; position:absolute;left:13px;right:13px;bottom:0;height:2px;background:var(--fp-green); } .ftx-main-nav>a:hover,.ftx-nav-dd>a:hover{color:#fff!important} .ftx-nav-dd{position:relative} .ftx-nav-dd>a span{color:#8de8c3;font-size:13px} .ftx-dd-menu{ display:none; position:absolute; top:65px; left:0; width:190px; padding:8px; border:1px solid #e2e8ef; border-radius:10px; background:#fff; box-shadow:0 18px 40px rgba(0,0,0,.15); } .ftx-nav-dd:hover .ftx-dd-menu{display:block} .ftx-dd-menu a{ display:block; padding:10px 11px; border-radius:7px; color:#26364c!important; font-size:11px!important; } .ftx-dd-menu a:hover{background:#f1f7f4;color:var(--fp-green2)!important} .ftx-header-actions{display:flex;align-items:center;gap:10px} .ftx-search-btn,.ftx-mobile-btn{ border:0;background:transparent;color:#fff;cursor:pointer; } .ftx-search-btn{width:38px;height:38px} .ftx-search-btn svg{width:19px;fill:none;stroke:currentColor;stroke-width:2} .ftx-header-cta{ border:0; border-radius:7px; padding:11px 17px; background:var(--fp-green); color:#fff; font-size:11px; font-weight:800; cursor:pointer; } .ftx-header-cta:hover{background:#18c884} .ftx-mobile-btn{display:none;width:38px} .ftx-mobile-btn span{display:block;width:22px;height:2px;background:#fff;margin:5px auto} .ftx-mobile-nav{display:none} /* Hero */ .ftx-pro-hero{ position:relative; overflow:hidden; padding:76px 0 78px; background: radial-gradient(circle at 88% 18%,rgba(18,183,122,.055),transparent 28%), linear-gradient(180deg,#ffffff 0%,#f8fafc 100%); } .ftx-hero-grid{ display:grid; grid-template-columns:minmax(0,.84fr) minmax(620px,1.16fr); gap:64px; align-items:center; } .ftx-hero-copy{position:relative;z-index:2} .ftx-eyebrow{color:var(--fp-green2);font-size:9px;font-weight:800;letter-spacing:1.45px;margin-bottom:18px} .ftx-eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--fp-green);margin-right:7px} .ftx-hero-copy h1{ margin:0!important; color:#091a32!important; font-size:60px!important; line-height:1.01!important; letter-spacing:-2.9px; font-weight:800!important; } .ftx-hero-copy h1 span{color:var(--fp-green2)} .ftx-hero-copy>p{ max-width:520px; margin:22px 0 28px!important; color:#56667b!important; font-size:15px!important; line-height:1.72!important; } .ftx-hero-actions{display:flex;gap:10px;flex-wrap:wrap} .ftx-btn{ display:inline-flex!important; align-items:center; justify-content:center; min-height:45px; padding:0 17px; border-radius:8px; font-size:11px!important; font-weight:800!important; } .ftx-btn-green{background:var(--fp-green);color:#fff!important;box-shadow:0 8px 20px rgba(18,183,122,.20)} .ftx-btn-green b{margin-left:13px;font-size:14px} .ftx-btn-light{border:1px solid #d9e1e8;color:#22334c!important;background:#fff} .ftx-btn-light:hover{border-color:#aab8c7} .ftx-hero-proof{display:flex;align-items:center;gap:9px;margin-top:23px;color:#7b899b;font-size:9px} .ftx-hero-proof strong{color:#46566b;font-weight:700} .ftx-proof-dot{width:7px;height:7px;border-radius:50%;background:var(--fp-green);box-shadow:0 0 0 4px #e5f8f0} /* Decorative orbs */ .ftx-hero-orb{position:absolute;border-radius:50%;border:1px solid #d9f3e9} .ftx-orb-one{width:500px;height:500px;right:-260px;top:-230px} .ftx-orb-two{width:280px;height:280px;right:90px;bottom:-250px;background:rgba(18,183,122,.025)} /* Dashboard */ .ftx-dashboard{ display:flex; position:relative; min-height:414px; border:1px solid #dfe7ee; border-radius:18px; background:#f8fafc; box-shadow:0 28px 65px rgba(8,29,52,.12); overflow:hidden; } .ftx-dash-sidebar{ width:68px; flex:0 0 68px; padding:17px 11px; background:linear-gradient(180deg,#06203d,#08182d); display:flex; align-items:center; flex-direction:column; gap:13px; } .ftx-dash-logo{ width:35px;height:35px;border-radius:8px; display:flex;align-items:center;justify-content:center; color:#fff;background:var(--fp-green);font-size:10px;font-weight:900;margin-bottom:12px; } .ftx-dash-sidebar button{ width:35px;height:35px;border:0;border-radius:8px;background:transparent;color:rgba(255,255,255,.42);font-size:15px;cursor:pointer; } .ftx-dash-sidebar button.active{background:var(--fp-green);color:#fff} .ftx-dash-main{flex:1;padding:20px 20px 15px} .ftx-dash-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px} .ftx-dash-top small{display:block;color:#7c8a9c;font-size:8px;font-weight:800;letter-spacing:1px} .ftx-dash-top h3{ margin:5px 0 0!important; color:#10223b!important; font-size:19px!important; letter-spacing:-.3px; } .ftx-avatar{width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e6f8f0;color:var(--fp-green2);font-size:11px;font-weight:800} .ftx-metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .ftx-metric{padding:14px 13px;border:1px solid #e5eaf0;border-radius:10px;background:#fff} .ftx-metric small{display:block;color:#718096;font-size:8px;font-weight:600} .ftx-metric strong{ display:block; margin:6px 0 10px; color:#10223b; font-size:17px; letter-spacing:-.3px; } .ftx-metric i{display:block;height:4px;border-radius:4px;background:#e9eef2;overflow:hidden} .ftx-metric i b{display:block;height:100%;border-radius:4px;background:var(--fp-green)} .ftx-dash-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:10px} .ftx-score-card,.ftx-goals-card{padding:15px;border:1px solid #e5eaf0;border-radius:10px;background:#fff} .ftx-card-title{color:#16243b;font-size:10px;font-weight:800;margin-bottom:12px} .ftx-score-body{display:flex;align-items:center;gap:15px} .ftx-score-ring{ width:90px; height:90px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:conic-gradient(var(--fp-green) 0 72%,#e7edf1 72% 100%); position:relative; flex:0 0 90px; } .ftx-score-ring:after{content:'';position:absolute;width:68px;height:68px;border-radius:50%;background:#fff} .ftx-score-ring span{position:relative;z-index:2;color:#14233b;font-size:22px;font-weight:800} .ftx-score-ring span small{font-size:8px;color:#8a97a6;font-weight:600} .ftx-score-body strong{color:#14233b;font-size:11px} .ftx-score-body p{margin:4px 0 8px!important;color:#7b8999;font-size:8px;line-height:1.4} .ftx-score-body button{border:0;border-radius:5px;background:var(--fp-green);color:#fff;font-size:8px;font-weight:800;padding:7px 9px;cursor:pointer} .ftx-goal{display:grid;grid-template-columns:17px 1fr 48px;gap:6px;align-items:center;margin:9px 0} .ftx-goal>span{width:16px;height:16px;border:1.5px solid var(--fp-green);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--fp-green);font-size:8px} .ftx-goal label{color:#536277;font-size:8px} .ftx-goal i{height:4px;border-radius:5px;background:#e9eef2;overflow:hidden} .ftx-goal i b{display:block;height:100%;background:var(--fp-green)} .ftx-dashboard-note{display:flex;justify-content:space-between;margin-top:10px;color:#9aa5b2;font-size:7px} .ftx-dashboard-note b{color:#5c6a7d} /* Planning */ .ftx-planning{padding:39px 0 43px;background:#fff;border-top:1px solid #edf0f3} .ftx-section-title.center{text-align:center;margin-bottom:22px} .ftx-section-title span,.ftx-section-heading-row span,.ftx-news-copy>div>span{ color:var(--fp-green2);font-size:8px;font-weight:900;letter-spacing:1.45px } .ftx-section-title h2{margin:6px 0 0!important;color:#101c31!important;font-size:24px!important;line-height:1.2!important} .ftx-plan-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px} .ftx-plan-card{ min-height:98px; display:flex!important;align-items:center;gap:10px; padding:13px 12px; border:1px solid #e3e8ed; border-radius:10px; background:#fff; box-shadow:0 2px 9px rgba(14,33,58,.025); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; } .ftx-plan-card:hover{transform:translateY(-3px);border-color:#cfe1d9;box-shadow:var(--fp-shadow)} .ftx-plan-icon,.ftx-calc-icon{ flex:0 0 38px;width:38px;height:38px;border-radius:50%; display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800; } .ftx-plan-icon.green,.ftx-calc-icon.green{background:#e5f8f0;color:#11a96f} .ftx-plan-icon.blue,.ftx-calc-icon.blue{background:#eaf2ff;color:#2f80ed} .ftx-plan-icon.teal,.ftx-calc-icon.teal{background:#e5faf7;color:#0ca68b} .ftx-plan-icon.purple,.ftx-calc-icon.purple{background:#f1eaff;color:#8b5cf6} .ftx-plan-icon.orange,.ftx-calc-icon.orange{background:#fff0dc;color:#e79710} .ftx-plan-icon.pink{background:#ffe9f1;color:#e55b8a} .ftx-plan-card div:nth-child(2){min-width:0} .ftx-plan-card strong{display:block;color:#14233b;font-size:10px;line-height:1.3} .ftx-plan-card p{margin:4px 0 0!important;color:#7a8798;font-size:8px;line-height:1.35} .ftx-plan-card>b{margin-left:auto;color:#91a0af;font-size:19px;font-weight:400} /* Calculators */ .ftx-calculators{padding:36px 0 43px;background:#f7fafb;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4} .ftx-section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px} .ftx-section-heading-row h2{margin:5px 0 0!important;color:#101c31!important;font-size:23px!important} .ftx-view-all{border:0;background:transparent;color:var(--fp-green2)!important;font-size:10px;font-weight:800;cursor:pointer;padding:0} .ftx-view-all b{margin-left:7px;font-size:13px} .ftx-calc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px} .ftx-calc-card{ min-height:105px; display:flex;align-items:center;text-align:left;gap:10px; padding:13px; border:1px solid #e1e7ec; border-radius:10px; background:#fff; cursor:pointer; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; } .ftx-calc-card:hover{transform:translateY(-3px);border-color:#cfe1d9;box-shadow:var(--fp-shadow)} .ftx-calc-icon{flex-basis:38px;width:38px;height:38px} .ftx-calc-card div{min-width:0} .ftx-calc-card strong{display:block;color:#14233b;font-size:10px;line-height:1.3} .ftx-calc-card p{margin:5px 0 0!important;color:#788597;font-size:8px;line-height:1.4} .ftx-calc-card>b{margin-left:auto;color:#8e9baa;font-size:18px;font-weight:400} /* Latest */ .ftx-latest{padding:38px 0 45px;background:#fff} .ftx-post-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px} .ftx-post-card{ display:flex!important; flex-direction:column; overflow:hidden; border:1px solid #e1e7ec; border-radius:11px; background:#fff; min-height:282px; transition:transform .2s ease,box-shadow .2s ease; } .ftx-post-card:hover{transform:translateY(-3px);box-shadow:var(--fp-shadow)} .ftx-post-img{height:145px;width:100%;object-fit:cover;background:#eaf0f3} .ftx-post-body{padding:14px 15px 16px;display:flex;flex-direction:column;flex:1} .ftx-post-tag{color:var(--fp-green2);font-size:7px;font-weight:900;letter-spacing:1px;text-transform:uppercase} .ftx-post-title{margin:7px 0 9px;color:#14233b;font-size:14px;font-weight:800;line-height:1.32} .ftx-post-excerpt{margin:0;color:#778597;font-size:9px;line-height:1.5} .ftx-post-meta{margin-top:auto;padding-top:12px;color:#9aa5b2;font-size:8px} .ftx-post-skeleton{height:282px;border-radius:11px;background:linear-gradient(90deg,#f1f4f6 25%,#fafbfc 37%,#f1f4f6 63%);background-size:400% 100%;animation:ftxShimmer 1.3s infinite} @keyframes ftxShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}} /* Newsletter */ .ftx-newsletter{background:var(--fp-navy);padding:25px 0} .ftx-newsletter-inner{display:grid;grid-template-columns:1.35fr .95fr 1.05fr;gap:28px;align-items:center} .ftx-news-copy{display:flex;align-items:center;gap:13px} .ftx-mail-icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--fp-green);color:#fff;font-size:17px} .ftx-news-copy h2{margin:4px 0 3px!important;color:#fff!important;font-size:15px!important} .ftx-news-copy p{margin:0!important;color:rgba(255,255,255,.55);font-size:8px;line-height:1.45} .ftx-subscribe{display:flex;height:38px} .ftx-subscribe input{min-width:0;flex:1;border:0;padding:0 12px;border-radius:6px 0 0 6px;font-size:9px;outline:none} .ftx-subscribe button{width:90px;border:0;border-radius:0 6px 6px 0;background:var(--fp-green);color:#fff;font-size:9px;font-weight:800;cursor:pointer} .ftx-news-points{display:flex;justify-content:space-between;gap:15px} .ftx-news-points>div{display:flex;gap:7px;align-items:center} .ftx-news-points b{width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(18,183,122,.5);color:var(--fp-green);font-size:9px} .ftx-news-points strong{display:block;color:#fff;font-size:8px} .ftx-news-points small{display:block;margin-top:2px;color:rgba(255,255,255,.45);font-size:7px} /* Footer */ .ftx-pro-footer{background:#04152a;color:#fff;padding:32px 0 15px} .ftx-footer-top{display:flex;justify-content:space-between;gap:50px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.08)} .footer-brand{min-width:240px} .ftx-footer-links{display:grid;grid-template-columns:repeat(3,150px);gap:35px} .ftx-footer-links strong{display:block;color:#fff;font-size:9px;margin-bottom:11px} .ftx-footer-links a{display:block;color:rgba(255,255,255,.48)!important;font-size:8px;margin:7px 0} .ftx-footer-links a:hover{color:#fff!important} .ftx-footer-bottom{display:flex;justify-content:space-between;padding-top:14px;color:rgba(255,255,255,.35);font-size:7px} /* Search/modal */ .ftx-overlay{ display:none; position:fixed;inset:0; z-index:3000; background:rgba(3,17,34,.68); backdrop-filter:blur(4px); align-items:center; justify-content:center; padding:20px; } .ftx-overlay.open{display:flex} .ftx-search-box,.ftx-tool-modal{ position:relative; width:min(760px,100%); border-radius:16px; background:#fff; box-shadow:0 30px 80px rgba(0,0,0,.25); } .ftx-search-box{padding:30px} .ftx-search-box>span{font-size:8px;font-weight:900;letter-spacing:1.4px;color:var(--fp-green2)} .ftx-search-box form{display:flex;margin-top:12px} .ftx-search-box input{flex:1;height:46px;border:1px solid #dce3ea;border-radius:7px 0 0 7px;padding:0 13px;outline:none;font-size:12px} .ftx-search-box form button{width:90px;border:0;border-radius:0 7px 7px 0;background:var(--fp-green);color:#fff;font-size:10px;font-weight:800} .ftx-close{position:absolute;right:13px;top:11px;border:0;background:transparent;color:#758397;font-size:25px;cursor:pointer} .ftx-tool-modal{padding:28px} .ftx-tool-head span{color:var(--fp-green2);font-size:8px;font-weight:900;letter-spacing:1.3px} .ftx-tool-head h2{margin:5px 0 3px;color:#10203a;font-size:23px} .ftx-tool-head p{margin:0;color:#758397;font-size:9px} .ftx-tool-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:20px 0} .ftx-tool-tabs button{border:1px solid #dce4ea;background:#f7f9fb;color:#5f6d7f;border-radius:18px;padding:8px 12px;font-size:8px;font-weight:800;cursor:pointer} .ftx-tool-tabs button.active{background:var(--fp-navy);border-color:var(--fp-navy);color:#fff} .ftx-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .ftx-form-grid label{display:block;color:#5c6b7f;font-size:9px;font-weight:700} .ftx-form-grid input{display:block;width:100%;height:40px;margin-top:5px;border:1px solid #dce3ea;border-radius:7px;padding:0 10px;font-size:11px;outline:none} .ftx-calc-submit{height:40px;border:0;border-radius:7px;background:var(--fp-green);color:#fff;font-size:9px;font-weight:800;cursor:pointer;margin-top:18px;padding:0 18px} .ftx-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px} .ftx-result-box{padding:13px;border:1px solid #e4e9ee;border-radius:9px;background:#f9fbfc} .ftx-result-box small{display:block;color:#8591a0;font-size:7px;text-transform:uppercase} .ftx-result-box strong{display:block;margin-top:5px;color:#12223b;font-size:16px} .ftx-tool-note{margin:15px 0 0;color:#9aa5b2;font-size:7px;line-height:1.5} .ftx-toast{position:fixed;right:22px;bottom:22px;z-index:4000;display:none;background:#09203b;color:#fff;border-radius:8px;padding:11px 14px;font-size:9px;box-shadow:0 10px 25px rgba(0,0,0,.18)} .ftx-toast.show{display:block} /* Mobile */ @media(max-width:1100px){ .ftx-main-nav{gap:0}.ftx-main-nav>a,.ftx-nav-dd>a{padding-left:8px;padding-right:8px} .ftx-plan-grid{grid-template-columns:repeat(3,1fr)} .ftx-calc-grid{grid-template-columns:repeat(3,1fr)} .ftx-newsletter-inner{grid-template-columns:1fr 1fr} .ftx-news-points{grid-column:1/-1} } @media(max-width:850px){ .ftx-pro-container,.ftx-pro-nav{width:min(100% - 34px,680px)} .ftx-main-nav{display:none} .ftx-mobile-btn{display:block} .ftx-header-actions{margin-left:auto} .ftx-mobile-nav{padding:10px 17px 17px;display:none;grid-template-columns:repeat(3,1fr);gap:6px} .ftx-mobile-nav.open{display:grid} .ftx-mobile-nav a{padding:11px;background:rgba(255,255,255,.06);border-radius:7px;color:#fff!important;font-size:9px;text-align:center} .ftx-hero-grid{grid-template-columns:1fr;gap:35px} .ftx-hero-copy h1{font-size:49px!important;letter-spacing:-2px} .ftx-dashboard{max-width:680px;margin:auto} .ftx-plan-grid{grid-template-columns:repeat(2,1fr)} .ftx-calc-grid{grid-template-columns:repeat(2,1fr)} .ftx-post-grid{grid-template-columns:repeat(2,1fr)} .ftx-newsletter-inner{grid-template-columns:1fr} .ftx-news-points{grid-column:auto} .ftx-footer-top{flex-direction:column} } @media(max-width:560px){ .ftx-pro-container,.ftx-pro-nav{width:calc(100% - 24px)} .ftx-pro-nav{height:64px} .ftx-brand{min-width:0} .ftx-brand-name{font-size:20px} .ftx-brand small{font-size:7px} .ftx-header-cta{display:none} .ftx-pro-hero{padding:48px 0 50px} .ftx-hero-copy h1{font-size:40px!important;letter-spacing:-1.5px} .ftx-hero-copy>p{font-size:12px!important} .ftx-dashboard{min-height:0;border-radius:14px;box-shadow:0 18px 40px rgba(8,29,52,.10)} .ftx-dash-sidebar{display:none} .ftx-dash-main{padding:14px} .ftx-metric-row{grid-template-columns:1fr} .ftx-dash-bottom{grid-template-columns:1fr} .ftx-plan-grid,.ftx-calc-grid,.ftx-post-grid{grid-template-columns:1fr} .ftx-section-heading-row{align-items:flex-start;flex-direction:column} .ftx-footer-links{grid-template-columns:1fr 1fr;gap:22px} .ftx-footer-bottom{flex-direction:column;gap:7px} .ftx-form-grid,.ftx-result-grid{grid-template-columns:1fr} .ftx-tool-modal{padding:22px 17px} } /* Ensure the legacy homepage cannot appear underneath the new shell. */ body.homepage #header-wrapper, body.homepage #content-wrapper, body.homepage #footer-wrapper, body.is-home #header-wrapper, body.is-home #content-wrapper, body.is-home #footer-wrapper{display:none!important} /* V12 — utility bar, legacy-shell lock, and tighter page rhythm */ .ftx-utility-bar{ height:34px; background:#f4f7f8; border-bottom:1px solid #e6ebef; color:#647386; } .ftx-utility-inner{ width:min(1280px,calc(100% - 64px)); height:34px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; } .ftx-utility-note{ font-size:8px; font-weight:600; letter-spacing:.25px; } .ftx-utility-inner nav{display:flex;align-items:center;gap:19px} .ftx-utility-inner nav a{ color:#536276!important; font-size:8px!important; font-weight:700!important; } .ftx-utility-inner nav a:hover{color:#0b9d68!important} /* The old Blogger wrapper sits AFTER our new homepage in the DOM. Hide it by structure, not by Blogger body-class assumptions. */ body:has(#ftx-pro-home) #outer-wrapper, body:has(#ftx-pro-home) #header-wrapper, body:has(#ftx-pro-home) #content-wrapper, body:has(#ftx-pro-home) #footer-wrapper, body:has(#ftx-pro-home) #page-footer{ display:none!important; } #ftx-pro-home + #outer-wrapper{display:none!important} /* Prevent anchor jumps from leaving awkward gaps below the fixed utility/header. */ #ftx-pro-home [id]{scroll-margin-top:118px} /* Make the final part of the homepage feel like one deliberate ending. */ .ftx-newsletter{padding:22px 0} .ftx-pro-footer{padding:28px 0 14px} .ftx-footer-top{padding-bottom:21px} /* Small visual refinement: keep the dashboard and planning sections crisp. */ .ftx-planning{padding-top:37px;padding-bottom:39px} .ftx-calculators{padding-top:34px;padding-bottom:38px} .ftx-latest{padding-top:36px;padding-bottom:40px} @media(max-width:700px){ .ftx-utility-inner{width:calc(100% - 24px)} .ftx-utility-note{display:none} .ftx-utility-inner nav{width:100%;justify-content:center;gap:13px} .ftx-utility-inner nav a{font-size:7px!important} } /* ========================================================= FINTAXTICAL STEP 3 — PLANNING CARDS ========================================================= */ .ftx-planning{ padding:52px 0 58px!important; background:#fff!important; border-top:1px solid #edf1f4; } .ftx-section-title.center{ text-align:center; margin-bottom:29px!important; } .ftx-section-title span{ display:block; color:#10a96f!important; font-size:8px!important; font-weight:900!important; letter-spacing:1.7px!important; } .ftx-section-title h2{ margin:7px 0 0!important; color:#0c1b31!important; font-size:27px!important; line-height:1.18!important; letter-spacing:-.55px; font-weight:800!important; } .ftx-plan-grid{ display:grid; grid-template-columns:repeat(3,1fr)!important; gap:13px!important; max-width:1080px; margin:0 auto; } .ftx-plan-card{ position:relative; min-height:112px!important; display:flex!important; align-items:center; gap:15px!important; padding:18px 17px!important; border:1px solid #e2e8ed!important; border-radius:13px!important; background:#fff!important; box-shadow:0 3px 12px rgba(13,32,55,.025)!important; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease!important; } .ftx-plan-card:hover{ transform:translateY(-4px)!important; border-color:#cfe1d8!important; background:#fbfefc!important; box-shadow:0 15px 32px rgba(13,32,55,.075)!important; } .ftx-plan-card:after{ content:''; position:absolute; left:17px; bottom:0; width:0; height:2px; border-radius:2px; background:#12b77a; transition:width .22s ease; } .ftx-plan-card:hover:after{width:42px} .ftx-plan-icon{ flex:0 0 46px!important; width:46px!important; height:46px!important; border-radius:12px!important; font-size:18px!important; box-shadow:inset 0 0 0 1px rgba(0,0,0,.025); } .ftx-plan-card div:nth-child(2){ min-width:0; flex:1; } .ftx-plan-card strong{ display:block; color:#12233b!important; font-size:12px!important; line-height:1.25!important; font-weight:800!important; } .ftx-plan-card p{ margin:5px 0 0!important; color:#7a8798!important; font-size:9px!important; line-height:1.45!important; } .ftx-plan-card>b{ margin-left:auto!important; color:#9aa7b5!important; font-size:20px!important; font-weight:400!important; transition:transform .2s ease,color .2s ease; } .ftx-plan-card:hover>b{ color:#10a96f!important; transform:translateX(3px); } /* Individual category accents */ .ftx-plan-card:nth-child(1) .ftx-plan-icon{background:#e7f8f1;color:#0ca66d} .ftx-plan-card:nth-child(2) .ftx-plan-icon{background:#eaf2ff;color:#347fdf} .ftx-plan-card:nth-child(3) .ftx-plan-icon{background:#e7faf7;color:#0caa8e} .ftx-plan-card:nth-child(4) .ftx-plan-icon{background:#f1eafe;color:#8758e9} .ftx-plan-card:nth-child(5) .ftx-plan-icon{background:#fff1dd;color:#df9615} .ftx-plan-card:nth-child(6) .ftx-plan-icon{background:#ffebf2;color:#dc638c} /* A quiet explanatory line below the cards */ .ftx-planning-note{ max-width:1080px; margin:20px auto 0; text-align:center; color:#94a0ad; font-size:8px; letter-spacing:.1px; } @media(max-width:850px){ .ftx-plan-grid{grid-template-columns:repeat(2,1fr)!important} } @media(max-width:560px){ .ftx-planning{padding:40px 0 45px!important} .ftx-section-title h2{font-size:23px!important} .ftx-plan-grid{grid-template-columns:1fr!important} .ftx-plan-card{min-height:96px!important} } /* ========================================================= FINTAXTICAL STEP 4 — CALCULATOR HUB ========================================================= */ .ftx-calculators{ padding:56px 0 62px!important; background:#f6f9fa!important; border-top:1px solid #e8eef1!important; border-bottom:1px solid #e8eef1!important; } .ftx-section-heading-row{ max-width:1080px; margin:0 auto 25px!important; align-items:flex-end!important; } .ftx-section-heading-row span{ display:block; color:#10a96f!important; font-size:8px!important; font-weight:900!important; letter-spacing:1.7px!important; } .ftx-section-heading-row h2{ margin:6px 0 0!important; color:#0c1b31!important; font-size:28px!important; line-height:1.15!important; letter-spacing:-.6px; font-weight:800!important; } .ftx-view-all{ display:inline-flex; align-items:center; gap:7px; color:#0b9d68!important; font-size:9px!important; font-weight:800!important; cursor:pointer; } .ftx-view-all b{font-size:13px!important} /* six tools: less like generic boxes, more like a product library */ .ftx-calc-grid{ max-width:1080px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr)!important; gap:13px!important; } .ftx-calc-card{ position:relative; min-height:116px!important; display:flex!important; align-items:center!important; gap:15px!important; padding:18px!important; text-align:left!important; border:1px solid #dfe7ec!important; border-radius:13px!important; background:#fff!important; cursor:pointer; box-shadow:0 3px 12px rgba(13,32,55,.025)!important; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important; } .ftx-calc-card:hover{ transform:translateY(-4px)!important; border-color:#c9ded5!important; box-shadow:0 16px 34px rgba(13,32,55,.08)!important; } .ftx-calc-card:before{ content:''; position:absolute; left:0;top:18px;bottom:18px; width:3px; border-radius:0 3px 3px 0; background:#12b77a; opacity:.7; } .ftx-calc-icon{ flex:0 0 46px!important; width:46px!important; height:46px!important; border-radius:12px!important; font-size:17px!important; } .ftx-calc-card div{min-width:0;flex:1} .ftx-calc-card strong{ display:block; color:#12233b!important; font-size:12px!important; font-weight:800!important; line-height:1.3!important; } .ftx-calc-card p{ margin:5px 0 0!important; color:#7a8798!important; font-size:9px!important; line-height:1.45!important; } .ftx-calc-card>b{ margin-left:auto!important; color:#9aa7b5!important; font-size:20px!important; font-weight:400!important; transition:transform .2s ease,color .2s ease; } .ftx-calc-card:hover>b{ color:#10a96f!important; transform:translateX(3px); } /* calculator tool colors */ .ftx-calc-card:nth-child(1) .ftx-calc-icon{background:#e7f8f1;color:#0ca66d} .ftx-calc-card:nth-child(2) .ftx-calc-icon{background:#eaf2ff;color:#347fdf} .ftx-calc-card:nth-child(3) .ftx-calc-icon{background:#f1eafe;color:#8758e9} .ftx-calc-card:nth-child(4) .ftx-calc-icon{background:#fff1dd;color:#df9615} .ftx-calc-card:nth-child(5) .ftx-calc-icon{background:#e7faf7;color:#0caa8e} .ftx-calc-card:nth-child(6) .ftx-calc-icon{background:#eaf2ff;color:#347fdf} .ftx-calculator-note{ max-width:1080px; margin:19px auto 0; padding:10px 13px; border:1px solid #e2e9ed; border-radius:8px; background:rgba(255,255,255,.65); color:#8b97a4; font-size:8px; line-height:1.5; } .ftx-calculator-note strong{color:#647286} @media(max-width:850px){ .ftx-calc-grid{grid-template-columns:repeat(2,1fr)!important} } @media(max-width:560px){ .ftx-calculators{padding:43px 0 48px!important} .ftx-section-heading-row{align-items:flex-start!important;flex-direction:column!important;gap:10px} .ftx-section-heading-row h2{font-size:24px!important} .ftx-calc-grid{grid-template-columns:1fr!important} } /* ========================================================= FINTAXTICAL STEP 5 — EDITORIAL ARTICLES ========================================================= */ .ftx-latest{ padding:58px 0 64px!important; background:#fff!important; } .ftx-latest .ftx-section-heading-row{ max-width:1080px; margin:0 auto 25px!important; } .ftx-post-grid{ max-width:1080px; margin:0 auto; display:grid; grid-template-columns:1.35fr 1fr 1fr!important; grid-template-rows:auto auto; gap:13px!important; } .ftx-post-card{ position:relative; display:flex!important; flex-direction:column; overflow:hidden; border:1px solid #e1e7ec!important; border-radius:13px!important; background:#fff!important; min-height:295px!important; box-shadow:0 3px 12px rgba(13,32,55,.025)!important; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important; } .ftx-post-card:hover{ transform:translateY(-4px)!important; border-color:#cfe0d8!important; box-shadow:0 17px 36px rgba(13,32,55,.08)!important; } .ftx-post-card:first-child{ grid-row:span 2; min-height:603px!important; } .ftx-post-card:first-child .ftx-post-img{height:280px!important} .ftx-post-img{ display:block; width:100%!important; height:145px!important; object-fit:cover!important; background:linear-gradient(135deg,#eaf1f0,#dce7e5)!important; } .ftx-post-body{ padding:16px 16px 17px!important; display:flex; flex-direction:column; flex:1; } .ftx-post-tag{ color:#0ca66d!important; font-size:7px!important; font-weight:900!important; letter-spacing:1.3px!important; text-transform:uppercase; } .ftx-post-title{ margin:7px 0 9px!important; color:#12233b!important; font-size:14px!important; font-weight:800!important; line-height:1.35!important; letter-spacing:-.15px; } .ftx-post-card:first-child .ftx-post-title{ font-size:20px!important; line-height:1.28!important; letter-spacing:-.35px; } .ftx-post-excerpt{ margin:0!important; color:#788698!important; font-size:9px!important; line-height:1.55!important; } .ftx-post-card:first-child .ftx-post-excerpt{font-size:10px!important} .ftx-post-meta{ margin-top:auto; padding-top:13px!important; color:#9aa6b2!important; font-size:7px!important; border-top:1px solid #edf0f2; } .ftx-post-meta:after{ content:' Read article →'; color:#0ca66d; font-weight:800; margin-left:5px; } .ftx-post-skeleton{ min-height:295px!important; } /* Editorial section label */ .ftx-latest:before{ content:''; display:block; width:34px; height:2px; margin:0 auto 21px; background:#12b77a; border-radius:2px; } @media(max-width:850px){ .ftx-post-grid{ grid-template-columns:1fr 1fr!important; grid-template-rows:auto!important; } .ftx-post-card:first-child{ grid-column:1/-1; grid-row:auto; min-height:390px!important; } .ftx-post-card:first-child .ftx-post-img{height:205px!important} } @media(max-width:560px){ .ftx-latest{padding:44px 0 48px!important} .ftx-post-grid{grid-template-columns:1fr!important} .ftx-post-card:first-child{grid-column:auto;min-height:350px!important} .ftx-post-card:first-child .ftx-post-img{height:180px!important} .ftx-post-card:first-child .ftx-post-title{font-size:17px!important} } /* ========================================================= FINTAXTICAL STEP 6 — MONEY NOTES / NEWSLETTER ========================================================= */ .ftx-newsletter{ padding:34px 0!important; background:#071b33!important; } .ftx-newsletter-inner{ display:grid!important; grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr)!important; gap:35px!important; align-items:center!important; max-width:1080px!important; } .ftx-news-copy{ display:flex!important; align-items:center!important; gap:15px!important; } .ftx-mail-icon{ width:44px!important; height:44px!important; flex:0 0 44px!important; border-radius:12px!important; display:flex!important; align-items:center!important; justify-content:center!important; background:#12b77a!important; color:#fff!important; font-size:17px!important; box-shadow:0 8px 20px rgba(18,183,122,.18); } .ftx-news-copy>div>span{ color:#62d9aa!important; font-size:8px!important; font-weight:900!important; letter-spacing:1.55px!important; } .ftx-news-copy h2{ margin:5px 0 4px!important; color:#fff!important; font-size:21px!important; line-height:1.2!important; letter-spacing:-.35px; font-weight:800!important; } .ftx-news-copy p{ margin:0!important; color:rgba(255,255,255,.54)!important; font-size:9px!important; line-height:1.5!important; } .ftx-subscribe{ display:flex!important; height:43px!important; padding:4px!important; border:1px solid rgba(255,255,255,.13)!important; border-radius:9px!important; background:rgba(255,255,255,.06)!important; } .ftx-subscribe input{ min-width:0!important; flex:1!important; height:35px!important; border:0!important; outline:0!important; padding:0 11px!important; border-radius:6px!important; background:transparent!important; color:#fff!important; font-family:Inter,Arial,sans-serif!important; font-size:9px!important; } .ftx-subscribe input::placeholder{color:rgba(255,255,255,.42)} .ftx-subscribe button{ width:88px!important; height:35px!important; border:0!important; border-radius:6px!important; background:#12b77a!important; color:#fff!important; font-size:9px!important; font-weight:800!important; cursor:pointer; } .ftx-subscribe button:hover{background:#18c884!important} .ftx-news-points{ display:none!important; } @media(max-width:700px){ .ftx-newsletter{padding:28px 0!important} .ftx-newsletter-inner{grid-template-columns:1fr!important;gap:18px!important} .ftx-news-copy h2{font-size:18px!important} .ftx-subscribe{width:100%!important} } /* ========================================================= FINTAXTICAL STEP 7 — UTILITY BAR + PREMIUM FOOTER ========================================================= */ .ftx-utility-bar{ height:31px; background:#04152a; border-bottom:1px solid rgba(255,255,255,.065); color:rgba(255,255,255,.48); } .ftx-utility-inner{ height:100%; display:flex; align-items:center; justify-content:space-between; } .ftx-utility-left span{ font-size:7px; font-weight:800; letter-spacing:1.15px; } .ftx-utility-links{ display:flex; align-items:center; gap:9px; } .ftx-utility-links a{ color:rgba(255,255,255,.62)!important; font-size:7px!important; font-weight:600!important; transition:color .18s ease; } .ftx-utility-links a:hover{color:#fff!important} .ftx-utility-links i{ width:2px; height:2px; border-radius:50%; background:rgba(255,255,255,.24); } .ftx-pro-footer{ background:#04152a!important; color:#fff; padding:38px 0 16px!important; border-top:1px solid rgba(255,255,255,.07); } .ftx-footer-top{ display:grid!important; grid-template-columns:1.1fr 1fr; gap:70px; padding-bottom:28px!important; border-bottom:1px solid rgba(255,255,255,.08)!important; } .footer-brand{min-width:0!important} .ftx-footer-links{ display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:28px!important; } .ftx-footer-links strong{ display:block; color:#fff!important; font-size:8px!important; font-weight:800!important; letter-spacing:.2px; margin-bottom:12px!important; } .ftx-footer-links a{ display:block; color:rgba(255,255,255,.48)!important; font-size:8px!important; margin:8px 0!important; transition:color .18s ease; } .ftx-footer-links a:hover{color:#5cdbad!important} .ftx-footer-bottom{ display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:15px!important; color:rgba(255,255,255,.32)!important; font-size:7px!important; } .ftx-footer-bottom span:last-child{color:rgba(255,255,255,.42)!important} @media(max-width:700px){ .ftx-utility-left{display:none} .ftx-utility-inner{justify-content:center} .ftx-utility-links{gap:7px} .ftx-utility-links a{font-size:6.5px!important} .ftx-footer-top{grid-template-columns:1fr!important;gap:28px!important} .ftx-footer-links{grid-template-columns:repeat(3,1fr)!important;gap:14px!important} .ftx-footer-bottom{flex-direction:column;align-items:flex-start;gap:7px} } @media(max-width:420px){ .ftx-utility-links{gap:5px} .ftx-utility-links i{display:none} .ftx-utility-links a{font-size:6px!important} .ftx-footer-links{grid-template-columns:1fr 1fr!important} } /* ========================================================= FINTAXTICAL STEP 8 — RESPONSIVE / MOBILE POLISH ========================================================= */ /* Prevent horizontal overflow from any Blogger widget or long URL */ html,body{max-width:100%;overflow-x:hidden!important} #ftx-pro-home{max-width:100%;overflow:hidden} /* Tablet */ @media (max-width:1100px){ .ftx-pro-container,.ftx-pro-nav{ width:min(100% - 40px,1080px); } .ftx-hero-grid{ grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)!important; gap:34px!important; } .ftx-hero-copy h1{font-size:52px!important} .ftx-dashboard{min-height:390px!important} .ftx-dash-main{padding:18px!important} .ftx-plan-grid{grid-template-columns:repeat(3,1fr)!important} .ftx-calc-grid{grid-template-columns:repeat(3,1fr)!important} .ftx-post-grid{grid-template-columns:1.25fr 1fr 1fr!important} } /* Tablet / large phone */ @media (max-width:850px){ .ftx-pro-container,.ftx-pro-nav{ width:min(calc(100% - 32px),680px)!important; } .ftx-pro-nav{ height:66px!important; gap:12px!important; } .ftx-brand-name{font-size:21px!important} .ftx-brand small{font-size:7px!important} .ftx-main-nav{display:none!important} .ftx-header-actions{margin-left:auto!important} .ftx-header-cta{display:inline-flex!important} .ftx-mobile-btn{display:block!important} .ftx-mobile-nav{ padding:9px 16px 15px!important; display:none!important; grid-template-columns:repeat(3,1fr)!important; gap:6px!important; } .ftx-mobile-nav.open{display:grid!important} .ftx-pro-hero{ padding:54px 0 58px!important; } .ftx-hero-grid{ grid-template-columns:1fr!important; gap:34px!important; } .ftx-hero-copy{ max-width:650px; margin:0 auto; text-align:center; } .ftx-eyebrow{margin-bottom:15px!important} .ftx-hero-copy h1{font-size:48px!important} .ftx-hero-copy>p{ margin:18px auto 23px!important; max-width:590px!important; } .ftx-hero-actions{justify-content:center!important} .ftx-hero-proof{justify-content:center!important} .ftx-dashboard{ width:100%; max-width:680px; margin:0 auto; } .ftx-plan-grid{ grid-template-columns:repeat(2,1fr)!important; } .ftx-calc-grid{ grid-template-columns:repeat(2,1fr)!important; } .ftx-post-grid{ grid-template-columns:1fr 1fr!important; grid-template-rows:auto!important; } .ftx-post-card:first-child{ grid-column:1/-1!important; grid-row:auto!important; min-height:390px!important; } .ftx-post-card:first-child .ftx-post-img{height:205px!important} .ftx-newsletter-inner{ grid-template-columns:1fr!important; } .ftx-news-points{display:none!important} .ftx-footer-top{ grid-template-columns:1fr!important; gap:28px!important; } } /* Phone */ @media (max-width:560px){ .ftx-pro-container,.ftx-pro-nav{ width:calc(100% - 24px)!important; } /* Utility bar */ .ftx-utility-bar{height:29px!important} .ftx-utility-left{display:none!important} .ftx-utility-inner{justify-content:center!important} .ftx-utility-links{ gap:7px!important; white-space:nowrap; } .ftx-utility-links a{font-size:6.5px!important} .ftx-utility-links i{width:2px!important;height:2px!important} /* Header */ .ftx-pro-nav{height:62px!important} .ftx-brand-name{font-size:19px!important;letter-spacing:-.6px!important} .ftx-brand small{font-size:6.5px!important;margin-top:4px!important} .ftx-search-btn{width:31px!important} .ftx-header-cta{display:none!important} .ftx-mobile-btn{width:31px!important} /* Hero */ .ftx-pro-hero{padding:43px 0 47px!important} .ftx-eyebrow{font-size:7px!important;letter-spacing:1.2px!important} .ftx-hero-copy h1{ font-size:39px!important; line-height:1.04!important; letter-spacing:-1.8px!important; } .ftx-hero-copy>p{ font-size:11px!important; line-height:1.65!important; margin:17px auto 22px!important; } .ftx-hero-actions{ flex-direction:column!important; align-items:stretch!important; max-width:310px; margin:0 auto; } .ftx-btn{width:100%!important} .ftx-hero-proof{ flex-wrap:wrap; gap:6px!important; font-size:7px!important; margin-top:18px!important; } /* Dashboard */ .ftx-dashboard{ min-height:0!important; border-radius:13px!important; } .ftx-dash-sidebar{display:none!important} .ftx-dash-main{padding:14px!important} .ftx-dash-top h3{font-size:16px!important} .ftx-dash-top small{font-size:7px!important} .ftx-metric-row{grid-template-columns:1fr!important} .ftx-metric{padding:12px!important} .ftx-dash-bottom{grid-template-columns:1fr!important} .ftx-score-ring{width:76px!important;height:76px!important;flex-basis:76px!important} .ftx-score-ring:after{width:59px!important;height:59px!important} .ftx-score-ring span{font-size:18px!important} /* Planning */ .ftx-planning{padding:40px 0 44px!important} .ftx-section-title h2{font-size:23px!important} .ftx-plan-grid{grid-template-columns:1fr!important;gap:9px!important} .ftx-plan-card{ min-height:91px!important; padding:14px!important; gap:12px!important; } .ftx-plan-icon{ flex-basis:42px!important; width:42px!important; height:42px!important; } .ftx-plan-card strong{font-size:11px!important} .ftx-plan-card p{font-size:8px!important} /* Calculators */ .ftx-calculators{padding:43px 0 48px!important} .ftx-section-heading-row{ align-items:flex-start!important; flex-direction:column!important; gap:9px!important; } .ftx-section-heading-row h2{font-size:24px!important} .ftx-calc-grid{grid-template-columns:1fr!important;gap:9px!important} .ftx-calc-card{min-height:92px!important;padding:14px!important} .ftx-calc-icon{ flex-basis:42px!important; width:42px!important; height:42px!important; } /* Articles */ .ftx-latest{padding:44px 0 49px!important} .ftx-post-grid{grid-template-columns:1fr!important} .ftx-post-card:first-child{ grid-column:auto!important; min-height:350px!important; } .ftx-post-card:first-child .ftx-post-img{height:180px!important} .ftx-post-card:first-child .ftx-post-title{font-size:17px!important} .ftx-post-card{min-height:270px!important} .ftx-post-img{height:140px!important} /* Money Notes */ .ftx-newsletter{padding:28px 0!important} .ftx-news-copy{gap:11px!important} .ftx-mail-icon{ width:40px!important; height:40px!important; flex-basis:40px!important; } .ftx-news-copy h2{font-size:17px!important} .ftx-news-copy p{font-size:8px!important} .ftx-subscribe{width:100%!important} /* Footer */ .ftx-footer-links{ grid-template-columns:1fr 1fr!important; gap:20px 14px!important; } .ftx-footer-bottom{ flex-direction:column!important; align-items:flex-start!important; gap:7px!important; } /* Modal */ .ftx-overlay{padding:12px!important} .ftx-search-box,.ftx-tool-modal{ border-radius:13px!important; max-height:92vh; overflow:auto; } .ftx-search-box{padding:25px 17px!important} .ftx-tool-modal{padding:23px 15px!important} .ftx-form-grid,.ftx-result-grid{grid-template-columns:1fr!important} } /* Very small phones */ @media(max-width:380px){ .ftx-utility-links a{font-size:5.8px!important} .ftx-brand-name{font-size:17px!important} .ftx-hero-copy h1{font-size:35px!important} .ftx-dashboard-note{display:none!important} .ftx-footer-links{grid-template-columns:1fr!important} } /* ========================================================= FINTAXTICAL STEP 9 — LOCKED 8-PILLAR NAVIGATION ========================================================= */ .ftx-main-nav{ display:flex!important; align-items:center!important; gap:2px!important; margin-left:auto!important; } .ftx-nav-dropdown{ position:relative; } .ftx-nav-link{ display:inline-flex!important; align-items:center!important; gap:4px!important; min-height:38px!important; padding:0 9px!important; border:0!important; background:transparent!important; color:#26364b!important; font-family:Inter,Arial,sans-serif!important; font-size:9px!important; font-weight:700!important; text-decoration:none!important; cursor:pointer!important; white-space:nowrap!important; } .ftx-nav-link:hover, .ftx-nav-dropdown:hover>.ftx-nav-link{ color:#0ca66d!important; } .ftx-drop-btn span{ font-size:10px!important; line-height:1!important; opacity:.65; transition:transform .18s ease; } .ftx-nav-dropdown:hover .ftx-drop-btn span{ transform:rotate(180deg); } .ftx-dropdown-menu{ position:absolute; top:calc(100% + 4px); left:50%; transform:translate(-50%, -5px); width:198px; padding:7px; border:1px solid #e0e7ec; border-radius:11px; background:#fff; box-shadow:0 18px 42px rgba(7,27,51,.13); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .16s ease,transform .16s ease,visibility .16s ease; z-index:9999; } .ftx-nav-dropdown:hover>.ftx-dropdown-menu, .ftx-nav-dropdown:focus-within>.ftx-dropdown-menu{ opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0); } .ftx-dropdown-menu a{ display:block!important; padding:8px 10px!important; border-radius:7px!important; color:#405066!important; font-family:Inter,Arial,sans-serif!important; font-size:8px!important; font-weight:600!important; line-height:1.25!important; text-decoration:none!important; white-space:nowrap; } .ftx-dropdown-menu a:hover{ color:#0b9e68!important; background:#f0faf6!important; } .ftx-tools-dropdown{ width:218px; } @media(max-width:1050px){ .ftx-nav-link{padding:0 6px!important;font-size:8px!important} .ftx-main-nav{gap:0!important} } @media(max-width:850px){ .ftx-main-nav{display:none!important} } /* STEP 10 — High-resolution Blogger article imagery */ .ftx-post-img{image-rendering:auto!important;object-fit:cover!important;object-position:center!important} .ftx-post-card:first-child .ftx-post-img{object-position:center center!important} /* STEP 11 — Real Blogger labels on article cards */ .ftx-post-tag{ display:inline-block!important; width:max-content!important; text-decoration:none!important; cursor:pointer!important; } .ftx-post-tag:hover{ color:#087f54!important; text-decoration:underline!important; } /* ========================================================= FINTAXTICAL STEP 12 — DECISION LAB FOUNDATION ========================================================= */ .ftx-tool-modes{ margin:25px auto 0; padding:20px; border:1px solid #dfe8e5; border-radius:14px; background:linear-gradient(135deg,#f7fcfa,#ffffff); } .ftx-tool-mode-head{ max-width:560px; margin-bottom:15px; } .ftx-tool-mode-head>span{ display:block; color:#0ca66d; font-size:7px; font-weight:900; letter-spacing:1.5px; } .ftx-tool-mode-head>strong{ display:block; margin-top:5px; color:#10223b; font-size:17px; font-weight:800; letter-spacing:-.25px; } .ftx-tool-mode-head>p{ margin:5px 0 0; color:#788697; font-size:9px; line-height:1.5; } .ftx-tool-mode-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; } .ftx-tool-mode{ position:relative; display:flex; align-items:center; gap:11px; min-height:74px; padding:12px; border:1px solid #e2e9e7; border-radius:10px; background:#fff; } .ftx-tool-mode-icon{ flex:0 0 36px; width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:#e8f8f2; color:#0ca66d; font-size:15px; font-weight:800; } .ftx-tool-mode>div{min-width:0} .ftx-tool-mode strong{ display:block; color:#14233b; font-size:10px; font-weight:800; } .ftx-tool-mode p{ margin:4px 0 0; color:#8190a0; font-size:7.5px; line-height:1.4; } .ftx-tool-mode em{ position:absolute; top:8px; right:9px; color:#a0abb5; font-size:6px; font-style:normal; font-weight:700; text-transform:uppercase; letter-spacing:.6px; } @media(max-width:850px){ .ftx-tool-mode-grid{grid-template-columns:1fr} } @media(max-width:560px){ .ftx-tool-modes{padding:15px;margin-top:19px} .ftx-tool-mode-head>strong{font-size:15px} .ftx-tool-mode{min-height:68px} } /* ========================================================= STEP 13 — FINTAXTICAL COMPARE ENGINE ========================================================= */ .ftx-tool-mode-action{ width:100%; border:1px solid #e2e9e7; text-align:left; font:inherit; cursor:pointer; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; } .ftx-tool-mode-action:hover{ transform:translateY(-2px); border-color:#bfe0d2; box-shadow:0 10px 24px rgba(13,32,55,.06); } .ftx-compare-modal{ position:relative; width:min(820px,100%); max-height:92vh; overflow:auto; border-radius:16px; background:#fff; box-shadow:0 30px 80px rgba(0,0,0,.25); padding:28px; } .ftx-compare-tabs{ display:flex; flex-wrap:wrap; gap:6px; margin:20px 0 16px; } .ftx-compare-tabs button{ border:1px solid #dce4ea; background:#f7f9fb; color:#5f6d7f; border-radius:18px; padding:8px 12px; font-size:8px; font-weight:800; cursor:pointer; } .ftx-compare-tabs button.active{ background:var(--fp-navy); border-color:var(--fp-navy); color:#fff; } .ftx-compare-form{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; } .ftx-compare-form label{ color:#5c6b7f; font-size:8px; font-weight:700; } .ftx-compare-form input{ display:block; width:100%; height:39px; margin-top:5px; border:1px solid #dce3ea; border-radius:7px; padding:0 9px; font-size:10px; outline:none; } .ftx-compare-action{ height:40px; margin-top:15px; border:0; border-radius:7px; background:var(--fp-green); color:#fff; padding:0 18px; font-size:9px; font-weight:800; cursor:pointer; } .ftx-compare-table{ margin-top:18px; border:1px solid #e1e7ec; border-radius:10px; overflow:hidden; } .ftx-compare-row{ display:grid; grid-template-columns:1.2fr 1fr 1fr; border-bottom:1px solid #edf1f4; } .ftx-compare-row:last-child{border-bottom:0} .ftx-compare-row>div{ padding:10px 11px; font-size:8px; color:#647286; background:#fff; } .ftx-compare-row>div+div{border-left:1px solid #edf1f4} .ftx-compare-row.head>div{ background:#f5f9f8; color:#13243b; font-weight:800; } .ftx-compare-verdict{ margin-top:12px; padding:12px; border-radius:9px; background:#f0faf6; border:1px solid #d8eee5; color:#3f5e55; font-size:8px; line-height:1.5; } .ftx-compare-note{ margin-top:10px; color:#929daa; font-size:7px; line-height:1.5; } @media(max-width:560px){ .ftx-compare-modal{padding:22px 15px} .ftx-compare-form{grid-template-columns:1fr} .ftx-compare-row{grid-template-columns:1fr 1fr} .ftx-compare-row>div:first-child{ grid-column:1/-1; background:#fafcfc; font-weight:700; } } /* ========================================================= STEP 14 — FINTAXTICAL FINANCIAL HEALTH CHECK ========================================================= */ .ftx-health-modal{ position:relative; width:min(820px,100%); max-height:92vh; overflow:auto; border-radius:16px; background:#fff; box-shadow:0 30px 80px rgba(0,0,0,.25); padding:28px; } .ftx-health-form{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:20px; } .ftx-health-form label{ color:#5c6b7f; font-size:8px; font-weight:700; } .ftx-health-form input{ display:block; width:100%; height:40px; margin-top:5px; border:1px solid #dce3ea; border-radius:7px; padding:0 10px; font-size:10px; outline:none; } .ftx-health-action{ height:42px; margin-top:16px; border:0; border-radius:8px; background:var(--fp-green); color:#fff; padding:0 19px; font-size:9px; font-weight:800; cursor:pointer; } .ftx-health-score{ margin-top:19px; padding:17px; display:grid; grid-template-columns:100px 1fr; gap:17px; align-items:center; border:1px solid #dfe9e5; border-radius:12px; background:#f7fcfa; } .ftx-health-ring{ width:94px; height:94px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:conic-gradient(#12b77a 0deg,#12b77a var(--score-angle),#e4eeea var(--score-angle),#e4eeea 360deg); } .ftx-health-ring:after{ content:''; width:70px; height:70px; position:absolute; border-radius:50%; background:#fff; } .ftx-health-ring span{ position:relative; z-index:1; color:#10233b; font-size:20px; font-weight:900; } .ftx-health-ring small{ font-size:8px; color:#8995a3; } .ftx-health-result h3{ margin:0; color:#12233b; font-size:15px; } .ftx-health-result p{ margin:5px 0 0; color:#728093; font-size:8px; line-height:1.5; } .ftx-health-metrics{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:11px; } .ftx-health-metric{ padding:10px; border:1px solid #e4e9ee; border-radius:8px; background:#fff; } .ftx-health-metric small{ display:block; color:#8995a3; font-size:6.5px; text-transform:uppercase; letter-spacing:.4px; } .ftx-health-metric strong{ display:block; margin-top:4px; color:#17283f; font-size:12px; } .ftx-health-actions{ margin-top:12px; padding:11px; border-radius:8px; background:#fff; border:1px solid #e5eaee; } .ftx-health-actions strong{ color:#18304a; font-size:8px; } .ftx-health-actions ul{ margin:6px 0 0 15px; padding:0; } .ftx-health-actions li{ margin:4px 0; color:#68778a; font-size:7.5px; line-height:1.4; } .ftx-health-note{ margin-top:12px; color:#98a2ae; font-size:7px; line-height:1.5; } @media(max-width:560px){ .ftx-health-modal{padding:22px 15px} .ftx-health-form{grid-template-columns:1fr} .ftx-health-score{grid-template-columns:1fr;text-align:center} .ftx-health-ring{margin:auto} .ftx-health-metrics{grid-template-columns:1fr} } /* STEP 16 — Legacy Blogger archive pages are intentionally hidden */ .ftx-dropdown-menu a{ cursor:pointer!important; } /* STEP 18 — MONEY HUB */ .ftx-money-hub{padding:58px 0 60px;background:#f7faf9;border-top:1px solid #edf1f0;border-bottom:1px solid #e9efed} .ftx-money-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:23px} .ftx-money-head h2{margin:5px 0 7px;color:#11243d;font-size:28px;line-height:1.08;letter-spacing:-.8px} .ftx-money-head p{margin:0;max-width:560px;color:#758395;font-size:10px;line-height:1.55} .ftx-money-link{color:#0a9c67;font-size:8px;font-weight:800;text-decoration:none} .ftx-money-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .ftx-money-category{min-height:84px;display:grid;grid-template-columns:39px 1fr 16px;align-items:center;gap:10px;padding:13px;border:1px solid #e1e9e6;border-radius:11px;background:#fff;text-decoration:none;transition:.18s} .ftx-money-category:hover{transform:translateY(-2px);border-color:#cce3da;box-shadow:0 10px 25px rgba(14,39,57,.06)} .ftx-money-icon{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#e9f8f2;color:#0a9f69;font-size:13px;font-weight:900} .ftx-money-category strong{display:block;color:#17283f;font-size:10px;font-weight:800} .ftx-money-category p{margin:4px 0 0;color:#8190a0;font-size:7.5px;line-height:1.4} .ftx-money-arrow{color:#9aa7b2;font-size:12px} .ftx-money-feature{margin-top:15px;display:grid;grid-template-columns:1.25fr 1fr;border:1px solid #dfe9e5;border-radius:13px;overflow:hidden;background:#fff} .ftx-money-feature-copy{padding:24px}.ftx-money-feature-copy h3{margin:6px 0 7px;color:#132640;font-size:19px;letter-spacing:-.35px}.ftx-money-feature-copy p{margin:0 0 14px;color:#788697;font-size:8.5px;line-height:1.55;max-width:470px} .ftx-money-primary{color:#0a9d68;font-size:8px;font-weight:800;text-decoration:none} .ftx-money-feature-points{padding:20px;display:grid;gap:8px;align-content:center;background:#f5faf8} .ftx-money-feature-points div{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #e1ebe7;border-radius:8px;background:#fff} .ftx-money-feature-points strong{color:#0aa06a;font-size:7px}.ftx-money-feature-points span{color:#4d5d70;font-size:8px;font-weight:700} .ftx-money-tools{margin-top:15px;padding:18px;border:1px solid #e2e9e7;border-radius:12px;background:#fff} .ftx-money-tools-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:12px}.ftx-money-tools-head h3{margin:5px 0 0;color:#14263f;font-size:15px}.ftx-money-tools-head>a{color:#0a9d68;font-size:7.5px;font-weight:800;text-decoration:none} .ftx-money-tool-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ftx-money-tool-row a{display:block;padding:11px;border:1px solid #e6ebef;border-radius:8px;background:#fafcfc;text-decoration:none}.ftx-money-tool-row strong{display:block;color:#14263e;font-size:9px}.ftx-money-tool-row span{display:block;margin-top:3px;color:#8793a1;font-size:7px} @media(max-width:850px){.ftx-money-categories{grid-template-columns:repeat(2,1fr)}.ftx-money-feature{grid-template-columns:1fr}} @media(max-width:560px){.ftx-money-hub{padding:43px 0 45px}.ftx-money-head{display:block}.ftx-money-head h2{font-size:24px}.ftx-money-link{display:inline-block;margin-top:12px}.ftx-money-categories{grid-template-columns:1fr}.ftx-money-feature-copy{padding:18px}.ftx-money-feature-points{padding:13px}.ftx-money-tools{padding:14px}.ftx-money-tools-head{display:block}.ftx-money-tools-head>a{display:inline-block;margin-top:8px}.ftx-money-tool-row{grid-template-columns:1fr 1fr}} /* STEP 19 — INVEST HUB */ .ftx-invest-hub{padding:58px 0 60px;background:#fff;border-bottom:1px solid #e9eef0} .ftx-invest-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:23px} .ftx-invest-head h2{margin:5px 0 7px;color:#11243d;font-size:28px;line-height:1.08;letter-spacing:-.8px} .ftx-invest-head p{margin:0;max-width:560px;color:#758395;font-size:10px;line-height:1.55} .ftx-invest-link{color:#0a9c67;font-size:8px;font-weight:800;text-decoration:none} .ftx-invest-path{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;margin-bottom:16px;padding:15px;border:1px solid #e0e9e5;border-radius:12px;background:#f7fbf9} .ftx-invest-path-step{text-align:center}.ftx-invest-path-step span{display:block;color:#0aa06a;font-size:7px;font-weight:900;letter-spacing:1px}.ftx-invest-path-step strong{display:block;margin-top:4px;color:#152840;font-size:11px}.ftx-invest-path-step p{margin:4px auto 0;max-width:180px;color:#8190a0;font-size:7px;line-height:1.4}.ftx-invest-path-line{height:1px;background:#cfe1da} .ftx-invest-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:10px} .ftx-invest-category{min-height:80px;display:grid;grid-template-columns:40px 1fr 14px;align-items:center;gap:10px;padding:12px;border:1px solid #e1e8ec;border-radius:10px;background:#fff;text-decoration:none;transition:.18s} .ftx-invest-category:hover{transform:translateY(-2px);border-color:#cce2d9;box-shadow:0 10px 24px rgba(15,39,57,.05)} .ftx-invest-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#edf8f4;color:#0a9f69;font-size:9px;font-weight:900} .ftx-invest-category strong{display:block;color:#17283f;font-size:9px}.ftx-invest-category p{margin:4px 0 0;color:#8190a0;font-size:7px;line-height:1.4}.ftx-invest-category>span:last-child{color:#9aa7b2;font-size:11px} .ftx-invest-feature{margin-top:15px;display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #dfe9e5;border-radius:13px;overflow:hidden;background:#fff} .ftx-invest-feature-copy{padding:24px}.ftx-invest-feature-copy h3{margin:6px 0 7px;color:#132640;font-size:19px;letter-spacing:-.35px}.ftx-invest-feature-copy p{margin:0 0 14px;max-width:500px;color:#788697;font-size:8.5px;line-height:1.55}.ftx-invest-primary{color:#0a9d68;font-size:8px;font-weight:800;text-decoration:none} .ftx-invest-checklist{padding:20px;display:grid;gap:7px;background:#f6faf8}.ftx-invest-checklist div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid #e1ebe7;border-radius:8px;background:#fff}.ftx-invest-checklist strong{color:#0a9e68;font-size:7px;text-transform:uppercase}.ftx-invest-checklist span{color:#536276;font-size:7.5px;font-weight:700} .ftx-invest-tools{margin-top:15px;padding:18px;border:1px solid #e2e9e7;border-radius:12px;background:#fafcfc}.ftx-invest-tools h3{margin:5px 0 12px;color:#14263f;font-size:15px}.ftx-invest-tool-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ftx-invest-tool-row a{display:block;padding:11px;border:1px solid #e5eaee;border-radius:8px;background:#fff;text-decoration:none}.ftx-invest-tool-row strong{display:block;color:#14263e;font-size:8px}.ftx-invest-tool-row span{display:block;margin-top:3px;color:#8793a1;font-size:7px} @media(max-width:850px){.ftx-invest-categories{grid-template-columns:repeat(2,1fr)}.ftx-invest-feature{grid-template-columns:1fr}} @media(max-width:560px){.ftx-invest-hub{padding:43px 0 45px}.ftx-invest-head{display:block}.ftx-invest-head h2{font-size:24px}.ftx-invest-link{display:inline-block;margin-top:12px}.ftx-invest-path{grid-template-columns:1fr;gap:8px}.ftx-invest-path-line{width:30px;height:1px;margin:auto}.ftx-invest-categories{grid-template-columns:1fr}.ftx-invest-feature-copy{padding:18px}.ftx-invest-checklist{padding:13px}.ftx-invest-tools{padding:14px}.ftx-invest-tool-row{grid-template-columns:1fr 1fr}} /* STEP 20 — BORROW HUB */ .ftx-borrow-hub{padding:58px 0 60px;background:#f7f9fb;border-bottom:1px solid #e7edf1} .ftx-borrow-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:22px} .ftx-borrow-head h2{margin:5px 0 7px;color:#11243d;font-size:28px;line-height:1.08;letter-spacing:-.8px} .ftx-borrow-head p{margin:0;max-width:590px;color:#758395;font-size:10px;line-height:1.55} .ftx-borrow-link{color:#0a9c67;font-size:8px;font-weight:800;text-decoration:none} .ftx-borrow-question{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #dfe6eb;border-radius:13px;overflow:hidden;background:#fff;margin-bottom:15px} .ftx-borrow-question-main{padding:23px}.ftx-borrow-question-main h3{margin:6px 0 7px;color:#132640;font-size:19px}.ftx-borrow-question-main p{margin:0;max-width:490px;color:#788697;font-size:8.5px;line-height:1.55} .ftx-borrow-checks{padding:17px;display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#f5f8fa} .ftx-borrow-checks div{padding:9px;border:1px solid #e0e7ec;border-radius:8px;background:#fff}.ftx-borrow-checks strong{display:block;color:#0a9f69;font-size:7px}.ftx-borrow-checks span{display:block;margin-top:3px;color:#69788b;font-size:7px} .ftx-borrow-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:10px} .ftx-borrow-category{min-height:80px;display:grid;grid-template-columns:40px 1fr 14px;align-items:center;gap:10px;padding:12px;border:1px solid #e0e7ec;border-radius:10px;background:#fff;text-decoration:none;transition:.18s} .ftx-borrow-category:hover{transform:translateY(-2px);border-color:#cddfe9;box-shadow:0 10px 24px rgba(15,39,57,.05)} .ftx-borrow-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eef4f8;color:#284967;font-size:8px;font-weight:900}.ftx-borrow-category strong{display:block;color:#17283f;font-size:9px}.ftx-borrow-category p{margin:4px 0 0;color:#8190a0;font-size:7px;line-height:1.4}.ftx-borrow-category>span:last-child{color:#9aa7b2;font-size:11px} .ftx-borrow-feature{margin-top:15px;display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #dfe6eb;border-radius:13px;overflow:hidden;background:#fff}.ftx-borrow-feature-copy{padding:24px}.ftx-borrow-feature-copy h3{margin:6px 0 7px;color:#132640;font-size:19px}.ftx-borrow-feature-copy p{margin:0 0 14px;color:#788697;font-size:8.5px;line-height:1.55}.ftx-borrow-primary{color:#0a9d68;font-size:8px;font-weight:800;text-decoration:none}.ftx-borrow-mini{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f6f8fa}.ftx-borrow-mini div{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e0e7ec;border-radius:8px;background:#fff}.ftx-borrow-mini strong{color:#0a9f69;font-size:10px}.ftx-borrow-mini span{color:#526276;font-size:7.5px;font-weight:700} .ftx-borrow-tools{margin-top:15px;padding:18px;border:1px solid #e1e7eb;border-radius:12px;background:#fff}.ftx-borrow-tools h3{margin:5px 0 12px;color:#14263f;font-size:15px}.ftx-borrow-tool-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ftx-borrow-tool-row a{display:block;padding:11px;border:1px solid #e5eaee;border-radius:8px;background:#fafcfc;text-decoration:none}.ftx-borrow-tool-row strong{display:block;color:#14263e;font-size:8px}.ftx-borrow-tool-row span{display:block;margin-top:3px;color:#8793a1;font-size:7px} @media(max-width:850px){.ftx-borrow-categories{grid-template-columns:repeat(2,1fr)}.ftx-borrow-question,.ftx-borrow-feature{grid-template-columns:1fr}} @media(max-width:560px){.ftx-borrow-hub{padding:43px 0 45px}.ftx-borrow-head{display:block}.ftx-borrow-head h2{font-size:24px}.ftx-borrow-link{display:inline-block;margin-top:12px}.ftx-borrow-categories{grid-template-columns:1fr}.ftx-borrow-checks{grid-template-columns:1fr 1fr}.ftx-borrow-feature-copy{padding:18px}.ftx-borrow-mini{padding:13px}.ftx-borrow-tools{padding:14px}.ftx-borrow-tool-row{grid-template-columns:1fr 1fr}} /* STEP 21 — TAX HUB */ .ftx-tax-hub{padding:58px 0 60px;background:#fffdf8;border-bottom:1px solid #eee9df} .ftx-tax-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:22px} .ftx-tax-head h2{margin:5px 0 7px;color:#11243d;font-size:28px;line-height:1.08;letter-spacing:-.8px} .ftx-tax-head p{margin:0;max-width:590px;color:#758395;font-size:10px;line-height:1.55} .ftx-tax-link{color:#0a9c67;font-size:8px;font-weight:800;text-decoration:none} .ftx-tax-journey{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr;align-items:center;padding:16px;border:1px solid #e7e1d6;border-radius:12px;background:#fff;margin-bottom:15px} .ftx-tax-journey div{text-align:center}.ftx-tax-journey span{color:#b27b24;font-size:7px;font-weight:900}.ftx-tax-journey strong{display:block;margin-top:4px;color:#17283f;font-size:10px}.ftx-tax-journey p{margin:4px auto 0;max-width:150px;color:#8190a0;font-size:7px;line-height:1.4}.ftx-tax-journey i{height:1px;background:#ddd2c1} .ftx-tax-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:10px} .ftx-tax-category{min-height:80px;display:grid;grid-template-columns:40px 1fr 14px;align-items:center;gap:10px;padding:12px;border:1px solid #e6e0d6;border-radius:10px;background:#fff;text-decoration:none;transition:.18s} .ftx-tax-category:hover{transform:translateY(-2px);border-color:#decba9;box-shadow:0 10px 24px rgba(54,40,18,.06)} .ftx-tax-category>span{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#faf3e4;color:#a36f1d;font-size:7px;font-weight:900}.ftx-tax-category strong{display:block;color:#17283f;font-size:9px}.ftx-tax-category p{margin:4px 0 0;color:#8190a0;font-size:7px;line-height:1.4}.ftx-tax-category b{color:#9aa7b2;font-size:11px} .ftx-tax-feature{margin-top:15px;display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #e6e0d6;border-radius:13px;overflow:hidden;background:#fff}.ftx-tax-feature-copy{padding:24px}.ftx-tax-feature-copy h3{margin:6px 0 7px;color:#132640;font-size:19px}.ftx-tax-feature-copy p{margin:0 0 14px;color:#788697;font-size:8.5px;line-height:1.55}.ftx-tax-primary{color:#0a9d68;font-size:8px;font-weight:800;text-decoration:none}.ftx-tax-checklist{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#fcf9f3}.ftx-tax-checklist div{padding:10px;border:1px solid #e8e1d5;border-radius:8px;background:#fff}.ftx-tax-checklist strong{display:block;color:#a36f1d;font-size:7px}.ftx-tax-checklist span{display:block;margin-top:3px;color:#526276;font-size:7.5px;font-weight:700} .ftx-tax-tools{margin-top:15px;padding:18px;border:1px solid #e6e0d6;border-radius:12px;background:#fff}.ftx-tax-tools h3{margin:5px 0 12px;color:#14263f;font-size:15px}.ftx-tax-tool-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ftx-tax-tool-row a{display:block;padding:11px;border:1px solid #e8e2d8;border-radius:8px;background:#fffdfa;text-decoration:none}.ftx-tax-tool-row strong{display:block;color:#14263e;font-size:8px}.ftx-tax-tool-row span{display:block;margin-top:3px;color:#8793a1;font-size:7px} @media(max-width:850px){.ftx-tax-categories{grid-template-columns:repeat(2,1fr)}.ftx-tax-feature{grid-template-columns:1fr}} @media(max-width:560px){.ftx-tax-hub{padding:43px 0 45px}.ftx-tax-head{display:block}.ftx-tax-head h2{font-size:24px}.ftx-tax-link{display:inline-block;margin-top:12px}.ftx-tax-journey{grid-template-columns:1fr;gap:7px}.ftx-tax-journey i{width:28px;height:1px;margin:auto}.ftx-tax-categories{grid-template-columns:1fr}.ftx-tax-feature-copy{padding:18px}.ftx-tax-checklist{padding:13px}.ftx-tax-tools{padding:14px}.ftx-tax-tool-row{grid-template-columns:1fr 1fr}} /* STEP 22 — PROTECT HUB */ .ftx-protect-hub{padding:58px 0 60px;background:#f8fbfa;border-bottom:1px solid #e5ece9} .ftx-protect-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:22px} .ftx-protect-head h2{margin:5px 0 7px;color:#11243d;font-size:28px;line-height:1.08;letter-spacing:-.8px} .ftx-protect-head p{margin:0;max-width:590px;color:#758395;font-size:10px;line-height:1.55} .ftx-protect-link{color:#0a9c67;font-size:8px;font-weight:800;text-decoration:none} .ftx-protect-foundation{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #dce9e3;border-radius:13px;overflow:hidden;background:#fff;margin-bottom:15px} .ftx-protect-foundation-main{padding:23px}.ftx-protect-foundation-main h3{margin:6px 0 7px;color:#132640;font-size:19px}.ftx-protect-foundation-main p{margin:0;max-width:500px;color:#788697;font-size:8.5px;line-height:1.55} .ftx-protect-stack{padding:17px;display:grid;gap:7px;background:#f3faf7}.ftx-protect-stack div{display:grid;grid-template-columns:24px 1fr;column-gap:8px;align-items:center;padding:9px;border:1px solid #deebe5;border-radius:8px;background:#fff}.ftx-protect-stack b{grid-row:span 2;color:#0a9f69;font-size:7px}.ftx-protect-stack strong{color:#18304a;font-size:8px}.ftx-protect-stack span{color:#778698;font-size:7px} .ftx-protect-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:10px} .ftx-protect-category{min-height:80px;display:grid;grid-template-columns:42px 1fr 14px;align-items:center;gap:10px;padding:12px;border:1px solid #dfe8e4;border-radius:10px;background:#fff;text-decoration:none;transition:.18s}.ftx-protect-category:hover{transform:translateY(-2px);border-color:#c9e1d7;box-shadow:0 10px 24px rgba(15,39,57,.05)} .ftx-protect-category>span{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eaf8f3;color:#0a9e68;font-size:6.5px;font-weight:900}.ftx-protect-category strong{display:block;color:#17283f;font-size:9px}.ftx-protect-category p{margin:4px 0 0;color:#8190a0;font-size:7px;line-height:1.4}.ftx-protect-category b{color:#9aa7b2;font-size:11px} .ftx-protect-feature{margin-top:15px;display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #dce8e3;border-radius:13px;overflow:hidden;background:#fff}.ftx-protect-feature-copy{padding:24px}.ftx-protect-feature-copy h3{margin:6px 0 7px;color:#132640;font-size:19px}.ftx-protect-feature-copy p{margin:0 0 14px;color:#788697;font-size:8.5px;line-height:1.55}.ftx-protect-primary{color:#0a9d68;font-size:8px;font-weight:800;text-decoration:none}.ftx-protect-checklist{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f6faf8}.ftx-protect-checklist div{padding:10px;border:1px solid #e0ebe6;border-radius:8px;background:#fff}.ftx-protect-checklist strong{display:block;color:#0a9f69;font-size:7px}.ftx-protect-checklist span{display:block;margin-top:3px;color:#526276;font-size:7.5px;font-weight:700} .ftx-protect-tools{margin-top:15px;padding:18px;border:1px solid #dfe8e4;border-radius:12px;background:#fff}.ftx-protect-tools h3{margin:5px 0 12px;color:#14263f;font-size:15px}.ftx-protect-tool-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ftx-protect-tool-row a{display:block;padding:11px;border:1px solid #e4ebe7;border-radius:8px;background:#fafcfc;text-decoration:none}.ftx-protect-tool-row strong{display:block;color:#14263e;font-size:8px}.ftx-protect-tool-row span{display:block;margin-top:3px;color:#8793a1;font-size:7px} @media(max-width:850px){.ftx-protect-categories{grid-template-columns:repeat(2,1fr)}.ftx-protect-foundation,.ftx-protect-feature{grid-template-columns:1fr}} @media(max-width:560px){.ftx-protect-hub{padding:43px 0 45px}.ftx-protect-head{display:block}.ftx-protect-head h2{font-size:24px}.ftx-protect-link{display:inline-block;margin-top:12px}.ftx-protect-categories{grid-template-columns:1fr}.ftx-protect-foundation-main,.ftx-protect-feature-copy{padding:18px}.ftx-protect-stack,.ftx-protect-checklist{padding:13px}.ftx-protect-tools{padding:14px}.ftx-protect-tool-row{grid-template-columns:1fr 1fr}} /* STEP 23 — MARKETS HUB */ .ftx-markets-hub{padding:58px 0 60px;background:#f8fafc;border-bottom:1px solid #e6ebf0} .ftx-markets-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:22px} .ftx-markets-head h2{margin:5px 0 7px;color:#11243d;font-size:28px;line-height:1.08;letter-spacing:-.8px} .ftx-markets-head p{margin:0;max-width:600px;color:#758395;font-size:10px;line-height:1.55} .ftx-markets-link{color:#0a9c67;font-size:8px;font-weight:800;text-decoration:none} .ftx-markets-split{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid #dfe6ec;border-radius:13px;overflow:hidden;background:#fff;margin-bottom:15px} .ftx-markets-focus{padding:23px}.ftx-markets-focus h3{margin:6px 0 7px;color:#132640;font-size:19px}.ftx-markets-focus p{margin:0 0 13px;max-width:500px;color:#788697;font-size:8.5px;line-height:1.55} .ftx-markets-drivers{display:flex;flex-wrap:wrap;gap:6px}.ftx-markets-drivers span{padding:6px 8px;border:1px solid #e0e7ed;border-radius:15px;background:#f8fafc;color:#526276;font-size:7px;font-weight:700} .ftx-markets-map{padding:17px;display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#f5f8fa}.ftx-markets-map div{padding:10px;border:1px solid #e0e7ec;border-radius:8px;background:#fff}.ftx-markets-map strong{color:#0a9f69;font-size:7px}.ftx-markets-map span{display:block;margin-top:3px;color:#1b2e46;font-size:8px;font-weight:800}.ftx-markets-map small{display:block;margin-top:2px;color:#8592a0;font-size:6.5px} .ftx-markets-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:10px} .ftx-markets-category{min-height:80px;display:grid;grid-template-columns:42px 1fr 14px;align-items:center;gap:10px;padding:12px;border:1px solid #e0e7ed;border-radius:10px;background:#fff;text-decoration:none;transition:.18s}.ftx-markets-category:hover{transform:translateY(-2px);border-color:#ccdce7;box-shadow:0 10px 24px rgba(15,39,57,.05)} .ftx-markets-category>span{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eef4f8;color:#31536f;font-size:6.5px;font-weight:900}.ftx-markets-category strong{display:block;color:#17283f;font-size:9px}.ftx-markets-category p{margin:4px 0 0;color:#8190a0;font-size:7px;line-height:1.4}.ftx-markets-category b{color:#9aa7b2;font-size:11px} .ftx-markets-feature{margin-top:15px;display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #dfe6ec;border-radius:13px;overflow:hidden;background:#fff}.ftx-markets-feature-copy{padding:24px}.ftx-markets-feature-copy h3{margin:6px 0 7px;color:#132640;font-size:19px}.ftx-markets-feature-copy p{margin:0 0 14px;color:#788697;font-size:8.5px;line-height:1.55}.ftx-markets-primary{color:#0a9d68;font-size:8px;font-weight:800;text-decoration:none}.ftx-markets-checklist{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f6f8fa}.ftx-markets-checklist div{padding:10px;border:1px solid #e1e7ec;border-radius:8px;background:#fff}.ftx-markets-checklist strong{display:block;color:#0a9f69;font-size:7px}.ftx-markets-checklist span{display:block;margin-top:3px;color:#526276;font-size:7.5px;font-weight:700} .ftx-markets-tools{margin-top:15px;padding:18px;border:1px solid #e0e7ed;border-radius:12px;background:#fff}.ftx-markets-tools h3{margin:5px 0 12px;color:#14263f;font-size:15px}.ftx-markets-tool-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ftx-markets-tool-row a{display:block;padding:11px;border:1px solid #e5eaee;border-radius:8px;background:#fafcfc;text-decoration:none}.ftx-markets-tool-row strong{display:block;color:#14263e;font-size:8px}.ftx-markets-tool-row span{display:block;margin-top:3px;color:#8793a1;font-size:7px} @media(max-width:850px){.ftx-markets-categories{grid-template-columns:repeat(2,1fr)}.ftx-markets-split,.ftx-markets-feature{grid-template-columns:1fr}} @media(max-width:560px){.ftx-markets-hub{padding:43px 0 45px}.ftx-markets-head{display:block}.ftx-markets-head h2{font-size:24px}.ftx-markets-link{display:inline-block;margin-top:12px}.ftx-markets-split{grid-template-columns:1fr}.ftx-markets-categories{grid-template-columns:1fr}.ftx-markets-feature-copy{padding:18px}.ftx-markets-checklist{padding:13px}.ftx-markets-tools{padding:14px}.ftx-markets-tool-row{grid-template-columns:1fr 1fr}} /* STEP 24 — TOOLS / DECISION LAB HUB */ .ftx-tools-hub{padding:58px 0 60px;background:#f7faf9;border-bottom:1px solid #e3ebe7} .ftx-tools-head{margin-bottom:22px}.ftx-tools-head h2{margin:5px 0 7px;color:#11243d;font-size:28px;line-height:1.08;letter-spacing:-.8px}.ftx-tools-head p{margin:0;max-width:650px;color:#758395;font-size:10px;line-height:1.55} .ftx-tools-flow{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr;align-items:center;padding:15px;border:1px solid #dce8e3;border-radius:12px;background:#fff;margin-bottom:15px}.ftx-tools-flow div{text-align:center}.ftx-tools-flow span{color:#0a9f69;font-size:7px;font-weight:900}.ftx-tools-flow strong{display:block;margin-top:4px;color:#17283f;font-size:10px}.ftx-tools-flow p{margin:3px 0 0;color:#83909e;font-size:7px}.ftx-tools-flow i{height:1px;background:#cfe0d9} .ftx-tools-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ftx-tools-main-card{min-height:126px;display:grid;grid-template-columns:44px 1fr;gap:13px;padding:17px;border:1px solid #dfe8e4;border-radius:12px;background:#fff;text-align:left;text-decoration:none;cursor:pointer;font:inherit;transition:.18s}.ftx-tools-main-card:hover{transform:translateY(-2px);border-color:#c8dfd5;box-shadow:0 12px 28px rgba(15,39,57,.06)} .ftx-tools-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#e9f8f2;color:#0a9f69;font-size:15px;font-weight:900}.ftx-tools-main-card h3{margin:5px 0 6px;color:#17283f;font-size:15px}.ftx-tools-main-card p{margin:0 0 10px;color:#788697;font-size:8px;line-height:1.5}.ftx-tools-main-card strong{color:#0a9d68;font-size:7.5px} .ftx-tools-feature{margin-top:15px;display:grid;grid-template-columns:1.2fr 1fr;border:1px solid #dce8e3;border-radius:13px;overflow:hidden;background:#fff}.ftx-tools-feature>div:first-child{padding:24px}.ftx-tools-feature h3{margin:6px 0 7px;color:#132640;font-size:19px}.ftx-tools-feature p{margin:0;max-width:500px;color:#788697;font-size:8.5px;line-height:1.55}.ftx-tools-principles{padding:20px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;align-content:center;background:#f4faf7}.ftx-tools-principles div{padding:10px;border:1px solid #dfeae5;border-radius:8px;background:#fff}.ftx-tools-principles strong{display:block;color:#0a9f69;font-size:7px}.ftx-tools-principles span{display:block;margin-top:3px;color:#5b6a7b;font-size:7px} .ftx-tools-popular{margin-top:15px;padding:18px;border:1px solid #dfe8e4;border-radius:12px;background:#fff}.ftx-tools-popular-head h3{margin:5px 0 12px;color:#14263f;font-size:15px}.ftx-tools-popular-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ftx-tools-popular-grid a,.ftx-tools-popular-grid button{position:relative;display:block;min-height:65px;padding:11px;border:1px solid #e4ebe7;border-radius:8px;background:#fafcfc;text-align:left;text-decoration:none;cursor:pointer;font:inherit}.ftx-tools-popular-grid strong{display:block;color:#14263e;font-size:8px}.ftx-tools-popular-grid span{display:block;margin-top:4px;padding-right:12px;color:#8793a1;font-size:7px;line-height:1.4}.ftx-tools-popular-grid b{position:absolute;right:10px;bottom:10px;color:#0a9d68;font-size:9px} @media(max-width:850px){.ftx-tools-main-grid{grid-template-columns:1fr}.ftx-tools-popular-grid{grid-template-columns:1fr 1fr}.ftx-tools-feature{grid-template-columns:1fr}} @media(max-width:560px){.ftx-tools-hub{padding:43px 0 45px}.ftx-tools-head h2{font-size:24px}.ftx-tools-flow{grid-template-columns:1fr;gap:7px}.ftx-tools-flow i{width:28px;height:1px;margin:auto}.ftx-tools-main-card{min-height:115px}.ftx-tools-feature>div:first-child{padding:18px}.ftx-tools-principles{padding:13px;grid-template-columns:1fr}.ftx-tools-popular{padding:14px}.ftx-tools-popular-grid{grid-template-columns:1fr}} @media(max-width:850px){.ftx-explore-grid{grid-template-columns:repeat(4,1fr)}.ftx-explore-head{display:block}.ftx-explore-head p{text-align:left;margin-top:6px}} @media(max-width:560px){.ftx-explore{padding:23px 0 25px}.ftx-explore-head h2{font-size:18px}.ftx-explore-grid{grid-template-columns:repeat(2,1fr)}} /* STEP 26 — HOMEPAGE VISUAL CLEANUP */ .ftx-pro-container{max-width:1180px;margin:0 auto;padding-left:22px;padding-right:22px} .ftx-section-kicker{letter-spacing:1.1px;font-weight:900} @media(max-width:560px){ .ftx-pro-container{padding-left:16px;padding-right:16px} } /* STEP 27 — TRUST / FOOTER / LEGAL */ .ftx-trust{padding:24px 0;background:#f5f8f7;border-top:1px solid #e4ebe8} .ftx-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .ftx-trust-grid div{padding:14px 16px;border:1px solid #dfe8e4;border-radius:10px;background:#fff} .ftx-trust-grid strong{display:block;color:#142740;font-size:9px} .ftx-trust-grid span{display:block;margin-top:4px;color:#7c8997;font-size:7.5px;line-height:1.45} .ftx-footer{padding:38px 0 18px;background:#10243b;color:#fff} .ftx-footer-main{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:35px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.12)} .ftx-footer-logo{font-size:17px;font-weight:950;letter-spacing:1.2px} .ftx-footer-brand p{margin:7px 0 5px;color:#dce6ef;font-size:9px;font-weight:800} .ftx-footer-brand>span{display:block;max-width:250px;color:#9eafbf;font-size:7px;line-height:1.5} .ftx-footer-col{display:flex;flex-direction:column;gap:7px} .ftx-footer-col strong{margin-bottom:3px;color:#fff;font-size:8px;letter-spacing:.4px} .ftx-footer-col a{color:#aebdca;font-size:7.5px;text-decoration:none} .ftx-footer-col a:hover{color:#fff} .ftx-footer-info{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.12)} .ftx-footer-info h3,.ftx-footer-legal h3{margin:0 0 6px;color:#fff;font-size:9px} .ftx-footer-info p,.ftx-footer-legal p{margin:0;max-width:580px;color:#9eafbf;font-size:7px;line-height:1.6} .ftx-footer-legal{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)} .ftx-footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:16px;color:#8397aa;font-size:6.5px} @media(max-width:700px){ .ftx-trust-grid{grid-template-columns:1fr} .ftx-footer-main{grid-template-columns:1.5fr 1fr;gap:24px} .ftx-footer-info{grid-template-columns:1fr;gap:18px} } @media(max-width:480px){ .ftx-footer{padding:30px 0 16px} .ftx-footer-main{grid-template-columns:1fr 1fr} .ftx-footer-brand{grid-column:1/-1} .ftx-footer-bottom{display:block} .ftx-footer-bottom span{display:block;margin-top:5px} } /* STEP 28 — ARTICLE ARCHITECTURE */ .ftx-pillar-articles{padding:34px 0;background:#fff;border-bottom:1px solid #e8edef} .ftx-pillar-articles-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:13px} .ftx-pillar-articles-head h3{margin:5px 0 0;color:#14263f;font-size:16px;letter-spacing:-.2px} .ftx-pillar-articles-head>a{color:#0a9d68;font-size:7.5px;font-weight:800;text-decoration:none} .ftx-pillar-post-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px} .ftx-pillar-post-card{display:flex;flex-direction:column;min-height:155px;border:1px solid #e2e8eb;border-radius:10px;overflow:hidden;background:#fff;text-decoration:none;transition:.18s} .ftx-pillar-post-card:hover{transform:translateY(-2px);border-color:#cfe1da;box-shadow:0 9px 22px rgba(15,39,57,.06)} .ftx-pillar-post-card img{width:100%;height:86px;object-fit:cover;display:block;background:#f1f4f5} .ftx-pillar-post-body{padding:10px} .ftx-pillar-post-tag{display:inline-block;color:#0a9d68;font-size:6.5px;font-weight:900;letter-spacing:.6px;text-transform:uppercase} .ftx-pillar-post-title{margin:5px 0 4px;color:#17283f;font-size:9.5px;line-height:1.3} .ftx-pillar-post-meta{color:#8a96a3;font-size:6.5px} .ftx-pillar-loading,.ftx-pillar-empty{padding:18px;border:1px dashed #dbe4e1;border-radius:9px;color:#8190a0;font-size:7.5px;background:#fafcfc} .ftx-content-status{padding:20px 0;background:#fff} .ftx-content-status-card{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #e0e8e4;border-radius:10px;background:#f7faf9} .ftx-content-status-card strong{color:#19304a;font-size:8px} .ftx-content-status-card>span:last-child{color:#7c8997;font-size:7px} @media(max-width:850px){.ftx-pillar-post-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.ftx-pillar-articles{padding:27px 0}.ftx-pillar-articles-head{display:block}.ftx-pillar-articles-head>a{display:inline-block;margin-top:8px}.ftx-pillar-post-grid{grid-template-columns:1fr}.ftx-content-status-card{display:block}.ftx-content-status-card strong{display:block;margin:5px 0}} /* ========================================================= FINTAXTICAL STEP 29 — ARTICLE READING EXPERIENCE ========================================================= */ body.is-post{ background:#f5f8f7; } body.is-post #content-wrapper{ padding:28px 0 70px; } body.is-post #main-wrapper{ width:100%; max-width:100%; margin:0; } body.is-post #sidebar-wrapper, body.is-post .sidebar-wrapper, body.is-post aside{ display:none!important; } body.is-post .item-post{ width:min(900px,100%); margin:0 auto; float:none; background:#fff; border:1px solid #e2e9e6; border-radius:14px; overflow:hidden; box-shadow:0 12px 40px rgba(19,48,64,.055); } body.is-post .item-post-inner{ background:#fff; } body.is-post .item-post .blog-entry-header{ padding:34px 54px 27px; border-bottom:1px solid #edf1ef; } body.is-post #breadcrumb{ margin:0 0 18px; font-size:10px; color:#7f8c98; } body.is-post #breadcrumb a{ color:#7f8c98; text-decoration:none; } body.is-post #breadcrumb a.label{ color:#078c5d; font-weight:800; } body.is-post .item-post .entry-category{ display:inline-flex; align-self:flex-start; padding:6px 10px; margin:0 0 13px; border-radius:999px; background:#eaf7f1; color:#078c5d; font-size:8px; line-height:1; font-weight:900; letter-spacing:.65px; text-transform:uppercase; } body.is-post .item-post h1.entry-title{ font-family:var(--title-font); color:#12283f; font-size:38px; line-height:1.13; letter-spacing:-1px; font-weight:800; max-width:790px; } body.is-post .item-post .blog-entry-header .entry-meta{ margin-top:17px; color:#7b8792; font-size:9px; } body.is-post .item-post .entry-meta .align-left{ gap:7px; } body.is-post .item-post .entry-meta .entry-author{ color:#415365; font-weight:700; } body.is-post .item-post .entry-meta .entry-time{ color:#87939d; } body.is-post .item-post .entry-image-wrap{ width:calc(100% - 108px); height:auto; min-height:330px; margin:28px 54px 0; border-radius:12px; overflow:hidden; } body.is-post .item-post .entry-image-wrap .entry-thumb{ display:block; width:100%; min-height:330px; background-position:center; background-size:cover; } body.is-post .item-post .entry-content-wrap{ padding:34px 54px 46px; } body.is-post #post-body{ max-width:760px; margin:0 auto; font-family:var(--text-font); font-size:17px; line-height:1.82; color:#354657; } body.is-post #post-body>p:first-child{ font-size:19px; line-height:1.7; color:#263d50; } body.is-post #post-body h2{ margin:40px 0 15px; color:#142b42; font-size:26px; line-height:1.25; letter-spacing:-.3px; } body.is-post #post-body h3{ margin:32px 0 12px; color:#18324a; font-size:21px; line-height:1.3; } body.is-post #post-body h4{ margin:25px 0 10px; color:#1a354d; font-size:18px; } body.is-post #post-body a{ color:#078c5d; font-weight:700; } body.is-post #post-body img{ display:block; max-width:100%; height:auto!important; margin:28px auto; border-radius:9px; } body.is-post #post-body blockquote{ margin:30px 0; padding:22px 25px 22px 28px; border-left:4px solid #0a9d68; background:#f3f8f6; color:#294255; border-radius:0 9px 9px 0; } body.is-post #post-body ul, body.is-post #post-body ol{ margin:18px 0 25px; } body.is-post #post-body li{ margin:9px 0; } body.is-post .entry-labels{ max-width:760px; margin:0 auto; padding:0 54px 35px; display:flex; flex-wrap:wrap; gap:7px; } body.is-post .entry-labels .labels-label{ display:none; } body.is-post .entry-labels .label-link{ padding:6px 9px; border:1px solid #dfe9e5; border-radius:999px; color:#637582; background:#fafcfb; font-size:7.5px; text-decoration:none; } body.is-post .post-share{ max-width:760px; margin:0 auto; padding:0 54px 34px; } body.is-post .post-share .b-blog-pro-share-links{ justify-content:flex-start; } body.is-post .post-share .b-blog-pro-share-links a{ width:31px; height:31px; border-radius:50%; } body.is-post .post-footer{ max-width:760px; margin:0 auto; padding:0 54px 42px; } body.is-post .post-nav{ width:min(900px,100%); margin:18px auto 0; display:flex; gap:10px; } body.is-post .post-nav a{ flex:1; padding:16px; border:1px solid #e0e8e4; border-radius:10px; background:#fff; color:#19324a; font-size:9px; font-weight:800; text-decoration:none; } body.is-post .b-blog-pro-blog-post-comments{ width:min(900px,100%); margin:18px auto 0; padding:28px 54px; background:#fff; border:1px solid #e2e9e6; border-radius:14px; } #ftx-reading-progress{ position:fixed; z-index:99999; top:0; left:0; width:0; height:3px; background:#0a9d68; transition:width .08s linear; } #ftx-reading-tools{ position:fixed; z-index:9998; right:22px; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:7px; } #ftx-reading-tools button{ width:34px; height:34px; border:1px solid #dfe8e4; border-radius:50%; background:#fff; color:#536776; font-size:12px; cursor:pointer; box-shadow:0 5px 15px rgba(15,39,57,.08); } #ftx-reading-tools button:hover{ color:#078c5d; border-color:#bcdccf; } #ftx-article-intro{ max-width:760px; margin:0 auto; padding:0 54px 25px; color:#788692; font-size:8px; } #ftx-article-intro strong{ color:#3f5566; } @media(max-width:900px){ body.is-post .item-post{ border-radius:0; border-left:0; border-right:0; } #ftx-reading-tools{display:none} } @media(max-width:650px){ body.is-post #content-wrapper{padding:0 0 45px} body.is-post .item-post .blog-entry-header{padding:26px 22px 23px} body.is-post .item-post h1.entry-title{font-size:29px;letter-spacing:-.6px} body.is-post .item-post .entry-image-wrap{ width:calc(100% - 44px); min-height:210px; margin:22px 22px 0; } body.is-post .item-post .entry-image-wrap .entry-thumb{min-height:210px} body.is-post .item-post .entry-content-wrap{padding:27px 22px 35px} body.is-post #post-body{font-size:16px;line-height:1.75} body.is-post #post-body>p:first-child{font-size:17px} body.is-post .entry-labels, body.is-post .post-share, body.is-post .post-footer{padding-left:22px;padding-right:22px} body.is-post .b-blog-pro-blog-post-comments{padding:22px} } /* ========================================================= STEP 30 — ARTICLE INTELLIGENCE / INTERNAL DISCOVERY ========================================================= */ #ftx-related-articles{ width:min(900px,100%); margin:18px auto 0; padding:0 0 18px; } .ftx-related-inner{ padding:28px 54px 30px; border:1px solid #e1e9e5; border-radius:14px; background:#fff; } .ftx-related-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:15px; } .ftx-related-head h2{ margin:5px 0 0; color:#14283f; font-size:20px; line-height:1.2; letter-spacing:-.3px; } .ftx-related-note{ color:#8a96a1; font-size:7px; } .ftx-related-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; } .ftx-related-card{ display:flex; flex-direction:column; min-width:0; border:1px solid #e2e9e6; border-radius:10px; overflow:hidden; background:#fff; text-decoration:none; transition:.18s; } .ftx-related-card:hover{ transform:translateY(-2px); border-color:#c8ded4; box-shadow:0 10px 24px rgba(15,39,57,.06); } .ftx-related-card img{ width:100%; height:95px; object-fit:cover; display:block; background:#f1f4f4; } .ftx-related-body{padding:11px} .ftx-related-tag{ color:#078c5d; font-size:6px; font-weight:900; letter-spacing:.7px; text-transform:uppercase; } .ftx-related-title{ margin:5px 0 6px; color:#182c42; font-size:9px; line-height:1.35; } .ftx-related-meta{ color:#8b96a1; font-size:6.5px; } .ftx-related-loading, .ftx-related-empty{ padding:16px; border:1px dashed #d9e4df; border-radius:9px; background:#fafcfb; color:#7d8b96; font-size:7.5px; } @media(max-width:650px){ #ftx-related-articles{ width:100%; margin:14px auto 0; } .ftx-related-inner{ padding:22px; border-left:0; border-right:0; border-radius:0; } .ftx-related-head{display:block} .ftx-related-note{ display:block; margin-top:6px; } .ftx-related-grid{ grid-template-columns:1fr; } .ftx-related-card{ display:grid; grid-template-columns:105px 1fr; } .ftx-related-card img{ width:105px; height:100%; min-height:96px; } } /* ========================================================= FINTAXTICAL STEP 31 — SEO / SEARCH FOUNDATION ========================================================= */ #ftx-seo-breadcrumbs{ width:min(900px,100%); margin:0 auto 13px; padding:0 54px; color:#8a96a1; font-size:7.5px; line-height:1.5; } #ftx-seo-breadcrumbs a{ color:#7d8b96; text-decoration:none; } #ftx-seo-breadcrumbs a:hover{color:#078c5d} #ftx-seo-breadcrumbs .sep{ margin:0 6px; color:#b4bec5; } #ftx-seo-breadcrumbs .current{ color:#536675; font-weight:700; } @media(max-width:650px){ #ftx-seo-breadcrumbs{padding:0 22px} } /* STEP 32 — CLEAN & CONNECT */ #sidebar-wrapper,#sidebar,.sidebar-wrapper,.sidebar,#secondary, .widget-area,aside.sidebar{display:none!important} #main-wrapper,#content-wrapper{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important} .PopularPosts,.BlogArchive,.Label,.Labels,.BlogList,.LinkList,.Feed, .HTML.widget,.Text.widget,.template-credit,.footer-credit,.blogger-credit, .powered-by,.attribution,#Attribution1{display:none!important} #ftx-footer{position:relative;z-index:5} .ftx-example-badge{display:inline-flex;align-items:center;padding:4px 8px;margin-left:7px;border-radius:999px;background:#eef4f1;color:#667a72;font-size:6.5px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;vertical-align:middle} #latest-deals,.latest-deals,#ftx-latest-deals,.ftx-latest-deals, #stock-ticker,.stock-ticker,.ftx-stock-ticker{display:none!important} @media(max-width:650px){#main-wrapper,#content-wrapper{padding-left:0!important;padding-right:0!important}} /* STEP 33 — PROFESSIONAL UX SYSTEM */ #footer-wrapper,#sidebar-wrapper,#sidebar,.sidebar-wrapper,.sidebar,#secondary,.widget-area,aside.sidebar, .PopularPosts,.BlogArchive,.Label,.Labels,.BlogList,.LinkList,.Feed,#Attribution1, .template-credit,.footer-credit,.blogger-credit,.powered-by,.attribution{display:none!important} #ftx-pro-home,#ftx-pro-home *{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif} #ftx-pro-home{font-size:15px} .ftx-pro-container{width:min(1180px,calc(100% - 48px))} .ftx-utility-bar{font-size:10px!important;min-height:34px!important} .ftx-brand-name{font-size:27px!important;letter-spacing:-.7px!important} .ftx-brand small{font-size:10px!important} .ftx-pro-nav{height:78px!important;gap:28px!important} .ftx-main-nav>a,.ftx-nav-dd>a{font-size:14px!important;padding:28px 12px 26px!important;font-weight:650!important} .ftx-dd-menu{width:245px!important;padding:9px!important;top:calc(100% - 1px)!important} .ftx-dd-menu a{font-size:12px!important;padding:10px 12px!important;line-height:1.35!important} .ftx-nav-dd{position:relative!important;height:78px!important;display:flex!important;align-items:stretch!important} .ftx-nav-dd:hover .ftx-dd-menu,.ftx-nav-dd:focus-within .ftx-dd-menu{display:block!important} .ftx-dd-menu{margin:0!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(0)!important;transition:opacity .14s ease,visibility .14s ease!important;z-index:10020!important} .ftx-nav-dd:hover .ftx-dd-menu,.ftx-nav-dd:focus-within .ftx-dd-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important} .ftx-nav-dd .ftx-dd-menu:before{content:"";position:absolute;left:0;right:0;top:-9px;height:10px} body.ftx-home-view .ftx-money-hub,body.ftx-home-view .ftx-money-articles,body.ftx-home-view .ftx-invest-hub, body.ftx-home-view .ftx-invest-articles,body.ftx-home-view .ftx-borrow-hub,body.ftx-home-view .ftx-borrow-articles, body.ftx-home-view .ftx-tax-hub,body.ftx-home-view .ftx-tax-articles,body.ftx-home-view .ftx-protect-hub, body.ftx-home-view .ftx-markets-hub,body.ftx-home-view .ftx-tools-hub,body.ftx-home-view .ftx-content-status{display:none!important} body.ftx-home-view .ftx-pro-hero{padding-top:64px!important;padding-bottom:58px!important} body.ftx-home-view .ftx-planning{padding-top:45px!important;padding-bottom:45px!important} body.ftx-home-view .ftx-calculators{padding-top:42px!important;padding-bottom:46px!important} body.ftx-home-view .ftx-latest{padding-top:46px!important;padding-bottom:48px!important} .ftx-hero-copy>p{font-size:18px!important;line-height:1.65!important} .ftx-hero-proof{font-size:11px!important} .ftx-section-title span,.ftx-section-kicker{font-size:10px!important;letter-spacing:1.5px!important} .ftx-section-title h2{font-size:31px!important} .ftx-plan-card strong{font-size:13px!important} .ftx-plan-card p{font-size:10px!important;line-height:1.45!important} .ftx-planning-note{font-size:10px!important} .ftx-calculators .ftx-section-heading-row h2,.ftx-latest .ftx-section-heading-row h2{font-size:29px!important} .ftx-calculator-card strong,.ftx-calculator-card h3{font-size:13px!important} .ftx-calculator-card p,.ftx-calculator-card small{font-size:10px!important;line-height:1.45!important} .ftx-latest .entry-title,.ftx-post-card .entry-title{font-size:17px!important;line-height:1.35!important} .ftx-latest .entry-snippet,.ftx-post-card .entry-snippet{font-size:10px!important;line-height:1.55!important} .ftx-news-copy h2{font-size:18px!important} .ftx-news-copy p{font-size:11px!important} .ftx-news-points strong{font-size:10px!important} .ftx-news-points small{font-size:9px!important} .ftx-plan-card,.ftx-money-category,.ftx-invest-card,.ftx-borrow-card,.ftx-tax-card,.ftx-protect-card,.ftx-market-card,.ftx-calculator-card,.ftx-post-card,.ftx-toolkit-card{border-radius:9px!important;box-shadow:none!important} .ftx-plan-card:hover,.ftx-money-category:hover,.ftx-invest-card:hover,.ftx-borrow-card:hover,.ftx-tax-card:hover,.ftx-protect-card:hover,.ftx-market-card:hover,.ftx-calculator-card:hover,.ftx-post-card:hover{box-shadow:0 8px 22px rgba(14,39,57,.07)!important} .ftx-view-page{display:none;background:#fff;border-top:1px solid #e8eeeb;min-height:58vh} body.ftx-view-money .ftx-view-page.ftx-view-money,body.ftx-view-invest .ftx-view-page.ftx-view-invest, body.ftx-view-borrow .ftx-view-page.ftx-view-borrow,body.ftx-view-tax .ftx-view-page.ftx-view-tax, body.ftx-view-protect .ftx-view-page.ftx-view-protect,body.ftx-view-markets .ftx-view-page.ftx-view-markets, body.ftx-view-tools .ftx-view-page.ftx-view-tools{display:block!important} .ftx-view-page .ftx-page-intro{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:42px 0 4px} .ftx-page-intro .ftx-page-breadcrumb{color:#7b8995;font-size:10px;margin-bottom:12px} .ftx-page-intro .ftx-page-breadcrumb a{color:#0a9d68;text-decoration:none;font-weight:700} .ftx-page-intro h1{margin:0;color:#11243d;font-size:36px;line-height:1.15;letter-spacing:-.8px} .ftx-page-intro p{max-width:700px;margin:10px 0 0;color:#6f7e8d;font-size:13px;line-height:1.65} .ftx-pro-footer{background:#061a33!important;padding:52px 0 20px!important} .ftx-pro-footer .ftx-footer-top{align-items:flex-start!important;padding-bottom:34px!important;gap:70px!important} .ftx-pro-footer .footer-brand{min-width:260px!important} .ftx-pro-footer .ftx-footer-links{grid-template-columns:repeat(3,minmax(150px,1fr))!important;gap:55px!important} .ftx-pro-footer .ftx-footer-links strong{font-size:12px!important;margin-bottom:15px!important} .ftx-pro-footer .ftx-footer-links a{font-size:11px!important;margin:10px 0!important;line-height:1.35!important;color:rgba(255,255,255,.62)!important} .ftx-pro-footer .ftx-footer-links a:hover{color:#fff!important} .ftx-pro-footer .ftx-footer-bottom{padding-top:17px!important;font-size:10px!important;color:rgba(255,255,255,.45)!important} .ftx-pro-footer .ftx-brand-name{font-size:28px!important} .ftx-pro-footer .ftx-brand small{font-size:10px!important} @media(max-width:850px){ .ftx-pro-container{width:min(100% - 32px,680px)!important} .ftx-pro-nav{height:70px!important}.ftx-brand-name{font-size:23px!important} .ftx-main-nav{display:none!important}.ftx-header-actions .ftx-header-cta{display:none!important} .ftx-view-page .ftx-page-intro{width:calc(100% - 32px);padding-top:32px} .ftx-page-intro h1{font-size:30px}.ftx-page-intro p{font-size:12px} } @media(max-width:560px){ .ftx-hero-copy h1{font-size:44px!important}.ftx-hero-copy>p{font-size:16px!important} .ftx-section-title h2{font-size:27px!important} .ftx-plan-card strong{font-size:13px!important}.ftx-plan-card p{font-size:10px!important} .ftx-pro-footer .ftx-footer-top{display:grid!important;grid-template-columns:1fr 1fr!important;gap:30px!important} .ftx-pro-footer .footer-brand{grid-column:1/-1} .ftx-pro-footer .ftx-footer-links{grid-column:1/-1;grid-template-columns:repeat(2,1fr)!important;gap:25px!important} .ftx-pro-footer .ftx-footer-bottom{display:block!important} .ftx-pro-footer .ftx-footer-bottom span{display:block;margin-top:5px} } /* ========================================================= STEP 34 — READABILITY / TYPOGRAPHY BOOST ========================================================= */ /* Main navigation */ .ftx-main-nav>a, .ftx-nav-dd>a{ font-size:16px!important; font-weight:700!important; } .ftx-dd-menu a{ font-size:14px!important; padding:12px 14px!important; line-height:1.45!important; } /* Header / brand */ .ftx-brand-name{font-size:30px!important} .ftx-brand small{font-size:11px!important} /* Hero */ .ftx-hero-copy h1{ font-size:58px!important; line-height:1.02!important; } .ftx-hero-copy>p{ font-size:19px!important; line-height:1.7!important; } .ftx-hero-proof{font-size:12px!important} /* Section headings */ .ftx-section-kicker{ font-size:11px!important; letter-spacing:1.6px!important; } .ftx-section-title h2{ font-size:34px!important; } .ftx-section-title p{ font-size:13px!important; } /* Planning cards */ .ftx-plan-card strong{ font-size:15px!important; } .ftx-plan-card p{ font-size:11px!important; line-height:1.5!important; } .ftx-planning-note{ font-size:11px!important; } /* Calculator cards */ .ftx-calculators .ftx-section-heading-row h2, .ftx-latest .ftx-section-heading-row h2{ font-size:32px!important; } .ftx-calculator-card strong, .ftx-calculator-card h3{ font-size:15px!important; } .ftx-calculator-card p, .ftx-calculator-card small{ font-size:11px!important; line-height:1.5!important; } /* Latest articles */ .ftx-latest .entry-title, .ftx-post-card .entry-title{ font-size:19px!important; line-height:1.38!important; } .ftx-latest .entry-snippet, .ftx-post-card .entry-snippet{ font-size:11px!important; line-height:1.6!important; } /* News / newsletter */ .ftx-news-copy h2{font-size:20px!important} .ftx-news-copy p{font-size:12px!important;line-height:1.55!important} .ftx-news-points strong{font-size:11px!important} .ftx-news-points small{font-size:10px!important} /* Pillar pages */ .ftx-page-intro .ftx-page-breadcrumb{ font-size:11px!important; } .ftx-page-intro h1{ font-size:44px!important; } .ftx-page-intro p{ font-size:15px!important; line-height:1.7!important; } /* Pillar content cards */ .ftx-pillar-articles-head h3{ font-size:20px!important; } .ftx-pillar-articles-head>a{ font-size:11px!important; } .ftx-pillar-post-tag{ font-size:8px!important; } .ftx-pillar-post-title{ font-size:12px!important; line-height:1.4!important; } .ftx-pillar-post-meta{ font-size:9px!important; } /* Footer */ .ftx-pro-footer .ftx-footer-links strong{ font-size:14px!important; } .ftx-pro-footer .ftx-footer-links a{ font-size:12px!important; line-height:1.45!important; } .ftx-pro-footer .ftx-footer-bottom{ font-size:11px!important; } .ftx-pro-footer .ftx-brand-name{ font-size:30px!important; } .ftx-pro-footer .ftx-brand small{ font-size:11px!important; } /* Article pages */ body.is-post .item-post h1.entry-title{ font-size:42px!important; } body.is-post #post-body{ font-size:18px!important; line-height:1.85!important; } body.is-post #post-body>p:first-child{ font-size:20px!important; } body.is-post #post-body h2{ font-size:28px!important; } body.is-post #post-body h3{ font-size:22px!important; } /* Mobile — still readable, but not oversized */ @media(max-width:650px){ .ftx-main-nav>a,.ftx-nav-dd>a{font-size:15px!important} .ftx-dd-menu a{font-size:14px!important} .ftx-brand-name{font-size:25px!important} .ftx-hero-copy h1{font-size:45px!important} .ftx-hero-copy>p{font-size:17px!important} .ftx-section-title h2{font-size:29px!important} .ftx-plan-card strong{font-size:14px!important} .ftx-plan-card p{font-size:11px!important} .ftx-calculators .ftx-section-heading-row h2, .ftx-latest .ftx-section-heading-row h2{font-size:28px!important} .ftx-calculator-card strong,.ftx-calculator-card h3{font-size:14px!important} .ftx-calculator-card p,.ftx-calculator-card small{font-size:11px!important} .ftx-latest .entry-title,.ftx-post-card .entry-title{font-size:18px!important} .ftx-latest .entry-snippet,.ftx-post-card .entry-snippet{font-size:11px!important} .ftx-page-intro h1{font-size:36px!important} .ftx-page-intro p{font-size:14px!important} .ftx-pro-footer .ftx-footer-links strong{font-size:13px!important} .ftx-pro-footer .ftx-footer-links a{font-size:12px!important} body.is-post .item-post h1.entry-title{font-size:31px!important} body.is-post #post-body{font-size:17px!important} body.is-post #post-body>p:first-child{font-size:18px!important} } /* ========================================================= STEP 35 — MONETIZATION-READY / TRUST-FIRST No active advertising is forced until AdSense is available. ========================================================= */ .ftx-ad-slot{width:min(100%,980px);margin:22px auto;padding:0;min-height:0;text-align:center;overflow:hidden} .ftx-ad-slot .ftx-ad-label{display:block;margin:0 0 7px;color:#8a96a3;font-size:9px;letter-spacing:.8px;text-transform:uppercase} .ftx-commercial-note{margin:24px auto 0;width:min(100%,980px);padding:13px 16px;border:1px solid #e2e9e5;border-radius:8px;background:#fbfdfc;color:#6b7884;font-size:10px;line-height:1.55} .ftx-commercial-note strong{color:#304252} .ftx-partner-cta{margin-top:24px;padding:24px;border:1px solid #dfe8e3;border-radius:10px;background:#f8fbfa;display:flex;align-items:center;justify-content:space-between;gap:24px} .ftx-partner-cta h3{margin:0 0 5px;color:#10233d;font-size:17px} .ftx-partner-cta p{margin:0;color:#6d7c89;font-size:11px;line-height:1.55} .ftx-partner-cta a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:11px 16px;border-radius:7px;background:#10b981;color:#fff!important;font-size:11px;font-weight:800;text-decoration:none} .ftx-partner-cta a:hover{background:#0a9f6f} /* Affiliate links must be visually transparent and technically marked. Actual partner URLs will be added only after a real partnership exists. */ a[data-ftx-affiliate='true']{position:relative} .ftx-affiliate-disclosure{margin:18px 0;padding:11px 13px;border-left:3px solid #10b981;background:#f6faf8;color:#697783;font-size:10px;line-height:1.55} .ftx-affiliate-disclosure strong{color:#243746} /* Don't show an empty commercial box on the current site. */ .ftx-ad-slot:empty,.ftx-partner-cta:empty{display:none!important} @media(max-width:700px){ .ftx-partner-cta{display:block} .ftx-partner-cta a{margin-top:14px} } /* ========================================================= STEP 36 — SEO / LEGACY CONTENT CLEANUP ========================================================= */ /* Old Blogger widgets — not part of the new Fintaxtical product */ #Label1, #Label2, #Label3, #Label4, #PopularPosts1, #PopularPosts2, #PopularPosts3, #PopularPosts4, #HTML4, #HTML8, #HTML16{ display:none!important; } /* Old generic news/deals/ticker blocks */ #latest-news, #latest-deals, .latest-deals, #stock-ticker, .stock-ticker{ display:none!important; } /* Old Blogger category/tag containers */ .b-blog-pro-widget-ready .Label, .b-blog-pro-widget-ready .PopularPosts{ display:none!important; } /* Do not allow the old Blogger navigation to compete with the new Fintaxtical navigation/header. */ #b-blog-pro-main-nav{ display:none!important; } /* Cleaner content width when the old sidebar is removed */ #content-wrapper, #main-wrapper{ width:100%!important; max-width:100%!important; } /* Trust-first article metadata */ .ftx-post-card .entry-meta, .ftx-latest .entry-meta{ font-size:11px!important; } /* Make the site feel editorial, not like a template demo */ .ftx-post-card, .ftx-calculator-card, .ftx-plan-card{ transition:box-shadow .16s ease,border-color .16s ease!important; } .ftx-post-card:hover, .ftx-calculator-card:hover, .ftx-plan-card:hover{ transform:none!important; } /* Query-driven pillar views are navigation/product shells for now. Keep them out of organic indexing until we convert them to proper Blogger static landing pages with unique URLs and content. */ /* ========================================================= FINTAXTICAL STEP 37 — FINANCIAL PULSE VISUAL SYSTEM More energy, contrast and visual rhythm — still premium. ========================================================= */ /* ---- Global visual atmosphere ---- */ body{ background:#f6f9f8!important; } #ftx-pro-home{ background:#f6f9f8!important; color:#10243c!important; overflow:hidden!important; } #ftx-pro-home:before{ content:""; position:absolute; left:-180px; top:110px; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,rgba(11,180,124,.10) 0,rgba(11,180,124,.035) 35%,transparent 70%); pointer-events:none; } #ftx-pro-home:after{ content:""; position:absolute; right:-220px; top:300px; width:620px; height:620px; border-radius:50%; background:radial-gradient(circle,rgba(33,112,255,.08) 0,rgba(33,112,255,.025) 35%,transparent 70%); pointer-events:none; } /* ---- Header: premium, slightly richer ---- */ .ftx-pro-header{ box-shadow:0 1px 0 rgba(11,28,45,.08),0 8px 30px rgba(10,30,48,.06)!important; position:relative!important; z-index:10000!important; } .ftx-pro-nav{ background:linear-gradient(90deg,#061b34 0%,#08243f 55%,#061b34 100%)!important; } .ftx-brand-name{ text-shadow:0 1px 0 rgba(255,255,255,.08)!important; } .ftx-main-nav>a, .ftx-nav-dd>a{ transition:color .18s ease,background .18s ease!important; border-radius:8px 8px 0 0!important; } .ftx-main-nav>a:hover, .ftx-nav-dd>a:hover{ background:rgba(255,255,255,.045)!important; color:#49d6a2!important; } .ftx-header-cta{ box-shadow:0 7px 18px rgba(9,188,126,.22)!important; transition:transform .18s ease,box-shadow .18s ease!important; } .ftx-header-cta:hover{ transform:translateY(-2px)!important; box-shadow:0 10px 24px rgba(9,188,126,.28)!important; } /* ---- Hero: signature visual ---- */ .ftx-pro-hero{ position:relative!important; min-height:570px!important; background: radial-gradient(circle at 76% 28%,rgba(18,194,133,.11),transparent 25%), radial-gradient(circle at 92% 78%,rgba(42,116,255,.08),transparent 30%), linear-gradient(180deg,#ffffff 0%,#f8fbfa 100%)!important; } .ftx-pro-hero:before{ content:""; position:absolute; right:7%; top:55px; width:470px; height:470px; border:1px solid rgba(10,157,104,.13); border-radius:50%; box-shadow: 0 0 0 28px rgba(10,157,104,.025), 0 0 0 72px rgba(10,157,104,.018); pointer-events:none; } .ftx-pro-hero:after{ content:""; position:absolute; right:17%; bottom:55px; width:7px; height:7px; border-radius:50%; background:#10b981; box-shadow: 22px -26px 0 #76dcb8, 45px -7px 0 #a8ead5, 70px -42px 0 #d3f5e9, -22px 23px 0 #bfeede; pointer-events:none; } .ftx-hero-copy{ position:relative!important; z-index:2!important; } .ftx-hero-copy .ftx-kicker, .ftx-hero-copy .ftx-eyebrow{ display:inline-flex!important; align-items:center!important; gap:8px!important; padding:7px 12px!important; border:1px solid #d8eee5!important; border-radius:999px!important; background:#f1faf6!important; box-shadow:0 4px 12px rgba(8,70,47,.04)!important; } .ftx-hero-copy .ftx-kicker:before, .ftx-hero-copy .ftx-eyebrow:before{ content:""; width:7px; height:7px; border-radius:50%; background:#10b981; box-shadow:0 0 0 4px rgba(16,185,129,.10); } .ftx-hero-copy h1{ letter-spacing:-2.4px!important; text-shadow:0 2px 0 rgba(255,255,255,.7)!important; } .ftx-hero-copy h1 strong, .ftx-hero-copy h1 span{ background:linear-gradient(90deg,#09a96f,#12b982,#0ca6a0)!important; -webkit-background-clip:text!important; background-clip:text!important; color:transparent!important; } .ftx-hero-copy>p{ max-width:610px!important; color:#53687d!important; } .ftx-hero-proof{ display:flex!important; flex-wrap:wrap!important; gap:8px!important; } .ftx-hero-proof span{ padding:6px 10px!important; border-radius:999px!important; background:#fff!important; border:1px solid #e1ebe7!important; color:#617284!important; } /* ---- Hero dashboard: make it feel like a live financial product ---- */ .ftx-dashboard, .ftx-hero-dashboard, .ftx-financial-dashboard{ position:relative!important; border:1px solid #d8e6e1!important; box-shadow:0 24px 55px rgba(10,35,52,.12),0 5px 16px rgba(10,35,52,.06)!important; border-radius:20px!important; overflow:hidden!important; background:#fff!important; } .ftx-dashboard:after, .ftx-hero-dashboard:after, .ftx-financial-dashboard:after{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 38%); } /* ---- Add motion only where it helps attention ---- */ .ftx-pro-hero .ftx-dashboard, .ftx-pro-hero .ftx-hero-dashboard{ animation:ftxFloat 6s ease-in-out infinite!important; } @keyframes ftxFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} } /* ---- Planning section: "decision chips" ---- */ .ftx-planning{ position:relative!important; background:#fff!important; } .ftx-planning:before{ content:""; position:absolute; left:0; right:0; top:0; height:1px; background:#e4ece9; } .ftx-plan-card{ position:relative!important; overflow:hidden!important; background:#fff!important; border:1px solid #dce7e3!important; box-shadow:0 4px 14px rgba(14,39,57,.035)!important; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important; } .ftx-plan-card:after{ content:""; position:absolute; right:-25px; top:-25px; width:80px; height:80px; border-radius:50%; background:rgba(16,185,129,.045); transition:transform .25s ease!important; } .ftx-plan-card:hover{ transform:translateY(-5px)!important; border-color:#b9ded0!important; box-shadow:0 16px 28px rgba(10,45,36,.09)!important; } .ftx-plan-card:hover:after{ transform:scale(1.5)!important; } /* ---- Calculator section: make tools feel valuable ---- */ .ftx-calculators{ position:relative!important; background:#f1f6f5!important; } .ftx-calculators:before{ content:""; position:absolute; left:0; right:0; top:0; height:1px; background:#dce8e5; } .ftx-calculator-card{ position:relative!important; background:#fff!important; border:1px solid #dbe7e3!important; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important; } .ftx-calculator-card:before{ content:""; position:absolute; left:0; top:0; width:0; height:3px; background:linear-gradient(90deg,#10b981,#26b8aa); transition:width .25s ease!important; } .ftx-calculator-card:hover{ transform:translateY(-4px)!important; border-color:#b8ddd0!important; box-shadow:0 16px 30px rgba(8,44,37,.08)!important; } .ftx-calculator-card:hover:before{ width:100%!important; } /* ---- Latest articles: editorial magazine feel ---- */ .ftx-latest{ background:#fff!important; } .ftx-post-card{ overflow:hidden!important; background:#fff!important; border:1px solid #dce6e3!important; transition:transform .2s ease,box-shadow .2s ease!important; } .ftx-post-card:hover{ transform:translateY(-4px)!important; box-shadow:0 18px 35px rgba(11,32,47,.10)!important; } .ftx-post-card img, .ftx-post-card .post-thumbnail img, .ftx-latest img{ transition:transform .35s ease!important; } .ftx-post-card:hover img, .ftx-latest .ftx-post-card:hover img{ transform:scale(1.035)!important; } /* ---- Newsletter: clear conversion moment ---- */ .ftx-newsletter{ position:relative!important; overflow:hidden!important; background: radial-gradient(circle at 84% 20%,rgba(57,220,165,.16),transparent 24%), linear-gradient(110deg,#061a32,#092845)!important; } .ftx-newsletter:after{ content:""; position:absolute; right:-100px; bottom:-180px; width:420px; height:420px; border:1px solid rgba(76,225,175,.18); border-radius:50%; box-shadow:0 0 0 34px rgba(76,225,175,.035),0 0 0 80px rgba(76,225,175,.02); pointer-events:none; } .ftx-newsletter input{ background:#fff!important; border:0!important; font-size:13px!important; } .ftx-newsletter button{ box-shadow:0 8px 20px rgba(16,185,129,.20)!important; } /* ---- Footer ---- */ .ftx-pro-footer{ background:linear-gradient(180deg,#061a32,#041427)!important; } /* ---- Pillar pages: stronger identity ---- */ .ftx-view-page{ position:relative!important; background: radial-gradient(circle at 92% 0,rgba(16,185,129,.07),transparent 23%), #fff!important; } .ftx-page-intro{ position:relative!important; } .ftx-page-intro h1{ letter-spacing:-1.5px!important; } .ftx-page-intro h1:after{ content:""; display:block; width:54px; height:4px; margin-top:15px; border-radius:4px; background:linear-gradient(90deg,#10b981,#4ac8a8); } /* ---- Small visual rhythm markers ---- */ .ftx-section-title h2:before, .ftx-calculators .ftx-section-heading-row h2:before, .ftx-latest .ftx-section-heading-row h2:before{ content:""; display:inline-block; width:24px; height:4px; margin:0 10px 8px 0; border-radius:5px; background:#10b981; vertical-align:middle; } /* ---- Respect reduced motion ---- */ @media(prefers-reduced-motion:reduce){ .ftx-pro-hero .ftx-dashboard, .ftx-pro-hero .ftx-hero-dashboard{ animation:none!important; } *{scroll-behavior:auto!important} } /* ---- Mobile ---- */ @media(max-width:700px){ .ftx-pro-hero{ min-height:auto!important; padding-top:48px!important; padding-bottom:48px!important; } .ftx-pro-hero:before{ width:310px; height:310px; right:-120px; top:35px; } .ftx-hero-copy h1{ letter-spacing:-1.5px!important; } .ftx-dashboard, .ftx-hero-dashboard{ border-radius:16px!important; } } /* ========================================================= STEP 38 — MONEY COMMAND CENTER ========================================================= */ /* ---------- Global readability ---------- */ #ftx-pro-home{ font-size:17px!important; background:#f5f8f7!important; } #ftx-pro-home p, #ftx-pro-home li{ font-size:15px!important; line-height:1.65!important; } #ftx-pro-home .ftx-section-kicker{ font-size:12px!important; font-weight:900!important; letter-spacing:1.8px!important; } #ftx-pro-home .ftx-section-title h2, #ftx-pro-home .ftx-section-heading-row h2{ font-size:38px!important; line-height:1.12!important; letter-spacing:-1px!important; } #ftx-pro-home .ftx-plan-card strong, #ftx-pro-home .ftx-calculator-card strong, #ftx-pro-home .ftx-calculator-card h3{ font-size:17px!important; } #ftx-pro-home .ftx-plan-card p, #ftx-pro-home .ftx-calculator-card p{ font-size:13px!important; } /* ---------- Short, cinematic homepage ---------- */ body.ftx-home-view .ftx-pro-hero{ min-height:690px!important; padding:82px 0 76px!important; display:flex!important; align-items:center!important; } body.ftx-home-view .ftx-planning{ padding:72px 0!important; } body.ftx-home-view .ftx-calculators{ padding:72px 0!important; } body.ftx-home-view .ftx-latest, body.ftx-home-view .ftx-newsletter{ display:none!important; } /* ---------- Hero command-center composition ---------- */ .ftx-pro-hero{ overflow:hidden!important; background: radial-gradient(circle at 76% 44%,rgba(16,185,129,.16),transparent 22%), radial-gradient(circle at 92% 70%,rgba(37,99,235,.10),transparent 28%), linear-gradient(135deg,#fbfefd 0%,#f2f7f5 100%)!important; } .ftx-pro-hero:before{ right:-20px!important; top:60px!important; width:600px!important; height:600px!important; border:1px solid rgba(10,157,104,.16)!important; box-shadow: 0 0 0 32px rgba(10,157,104,.035), 0 0 0 85px rgba(10,157,104,.022), 0 0 0 145px rgba(10,157,104,.012)!important; } .ftx-hero-copy{ max-width:650px!important; } .ftx-hero-copy h1{ font-size:76px!important; line-height:.96!important; letter-spacing:-4px!important; margin:18px 0 24px!important; } .ftx-hero-copy>p{ font-size:21px!important; line-height:1.55!important; max-width:600px!important; color:#465d72!important; } .ftx-hero-copy .ftx-kicker, .ftx-hero-copy .ftx-eyebrow{ font-size:11px!important; padding:9px 14px!important; } /* Stronger hero CTA */ .ftx-hero-copy a, .ftx-hero-copy button{ font-size:15px!important; font-weight:850!important; padding:14px 21px!important; border-radius:10px!important; } .ftx-hero-proof{ margin-top:22px!important; } .ftx-hero-proof span{ font-size:11px!important; padding:8px 12px!important; } /* ---------- Turn dashboard into a "financial cockpit" ---------- */ .ftx-dashboard, .ftx-hero-dashboard, .ftx-financial-dashboard{ border-radius:24px!important; box-shadow: 0 35px 75px rgba(6,29,47,.16), 0 12px 25px rgba(6,29,47,.09)!important; border:1px solid rgba(150,176,166,.65)!important; } .ftx-dashboard-label{ font-size:10px!important; padding:6px 10px!important; } /* ---------- "What do you want to do?" planning section ---------- */ .ftx-planning{ background:#071d35!important; color:#fff!important; } .ftx-planning .ftx-section-title h2{ color:#fff!important; font-size:43px!important; } .ftx-planning .ftx-section-title p, .ftx-planning .ftx-planning-note{ color:rgba(255,255,255,.68)!important; } .ftx-planning .ftx-section-kicker{ color:#45d7a4!important; } .ftx-planning .ftx-plan-grid{ gap:14px!important; } .ftx-plan-card{ min-height:160px!important; background:linear-gradient(145deg,#102b48,#0b243e)!important; border:1px solid rgba(255,255,255,.10)!important; color:#fff!important; border-radius:14px!important; padding:24px!important; } .ftx-plan-card strong{ color:#fff!important; font-size:18px!important; } .ftx-plan-card p{ color:rgba(255,255,255,.62)!important; font-size:13px!important; } .ftx-plan-card:hover{ transform:translateY(-7px) scale(1.012)!important; border-color:rgba(62,215,163,.5)!important; box-shadow:0 20px 40px rgba(0,0,0,.22)!important; } .ftx-plan-card:after{ background:rgba(16,185,129,.10)!important; } /* ---------- Calculators become the "money machine" ---------- */ .ftx-calculators{ background:#f5f8f7!important; } .ftx-calculators .ftx-section-title h2, .ftx-calculators .ftx-section-heading-row h2{ font-size:42px!important; } .ftx-calculators .ftx-section-title p{ font-size:15px!important; } .ftx-calculator-grid{ gap:16px!important; } .ftx-calculator-card{ min-height:175px!important; padding:24px!important; border-radius:14px!important; border:1px solid #d7e5df!important; background:#fff!important; } .ftx-calculator-card strong, .ftx-calculator-card h3{ font-size:18px!important; } .ftx-calculator-card p{ font-size:13px!important; line-height:1.55!important; } .ftx-calculator-card:hover{ transform:translateY(-7px)!important; box-shadow:0 22px 38px rgba(7,39,34,.11)!important; } /* ---------- Header becomes bolder ---------- */ .ftx-pro-nav{ height:82px!important; } .ftx-brand-name{ font-size:31px!important; } .ftx-brand small{ font-size:11px!important; } .ftx-main-nav>a, .ftx-nav-dd>a{ font-size:16px!important; padding-left:14px!important; padding-right:14px!important; } .ftx-dd-menu a{ font-size:15px!important; padding:13px 15px!important; } /* ---------- Hide everything that makes Home feel like a blog ---------- */ body.ftx-home-view .ftx-content-status, body.ftx-home-view .ftx-money-hub, body.ftx-home-view .ftx-money-articles, body.ftx-home-view .ftx-invest-hub, body.ftx-home-view .ftx-invest-articles, body.ftx-home-view .ftx-borrow-hub, body.ftx-home-view .ftx-borrow-articles, body.ftx-home-view .ftx-tax-hub, body.ftx-home-view .ftx-tax-articles, body.ftx-home-view .ftx-protect-hub, body.ftx-home-view .ftx-markets-hub, body.ftx-home-view .ftx-tools-hub{ display:none!important; } /* ---------- Desktop whitespace ---------- */ @media(min-width:1100px){ .ftx-pro-hero .ftx-pro-container{ width:min(1240px,calc(100% - 80px))!important; } .ftx-planning .ftx-pro-container, .ftx-calculators .ftx-pro-container{ width:min(1240px,calc(100% - 80px))!important; } } /* ---------- Mobile ---------- */ @media(max-width:700px){ body.ftx-home-view .ftx-pro-hero{ min-height:auto!important; padding:58px 0 54px!important; } .ftx-hero-copy h1{ font-size:51px!important; letter-spacing:-2.5px!important; } .ftx-hero-copy>p{ font-size:18px!important; } .ftx-planning .ftx-section-title h2, .ftx-calculators .ftx-section-title h2, .ftx-calculators .ftx-section-heading-row h2{ font-size:32px!important; } .ftx-plan-card{ min-height:135px!important; } } /* STEP 40 — FINANCIAL HEALTH CHECK */ .ftx-health-check{position:relative;padding:84px 0;background:radial-gradient(circle at 86% 18%,rgba(16,185,129,.10),transparent 25%),linear-gradient(180deg,#f6faf8 0%,#eef5f2 100%);overflow:hidden} .ftx-health-check:before{content:"";position:absolute;width:420px;height:420px;right:-180px;top:80px;border:1px solid rgba(10,157,104,.12);border-radius:50%;box-shadow:0 0 0 35px rgba(10,157,104,.025),0 0 0 80px rgba(10,157,104,.018)} .ftx-health-intro{position:relative;z-index:1;max-width:700px;margin:0 auto 34px;text-align:center} .ftx-health-intro .ftx-section-kicker{color:#079866;font-size:12px;font-weight:900;letter-spacing:1.8px} .ftx-health-intro h2{margin:12px 0 10px;color:#10243c;font-size:44px;line-height:1.08;letter-spacing:-1.4px} .ftx-health-intro p{margin:0;color:#607284;font-size:16px;line-height:1.65} .ftx-health-card{position:relative;z-index:2;width:min(760px,calc(100% - 32px));margin:0 auto;padding:34px;background:#fff;border:1px solid #d8e6e0;border-radius:20px;box-shadow:0 24px 55px rgba(8,39,34,.10)} .ftx-health-progress{display:flex;align-items:center;justify-content:center;margin-bottom:34px} .ftx-health-step{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#edf3f1;color:#748391;font-size:12px;font-weight:900;transition:.2s ease} .ftx-health-step.active{background:#0aa06e;color:#fff;box-shadow:0 0 0 5px rgba(10,160,110,.10)} .ftx-health-progress i{width:70px;height:2px;background:#e2eae7} .ftx-health-step-panel{display:none;max-width:540px;margin:0 auto;text-align:center} .ftx-health-step-panel.active{display:block} .ftx-health-question{color:#11263e;font-size:25px;line-height:1.25;font-weight:850;letter-spacing:-.4px} .ftx-health-help{margin:10px 0 24px;color:#71808e;font-size:13px;line-height:1.55} .ftx-health-input-wrap{display:flex;align-items:center;max-width:430px;margin:0 auto 20px;border:2px solid #d7e5df;border-radius:12px;background:#fbfdfc;transition:border-color .18s ease,box-shadow .18s ease} .ftx-health-input-wrap:focus-within{border-color:#0aa06e;box-shadow:0 0 0 4px rgba(10,160,110,.08)} .ftx-health-input-wrap span{padding-left:18px;color:#6c7c8b;font-size:19px;font-weight:800} .ftx-health-input-wrap input{width:100%;border:0;outline:0;background:transparent;padding:17px 16px 17px 9px;color:#11263e;font-size:22px;font-weight:750} .ftx-health-input-wrap input::placeholder{color:#b4c0c8} .ftx-health-next{border:0;border-radius:10px;padding:14px 23px;background:#0a9f6d;color:#fff;font-size:15px;font-weight:850;cursor:pointer;box-shadow:0 10px 22px rgba(10,159,109,.18)} .ftx-health-next:hover{background:#078b5e;transform:translateY(-1px)} .ftx-health-next b{margin-left:8px} .ftx-health-result{display:none} .ftx-health-result.show{display:block} .ftx-score-ring{width:150px;height:150px;margin:0 auto 20px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#0aa06e var(--score,0%),#e6eeeb 0);position:relative} .ftx-score-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff} .ftx-score-ring>div{position:relative;z-index:1;display:flex;align-items:baseline} .ftx-score-ring strong{color:#10243c;font-size:45px;line-height:1} .ftx-score-ring small{color:#758594;font-size:13px;font-weight:800} .ftx-score-copy{text-align:center} .ftx-score-label{color:#0a9f6d;font-size:10px;font-weight:900;letter-spacing:1.5px} .ftx-score-copy h3{margin:8px 0 7px;color:#10243c;font-size:27px} .ftx-score-copy p{max-width:570px;margin:0 auto;color:#667888;font-size:14px;line-height:1.65} .ftx-health-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 16px} .ftx-health-breakdown div{padding:15px;background:#f5f9f7;border:1px solid #e0eae6;border-radius:10px;text-align:center} .ftx-health-breakdown span{display:block;color:#73818e;font-size:11px;margin-bottom:6px} .ftx-health-breakdown strong{color:#132a42;font-size:15px} .ftx-health-disclaimer{color:#8a98a2;font-size:10px;line-height:1.5;text-align:center} .ftx-health-reset{display:block;margin:18px auto 0;border:1px solid #cadbd4;border-radius:9px;padding:9px 15px;background:#fff;color:#506475;font-size:12px;font-weight:800;cursor:pointer} @media(max-width:650px){.ftx-health-check{padding:58px 0}.ftx-health-intro h2{font-size:34px}.ftx-health-intro p{font-size:14px}.ftx-health-card{padding:24px 18px}.ftx-health-progress i{width:35px}.ftx-health-question{font-size:21px}.ftx-health-input-wrap input{font-size:19px}.ftx-health-breakdown{grid-template-columns:1fr}} /* STEP 40 — homepage product flow */ body.ftx-home-view .ftx-health-check{display:block!important} body.ftx-home-view .ftx-latest,body.ftx-home-view .ftx-newsletter{display:none!important} /* ============================================================ STEP 41 — FINANCIAL ADVENTURE HOMEPAGE ============================================================ */ #ftx-adventure-home{ --fa-navy:#061b32; --fa-navy2:#0b2947; --fa-green:#0ca66f; --fa-green2:#22c98c; --fa-ink:#10253e; --fa-muted:#64778a; --fa-line:#dce7e2; --fa-bg:#f6faf8; color:var(--fa-ink); font-family:inherit; overflow:hidden; } #ftx-adventure-home *{box-sizing:border-box} #ftx-adventure-home a{text-decoration:none} .fa-wrap{width:min(1240px,calc(100% - 64px));margin:auto} .fa-kicker{font-size:11px;font-weight:950;letter-spacing:2px;color:var(--fa-green);text-transform:uppercase} .fa-section-head{text-align:center;margin-bottom:34px} .fa-section-head h2{margin:10px 0 8px;font-size:46px;line-height:1.04;letter-spacing:-1.5px;color:var(--fa-ink)} .fa-section-head p{margin:0;color:var(--fa-muted);font-size:16px;line-height:1.6} .fa-btn{display:inline-flex;align-items:center;gap:12px;padding:15px 21px;border-radius:11px;font-size:14px;font-weight:900;transition:.22s ease} .fa-btn b{font-size:19px;line-height:1} .fa-btn-primary{background:var(--fa-green);color:#fff;box-shadow:0 12px 24px rgba(12,166,111,.22)} .fa-btn-primary:hover{transform:translateY(-3px);background:#078f60} .fa-btn-light{background:#fff;color:var(--fa-ink);border:1px solid #d4e0db} .fa-btn-light:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(5,28,46,.08)} /* HERO */ .fa-hero{ position:relative; min-height:690px; display:flex; align-items:center; background: radial-gradient(circle at 76% 25%,rgba(39,179,135,.16),transparent 25%), linear-gradient(120deg,#f9fcfb 0%,#edf7f3 52%,#eef5ff 100%); } .fa-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;position:relative;z-index:3} .fa-hero-copy{padding:70px 0 70px} .fa-hero-copy h1{margin:18px 0 20px;font-size:74px;line-height:.97;letter-spacing:-4px;color:var(--fa-ink)} .fa-hero-copy h1 em{font-style:normal;color:var(--fa-green)} .fa-hero-copy>p{max-width:610px;margin:0 0 28px;font-size:20px;line-height:1.55;color:#53697b} .fa-hero-actions{display:flex;gap:11px;flex-wrap:wrap} .fa-proof{display:flex;align-items:center;gap:10px;margin-top:22px;color:#6c7d8c;font-size:11px} .fa-proof strong{color:#30475c} .fa-proof i{width:3px;height:3px;border-radius:50%;background:#b4c2cc} .fa-proof-dot{width:8px;height:8px;border-radius:50%;background:var(--fa-green);box-shadow:0 0 0 5px rgba(12,166,111,.10)} /* HERO ILLUSTRATION */ .fa-hero-scene{position:relative;height:570px;overflow:hidden;border-radius:34px;background:linear-gradient(180deg,#ccecff 0%,#f9fcf7 55%,#d9eee4 100%);box-shadow:0 35px 70px rgba(7,36,58,.14);border:1px solid rgba(255,255,255,.8)} .fa-sun{position:absolute;width:180px;height:180px;border-radius:50%;right:100px;top:55px;background:#ffe4a7;box-shadow:0 0 70px rgba(255,210,115,.55)} .fa-sky-orb{position:absolute;border-radius:50%;pointer-events:none} .fa-orb-one{width:420px;height:420px;right:-180px;top:-180px;border:1px solid rgba(12,166,111,.15);box-shadow:0 0 0 45px rgba(12,166,111,.025),0 0 0 100px rgba(12,166,111,.018)} .fa-orb-two{width:220px;height:220px;left:-120px;bottom:-100px;background:rgba(54,137,217,.06)} .fa-mountain{position:absolute;bottom:0;width:0;height:0;border-left:180px solid transparent;border-right:180px solid transparent} .fa-mountain-back{left:-70px;border-bottom:250px solid #a9d2c0} .fa-mountain-front{right:-90px;border-left-width:220px;border-right-width:220px;border-bottom:290px solid #78b69b} .fa-city{position:absolute;bottom:105px;opacity:.5} .fa-city:before,.fa-city:after{content:"";display:block;position:absolute;bottom:0;background:#79a89d;border-radius:4px 4px 0 0} .fa-city-left{left:0}.fa-city-left:before{left:20px;width:70px;height:110px}.fa-city-left:after{left:100px;width:44px;height:160px} .fa-city-right{right:0}.fa-city-right:before{right:25px;width:72px;height:145px}.fa-city-right:after{right:110px;width:45px;height:95px} .fa-monument{position:absolute;left:52px;bottom:110px;width:120px;height:115px;background:#e8c98c;border-radius:65px 65px 8px 8px;opacity:.65} .fa-monument:before{content:"";position:absolute;left:-15px;bottom:0;width:150px;height:13px;background:#c8a96e;border-radius:5px} .fa-monument:after{content:"";position:absolute;left:24px;top:-24px;width:72px;height:34px;border-radius:50% 50% 0 0;background:#d9b66f} /* Cartoon guide — deliberately generic, Indian/Western visual language */ .fa-character{position:absolute} .fa-guide{left:31%;bottom:92px;width:210px;height:365px;z-index:5;filter:drop-shadow(0 20px 20px rgba(16,47,62,.14))} .fa-guide .fa-face{position:absolute;left:51px;top:28px;width:108px;height:116px;background:#c98b63;border-radius:47% 47% 44% 44%;z-index:3} .fa-guide .fa-hair{position:absolute;left:45px;top:15px;width:120px;height:58px;background:#182331;border-radius:65px 60px 20px 20px;z-index:4;transform:rotate(-5deg)} .fa-guide .fa-eye{position:absolute;top:58px;width:11px;height:15px;border-radius:50%;background:#162638} .fa-guide .e1{left:31px}.fa-guide .e2{right:31px} .fa-guide .fa-smile{position:absolute;left:43px;top:84px;width:23px;height:10px;border-bottom:3px solid #6b382c;border-radius:50%} .fa-guide .fa-body{position:absolute;left:42px;top:133px;width:128px;height:180px;border-radius:55px 55px 22px 22px;background:#0b5e92} .fa-guide .fa-body:after{content:"FT";position:absolute;left:43px;top:54px;color:#fff;font-size:24px;line-height:1;font-weight:950;letter-spacing:-1px} .fa-guide .fa-arm{position:absolute;width:30px;height:120px;background:#c98b63;border-radius:25px;z-index:2} .fa-guide .arm-left{left:27px;top:150px;transform:rotate(28deg)} .fa-guide .arm-right{right:16px;top:139px;transform:rotate(-52deg)} .fa-guide .fa-leg{position:absolute;top:292px;width:35px;height:74px;background:#25354a;border-radius:20px} .fa-guide .leg-left{left:67px}.fa-guide .leg-right{right:64px} .fa-money-orb{position:absolute;z-index:7;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:950;color:#fff;box-shadow:0 12px 25px rgba(10,50,65,.15);animation:faFloat 4s ease-in-out infinite} .orb-rupee{left:12%;top:22%;background:#0ca66f}.orb-chart{right:14%;top:33%;background:#7b61e8;animation-delay:.8s}.orb-home{right:18%;bottom:25%;background:#f39b39;animation-delay:1.5s} @keyframes faFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}} .fa-market-card{position:absolute;z-index:8;right:24px;bottom:28px;width:250px;padding:18px 18px 15px;border-radius:17px;background:rgba(5,27,48,.94);color:#fff;box-shadow:0 18px 35px rgba(4,24,43,.24);backdrop-filter:blur(10px)} .fa-market-card>div{display:flex;justify-content:space-between;align-items:center;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.1)} .fa-market-card small{font-size:9px;letter-spacing:1.4px;color:#8ee5c4;font-weight:900}.fa-market-card b{font-size:11px;color:#9eb1c2} .fa-market-card p{display:flex;justify-content:space-between;margin:10px 0 0;font-size:11px;color:#d4e0e9}.fa-market-card strong{color:#51d5a3} /* JOURNEYS */ .fa-journeys{padding:88px 0;background:#fff} .fa-path-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px} .fa-path{position:relative;min-height:245px;padding:22px 18px 18px;border:1px solid var(--fa-line);border-radius:18px;overflow:hidden;transition:.24s ease;background:#fff} .fa-path:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(9,35,54,.10);border-color:transparent} .fa-path:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;bottom:-45px;background:var(--path-soft)} .fa-path-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:22px;font-weight:950;background:var(--path-soft);color:var(--path)} .fa-path small{display:block;margin-top:22px;font-size:9px;color:#8999a6;font-weight:900;letter-spacing:1px} .fa-path h3{margin:5px 0 9px;font-size:20px;line-height:1.02;letter-spacing:-.5px;color:var(--fa-ink)} .fa-path p{margin:0;color:#71808d;font-size:12px;line-height:1.5} .fa-path>b{position:absolute;right:16px;bottom:17px;color:var(--path);font-size:20px;z-index:2} .path-money{--path:#0ca66f;--path-soft:#e5f8f0}.path-invest{--path:#7158d9;--path-soft:#f0ecff}.path-borrow{--path:#2875c8;--path-soft:#eaf3ff}.path-tax{--path:#ef8b20;--path-soft:#fff2df}.path-protect{--path:#e24d6c;--path-soft:#ffebef}.path-tools{--path:#009fa4;--path-soft:#e4f8f8} /* WHAT IF */ .fa-whatif{padding:82px 0;background:#f5f8f7} .fa-whatif-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px} .fa-whatif-top h2{margin:8px 0 4px;font-size:48px;line-height:1;letter-spacing:-1.8px} .fa-whatif-top p{margin:0;color:var(--fa-muted);font-size:15px} .fa-text-link{font-size:13px;font-weight:900;color:var(--fa-green)} .fa-scenario-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px} .fa-scenario{min-height:235px;position:relative;padding:19px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.8);transition:.24s ease} .fa-scenario:hover{transform:translateY(-7px) rotate(-.4deg);box-shadow:0 20px 40px rgba(9,35,54,.10)} .sc-green{background:#e9f8e9}.sc-purple{background:#f1e9ff}.sc-blue{background:#e9f3ff}.sc-orange{background:#fff0dc}.sc-pink{background:#ffe9ef} .fa-scenario-art{height:88px;position:relative} .fa-coin{position:absolute;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#f4b63f;color:#fff;font-weight:950;box-shadow:0 8px 15px rgba(110,74,12,.16)} .fa-coin.c1{left:10px;top:34px}.fa-coin.c2{left:43px;top:18px}.fa-coin.c3{right:22px;top:20px}.fa-coin.c4{right:30px;top:12px} .fa-sprout{position:absolute;left:78px;top:5px;font-size:64px;color:#26a85d;font-weight:900;transform:rotate(-15deg)} .fa-house{font-size:86px;color:#7459db;position:absolute;left:45px;top:-10px} .fa-cart{font-size:72px;color:#4785ce;position:absolute;left:50px;top:-4px} .fa-up{position:absolute;right:35px;top:8px;font-size:44px;color:#2c9f74;font-weight:900} .fa-palm{font-size:76px;color:#e9963e;position:absolute;left:48px;top:-6px} .fa-person{position:absolute;left:118px;top:4px;font-size:68px;color:#6d8c56} .fa-tax{position:absolute;left:52px;top:-8px;width:65px;height:76px;display:grid;place-items:center;background:#fff;color:#e05270;border-radius:7px;font-size:38px;font-weight:950;box-shadow:0 10px 18px rgba(110,40,55,.12)} .fa-scenario small{display:block;color:#6c7a88;font-size:9px;font-weight:950;letter-spacing:1.1px} .fa-scenario strong{display:block;margin-top:7px;max-width:180px;color:#152a40;font-size:18px;line-height:1.18;letter-spacing:-.3px} .fa-arrow{position:absolute;bottom:17px;left:19px;color:#132c42;font-size:11px;font-weight:900} /* TOOLBOX */ .fa-toolbox{padding:88px 0;background:var(--fa-navy);color:#fff} .fa-toolbox-grid{display:grid;grid-template-columns:300px 1fr;gap:55px;align-items:center} .fa-toolbox h2{margin:12px 0 12px;font-size:49px;line-height:.98;letter-spacing:-1.7px} .fa-toolbox h2 span{color:#45d7a4} .fa-toolbox p{margin:0 0 22px;color:#9eb1c0;font-size:14px;line-height:1.65} .fa-tools-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .fa-tools-list a{position:relative;display:grid;grid-template-columns:48px 1fr 18px;grid-template-rows:auto auto;column-gap:12px;padding:16px;border:1px solid rgba(255,255,255,.10);border-radius:13px;background:rgba(255,255,255,.045);transition:.2s ease} .fa-tools-list a:hover{background:rgba(255,255,255,.09);transform:translateY(-4px);border-color:rgba(69,215,164,.4)} .fa-tools-list a>span{grid-row:1/3;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#123552;color:#4bd7a5;font-size:20px;font-weight:950} .fa-tools-list strong{font-size:13px;color:#fff;align-self:end}.fa-tools-list small{font-size:10px;color:#7f98aa;margin-top:4px} .fa-tools-list b{grid-column:3;grid-row:1/3;align-self:center;color:#55d8a8} /* MONEY LAB */ .fa-money-lab{padding:88px 0;background:#fff} .fa-lab-head{text-align:left} .fa-lab-head h2{font-size:42px} .fa-lab-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px} .fa-lab-card{min-height:245px;padding:25px;border-radius:18px;position:relative;overflow:hidden;transition:.2s ease} .fa-lab-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(9,35,54,.10)} .fa-lab-card span{font-size:9px;font-weight:950;letter-spacing:1.5px}.fa-lab-card h3{margin:16px 0 10px;font-size:24px;line-height:1.12;letter-spacing:-.6px}.fa-lab-card p{margin:0;max-width:340px;font-size:13px;line-height:1.6;color:#667a8a}.fa-lab-card b{position:absolute;left:25px;bottom:22px;font-size:12px} .lab-feature{background:#eaf8f1}.lab-feature span,.lab-feature b{color:#0a9f6d} .lab-compare{background:#f0ecff}.lab-compare span,.lab-compare b{color:#6e59d8} .lab-decide{background:#eaf3ff}.lab-decide span,.lab-decide b{color:#2c73c6} /* HEALTH */ .fa-health{padding:20px 0 88px;background:#fff} .fa-health-card{display:flex;align-items:center;justify-content:space-between;padding:38px 45px;border-radius:22px;background:linear-gradient(115deg,#eaf8f1,#f2f7ff);border:1px solid #dbe8e3} .fa-health-card h2{margin:9px 0 8px;font-size:34px;letter-spacing:-1px}.fa-health-card p{margin:0 0 20px;color:#687c8d;font-size:14px} .fa-health-visual{display:flex;align-items:center;gap:14px}.fa-health-visual>span{font-size:10px;color:#82919d} .fa-health-gauge{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#0ca66f 76%,#dce9e4 0);position:relative} .fa-health-gauge:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff} .fa-health-gauge strong,.fa-health-gauge small{position:relative;z-index:1}.fa-health-gauge strong{font-size:37px}.fa-health-gauge small{font-size:12px;color:#788894} /* Hide old homepage sections; keep posts/pages intact */ body.ftx-home-view #ftx-pro-home, body.ftx-home-view .ftx-pro-hero, body.ftx-home-view .ftx-planning, body.ftx-home-view .ftx-health-check, body.ftx-home-view .ftx-calculators, body.ftx-home-view .ftx-latest, body.ftx-home-view .ftx-newsletter, body.ftx-home-view .ftx-money-hub, body.ftx-home-view .ftx-money-articles, body.ftx-home-view .ftx-invest-hub, body.ftx-home-view .ftx-invest-articles, body.ftx-home-view .ftx-borrow-hub, body.ftx-home-view .ftx-borrow-articles, body.ftx-home-view .ftx-tax-hub, body.ftx-home-view .ftx-tax-articles, body.ftx-home-view .ftx-protect-hub, body.ftx-home-view .ftx-markets-hub, body.ftx-home-view .ftx-tools-hub{display:none!important} /* Desktop readability */ body.ftx-home-view .fa-hero + *{} @media(min-width:1100px){ body.ftx-home-view .fa-hero{min-height:680px} } /* Responsive */ @media(max-width:1050px){ .fa-path-grid{grid-template-columns:repeat(3,1fr)} .fa-scenario-grid{grid-template-columns:repeat(3,1fr)} .fa-scenario:last-child{display:none} .fa-tools-list{grid-template-columns:repeat(2,1fr)} .fa-hero-copy h1{font-size:61px} } @media(max-width:780px){ .fa-wrap{width:min(100% - 34px,620px)} .fa-hero{min-height:auto;padding:42px 0 0} .fa-hero-grid{grid-template-columns:1fr} .fa-hero-copy{padding:35px 0 10px} .fa-hero-copy h1{font-size:52px;letter-spacing:-2.7px} .fa-hero-copy>p{font-size:17px} .fa-hero-scene{height:420px;border-radius:25px} .fa-guide{transform:scale(.78);transform-origin:bottom left;left:25%;bottom:54px} .fa-market-card{right:12px;bottom:15px;width:205px} .fa-section-head h2,.fa-whatif-top h2{font-size:36px} .fa-journeys,.fa-whatif,.fa-toolbox,.fa-money-lab{padding:62px 0} .fa-path-grid{grid-template-columns:repeat(2,1fr)} .fa-path{min-height:205px} .fa-scenario-grid{grid-template-columns:repeat(2,1fr)} .fa-scenario:last-child{display:block} .fa-toolbox-grid{grid-template-columns:1fr;gap:30px} .fa-tools-list{grid-template-columns:repeat(2,1fr)} .fa-lab-grid{grid-template-columns:1fr} .fa-lab-card{min-height:210px} .fa-health-card{padding:28px;flex-direction:column;align-items:flex-start;gap:28px} } @media(max-width:500px){ .fa-hero-copy h1{font-size:45px} .fa-hero-actions{flex-direction:column;align-items:stretch} .fa-btn{justify-content:center} .fa-proof{flex-wrap:wrap} .fa-path-grid,.fa-scenario-grid,.fa-tools-list{grid-template-columns:1fr} .fa-scenario:last-child{display:block} .fa-whatif-top{display:block} .fa-text-link{display:inline-block;margin-top:15px} .fa-toolbox h2{font-size:42px} .fa-market-card{transform:scale(.9);transform-origin:bottom right} } /* Gentle motion, disabled for accessibility preference */ @media(prefers-reduced-motion:reduce){ #ftx-adventure-home *,#ftx-adventure-home *:before,#ftx-adventure-home *:after{animation:none!important;transition:none!important} } /* ============================================================ STEP 42 — SUPPORTING CARTOON CHARACTER SYSTEM Indian + Western fintech editorial style. Characters are intentionally friendly and grown-up, not anime/Japanese/Chinese and not childish mascot overload. ============================================================ */ .fa-mini-character{ position:absolute; z-index:4; width:54px; height:86px; right:14px; bottom:12px; pointer-events:none; transform-origin:bottom center; transition:transform .25s ease; } .fa-path:hover .fa-mini-character, .fa-scenario:hover .fa-scenario-character, .fa-lab-card:hover .fa-lab-character{transform:translateY(-5px) rotate(2deg)} .fa-mini-character .mc-head{ position:absolute;left:15px;top:6px;width:31px;height:34px; background:#c98b63;border-radius:48% 48% 45% 45%;z-index:3; } .fa-mini-character .mc-hair{ position:absolute;left:12px;top:1px;width:36px;height:17px; background:#182431;border-radius:20px 20px 8px 8px;z-index:4; } .fa-mini-character .mc-hair:after{ content:"";position:absolute;right:-2px;top:5px;width:8px;height:6px; border-radius:50%;background:#182431; } .fa-mini-character .mc-head:before, .fa-mini-character .mc-head:after{ content:"";position:absolute;top:18px;width:4px;height:6px;border-radius:50%;background:#17293b; } .fa-mini-character .mc-head:before{left:8px}.fa-mini-character .mc-head:after{right:8px} .fa-mini-character .mc-body{ position:absolute;left:10px;top:36px;width:39px;height:39px; border-radius:16px 16px 9px 9px;background:#0b5e92;z-index:2; } .fa-mini-character .mc-body:after{ content:"FT";position:absolute;left:12px;top:12px;color:#fff; font-size:8px;font-weight:950;letter-spacing:-.3px; } .fa-mini-character .mc-arm{ position:absolute;top:40px;width:9px;height:34px;border-radius:10px; background:#c98b63;z-index:1; } .fa-mini-character .mc-arm-a{left:4px;transform:rotate(24deg)} .fa-mini-character .mc-arm-b{right:1px;transform:rotate(-34deg)} .fa-mini-character .mc-leg{ position:absolute;top:71px;width:10px;height:19px;border-radius:8px;background:#26374b;z-index:1; } .fa-mini-character .mc-leg-a{left:17px}.fa-mini-character .mc-leg-b{right:14px} /* Different wardrobe colours — not six identical clones */ .mc-green .mc-body{background:#0b9d6c} .mc-purple .mc-body{background:#6d58d9} .mc-blue .mc-body{background:#3479c9} .mc-orange .mc-body{background:#e88929} .mc-pink .mc-body{background:#df5875} .mc-teal .mc-body{background:#009ca2} /* Journey cards: character becomes part of the illustration */ .fa-path .fa-mini-character{right:12px;bottom:10px;transform:scale(.82);transform-origin:bottom right} .fa-path .fa-path-icon{position:relative;z-index:5} .fa-path>div:nth-of-type(2){position:relative;z-index:5} .fa-path>b{z-index:6} /* What-if characters */ .fa-scenario-character{ left:17px;right:auto;bottom:-3px; transform:scale(.72); transform-origin:bottom left; opacity:.96; } .sc-char-purple .mc-body{background:#6d58d9} .sc-char-blue .mc-body{background:#3479c9} .sc-char-orange .mc-body{background:#e88929} .sc-char-pink .mc-body{background:#df5875} .fa-scenario-art{z-index:1} .fa-scenario-art>span{z-index:2} /* Money Lab characters: larger editorial illustration */ .fa-lab-card{position:relative} .fa-lab-character{ position:absolute;right:22px;top:22px;width:72px;height:105px; transform:scale(.92);transform-origin:top right;opacity:.95; transition:transform .25s ease; } .fa-lab-character .mc-head{position:absolute;left:19px;top:7px;width:36px;height:39px;background:#c98b63;border-radius:48% 48% 45% 45%;z-index:3} .fa-lab-character .mc-hair{position:absolute;left:16px;top:1px;width:43px;height:19px;background:#182431;border-radius:24px 24px 8px 8px;z-index:4} .fa-lab-character .mc-head:before,.fa-lab-character .mc-head:after{content:"";position:absolute;top:21px;width:4px;height:6px;border-radius:50%;background:#17293b} .fa-lab-character .mc-head:before{left:9px}.fa-lab-character .mc-head:after{right:9px} .fa-lab-character .mc-body{position:absolute;left:12px;top:43px;width:48px;height:45px;border-radius:18px 18px 10px 10px;background:#0b9d6c} .fa-lab-character .mc-body:after{content:"FT";position:absolute;left:16px;top:15px;color:#fff;font-size:10px;font-weight:950} .fa-lab-character .mc-arm{position:absolute;top:47px;width:10px;height:39px;border-radius:10px;background:#c98b63} .fa-lab-character .mc-arm-a{left:4px;transform:rotate(25deg)}.fa-lab-character .mc-arm-b{right:2px;transform:rotate(-35deg)} .lab-compare .fa-lab-character .mc-body{background:#6d58d9} .lab-decide .fa-lab-character .mc-body{background:#3479c9} /* Hero character cleanup */ .fa-guide .fa-body:after{content:"FT";left:43px;top:54px} /* Prevent characters from overpowering text on smaller screens */ @media(max-width:780px){ .fa-path .fa-mini-character{transform:scale(.68);right:5px} .fa-scenario-character{transform:scale(.60)} .fa-lab-character{transform:scale(.72);right:12px;top:15px} } @media(max-width:500px){ .fa-path .fa-mini-character{transform:scale(.58);right:1px} .fa-scenario-character{transform:scale(.55)} .fa-lab-character{opacity:.75} } /* ============================================================ STEP 43 — LIVING CHARACTER SYSTEM Natural motion + facial expression + interaction. ============================================================ */ /* Hero: natural idle movement */ #ftx-adventure-home .fa-guide{ animation: ftxGuideFloat 4.8s ease-in-out infinite; transform-origin:50% 100%; } @keyframes ftxGuideFloat{ 0%,100%{transform:translate3d(0,0,0) rotate(0deg)} 25%{transform:translate3d(-2px,-4px,0) rotate(-.5deg)} 50%{transform:translate3d(1px,-7px,0) rotate(.5deg)} 75%{transform:translate3d(2px,-3px,0) rotate(.2deg)} } /* Face: brows + animated eyes + mouth */ #ftx-adventure-home .fa-guide .fa-face:before, #ftx-adventure-home .fa-guide .fa-face:after{ content:""; position:absolute; top:48px; width:18px; height:4px; border-radius:10px; background:#5b342c; z-index:5; } #ftx-adventure-home .fa-guide .fa-face:before{ left:22px; transform:rotate(-5deg); } #ftx-adventure-home .fa-guide .fa-face:after{ right:22px; transform:rotate(5deg); } #ftx-adventure-home .fa-guide .fa-eye{ animation:ftxBlink 5.2s infinite; transform-origin:center; } @keyframes ftxBlink{ 0%,43%,47%,100%{transform:scaleY(1)} 45%{transform:scaleY(.08)} } #ftx-adventure-home .fa-guide .fa-smile{ animation:ftxSmile 5s ease-in-out infinite; } @keyframes ftxSmile{ 0%,45%,100%{width:23px;height:10px} 52%,72%{width:28px;height:13px} } /* Natural breathing */ #ftx-adventure-home .fa-guide .fa-body{ animation:ftxBreath 3.7s ease-in-out infinite; transform-origin:50% 100%; } @keyframes ftxBreath{ 0%,100%{transform:scaleY(1)} 50%{transform:scaleY(1.018)} } /* Arms communicate rather than staying frozen */ #ftx-adventure-home .fa-guide .arm-left{ animation:ftxArmLeft 4.2s ease-in-out infinite; transform-origin:85% 8%; } @keyframes ftxArmLeft{ 0%,100%{transform:rotate(28deg)} 45%{transform:rotate(21deg)} 62%{transform:rotate(30deg)} } #ftx-adventure-home .fa-guide .arm-right{ animation:ftxArmRight 4.8s ease-in-out infinite; transform-origin:12% 8%; } @keyframes ftxArmRight{ 0%,100%{transform:rotate(-52deg)} 50%{transform:rotate(-43deg)} } /* Feet subtly shift weight */ #ftx-adventure-home .fa-guide .leg-left{ animation:ftxLegLeft 4.8s ease-in-out infinite; transform-origin:50% 0; } #ftx-adventure-home .fa-guide .leg-right{ animation:ftxLegRight 4.8s ease-in-out infinite; transform-origin:50% 0; } @keyframes ftxLegLeft{ 0%,100%{transform:rotate(0)} 50%{transform:rotate(-2deg)} } @keyframes ftxLegRight{ 0%,100%{transform:rotate(0)} 50%{transform:rotate(2deg)} } /* Floating money objects react independently */ #ftx-adventure-home .orb-rupee{animation:ftxOrb1 3.8s ease-in-out infinite} #ftx-adventure-home .orb-chart{animation:ftxOrb2 4.2s ease-in-out infinite} #ftx-adventure-home .orb-home{animation:ftxOrb3 4.5s ease-in-out infinite} @keyframes ftxOrb1{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(4deg)}} @keyframes ftxOrb2{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-8px) rotate(-5deg)}} @keyframes ftxOrb3{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}} /* Supporting characters: gentle idle life */ #ftx-adventure-home .fa-mini-character{ animation:ftxMiniIdle 3.9s ease-in-out infinite; } #ftx-adventure-home .fa-mini-character:nth-of-type(odd){animation-delay:.55s} @keyframes ftxMiniIdle{ 0%,100%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-4px) rotate(1.5deg)} } /* Mini faces */ #ftx-adventure-home .fa-mini-character .mc-head:before, #ftx-adventure-home .fa-mini-character .mc-head:after{ animation:ftxMiniBlink 5.8s infinite; transform-origin:center; } @keyframes ftxMiniBlink{ 0%,45%,49%,100%{transform:scaleY(1)} 47%{transform:scaleY(.1)} } /* Small mouth/expression on mini heads */ #ftx-adventure-home .fa-mini-character .mc-head{ overflow:visible; } #ftx-adventure-home .fa-mini-character .mc-head i{ display:block; } /* Add a tiny smile with pseudo-element */ #ftx-adventure-home .fa-mini-character .mc-head{ box-shadow:inset 0 -1px 0 rgba(92,49,39,.05); } #ftx-adventure-home .fa-mini-character .mc-head:after{ /* keep eye animation while adding expression through box-shadow */ box-shadow:0 12px 0 -10px #69382f; } /* Hover = character notices the user */ #ftx-adventure-home .fa-path:hover .fa-mini-character{ animation:ftxMiniHello .65s ease-in-out 1; } @keyframes ftxMiniHello{ 0%{transform:translateY(0) rotate(0)} 30%{transform:translateY(-6px) rotate(-3deg)} 60%{transform:translateY(-7px) rotate(3deg)} 100%{transform:translateY(0) rotate(0)} } #ftx-adventure-home .fa-scenario:hover .fa-scenario-character{ animation:ftxMiniPoint .7s ease-in-out 1; } @keyframes ftxMiniPoint{ 0%,100%{transform:scale(.72) translateY(0)} 50%{transform:scale(.75) translateY(-7px)} } /* Lab characters breathe */ #ftx-adventure-home .fa-lab-character{ animation:ftxLabBreath 4s ease-in-out infinite; } @keyframes ftxLabBreath{ 0%,100%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-5px) rotate(1deg)} } /* Mouse interaction from the hero scene: the guide leans toward the visitor rather than rotating wildly */ #ftx-adventure-home .fa-hero-scene{ perspective:900px; } #ftx-adventure-home .fa-hero-scene .fa-guide{ transition:transform .35s cubic-bezier(.2,.8,.2,1); } /* Keep motion comfortable */ @media(prefers-reduced-motion:reduce){ #ftx-adventure-home .fa-guide, #ftx-adventure-home .fa-guide *, #ftx-adventure-home .fa-mini-character, #ftx-adventure-home .fa-lab-character, #ftx-adventure-home .fa-money-orb{ animation:none!important; transition:none!important; } } /* ============================================================ STEP 44 — HUMAN MONEY STORIES Clean editorial fintech look. Real-life people, situations, expressions and movement; no repeated mini-avatar grid. ============================================================ */ #ftx-adventure-home.ftx-human-stories{ --fh-navy:#071b33;--fh-ink:#122943;--fh-green:#0ba56f;--fh-muted:#64778a; --fh-line:#dbe6e2;--fh-bg:#f7faf9;background:#fff;color:var(--fh-ink); font-family:inherit;overflow:hidden; } #ftx-adventure-home.ftx-human-stories *{box-sizing:border-box} #ftx-adventure-home.ftx-human-stories a{text-decoration:none} .fh-wrap{width:min(1240px,calc(100% - 64px));margin:auto} .fh-kicker{font-size:10px;font-weight:950;letter-spacing:2px;color:var(--fh-green);text-transform:uppercase} .fh-btn{display:inline-flex;align-items:center;gap:10px;border-radius:11px;padding:15px 21px;font-size:14px;font-weight:900;transition:.22s ease} .fh-primary{background:var(--fh-green);color:#fff;box-shadow:0 12px 24px rgba(11,165,111,.18)} .fh-primary:hover{transform:translateY(-3px);background:#078f60} .fh-secondary{background:#fff;color:var(--fh-ink);border:1px solid #d4e0db} .fh-secondary:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(7,30,49,.08)} .fh-heading-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px} .fh-heading-row h2,.fh-section-center h2{margin:9px 0 8px;font-size:43px;line-height:1.04;letter-spacing:-1.5px} .fh-heading-row p,.fh-section-center p{margin:0;color:var(--fh-muted);font-size:15px;line-height:1.55} .fh-link{color:var(--fh-green);font-size:12px;font-weight:950;white-space:nowrap} /* HERO */ .fh-hero{min-height:650px;background:linear-gradient(120deg,#f9fcfb 0%,#eff8f4 52%,#eef4fb 100%)} .fh-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;min-height:650px;align-items:center;gap:28px} .fh-hero-copy{padding:65px 0} .fh-hero-copy h1{margin:17px 0 18px;font-size:72px;line-height:.98;letter-spacing:-4px} .fh-hero-copy h1 span{color:var(--fh-green)} .fh-hero-copy>p{max-width:570px;margin:0 0 27px;font-size:19px;line-height:1.58;color:#556a7c} .fh-actions{display:flex;gap:10px;flex-wrap:wrap} .fh-trust{display:flex;align-items:center;gap:9px;margin-top:21px;color:#71818e;font-size:10px} .fh-trust span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#e5f7ef;color:#079664;font-weight:950} .fh-trust i{width:3px;height:3px;background:#bac5cd;border-radius:50%} /* HERO PERSON — stylised editorial human, deliberately asymmetric */ .fh-hero-person{height:550px;position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(180deg,#dceef2 0%,#f8f6ef 63%,#dcebe4 100%);box-shadow:0 30px 60px rgba(9,38,58,.12);border:1px solid #fff} .fh-person-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.5),transparent 45%),radial-gradient(circle at 78% 20%,#ffe0a5 0 70px,transparent 72px),linear-gradient(130deg,transparent 0 58%,rgba(72,135,122,.16) 58% 60%,transparent 60%)} .fh-photo-glow{position:absolute;width:350px;height:350px;right:10%;top:10%;border-radius:50%;background:rgba(255,255,255,.45);filter:blur(5px)} .fh-person{position:absolute;left:40%;bottom:25px;width:250px;height:480px;z-index:4;animation:fhHumanBreath 5s ease-in-out infinite} @keyframes fhHumanBreath{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}} .fh-person-head{position:absolute;left:58px;top:35px;width:130px;height:145px;background:#b97956;border-radius:48% 48% 46% 45%;z-index:4} .fh-person-hair{position:absolute;left:50px;top:18px;width:146px;height:72px;background:#172332;border-radius:65% 55% 30% 22%;z-index:5;transform:rotate(-4deg)} .fh-person-hair:after{content:"";position:absolute;right:4px;bottom:4px;width:42px;height:30px;background:#172332;border-radius:50%} .fh-eye{position:absolute;top:73px;width:11px;height:14px;border-radius:50%;background:#152537;animation:fhBlink 5.4s infinite} .fh-eye.left{left:35px}.fh-eye.right{right:35px} @keyframes fhBlink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.08)}} .fh-brow{position:absolute;top:62px;width:22px;height:4px;background:#6d3c2e;border-radius:5px} .fh-brow.left{left:29px;transform:rotate(-5deg)}.fh-brow.right{right:29px;transform:rotate(5deg)} .fh-mouth{position:absolute;left:51px;top:103px;width:28px;height:10px;border-bottom:3px solid #633429;border-radius:50%;animation:fhMouth 5s ease-in-out infinite} @keyframes fhMouth{0%,55%,100%{transform:scaleX(.8)}70%{transform:scaleX(1.05)}} .fh-person-neck{position:absolute;left:99px;top:158px;width:50px;height:35px;background:#a96e50} .fh-person-shirt{position:absolute;left:48px;top:177px;width:155px;height:230px;background:#143d61;border-radius:54px 54px 20px 20px;z-index:2} .fh-person-shirt:after{content:"";position:absolute;left:60px;top:85px;content:"";width:0;height:0} .fh-person-arm{position:absolute;top:194px;width:44px;height:160px;background:#b97956;border-radius:28px;z-index:1} .fh-person-arm.a1{left:28px;transform:rotate(22deg);transform-origin:top center;animation:fhArmA 4.5s ease-in-out infinite} .fh-person-arm.a2{right:20px;transform:rotate(-36deg);transform-origin:top center;animation:fhArmB 4.9s ease-in-out infinite} @keyframes fhArmA{0%,100%{transform:rotate(22deg)}50%{transform:rotate(17deg)}} @keyframes fhArmB{0%,100%{transform:rotate(-36deg)}50%{transform:rotate(-30deg)}} .fh-person-hand{position:absolute;width:42px;height:42px;border-radius:50%;background:#b97956;z-index:3} .fh-person-hand.h1{left:3px;top:335px}.fh-person-hand.h2{right:-2px;top:334px} /* Floating real-life money moments */ .fh-money-note{position:absolute;z-index:7;padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 15px 30px rgba(10,35,53,.12);border:1px solid rgba(210,225,220,.8);min-width:175px} .fh-money-note small{display:block;font-size:10px;color:#637686;font-weight:850} .fh-money-note strong{display:block;font-size:22px;color:#132a43;margin:3px 0} .fh-money-note span{display:block;font-size:9px;color:#8796a0} .fh-money-note b{position:absolute;right:13px;top:13px;color:#0aa56f} .fh-money-note.salary{left:5%;top:17%;animation:fhNote 4.2s ease-in-out infinite} .fh-money-note.invest{left:8%;bottom:20%;animation:fhNote 4.7s ease-in-out infinite .6s} .fh-money-note.expense{right:4%;top:28%;animation:fhNote 4.5s ease-in-out infinite .3s} @keyframes fhNote{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}} .fh-thought{position:absolute;right:5%;bottom:17%;padding:14px 17px;background:#071b33;color:#fff;border-radius:15px;box-shadow:0 16px 30px rgba(5,26,47,.18);z-index:8} .fh-thought span{position:absolute;left:-10px;bottom:18px;width:23px;height:23px;border-radius:50%;background:#071b33;color:#58d9aa;display:grid;place-items:center;font-weight:900} .fh-thought strong{font-size:13px;line-height:1.35} /* PEOPLE */ .fh-people{padding:78px 0;background:#fff} .fh-people-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px} .fh-person-card{border:1px solid var(--fh-line);border-radius:18px;overflow:hidden;background:#fff;transition:.25s ease;position:relative} .fh-person-card:hover{transform:translateY(-7px);box-shadow:0 22px 42px rgba(8,34,53,.11)} .fh-person-art{height:170px;position:relative;overflow:hidden;background:linear-gradient(160deg,#eaf7f2,#dfeaf7)} .fh-person-art:before{content:"";position:absolute;inset:auto 0 0;height:65px;background:linear-gradient(0deg,rgba(11,41,63,.13),transparent)} .fh-real-head{position:absolute;left:50%;top:34px;transform:translateX(-50%);width:70px;height:76px;background:#b97956;border-radius:50% 50% 47% 47%;z-index:3} .fh-real-head i{position:absolute;top:38px;width:6px;height:8px;border-radius:50%;background:#17293a} .fh-real-head i:first-child{left:18px}.fh-real-head i:last-child{right:18px} .fh-real-hair{position:absolute;left:50%;top:20px;transform:translateX(-50%);width:79px;height:40px;background:#182533;border-radius:50% 55% 22% 22%;z-index:4} .fh-real-hair.curly{border-radius:50%;height:47px} .fh-real-hair.silver{background:#b6bcc0} .fh-real-head.older{background:#c48667} .fh-real-body{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);width:104px;height:115px;background:#234b6b;border-radius:42px 42px 14px 14px} .fh-real-arm{position:absolute;width:18px;height:73px;left:calc(50% - 60px);bottom:4px;background:#b97956;border-radius:20px;transform:rotate(21deg)} .fh-phone,.fh-chart,.fh-tax-symbol,.fh-heart,.fh-home-symbol{position:absolute;z-index:6;display:grid;place-items:center;font-weight:950} .fh-phone{right:20px;bottom:35px;width:38px;height:58px;border-radius:8px;background:#fff;color:#0aa56f;box-shadow:0 8px 14px rgba(7,31,48,.15)} .fh-chart{right:19px;top:23px;font-size:38px;color:#7259d8} .fh-tax-symbol{right:24px;bottom:32px;width:42px;height:42px;border-radius:50%;background:#fff;color:#ed8a27;font-size:24px} .fh-heart{right:21px;top:23px;width:46px;height:46px;border-radius:50%;background:#fff;color:#df5574;font-size:29px} .family-art{background:linear-gradient(160deg,#fff2e8,#e8f1ff)} .fh-couple-one,.fh-couple-two,.fh-child{position:absolute;border-radius:50% 50% 45% 45%;background:#b97956} .fh-couple-one{width:60px;height:72px;left:31%;top:37px}.fh-couple-two{width:55px;height:68px;left:50%;top:43px;background:#d08b6a}.fh-child{width:35px;height:43px;left:47%;top:86px;background:#b97956;z-index:4} .fh-couple-one:after,.fh-couple-two:after{content:"";position:absolute;left:-6px;right:-6px;top:-13px;height:27px;background:#192938;border-radius:50%} .fh-home-symbol{right:20px;top:20px;width:45px;height:45px;border-radius:50%;background:#fff;color:#3a82d0;font-size:25px} .fh-person-info{padding:16px} .fh-person-info small{font-size:9px;letter-spacing:1px;font-weight:950;color:#788995} .fh-person-info h3{margin:7px 0 8px;font-size:17px;line-height:1.18;letter-spacing:-.3px} .fh-person-info p{margin:0 0 15px;color:#788895;font-size:10px} .fh-person-info b{font-size:10px;color:var(--fh-green)} .priya .fh-real-body{background:#7659bf}.family .fh-real-body{background:#c76b4e}.arjun .fh-real-body{background:#1c597b}.meera .fh-real-body{background:#3f6d58} /* DECISIONS */ .fh-decisions{padding:78px 0;background:#f6faf8} .fh-section-center{text-align:center;margin-bottom:30px} .fh-decision-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px} .fh-decision-grid a{position:relative;min-height:160px;padding:20px 16px;border-radius:16px;background:#fff;border:1px solid #dce8e4;transition:.2s ease} .fh-decision-grid a:hover{transform:translateY(-6px);box-shadow:0 18px 35px rgba(8,34,53,.09)} .fh-decision-grid span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e8f7f0;color:var(--fh-green);font-weight:950;font-size:20px} .fh-decision-grid strong{display:block;margin-top:18px;font-size:15px}.fh-decision-grid small{display:block;margin-top:5px;color:#7a8a96;font-size:10px}.fh-decision-grid b{position:absolute;right:15px;bottom:14px;color:var(--fh-green)} /* WHAT IF */ .fh-whatif{padding:78px 0;background:#fff} .fh-whatif-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px} .fh-what-card{height:225px;position:relative;overflow:hidden;border-radius:18px;padding:18px;border:1px solid rgba(255,255,255,.7);transition:.22s ease} .fh-what-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px rgba(8,34,53,.09)} .fh-what-card.green{background:#eaf8ef}.fh-what-card.purple{background:#f0eaff}.fh-what-card.blue{background:#e9f3ff}.fh-what-card.orange{background:#fff0dc}.fh-what-card.pink{background:#ffeaf0} .fh-wc-person{position:absolute;right:13px;bottom:-4px;font-size:82px;filter:drop-shadow(0 8px 7px rgba(7,28,44,.12))} .fh-what-card small{display:block;position:relative;z-index:2;font-size:8px;font-weight:950;letter-spacing:1px;color:#6d7c89} .fh-what-card strong{display:block;position:relative;z-index:2;margin-top:11px;max-width:175px;font-size:18px;line-height:1.2} .fh-what-card b{position:absolute;left:18px;bottom:16px;font-size:10px;color:#122b42} /* TOOLS */ .fh-tools{padding:80px 0;background:var(--fh-navy);color:#fff} .fh-tools-grid{display:grid;grid-template-columns:310px 1fr;gap:50px;align-items:center} .fh-tools h2{margin:10px 0;font-size:48px;line-height:1;letter-spacing:-1.5px}.fh-tools h2 span{color:#4fd7a5} .fh-tools-copy p{color:#9db1c1;font-size:14px;line-height:1.6;margin-bottom:23px} .fh-tool-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .fh-tool-cards a{min-height:120px;padding:15px;border-radius:13px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);transition:.2s ease} .fh-tool-cards a:hover{transform:translateY(-4px);background:rgba(255,255,255,.09)} .fh-tool-cards span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#123655;color:#4ed8a5;font-weight:950} .fh-tool-cards strong{display:block;margin-top:12px;font-size:13px}.fh-tool-cards small{display:block;margin-top:4px;color:#8298a9;font-size:9px} /* HEALTH */ .fh-health{padding:25px 0 80px;background:#fff} .fh-health-card{display:flex;align-items:center;justify-content:space-between;padding:32px 40px;border-radius:20px;background:linear-gradient(115deg,#eaf8f1,#f0f6ff);border:1px solid #dce8e4} .fh-health-card h2{margin:9px 0 7px;font-size:31px}.fh-health-card p{margin:0 0 18px;color:#70818e;font-size:13px} .fh-health-meter{width:125px;height:125px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#0ba56f 76%,#dce9e4 0);position:relative} .fh-health-meter:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.fh-health-meter strong,.fh-health-meter small{position:relative;z-index:2}.fh-health-meter strong{font-size:36px}.fh-health-meter small{font-size:11px;color:#71818d}.fh-health-meter span{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#87959f;font-size:9px} /* Remove old sections */ body.ftx-home-view #ftx-pro-home, body.ftx-home-view .ftx-pro-hero, body.ftx-home-view .ftx-planning, body.ftx-home-view .ftx-health-check, body.ftx-home-view .ftx-calculators, body.ftx-home-view .ftx-latest, body.ftx-home-view .ftx-newsletter, body.ftx-home-view .ftx-money-hub, body.ftx-home-view .ftx-money-articles, body.ftx-home-view .ftx-invest-hub, body.ftx-home-view .ftx-invest-articles, body.ftx-home-view .ftx-borrow-hub, body.ftx-home-view .ftx-borrow-articles, body.ftx-home-view .ftx-tax-hub, body.ftx-home-view .ftx-tax-articles, body.ftx-home-view .ftx-protect-hub, body.ftx-home-view .ftx-markets-hub, body.ftx-home-view .ftx-tools-hub{display:none!important} /* Responsive */ @media(max-width:1100px){ .fh-people-grid{grid-template-columns:repeat(3,1fr)} .fh-decision-grid{grid-template-columns:repeat(3,1fr)} .fh-whatif-grid{grid-template-columns:repeat(3,1fr)} .fh-what-card:last-child{display:none} } @media(max-width:800px){ .fh-wrap{width:min(100% - 34px,650px)} .fh-hero-grid{grid-template-columns:1fr;min-height:auto} .fh-hero-copy{padding:50px 0 15px}.fh-hero-copy h1{font-size:52px;letter-spacing:-2.8px} .fh-hero-person{height:470px}.fh-person{left:38%;transform:scale(.85);transform-origin:bottom center} .fh-heading-row{display:block}.fh-link{display:inline-block;margin-top:14px} .fh-people-grid,.fh-whatif-grid{grid-template-columns:repeat(2,1fr)} .fh-decision-grid{grid-template-columns:repeat(2,1fr)} .fh-tools-grid{grid-template-columns:1fr;gap:30px}.fh-tool-cards{grid-template-columns:repeat(2,1fr)} .fh-health-card{flex-direction:column;align-items:flex-start;gap:25px} } @media(max-width:500px){ .fh-hero-copy h1{font-size:44px}.fh-actions{flex-direction:column;align-items:stretch}.fh-btn{justify-content:center} .fh-hero-person{height:400px}.fh-person{left:32%;transform:scale(.68);transform-origin:bottom center} .fh-money-note{transform:scale(.82);transform-origin:top left}.fh-money-note.expense{right:-8%}.fh-thought{transform:scale(.78);transform-origin:bottom right} .fh-people-grid,.fh-whatif-grid,.fh-decision-grid,.fh-tool-cards{grid-template-columns:1fr} .fh-what-card:last-child{display:block} } @media(prefers-reduced-motion:reduce){ #ftx-adventure-home.ftx-human-stories *{animation:none!important;transition:none!important} } /* ============================================================ STEP 45 — EMBEDDED VECTOR CHARACTER IMAGES The characters are actual inline SVG images, not CSS boxes. This avoids missing external image URLs in Blogger and keeps them crisp on desktop/mobile. ============================================================ */ .fh-svg-hero,.fh-svg-card-person{display:block;width:100%;height:170px} .fh-svg-hero{position:absolute;inset:0} .fh-svg-human{transform-origin:260px 480px;animation:fhSvgBreath 5s ease-in-out infinite} .fh-svg-eye{transform-box:fill-box;transform-origin:center;animation:fhSvgBlink 5.3s infinite} .fh-svg-mouth{transform-origin:center;animation:fhSvgSmile 5s ease-in-out infinite} .fh-svg-arm.arm1{transform-origin:184px 278px;animation:fhSvgArm1 4.2s ease-in-out infinite} .fh-svg-arm.arm2{transform-origin:334px 278px;animation:fhSvgArm2 4.7s ease-in-out infinite} .fh-svg-hand{animation:fhSvgHand 4.7s ease-in-out infinite} .fh-svg-card{animation:fhSvgFloat 4.5s ease-in-out infinite} .fh-svg-card.invest-card{animation-delay:.7s}.fh-svg-card.expense-card{animation-delay:.35s} .fh-svg-thought{animation:fhSvgThought 4.8s ease-in-out infinite} @keyframes fhSvgBreath{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}} @keyframes fhSvgBlink{0%,44%,48%,100%{transform:scaleY(1)}46%{transform:scaleY(.08)}} @keyframes fhSvgSmile{0%,50%,100%{transform:scaleX(.85)}70%{transform:scaleX(1.08)}} @keyframes fhSvgArm1{0%,100%{transform:rotate(0)}50%{transform:rotate(-4deg)}} @keyframes fhSvgArm2{0%,100%{transform:rotate(0)}50%{transform:rotate(5deg)}} @keyframes fhSvgHand{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}} @keyframes fhSvgFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}} @keyframes fhSvgThought{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}} .fh-person-art{height:170px;padding:0!important;background:none!important} .fh-svg-card-person{overflow:hidden} .fh-card-head{transform-origin:center;animation:fhCardBreath 4.8s ease-in-out infinite} .fh-card-eye{transform-box:fill-box;transform-origin:center;animation:fhCardBlink 5.6s infinite} .fh-card-mouth{transform-origin:center;animation:fhCardSmile 5.2s ease-in-out infinite} .fh-card-arm{transform-origin:75px 116px;animation:fhCardArm 4.4s ease-in-out infinite} .fh-card-hair{animation:fhHair 5s ease-in-out infinite} @keyframes fhCardBreath{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}} @keyframes fhCardBlink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.08)}} @keyframes fhCardSmile{0%,55%,100%{transform:scaleX(.8)}72%{transform:scaleX(1.1)}} @keyframes fhCardArm{0%,100%{transform:rotate(0)}50%{transform:rotate(-6deg)}} @keyframes fhHair{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}} .fh-person-card:hover .fh-svg-card-person{filter:saturate(1.08)} .fh-person-card:hover .fh-card-head{animation:fhCardHello .7s ease-in-out 1} @keyframes fhCardHello{0%,100%{transform:rotate(0)}40%{transform:rotate(-3deg)}70%{transform:rotate(3deg)}} @media(max-width:500px){ .fh-svg-hero{min-height:100%} } @media(prefers-reduced-motion:reduce){ .fh-svg-hero *, .fh-svg-card-person *{animation:none!important} } /* STEP45: old CSS character-shape classes are intentionally neutralized */ .fh-hero-person .fh-person,.fh-hero-person .fh-person-head,.fh-hero-person .fh-person-hair, .fh-hero-person .fh-person-neck,.fh-hero-person .fh-person-shirt,.fh-hero-person .fh-person-arm, .fh-hero-person .fh-person-hand,.fh-hero-person .fh-photo-glow,.fh-hero-person .fh-person-bg{display:none!important} /* ============================================================ STEP 46 — CARD CHARACTER IMAGE RENDERING FIX The character SVGs are real inline vector images. Give the image itself a deterministic box so Blogger/Chrome cannot collapse or distribute its height unexpectedly. ============================================================ */ #ftx-adventure-home.ftx-human-stories .fh-person-card{ display:flex!important; flex-direction:column!important; min-height:0!important; } #ftx-adventure-home.ftx-human-stories .fh-person-card > .fh-svg-card-person{ display:block!important; width:100%!important; height:170px!important; min-height:170px!important; max-height:170px!important; flex:0 0 170px!important; margin:0!important; padding:0!important; overflow:hidden!important; vertical-align:top!important; } #ftx-adventure-home.ftx-human-stories .fh-person-card > .fh-person-info{ flex:1 1 auto!important; } #ftx-adventure-home.ftx-human-stories .fh-svg-card-person rect:first-child{ opacity:1!important; } @media(max-width:1100px){ #ftx-adventure-home.ftx-human-stories .fh-person-card > .fh-svg-card-person{ height:170px!important; min-height:170px!important; flex-basis:170px!important; } } @media(max-width:500px){ #ftx-adventure-home.ftx-human-stories .fh-person-card > .fh-svg-card-person{ height:190px!important; min-height:190px!important; max-height:190px!important; flex-basis:190px!important; } } /* ============================================================ STEP 47 — HARDENED CARD IMAGE CONTAINER SVG is now inside an explicit top-anchored media box. This eliminates Blogger/theme flex baseline and inherited spacing issues that can create a blank band above artwork. ============================================================ */ #ftx-adventure-home.ftx-human-stories .fh-person-card{ display:flex!important; flex-direction:column!important; justify-content:flex-start!important; align-items:stretch!important; padding:0!important; margin:0!important; overflow:hidden!important; } #ftx-adventure-home.ftx-human-stories .fh-card-image-box{ position:relative!important; display:block!important; width:100%!important; height:170px!important; min-height:170px!important; max-height:170px!important; flex:0 0 170px!important; padding:0!important; margin:0!important; overflow:hidden!important; line-height:0!important; font-size:0!important; vertical-align:top!important; transform:none!important; top:0!important; } #ftx-adventure-home.ftx-human-stories .fh-card-image-box > .fh-svg-card-person{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:none!important; max-height:none!important; flex:none!important; margin:0!important; padding:0!important; transform:none!important; top:0!important; left:0!important; right:auto!important; bottom:auto!important; } #ftx-adventure-home.ftx-human-stories .fh-person-card > .fh-person-info{ display:block!important; position:relative!important; flex:1 1 auto!important; margin:0!important; padding:16px!important; order:2!important; } @media(max-width:500px){ #ftx-adventure-home.ftx-human-stories .fh-card-image-box{ height:190px!important; min-height:190px!important; max-height:190px!important; flex-basis:190px!important; } } /* ========================================================== FINTAXTICAL FINAL PROFESSIONAL HOMEPAGE LAYER Base: last known working Blogger-native theme Structure: Header → Human Hero → Planning → People ========================================================== */ /* --- Header: readable, premium, stable --- */ html.ftx-final-home .ftx-utility-bar{ height:36px!important; min-height:36px!important; background:#061b34!important; border-bottom:1px solid rgba(255,255,255,.08)!important; color:#b8c8d4!important; } html.ftx-final-home .ftx-utility-inner{ width:min(1280px,calc(100% - 64px))!important; height:36px!important; } html.ftx-final-home .ftx-utility-note{ color:#b8c8d4!important; font-size:10px!important; } html.ftx-final-home .ftx-utility-inner nav a{ color:#9eb1bf!important; font-size:10px!important; } html.ftx-final-home .ftx-utility-inner nav a:hover{color:#6ce0b7!important} html.ftx-final-home .ftx-pro-header{ position:sticky!important; top:36px!important; z-index:10050!important; background:#071b33!important; border-bottom:1px solid rgba(255,255,255,.09)!important; box-shadow:0 5px 18px rgba(7,27,51,.10)!important; } html.ftx-final-home .ftx-pro-nav{ width:min(1280px,calc(100% - 64px))!important; height:76px!important; gap:28px!important; } html.ftx-final-home .ftx-brand{min-width:235px!important} html.ftx-final-home .ftx-brand-name{ font-size:30px!important; letter-spacing:-1px!important; } html.ftx-final-home .ftx-brand small{font-size:10px!important;color:#a9bbc8!important} html.ftx-final-home .ftx-main-nav{ gap:2px!important; } html.ftx-final-home .ftx-main-nav .ftx-nav-link{ min-height:76px!important; padding:0 12px!important; color:#c4d0d9!important; font-size:13px!important; font-weight:700!important; } html.ftx-final-home .ftx-main-nav .ftx-nav-link:hover, html.ftx-final-home .ftx-nav-dropdown:hover>.ftx-nav-link{ color:#fff!important; } html.ftx-final-home .ftx-dropdown-menu{ top:calc(100% - 1px)!important; width:245px!important; padding:10px!important; border:1px solid #dce7e3!important; border-radius:13px!important; background:#fff!important; box-shadow:0 18px 45px rgba(7,27,51,.18)!important; transform:translate(-50%,0)!important; } html.ftx-final-home .ftx-dropdown-menu:before{ content:""!important; position:absolute!important; left:0!important; right:0!important; top:-10px!important; height:10px!important; } html.ftx-final-home .ftx-dropdown-menu a{ padding:11px 12px!important; color:#405568!important; font-size:12px!important; font-weight:700!important; line-height:1.35!important; } html.ftx-final-home .ftx-dropdown-menu a:hover{ color:#087f59!important; background:#eef9f4!important; } html.ftx-final-home .ftx-header-cta{ padding:12px 18px!important; border-radius:9px!important; font-size:12px!important; } /* --- Remove the second, competing homepage hero --- */ html.ftx-final-home #ftx-pro-home .ftx-pro-hero, html.ftx-final-home #ftx-pro-home .ftx-money-hub, html.ftx-final-home #ftx-pro-home .ftx-money-articles, html.ftx-final-home #ftx-pro-home .ftx-invest-hub, html.ftx-final-home #ftx-pro-home .ftx-invest-articles, html.ftx-final-home #ftx-pro-home .ftx-borrow-hub, html.ftx-final-home #ftx-pro-home .ftx-borrow-articles, html.ftx-final-home #ftx-pro-home .ftx-tax-hub, html.ftx-final-home #ftx-pro-home .ftx-tax-articles, html.ftx-final-home #ftx-pro-home .ftx-protect-hub, html.ftx-final-home #ftx-pro-home .ftx-markets-hub, html.ftx-final-home #ftx-pro-home .ftx-calculators, html.ftx-final-home #ftx-pro-home .ftx-latest, html.ftx-final-home #ftx-pro-home .ftx-newsletter{ display:none!important; } /* --- Human hero: the visual identity requested by the user --- */ html.ftx-final-home #ftx-adventure-home{ display:block!important; background:#f8fbfa!important; } html.ftx-final-home #ftx-adventure-home .fh-hero{ display:block!important; min-height:610px!important; padding:0!important; background:linear-gradient(120deg,#f9fcfb 0%,#eff8f4 58%,#eef4fb 100%)!important; overflow:hidden!important; } html.ftx-final-home #ftx-adventure-home .fh-hero-grid{ min-height:610px!important; grid-template-columns:.88fr 1.12fr!important; gap:42px!important; } html.ftx-final-home #ftx-adventure-home .fh-hero-copy{ padding:65px 0!important; } html.ftx-final-home #ftx-adventure-home .fh-hero-copy h1{ font-size:clamp(55px,6vw,76px)!important; line-height:.97!important; letter-spacing:-3.5px!important; } html.ftx-final-home #ftx-adventure-home .fh-hero-copy>p{ max-width:610px!important; font-size:18px!important; line-height:1.65!important; } html.ftx-final-home #ftx-adventure-home .fh-hero-person{ height:520px!important; border-radius:28px!important; } /* --- Planning: strong contrast, but not visually heavy --- */ html.ftx-final-home #ftx-planning{ display:block!important; background:#071b33!important; padding:58px 0 52px!important; color:#fff!important; } html.ftx-final-home #ftx-planning .ftx-section-title span{ font-size:11px!important; letter-spacing:2px!important; color:#6ce0b7!important; } html.ftx-final-home #ftx-planning .ftx-section-title h2{ margin-top:9px!important; color:#fff!important; font-size:42px!important; line-height:1.08!important; } html.ftx-final-home #ftx-planning .ftx-plan-grid{ gap:13px!important; } html.ftx-final-home #ftx-planning .ftx-plan-card{ min-height:142px!important; padding:20px!important; border:1px solid rgba(255,255,255,.12)!important; border-radius:16px!important; background:#102f4c!important; } html.ftx-final-home #ftx-planning .ftx-plan-card:hover{ background:#143a5a!important; transform:translateY(-4px)!important; box-shadow:0 16px 30px rgba(0,0,0,.16)!important; } html.ftx-final-home #ftx-planning .ftx-plan-card strong{ color:#fff!important; font-size:17px!important; } html.ftx-final-home #ftx-planning .ftx-plan-card p{ color:#b7c9d6!important; font-size:12px!important; line-height:1.5!important; } html.ftx-final-home #ftx-planning .ftx-planning-note{ color:#b7c9d6!important; font-size:12px!important; } /* --- People: clean, relatable, readable --- */ html.ftx-final-home #ftx-adventure-home .fh-people{ display:block!important; padding:64px 0 72px!important; background:#fff!important; } html.ftx-final-home #ftx-adventure-home .fh-heading-row h2{ font-size:42px!important; line-height:1.1!important; letter-spacing:-1.5px!important; color:#102b45!important; } html.ftx-final-home #ftx-adventure-home .fh-heading-row p{ font-size:14px!important; color:#617586!important; } html.ftx-final-home #ftx-adventure-home .fh-person-info{ padding:18px!important; } html.ftx-final-home #ftx-adventure-home .fh-person-info small{ font-size:10px!important; } html.ftx-final-home #ftx-adventure-home .fh-person-info h3{ font-size:18px!important; line-height:1.25!important; } html.ftx-final-home #ftx-adventure-home .fh-person-info p{ font-size:11px!important; } html.ftx-final-home #ftx-adventure-home .fh-person-info b{ font-size:11px!important; } /* Only the requested homepage sections remain visible inside the adventure shell. */ html.ftx-final-home #ftx-adventure-home > section:not(.fh-hero):not(.fh-people){ display:none!important; } /* --- Accessibility / interaction --- */ html.ftx-final-home a:focus-visible, html.ftx-final-home button:focus-visible{ outline:3px solid rgba(11,165,111,.45)!important; outline-offset:3px!important; } html.ftx-final-home [id]{scroll-margin-top:125px!important} /* --- Responsive --- */ @media(max-width:1050px){ html.ftx-final-home .ftx-pro-nav{ width:calc(100% - 32px)!important; gap:12px!important; } html.ftx-final-home .ftx-brand{min-width:205px!important} html.ftx-final-home .ftx-brand-name{font-size:25px!important} html.ftx-final-home .ftx-main-nav .ftx-nav-link{ padding:0 8px!important; font-size:12px!important; } } @media(max-width:850px){ html.ftx-final-home .ftx-main-nav{display:none!important} html.ftx-final-home .ftx-mobile-btn{display:block!important} html.ftx-final-home .ftx-pro-header{top:36px!important} html.ftx-final-home #ftx-adventure-home .fh-hero-grid{ grid-template-columns:1fr!important; min-height:auto!important; } html.ftx-final-home #ftx-adventure-home .fh-hero-copy{ padding:52px 0 25px!important; } html.ftx-final-home #ftx-adventure-home .fh-hero-person{ height:430px!important; } } @media(max-width:650px){ html.ftx-final-home .ftx-utility-inner{ width:calc(100% - 28px)!important; } html.ftx-final-home .ftx-utility-note{font-size:9px!important} html.ftx-final-home .ftx-utility-inner nav{gap:10px!important} html.ftx-final-home .ftx-utility-inner nav a{font-size:9px!important} html.ftx-final-home .ftx-brand{min-width:0!important} html.ftx-final-home .ftx-brand-name{font-size:22px!important} html.ftx-final-home .ftx-brand small{font-size:8px!important} html.ftx-final-home .ftx-header-cta{display:none!important} html.ftx-final-home #ftx-adventure-home .fh-hero-copy h1{ font-size:47px!important; letter-spacing:-2.5px!important; } html.ftx-final-home #ftx-adventure-home .fh-hero-copy>p{font-size:16px!important} html.ftx-final-home #ftx-planning .ftx-section-title h2{ font-size:31px!important; } html.ftx-final-home #ftx-planning .ftx-plan-grid{ grid-template-columns:1fr!important; } html.ftx-final-home #ftx-adventure-home .fh-people{ padding:48px 0 56px!important; } html.ftx-final-home #ftx-adventure-home .fh-heading-row h2{ font-size:32px!important; } html.ftx-final-home #ftx-adventure-home .fh-people-grid{ grid-template-columns:1fr!important; } } /* ========================================================== STEP 56 — SIMPLE, RELIABLE HERO VISUAL No external image. No complex SVG. No broken image dependency. ========================================================== */ html.ftx-final-home #ftx-adventure-home .fh-hero-person.ftx-simple-visual{ position:relative!important; height:520px!important; min-height:520px!important; overflow:hidden!important; border-radius:28px!important; background:linear-gradient(145deg,#eaf7f4 0%,#e4f0f8 100%)!important; border:1px solid #d6e5e3!important; box-shadow:0 22px 55px rgba(13,45,67,.10)!important; } html.ftx-final-home .ftx-simple-visual:after{ content:""!important; position:absolute!important; left:50%!important; bottom:48px!important; width:260px!important; height:25px!important; transform:translateX(-50%)!important; border-radius:50%!important; background:rgba(16,43,69,.10)!important; } html.ftx-final-home .ftx-visual-sun{ position:absolute!important; width:125px!important;height:125px!important; right:72px!important;top:50px!important; border-radius:50%!important; background:#ffe1a3!important; } html.ftx-final-home .ftx-visual-mountain{ position:absolute!important; bottom:0!important;width:0!important;height:0!important; border-left:125px solid transparent!important; border-right:125px solid transparent!important; border-bottom:185px solid #a7d3c0!important; opacity:.72!important; } html.ftx-final-home .ftx-visual-mountain.m1{left:-45px!important} html.ftx-final-home .ftx-visual-mountain.m2{ right:-30px!important;border-bottom-color:#8fc2af!important; border-left-width:150px!important;border-right-width:150px!important; border-bottom-width:215px!important; } html.ftx-final-home .ftx-visual-card{ position:absolute!important;z-index:4!important; width:185px!important;padding:15px 16px!important; background:#fff!important;border:1px solid #e2ebe8!important; border-radius:14px!important; box-shadow:0 12px 28px rgba(11,42,61,.10)!important; } html.ftx-final-home .ftx-visual-card small, html.ftx-final-home .ftx-visual-question small{ display:block!important; font-size:8px!important;font-weight:900!important; letter-spacing:1.1px!important;color:#6e8190!important; } html.ftx-final-home .ftx-visual-card strong{ display:block!important;margin-top:5px!important; font-size:23px!important;line-height:1.1!important;color:#102b45!important; } html.ftx-final-home .ftx-visual-card span{ display:block!important;margin-top:5px!important; font-size:9px!important;color:#7c8c97!important; } html.ftx-final-home .ftx-visual-card.salary{left:25px!important;top:50px!important} html.ftx-final-home .ftx-visual-card.expense{right:22px!important;top:205px!important} html.ftx-final-home .ftx-visual-card.invest{left:30px!important;bottom:46px!important} html.ftx-final-home .ftx-visual-person{ position:absolute!important;z-index:3!important; left:50%!important;bottom:52px!important; width:190px!important;height:330px!important; transform:translateX(-50%)!important; } html.ftx-final-home .ftx-person-head{ position:absolute!important;left:55px!important;top:0!important; width:80px!important;height:88px!important; border-radius:45% 45% 48% 48%!important; background:#bd7c58!important; } html.ftx-final-home .ftx-person-head:before{ content:""!important;position:absolute!important;left:0!important;top:-7px!important; width:80px!important;height:36px!important;border-radius:50% 50% 35% 35%!important; background:#182736!important; } html.ftx-final-home .ftx-person-head i{ position:absolute!important;top:48px!important;width:7px!important;height:9px!important; border-radius:50%!important;background:#15283a!important; } html.ftx-final-home .ftx-person-head i:first-child{left:24px!important} html.ftx-final-home .ftx-person-head i:nth-child(2){right:24px!important} html.ftx-final-home .ftx-person-head b{ position:absolute!important;left:34px!important;top:67px!important; width:14px!important;height:5px!important;border-bottom:2px solid #66342c!important; border-radius:50%!important; } html.ftx-final-home .ftx-person-body{ position:absolute!important;left:32px!important;top:82px!important; width:126px!important;height:142px!important;border-radius:28px 28px 22px 22px!important; background:#19577e!important;color:#fff!important; display:grid!important;place-items:center!important; font-size:16px!important;font-weight:900!important; } html.ftx-final-home .ftx-person-arm{ position:absolute!important;top:105px!important;width:28px!important;height:118px!important; border-radius:20px!important;background:#bd7c58!important;z-index:-1!important; } html.ftx-final-home .ftx-person-arm.left{left:12px!important;transform:rotate(24deg)!important} html.ftx-final-home .ftx-person-arm.right{right:12px!important;transform:rotate(-24deg)!important} html.ftx-final-home .ftx-person-leg{ position:absolute!important;top:208px!important;width:35px!important;height:105px!important; border-radius:0 0 16px 16px!important;background:#24394e!important; } html.ftx-final-home .ftx-person-leg.l{left:58px!important} html.ftx-final-home .ftx-person-leg.r{right:58px!important} html.ftx-final-home .ftx-visual-question{ position:absolute!important;z-index:5!important;right:26px!important;bottom:45px!important; width:175px!important;padding:14px 16px!important;border-radius:14px!important; background:#071b33!important;color:#fff!important; box-shadow:0 14px 30px rgba(7,27,51,.16)!important; } html.ftx-final-home .ftx-visual-question small{color:#68ddb0!important} html.ftx-final-home .ftx-visual-question strong{ display:block!important;margin-top:5px!important;font-size:13px!important;line-height:1.3!important; } /* Prevent the old SVG from ever occupying space if another template fragment references it. */ html.ftx-final-home .fh-svg-hero{display:none!important} /* Improve the first fold so it reads as one polished composition. */ html.ftx-final-home #ftx-adventure-home .fh-hero-grid{ align-items:center!important; } html.ftx-final-home #ftx-adventure-home .fh-actions .fh-btn{ min-height:48px!important; padding:0 20px!important; font-size:13px!important; } html.ftx-final-home #ftx-adventure-home .fh-trust{ font-size:10px!important; } /* Fix dropdown disappearance when moving from menu trigger to panel. */ html.ftx-final-home .ftx-nav-dropdown:after{ content:""!important; position:absolute!important; left:0!important;right:0!important;top:100%!important; height:13px!important; } html.ftx-final-home .ftx-dropdown-menu{ z-index:10060!important; } /* Slightly reduce visual density below the fold. */ html.ftx-final-home #ftx-planning .ftx-plan-card{ min-height:136px!important; } html.ftx-final-home #ftx-adventure-home .fh-person-card{ border-radius:16px!important; } /* Mobile: one clean visual, no overlaps. */ @media(max-width:850px){ html.ftx-final-home #ftx-adventure-home .fh-hero-person.ftx-simple-visual{ height:430px!important;min-height:430px!important; } html.ftx-final-home .ftx-visual-person{ transform:translateX(-50%) scale(.82)!important; transform-origin:bottom center!important; } html.ftx-final-home .ftx-visual-card{transform:scale(.9)!important} } @media(max-width:560px){ html.ftx-final-home #ftx-adventure-home .fh-hero-person.ftx-simple-visual{ height:360px!important;min-height:360px!important; } html.ftx-final-home .ftx-visual-card{ width:145px!important;padding:10px 11px!important; } html.ftx-final-home .ftx-visual-card strong{font-size:17px!important} html.ftx-final-home .ftx-visual-card.salary{left:12px!important;top:25px!important} html.ftx-final-home .ftx-visual-card.expense{right:10px!important;top:125px!important} html.ftx-final-home .ftx-visual-card.invest{left:12px!important;bottom:20px!important} html.ftx-final-home .ftx-visual-question{ right:10px!important;bottom:20px!important;width:140px!important;padding:10px!important; } html.ftx-final-home .ftx-visual-person{ bottom:25px!important;transform:translateX(-50%) scale(.64)!important; } html.ftx-final-home .ftx-visual-sun{width:85px!important;height:85px!important;right:35px!important;top:30px!important} } /* ========================================================== STEP 59 — CLEAN HOMEPAGE / SINGLE SOURCE OF TRUTH Header → Hero → Money Goals → Real-life profiles → Footer No duplicate homepage blocks. No legacy character art. ========================================================== */ /* HOME DETECTION WITHOUT JAVASCRIPT */ body:has(#ftx-adventure-home){ overflow-x:hidden!important; padding-top:86px!important; } /* THE REAL BRAND HEADER MUST BE THE FIRST VISIBLE ELEMENT */ body:has(#ftx-adventure-home) #ftx-pro-home{ display:block!important; } body:has(#ftx-adventure-home) #ftx-pro-home > *{ display:none!important; } body:has(#ftx-adventure-home) #ftx-pro-home > .ftx-pro-header{ display:block!important; position:fixed!important; left:0!important;right:0!important;top:0!important; width:100%!important; z-index:99999!important; background:#071b33!important; box-shadow:0 4px 18px rgba(7,27,51,.10)!important; } body:has(#ftx-adventure-home) #ftx-pro-home .ftx-utility-bar{display:none!important} body:has(#ftx-adventure-home) #ftx-pro-home .ftx-pro-nav{ min-height:86px!important; } body:has(#ftx-adventure-home) #ftx-pro-home .ftx-brand-name{ font-size:29px!important; line-height:1!important; } body:has(#ftx-adventure-home) #ftx-pro-home .ftx-brand small{ font-size:10px!important; color:#9db1c1!important; } body:has(#ftx-adventure-home) #ftx-pro-home .ftx-main-nav{ gap:4px!important; } body:has(#ftx-adventure-home) #ftx-pro-home .ftx-nav-link{ font-size:13px!important; min-height:56px!important; padding:0 12px!important; } body:has(#ftx-adventure-home) #ftx-pro-home .ftx-dropdown-menu{ z-index:100000!important; } body:has(#ftx-adventure-home) #ftx-pro-home .ftx-nav-dropdown{ position:relative!important; } body:has(#ftx-adventure-home) #ftx-pro-home .ftx-nav-dropdown:after{ content:""!important; position:absolute!important;left:0!important;right:0!important; top:100%!important;height:16px!important; } /* HOME CONTENT: ONLY HERO + NEW PLANNING + PEOPLE */ body:has(#ftx-adventure-home) #ftx-adventure-home{ display:block!important; min-height:0!important; } body:has(#ftx-adventure-home) #ftx-adventure-home > section{ display:none!important; } body:has(#ftx-adventure-home) #ftx-adventure-home > .fh-hero, body:has(#ftx-adventure-home) #ftx-adventure-home > #ftx-home-planning, body:has(#ftx-adventure-home) #ftx-adventure-home > .fh-people{ display:block!important; } /* HERO — compact and clean */ body:has(#ftx-adventure-home) .fh-hero{ min-height:500px!important; padding:0!important; background:#f7faf9!important; } body:has(#ftx-adventure-home) .fh-hero-grid{ min-height:500px!important; grid-template-columns:1fr 1fr!important; gap:38px!important; align-items:center!important; } body:has(#ftx-adventure-home) .fh-hero-copy{ padding:42px 0!important; } body:has(#ftx-adventure-home) .fh-hero-copy h1{ font-size:clamp(48px,5.2vw,68px)!important; line-height:.98!important; letter-spacing:-2.8px!important; margin:0!important; } body:has(#ftx-adventure-home) .fh-hero-copy>p{ max-width:580px!important; margin:22px 0!important; font-size:17px!important; line-height:1.55!important; } body:has(#ftx-adventure-home) .fh-actions{margin-top:20px!important} body:has(#ftx-adventure-home) .fh-trust{margin-top:15px!important} /* Hero visual: remove ALL legacy visual implementations */ body:has(#ftx-adventure-home) .fh-hero-person{ height:380px!important; min-height:380px!important; border-radius:22px!important; overflow:hidden!important; background:#eaf4f1!important; border:1px solid #d7e5e1!important; position:relative!important; box-shadow:none!important; } body:has(#ftx-adventure-home) .fh-hero-person > *{ display:none!important; } /* stable, deliberately minimal visual */ body:has(#ftx-adventure-home) .fh-hero-person:before{ content:"₹ 75K"!important; position:absolute!important;left:50%!important;top:50%!important; transform:translate(-50%,-50%)!important; width:170px!important;height:170px!important;border-radius:50%!important; background:#123c5b!important;color:#fff!important; display:grid!important;place-items:center!important; font-size:30px!important;font-weight:900!important; box-shadow:0 20px 45px rgba(7,31,51,.15)!important; } body:has(#ftx-adventure-home) .fh-hero-person:after{ content:"MONTHLY INCOME • ₹75,000\A\A EXPENSES • ₹35,000\A\A INVESTABLE • ₹20,000"!important; white-space:pre!important; position:absolute!important;left:24px!important;bottom:22px!important; width:180px!important;padding:14px!important; border-radius:12px!important;background:#fff!important; color:#17324a!important;font-size:9px!important;line-height:1.35!important; box-shadow:0 8px 20px rgba(7,31,51,.08)!important; } /* NEW COMPACT PLANNING SECTION */ body:has(#ftx-adventure-home) #ftx-home-planning{ display:block!important; background:#071b33!important; padding:42px 0 45px!important; } body:has(#ftx-adventure-home) .ftx-home-planning-head{ display:flex!important;justify-content:space-between!important;align-items:end!important; margin-bottom:22px!important; } body:has(#ftx-adventure-home) .ftx-home-planning-head .fh-kicker{ color:#6ce0b7!important; } body:has(#ftx-adventure-home) .ftx-home-planning-head h2{ color:#fff!important;margin:5px 0!important; font-size:36px!important;letter-spacing:-1px!important; } body:has(#ftx-adventure-home) .ftx-home-planning-head p{ margin:0!important;color:#9db1c1!important;font-size:13px!important; } body:has(#ftx-adventure-home) .ftx-home-planning-grid{ display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:10px!important; } body:has(#ftx-adventure-home) .ftx-home-planning-grid a{ position:relative!important;display:block!important; min-height:112px!important;padding:16px 42px 15px 16px!important; border-radius:13px!important;background:#102f4c!important; border:1px solid rgba(255,255,255,.10)!important; text-decoration:none!important;transition:.18s ease!important; } body:has(#ftx-adventure-home) .ftx-home-planning-grid a:hover{ transform:translateY(-3px)!important; background:#143856!important; } body:has(#ftx-adventure-home) .ftx-home-planning-grid span{ display:grid!important;place-items:center!important; width:34px!important;height:34px!important;border-radius:9px!important; background:#e7f6f0!important;color:#08a66f!important;font-weight:900!important; margin-bottom:10px!important; } body:has(#ftx-adventure-home) .ftx-home-planning-grid strong{ display:block!important;color:#fff!important;font-size:15px!important; } body:has(#ftx-adventure-home) .ftx-home-planning-grid small{ display:block!important;margin-top:4px!important;color:#a9bdca!important; font-size:9px!important;line-height:1.4!important; } body:has(#ftx-adventure-home) .ftx-home-planning-grid b{ position:absolute!important;right:15px!important;top:50%!important; transform:translateY(-50%)!important;color:#6ce0b7!important;font-size:18px!important; } /* PEOPLE — professional, no cartoon characters */ body:has(#ftx-adventure-home) .fh-people{ display:block!important;background:#fff!important;padding:48px 0 55px!important; } body:has(#ftx-adventure-home) .fh-heading-row{ margin-bottom:22px!important; } body:has(#ftx-adventure-home) .fh-heading-row h2{ font-size:36px!important;letter-spacing:-1px!important;margin:5px 0!important; } body:has(#ftx-adventure-home) .fh-heading-row p{ font-size:13px!important; } body:has(#ftx-adventure-home) .fh-people-grid{ display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:12px!important; } /* Force-clean profile art; legacy character art cannot win. */ body:has(#ftx-adventure-home) .ftx-clean-avatar{ height:128px!important;position:relative!important;display:flex!important; align-items:center!important;justify-content:center!important;overflow:hidden!important; } body:has(#ftx-adventure-home) .ftx-clean-avatar .ftx-avatar-initial{ width:64px!important;height:64px!important;border-radius:50%!important; display:grid!important;place-items:center!important;background:#fff!important; color:#17324a!important;font-size:22px!important;font-weight:900!important; border:1px solid rgba(23,50,74,.10)!important; } body:has(#ftx-adventure-home) .ftx-clean-avatar .ftx-avatar-icon{ position:absolute!important;right:12px!important;top:11px!important; width:34px!important;height:34px!important;border-radius:50%!important; display:grid!important;place-items:center!important;background:#fff!important; color:#0aa56f!important;font-weight:900!important; } body:has(#ftx-adventure-home) .ftx-clean-avatar.rahul{background:#e9f7f2!important} body:has(#ftx-adventure-home) .ftx-clean-avatar.priya{background:#eee9ff!important} body:has(#ftx-adventure-home) .ftx-clean-avatar.family{background:#fff0e7!important} body:has(#ftx-adventure-home) .ftx-clean-avatar.arjun{background:#e9f2fb!important} body:has(#ftx-adventure-home) .ftx-clean-avatar.meera{background:#edf7f0!important} /* Completely neutralize old character/emoji layers in the kept people section. */ body:has(#ftx-adventure-home) .fh-people .fh-person-art, body:has(#ftx-adventure-home) .fh-people .fh-real-head, body:has(#ftx-adventure-home) .fh-people .fh-real-hair, body:has(#ftx-adventure-home) .fh-people .fh-real-body, body:has(#ftx-adventure-home) .fh-people .fh-real-arm, body:has(#ftx-adventure-home) .fh-people .fh-wc-person{ display:none!important; } /* Remove old duplicate pro planning section */ body:has(#ftx-adventure-home) #ftx-pro-home #ftx-planning{display:none!important} /* Mobile */ @media(max-width:850px){ body:has(#ftx-adventure-home){padding-top:72px!important} body:has(#ftx-adventure-home) #ftx-pro-home .ftx-pro-nav{min-height:72px!important} body:has(#ftx-adventure-home) #ftx-pro-home .ftx-main-nav{display:none!important} body:has(#ftx-adventure-home) .fh-hero{min-height:auto!important} body:has(#ftx-adventure-home) .fh-hero-grid{grid-template-columns:1fr!important;gap:22px!important} body:has(#ftx-adventure-home) .fh-hero-copy{padding:40px 0 10px!important} body:has(#ftx-adventure-home) .fh-hero-person{height:280px!important;min-height:280px!important} body:has(#ftx-adventure-home) .ftx-home-planning-grid{grid-template-columns:1fr 1fr!important} body:has(#ftx-adventure-home) .fh-people-grid{grid-template-columns:1fr 1fr!important} } @media(max-width:560px){ body:has(#ftx-adventure-home) .ftx-brand-name{font-size:23px!important} body:has(#ftx-adventure-home) .fh-hero-copy h1{font-size:43px!important} body:has(#ftx-adventure-home) .ftx-home-planning-head h2{font-size:29px!important} body:has(#ftx-adventure-home) .ftx-home-planning-grid, body:has(#ftx-adventure-home) .fh-people-grid{grid-template-columns:1fr!important} } /* ========================================================== FINTAXTICAL STEP 60 — ONE AUTHORITATIVE HOMEPAGE Business goal: understand → plan → act. No duplicate shells. No character/image dependency. ========================================================== */ /* Hide legacy custom homepage shells ONLY on the homepage. */ html.ftx-home-final #ftx-adventure-home, html.ftx-home-final #ftx-pro-home, html.ftx-home-final #ftx-v11-goals, html.ftx-home-final #ftx-v11-calculators, html.ftx-home-final #ftx-trust, html.ftx-home-final #ftx-related-articles, html.ftx-home-final #ftx-home-planning{ display:none!important; } /* Keep Blogger's actual article/post area out of the homepage view. */ html.ftx-home-final .blog-posts, html.ftx-home-final #main-wrapper, html.ftx-home-final #content-wrapper{ /* Do not globally hide Blogger content here; the original theme can use these wrappers for non-home pages. Homepage custom shell is first. */ } /* ---------- FINAL HEADER ---------- */ html.ftx-home-final #ftx-final-home-shell{ display:block!important; width:100%!important; overflow:hidden!important; } html.ftx-home-final #ftx-final-home-shell .ftx-pro-header{ position:relative!important; top:auto!important; z-index:1000!important; display:block!important; } html.ftx-home-final #ftx-final-home-shell .ftx-main-nav .ftx-nav-link{ font-size:13px!important; } html.ftx-home-final #ftx-final-home-shell .ftx-dropdown-menu{ z-index:10060!important; } /* Hover bridge for dropdown navigation. */ html.ftx-home-final #ftx-final-home-shell .ftx-nav-dropdown{position:relative!important} html.ftx-home-final #ftx-final-home-shell .ftx-nav-dropdown:after{ content:""!important;position:absolute!important;left:0!important;right:0!important; top:100%!important;height:14px!important; } /* ---------- HERO ---------- */ html.ftx-home-final #ftx-final-home-shell .fh-hero{ min-height:500px!important; padding:0!important; background:#f5faf8!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-grid{ min-height:500px!important; grid-template-columns:1fr .9fr!important; gap:55px!important; align-items:center!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-copy{ padding:48px 0!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-copy h1{ max-width:650px!important; font-size:clamp(50px,5.5vw,72px)!important; line-height:.99!important; letter-spacing:-3px!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-copy>p{ max-width:610px!important; font-size:18px!important; line-height:1.55!important; color:#536b7c!important; } html.ftx-home-final #ftx-final-home-shell .fh-actions{margin-top:22px!important} /* Stable professional visual: no character, no image, no SVG. */ html.ftx-home-final .ftx-final-snapshot{ box-sizing:border-box!important; width:min(100%,470px)!important; min-height:350px!important; margin-left:auto!important; padding:28px!important; border:1px solid #d7e6e1!important; border-radius:22px!important; background:#fff!important; box-shadow:0 18px 45px rgba(15,47,65,.08)!important; } html.ftx-home-final .ftx-snapshot-head{ display:flex!important;justify-content:space-between!important;align-items:center!important; padding-bottom:18px!important;border-bottom:1px solid #e6efec!important; } html.ftx-home-final .ftx-snapshot-head span{ font-size:10px!important;font-weight:900!important;letter-spacing:1.5px!important;color:#0a9d73!important; } html.ftx-home-final .ftx-snapshot-head b{ font-size:9px!important;font-weight:700!important;color:#84939c!important; } html.ftx-home-final .ftx-snapshot-row{ display:flex!important;justify-content:space-between!important;align-items:center!important; padding:23px 0!important;border-bottom:1px solid #edf2f0!important; } html.ftx-home-final .ftx-snapshot-row span{font-size:13px!important;color:#647886!important} html.ftx-home-final .ftx-snapshot-row strong{font-size:24px!important;color:#102b45!important} html.ftx-home-final .ftx-snapshot-row.positive strong{color:#08a877!important} html.ftx-home-final .ftx-snapshot-divider{height:14px!important} html.ftx-home-final .ftx-snapshot-foot{ display:flex!important;justify-content:space-between!important;align-items:center!important; font-size:12px!important;color:#536b7c!important; } html.ftx-home-final .ftx-snapshot-foot b{font-size:20px!important;color:#08a877!important} /* ---------- PLANNING ---------- */ html.ftx-home-final #ftx-final-home-shell #ftx-planning{ display:block!important;background:#071b33!important;padding:48px 0 44px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-section-title span{ color:#67dcb5!important;font-size:10px!important;letter-spacing:2px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-section-title h2{ color:#fff!important;font-size:38px!important;letter-spacing:-1px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-grid{ grid-template-columns:repeat(3,1fr)!important;gap:12px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-card{ min-height:120px!important;padding:17px!important;border-radius:14px!important; background:#102f4c!important;border:1px solid rgba(255,255,255,.1)!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-card strong{ color:#fff!important;font-size:16px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-card p{ color:#b8c8d4!important;font-size:11px!important;line-height:1.45!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-planning-note{ color:#b8c8d4!important;font-size:12px!important;margin-top:18px!important; } /* ---------- PEOPLE: relatable, but no unreliable characters ---------- */ html.ftx-home-final #ftx-final-home-shell .fh-people{ display:block!important;background:#fff!important;padding:50px 0 58px!important; } html.ftx-home-final #ftx-final-home-shell .fh-heading-row h2{ font-size:38px!important;letter-spacing:-1px!important;color:#102b45!important; } html.ftx-home-final #ftx-final-home-shell .fh-heading-row p{ font-size:14px!important;color:#617586!important; } html.ftx-home-final #ftx-final-home-shell .ftx-initial-avatar{ height:165px!important;display:grid!important;place-items:center!important; background:#eef6f3!important;border-bottom:1px solid #e1ece8!important; } html.ftx-home-final #ftx-final-home-shell .ftx-initial-avatar span{ width:74px!important;height:74px!important;border-radius:50%!important; display:grid!important;place-items:center!important; background:#0b9270!important;color:#fff!important;font-size:30px!important;font-weight:900!important; } html.ftx-home-final #ftx-final-home-shell .fh-person-info h3{ font-size:16px!important;line-height:1.3!important; } html.ftx-home-final #ftx-final-home-shell .fh-person-info p{ font-size:11px!important; } /* ---------- Prevent accidental legacy character layers inside shell ---------- */ html.ftx-home-final #ftx-final-home-shell img[src*="character"], html.ftx-home-final #ftx-final-home-shell svg, html.ftx-home-final #ftx-final-home-shell .emoji, html.ftx-home-final #ftx-final-home-shell .fh-person-image, html.ftx-home-final #ftx-final-home-shell .fh-person-media{ display:none!important; } /* ---------- MOBILE ---------- */ @media(max-width:850px){ html.ftx-home-final #ftx-final-home-shell .fh-hero-grid{ grid-template-columns:1fr!important;gap:22px!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-copy{ padding:42px 0 12px!important; } html.ftx-home-final .ftx-final-snapshot{ width:100%!important;min-height:300px!important;margin:0!important; } } @media(max-width:620px){ html.ftx-home-final #ftx-final-home-shell .fh-hero-copy h1{ font-size:44px!important;letter-spacing:-2px!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-copy>p{font-size:16px!important} html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-section-title h2{ font-size:29px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-grid{ grid-template-columns:1fr!important; } html.ftx-home-final #ftx-final-home-shell .fh-heading-row h2{ font-size:30px!important; } html.ftx-home-final #ftx-final-home-shell .fh-people-grid{ grid-template-columns:1fr!important; } } /* ========================================================== FINTAXTICAL STEP 61 — LIVE-SCREEN CORRECTION LAYER Fixes: duplicate header, legacy pseudo visual, currency rendering, invisible CTA, nav contrast, compact homepage. ========================================================== */ /* Only the new homepage shell is visible on the homepage. */ html.ftx-home-final #ftx-final-home-shell{display:block!important} html.ftx-home-final #ftx-pro-home, html.ftx-home-final #ftx-adventure-home, html.ftx-home-final #header-wrapper, html.ftx-home-final #main-wrapper, html.ftx-home-final #sidebar-wrapper{ display:none!important; } /* Header: one clean row, readable navigation. */ html.ftx-home-final #ftx-final-home-shell .ftx-pro-header{ display:block!important; background:#071c33!important; border:0!important; box-shadow:none!important; } html.ftx-home-final #ftx-final-home-shell .ftx-pro-nav{ width:min(1280px,calc(100% - 72px))!important; min-height:76px!important; height:76px!important; margin:0 auto!important; gap:28px!important; } html.ftx-home-final #ftx-final-home-shell .ftx-brand-name{ font-size:29px!important; color:#fff!important; letter-spacing:-.9px!important; } html.ftx-home-final #ftx-final-home-shell .ftx-brand small{ color:#aebdca!important; font-size:10px!important; } html.ftx-home-final #ftx-final-home-shell .ftx-main-nav{ gap:3px!important; } html.ftx-home-final #ftx-final-home-shell .ftx-main-nav .ftx-nav-link{ color:#b9c7d2!important; font-size:13px!important; min-height:50px!important; padding:0 11px!important; opacity:1!important; } html.ftx-home-final #ftx-final-home-shell .ftx-main-nav .ftx-nav-link:hover, html.ftx-home-final #ftx-final-home-shell .ftx-main-nav .ftx-nav-link[aria-current='page']{ color:#fff!important; } html.ftx-home-final #ftx-final-home-shell .ftx-main-nav>a:first-child{ color:#fff!important; } html.ftx-home-final #ftx-final-home-shell .ftx-header-cta{ background:#0baa76!important; color:#fff!important; border:0!important; opacity:1!important; } html.ftx-home-final #ftx-final-home-shell .ftx-search-btn{ color:#fff!important; opacity:1!important; } /* Kill every legacy pseudo-element on the new hero visual. This is the exact reason the screenshot showed the blue circle and raw entity strings on top of the new snapshot. */ html.ftx-home-final #ftx-final-home-shell .fh-hero-person:before, html.ftx-home-final #ftx-final-home-shell .fh-hero-person:after{ content:none!important; display:none!important; } /* Hero: compact and stable. */ html.ftx-home-final #ftx-final-home-shell .fh-hero{ min-height:470px!important; height:auto!important; padding:0!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-grid{ min-height:470px!important; grid-template-columns:minmax(0,1fr) minmax(380px,.9fr)!important; gap:48px!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-copy{ padding:42px 0!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-copy h1{ font-size:clamp(48px,5.2vw,70px)!important; line-height:.98!important; letter-spacing:-2.8px!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-copy>p{ font-size:18px!important; line-height:1.55!important; } html.ftx-home-final #ftx-final-home-shell .fh-actions{ display:flex!important; flex-wrap:wrap!important; gap:10px!important; margin-top:20px!important; } html.ftx-home-final #ftx-final-home-shell .fh-actions .fh-btn{ min-height:50px!important; padding:0 20px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border-radius:10px!important; font-size:13px!important; font-weight:800!important; opacity:1!important; } html.ftx-home-final #ftx-final-home-shell .fh-actions .fh-primary{ background:#0baa76!important; color:#fff!important; border:1px solid #0baa76!important; box-shadow:none!important; } html.ftx-home-final #ftx-final-home-shell .fh-actions .fh-primary:hover{ background:#078f63!important; color:#fff!important; } html.ftx-home-final #ftx-final-home-shell .fh-actions .fh-secondary{ background:#fff!important; color:#102b45!important; border:1px solid #d5e1df!important; } /* Snapshot is HTML only — no character, no pseudo art, no entity text. */ html.ftx-home-final #ftx-final-home-shell .ftx-final-snapshot{ width:min(100%,500px)!important; min-height:330px!important; margin-left:auto!important; padding:30px!important; background:#fff!important; border:1px solid #d9e6e2!important; border-radius:22px!important; overflow:hidden!important; position:relative!important; box-shadow:0 16px 40px rgba(13,45,67,.07)!important; } html.ftx-home-final #ftx-final-home-shell .ftx-snapshot-row{ padding:20px 0!important; } html.ftx-home-final #ftx-final-home-shell .ftx-snapshot-row strong{ font-size:24px!important; color:#102b45!important; } html.ftx-home-final #ftx-final-home-shell .ftx-snapshot-row.positive strong{ color:#0a9f74!important; } /* Planning: tighter so homepage does not feel endless. */ html.ftx-home-final #ftx-final-home-shell #ftx-planning{ padding:42px 0 40px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-section-title{ margin-bottom:20px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-section-title h2{ font-size:36px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-card{ min-height:112px!important; } /* People: concise final section. */ html.ftx-home-final #ftx-final-home-shell .fh-people{ padding:44px 0 52px!important; } html.ftx-home-final #ftx-final-home-shell .fh-heading-row{ margin-bottom:20px!important; } html.ftx-home-final #ftx-final-home-shell .fh-heading-row h2{ font-size:36px!important; } html.ftx-home-final #ftx-final-home-shell .fh-person-card{ min-height:300px!important; } /* Prevent accidental SVG/emoji/image layers inside the authoritative shell. */ html.ftx-home-final #ftx-final-home-shell svg, html.ftx-home-final #ftx-final-home-shell img, html.ftx-home-final #ftx-final-home-shell .emoji{ display:none!important; } /* Mobile */ @media(max-width:850px){ html.ftx-home-final #ftx-final-home-shell .ftx-pro-nav{ width:calc(100% - 28px)!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-grid{ grid-template-columns:1fr!important; min-height:0!important; padding-bottom:35px!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-copy{ padding:38px 0 10px!important; } html.ftx-home-final #ftx-final-home-shell .ftx-final-snapshot{ width:100%!important; margin:0!important; } } @media(max-width:620px){ html.ftx-home-final #ftx-final-home-shell .ftx-brand-name{ font-size:24px!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-copy h1{ font-size:43px!important; letter-spacing:-2px!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-copy>p{ font-size:16px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-grid{ grid-template-columns:1fr!important; } html.ftx-home-final #ftx-final-home-shell .fh-people-grid{ grid-template-columns:1fr!important; } } /* FINTAXTICAL HUMAN CHARACTER SYSTEM — self-contained CSS illustration */ #ftx-final-home-shell .ftx-hero-character-scene{ position:relative!important;width:min(100%,500px)!important;height:390px!important; margin-left:auto!important;overflow:hidden!important;border-radius:24px!important; border:1px solid #d5e6e0!important; background:linear-gradient(160deg,#eaf6f2 0%,#f9fcfb 70%,#e9f1f8 100%)!important; box-shadow:0 15px 40px rgba(15,47,65,.07)!important; } #ftx-final-home-shell .ftx-scene-sun{ position:absolute!important;width:92px!important;height:92px!important;border-radius:50%!important; right:54px!important;top:30px!important;background:#ffe2a6!important; } #ftx-final-home-shell .ftx-character-hero{ position:absolute!important;left:50%!important;bottom:22px!important;width:170px!important;height:310px!important; transform:translateX(-50%)!important;z-index:4!important;animation:ftx-breathe 3.8s ease-in-out infinite!important; } #ftx-final-home-shell .ftx-character-hero .ftx-hair{ position:absolute!important;left:49px!important;top:0!important;width:75px!important;height:43px!important; background:#172637!important;border-radius:48px 48px 22px 22px!important;z-index:5!important; } #ftx-final-home-shell .ftx-character-hero .ftx-face{ position:absolute!important;left:48px!important;top:22px!important;width:78px!important;height:83px!important; background:#b97855!important;border-radius:44%!important;z-index:4!important; } #ftx-final-home-shell .ftx-character-hero .eye{ position:absolute!important;top:50px!important;width:6px!important;height:8px!important; background:#172637!important;border-radius:50%!important;animation:ftx-blink 5s infinite!important; } #ftx-final-home-shell .ftx-character-hero .eye.e1{left:22px!important} #ftx-final-home-shell .ftx-character-hero .eye.e2{right:22px!important} #ftx-final-home-shell .ftx-character-hero .brow{ position:absolute!important;top:41px!important;width:17px!important;height:3px!important; background:#694031!important;border-radius:3px!important; } #ftx-final-home-shell .ftx-character-hero .brow.b1{left:16px!important} #ftx-final-home-shell .ftx-character-hero .brow.b2{right:16px!important} #ftx-final-home-shell .ftx-character-hero .mouth{ position:absolute!important;left:31px!important;top:68px!important;width:17px!important;height:6px!important; border-bottom:2px solid #693c32!important;border-radius:0 0 15px 15px!important; } #ftx-final-home-shell .ftx-character-hero .ftx-neck{ position:absolute!important;left:73px!important;top:98px!important;width:28px!important;height:30px!important; background:#b97855!important;border-radius:0 0 12px 12px!important; } #ftx-final-home-shell .ftx-character-hero .ftx-shirt{ position:absolute!important;left:25px!important;top:117px!important;width:120px!important;height:115px!important; background:#1c587d!important;border-radius:27px 27px 18px 18px!important; display:grid!important;place-items:center!important;color:#fff!important;font-size:14px!important;font-weight:900!important; } #ftx-final-home-shell .ftx-character-hero .ftx-arm{ position:absolute!important;top:132px!important;width:27px!important;height:105px!important; background:#b97855!important;border-radius:20px!important;z-index:3!important;transform-origin:top center!important; } #ftx-final-home-shell .ftx-character-hero .arm-left{left:7px!important;transform:rotate(23deg)!important} #ftx-final-home-shell .ftx-character-hero .arm-right{right:7px!important;transform:rotate(-24deg)!important;animation:ftx-wave 3.8s ease-in-out infinite!important} #ftx-final-home-shell .ftx-character-hero .ftx-hand{ position:absolute!important;width:28px!important;height:28px!important;border-radius:50%!important; background:#b97855!important;z-index:4!important; } #ftx-final-home-shell .ftx-character-hero .hand-left{left:0!important;top:225px!important} #ftx-final-home-shell .ftx-character-hero .hand-right{right:0!important;top:225px!important} #ftx-final-home-shell .ftx-character-hero .ftx-leg{ position:absolute!important;top:218px!important;width:37px!important;height:72px!important; background:#25394d!important;border-radius:0 0 16px 16px!important; } #ftx-final-home-shell .ftx-character-hero .leg-left{left:45px!important} #ftx-final-home-shell .ftx-character-hero .leg-right{right:45px!important} #ftx-final-home-shell .ftx-character-hero .ftx-shoe{ position:absolute!important;top:280px!important;width:49px!important;height:19px!important; background:#172637!important;border-radius:16px!important; } #ftx-final-home-shell .ftx-character-hero .shoe-left{left:31px!important} #ftx-final-home-shell .ftx-character-hero .shoe-right{right:31px!important} #ftx-final-home-shell .ftx-money-card{ position:absolute!important;z-index:7!important;width:145px!important;padding:12px 13px!important; border-radius:12px!important;background:#fff!important;border:1px solid #dce9e5!important; box-shadow:0 10px 24px rgba(15,47,65,.09)!important; } #ftx-final-home-shell .ftx-money-card small{display:block!important;font-size:8px!important;letter-spacing:.8px!important;font-weight:900!important;color:#71818c!important} #ftx-final-home-shell .ftx-money-card strong{display:block!important;margin-top:4px!important;font-size:19px!important;color:#102b45!important} #ftx-final-home-shell .ftx-money-card span{display:block!important;margin-top:3px!important;font-size:9px!important;color:#87959d!important} #ftx-final-home-shell .card-income{left:17px!important;top:27px!important} #ftx-final-home-shell .card-expense{right:15px!important;top:158px!important} #ftx-final-home-shell .card-plan{left:24px!important;bottom:20px!important} #ftx-final-home-shell .card-plan strong{color:#08a878!important} #ftx-final-home-shell .ftx-scene-question{ position:absolute!important;right:20px!important;bottom:22px!important;z-index:8!important; display:flex!important;align-items:center!important;gap:7px!important;max-width:132px!important; padding:10px 12px!important;border-radius:11px!important;background:#09243c!important;color:#fff!important; } #ftx-final-home-shell .ftx-scene-question b{ display:grid!important;place-items:center!important;width:22px!important;height:22px!important; border-radius:50%!important;background:#09ad7a!important;color:#fff!important;font-size:13px!important; } #ftx-final-home-shell .ftx-scene-question span{font-size:9px!important;line-height:1.3!important} #ftx-final-home-shell .ftx-character-card-visual{ position:relative!important;height:145px!important;overflow:hidden!important;display:block!important; border-bottom:1px solid #e0ebe7!important;background:linear-gradient(160deg,#eef8f5,#eaf2f7)!important; } #ftx-final-home-shell .ftx-character-card-visual.priya{background:linear-gradient(160deg,#f1edff,#eef4fb)!important} #ftx-final-home-shell .ftx-character-card-visual.family{background:linear-gradient(160deg,#fff2e8,#f3f6fa)!important} #ftx-final-home-shell .ftx-character-card-visual.arjun{background:linear-gradient(160deg,#eaf5fb,#eef8f4)!important} #ftx-final-home-shell .ftx-character-card-visual.meera{background:linear-gradient(160deg,#eef7f2,#f5f5ee)!important} #ftx-final-home-shell .ftx-mini-character{ position:absolute!important;left:50%!important;bottom:-6px!important;width:105px!important;height:138px!important;transform:translateX(-50%)!important; } #ftx-final-home-shell .ftx-mini-hair{ position:absolute!important;left:31px!important;top:0!important;width:45px!important;height:30px!important; background:#172637!important;border-radius:28px 28px 12px 12px!important;z-index:4!important; } #ftx-final-home-shell .ftx-mini-hair.long{width:53px!important;left:27px!important;height:52px!important;border-radius:30px!important} #ftx-final-home-shell .ftx-mini-hair.grey{width:52px!important;left:27px!important;height:42px!important;background:#b7bec1!important;border-radius:28px!important} #ftx-final-home-shell .ftx-mini-face{ position:absolute!important;left:30px!important;top:16px!important;width:47px!important;height:52px!important; background:#b97855!important;border-radius:45%!important;z-index:3!important; } #ftx-final-home-shell .ftx-mini-character .eye{ position:absolute!important;top:29px!important;width:4px!important;height:6px!important;background:#172637!important; border-radius:50%!important;animation:ftx-blink 5s infinite!important; } #ftx-final-home-shell .ftx-mini-character .eye.e1{left:13px!important} #ftx-final-home-shell .ftx-mini-character .eye.e2{right:13px!important} #ftx-final-home-shell .ftx-mini-character .brow{ position:absolute!important;top:23px!important;width:10px!important;height:2px!important;background:#694031!important;border-radius:2px!important; } #ftx-final-home-shell .ftx-mini-character .brow.b1{left:9px!important} #ftx-final-home-shell .ftx-mini-character .brow.b2{right:9px!important} #ftx-final-home-shell .ftx-mini-character .mouth{ position:absolute!important;left:19px!important;top:40px!important;width:10px!important;height:4px!important; border-bottom:2px solid #693c32!important;border-radius:0 0 10px 10px!important; } #ftx-final-home-shell .ftx-mini-character.thinking .mouth{border-bottom:0!important;border-top:2px solid #693c32!important} #ftx-final-home-shell .ftx-mini-neck{ position:absolute!important;left:46px!important;top:62px!important;width:16px!important;height:14px!important;background:#b97855!important; } #ftx-final-home-shell .ftx-mini-body{ position:absolute!important;left:19px!important;top:72px!important;width:67px!important;height:66px!important; border-radius:18px 18px 0 0!important;background:#1c587d!important; } #ftx-final-home-shell .ftx-mini-body.purple{background:#7356c6!important} #ftx-final-home-shell .ftx-mini-body.teal{background:#19706b!important} #ftx-final-home-shell .ftx-mini-body.green{background:#3d765f!important} #ftx-final-home-shell .ftx-mini-body.coral{background:#cc7050!important} #ftx-final-home-shell .ftx-mini-arm{ position:absolute!important;top:77px!important;width:15px!important;height:55px!important;border-radius:14px!important; background:#b97855!important;z-index:2!important;transform-origin:top center!important; } #ftx-final-home-shell .ftx-mini-arm.left{left:9px!important;transform:rotate(24deg)!important} #ftx-final-home-shell .ftx-mini-arm.right{right:9px!important;transform:rotate(-20deg)!important} #ftx-final-home-shell .ftx-character-card-visual.family .family-one{ left:43%!important;transform:translateX(-50%) scale(.84)!important; } #ftx-final-home-shell .ftx-character-card-visual.family .family-two{ left:62%!important;transform:translateX(-50%) scale(.84)!important; } #ftx-final-home-shell .ftx-character-card-visual.family .family-two .ftx-mini-body{background:#2d6b8d!important} #ftx-final-home-shell .ftx-mini-child{ position:absolute!important;left:51%!important;bottom:7px!important;width:28px!important;height:38px!important; background:#f0b54d!important;border-radius:14px 14px 6px 6px!important;z-index:5!important; } #ftx-final-home-shell .fh-person-card:hover .ftx-mini-character{animation:ftx-card-greet .7s ease-in-out both!important} #ftx-final-home-shell .fh-person-card:hover .ftx-mini-arm.right{animation:ftx-card-wave .7s ease-in-out both!important} @keyframes ftx-breathe{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-4px)}} @keyframes ftx-wave{0%,100%{transform:rotate(-24deg)}50%{transform:rotate(-34deg)}} @keyframes ftx-blink{0%,45%,48%,100%{transform:scaleY(1)}46%,47%{transform:scaleY(.15)}} @keyframes ftx-card-greet{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-3px)}} @keyframes ftx-card-wave{0%,100%{transform:rotate(-20deg)}50%{transform:rotate(-42deg)}} @media(prefers-reduced-motion:reduce){ #ftx-final-home-shell .ftx-character-hero, #ftx-final-home-shell .ftx-character-hero .arm-right, #ftx-final-home-shell .ftx-mini-character, #ftx-final-home-shell .ftx-mini-character .eye{animation:none!important} } @media(max-width:650px){ #ftx-final-home-shell .ftx-hero-character-scene{height:345px!important} #ftx-final-home-shell .ftx-character-hero{transform:translateX(-50%) scale(.88)!important;transform-origin:bottom center!important} #ftx-final-home-shell .ftx-money-card{width:122px!important;padding:9px!important} #ftx-final-home-shell .ftx-money-card strong{font-size:16px!important} #ftx-final-home-shell .card-income{left:8px!important;top:15px!important} #ftx-final-home-shell .card-expense{right:7px!important;top:120px!important} #ftx-final-home-shell .card-plan{left:9px!important;bottom:10px!important} #ftx-final-home-shell .ftx-scene-question{right:8px!important;bottom:10px!important} } #ftx-final-home-shell .ftx-avatar-clean{display:none!important} /* ========================================================== FINTAXTICAL IMAGE CHARACTER FALLBACK Uses embedded PNG data so characters do NOT depend on external URLs, SVG rendering, fonts, or JS. ========================================================== */ #ftx-final-home-shell .ftx-hero-image-fallback{ position:relative!important; width:min(100%,500px)!important; height:390px!important; margin-left:auto!important; overflow:hidden!important; border-radius:24px!important; background:#EAF6F2!important; border:1px solid #D5E6E0!important; box-shadow:0 15px 40px rgba(15,47,65,.07)!important; } #ftx-final-home-shell .ftx-hero-real-image{ display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; max-width:none!important; opacity:1!important; visibility:visible!important; } #ftx-final-home-shell .ftx-character-image{ position:relative!important; width:100%!important; height:145px!important; overflow:hidden!important; display:block!important; border-bottom:1px solid #E0EBE7!important; background:#EEF8F5!important; } #ftx-final-home-shell .ftx-character-image.priya{background:#F1EDFF!important} #ftx-final-home-shell .ftx-character-image.family{background:#FFF2E8!important} #ftx-final-home-shell .ftx-character-image.arjun{background:#EAF5FB!important} #ftx-final-home-shell .ftx-character-image.meera{background:#EEF7F2!important} #ftx-final-home-shell .ftx-character-image img{ display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; max-width:none!important; opacity:1!important; visibility:visible!important; } #ftx-final-home-shell .fh-person-card:hover .ftx-character-image img{ transform:scale(1.025)!important; transition:transform .35s ease!important; } @media(max-width:650px){ #ftx-final-home-shell .ftx-hero-image-fallback{ height:345px!important; width:100%!important; } } /* FINAL GENERATED CHARACTER ARTWORK */ #ftx-final-home-shell .ftx-hero-real-image{ display:block!important;width:100%!important;height:100%!important; object-fit:cover!important;object-position:center top!important; opacity:1!important;visibility:visible!important; animation:ftxHeroFloat 5s ease-in-out infinite!important; } #ftx-final-home-shell .ftx-character-image img{ display:block!important;width:100%!important;height:100%!important; object-fit:cover!important;object-position:center top!important; opacity:1!important;visibility:visible!important; transition:transform .35s ease!important; } #ftx-final-home-shell .fh-person-card:hover .ftx-character-image img{ transform:scale(1.035) translateY(-2px)!important; } @keyframes ftxHeroFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} } @media(prefers-reduced-motion:reduce){ #ftx-final-home-shell .ftx-hero-real-image{animation:none!important} } /* ========================================================= EXACT REFERENCE CHARACTER ART — FINAL VISUAL OVERRIDE ========================================================= */ #ftx-final-home-shell .ftx-hero-image-fallback{ width:min(100%,560px)!important; height:395px!important; padding:0!important; overflow:hidden!important; background:#EAF7F3!important; border:1px solid #D3E5DF!important; border-radius:26px!important; } #ftx-final-home-shell .ftx-hero-real-image{ width:100%!important; height:100%!important; display:block!important; object-fit:cover!important; object-position:center center!important; opacity:1!important; visibility:visible!important; animation:none!important; } #ftx-final-home-shell .ftx-character-image{ height:154px!important; overflow:hidden!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; background:#EEF8F5!important; } #ftx-final-home-shell .ftx-character-image.priya{background:#F2EEFF!important} #ftx-final-home-shell .ftx-character-image.family{background:#FFF2E9!important} #ftx-final-home-shell .ftx-character-image.arjun{background:#EAF5FC!important} #ftx-final-home-shell .ftx-character-image.meera{background:#EEF7F2!important} #ftx-final-home-shell .ftx-character-image img{ width:100%!important; height:100%!important; max-width:none!important; display:block!important; object-fit:cover!important; object-position:center 44%!important; opacity:1!important; visibility:visible!important; transform:none!important; } #ftx-final-home-shell .fh-person-card:hover .ftx-character-image img{ transform:scale(1.015)!important; } @media(max-width:900px){ #ftx-final-home-shell .ftx-hero-image-fallback{height:360px!important} } @media(max-width:650px){ #ftx-final-home-shell .ftx-hero-image-fallback{ width:100%!important;height:330px!important; } #ftx-final-home-shell .ftx-character-image{height:145px!important} } /* FINAL CLEANUP: hide legacy Blogger chrome; keep Fintaxtical custom UI */ #header-wrapper,#footer-wrapper{display:none!important;} /* CHARACTER FRAMING — full generated artwork, no unwanted crop */ #ftx-final-home-shell .ftx-character-image{ height:145px!important; overflow:hidden!important; display:flex!important; align-items:flex-end!important; justify-content:center!important; } #ftx-final-home-shell .ftx-character-image img{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center bottom!important; display:block!important; margin:0!important; opacity:1!important; visibility:visible!important; } #ftx-final-home-shell .ftx-hero-real-image{ object-fit:cover!important; object-position:center!important; } /* FINAL CARD ART FIX — no crop overflow / no black extension */ #ftx-final-home-shell .ftx-character-image{ height:145px!important; overflow:hidden!important; display:flex!important; align-items:center!important; justify-content:center!important; background:transparent!important; } #ftx-final-home-shell .ftx-character-image img{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center center!important; display:block!important; margin:0!important; opacity:1!important; visibility:visible!important; } /* ========================================================= FINTAXTICAL — FINAL VISUAL POLISH Decision section: lighter, tighter, more editorial. Character cards: restore embedded artwork explicitly. ========================================================= */ html.ftx-home-final #ftx-final-home-shell #ftx-planning{ background:#f6faf8!important; border-top:1px solid #e3eee9!important; border-bottom:1px solid #e3eee9!important; padding:42px 0 44px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-section-title{ margin-bottom:24px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-section-title span{ color:#08a976!important; font-size:10px!important; font-weight:900!important; letter-spacing:2px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-section-title h2{ color:#102b45!important; font-size:34px!important; line-height:1.12!important; letter-spacing:-.9px!important; margin:7px 0 0!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-card{ min-height:88px!important; height:88px!important; padding:14px 16px!important; border-radius:13px!important; background:#fff!important; border:1px solid #dce9e4!important; box-shadow:0 4px 16px rgba(16,43,69,.045)!important; color:#102b45!important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-card:hover{ transform:translateY(-2px)!important; border-color:#b8ddcf!important; box-shadow:0 10px 24px rgba(16,43,69,.09)!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-card strong{ color:#102b45!important; font-size:15px!important; line-height:1.2!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-card p{ color:#687d8d!important; font-size:10px!important; line-height:1.35!important; margin:4px 0 0!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-card>b{ color:#0aa879!important; font-size:20px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-planning-note{ color:#6c7f8e!important; font-size:11px!important; margin:18px 0 0!important; } /* Character artwork must be visible. This intentionally overrides the older generic "hide all images" cleanup rule. */ html.ftx-home-final #ftx-final-home-shell .ftx-character-image img{ display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center center!important; visibility:visible!important; opacity:1!important; } html.ftx-home-final #ftx-final-home-shell .ftx-character-image{ display:flex!important; align-items:center!important; justify-content:center!important; height:145px!important; overflow:hidden!important; } /* Keep the people section compact and visually connected to the decision hub. */ html.ftx-home-final #ftx-final-home-shell .fh-people{ padding:44px 0 50px!important; } html.ftx-home-final #ftx-final-home-shell .fh-heading-row{ margin-bottom:20px!important; } html.ftx-home-final #ftx-final-home-shell .fh-heading-row h2{ font-size:35px!important; } /* Desktop */ @media(min-width:851px){ html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-pro-container{ max-width:1120px!important; } } /* Tablet/mobile */ @media(max-width:850px){ html.ftx-home-final #ftx-final-home-shell #ftx-planning{ padding:34px 0 38px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-section-title h2{ font-size:30px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:560px){ html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-grid{ grid-template-columns:1fr!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-card{ height:auto!important; min-height:76px!important; } } /* ========================================================= FINTAXTICAL — CONSOLIDATED PROFESSIONAL FINAL OVERRIDES Rule: fix the problem, preserve what already works. ========================================================= */ /* ---------- Global ---------- */ html.ftx-home-final, html.ftx-home-final body{ overflow-x:hidden!important; } html.ftx-home-final #ftx-final-home-shell{ width:100%!important; max-width:none!important; overflow:hidden!important; } html.ftx-home-final #ftx-final-home-shell *{ box-sizing:border-box!important; } /* ---------- Header: stable, readable, no dropdown flicker ---------- */ html.ftx-home-final #ftx-final-home-shell .ftx-pro-header{ position:relative!important; z-index:5000!important; background:#071b33!important; } html.ftx-home-final #ftx-final-home-shell .ftx-pro-nav{ min-height:80px!important; padding:0 clamp(20px,3vw,36px)!important; } html.ftx-home-final #ftx-final-home-shell .ftx-main-nav{ gap:22px!important; } html.ftx-home-final #ftx-final-home-shell .ftx-nav-dropdown{ position:relative!important; padding-bottom:8px!important; margin-bottom:-8px!important; } html.ftx-home-final #ftx-final-home-shell .ftx-dropdown-menu{ position:absolute!important; top:calc(100% + 2px)!important; left:50%!important; transform:translateX(-50%) translateY(4px)!important; min-width:190px!important; padding:8px!important; border-radius:12px!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; transition:opacity .15s ease,transform .15s ease,visibility .15s ease!important; } html.ftx-home-final #ftx-final-home-shell .ftx-nav-dropdown:hover .ftx-dropdown-menu, html.ftx-home-final #ftx-final-home-shell .ftx-nav-dropdown:focus-within .ftx-dropdown-menu{ opacity:1!important; visibility:visible!important; pointer-events:auto!important; transform:translateX(-50%) translateY(0)!important; } html.ftx-home-final #ftx-final-home-shell .ftx-dropdown-menu a{ display:block!important; padding:9px 10px!important; border-radius:8px!important; white-space:nowrap!important; } html.ftx-home-final #ftx-final-home-shell .ftx-dropdown-menu a:hover{ background:#f0f7f4!important; color:#079f74!important; } html.ftx-home-final #ftx-final-home-shell .ftx-header-actions{ gap:12px!important; } html.ftx-home-final #ftx-final-home-shell .ftx-header-cta{ min-width:96px!important; } /* ---------- Hero: keep it premium and compact ---------- */ html.ftx-home-final #ftx-final-home-shell .fh-hero{ min-height:455px!important; background:#f4faf8!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-grid{ min-height:455px!important; grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr)!important; gap:42px!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-copy{ padding:42px 0!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-copy h1{ font-size:clamp(50px,5.2vw,70px)!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-copy>p{ max-width:590px!important; font-size:17px!important; } html.ftx-home-final #ftx-final-home-shell .ftx-hero-image-fallback{ width:100%!important; max-width:520px!important; height:360px!important; margin-left:auto!important; overflow:hidden!important; border-radius:22px!important; background:#e9f4f1!important; border:1px solid #d4e6e0!important; box-shadow:0 12px 32px rgba(16,43,69,.07)!important; } html.ftx-home-final #ftx-final-home-shell .ftx-hero-real-image{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; display:block!important; } /* ---------- Decision hub: light, compact, premium ---------- */ html.ftx-home-final #ftx-final-home-shell #ftx-planning{ background:#f7faf9!important; color:#102b45!important; border-top:1px solid #e4eeea!important; border-bottom:1px solid #e4eeea!important; padding:40px 0 42px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-section-title{ margin:0 0 22px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-section-title span{ color:#079f74!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-section-title h2{ color:#102b45!important; font-size:34px!important; margin:6px 0 0!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-card{ min-height:92px!important; height:92px!important; padding:14px 16px!important; display:grid!important; grid-template-columns:46px minmax(0,1fr) 18px!important; align-items:center!important; gap:12px!important; border-radius:14px!important; background:#fff!important; border:1px solid #dce9e4!important; box-shadow:0 3px 12px rgba(16,43,69,.035)!important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-card:hover{ transform:translateY(-2px)!important; border-color:#b7dacc!important; box-shadow:0 10px 24px rgba(16,43,69,.09)!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-icon{ width:46px!important; height:46px!important; display:grid!important; place-items:center!important; border-radius:12px!important; font-size:19px!important; font-weight:800!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-card strong{ display:block!important; color:#102b45!important; font-size:15px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-card p{ margin:4px 0 0!important; color:#6a7f8d!important; font-size:10px!important; line-height:1.35!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-card>b{ color:#08a878!important; font-size:19px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-planning-note{ margin:16px 0 0!important; color:#6a7f8d!important; font-size:11px!important; } /* ---------- People: real artwork, clean framing, no black bars ---------- */ html.ftx-home-final #ftx-final-home-shell .fh-people{ background:#fff!important; padding:44px 0 48px!important; } html.ftx-home-final #ftx-final-home-shell .fh-heading-row{ margin-bottom:20px!important; } html.ftx-home-final #ftx-final-home-shell .fh-heading-row h2{ color:#102b45!important; font-size:35px!important; } html.ftx-home-final #ftx-final-home-shell .fh-heading-row p{ color:#657b8a!important; } html.ftx-home-final #ftx-final-home-shell .fh-people-grid{ grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:12px!important; } html.ftx-home-final #ftx-final-home-shell .fh-person-card{ border:1px solid #dfe9e5!important; border-radius:14px!important; background:#fff!important; box-shadow:0 3px 12px rgba(16,43,69,.025)!important; transition:transform .18s ease,box-shadow .18s ease!important; } html.ftx-home-final #ftx-final-home-shell .fh-person-card:hover{ transform:translateY(-3px)!important; box-shadow:0 12px 28px rgba(16,43,69,.09)!important; } html.ftx-home-final #ftx-final-home-shell .ftx-character-image{ width:100%!important; height:150px!important; overflow:hidden!important; display:flex!important; align-items:center!important; justify-content:center!important; background:#eef6f3!important; } html.ftx-home-final #ftx-final-home-shell .ftx-character-image img{ width:100%!important; height:100%!important; display:block!important; visibility:visible!important; opacity:1!important; object-fit:cover!important; object-position:center!important; margin:0!important; } html.ftx-home-final #ftx-final-home-shell .fh-person-info{ min-height:148px!important; padding:14px 15px 15px!important; } html.ftx-home-final #ftx-final-home-shell .fh-person-info h3{ color:#079f74!important; font-size:15px!important; } html.ftx-home-final #ftx-final-home-shell .fh-person-info p{ color:#687d8d!important; font-size:10px!important; } html.ftx-home-final #ftx-final-home-shell .fh-person-info b{ color:#079f74!important; font-size:10px!important; } /* ---------- Footer: cleaner finish ---------- */ html.ftx-home-final #ftx-final-home-shell .ftx-pro-footer{ background:#071b33!important; padding:34px 0 20px!important; } html.ftx-home-final #ftx-final-home-shell .ftx-footer-top{ align-items:flex-start!important; } html.ftx-home-final #ftx-final-home-shell .ftx-footer-links{ gap:70px!important; } html.ftx-home-final #ftx-final-home-shell .ftx-footer-bottom{ margin-top:22px!important; } /* ---------- Responsive ---------- */ @media(max-width:950px){ html.ftx-home-final #ftx-final-home-shell .ftx-main-nav{ gap:12px!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-grid{ grid-template-columns:1fr!important; min-height:auto!important; padding:28px 0 42px!important; } html.ftx-home-final #ftx-final-home-shell .ftx-hero-image-fallback{ margin:0 auto!important; max-width:560px!important; } html.ftx-home-final #ftx-final-home-shell .fh-people-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } } @media(max-width:700px){ html.ftx-home-final #ftx-final-home-shell .ftx-main-nav{ display:none!important; } html.ftx-home-final #ftx-final-home-shell .fh-hero-copy h1{ font-size:45px!important; letter-spacing:-2.2px!important; } html.ftx-home-final #ftx-final-home-shell .fh-actions{ flex-direction:column!important; align-items:stretch!important; } html.ftx-home-final #ftx-final-home-shell .fh-actions a{ width:100%!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } html.ftx-home-final #ftx-final-home-shell .fh-people-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } html.ftx-home-final #ftx-final-home-shell .fh-heading-row{ display:block!important; } html.ftx-home-final #ftx-final-home-shell .fh-link{ display:inline-block!important; margin-top:10px!important; } } @media(max-width:520px){ html.ftx-home-final #ftx-final-home-shell .ftx-pro-nav{ min-height:68px!important; padding:0 16px!important; } html.ftx-home-final #ftx-final-home-shell .ftx-brand-name{ font-size:22px!important; } html.ftx-home-final #ftx-final-home-shell .ftx-brand small{ font-size:8px!important; } html.ftx-home-final #ftx-final-home-shell .ftx-header-cta{ display:none!important; } html.ftx-home-final #ftx-final-home-shell .fh-wrap, html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-pro-container{ width:calc(100% - 28px)!important; } html.ftx-home-final #ftx-final-home-shell .ftx-hero-image-fallback{ height:290px!important; border-radius:18px!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-grid{ grid-template-columns:1fr!important; } html.ftx-home-final #ftx-final-home-shell #ftx-planning .ftx-plan-card{ height:auto!important; min-height:76px!important; } html.ftx-home-final #ftx-final-home-shell .fh-people-grid{ grid-template-columns:1fr!important; } } /* Prevent legacy Blogger content from leaking into the homepage. */ html.ftx-home-final #header-wrapper, html.ftx-home-final #footer-wrapper{ display:none!important; } /* ---------- GLOBAL LEGACY TEMPLATE CLEANUP ---------- */ /* The new product footer owns the homepage. Old Blogger furniture must not compete with it or show third-party template branding. */ html.ftx-home-final #footer-wrapper, html.ftx-home-final #sidebar-wrapper, html.ftx-home-final #sidebar, html.ftx-home-final .sidebar, html.ftx-home-final .footer-section{ display:none!important; } html.ftx-home-final .copyright-text #edgytemplates, html.ftx-home-final .copyright-text a[href*='bloggertemplate'], html.ftx-home-final .copyright-text a[href*='edgytemplates'], html.ftx-home-final .copyright-text a[href*='templateify'], html.ftx-home-final .copyright-text a[href*='gooyaabitemplates']{ display:none!important; } /* Keep homepage content isolated from legacy Blogger widgets. */ html.ftx-home-final #ftx-final-home-shell + *{ display:none!important; } /* Do not let generic Blogger widget typography override the product UI. */ html.ftx-home-final #ftx-final-home-shell .widget, html.ftx-home-final #ftx-final-home-shell .widget-content{ font-family:inherit!important; } /* ========================================================= MY BLOGS — LEVELLED LEARNING HUB Beginner → Intermediate → Advanced ========================================================= */ #ftx-final-home-shell .ftx-my-blogs{ background:#f7faf9!important; border-top:1px solid #e4eeea!important; padding:52px 0 44px!important; } #ftx-final-home-shell .ftx-my-blogs .ftx-section-title{ max-width:760px!important; margin:0 auto 28px!important; } #ftx-final-home-shell .ftx-my-blogs .ftx-section-title h2{ color:#102b45!important; font-size:38px!important; margin:7px 0 8px!important; } #ftx-final-home-shell .ftx-my-blogs .ftx-section-title p{ color:#687d8d!important; font-size:14px!important; line-height:1.6!important; margin:0!important; } #ftx-final-home-shell .ftx-blog-levels{ display:grid!important; gap:16px!important; } #ftx-final-home-shell .ftx-blog-level{ background:#fff!important; border:1px solid #dfeae5!important; border-radius:18px!important; padding:22px!important; box-shadow:0 4px 16px rgba(16,43,69,.035)!important; } #ftx-final-home-shell .ftx-blog-level-head{ display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:24px!important; margin-bottom:17px!important; } #ftx-final-home-shell .ftx-blog-level-badge{ display:inline-block!important; font-size:10px!important; font-weight:800!important; letter-spacing:1.1px!important; color:#079f74!important; margin-bottom:5px!important; } #ftx-final-home-shell .ftx-blog-level-head h3{ margin:0!important; color:#102b45!important; font-size:22px!important; } #ftx-final-home-shell .ftx-blog-level-head p{ margin:6px 0 0!important; color:#6b7f8d!important; font-size:12px!important; line-height:1.5!important; max-width:690px!important; } #ftx-final-home-shell .ftx-blog-level-head>a{ flex:0 0 auto!important; color:#079f74!important; font-weight:800!important; font-size:11px!important; text-decoration:none!important; padding-top:5px!important; } #ftx-final-home-shell .ftx-blog-topic-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; } #ftx-final-home-shell .ftx-blog-topic-grid>a{ display:flex!important; flex-direction:column!important; min-height:100px!important; padding:14px!important; border:1px solid #e3ece8!important; border-radius:12px!important; background:#fbfdfc!important; text-decoration:none!important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important; } #ftx-final-home-shell .ftx-blog-topic-grid>a:hover{ transform:translateY(-2px)!important; border-color:#b8dccf!important; box-shadow:0 8px 20px rgba(16,43,69,.07)!important; } #ftx-final-home-shell .ftx-blog-topic-grid strong{ color:#102b45!important; font-size:13px!important; margin-bottom:6px!important; } #ftx-final-home-shell .ftx-blog-topic-grid span{ color:#718491!important; font-size:10px!important; line-height:1.45!important; } #ftx-final-home-shell .ftx-blog-bottom{ display:flex!important; align-items:center!important; justify-content:center!important; flex-wrap:wrap!important; gap:10px!important; margin-top:22px!important; color:#718491!important; font-size:11px!important; } #ftx-final-home-shell .ftx-blog-bottom a{ color:#079f74!important; font-weight:800!important; text-decoration:none!important; } #ftx-final-home-shell .ftx-blog-bottom .ftx-blog-all{ padding-left:8px!important; border-left:1px solid #ccdcd6!important; } #ftx-final-home-shell .ftx-blogs-dropdown{ min-width:180px!important; } @media(max-width:900px){ #ftx-final-home-shell .ftx-blog-topic-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:700px){ #ftx-final-home-shell .ftx-blog-level{ padding:17px!important; } #ftx-final-home-shell .ftx-blog-level-head{ display:block!important; } #ftx-final-home-shell .ftx-blog-level-head>a{ display:inline-block!important; margin-top:10px!important; } } @media(max-width:520px){ #ftx-final-home-shell .ftx-my-blogs{ padding:40px 0 34px!important; } #ftx-final-home-shell .ftx-my-blogs .ftx-section-title h2{ font-size:31px!important; } #ftx-final-home-shell .ftx-blog-topic-grid{ grid-template-columns:1fr!important; } #ftx-final-home-shell .ftx-blog-bottom{ justify-content:flex-start!important; } #ftx-final-home-shell .ftx-blog-bottom .ftx-blog-all{ border-left:0!important; padding-left:0!important; width:100%!important; } } /* Existing historical finance library inside My Blogs */ #ftx-final-home-shell .ftx-existing-library{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:7px!important; margin-top:15px!important; padding-top:14px!important; border-top:1px solid #e7efec!important; } #ftx-final-home-shell .ftx-existing-library>span{ color:#81929d!important; font-size:10px!important; font-weight:700!important; margin-right:2px!important; } #ftx-final-home-shell .ftx-existing-library>a{ color:#4f6c79!important; background:#f2f7f5!important; border:1px solid #dce9e4!important; border-radius:999px!important; padding:5px 9px!important; font-size:9px!important; font-weight:700!important; text-decoration:none!important; } #ftx-final-home-shell .ftx-existing-library>a:hover{ color:#079f74!important; border-color:#b8dacc!important; background:#fff!important; } /* SEO/accessibility semantic intro */ #ftx-final-home-shell .ftx-semantic-intro{ position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } /* ========================================================= STEP 5 — CONTROLLED MONETIZATION One premium homepage ad position. It remains absent until an actual AdSense client is connected. ========================================================= */ #ftx-final-home-shell .ftx-home-monetization-slot{ width:100%!important; background:#fff!important; border-top:1px solid #edf2ef!important; border-bottom:1px solid #edf2ef!important; padding:18px 14px!important; } #ftx-final-home-shell .ftx-home-ad-inner{ width:min(980px,100%)!important; min-height:90px!important; margin:0 auto!important; text-align:center!important; overflow:hidden!important; } #ftx-final-home-shell .ftx-home-ad-inner>span{ display:block!important; margin-bottom:6px!important; color:#9aa6ad!important; font-size:8px!important; letter-spacing:1.2px!important; font-weight:700!important; } #ftx-final-home-shell .ftx-home-commercial-disclosure{ width:min(980px,calc(100% - 32px))!important; margin:20px auto 0!important; padding:11px 14px!important; border:1px solid #e3ebe7!important; border-radius:10px!important; background:#fbfdfc!important; color:#72818b!important; font-size:10px!important; line-height:1.5!important; } #ftx-final-home-shell .ftx-home-commercial-disclosure strong{ color:#405562!important; } @media(max-width:520px){ #ftx-final-home-shell .ftx-home-monetization-slot{padding:14px 10px!important;} #ftx-final-home-shell .ftx-home-commercial-disclosure{width:calc(100% - 24px)!important;} } /* ========================================================= STEP 7 — TRUST / TRANSPARENCY LAYER ========================================================= */ #ftx-final-home-shell .ftx-trust-strip{ background:#f8fbfa!important; border-top:1px solid #e3ece8!important; border-bottom:1px solid #e3ece8!important; padding:48px 0!important; } #ftx-final-home-shell .ftx-trust-strip .ftx-pro-container{ display:grid!important; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important; gap:52px!important; align-items:center!important; } #ftx-final-home-shell .ftx-trust-heading>span{ color:#079f74!important; font-size:10px!important; font-weight:800!important; letter-spacing:1.2px!important; } #ftx-final-home-shell .ftx-trust-heading h2{ color:#102b45!important; font-size:30px!important; line-height:1.16!important; letter-spacing:-.5px!important; margin:9px 0 12px!important; } #ftx-final-home-shell .ftx-trust-heading p{ color:#687b87!important; font-size:12px!important; line-height:1.65!important; margin:0!important; max-width:470px!important; } #ftx-final-home-shell .ftx-trust-links{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; } #ftx-final-home-shell .ftx-trust-card{ min-height:76px!important; display:flex!important; align-items:center!important; gap:12px!important; padding:15px 16px!important; border:1px solid #dce8e3!important; border-radius:13px!important; background:#fff!important; text-decoration:none!important; box-shadow:0 5px 18px rgba(16,43,69,.045)!important; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important; } #ftx-final-home-shell .ftx-trust-card:hover{ transform:translateY(-2px)!important; border-color:#b9d9cd!important; box-shadow:0 9px 24px rgba(16,43,69,.08)!important; } #ftx-final-home-shell .ftx-trust-icon{ flex:0 0 36px!important; width:36px!important; height:36px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:10px!important; background:#e8f7f1!important; color:#079f74!important; font-size:14px!important; font-weight:800!important; } #ftx-final-home-shell .ftx-trust-card:nth-child(2) .ftx-trust-icon{ background:#fff3e6!important;color:#c97818!important; } #ftx-final-home-shell .ftx-trust-card:nth-child(3) .ftx-trust-icon{ background:#edf4ff!important;color:#4679bd!important; } #ftx-final-home-shell .ftx-trust-card:nth-child(4) .ftx-trust-icon{ background:#f2edff!important;color:#7253bd!important; } #ftx-final-home-shell .ftx-trust-card-copy{ min-width:0!important; flex:1!important; display:flex!important; flex-direction:column!important; gap:4px!important; } #ftx-final-home-shell .ftx-trust-card-copy strong{ color:#102b45!important; font-size:12px!important; line-height:1.2!important; } #ftx-final-home-shell .ftx-trust-card-copy span{ color:#788994!important; font-size:9.5px!important; line-height:1.35!important; } #ftx-final-home-shell .ftx-trust-arrow{ color:#079f74!important; font-size:17px!important; font-weight:600!important; line-height:1!important; margin-left:auto!important; } @media(max-width:800px){ #ftx-final-home-shell .ftx-trust-strip .ftx-pro-container{ grid-template-columns:1fr!important; } } @media(max-width:520px){ #ftx-final-home-shell .ftx-trust-copy h2{ font-size:23px!important; } #ftx-final-home-shell .ftx-trust-links{ grid-template-columns:1fr!important; } } /* ========================================================= STEP 8 — PAGE ROUTING FIX Keep the custom adventure/home experiment OFF normal pages. Normal Blogger Pages (About, Disclaimer, Privacy, Contact) must render their actual page content. ========================================================= */ body.is-page #content-wrapper{ background:#fff!important; } body.is-page #main-wrapper{ width:100%!important; max-width:1180px!important; margin:0 auto!important; float:none!important; } body.is-page #main-wrapper #main{ width:100%!important; float:none!important; } body.is-page .Blog .post-outer, body.is-page .Blog .post{ width:100%!important; } <![CDATA[ html,body#layout #outer-wrapper,body#layout .row{ width:auto; padding:0 } body#layout{ position:relative; width:auto; max-width:100%; background-color:#f9f9f9; padding:95px 5px 0; margin:0 } body#layout:before{ content:'BBlog - Version - 1.0'; position:absolute; top:0; left:5px; right:5px; height:95px; font-family:Roboto,sans-serif; font-size:23px; color:#0F1618; line-height:95px; text-align:center } body#layout div.section{ display:block; background-color:#f1f1f1!important; margin:0 5px 10px!important; padding:16px 16px 18px!important; border-color:#e5e5e5 } body#layout .no-items.section{ display:block } body#layout .section h4{ font-size:14px; color:#0F1618; text-transform:uppercase; margin:0 } body#layout .section h4:after{ text-transform:initial; color:#656565; font-weight:400 } body#layout .add_widget a{ color:#3c97ef!important } body#layout .widget-wrap3{ overflow:hidden } body#layout .widget-content{ width:auto; max-width:none; max-height:none; margin:0; border:1px solid #e5e5e5; border-left:0 } body#layout .locked-widget .widget-content{ border-left:1px solid #3c97ef } body#layout .locked-widget .widget-content:hover{ border-left-color:#00b140 } body#layout .widget .widget-content a.editlink{ border-radius:2px } body#layout .visibility .editlink{ background:#3c97ef url(https://1.bp.blogspot.com/-iQoCOwqjB-w/Wy1bDznOM4I/AAAAAAAACGA/8BUOPStr0sk5oud9hWpHBQTrmkeJDoAvACK4BGAYYCw/s18-c/mode_edit_w600_24dp.png) no-repeat center!important } body#layout .visibility .editlink:hover{ background-color:#00b140!important } body#layout .draggable-widget .widget-wrap2{ background:#3c97ef url(https://1.bp.blogspot.com/-yTAuT5aZ1EY/Wy1eEeo4SbI/AAAAAAAACGM/FxOTPwL-Ch0_lyZxLRzhv2EWHINOmCjWACK4BGAYYCw/s22/draggable.png) no-repeat 4px 50%!important } body#layout .draggable-widget .widget-wrap1:hover .widget-wrap2{ background-color:#00b140!important } body#layout .visibility .layout-widget-state.visible{ background-image:url(https://4.bp.blogspot.com/-qicweZaCb7I/XR_IGBqqGfI/AAAAAAAABS0/MIpI_COKj6MBkeN9FEJhqL96WYnYfGjngCK4BGAYYCw/s1600/visibility_c3_600_24dp.png)!important } body#layout .visibility .layout-widget-state.not-visible{ background-image:url(https://4.bp.blogspot.com/-tqL3-mrEM7A/XR_H_P3mFZI/AAAAAAAABSs/4PO1g3CDQbse_mJYzwn-60OQoYMFcq1FQCK4BGAYYCw/s1600/visibility_off_c3_600_24dp.png)!important; opacity:1 } body#layout div.layout-widget-description{ display:none; font-size:11px; line-height:1.2em } body#layout #theme-options,body#layout #main-menu .widget{ display:block!important } body#layout div.ify-panel{ background-color:#edf4ff!important; overflow:hidden!important; border-color:#cdd4ef } body#layout .ify-panel .widget{ float:left; width:32.66%; margin-right:1% } body#layout .ify-panel .widget-content{ border-color:#cdd4ef!important } body#layout .ify-panel .HTML{ margin-right:0 } body#layout .ify-panel div.layout-widget-description,body#layout .flex-right,body#layout #nav-search-wrap{ display:none } body#layout .topbar-items,body#layout .flex-left{ display:flex } body#layout .topbar-menu,body#layout .topbar-social,body#layout .main-logo,body#layout .b-blog-pro-main-nav{ width:50% } body#layout #content-wrapper{ padding:0; margin:0 } body#layout #content-wrapper > .container{ display:flex; margin:0 } body#layout #main-wrapper{ width:67%; padding:0 } body#layout div.content-section.section,body#layout div.main-ads.section{ background-color:#edf4ff!important; border-color:#d9dff3 } body#layout #sidebar-wrapper{ width:33%; padding:0 } body#layout #custom-ads{ display:flex } body#layout #custom-ads .section{ width:50% } body#layout #b-blog-pro-about-section{ overflow:hidden!important } body#layout #b-blog-pro-about-section .widget{ float:left; width:49.5%; margin-right:1% } body#layout #b-blog-pro-about-section .LinkList{ margin-right:0 } body#layout .footer-widgets{ display:flex } body#layout .footer-widgets .section{ width:100% } body#layout #b-blog-pro-about-section{ overflow:hidden!important } body#layout #b-blog-pro-about-section .widget{ float:left; width:49.5%; margin-right:1% } body#layout #b-blog-pro-about-section .LinkList{ margin-right:0 } body#layout .footer-bar .container{ display:flex } body#layout #footer-menu,body#layout #footer-copyright{ width:100% } body#layout #b-blog-pro-cookie-ify{ margin:0 0 30px } body#layout .section > h4:after{ font-size:12px } body#layout #ify-panel > h4:after{ content:' - Custom No Image, Date Format, Month Names and More.' } body#layout #ticker > h4:after{content:' - by Popular Posts, Most Recents or Label'} body#layout #topbar-menu > h4:after{ content:' - Top Links' } body#layout #topbar-social > h4:after{ content:' - Social Icons' } body#layout #main-logo > h4:after{ content:' - Recommended Height (34px)' } body#layout #b-blog-pro-main-nav > h4:after{ content:' - With SubLinks and Mega Menu' } body#layout #featured > h4:after{ content:' - by Popular Posts, Most Recents or Label' } body#layout #header-ads > h4:after{ content:' - by Custom HTML, Adsense or Image' } body#layout #home-ads > h4:after{ content:' - by Custom HTML, Adsense or Image' } body#layout .content-section > h4:after{ content:' - by Most Recents or Label (Homepage)' } body#layout .main-ads > h4:after{ content:' - by Custom HTML, Adsense or Image (Homepage)' } body#layout #main > h4:after{ content:' - Default Blog Posts, AdSense In-Feed, Comments and More' } body#layout #b-blog-pro-main-before-ad > h4:after{ content:' - Before Post Content (Post Page)' } body#layout #b-blog-pro-main-after-ad > h4:after{ content:' - After Post Content (Post Page)' } body#layout #b-blog-pro-related-posts > h4:after{ content:' - Advanced Related Posts (Post Page)' } body#layout #b-blog-pro-post-footer-ads > h4:after{ content:' - After Related Posts (Post Page)' } body#layout #sidebar > h4:after{ content:' - on All Pages' } body#layout #footer-ads > h4:after{ content:' - by Custom HTML, Adsense or Image' } body#layout #b-blog-pro-about-section > h4:after{ content:' - Site Logo, Description and Social Icons' } body#layout .footer-section > h4:after{ content:' - Default Gadgets' } body#layout #footer-copyright > h4:after{ content:' - Custom Credits' } body#layout #footer-menu > h4:after{ content:' - Footer Links' } body#layout #b-blog-pro-cookie-ify-section > h4:after{ content:' - Advanced Cookie Consent Plugin' } body#layout #hidden-widgets{ display:none!important } ]]> Previous PostArtículo AnteriorPostagem Anterior Next PostArtículo SiguientePróxima Postagem Load MoreCarga MásCarregar Mais That is AllEso es TodoIsso é Tudo

    var viewAllText = ""; var dateFormat = "";
    Replaced Replaced Replaced

    *

    *

    Please Select Embedded Mode To Show The Comment System.*

    Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced
    Replaced Replaced Replaced
    Advertisement
    FINTAXTICAL Educational finance content For general information only
    Advertisement

    Replaced
    Replaced

    "" ""

    404

    Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced
    Replaced Replaced Replaced Replaced Replaced

    <div class="featured-info-center row-x1">

    </div>

    Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced
    Replaced Replaced Replaced Replaced Replaced
    Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced Replaced
    Fintaxtical — Personal Finance, Investing, Tax & Money Tools

    India's practical personal finance guide

    Learn how to manage money, save, invest, borrow responsibly, reduce taxes, protect your family and understand markets with practical guides and financial calculators.

    MONEY, THE WAY REAL LIFE FEELS

    Your money.
    Your choices.
    Your future.

    Real questions. Clear numbers. Practical decisions — without the financial jargon.

    Free & practical India-focused No financial jargon
    Person planning monthly money
    TRUSTED INFORMATION

    Know what you’re reading.
    Know where to go next.

    Fintaxtical is built to make personal finance easier to understand. Start with the information below whenever you want to know more about us, our policies or how to reach us.

    MONEY, THE WAY REAL LIFE FEELS

    Your money.
    Your choices.
    Your future.

    Real questions. Clear numbers. Practical decisions — without the financial jargon.

    Free & practical India-focused No financial jargon
    FT
    MONTHLY INCOME₹75,000
    MONTHLY EXPENSES₹35,000
    YOU CAN INVEST₹20,000
    FREE, PRACTICAL TOOLS

    Your money
    toolbox.

    Get a number first. Then decide what it means for you.

    Explore All Tools →
    ADVERTISEMENT
    MY BLOGS

    Learn at your level.

    Start simple, build confidence, then go deeper. Practical finance guides without the jargon.

    How Fintaxtical may earn: We may earn revenue from advertising and clearly disclosed partner relationships. Editorial guidance remains independent.
    YOUR MONEY SNAPSHOT

    Not sure where you stand?

    Take a simple two-minute financial health check.

    Check My Money →
    76/100example score
    Practical finance for everyday decisions
    FINTAXTICAL / PERSONAL FINANCE

    Make Better
    Money Decisions.

    Practical guides, smart tools and calculators to help you manage, grow and protect your money.

    Practical finance for everyday decisions India-focused
    YOUR MONEY DASHBOARD

    Financial overview

    Monthly Income₹60,000
    Monthly Savings₹15,000
    Invested Amount₹4,25,000
    Financial Health Score
    72/100
    Good!

    Keep improving your emergency fund.

    Top Goals
    Illustrative dashboardLearn • Calculate • Plan
    MONEY

    Manage your money with confidence.

    Practical guides for saving, spending, banking, credit and everyday financial decisions.

    Explore latest guides
    START HERE

    Small money decisions add up.

    Explore Fintaxtical's practical money content without getting buried in jargon.

    Read money guides
    01Spend with purpose
    02Build a safety buffer
    03Make better financial choices
    MONEY ARTICLES

    Real guides from Fintaxtical

    Money hub
    Loading Money articles…
    INVEST

    Grow your money with a plan.

    Understand investing, compare options and build long-term wealth without unnecessary jargon.

    Explore investing guides
    01Learn

    Understand risk, returns and the basics before investing.

    02Choose

    Explore mutual funds, stocks, ETFs, gold and other options.

    03Grow

    Use time, consistency and sensible diversification.

    INVESTING PRINCIPLE

    Don't start with “What should I buy?”

    Start with your goal, time horizon, risk capacity and the role the investment needs to play in your overall plan.

    Read investing guides
    GoalWhat are you investing for?
    TimeWhen will you need the money?
    RiskHow much volatility can you handle?
    PlanHow will you stay consistent?
    INVEST ARTICLES

    Real investing guides from Fintaxtical

    Invest hub
    Loading Invest articles…
    BORROW

    Borrow smarter. Know the cost before you commit.

    Understand loans, EMIs, interest, eligibility and debt decisions before signing up for the next financial commitment.

    Check loan tools
    START WITH THE DECISION

    Can I actually afford this loan?

    Look beyond the EMI. Consider your income, existing obligations, interest cost and the purpose of the borrowing.

    EMIMonthly cash-flow impact
    RATEWhat interest will cost
    TENUREHow long you stay in debt
    DEBTYour existing obligations
    BORROWING PRINCIPLE

    The cheapest EMI is not always the cheapest loan.

    A longer tenure can reduce the monthly payment while increasing the total interest paid. Fintaxtical will help users see both numbers.

    Calculate an EMI
    1Monthly EMI
    2Total interest
    3Total repayment
    4Affordability
    BORROW ARTICLES

    Real borrowing guides from Fintaxtical

    Borrow hub
    Loading Borrow articles…
    TAX

    Understand tax. Calculate it. Plan better.

    Clear, practical tax information for income, deductions, ITR, TDS, GST and capital gains.

    Explore tax tools
    01Understand

    Know how tax rules affect your money.

    02Calculate

    Estimate tax using the numbers that matter.

    03Plan

    Make informed, legal tax-planning decisions.

    04File

    Understand ITR, TDS and compliance basics.

    TAX PRINCIPLE

    Tax planning is not the same as tax avoidance.

    Fintaxtical will focus on understanding applicable rules and using legitimate deductions, exemptions and planning opportunities—not shortcuts.

    Read tax guides
    IncomeWhat you earned
    DeductionsWhat may qualify
    Tax regimeWhich rules apply
    FilingHow and when to report
    TAX ARTICLES

    Real tax guides from Fintaxtical

    Tax hub
    Loading Tax articles…
    PROTECT

    Protect your money, health and family's future.

    Financial planning is not only about growing wealth. Build a safety net for the risks that can disrupt it.

    Check financial health
    THE PROTECTION STACK

    Build the foundation before chasing higher returns.

    A practical protection plan starts with liquidity, then covers major risks and finally prepares for long-term needs.

    01Emergency FundHandle unexpected expenses.
    02InsuranceTransfer major financial risks.
    03RetirementProtect your future income.
    PROTECTION PRINCIPLE

    Protect the downside before optimizing the upside.

    A strong financial plan should be able to absorb a shock without forcing you to sell investments or take expensive debt at the wrong time.

    Read protection guides
    Cash bufferCan you handle an emergency?
    Health coverCould a medical event derail savings?
    Life coverCould dependants manage without income?
    RetirementAre future income needs planned?
    MARKETS

    Understand what moves the market.

    Market news and explainers that connect indices, interest rates, inflation, RBI decisions, business and the wider economy.

    Explore market guides
    THE BIG PICTURE

    Markets are more than stock prices.

    Understand the forces behind price movements before reacting to a headline.

    Interest ratesInflationRBIGrowthEarningsGlobal cues
    01EconomyGrowth & inflation
    02PolicyRBI & rates
    03MarketsNifty & Sensex
    04BusinessEarnings & sectors
    MARKET PRINCIPLE

    Don't confuse movement with meaning.

    A market can rise or fall for many reasons. Fintaxtical will focus on explaining the drivers, separating facts from headlines and keeping market content educational.

    Read market explainers
    What?What moved?
    Why?What drove it?
    Impact?Who is affected?
    Next?What should investors watch?
    CONTENT STATUSProtect & Markets are ready for your next articles.These hubs are live, but no existing Fintaxtical articles were identified for these pillars, so nothing has been fabricated.
    TOOLS

    Turn money questions into better decisions.

    Calculate the numbers, compare the choices, plan ahead and check your financial readiness — all in one place.

    01Calculate

    Get the numbers.

    02Compare

    See your options.

    03Plan

    Build a direction.

    04Check

    Know where you stand.

    =
    CALCULATE

    Calculators

    EMI, SIP, FD, compound interest, tax and other everyday finance calculations.

    Explore calculators →
    PLAN

    Financial Planning

    Use goal-based calculations to think about savings, investing and long-term needs.

    Explore planning tools →
    THE FINTAXTICAL APPROACH

    Numbers first. Decisions second.

    Tools should not simply give you an answer. They should help you understand what changes the answer and what trade-offs you are making.

    SimpleClear inputs
    UsefulPractical outputs
    TransparentVisible assumptions
    YOUR MONEY SNAPSHOT

    How healthy is your money?

    Answer a few simple questions and get a clear snapshot of your savings, debt, emergency fund and protection.

    1 2 3 4
    What is your monthly take-home income?
    Use the amount you actually receive after deductions.
    How much do you spend each month?
    Include regular household expenses, EMIs and essential commitments.
    How much do you have in savings & investments?
    Approximate current savings, fixed deposits and investments.
    What are your total outstanding loans?
    Enter the remaining principal across your loans. Enter 0 if you have none.
    0/100
    YOUR FINANCIAL HEALTH SNAPSHOT

    Let's see where you stand.

    Savings capacity
    Emergency cushion
    Debt position
    Educational snapshot only. This score is not financial, investment, tax or insurance advice.
    POPULAR TOOLS

    Popular Calculators

    THE FINTAXTICAL TOOLKITMore than calculators

    Use numbers to understand your options, plan ahead and make better financial decisions.

    Plan

    Build a simple plan for your goals and timeline.

    Coming soon
    Check

    Understand affordability, savings and financial readiness.

    Coming soon
    Good to know: calculators provide estimates based on the assumptions you enter. Actual bank rates, taxes, returns, fees and product terms can vary.
    Advertisement
    LATEST FROM FINTAXTICAL

    Latest Finance Articles

    View all articles
    FINTAXTICAL MONEY NOTES

    Stay ahead with smarter money tips.

    Simple finance insights, practical tools and useful updates — without the noise.

    Get Money Notes
    PracticalEasy to understand
    IndependentNo sales pitch
    India-focusedReal-world context

    Advertise or partner with Fintaxtical

    For relevant financial brands, research partnerships, sponsorships or commercial opportunities, contact the Fintaxtical team.

    Partner with us
    Transparency: Fintaxtical may earn revenue from advertising, sponsorships or qualifying partner links when applicable. Commercial relationships do not determine our editorial conclusions.
    Home / Money

    Money

    Practical guidance for saving, spending, banking, credit and everyday financial decisions.

    Home / Invest

    Invest

    Understand investments, compare options and build long-term wealth with a clear process.

    Home / Borrow

    Borrow

    Understand the real cost of borrowing before you commit to a loan or debt.

    Home / Tax

    Tax

    Clear, practical information for income tax, deductions, ITR, TDS, GST and capital gains.

    Home / Protect

    Protect

    Build a financial safety net for emergencies, insurance, retirement and family needs.

    Home / Markets

    Markets

    Understand the forces behind markets: rates, inflation, RBI decisions, earnings and the wider economy.

    Home / Tools

    Tools

    Calculate, compare and plan with practical financial tools built around real decisions.

    FINTAXTICAL TOOL

    EMI Calculator

    Estimate your monthly loan payment.

    Estimates are for educational purposes. Actual rates, taxes, fees, product terms and returns may differ.

    NONE Homehttps://www.fintaxtical.com/ Moneyhttps://www.fintaxtical.com/ Investhttps://www.fintaxtical.com/ Borrowhttps://www.fintaxtical.com/search/label/Loans Taxhttps://www.fintaxtical.com/ Protecthttps://www.fintaxtical.com/search/label/Insurance Marketshttps://www.fintaxtical.com/ Tools#ftx-v11-calculators Calculators#ftx-calc-center
    FINTAXTICAL • PERSONAL FINANCE

    Make Better
    Money Decisions

    Practical guides, smart tools and calculators to help you manage, grow and protect your money.

    LearnCalculateComparePlan
    %
    Your Money Dashboard
    Monthly Income₹60,000
    Monthly Savings₹15,000
    Invested Amount₹4,25,000
    Financial Health Score
    72/100
    Good! You're on the right track.

    Keep improving your emergency fund.

    Check Details
    Top Goals✓ Emergency Fund ✓ Retirement Corpus ✓ Child Education ✓ Home Purchase

    Latest from Fintaxtical

    View all finance articles
    Stay ahead with smart money tips

    Simple, practical finance insights delivered to your inbox.

    ✓ Trusted & Practical✓ Independent✓ Made for Indians
    false $type={blogger} #ffffff true by true #ffffff true #ffffff TextAndImage #ffffff - true 1x1 true false Tags: true 1 false #ffffff false false
    Replaced
    Replaced

    Replaced Replaced Replaced Replaced Replaced

    Post a Comment

    Clear & PracticalFinance explained in simple language.
    Decision FocusedTools built to help you understand trade-offs.
    EducationalInformation is for learning, not personalized advice.