/* =========================================================
   SNOW HILLS - HOME PAGE
   TERM / INFORMATION SECTION
========================================================= */


/* =========================================================
   TERM SECTION
========================================================= */

.term-section {

    background: #ffffff;

    padding: 180px 20px;

}


/* =========================================================
   TERM SCALE
========================================================= */

.term-scale {

    transform: scale(1.35);

    /* increase size */

    transform-origin: center;

}


/* =========================================================
   TERM CONTAINER
========================================================= */

.term-container {

    width: 100%;

    max-width: 920px;

    margin: 0 auto;

    display: flex;

    align-items: center;

}


/* =========================================================
   TERM LEFT
========================================================= */

.term-left {

    flex: 1.1;

    margin-left: 40px;

}


/* =========================================================
   TERM HEADING
========================================================= */

.term-left h2 {

    font-size: 32px;

    font-weight: 700;

    font-family: "Work Sans", sans-serif;

    color: #1a0f1e;

    margin-bottom: 10px;

    width: 380px;

    margin-left: 0;

}


/* =========================================================
   TERM TEXT
========================================================= */

.term-text {

    font-size: 12px;

    width: 420px;

    line-height: 17px;

    font-family: Montserrat, sans-serif;

    color: black;

    margin-bottom: 18px;

    font-weight: 500;

}


/* =========================================================
   TERM STRONG TEXT
========================================================= */

.term-text strong {

    font-weight: 700;

}


/* =========================================================
   TERMS & CONDITIONS TEXT
========================================================= */

.tc {

    font-size: 10px;

    color: black;

}


/* =========================================================
   TERM RIGHT
========================================================= */

.term-right {

    flex: 0.9;

    display: flex;

    justify-content: center;

}


/* =========================================================
   TERM IMAGE
========================================================= */

.term-right img {

    width: 100%;

    max-width: 420px;

    /* SAME visual scale as image */

    height: auto;

    margin-right: 100px;

}


/* =========================================================
   TERM STATISTICS
========================================================= */

.term-stats {

    width: 100%;

    max-width: 920px;

    margin: 60px auto 0;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    text-align: center;

}


/* =========================================================
   STAT
========================================================= */

.stat h3 {

    font-size: 42px;

    font-weight: 800;

    color: #1a0f1e;

    margin-bottom: 6px;

}


.stat p {

    font-size: 14px;

    color: black;

    font-weight: 500;

    font-family: "Work Sans", sans-serif;

}

/* =========================================================
   SNOW HILLS - TERM SECTION
   TABLET + MOBILE RESPONSIVE
========================================================= */


/* =========================================================
   LARGE TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 1100px) {

    .term-section {

        padding: 140px 40px;
    }


    /* Remove desktop scale */

    .term-scale {

        transform: scale(1);

        transform-origin: center;
    }


    .term-container {

        max-width: 900px;
    }


    .term-left {

        margin-left: 20px;

        flex: 1;
    }


    .term-left h2 {

        width: 100%;

        max-width: 360px;

        font-size: 29px;

        line-height: 1.3;
    }


    .term-text {

        width: 100%;

        max-width: 400px;

        font-size: 12px;

        line-height: 1.6;
    }


    .term-right {

        flex: 1;
    }


    .term-right img {

        width: 90%;

        max-width: 380px;

        margin-right: 20px;
    }


    .term-stats {

        max-width: 900px;

        margin-top: 50px;
    }


    .stat h3 {

        font-size: 38px;
    }


    .stat p {

        font-size: 13px;
    }
}


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

@media (max-width: 768px) {

    /* =====================================================
       SECTION
    ===================================================== */

    .term-section {

        padding: 80px 25px 90px;

        overflow: hidden;
    }


    /* =====================================================
       SCALE RESET
    ===================================================== */

    .term-scale {

        transform: none;

        width: 100%;
    }


    /* =====================================================
       MAIN CONTAINER
    ===================================================== */

    .term-container {

        width: 100%;

        max-width: 650px;

        margin: 0 auto;

        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 55px;
    }


    /* =====================================================
       LEFT CONTENT
    ===================================================== */

    .term-left {

        width: 100%;

        margin-left: 0;

        flex: none;

        text-align: left;
    }


    .term-left h2 {

        width: 100%;

        max-width: 100%;

        font-size: 28px;

        line-height: 1.3;

        margin-bottom: 12px;
    }


    .term-text {

        width: 100%;

        max-width: 100%;

        font-size: 12px;

        line-height: 1.65;

        margin-bottom: 15px;
    }


    .tc {

        font-size: 10px;

        line-height: 1.5;
    }


    /* =====================================================
       RIGHT IMAGE
    ===================================================== */

    .term-right {

        width: 100%;

        flex: none;

        display: flex;

        justify-content: center;

        align-items: center;
    }


    .term-right img {

        width: 75%;

        max-width: 400px;

        height: auto;

        margin: 0 auto;

        display: block;
    }


    /* =====================================================
       STATISTICS
    ===================================================== */

    .term-stats {

        width: 100%;

        max-width: 650px;

        margin: 55px auto 0;

        display: grid;

        grid-template-columns: repeat(2, 1fr);

        row-gap: 35px;

        column-gap: 20px;
    }


    .stat h3 {

        font-size: 36px;

        line-height: 1;

        margin-bottom: 8px;
    }


    .stat p {

        font-size: 13px;

        line-height: 1.4;
    }
}


/* =========================================================
   MOBILE - STATISTICS ONE BY ONE
========================================================= */

@media (max-width: 576px) {

    .term-stats {

        width: 100%;

        max-width: 430px;

        margin: 40px auto 0;

        display: grid;

        grid-template-columns: 1fr;

        row-gap: 28px;

        column-gap: 0;

        text-align: center;
    }


    .stat {

        width: 100%;

        text-align: center;
    }


    .stat h3 {

        font-size: 30px;

        line-height: 1;

        margin: 0 0 7px;
    }


    .stat p {

        font-size: 11.5px;

        line-height: 1.4;

        margin: 0;
    }
}


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

@media (max-width: 400px) {

    .term-stats {

        margin-top: 35px;

        grid-template-columns: 1fr;

        row-gap: 25px;
    }


    .stat {

        text-align: center;
    }


    .stat h3 {

        font-size: 27px;

        margin-bottom: 6px;
    }


    .stat p {

        font-size: 10.5px;
    }
}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width: 350px) {

    .term-stats {

        margin-top: 32px;

        row-gap: 23px;
    }


    .stat h3 {

        font-size: 25px;
    }


    .stat p {

        font-size: 10px;
    }
}