/*======================================================================
MF-03

FLEX FOUNDATION
Version : 3.0
======================================================================*/

.ms-container{

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

margin-inline:auto;

position:relative;

}


.ms-container-wide{

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

margin-inline:auto;

position:relative;

}


.ms-container-narrow{

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

margin-inline:auto;

position:relative;

}

.ms-section{

position:relative;

width:100%;

padding-block:var(--ms-section-padding-y);

}


.ms-section-sm{

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

}


.ms-section-md{

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

}


.ms-section-lg{

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

}

.ms-content{

max-width:760px;

width:100%;

}


.ms-content-lg{

max-width:920px;

width:100%;

}


.ms-content-xl{

max-width:1080px;

width:100%;

}


.ms-content-full{

width:100%;

max-width:none;

}

.ms-auto{

margin-inline:auto;

}

.ms-w-full{

width:100%;

}


.ms-w-auto{

width:auto;

}

.ms-flex{

display:flex;

}


.ms-flex-row{

flex-direction:row;

}

.ms-flex-column{

flex-direction:column;

}

.ms-flex-row-reverse{

flex-direction:row-reverse;

}

.ms-flex-column-reverse{

flex-direction:column-reverse;

}

.ms-wrap{

flex-wrap:wrap;

}

.ms-nowrap{

flex-wrap:nowrap;

}

.ms-wrap-reverse{

flex-wrap:wrap-reverse;

}

.ms-justify-start{

justify-content:flex-start;

}

.ms-justify-center{

justify-content:center;

}

.ms-justify-end{

justify-content:flex-end;

}

.ms-justify-between{

justify-content:space-between;

}

.ms-justify-around{

justify-content:space-around;

}

.ms-justify-evenly{

justify-content:space-evenly;

}

.ms-align-start{

align-items:flex-start;

}

.ms-align-center{

align-items:center;

}

.ms-align-end{

align-items:flex-end;

}

.ms-align-stretch{

align-items:stretch;

}

.ms-align-baseline{

align-items:baseline;

}


.ms-grow{

flex-grow:1;

}

.ms-grow-0{

flex-grow:0;

}

.ms-shrink{

flex-shrink:1;

}

.ms-shrink-0{

flex-shrink:0;

}


.ms-flex-1{

flex:1;

}

.ms-flex-auto{

flex:auto;

}

.ms-flex-none{

flex:none;

}


@media (max-width:1024px){

.ms-tablet-column{

flex-direction:column;

}

.ms-tablet-row{

flex-direction:row;

}

}



@media (max-width:767px){

.ms-mobile-column{

flex-direction:column;

}

.ms-mobile-row{

flex-direction:row;

}

}


@media (max-width:767px){

.ms-mobile-center{

justify-content:center;

align-items:center;

}

.ms-mobile-start{

justify-content:flex-start;

align-items:flex-start;

}

}



@media (max-width:1024px){

.ms-container{

width:min(
100% - (2 * var(--ms-container-padding-tablet)),
var(--ms-container)
);

}

}



@media (max-width:767px){

.ms-container{

width:min(
100% - (2 * var(--ms-container-padding-mobile)),
100%
);

}

}


@media (max-width:1024px){

.ms-section{

padding-block:var(--ms-section-padding-tablet);

}

}



@media (max-width:767px){

.ms-section{

padding-block:var(--ms-section-padding-mobile);

}

}


.ms-gap-0{gap:0;}

.ms-gap-1{gap:var(--ms-space-2);}

.ms-gap-2{gap:var(--ms-space-4);}

.ms-gap-3{gap:var(--ms-space-6);}

.ms-gap-4{gap:var(--ms-space-8);}

.ms-gap-5{gap:var(--ms-space-10);}

.ms-gap-6{gap:var(--ms-space-12);}

.ms-gap-7{gap:var(--ms-space-16);}

.ms-gap-8{gap:var(--ms-space-20);}