* {
  box-sizing: border-box;
}
:root{
  --primary-color: #BA955E;
  --secondary-color: #4F4F4F;
  --primary-bg-light: #fffefd;
  --black: #000000;
  --primary-font: 'Comfortaa';
  --secondary-font: 'Open Sans', sans-serif;
  --default-bg-img: url("../assets/general/marahb-background.png");
  --font-primary-ar: "";
  --font-secondary-ar:"";
  --font-primary-en: "Faculty-Glyphin";
  --font-secondary-en:"";
}
html, body {
  margin: 0px;
  padding: 0px;
}
body{
  height: 100vh;
  background-image: var(--default-bg-img);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
body.modal-active{
  overflow: hidden;
}
input{
  width: 100%;
  max-width: 100%;
}
input,
input:focus,
input:active{
  outline: none;
  border: none;
}
.vw-container{
  width: 90vw;
}
.container{
  max-width: 1440px;
}
.container,
.vw-container{
  margin: 0 auto;
  padding: 0 60px;
}

.branded-dark-bg{
  background-image: var(--default-bg-img);
}

ul, ol, p, div{
  margin: 0px;
}
.btn{
  cursor: pointer;
  border-radius: 20px;
  outline: none;
  border: none;
}
.d-none{
  display: none;
}
@media screen and (min-width: 1050px){
  .vw-container{
    width: 90vw;
  }
  .container,
  .vw-container{
    padding: 0 40px;
  }
}