/* ==========================================================
   MENTOROID EDUVISOR
   Global Layout System
   Version: 1.0
   ========================================================== */

/* Universal Reset */

*,
*::before,
*::after{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

/* Base */

html,
body{
  width:100%;
  min-height:100%;
}

body{
  overflow-x:hidden;
  padding-top:42px;
}

/* Images */

img{
  max-width:100%;
  display:block;
}

/* Buttons */

button{
  border:none;
  background:none;
  cursor:pointer;
  font:inherit;
}

/* Inputs */

input,
textarea,
select{
  font:inherit;
  outline:none;
}

/* Sections */

section{
  position:relative;
  width:100%;
  padding:var(--space-3xl) 0;
}

/* Main Container */

.container{
  width:min(1200px,92%);
  margin-inline:auto;
}

/* Flex Utilities */

.flex{
  display:flex;
}

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

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

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

/* Grid */

.grid{
  display:grid;
}

/* Hidden */

.hidden{
  display:none !important;
}