/* =====================================================
   GDS RESPONSIVE FIXES
   Rule #1: Never create horizontal scrolling
===================================================== */

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

html{
    width:100%;
    overflow-x:hidden;
}

body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
}

img,
video,
iframe,
canvas,
svg{
    display:block;
    max-width:100%;
    height:auto;
}

.container{
    width:100%;
    max-width:1200px;
    margin-inline:auto;
    padding-inline:1rem;
}

.grid-2,
.grid-3,
.grid-4,
.why-grid,
.feature-grid,
.footer-main,
.hero-content{
    min-width:0;
}

@media (max-width:992px){

    .grid-3,
    .grid-4,
    .feature-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .why-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width:768px){

    .grid-2,
    .grid-3,
    .grid-4,
    .why-grid,
    .feature-grid,
    .footer-main{
        display:grid;
        grid-template-columns:minmax(0,1fr);
    }

    .card,
    .card-content{
        min-width:0;
    }

    .button-group{
        flex-wrap:wrap;
    }

    .navbar-menu{
        width:100%;
    }

    table,
    pre{
        overflow:auto;
    }
}

/* ==========================================
   DIGITAL IDENTITY
========================================== */

.feature-grid{

    display:grid;

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

    gap:2rem;

}

@media (max-width:992px){

    .feature-grid{

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

    }

}

@media (max-width:768px){

    .feature-grid{

        grid-template-columns:1fr;

    }

}

.feature-card{

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

    padding:1.5rem;

}

.feature-card img{

    display:block;

    width:100%;

    max-width:180px;      /* phone width */

    height:auto;

    object-fit:contain;

    margin:0 auto 1.25rem;

    border-radius:1rem;

    border:1px solid #e8e8e8;

    box-shadow:0 .5rem 1.5rem rgba(0,0,0,.08);

}