/*==============================================

MAHESA TIKTOK SECTION

==============================================*/

.mh-tt-section{

    width:100%;
    padding:120px 0;
    background:#ffffff;
    overflow:hidden;

}

.mh-tt-container{

    max-width:1500px;
    margin:auto;
    padding:0 35px;

}

.mh-tt-heading{

    max-width:760px;
    margin:0 auto 70px;
    text-align:center;

}

.mh-tt-label{

    display:inline-block;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:4px;
    font-weight:700;
    color:#111;

}

.mh-tt-title{

    font-size:46px;
    font-weight:700;
    margin:18px 0;
    color:#202020;

}

.mh-tt-text{

    font-size:16px;
    line-height:1.9;
    color:#777;

}

.mh-tt-grid{

    display:grid;

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

    gap:36px;

    align-items:start;

}

.mh-tt-card{

    position:relative;

    border-radius:22px;

    overflow:hidden;

    background:#fff;

    border:1px solid #ececec;

    transition:.35s;

}

.mh-tt-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 55px rgba(0,0,0,.12);

}

.mh-tt-card blockquote{

    width:100% !important;

    max-width:100% !important;

    margin:0 !important;

}

.mh-tt-card iframe{

    width:100% !important;

}

/* tablet */

@media(max-width:1200px){

.mh-tt-grid{

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

}

}

/* mobile */

@media(max-width:768px){

.mh-tt-section{

padding:80px 0;

}

.mh-tt-container{

padding:0 20px;

}

.mh-tt-grid{

grid-template-columns:1fr;

gap:24px;

}

.mh-tt-title{

font-size:34px;

}

}