application_17/src/App.scss

@import "./constants/size.scss";
@import "./constants/colors.scss";
@import "./views/Home/Landscape/Page1/index.scss";
@import "./views/Home/Landscape/Page2/index.scss";
@import "./views/Home/Landscape/Page2/Mobile/index";
@import "./views/Home/Landscape/Page1/Lights/index.scss";

* {
  font-family: Regular;
}

.ltr {
  direction: ltr;
}

.rtl {
  direction: rtl;
}

.scrolling-carousel button {
  display: none;
}

.bold {
  font-family: ExtraBold;
}

.shadow-all {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.08);
}

//slider
.styles-module_item-tracker__3bypy {
  padding-top: 20px !important;
  // transform: translateY(-20px) !important;
}

iframe {
  z-index: 0 !important;
  display: none !important;
}

@font-face {
  font-family: Black;
  src: url("./assets/font/IranSansX/Farsi/Black.ttf");
}

@font-face {
  font-family: Bold;
  src: url("./assets/font/IranSansX/Farsi/DemiBold.ttf");
}

@font-face {
  font-family: DemiBold;
  src: url("./assets/font/IranSansX/Farsi/DemiBold.ttf");
}

@font-face {
  font-family: ExtraBold;
  src: url("./assets/font/IranSansX/Farsi/ExtraBold.ttf");
}

@font-face {
  font-family: Light;
  src: url("./assets/font/IranSansX/Farsi/Light.ttf");
}

@font-face {
  font-family: Medium;
  src: url("./assets/font/IranSansX/Farsi/Medium.ttf");
}

@font-face {
  font-family: Regular;
  src: url("./assets/font/IranSansX/Farsi/Regular.ttf");
}

@font-face {
  font-family: Thin;
  src: url("./assets/font/IranSansX/Farsi/Thin.ttf");
}

@font-face {
  font-family: UltraLight;
  src: url("./assets/font/IranSansX/Farsi/UltraLight.ttf");
}

//map
.mapboxgl-map {
  width: 100% !important;
  height: 100% !important;
  border-radius: 20px !important;

  .marker {
    width: 20px;
    height: 20px;
  }
}

.container {
  width: 100%;
  margin: 0px auto;
}

@media screen and (min-width: $xs) {
  .container {
    max-width: 80%;
  }
}

@media screen and (min-width: $lg) {
  .container {
    max-width: 100%;
  }
}

@media screen and (min-width: $xl) {
  .container {
    max-width: 1200px;
  }
}

@media screen and (min-width: $xxl) {
  .container {
    max-width: 1480px;
  }
}

.Toastify * {
  font-size: 13px;
}