/* ==========================================
   LAYOUT
   Ramazan Market
========================================== */

/* Container */

.container{
    width:100%;
    max-width:1400px;
    margin-inline:auto;
    padding-inline:20px;
}

/* Sections */

.section{
    padding:80px 0;
}

.section-sm{
    padding:50px 0;
}

.section-lg{
    padding:120px 0;
}

/* Flex */

.flex{
    display:flex;
}

.flex-center{
    display:flex;
    align-items:center;
    justify-content:center;
}

.flex-between{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.flex-column{
    display:flex;
    flex-direction:column;
}

/* Grid */

.grid{
    display:grid;
    gap:30px;
}

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

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

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

/* Width */

.w-100{
    width:100%;
}

/* Text */

.text-center{
    text-align:center;
}

.text-right{
    text-align:right;
}

.text-left{
    text-align:left;
}

/* Spacing */

.mt-1{margin-top:10px;}
.mt-2{margin-top:20px;}
.mt-3{margin-top:30px;}
.mt-4{margin-top:40px;}
.mt-5{margin-top:60px;}

.mb-1{margin-bottom:10px;}
.mb-2{margin-bottom:20px;}
.mb-3{margin-bottom:30px;}
.mb-4{margin-bottom:40px;}
.mb-5{margin-bottom:60px;}

/* Hide */

.hidden{
    display:none !important;
}