/*==================================================
LAYOUT.CSS
==================================================*/
.container{width:min(var(--container),calc(100% - 40px));margin:0 auto;}
.container-fluid{width:100%;padding:0 30px;}
.section{padding:80px 0;}
.section-sm{padding:50px 0;}
.section-lg{padding:120px 0;}

.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}
[class^="col-"]{padding:15px;}
.col-1{width:8.3333%}.col-2{width:16.6667%}.col-3{width:25%}.col-4{width:33.3333%}
.col-5{width:41.6667%}.col-6{width:50%}.col-7{width:58.3333%}.col-8{width:66.6667%}
.col-9{width:75%}.col-10{width:83.3333%}.col-11{width:91.6667%}.col-12{width:100%}

.grid{display:grid;gap:30px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}

.d-flex{display:flex}.flex-column{flex-direction:column}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.align-center{align-items:center}
.gap-10{gap:10px}.gap-20{gap:20px}.gap-30{gap:30px}

.academy-layout{display:grid;grid-template-columns:300px 1fr;min-height:100vh}
.academy-content{padding:40px}

@media(max-width:992px){
.academy-layout{grid-template-columns:1fr}
.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}
[class^="col-"]{width:100%}
}