.page-header {
        text-align: center;
        margin-bottom: 36px;
    }



    .page-header h1 {
        font-size: 28px;
        line-height: 28px;
        font-weight: 700;
        color: #000000;
        margin: 24px 0 16px;
        letter-spacing: 0;
        padding: 0;
		width: 100%;
    }

    .page-header p {
        color: #000000;
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0;
    }
	.check-bg ul li:nth-child(n+6){display: none}
	.show-more-btn1.expanded:after{content: "-"}
.show-more-btn1{padding-left: 0 !important}
    .calc-wrapper {
        display: grid;
        grid-template-columns: 57% 40%;
        gap: 3%;
        margin-top: 31px;
    }
    .term-blog .reportBox img{min-height: 130px;}
    .new-terms{padding-bottom: 20px !important;}
    /* â”€â”€ INPUT CARD â”€â”€ */
    .input-card {
        background: #fff;
        border-radius: 16px;
        padding: 28px;
    }

    .input-card h2 {
        font-size: 18px;
        font-weight: 600;
        color: #000000;
        margin-bottom: 24px;
        line-height: 22px;
        letter-spacing: 0;
    }

    .field-group {
        margin-bottom: 26px;
    }

    .field-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }

    .field-label {
        font-size: 16px;
        font-weight: 400;
        color: #000000;
        line-height: 16px;
        letter-spacing: 0;
    }

    #inp-me {
        padding-left: 30px;
        max-width: 150px;
        border: none;
        height: 3.8rem;
        color: #000000;
    }

    .field-input-wrap {
        position: relative;
        border-radius: 8px;
        border: 1px solid #d3d3d3;
    }

    .field-input-wrap:focus-within {
        border-color: #667eea;
    }

    .field-prefix {
        position: absolute;
        left: 18px;
        top: 50%;
        transform: translateY(-54%);
        font-weight: 500;
        color: #000000;
        font-size: 16px;
    }

    .field-input {
        padding: 8px 10px;
        font-size: 16px;
        font-weight: 400;
        color: #000000;
        line-height: 16px;
        letter-spacing: 0;
        min-width: 150px;

    }

    /* Track */
    /* ==============================
   RANGE SLIDER BASE STYLE
============================== */

    .slider-wrap input[type="range"] {
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        height: 5px;
        outline: none;
        background: #ddd;
        transition: background 0.3s ease;
        border-radius: 0;
    }

    .slider-wrap input[type="range"]::-webkit-slider-runnable-track {
        height: 6px;
        border-radius: 5px;
    }

    .slider-wrap input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        height: 18px;
        width: 18px;
        border-radius: 50%;
        background: #Da251c;
        /* Change thumb color here */
        border: none;
        cursor: pointer;
        margin-top: -6px;
    }

    /* Track - Firefox */
    .slider-wrap input[type="range"]::-moz-range-track {
        height: 6px;
        border-radius: 5px;
    }

    /* Thumb - Firefox */
    .slider-wrap input[type="range"]::-moz-range-thumb {
        height: 18px;
        width: 18px;
        border-radius: 50%;
        background: #da251c;
        /* Change thumb color here */
        border: none;
        cursor: pointer;
    }



    .field-words {
        font-size: 11px;
        color: #888;
        margin-top: 4px;
        font-style: italic;
        text-transform: capitalize;
        min-height: 16px;
    }

    /* Slider */
    .slider-wrap {
        position: relative;
        padding: 4px 0;
    }

    input[type="range"] {
        -webkit-appearance: none;
        width: 100%;
        height: 6px;
        border-radius: 4px;
        outline: none;
        cursor: pointer;
        background: linear-gradient(to right, #667eea 0%, #667eea var(--pct, 0%), #dde3f8 var(--pct, 0%), #dde3f8 100%);
    }

    input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #fff;
        border: 3px solid #667eea;
        box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
        cursor: pointer;
        transition: transform 0.15s;
    }

    input[type="range"]::-webkit-slider-thumb:hover {
        transform: scale(1.15);
    }

    input[type="range"]::-moz-range-thumb {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #fff;
        border: 3px solid #667eea;
        cursor: pointer;
    }

    .slider-limits {
        display: flex;
        justify-content: space-between;
        font-size: 11px;
        color: #aaa;
        margin-top: 5px;
    }

    .calc-btn {
        width: 100%;
        padding: 14px;
        background: linear-gradient(135deg, #667eea, #764ba2);
        color: #fff;
        border: none;
        border-radius: 10px;
        font-size: 15px;
        font-weight: 700;
        cursor: pointer;
        letter-spacing: 0.5px;
        transition:
            opacity 0.2s,
            transform 0.15s;
        margin-top: 8px;
    }

    .calc-btn:hover {
        opacity: 0.92;
        transform: translateY(-1px);
    }

    .calc-btn:active {
        transform: translateY(0);
    }

    /* â”€â”€ RESULTS CARD â”€â”€ */
    .results-card {
        background: #fff;
        border-radius: 16px;
        padding: 28px;
        gap: 14px;
        overflow: hidden;

    }

    .standard h2 {
        font-size: 17px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 17px;
        color: #000000;
        border-bottom: 1px solid #000000;
        padding-bottom: 10px;
        margin-bottom: 6px;
    }

    .standard .ft-amount {
        font-size: 34px;
        color: #000000;
        line-height: 34px;
        letter-spacing: 0;
        font-weight: 600;
        margin-bottom: 6px;
    }

    .ft-words {
        font-size: 14px;
        font-style: italic;
        line-height: 15px;
        letter-spacing: 0;
        color: #555555;
    }

    .summary-row {
        border: 1px solid #cccccc;
        border-radius: 8px;
        padding: 24px 6px 24px 16px;

    }

    .fire-tile .s-label {
        font-size: 15px;
        color: #2d2d2d;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 16px;
        margin-bottom: 9px;
        display: flex;
        gap: 5px;
    }

    .fire-tile .s-label img {
        width: 13px;
        height: 13px;
    }

    .fire-tile .ft-amount {
        font-size: 24px;
        font-weight: 400;
        color: #000000;
        line-height: 24px;
        letter-spacing: 0;
        margin-bottom: 5px;
    }

    .summary-row .s-label {
        font-size: 15px;
        color: #2d2d2d;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 22pxpx;
        margin-bottom: 9px;
    }

    .summary-row .s-val {
        font-size: 24px;
        font-weight: 400;
        color: #000000;
        line-height: 24px;
        letter-spacing: 0;
        margin-bottom: 5px;
    }

    .summary-row .s-words {
        font-size: 11px;
        color: #888;
        font-style: italic;
        text-transform: capitalize;
    }

    #result-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .fire-tile {
        border-radius: 8px;
        border: 1px solid #cccccc;
        padding: 24px 5px 24px 16px;

    }

    .fire-tile-header {
        display: flex;
        gap: 20px;
        align-items: flex-start;
    }




    .placeholder-msg {
        text-align: center;
        color: #aaa;
        font-size: 14px;
        padding: 40px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .placeholder-msg svg {
        opacity: 0.35;
    }

    .breakdown-section {
        max-width: 1100px;
        margin: 0 auto 36px;
        display: none;
    }

    .breakdown-section.visible {
        display: block;
    }

    .breakdown-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .breakdown-card {
        background: #fff;
        border-radius: 16px;
        padding: 24px;
        box-shadow: 0 4px 24px rgba(102, 126, 234, 0.08);
    }

    .breakdown-card .bc-icon {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .breakdown-card h3 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 6px;
    }

    .breakdown-card .bc-formula {
        font-size: 13px;
        color: #888;
        margin-bottom: 12px;
        line-height: 1.6;
    }

    .breakdown-card .bc-formula strong {
        color: #333;
    }

    .breakdown-card .bc-tag {
        display: inline-block;
        font-size: 11px;
        font-weight: 600;
        padding: 4px 10px;
        border-radius: 20px;
        margin-bottom: 12px;
    }

    .breakdown-card.lean .bc-tag {
        background: #fff0c8;
        color: #7a5500;
    }

    .breakdown-card.standard .bc-tag {
        background: #d0d9ff;
        color: #2a3a9e;
    }

    .breakdown-card.fat .bc-tag {
        background: #bdf0db;
        color: #1a6645;
    }

    .breakdown-card .bc-desc {
        font-size: 13px;
        color: #666;
        line-height: 1.7;
    }

    .personalised {
        padding-bottom: 30px;
        background-color: #f4f4f4;
        margin-top: 0 !important;
    }

    .based_back {
        background-color: #feeded;
        border: 1px solid #ac2e2e;
        border-radius: 29px;
        padding: 30px 64px 0 64px;
    }

    .recommendation {
        display: grid;
        justify-content: space-between;
        gap: 2%;
        align-items: center;
        grid-template-columns: 55% 43%;
    }

    .fire_star {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 22px;
    }

    .fire_star h2 {
        color: #003366;
        font-size: 20px;
        line-height: 20px;
        letter-spacing: 0;
        font-weight: 600;
        margin-bottom: 0;
    }

    .recommendation p {
        font-size: 17px;
        line-height: 25px;
        letter-spacing: 0;
        color: #000000;
        font-weight: 400;
        margin-bottom: 12px;
    }

    .recommendation .linkk {
        color: #fa1432;
        font-size: 17px;
        margin-bottom: 41px;
    }

    .recommendation .spac {
        margin-bottom: 41px;
    }

    .recommendation .btnn {
        background: linear-gradient(90deg, #867C2C 0%, #BEC923 100%);
        border-radius: 50px;
        color: #ffffff;
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 0;
        font-weight: 700;
        padding: 15px 78px;
        display: inline-block;
    }

    .standard {
        position: relative;
        border-bottom: 2px dashed #767676;
        padding-bottom: 28px;
        margin-bottom: 22px;
    }

    .standard::after {
        content: "";
        position: absolute;
        right: -40px;
        bottom: -14px;
        width: 27px;
        height: 27px;
        background-color: #f4f4f4;
        border-radius: 50%;
        border: 1px solid #f4f4f4;
    }

    .standard::before {
        content: "";
        position: absolute;
        left: -40px;
        bottom: -14px;
        width: 27px;
        height: 27px;
        background-color: #f4f4f4;
        border-radius: 50%;
        border: 1px solid #f4f4f4;
    }

    .fire_img {
        background-color: #ffe5e6;
        width: 37px;
        height: 37px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
    }

    .results-card h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 37px;
        letter-spacing: 0;
        color: #000000;
        margin-bottom: 8px;
        margin-top: 22px;
    }

    .personalised {
        display: none;
    }



    .fire_row {
        display: grid;
        grid-template-columns: 66% 42%;
        gap: 2%;
        width: 100%;
        padding-top: 40px;
    }

    .check-bg ul li a:before {
        position: absolute;
        content: '';
        background-repeat: no-repeat;
        background-size: contain;
        width: 19px;
        height: 42px;
        top: 15px;
        right: 0;
        background-image: url(assets/images/rightarrowblack.svg);
    }

    .check-bg ul li:hover a {
        color: #ED1C24;
        width: 100%;
        display: block;
    }

    .check-bg ul li:hover a:before {
        background-image: url(assets/images/red-rightarrowblack-svg.svg);
    }

    .whyUseFd {
        margin-top: 0 !important;
        margin-bottom: 30px;
    }

    .sidebar-title {
        font-weight: 400;
        font-size: 21px;
        color: #333;
    }

    .sidebar-title span {
        color: red;
    }

    .line-container {
        display: flex;
        align-items: center;
    }

    .red-line {
        width: 150px;
        height: 3px;
        background-color: red;
    }

    .blue-line {
        width: 300px;
        height: 2px;
        background-color: navy;
    }

    .fire_top_space {
        margin-top: 40px;
    }

    #npsSection {
        margin: 20px 0;
    }

    .howcan {
        background: #FBFBFB 0% 0% no-repeat padding-box;
        border: 1px solid #D9D9D9;
        border-radius: 20px;
        opacity: 1;
        padding: 20px;
    }

    .nps-title {
        font-size: 24px;
        font-weight: 600;
        color: #000 !important;
        letter-spacing: .3px;
        margin-bottom: 10px;
    }

    .whatIsCompountInterest-desc,
    .compoundInterestWorks-desc,
    .powerCompounding-desc,
    .benefitsOfCompountInt-desc,
    .simpleVsCompound-desc,
    .whereToInvest-desc,
    .finalThought-desc {
        font-size: 16px;
        font-weight: 400;
        letter-spacing: .3px;
        line-height: 25px;
        color: #000;
    }

    .compoundSubtitle {
        font-size: 18px;
        font-weight: 600;
        color: #000;
        letter-spacing: 0.3px;
        padding: 10px 0 5px;
    }

    #whyUseFd {
        margin-top: 30px !important;
    }

    .whyUseFd-title,
    .calculateReturns-title,
    .underStandingKeyfactor-title,
    .proTipFD-title {
        font-size: 24px;
        font-weight: 600;
        color: #000 !important;
        letter-spacing: .3px;
        margin-bottom: 10px;

    }

    .whyUseFd-desc,
    .calculateReturns-desc,
    .underStandingKeyfactor-desc,
    .proTipFD-desc {
        font-size: 16px;
        font-weight: 400;
        color: #000 !important;
        letter-spacing: 0.3px;
    }

    .formulasection {
        border: 1px solid var(--unnamed-color-003974);
        background: #fff0 linear-gradient(180deg, #F3FBFF 0%, #FFF8F8 100%) 0% 0% no-repeat padding-box;
        border: 1px solid #003974;
        border-radius: 20px;
        opacity: 1;
        padding: 20px;
    }

    .nps-formula li {
        font-size: 16px;
        font-weight: 500;
        margin: 10px 20px 10px 0;
        color: #000;
    }

    .nps-formula ol li {
        padding-left: 25px;
    }

    .singleletter {
        color: #ED1C24;
    }

    .whyUseFd-flex {
        display: flex;
        align-items: center;
        gap: 15px;
        font-size: 16px;
        font-weight: 400;
        color: #000 !important;
        letter-spacing: .3px;
        margin: 10px 0;
    }

    #comppundFaq .accordSec .accordTitle {
        /* font-family: Roboto-Bold; */
        font-family: 'Lato-Bold';
        font-size: 4.4rem;
        line-height: 5.2rem;
        color: #1b1c31;
    }


    #comppundFaq .accordSec .accordList .accordItem .accordLinks a {
        font-weight: 600;
        font-size: 1.6rem;
        line-height: 2.8rem;
        color: #1b1c31;
        display: -ms-flexbox;
        display: flex;
    }

    #comppundFaq .accordSec .accordList .accordItem .accordLinks {
        padding: 1.25rem 0 1.25rem 1.6rem;
        border-bottom: 1px solid #eaeaea;
        cursor: pointer;
        position: relative;
    }

    #comppundFaq .accordSec .accordList {
        margin: 4.2rem 0 3rem;
    }

    .accordLinks h3 a {
        text-decoration: none;
        letter-spacing: .36px;
    }

    #comppundFaq .accordSec .accordList .accordItem .accordLinks a span {
        margin-right: 2rem;
    }

    #comppundFaq .accordSec .accordList .accordItem .accordLinks::after {
        content: "+";
        position: absolute;
        right: 1.9rem;
        top: 1.85rem;
        color: #ed1c24;
        font-size: 3.2rem;
        width: 1.6rem;
        height: 1.6rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #comppundFaq .accordSec .accordList .accordItem .accordLinks:hover {
        background-color: #ed1c24;
        transition: .3s ease-in-out;
    }

    #comppundFaq .accordSec .accordList .accordItem .accordLinks a.active,
    #comppundFaq .accordSec .accordList .accordItem .accordLinks.active a,
    #comppundFaq .accordSec .accordList .accordItem .accordLinks:hover a,
    #comppundFaq .accordSec .accordList .accordItem .accordLinks:hover::after {
        color: #fff;
    }

    #comppundFaq .accordSec .accordList .accordItem .accordLinks a.active,
    #comppundFaq .accordSec .accordList .accordItem .accordLinks.active a,
    #comppundFaq .accordSec .accordList .accordItem .accordLinks:hover a,
    #comppundFaq .accordSec .accordList .accordItem .accordLinks:hover::after {
        color: #fff;
    }

    #comppundFaq .accordSec .accordList .accordItem .accordDesc p {
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 2rem;
        color: #757095;
    }

    #comppundFaq .accordSec .accordList .accordItem .accordDesc {
        padding: 1.25rem 4.3rem;
    }

    .simpleVsCompound-table table {
        border: 1px solid #C9C9C9;
        border-radius: 8px !important;
        margin-top: 25px;
    }

    .simpleVsCompound-table tr th {
        padding: 12px;
        border: 1px solid #c2c2c2;
        color: #000;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: .4px;
        line-height: 26px;
    }

    .simpleVsCompound-table tr td {
        padding: 12px !important;
        border: 1px solid #c2c2c2;
        color: #000;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: .4px;
        line-height: 26px;

    }

    .simpleVsCompound-table h4 {
        font-size: 17px;
        font-weight: 600;
        letter-spacing: 0;
        margin-bottom: 8px;
        color: #000000;
    }

    .simpleVsCompound-table h3 {
        color: #000000;
        font-weight: 700;
        font-size: 22px;
        letter-spacing: 0;
        margin-top: 16px;
        margin-bottom: 10px;
    }

    .simpleVsCompound-table p {
        font-size: 16px;
        font-weight: 400;
    }



    .simpleVsCompound-table ul li {
        list-style-type: disc;

        color: #000;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: .4px;
        line-height: 26px;
    }

    .simpleVsCompound-table ul {
        padding-left: 30px;
    }

    .exmple {
        font-size: 22px;
        line-height: 28px;
        font-weight: 600;
        letter-spacing: 0;
        color: #000000;
    }

    .simpleVsCompound-table td,
    .simpleVsCompound-table th {
        vertical-align: top;
    }

    .simpleVsCompound-table {
        overflow-x: auto;
    }

    .simpleVsCompound-table table {
        min-width: 700px;
    }

    .table_section h2 {
        margin-bottom: 0;
    }

    .table_section {
        margin-top: 30px;
    }

    .calculatorr {
        background-color: #f4f4f4;
        padding-bottom: 30px;
    }

    .ft-words_bold {
        font-weight: 600;
    }

    .whyUseFd-listt {
        padding-left: 30px;
        margin-bottom: 16px;
    }

    .whyUseFd-listt li {
        list-style-type: disc;
        font-size: 16px;
        letter-spacing: 0;
    }

    #comppundFaq .accordSec {
        padding-top: 60px;
    }

    .space-row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        padding-top: 40px;
    }

    #otherCalc {
        margin: 20px 0;
    }

    .otherCalcCard {
        padding: 20px 20px 40px 20px;
        border-radius: 1.6rem;
        border: 1px solid #dcdcdc;
        background-color: #f7f7f7;
    }

    .otherClass {
        font-size: 24px !important;
        font-weight: 700 !important;
        color: #333 !important;
        text-align: center;
        margin: 20px 0;
        letter-spacing: .3px;
    }

    .otherClassDesc {
        font-size: 17px;
        font-weight: 400;
        color: #000;
    }

    .pagingInfo-facslick {
        display: none;
    }

    .pagingInfo-facslick {
        position: absolute;
        bottom: 8% !important;
        right: 21% !important;
    }

    .calculatorCardList {
        margin: 25px 0;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .calculatorCardList {
        flex-wrap: nowrap !important;
        justify-content: start !important;
        padding-bottom: 10px;
    }

    .calculatorCardList li {
        background-color: #FFF;
        border: 1px solid #dcdcdc;
        border-radius: 6px;
        padding: 20px;

        min-height: 170px;
        margin: 0 15px;
        min-width: 239px !important;
    }

    .calculatorCardList {
        overflow-x: auto;
    }

    .calculatorCardList li {
        text-align: center !important;
        min-height: 150px !important;
    }

    .calculatorCardList::-webkit-scrollbar {
        height: 4px;
    }

    .calculatorCardList::-webkit-scrollbar-track {
        background: #d0d0d0;
        border-radius: 2px;
        transition: background 0.3s ease;
        cursor: pointer;
    }

    .calculatorCardList::-webkit-scrollbar-thumb:hover {
        background: #555;
        cursor: pointer;
    }

    .calculatorCardList li a {
        color: #083160;
        font-size: 22px;
        font-weight: 400;
        display: flex;
        align-items: start;
        flex-direction: column;
        text-decoration: none;
        letter-spacing: .3px;
        line-height: 26px;
    }

    .calculatorCardList li a {
        align-items: center !important;
    }

    .whyBuyTermBox-sec {
        background-color: #fff3f3;
        border: 1px solid #ceb0ac;
        border-radius: 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 25px;
        margin: 15px 0 10px;
        padding: 15px;
    }

    .whyBuyTermtitle-1 {
        font-size: 18px;
        font-weight: 600;
        color: #000;
        letter-spacing: 0.3px;
        max-width: 470px;
    }

    .whyBuyTermbox-cta-1 a {
        background-color: #C41425 !important;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        border-radius: 25px;
        padding: 10px 10px 10px 15px;
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center;
        letter-spacing: 0.3px;
        gap: 10px;
        margin-top: 8px;
        max-width: 230px;
        position: relative;
        overflow: hidden;
        width: max-content;
    }

    .powerCompounding-desccs {
        margin-top: 10px;
        margin-bottom: 8px;
    }

    /* Chrome, Safari, Edge */
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    input[type="number"] {
        -moz-appearance: textfield;
    }

    .tooltip {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }

    .tooltip-text {
        visibility: hidden;
        opacity: 0;
        width: 220px;
        background: #333;
        color: #fff;
        text-align: center;
        padding: 6px 10px;
        border-radius: 6px;
        font-size: 12px;

        position: absolute;
        bottom: 125%;
        left: 50%;
        transform: translateX(-50%);

        transition: opacity 0.3s;
    }

    .tooltip:hover .tooltip-text {
        visibility: visible;
        opacity: 1;
    }

    .tooltip-text::after {
        content: "";
        position: absolute;
        top: 100%;
        /* places arrow at bottom of tooltip */
        left: 50%;
        transform: translateX(-50%);
        border-width: 6px;
        border-style: solid;
        border-color: #333 transparent transparent transparent;
    }

    @media (min-width: 768px) {
        .col-md-8 {
            -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
        }

        .col-md-4 {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }
    }



    .firee_img img {
        height: 100%;
    }

    .field-error {
        margin-top: 5px;
    }
    .new-terms{margin-top: 15px !important;}



    @media (max-width: 860px) {
        .calc-wrapper {
            grid-template-columns: 1fr;
        }
        .space-row .col-md-8, .space-row .col-md-4{padding: 0;}

        .firee_img {
            text-align: center;
            height: 200px;
        }
        .check-bg{width: 100%;}

        .table_section {
            margin-top: 30px;
        }

        .fire-tile .ft-amount {
            font-size: 18px;
        }

        .summary-row .s-val {
            font-size: 18px;
        }

        .fire_row {
            grid-template-columns: 100%;
            gap: 20px !important;
        }

        #comppundFaq .accordSec .accordTitle {
            font-size: 2.4rem;
            line-height: 3.3rem;
        }

        .simpleVsCompound-table tr td {
            padding: 10px 10px 10px 20px !important;
        }

        .whyUseFd-title,
        .calculateReturns-title,
        .underStandingKeyfactor-title,
        .proTipFD-title {
            font-size: 22px;
        }

        .breakdown-grid {
            grid-template-columns: 1fr;
        }

        .fire_row {
            padding-top: 30px;
        }

        .nps-title {
            font-size: 22px;
        }

        .results-card {
            padding-bottom: 50px;
        }

        

        .based_back {
            padding: 20px;
        }

        .recommendation {
            grid-template-columns: 100%;
            gap: 40px;
        }

        .center-btn {
            text-align: center;
            /* Center inline elements inside */
        }

        #comppundFaq .accordSec {
            padding: 0;
        }

        #comppundFaq .accordSec .accordList .accordItem .accordLinks a {
            padding-right: 40px;
        }

        .whyBuyTermBox-sec {
            flex-direction: column;
            gap: 10px;
        }

        .red_ban {
            margin-top: 10px !important;
        }

        .calculatorr {
            padding-top: 30px;
            margin-top: -50px !important;
        }

    }