/* ==========================================
   RMPRS Theme - React Design Adaptation
   Extracted from reactsrc design
   ========================================== */

/* === FONTS (From Asset/all.min.css) === */
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');

/* === ROOT VARIABLES === */
:root{
  --main-font:"Almarai", sans-serif;
  --main-color:#ffc611;
  --main-color-dark:#e6ac00;
  --second-color:#1e5b79;
}
/* start roles */
*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: var(--main-font);
}
/* start main rools */
.container{
  margin-left: auto;
  margin-right: auto;
  padding-left: 36px;
  padding-right: 36px;
}
/* Small */
@media (min-width:768px){
  .container {
           width:750px;
  }
}
/* Medium */
@media (min-width:992px){
  .container {
           width:970px;
  }
}
/* Large */
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}