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

.iq-container{

    width:100%;

    max-width:1280px;

    margin-inline:auto;

    padding-inline:16px;

}

@media(min-width:768px){

.iq-container{

padding-inline:24px;

}

}

@media(min-width:1024px){

.iq-container{

padding-inline:48px;

}

}

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

.iq-section{

padding-block:64px;

}

@media(min-width:768px){

.iq-section{

padding-block:96px;

}

}

.iq-section-muted{
    background: var(--secondary);
}

.iq-section-dark{

background:var(--primary);

color:var(--primary-foreground);

}