/* ==========================
   GLOBAL RESET
========================== */

*,
*::before,
*::after{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:Inter,sans-serif;
    color:#111827;
    background:#F8FAFC;
    line-height:1.6;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
}

.gbk-container{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
}

.gbk-section{
    padding:56px 0;
}

.gbk-heading{
    font-weight:700;
    line-height:1.15;
}

.gbk-text{
    color:#64748B;
}

.gbk-badge{

    display:inline-block;
    padding:8px 18px;
    border-radius:999px;
    background:#E8F0FF;
    color:#2563EB;
    font-size:14px;
    font-weight:600;
}

.gbk-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 36px;
    border-radius:14px;
    font-weight:600;
    transition:.3s;
    color:#fff !important;
}

.gbk-btn-primary{
    background:#2563EB;
    color:#ffffff !important;
}

.gbk-btn-primary:hover{
    background:#1D4ED8;
}

.gbk-btn-secondary{
    background:#ffffff;
    color:#0F172A !important;
    border:1px solid #CBD5E1;
}

.gbk-btn-secondary:hover{
    background:#F8FAFC;
}



/* ===== GP Layout Fix ===== */

.inside-article{
    padding:0 !important;
}

.site-main{
    margin:0 !important;
}

.separate-containers .inside-article{
    padding:0 !important;
}





/* ===================================
   GeneratePress Layout Compatibility
=================================== */

.site-content{
    display:block;
}

.site-main{
    width:100%;
    max-width:100%;
    flex:0 0 100%;
}

.content-area{
    width:100%;
    max-width:100%;
    flex:0 0 100%;
}



/* ===================================
   GBK SECTION HEADER
=================================== */

.gbk-section-header{

    text-align:center;
    margin-bottom:48px;

}

.gbk-section-header .gbk-heading{

    font-size:44px;
    margin:16px 0;

}

.gbk-section-header .gbk-text{

    max-width:680px;
    margin:0 auto;
    line-height:1.7;

}

/* ===================================
   GBK GRID SYSTEM
=================================== */

.gbk-grid{

    display:grid;

    gap:30px;

}

.gbk-grid-2{

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

}

.gbk-grid-3{

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

}

.gbk-grid-4{

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

}

/* Tablet */

@media (max-width:992px){

    .gbk-grid-3,
    .gbk-grid-4{

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

    }

}

/* Mobile */

@media (max-width:768px){

    .gbk-grid,
    .gbk-grid-2,
    .gbk-grid-3,
    .gbk-grid-4{

        grid-template-columns:1fr;

    }

}