/*======================================================================
MF-12

SECTION FOUNDATION
Version : 3.0

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


.ms-section{

position:relative;

display:block;

width:100%;

padding-block:var(--ms-space-12);

background:transparent;

overflow:hidden;

}

.ms-section-xs{

padding-block:var(--ms-space-6);

}

.ms-section-sm{

padding-block:var(--ms-space-8);

}

.ms-section-md{

padding-block:var(--ms-space-10);

}

.ms-section-lg{

padding-block:var(--ms-space-12);

}

.ms-section-xl{

padding-block:var(--ms-space-14);

}


.ms-container{

width:min(100% - 48px,var(--ms-container));

margin-inline:auto;

}

.ms-container-wide{

width:min(100% - 48px,var(--ms-container-wide));

margin-inline:auto;

}

.ms-container-narrow{

width:min(100% - 48px,var(--ms-container-narrow));

margin-inline:auto;

}


.ms-section-dark{

background:var(--ms-bg);

color:var(--ms-text);

}

.ms-section-light{

background:var(--ms-surface);

color:var(--ms-text);

}

.ms-section-transparent{

background:transparent;

}

.ms-section-bordered{

border-top:1px solid var(--ms-border);

border-bottom:1px solid var(--ms-border);

}


.ms-section-full{

width:100%;

}

.ms-section-contained{

width:min(100%,var(--ms-container));

margin-inline:auto;

}

.ms-section-wide{

width:min(100%,var(--ms-container-wide));

margin-inline:auto;

}

.ms-section-narrow{

width:min(100%,var(--ms-container-narrow));

margin-inline:auto;

}


.ms-section-left{

text-align:left;

}

.ms-section-center{

text-align:center;

}

.ms-section-right{

text-align:right;

}


.ms-section-divider{

position:relative;

}

.ms-section-divider::after{

content:"";

display:block;

width:100%;

height:1px;

margin-top:var(--ms-space-12);

background:var(--ms-border);

opacity:.6;

}


.ms-section-header{

margin-bottom:var(--ms-space-10);

}

.ms-section-title{

margin-bottom:var(--ms-space-4);

}

.ms-section-subtitle{

margin-bottom:var(--ms-space-6);

}

.ms-section-content{

margin-top:var(--ms-space-8);

}

.ms-section-footer{

margin-top:var(--ms-space-10);

}


.ms-section-overflow-visible{

overflow:visible;

}

.ms-section-overflow-hidden{

overflow:hidden;

}

.ms-section-relative{

position:relative;

}

.ms-section-isolate{

isolation:isolate;

}


@media (max-width:1024px){

.ms-section{

padding-block:var(--ms-space-10);

}

}

@media (max-width:767px){

.ms-section{

padding-block:var(--ms-space-8);

}

.ms-container,

.ms-container-wide,

.ms-container-narrow{

width:min(100% - 32px,100%);

}

}