/* Home */
.section-home-calculators{background: #F8FBFF;background:linear-gradient(90deg,rgba(248, 251, 255, 0) 0%, rgba(248, 251, 255, 1) 51%, rgba(206, 235, 253, 1) 51%, rgba(206, 235, 253, 1) 100%);padding:40px 0;}
.section-home-calculators .left-div{padding:20px 45px 20px 50px;}
/*.section-home-calculators .right-div::before{content:'';display:inline-block;background-color:#CEEBFD;width:250%;position:absolute;left:0;top:-20px;height:calc(100% + 40px);}*/
.calculators-list-div{margin:0 -10px;font-size:0;}
.calculators-list-div .single-calculator-div{display:inline-block;vertical-align:top;width:calc((100% - 36px) / 3);margin:0 6px 20px;border-radius:14px;background:#FFF;box-shadow:0 3px 18px 0 rgba(66, 147, 247, 0.25);padding:12px 8px 12px 12px;border:1px solid transparent;position:relative;}
.calculators-list-div .single-calculator-div:first-child,
.calculators-list-div .single-calculator-div:nth-child(2),
.calculators-list-div .single-calculator-div:nth-child(3),
.calculators-list-div .single-calculator-div:nth-child(4){width:calc((100% - 24px) / 2);}
.calculators-list-div .single-calculator-div:first-child,
.calculators-list-div .single-calculator-div:nth-child(2){text-align:center;}
.calculators-list-div .single-calculator-div:hover{border:1px solid #00498B;}
.calculators-list-div .single-calculator-div .img-div{display:inline-block;width:50px;margin:0 10px 0 0;vertical-align:middle;border-radius:8px;overflow:hidden;}
.calculators-list-div .single-calculator-div:first-child .img-div,
.calculators-list-div .single-calculator-div:nth-child(2) .img-div{width:78px;margin:0 0 10px;}
.calculators-list-div .single-calculator-div:nth-child(3) .img-div,
.calculators-list-div .single-calculator-div:nth-child(4) .img-div{margin:0 15px 0 0;}
.calculators-list-div .single-calculator-div .img-div img{width:100%;height:auto;}
.calculators-list-div .single-calculator-div .text-div{display:inline-block;width:calc(100% - 60px);vertical-align:middle;}
.calculators-list-div .single-calculator-div:first-child .text-div,
.calculators-list-div .single-calculator-div:nth-child(2) .text-div{width:100%}
.calculators-list-div .single-calculator-div:nth-child(3) .text-div,
.calculators-list-div .single-calculator-div:nth-child(4) .text-div{width:calc(90% - 65px);}
.calculators-list-div .single-calculator-div .text-div p{font-size:12px;color:#0F2855;font-weight:700;line-height:1.5;margin:0;}
.calculators-list-div .single-calculator-div:first-child .text-div p,
.calculators-list-div .single-calculator-div:nth-child(2) .text-div p{font-size:16px;}
.calculators-list-div .single-calculator-div:nth-child(3) .text-div p,
.calculators-list-div .single-calculator-div:nth-child(4) .text-div p{font-size:14px;}
.calculators-list-div .single-calculator-div .layer-link{position:absolute;top:0;left:0;width:100%;height:100%;}



@media screen and (max-width:767px) {

    .section-home-calculators .left-div{padding:20px;}

    .single-calculator-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .calculators-list-div .single-calculator-div:nth-child(3) .img-div, 
    .calculators-list-div .single-calculator-div:nth-child(4) .img-div {
        margin: 0;
    }

    .calculators-list-div .single-calculator-div .img-div{
        display:inline-block;
        width: 50px;
        margin: 0;
        vertical-align:middle;
        border-radius: 8px;
        overflow:hidden;
    }

    .calculators-list-div .single-calculator-div .text-div {
        width: 100%
    }

    .calculators-list-div .single-calculator-div:nth-child(3) .text-div p, 
    .calculators-list-div .single-calculator-div:nth-child(4) .text-div p,
    .calculators-list-div .single-calculator-div .text-div p {
        text-align: center;
        margin-top: 10px;
        font-size: 10px !important;
    }
    
}


/* --- HEADER BUTTONS --- */

/* 1. Desktop Button (Your existing one) */
.header-cta-desktop {
    display: block;
    margin-left: auto; /* Push to right */
}

/* 2. Mobile Button (New) */
.header-cta-mobile {
    display: none; /* Hidden by default */
}

.report-issue-btn-mobile {
    background-color: #00498B; /* Dark Blue */
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: 8px;
    text-decoration: none;
    white-space: nowrap;
}

/* --- MOBILE RESPONSIVENESS (< 768px) --- */
@media (max-width: 900px) { /* Adjusted breakpoint to catch tablets */
    
    /* Hide Desktop Elements */
    .header-cta-desktop, 
    .site-navigation {
        display: none !important;
    }

    /* Show Mobile Elements */
    .header-cta-mobile {
        display: block;
        margin-left: auto; /* Push to the right, next to hamburger */
        margin-right: 15px; /* Spacing between button and hamburger */
    }
}