/* line 2, ../sass/MainRtl.scss */
body {
  font-family: "Amiri", serif;
}

/* line 72, ../sass/_Mixins.scss */
.u-ListStyling {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@font-face {
  font-family: Mokoto;
  src: url("/Fonts/Mokoto-1265663/Mokoto Glitch.ttf");
}
/* line 6, ../sass/_variable.scss */
:root {
  --PrimaryColor: #ECE9E6;
  --SecondaryColor: #111111;
  --TerniaryColor: #D1B05C;
  --TextColor: #202122;
  font-size: 10px;
}

/* line 20, ../sass/_variable.scss */
.Content_Gap {
  gap: calc(24px + 2vw);
}

/* line 28, ../sass/_variable.scss */
.Component_Gap {
  margin-top: calc(42px + 2vw);
}

/* line 36, ../sass/_variable.scss */
.font-size, .Hero__textSplit {
  font-size: calc(1rem + 1vw);
}

/* line 43, ../sass/_variable.scss */
.padding-sides {
  padding-right: calc(2rem + 1vw);
  padding-left: calc(2rem + 1vw);
}

/* line 1, ../sass/_utlilties.scss */
.BodyText {
  font-size: 14px;
  color: #232323;
  font-family: Garet;
}

/* line 11, ../sass/_utlilties.scss */
.Section_Padding {
  padding-top: 42px;
  padding-bottom: 42px;
}

/* line 18, ../sass/_utlilties.scss */
.section_Padding_top {
  padding-top: 42px;
}

/* line 23, ../sass/_utlilties.scss */
.mt {
  padding-top: 20rem;
}

/* line 28, ../sass/_utlilties.scss */
.u-content-section {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (min-width: 320px) and (max-width: 768px) {
  /* line 28, ../sass/_utlilties.scss */
  .u-content-section {
    padding: 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 28, ../sass/_utlilties.scss */
  .u-content-section {
    padding: 2rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1440px) {
  /* line 28, ../sass/_utlilties.scss */
  .u-content-section {
    padding: 4rem;
  }
}

/* line 12, ../sass/Sections/_HeroRtl.scss */
.Hero__textSplit {
  position: relative;
  font-style: italic;
}
@media screen and (min-width: 600px) {
  /* line 12, ../sass/Sections/_HeroRtl.scss */
  .Hero__textSplit {
    font-size: 14px;
  }
}
/* line 30, ../sass/Sections/_HeroRtl.scss */
.Hero__textSplit:not(:last-child)::after {
  position: absolute;
  content: '';
  right: -10px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--SecondaryColor);
}
@media screen and (max-width: 660px) {
  /* line 30, ../sass/Sections/_HeroRtl.scss */
  .Hero__textSplit:not(:last-child)::after {
    content: none;
  }
}
/* line 53, ../sass/Sections/_HeroRtl.scss */
.Hero__textSplit__wrapper {
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: center;
}
@media screen and (max-width: 660px) {
  /* line 53, ../sass/Sections/_HeroRtl.scss */
  .Hero__textSplit__wrapper {
    flex-direction: column;
  }
}

/* line 16, ../sass/Layout/_NavigationRtl.scss */
.header__MainNavigation--list {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  transform: translateX(-100%);
  list-style: none;
}
@media screen and (min-width: 1024px) {
  /* line 16, ../sass/Layout/_NavigationRtl.scss */
  .header__MainNavigation--list {
    display: flex;
    flex-direction: row;
    transform: translateX(0);
  }
}
/* line 52, ../sass/Layout/_NavigationRtl.scss */
.header__MainNavigation--list.active {
  display: flex;
  position: fixed;
  background-color: var(--SecondaryColor);
  inset: 0;
  width: 100%;
  height: 100vh;
}
/* line 67, ../sass/Layout/_NavigationRtl.scss */
.header__MainNavigation--list.active a {
  color: white !important;
}
/* line 76, ../sass/Layout/_NavigationRtl.scss */
.header__MainNavigation--list--item {
  padding: 2rem;
}
/* line 83, ../sass/Layout/_NavigationRtl.scss */
.header__MainNavigation--list--item a {
  text-decoration: none;
  color: var(--TextColor);
  font-family: "Gilda Display", serif;
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
  /* line 83, ../sass/Layout/_NavigationRtl.scss */
  .header__MainNavigation--list--item a {
    font-size: 16px;
  }
}
/* line 101, ../sass/Layout/_NavigationRtl.scss */
.header__MainNavigation--list--item:last-child {
  background-color: var(--TerniaryColor);
  border-radius: 8px;
}

/* line 115, ../sass/Layout/_NavigationRtl.scss */
.burgerMenu {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 18px;
  background-color: var(--SecondaryColor);
  border-radius: 50%;
  color: var(--TerniaryColor);
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 99;
}
@media screen and (min-width: 1024px) {
  /* line 115, ../sass/Layout/_NavigationRtl.scss */
  .burgerMenu {
    display: none !important;
  }
}

/* line 1, ../sass/Layout/_SecondaryHeaderRTL.scss */
.SecondaryHeader {
  padding: 2rem;
}
/* line 10, ../sass/Layout/_SecondaryHeaderRTL.scss */
.SecondaryHeader__Navigation ul {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  transform: translateX(-100%);
  list-style: none;
}
@media screen and (min-width: 1024px) {
  /* line 10, ../sass/Layout/_SecondaryHeaderRTL.scss */
  .SecondaryHeader__Navigation ul {
    display: flex;
    flex-direction: row;
    transform: translateX(0);
  }
}
/* line 44, ../sass/Layout/_SecondaryHeaderRTL.scss */
.SecondaryHeader__Navigation ul.active {
  display: flex;
  position: fixed;
  background-color: var(--SecondaryColor);
  inset: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
}
/* line 62, ../sass/Layout/_SecondaryHeaderRTL.scss */
.SecondaryHeader__Navigation ul.active a {
  color: white !important;
}

/* line 3, ../sass/Pages/_LandingPageRtl.scss */
body {
  font-family: madina;
}

/* line 8, ../sass/Pages/_LandingPageRtl.scss */
.H1 {
  font-size: calc(1.8rem + 2vw);
  color: var(--TextColor);
  max-width: 700px;
  font-family: inherit;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  /* line 8, ../sass/Pages/_LandingPageRtl.scss */
  .H1 {
    text-align: right;
    font-size: 42px;
  }
}
@media screen and (min-width: 1600px) {
  /* line 8, ../sass/Pages/_LandingPageRtl.scss */
  .H1 {
    font-size: 64px !important;
  }
}

/* line 20, ../sass/Pages/_LandingPageRtl.scss */
.OurWork .swiper {
  width: 100%;
  height: 100%;
}
/* line 51, ../sass/Pages/_LandingPageRtl.scss */
.OurWork .swiper-slide--Next_Button {
  position: absolute;
  transition: all 0.4s ease-in-out;
  top: 300px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid var(--TextColor);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  left: 150px;
  right: unset;
}
@media screen and (min-width: 1024px) {
  /* line 60, ../sass/Pages/_LandingPageRtl.scss */
  .OurWork .swiper-slide--Next_Button:hover {
    transform: scale(1.1);
  }
}
@media screen and (max-width: 769px) {
  /* line 51, ../sass/Pages/_LandingPageRtl.scss */
  .OurWork .swiper-slide--Next_Button {
    top: 56%;
    left: 10px;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background-color: white;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 51, ../sass/Pages/_LandingPageRtl.scss */
  .OurWork .swiper-slide--Next_Button {
    top: 56%;
    left: 10px;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background-color: white;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1200px) {
  /* line 51, ../sass/Pages/_LandingPageRtl.scss */
  .OurWork .swiper-slide--Next_Button {
    top: 56%;
    left: 10px;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background-color: white;
  }
}
@media screen and (min-width: 1199px) and (max-width: 1440px) {
  /* line 51, ../sass/Pages/_LandingPageRtl.scss */
  .OurWork .swiper-slide--Next_Button {
    top: 56%;
    left: 10px;
    transform: translateY(-50%);
    background-color: white;
  }
}
@media screen and (min-width: 1439px) and (max-width: 1600px) {
  /* line 51, ../sass/Pages/_LandingPageRtl.scss */
  .OurWork .swiper-slide--Next_Button {
    transform: translateY(-50%);
    top: 56%;
    left: 10px;
    background-color: white;
  }
}

/* line 213, ../sass/Pages/_LandingPageRtl.scss */
.contactus {
  display: flex;
  flex-direction: row-reverse;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  /* line 213, ../sass/Pages/_LandingPageRtl.scss */
  .contactus {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  /* line 226, ../sass/Pages/_LandingPageRtl.scss */
  .contactus .split {
    padding: 2rem;
  }
}
/* line 233, ../sass/Pages/_LandingPageRtl.scss */
.contactus .split h2 {
  text-align: right;
}
/* line 237, ../sass/Pages/_LandingPageRtl.scss */
.contactus .split p {
  text-align: right;
  font-size: 16px;
}
/* line 245, ../sass/Pages/_LandingPageRtl.scss */
.contactus .split:last-child {
  padding-left: 2rem;
}

/* line 1, ../sass/Layout/_FlexLayoutRtl.scss */
.flex-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media screen and (min-width: 1024px) {
  /* line 1, ../sass/Layout/_FlexLayoutRtl.scss */
  .flex-container {
    flex-direction: row !important;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1200px) {
  /* line 1, ../sass/Layout/_FlexLayoutRtl.scss */
  .flex-container {
    gap: 0px;
  }
}