@import url("https://fonts.googleapis.com/css2?family=Merienda:wght@300..900&display=swap");
@font-face {
  font-family: ArslanWessam;
  src: url("/Fonts/ArslanWessam.ttf");
}
/* line 12, ../sass/_reset.scss */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* line 23, ../sass/_reset.scss */
body {
  font-family: "Merienda", cursive;
}

/* line 33, ../sass/_reset.scss */
a {
  text-decoration: none;
}

/* line 40, ../sass/_reset.scss */
.swiper {
  width: 100%;
  height: 100%;
}

/* line 49, ../sass/_reset.scss */
.TechSwiper img {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: contain;
  max-width: 200px;
}

/* line 65, ../sass/_reset.scss */
.HashsolutionsLogo {
  width: 300px;
  filter: brightness(0%) invert(1);
  margin-top: 24px;
  object-fit: cover;
}

/* line 2, ../sass/_variable.scss */
:root {
  --PrimaryColor: #844C2B;
  --SecondaryColor: #FFCB7D;
  font-size: 10px;
}

/* line 1, ../sass/_utlilties.scss */
.FullHero {
  height: 100vh;
  position: relative;
}
@media screen and (min-width: 300px) and (max-width: 375px) and (min-height: 400px) and (max-height: 1000px) {
  /* line 1, ../sass/_utlilties.scss */
  .FullHero {
    height: 1200px;
  }
}
@media screen and (min-width: 375px) and (max-width: 425px) and (min-height: 400px) and (max-height: 1000px) {
  /* line 1, ../sass/_utlilties.scss */
  .FullHero {
    height: 1100px;
  }
}
@media screen and (min-width: 425px) and (max-width: 769px) and (min-height: 400px) and (max-height: 1000px) {
  /* line 1, ../sass/_utlilties.scss */
  .FullHero {
    height: 1100px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) and (min-height: 400px) and (max-height: 1000px) {
  /* line 1, ../sass/_utlilties.scss */
  .FullHero {
    height: 1000px;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1200px) {
  /* line 1, ../sass/_utlilties.scss */
  .FullHero {
    height: 700px;
  }
}

/* line 47, ../sass/_utlilties.scss */
.u-seconday, .u-seconday-Mid-Black {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 18px !important;
  letter-spacing: 0 !important;
  font-weight: bold;
}

/* line 58, ../sass/_utlilties.scss */
.u-seconday-Mid-Black {
  color: var(--SecondaryColor) !important;
}

/* line 65, ../sass/_utlilties.scss */
.flex-container {
  display: flex;
  justify-content: space-between;
}

/* line 75, ../sass/_utlilties.scss */
.SocialMediaLink {
  display: flex;
  align-items: center;
  padding: 2rem;
  gap: 12px;
  cursor: pointer;
}
/* line 91, ../sass/_utlilties.scss */
.SocialMediaLink i {
  color: black;
  font-size: 18px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
}
/* line 117, ../sass/_utlilties.scss */
.SocialMediaLink p {
  color: white;
  font-size: 14px;
}

/* line 126, ../sass/_utlilties.scss */
.SocialMediaLink__Wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px;
}
@media screen and (max-width: 769px) {
  /* line 126, ../sass/_utlilties.scss */
  .SocialMediaLink__Wrapper {
    align-items: flex-start;
    justify-content: flex-start;
  }
}

/* line 150, ../sass/_utlilties.scss */
.u-noraml-height {
  height: 200px;
}

/* line 157, ../sass/_utlilties.scss */
.u-menu-header {
  height: 120px;
}

/* line 163, ../sass/_utlilties.scss */
.OurMenu__wrapper_grid, .accordion__content__Wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
  gap: 42px;
}
@media screen and (min-width: 299px) and (max-width: 375px) {
  /* line 163, ../sass/_utlilties.scss */
  .OurMenu__wrapper_grid, .accordion__content__Wrapper {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 374px) and (max-width: 425px) {
  /* line 163, ../sass/_utlilties.scss */
  .OurMenu__wrapper_grid, .accordion__content__Wrapper {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 424px) and (max-width: 769px) {
  /* line 163, ../sass/_utlilties.scss */
  .OurMenu__wrapper_grid, .accordion__content__Wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 163, ../sass/_utlilties.scss */
  .OurMenu__wrapper_grid, .accordion__content__Wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1023px) and (max-width: 1200px) {
  /* line 163, ../sass/_utlilties.scss */
  .OurMenu__wrapper_grid, .accordion__content__Wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1199px) and (max-width: 1440px) {
  /* line 163, ../sass/_utlilties.scss */
  .OurMenu__wrapper_grid, .accordion__content__Wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* line 1, ../sass/Layout/_Header.scss */
header {
  position: relative;
  height: 100vh;
}
@media screen and (max-width: 769px) {
  /* line 1, ../sass/Layout/_Header.scss */
  header {
    height: 685px;
    background-color: black;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  /* line 1, ../sass/Layout/_Header.scss */
  header {
    height: 685px;
    background-color: black;
  }
}

/* line 73, ../sass/Layout/_Header.scss */
video {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  z-index: 0;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 769px) {
  /* line 73, ../sass/Layout/_Header.scss */
  video {
    height: 300px;
    min-height: auto;
  }
}

/* line 98, ../sass/Layout/_Header.scss */
.PrimaryNavigation {
  position: relative;
  padding: 1rem 2rem;
  width: 100%;
  z-index: 99;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 769px) {
  /* line 98, ../sass/Layout/_Header.scss */
  .PrimaryNavigation {
    justify-content: center;
  }
}
/* line 128, ../sass/Layout/_Header.scss */
.PrimaryNavigation.active {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: var(--PrimaryColor);
  flex-direction: column;
}
/* line 142, ../sass/Layout/_Header.scss */
.PrimaryNavigation__BurgerIcon {
  position: absolute;
  top: 20px;
  right: 10px;
  cursor: pointer;
  width: 32px;
  z-index: 99;
  height: 32px;
}
@media screen and (min-width: 769px) {
  /* line 142, ../sass/Layout/_Header.scss */
  .PrimaryNavigation__BurgerIcon {
    display: none;
  }
}
/* line 168, ../sass/Layout/_Header.scss */
.PrimaryNavigation__logo {
  max-width: 64px;
  max-height: 64px;
  object-fit: cover;
  align-self: flex-start;
}
@media screen and (min-width: 769px) {
  /* line 168, ../sass/Layout/_Header.scss */
  .PrimaryNavigation__logo {
    max-width: 92px;
    max-height: 92px;
  }
}
/* line 190, ../sass/Layout/_Header.scss */
.PrimaryNavigation--list {
  width: 70%;
  display: flex;
  align-items: center;
  gap: 42px;
  justify-content: center;
  list-style: none;
}
@media screen and (max-width: 769px) {
  /* line 190, ../sass/Layout/_Header.scss */
  .PrimaryNavigation--list {
    display: none;
  }
}
/* line 216, ../sass/Layout/_Header.scss */
.PrimaryNavigation--list.active {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}
/* line 244, ../sass/Layout/_Header.scss */
.PrimaryNavigation--list__item a {
  text-decoration: none;
  color: white;
  font-size: 18px;
}

/* line 259, ../sass/Layout/_Header.scss */
.PrimaryNavigation_V2 {
  background-color: black;
}

/* line 265, ../sass/Layout/_Header.scss */
.header_image {
  background-image: url('/Assets/headerHero.jpg?1710107578');
  position: relative;
  width: 100%;
  height: 60vh;
  background-size: cover;
}
@media screen and (min-width: 299px) and (max-width: 375px) {
  /* line 265, ../sass/Layout/_Header.scss */
  .header_image {
    height: 200px;
  }
}
@media screen and (min-width: 374px) and (max-width: 425px) {
  /* line 265, ../sass/Layout/_Header.scss */
  .header_image {
    height: 300px;
  }
}
@media screen and (min-width: 424px) and (max-width: 769px) {
  /* line 265, ../sass/Layout/_Header.scss */
  .header_image {
    height: 300px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 265, ../sass/Layout/_Header.scss */
  .header_image {
    height: 500px;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1200px) {
  /* line 265, ../sass/Layout/_Header.scss */
  .header_image {
    height: 500px;
  }
}
@media screen and (min-width: 1199px) and (max-width: 1440px) {
  /* line 265, ../sass/Layout/_Header.scss */
  .header_image {
    height: 500px;
  }
}
@media screen and (min-width: 1439px) and (max-width: 1600px) {
  /* line 265, ../sass/Layout/_Header.scss */
  .header_image {
    height: 500px;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1800px) {
  /* line 265, ../sass/Layout/_Header.scss */
  .header_image {
    height: 500px;
  }
}

/* line 322, ../sass/Layout/_Header.scss */
.header_pattern {
  background-image: url('/Assets/pattern.png?1710285200');
  background-size: cover;
}

/* line 1, ../sass/Layout/_SplitLayout.scss */
.container {
  display: flex;
}
@media screen and (max-width: 769px) {
  /* line 1, ../sass/Layout/_SplitLayout.scss */
  .container {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 1, ../sass/Layout/_SplitLayout.scss */
  .container {
    flex-direction: column;
  }
}
/* line 18, ../sass/Layout/_SplitLayout.scss */
.container__Split {
  overflow: hidden;
  width: 50%;
  flex-basis: auto;
  height: 1050px;
}
@media screen and (max-width: 769px) {
  /* line 18, ../sass/Layout/_SplitLayout.scss */
  .container__Split {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 18, ../sass/Layout/_SplitLayout.scss */
  .container__Split {
    width: 100%;
  }
}
/* line 55, ../sass/Layout/_SplitLayout.scss */
.container__Split:first-child {
  display: flex;
  flex-direction: column;
  background-color: black;
  position: relative;
}
/* line 75, ../sass/Layout/_SplitLayout.scss */
.container__Split:first-child p {
  font-size: 1.6rem;
  max-width: 600px;
  text-align: center;
  color: white;
  font-size: calc(0.8rem + 1vw);
  line-height: 1.5;
  font-weight: 100;
}
@media screen and (min-width: 769px) {
  /* line 75, ../sass/Layout/_SplitLayout.scss */
  .container__Split:first-child p {
    font-size: 16px;
  }
}
@media screen and (max-width: 769px) {
  /* line 75, ../sass/Layout/_SplitLayout.scss */
  .container__Split:first-child p {
    width: 90%;
  }
}
@media screen and (max-width: 730px) {
  /* line 55, ../sass/Layout/_SplitLayout.scss */
  .container__Split:first-child {
    height: 1100px;
  }
}
@media screen and (min-width: 730px) and (max-width: 769px) {
  /* line 55, ../sass/Layout/_SplitLayout.scss */
  .container__Split:first-child {
    height: 1000px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 55, ../sass/Layout/_SplitLayout.scss */
  .container__Split:first-child {
    height: 1050px;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1200px) {
  /* line 55, ../sass/Layout/_SplitLayout.scss */
  .container__Split:first-child {
    height: 1200px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1800px) {
  /* line 55, ../sass/Layout/_SplitLayout.scss */
  .container__Split:first-child {
    height: 1200px;
  }
}
/* line 144, ../sass/Layout/_SplitLayout.scss */
.container__Split:last-child {
  display: flex;
  flex-direction: column;
  background-image: url('/Assets/headerHero.jpg?1710107578');
  background-size: cover;
  background-position: center center;
  align-items: center;
  background-color: black;
  position: relative;
}
@media screen and (max-width: 769px) {
  /* line 144, ../sass/Layout/_SplitLayout.scss */
  .container__Split:last-child {
    height: 300px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 144, ../sass/Layout/_SplitLayout.scss */
  .container__Split:last-child {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 144, ../sass/Layout/_SplitLayout.scss */
  .container__Split:last-child {
    height: 300px;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1200px) {
  /* line 144, ../sass/Layout/_SplitLayout.scss */
  .container__Split:last-child {
    height: 1200px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1800px) {
  /* line 144, ../sass/Layout/_SplitLayout.scss */
  .container__Split:last-child {
    height: 1200px;
  }
}

/* line 205, ../sass/Layout/_SplitLayout.scss */
.strokBrush, .menu_Stroke, .ColdDrinkBrush, .HotDrinksBrush, .TeaBrush, .FRESHJUICEBrush, .REFRESHERSBrush, .TURKISHCOFFEEBrush, .NOVACCINOBrush, .DessertsBrush {
  width: 400px;
  max-width: 400px;
  height: 100px;
  object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 50vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 231, ../sass/Layout/_SplitLayout.scss */
.strokBrush img, .menu_Stroke img, .ColdDrinkBrush img, .HotDrinksBrush img, .TeaBrush img, .FRESHJUICEBrush img, .REFRESHERSBrush img, .TURKISHCOFFEEBrush img, .NOVACCINOBrush img, .DessertsBrush img {
  width: calc(20rem + 10vw);
}
/* line 243, ../sass/Layout/_SplitLayout.scss */
.strokBrush::after, .menu_Stroke::after, .ColdDrinkBrush::after, .HotDrinksBrush::after, .TeaBrush::after, .FRESHJUICEBrush::after, .REFRESHERSBrush::after, .TURKISHCOFFEEBrush::after, .NOVACCINOBrush::after, .DessertsBrush::after {
  position: absolute;
  content: 'Contact Us';
  left: 40%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 3rem;
  color: black;
  z-index: 8;
  font-size: calc(1rem + 1vw);
  text-align: center;
}

/* line 280, ../sass/Layout/_SplitLayout.scss */
.menu_Stroke {
  margin-bottom: 42px;
}
/* line 291, ../sass/Layout/_SplitLayout.scss */
.menu_Stroke::after {
  content: 'Our Menu' !important;
}

/* line 298, ../sass/Layout/_SplitLayout.scss */
.ColdDrinkBrush {
  margin: 42px 0px;
}
/* line 304, ../sass/Layout/_SplitLayout.scss */
.ColdDrinkBrush::after {
  content: 'Cold Drinks' !important;
}

/* line 311, ../sass/Layout/_SplitLayout.scss */
.HotDrinksBrush {
  margin: 42px 0px;
}
/* line 317, ../sass/Layout/_SplitLayout.scss */
.HotDrinksBrush::after {
  content: 'Hot Drinks' !important;
}

/* line 324, ../sass/Layout/_SplitLayout.scss */
.TeaBrush {
  margin: 42px 0px;
}
/* line 330, ../sass/Layout/_SplitLayout.scss */
.TeaBrush::after {
  content: 'Tea' !important;
}

/* line 336, ../sass/Layout/_SplitLayout.scss */
.FRESHJUICEBrush {
  margin: 42px 0px;
}
/* line 342, ../sass/Layout/_SplitLayout.scss */
.FRESHJUICEBrush::after {
  content: 'Fresh Juice' !important;
}

/* line 351, ../sass/Layout/_SplitLayout.scss */
.REFRESHERSBrush {
  margin: 42px 0px;
}
/* line 357, ../sass/Layout/_SplitLayout.scss */
.REFRESHERSBrush::after {
  content: 'REFRESHERS' !important;
}

/* line 367, ../sass/Layout/_SplitLayout.scss */
.TURKISHCOFFEEBrush {
  margin: 42px 0px;
}
/* line 373, ../sass/Layout/_SplitLayout.scss */
.TURKISHCOFFEEBrush::after {
  content: 'Turkish Coffee' !important;
}

/* line 379, ../sass/Layout/_SplitLayout.scss */
.NOVACCINOBrush {
  margin: 42px 0px;
}
/* line 385, ../sass/Layout/_SplitLayout.scss */
.NOVACCINOBrush::after {
  content: 'Novaccino' !important;
}

/* line 391, ../sass/Layout/_SplitLayout.scss */
.DessertsBrush {
  margin: 42px 0px;
}
/* line 397, ../sass/Layout/_SplitLayout.scss */
.DessertsBrush::after {
  content: 'Desserts' !important;
}

/* line 407, ../sass/Layout/_SplitLayout.scss */
.coffeBeans {
  position: absolute;
  top: -309px;
  transform: scale(0.7);
  right: -105px;
}
@media screen and (max-width: 769px) {
  /* line 407, ../sass/Layout/_SplitLayout.scss */
  .coffeBeans {
    transform: scale(0.4);
    top: -280px;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1200px) {
  /* line 407, ../sass/Layout/_SplitLayout.scss */
  .coffeBeans {
    transform: scale(0.4);
    top: -290px;
    right: -150px;
  }
}

/* line 435, ../sass/Layout/_SplitLayout.scss */
.coffecup {
  position: absolute;
  bottom: -250px;
  left: -40px;
}

/* line 447, ../sass/Layout/_SplitLayout.scss */
.align-center {
  display: flex;
  align-items: center;
  flex-direction: column;
}

/* line 457, ../sass/Layout/_SplitLayout.scss */
.follow {
  color: white;
  font-size: 2rem !important;
  font-weight: bold !important;
}
@media screen and (max-width: 769px) {
  /* line 457, ../sass/Layout/_SplitLayout.scss */
  .follow {
    font-size: 1.6rem !important;
  }
}

/* line 1, ../sass/Layout/_ModerFooter.scss */
.ModerFooter {
  padding: 8rem;
  background-color: black;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 769px) {
  /* line 1, ../sass/Layout/_ModerFooter.scss */
  .ModerFooter {
    padding: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  /* line 1, ../sass/Layout/_ModerFooter.scss */
  .ModerFooter {
    padding: 2rem;
  }
}
/* line 51, ../sass/Layout/_ModerFooter.scss */
.ModerFooter__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media screen and (min-width: 300px) and (max-width: 1024px) {
  /* line 51, ../sass/Layout/_ModerFooter.scss */
  .ModerFooter__wrapper {
    grid-template-columns: 1fr;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  /* line 51, ../sass/Layout/_ModerFooter.scss */
  .ModerFooter__wrapper {
    grid-template-columns: repeat(3, 1fr);
    align-items: flex-start;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1440px) {
  /* line 51, ../sass/Layout/_ModerFooter.scss */
  .ModerFooter__wrapper {
    grid-template-columns: repeat(3, 1fr);
    align-items: flex-start;
    justify-content: flex-start;
  }
}
/* line 103, ../sass/Layout/_ModerFooter.scss */
.ModerFooter__column {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
/* line 115, ../sass/Layout/_ModerFooter.scss */
.ModerFooter__column:not(:first-child) {
  align-items: center;
}
@media screen and (max-width: 1024px) {
  /* line 115, ../sass/Layout/_ModerFooter.scss */
  .ModerFooter__column:not(:first-child) {
    align-items: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  /* line 103, ../sass/Layout/_ModerFooter.scss */
  .ModerFooter__column {
    align-items: flex-start;
  }
}
/* line 134, ../sass/Layout/_ModerFooter.scss */
.ModerFooter__column__SocailLinks {
  display: flex;
  gap: 24px;
}
/* line 141, ../sass/Layout/_ModerFooter.scss */
.ModerFooter__column__SocailLinks i {
  color: black;
  font-size: 18px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
}
/* line 167, ../sass/Layout/_ModerFooter.scss */
.ModerFooter__column__logo {
  width: 94px;
  height: 94px;
  object-fit: cover;
}
/* line 177, ../sass/Layout/_ModerFooter.scss */
.ModerFooter__column p {
  color: white;
  font-size: calc(0.8rem + 1vw);
  line-height: 1.5;
  font-weight: 100;
  width: 100%;
}
@media screen and (min-width: 769px) {
  /* line 177, ../sass/Layout/_ModerFooter.scss */
  .ModerFooter__column p {
    font-size: 16px;
  }
}
/* line 187, ../sass/Layout/_ModerFooter.scss */
.ModerFooter__column__header {
  font-size: 2rem;
  color: var(--PrimaryColor);
}
/* line 198, ../sass/Layout/_ModerFooter.scss */
.ModerFooter__column__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  justify-content: space-around;
}
/* line 216, ../sass/Layout/_ModerFooter.scss */
.ModerFooter__column__list--item a {
  text-decoration: none;
  color: white;
  font-size: calc(0.8rem + 1vw);
  line-height: 1.5;
  font-weight: 100;
}
@media screen and (min-width: 769px) {
  /* line 216, ../sass/Layout/_ModerFooter.scss */
  .ModerFooter__column__list--item a {
    font-size: 16px;
  }
}
/* line 229, ../sass/Layout/_ModerFooter.scss */
.ModerFooter__poweeredBy {
  margin-top: 42px;
  background: #191919;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 40px 400px;
  gap: 16px;
}
@media screen and (max-width: 769px) {
  /* line 229, ../sass/Layout/_ModerFooter.scss */
  .ModerFooter__poweeredBy {
    padding: 2rem;
  }
}
/* line 253, ../sass/Layout/_ModerFooter.scss */
.ModerFooter__poweeredBy p {
  color: white;
  color: white;
  font-size: calc(0.8rem + 1vw);
  line-height: 1.5;
  font-weight: 100;
}
@media screen and (min-width: 769px) {
  /* line 253, ../sass/Layout/_ModerFooter.scss */
  .ModerFooter__poweeredBy p {
    font-size: 16px;
  }
}
@media screen and (max-width: 769px) {
  /* line 253, ../sass/Layout/_ModerFooter.scss */
  .ModerFooter__poweeredBy p {
    text-align: center;
  }
}
/* line 270, ../sass/Layout/_ModerFooter.scss */
.ModerFooter svg {
  transform: scale(0.5) !important;
}
@media screen and (min-width: 769px) {
  /* line 270, ../sass/Layout/_ModerFooter.scss */
  .ModerFooter svg {
    transform: scale(0.8) !important;
  }
}

/* line 1, ../sass/Components/_Button.scss */
.button, .Primary_CTA_Button {
  border-radius: 10px;
  display: inline-block;
  background-color: #373739;
  color: white;
  padding: 1rem 4rem;
  text-decoration: none;
  text-transform: capitalize;
  font-size: calc(1rem + 0.9vw);
}

/* line 1, ../sass/Components/_Accordion.scss */
.accordion {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 2rem;
}
/* line 22, ../sass/Components/_Accordion.scss */
.accordion::after {
  position: absolute;
  content: '';
  left: 0;
  bottom: 0px;
  width: 100%;
  background-color: #FFE9C8;
  height: 2px;
}
/* line 40, ../sass/Components/_Accordion.scss */
.accordion img {
  width: 174px;
  height: 234px;
  object-fit: contain;
}
@media screen and (max-width: 769px) {
  /* line 40, ../sass/Components/_Accordion.scss */
  .accordion img {
    height: 140px;
    width: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 40, ../sass/Components/_Accordion.scss */
  .accordion img {
    height: 120px;
    width: 60px;
  }
}
@media screen and (max-width: 769px) {
  /* line 63, ../sass/Components/_Accordion.scss */
  .accordion svg {
    height: 140px;
    width: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 63, ../sass/Components/_Accordion.scss */
  .accordion svg {
    height: 120px;
    width: 60px;
  }
}
/* line 86, ../sass/Components/_Accordion.scss */
.accordion__header {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}
/* line 97, ../sass/Components/_Accordion.scss */
.accordion__header__title {
  font-size: 4rem;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: calc(1.4rem + 1.5vw);
  color: white;
  font-weight: 700;
}
/* line 106, ../sass/Components/_Accordion.scss */
.accordion__header__title p {
  text-transform: uppercase;
}
/* line 123, ../sass/Components/_Accordion.scss */
.accordion__content {
  display: none;
  background: #191919;
  width: 100vw;
  padding: 80px 200px;
  transition: all 0.6s ease-in-out;
}
@media screen and (max-width: 1024px) {
  /* line 123, ../sass/Components/_Accordion.scss */
  .accordion__content {
    padding: 2rem;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1200px) {
  /* line 123, ../sass/Components/_Accordion.scss */
  .accordion__content {
    padding: 2rem;
  }
}
@media screen and (min-width: 1199px) and (max-width: 1440px) {
  /* line 123, ../sass/Components/_Accordion.scss */
  .accordion__content {
    padding: 2rem;
  }
}
/* line 158, ../sass/Components/_Accordion.scss */
.accordion__content.active {
  display: block;
}
/* line 172, ../sass/Components/_Accordion.scss */
.accordion__content__card img {
  border-radius: 18px;
  width: 300px;
  height: 300px;
  object-fit: cover;
}
/* line 182, ../sass/Components/_Accordion.scss */
.accordion__content__card--Title p {
  color: #FFF;
  font-size: 17px;
  font-weight: 700;
  text-transform: capitalize;
  max-width: 90%;
  text-align: center;
}
/* line 199, ../sass/Components/_Accordion.scss */
.accordion__content__card--Price {
  color: #EA9820;
  font-size: 20px;
  font-weight: 700;
  text-transform: capitalize;
}
/* line 221, ../sass/Components/_Accordion.scss */
.accordion__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* line 244, ../sass/Components/_Accordion.scss */
.coldColor {
  color: #5491D8;
}

/* line 249, ../sass/Components/_Accordion.scss */
.HotColor {
  color: #7F3939;
}

/* line 254, ../sass/Components/_Accordion.scss */
.TeaColor {
  color: #AC4646;
}

/* line 259, ../sass/Components/_Accordion.scss */
.ChevronDown {
  animation: ChevronMove 1s forwards;
}

/* line 266, ../sass/Components/_Accordion.scss */
.ChevronDefualt {
  animation: ChevronMoveRest 1s forwards;
}

@keyframes ChevronMoveRest {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(0deg);
  }
}
@keyframes ChevronMove {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(90deg);
  }
}
/* line 1, ../sass/Components/_preloader.scss */
.preloader {
  position: fixed;
  inset: 0;
  background-color: black;
  z-index: 9999;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
/* line 24, ../sass/Components/_preloader.scss */
.preloader img {
  width: 200px;
  height: 200px;
  object-fit: cover;
}
/* line 33, ../sass/Components/_preloader.scss */
.preloader p {
  color: white;
  font-size: calc(2rem + 1vw);
}

/* line 1, ../sass/Components/_Form.scss */
.ModernForm {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 42px;
  width: 100%;
  padding: 8rem;
}
@media screen and (max-width: 769px) {
  /* line 1, ../sass/Components/_Form.scss */
  .ModernForm {
    grid-template-columns: 1fr;
    padding: 2rem;
  }
}
/* line 28, ../sass/Components/_Form.scss */
.ModernForm__input {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 80%;
}
@media screen and (max-width: 769px) {
  /* line 28, ../sass/Components/_Form.scss */
  .ModernForm__input {
    width: 100%;
  }
}
/* line 47, ../sass/Components/_Form.scss */
.ModernForm__input:first-child {
  grid-column: 1/3;
}
@media screen and (max-width: 769px) {
  /* line 47, ../sass/Components/_Form.scss */
  .ModernForm__input:first-child {
    grid-column: 1;
  }
}
/* line 58, ../sass/Components/_Form.scss */
.ModernForm__input:nth-child(4) {
  grid-column: 1/3;
}
@media screen and (max-width: 769px) {
  /* line 58, ../sass/Components/_Form.scss */
  .ModernForm__input:nth-child(4) {
    grid-column: 1;
  }
}
/* line 70, ../sass/Components/_Form.scss */
.ModernForm__input input, .ModernForm__input textarea {
  outline: none;
  border: none;
  padding: 1rem;
  height: 60px;
  border-radius: 1rem;
}
/* line 83, ../sass/Components/_Form.scss */
.ModernForm__input textarea {
  resize: none;
}
/* line 90, ../sass/Components/_Form.scss */
.ModernForm__input label {
  color: white;
  font-size: 1.6rem;
}
/* line 98, ../sass/Components/_Form.scss */
.ModernForm__button {
  background-color: white;
  width: 200px;
  color: black;
  text-decoration: none;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  font-size: 1.4rem;
}

/* line 1, ../sass/Sections/_Hero.scss */
.HeroContent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
@media screen and (max-width: 769px) {
  /* line 1, ../sass/Sections/_Hero.scss */
  .HeroContent {
    top: 440px;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
  }
}
/* line 51, ../sass/Sections/_Hero.scss */
.HeroContent span {
  color: var(--PrimaryColor);
}
/* line 56, ../sass/Sections/_Hero.scss */
.HeroContent h1 {
  max-width: 900px;
  font-size: calc(1rem + 2vw);
  color: var(--SecondaryColor) !important;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  /* line 56, ../sass/Sections/_Hero.scss */
  .HeroContent h1 {
    font-size: 100px;
  }
}
/* line 68, ../sass/Sections/_Hero.scss */
.HeroContent p {
  max-width: 800px;
  font-family: ArslanWessam;
  color: white;
  text-align: center;
  font-size: calc(1rem + 2vw);
}
@media screen and (min-width: 1024px) {
  /* line 68, ../sass/Sections/_Hero.scss */
  .HeroContent p {
    font-size: 8rem;
  }
}
/* line 101, ../sass/Sections/_Hero.scss */
.HeroContent__emojies {
  font-size: 4rem !important;
  width: 100%;
}

/* line 1, ../sass/Pages/_LandingPage.scss */
.TechnologiesWeUse {
  background-color: white;
}

/* line 5, ../sass/Pages/_LandingPage.scss */
.wrapper {
  max-width: 1600px;
  margin: 0 auto;
  padding: 4rem;
}

/* line 11, ../sass/Pages/_LandingPage.scss */
.AboutUs {
  display: flex;
  padding: 42px 240px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 64px;
  max-width: 1800px;
}
@media screen and (max-width: 769px) {
  /* line 11, ../sass/Pages/_LandingPage.scss */
  .AboutUs {
    padding: 2rem;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1200px) {
  /* line 11, ../sass/Pages/_LandingPage.scss */
  .AboutUs {
    padding: 2rem;
  }
}
@media screen and (min-width: 1199px) and (max-width: 1440px) {
  /* line 11, ../sass/Pages/_LandingPage.scss */
  .AboutUs {
    padding: 4rem;
  }
}
@media screen and (min-width: 1439px) and (max-width: 1600px) {
  /* line 11, ../sass/Pages/_LandingPage.scss */
  .AboutUs {
    padding: 8rem;
  }
}
/* line 43, ../sass/Pages/_LandingPage.scss */
.AboutUs__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
}
/* line 54, ../sass/Pages/_LandingPage.scss */
.AboutUs__header::before, .AboutUs__header::after {
  position: absolute;
  content: '';
  width: 250px;
  left: -200px;
  top: 80%;
  transform: translateY(-50%);
  height: 4px;
  background-color: #CECACA;
}
@media screen and (min-width: 299px) and (max-width: 375px) {
  /* line 54, ../sass/Pages/_LandingPage.scss */
  .AboutUs__header::before, .AboutUs__header::after {
    width: 60px;
    left: -50px;
  }
}
@media screen and (min-width: 374px) and (max-width: 425px) {
  /* line 54, ../sass/Pages/_LandingPage.scss */
  .AboutUs__header::before, .AboutUs__header::after {
    width: 80px;
    left: -80px;
  }
}
@media screen and (min-width: 424px) and (max-width: 769px) {
  /* line 54, ../sass/Pages/_LandingPage.scss */
  .AboutUs__header::before, .AboutUs__header::after {
    width: 120px;
    left: -100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 54, ../sass/Pages/_LandingPage.scss */
  .AboutUs__header::before, .AboutUs__header::after {
    width: 200px;
    left: -200px;
  }
}
/* line 102, ../sass/Pages/_LandingPage.scss */
.AboutUs__header::after {
  left: unset;
  right: -200px;
}
@media screen and (min-width: 299px) and (max-width: 375px) {
  /* line 102, ../sass/Pages/_LandingPage.scss */
  .AboutUs__header::after {
    right: -50px;
  }
}
@media screen and (min-width: 374px) and (max-width: 425px) {
  /* line 102, ../sass/Pages/_LandingPage.scss */
  .AboutUs__header::after {
    right: -80px;
  }
}
@media screen and (min-width: 424px) and (max-width: 769px) {
  /* line 102, ../sass/Pages/_LandingPage.scss */
  .AboutUs__header::after {
    right: -100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 102, ../sass/Pages/_LandingPage.scss */
  .AboutUs__header::after {
    right: -200px;
  }
}
/* line 132, ../sass/Pages/_LandingPage.scss */
.AboutUs__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 200px;
}
@media screen and (max-width: 1024px) {
  /* line 132, ../sass/Pages/_LandingPage.scss */
  .AboutUs__row {
    flex-direction: column;
    gap: 42px;
  }
  /* line 144, ../sass/Pages/_LandingPage.scss */
  .AboutUs__row:last-child {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1023px) and (max-width: 1200px) {
  /* line 132, ../sass/Pages/_LandingPage.scss */
  .AboutUs__row {
    gap: 64px;
  }
}
@media screen and (min-width: 1199px) and (max-width: 1440px) {
  /* line 132, ../sass/Pages/_LandingPage.scss */
  .AboutUs__row {
    gap: 64px;
  }
}
@media screen and (max-width: 769px) {
  /* line 158, ../sass/Pages/_LandingPage.scss */
  .AboutUs__row img {
    width: 100%;
    max-width: 500px;
  }
}
/* line 169, ../sass/Pages/_LandingPage.scss */
.AboutUs h2 {
  text-align: center;
  font-size: calc(1.4rem + 1.5vw);
  color: var(--PrimaryColor);
  font-weight: 700;
}
/* line 182, ../sass/Pages/_LandingPage.scss */
.AboutUs__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
/* line 187, ../sass/Pages/_LandingPage.scss */
.AboutUs__content__heading {
  color: #0A0A0A;
  font-weight: bold;
  font-size: calc(1.2rem + 1vw);
}
@media screen and (min-width: 769px) {
  /* line 187, ../sass/Pages/_LandingPage.scss */
  .AboutUs__content__heading {
    font-size: 2rem;
  }
}
/* line 200, ../sass/Pages/_LandingPage.scss */
.AboutUs__content__text {
  color: #636363;
  font-size: calc(0.8rem + 1vw);
  line-height: 1.5;
  font-weight: 100;
  font-family: Merienda;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (min-width: 769px) {
  /* line 200, ../sass/Pages/_LandingPage.scss */
  .AboutUs__content__text {
    font-size: 16px;
  }
}

/* line 223, ../sass/Pages/_LandingPage.scss */
.Menu__header {
  background-color: var(--PrimaryColor);
  width: 100%;
  padding: 40px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
@media screen and (max-width: 1024px) {
  /* line 223, ../sass/Pages/_LandingPage.scss */
  .Menu__header {
    padding: 4rem;
  }
}
/* line 240, ../sass/Pages/_LandingPage.scss */
.Menu__header h2 {
  font-weight: 700;
  text-align: center;
  font-size: calc(1.4rem + 1.5vw);
  color: white;
  font-weight: 700;
}
/* line 251, ../sass/Pages/_LandingPage.scss */
.Menu__header p {
  color: #F3F3F3;
  max-width: 800px;
  text-align: center;
  color: #F3F3F3;
  font-size: calc(0.8rem + 1vw);
  line-height: 1.5;
  font-weight: 100;
}
@media screen and (min-width: 769px) {
  /* line 251, ../sass/Pages/_LandingPage.scss */
  .Menu__header p {
    font-size: 16px;
  }
}
@media screen and (max-width: 769px) {
  /* line 251, ../sass/Pages/_LandingPage.scss */
  .Menu__header p {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  /* line 251, ../sass/Pages/_LandingPage.scss */
  .Menu__header p {
    font-size: 16px;
  }
}

/* line 272, ../sass/Pages/_LandingPage.scss */
.InstagramPosts {
  background-color: #191919;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: calc(1rem + 8vh);
  padding-bottom: calc(1rem + 8vh);
  border-top: 15px solid var(--PrimaryColor);
}
/* line 288, ../sass/Pages/_LandingPage.scss */
.InstagramPosts__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
}
/* line 98, ../sass/_Mixins.scss */
.InstagramPosts__header::before, .InstagramPosts__header::after {
  position: absolute;
  content: '';
  width: 250px;
  left: -200px;
  top: 80%;
  transform: translateY(-50%);
  height: 3px;
  background-color: #BABABA;
}
@media screen and (min-width: 299px) and (max-width: 375px) {
  /* line 98, ../sass/_Mixins.scss */
  .InstagramPosts__header::before, .InstagramPosts__header::after {
    width: 60px;
    left: -50px;
  }
}
@media screen and (min-width: 374px) and (max-width: 425px) {
  /* line 98, ../sass/_Mixins.scss */
  .InstagramPosts__header::before, .InstagramPosts__header::after {
    width: 80px;
    left: -80px;
  }
}
@media screen and (min-width: 424px) and (max-width: 769px) {
  /* line 98, ../sass/_Mixins.scss */
  .InstagramPosts__header::before, .InstagramPosts__header::after {
    width: 120px;
    left: -100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 98, ../sass/_Mixins.scss */
  .InstagramPosts__header::before, .InstagramPosts__header::after {
    width: 200px;
    left: -200px;
  }
}
/* line 146, ../sass/_Mixins.scss */
.InstagramPosts__header::after {
  left: unset;
  right: -200px;
}
@media screen and (min-width: 299px) and (max-width: 375px) {
  /* line 146, ../sass/_Mixins.scss */
  .InstagramPosts__header::after {
    right: -50px;
  }
}
@media screen and (min-width: 374px) and (max-width: 425px) {
  /* line 146, ../sass/_Mixins.scss */
  .InstagramPosts__header::after {
    right: -80px;
  }
}
@media screen and (min-width: 424px) and (max-width: 769px) {
  /* line 146, ../sass/_Mixins.scss */
  .InstagramPosts__header::after {
    right: -100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* line 146, ../sass/_Mixins.scss */
  .InstagramPosts__header::after {
    right: -200px;
  }
}
/* line 294, ../sass/Pages/_LandingPage.scss */
.InstagramPosts h2 {
  text-align: center;
  font-size: calc(1.4rem + 1.5vw);
  color: white;
  font-weight: 700;
}
/* line 300, ../sass/Pages/_LandingPage.scss */
.InstagramPosts__post {
  width: 300px;
  height: 300px;
  max-width: 400px;
  max-height: 400px;
}
/* line 309, ../sass/Pages/_LandingPage.scss */
.InstagramPosts__post:first-child {
  background-image: url('/Assets/InstagramPost_1.jpg?1709061338');
  background-size: cover;
  background-position: center center;
}
/* line 320, ../sass/Pages/_LandingPage.scss */
.InstagramPosts__post:nth-child(2) {
  background-image: url('/Assets/InstagramPost_2.jpg?1709061769');
  background-size: cover;
  background-position: center center;
}
/* line 329, ../sass/Pages/_LandingPage.scss */
.InstagramPosts__post:nth-child(3) {
  background-image: url('/Assets/InstagramPost_3.png?1709062074');
  background-size: cover;
  background-position: center center;
}
/* line 338, ../sass/Pages/_LandingPage.scss */
.InstagramPosts__post:last-child {
  background-image: url('/Assets/InstagramPost_4.png?1709062335');
  background-size: cover;
  background-position: center center;
}
/* line 350, ../sass/Pages/_LandingPage.scss */
.InstagramPosts__posts {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

/* line 380, ../sass/Pages/_LandingPage.scss */
.OurMenu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/* line 391, ../sass/Pages/_LandingPage.scss */
.OurMenu__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 42px;
  text-align: center;
}