@font-face {
  font-family: Rubik;
  src: url('../fonts/Rubik-Bold.ttf') format("truetype"), url('../fonts/Rubik-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rubik;
  src: url('../fonts/Rubik-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rubik;
  src: url('../fonts/Rubik-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rubik;
  src: url('../fonts/Rubik-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rubik;
  src: url('../fonts/Rubik-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: #fff;
  --yellow-noor: #ffe200;
  --blue: #3898ec;
  --light-grey: #f1f1f1;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: #333;
  flex-flow: column;
  font-family: Rubik, Tahoma, sans-serif;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.navbar {
  mix-blend-mode: normal;
  background-color: #fff;
  padding-top: 20px;
  font-family: Montserrat, sans-serif;
  transition: opacity .2s, opacity .2s;
  position: sticky;
  inset: 0% 0% auto;
  transform: translate(0);
}

.grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

.section-home {
  padding-bottom: 20px;
}

.nav-menu {
  background-color: var(--white);
  height: 100vh;
  padding-top: 20px;
}

.menu-button {
  background-color: var(--white);
}

.menu-button.w--open {
  background-color: var(--white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.menu-link {
  color: #333;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: Rubik, Tahoma, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.menu-link:hover {
  font-weight: 500;
}

.menu-link:focus {
  color: #333;
}

.grid-menu {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  place-items: start center;
}

.social-menu {
  width: 40px;
}

.social-menu:hover {
  width: 45px;
}

.social {
  padding-top: 20px;
  padding-bottom: 20px;
}

.cover-img {
  position: relative;
}

.text-block {
  color: #333;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  position: absolute;
  inset: 40% 0% 0%;
}

.white-block {
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.white-block:hover {
  opacity: 1;
}

.white {
  background-color: #fff;
  position: absolute;
  inset: 0%;
}

.footer {
  margin-top: auto;
  padding-top: 60px;
}

.text-footer {
  text-align: center;
  padding-bottom: 10px;
  font-size: 15px;
  line-height: 27px;
}

.social-footer {
  width: 30px;
}

.grid-intro {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
}

.section {
  margin-top: 40px;
}

.heading {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Outfit, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.custom-link {
  color: #333;
  font-weight: 500;
  text-decoration: none;
}

.custom-link:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--yellow-noor);
  text-decoration-color: var(--yellow-noor);
  text-decoration-thickness: 6px;
}

.custom-link.w--current {
  font-size: 16px;
}

.container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.span-subtitle {
  color: var(--blue);
}

.title {
  color: #333;
  padding-top: 20px;
  font-family: Rubik, Tahoma, sans-serif;
  font-size: 27px;
  font-weight: 300;
}

.get-in-touch {
  color: #333;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: block;
}

.get-in-touch:hover {
  color: var(--blue);
}

.grid-four, .image-page {
  margin-bottom: 16px;
}

.go-to-projects {
  text-align: center;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
}

.container-goto {
  padding-top: 60px;
  padding-bottom: 60px;
}

.container-home {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  display: flex;
}

.project-text {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.language {
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.lang {
  color: #333;
  font-family: Rubik, Tahoma, sans-serif;
  text-decoration: none;
}

.lang:hover {
  font-weight: 600;
}

.grid-language {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.project-title {
  font-family: Outfit, sans-serif;
  font-weight: 500;
}

.icon {
  color: #333;
}

.category {
  font-family: Outfit, sans-serif;
  font-size: 18px;
}

.custom-link-goto {
  color: #333;
  font-weight: 300;
  text-decoration: none;
}

.custom-link-goto:hover {
  color: var(--yellow-noor);
}

.custom-link-goto.w--current {
  font-size: 16px;
  font-weight: 300;
}

.section-contact {
  height: 80vh;
  display: flex;
}

.container-contact {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1300px;
  padding: 135px 50px;
  display: flex;
}

.paragraph {
  text-align: center;
  max-width: 750px;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.email {
  color: #333;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 80px;
  font-family: Outfit, sans-serif;
  font-size: 60px;
  font-weight: 600;
  text-decoration: none;
}

.email:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--yellow-noor);
  text-decoration-color: var(--yellow-noor);
  text-underline-position: under;
  text-decoration-thickness: 9px;
}

.button-y {
  color: #333;
  background-color: #ffe200;
  border-radius: 5px;
  padding: 15px 35px;
  font-family: Outfit, sans-serif;
  font-size: 19px;
  font-weight: 600;
}

.button-y:hover {
  transform: scale(1.05);
}

.grid-social {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-lang {
  width: 90px;
}

.lang-link {
  color: #333;
  text-align: left;
  text-transform: uppercase;
  font-family: Outfit, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.lang-link:hover {
  font-weight: 500;
}

.div-footer {
  justify-content: space-between;
  padding: 70px 20px 20px;
  display: flex;
}

.div-legal {
  flex-flow: column;
  align-self: flex-start;
  display: flex;
}

.grid-lang {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

.s-footer {
  background-color: #fff07e;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
}

.div-social {
  align-self: flex-end;
}

.link-social:hover {
  transform: scale(1.05);
}

.reviewer-2 {
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 5px;
  font-family: Outfit, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.slide-2 {
  padding-left: 50px;
  padding-right: 50px;
}

.right-arrow {
  color: #a5a5a5;
}

.review-slider {
  background-color: #fff;
  border-radius: 5px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 30px 40px 35px;
}

.slider {
  background-color: #fff0;
  height: auto;
  padding-top: 20px;
}

.pre-heading {
  text-align: center;
  text-transform: uppercase;
  font-family: Outfit, sans-serif;
  font-size: 23px;
  font-weight: 600;
}

.post-heading {
  text-align: center;
  margin-bottom: 60px;
  font-family: Outfit, sans-serif;
  font-size: 60px;
}

.container-slider {
  max-width: 100%;
  padding-top: 135px;
  padding-bottom: 135px;
}

.grid-slider {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: start;
}

.icon-2 {
  color: #333;
  margin-left: 15px;
}

.reviewer-position {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}

.paragraph-review {
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}

.mask {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.section-g {
  background-color: #f3f3f3;
}

.icon-4 {
  color: #333;
  margin-right: 15px;
}

.img-stars {
  padding-bottom: 15px;
}

.container-collab {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1300px;
  padding: 135px 50px;
  display: flex;
}

.grid-brands {
  grid-column-gap: 50px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.image-brand {
  vertical-align: middle;
  border-radius: 5px;
  max-width: 170px;
  max-height: 150px;
}

.section-ly {
  background-color: #fff07e;
}

.heading-c {
  text-align: center;
  margin-bottom: 40px;
  font-family: Outfit, sans-serif;
  font-size: 60px;
}

.grid-solution {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  padding-left: 40px;
  padding-right: 40px;
}

.container-main {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1300px;
  padding: 135px 50px;
  display: flex;
}

.paragraph-solution {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 25px;
}

.grid-three {
  grid-column-gap: 50px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

.solution-title {
  text-align: center;
  text-transform: uppercase;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--yellow-noor);
  text-decoration-color: var(--yellow-noor);
  text-underline-position: under;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-decoration-thickness: 6px;
}

.container-menu {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  max-width: 100%;
}

.brand {
  margin-left: 40px;
}

.logo-menu {
  margin-top: 30px;
  margin-bottom: 30px;
}

.nav-menu-2 {
  margin-top: 30px;
  margin-right: 40px;
}

.nav-link {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-family: Outfit, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  border-bottom: 7px solid var(--yellow-noor);
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link.w--current {
  color: #333;
}

.s-projects {
  margin-top: 60px;
  margin-bottom: 135px;
}

.paragraph-3 {
  text-align: center;
  max-width: 750px;
  margin-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.text-span-noor {
  font-weight: 700;
}

.noor-def {
  text-align: center;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--yellow-noor);
  text-decoration-color: var(--yellow-noor);
  margin-bottom: 40px;
  font-family: Outfit, sans-serif;
  font-size: 60px;
  text-decoration-thickness: 9px;
}

.div-block-noor {
  margin-bottom: 60px;
}

.italic-text {
  font-size: 16px;
}

.cookies {
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.declinecookies {
  color: #333;
  background-color: #ffe200;
  border-radius: 2px;
  padding: 9px 15px;
  font-family: Outfit, sans-serif;
  font-weight: 600;
}

.declinecookies:hover {
  color: #fff;
  background-color: #333;
}

.container-cookies {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 350px;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
  position: absolute;
  inset: auto;
  box-shadow: 0 2px 5px #0003;
}

.acceptcookies {
  color: #333;
  background-color: #ffe200;
  border-radius: 2px;
  padding: 9px 15px;
  font-family: Outfit, sans-serif;
  font-weight: 600;
}

.acceptcookies:hover {
  color: #fff;
  background-color: #333;
}

.section-cookies {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.heading-cookies {
  color: #333;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Outfit, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.grid-cookies {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.container-present {
  max-width: 80%;
}

.image-presentation {
  border-radius: 3px;
  margin-top: 15px;
  margin-bottom: 15px;
  box-shadow: 0 2px 5px #0003;
}

.image-presentation-intro {
  border-radius: 3px;
  margin-top: 55px;
  margin-bottom: 15px;
  box-shadow: 0 2px 5px #0003;
}

.project-text-presentation {
  text-align: justify;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.grid-3 {
  grid-row-gap: 0px;
}

.icon-6, .icon-7 {
  color: #333;
}

.left-arrow-2 {
  inset: 0% auto 0% 0%;
}

.slider-ebook {
  height: 300%;
}

.grid-intro-min {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
}

.image-3 {
  margin-bottom: 40px;
}

.button-y-int {
  color: #333;
  background-color: #ffe200;
  border-radius: 5px;
  margin-bottom: 40px;
  padding: 15px 35px;
  font-family: Outfit, sans-serif;
  font-size: 19px;
  font-weight: 600;
}

.button-y-int:hover {
  transform: scale(1.05);
}

.grid-intro-presen {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
}

@media screen and (max-width: 991px) {
  .grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .grid-intro {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .project-text {
    margin-bottom: 0;
  }

  .section-contact {
    height: 60vh;
  }

  .container-contact {
    width: 700px;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .post-heading {
    line-height: 55px;
  }

  .grid-slider {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-columns: 1fr;
  }

  .mask {
    width: 600px;
  }

  .container-collab {
    width: 700px;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .grid-brands {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .heading-c {
    line-height: 60px;
  }

  .div-block-11 {
    width: 500px;
  }

  .div-block-service {
    align-self: center;
  }

  .container-main {
    width: 700px;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .grid-three {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .nav-menu-2 {
    background-color: var(--yellow-noor);
    height: 100vh;
    margin-top: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .nav-link {
    text-align: right;
    padding: 36px 20px 40px 5px;
    font-size: 70px;
    font-weight: 300;
  }

  .nav-link:hover {
    color: var(--white);
    border-bottom-style: none;
  }

  .menu-button-2.w--open {
    background-color: var(--white);
  }

  .icon-5 {
    color: #333;
  }

  .noor-def {
    line-height: 55px;
  }

  .container-present {
    min-width: 90%;
  }

  .image-presentation-intro {
    margin-top: 15px;
  }

  .grid-intro-min {
    grid-template-columns: 1fr;
  }

  .grid-intro-presen {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .div-block-12 {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  .grid {
    grid-template-columns: 1fr 1fr;
  }

  .text-block {
    font-size: 14px;
    line-height: 16px;
    top: 40%;
  }

  .grid-intro {
    grid-template-columns: 1fr;
    padding-left: 10px;
    padding-right: 10px;
  }

  .container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-four {
    grid-template-columns: 1fr;
  }

  .project-title {
    font-size: 16px;
  }

  .category {
    margin-bottom: 5px;
    font-size: 14px;
  }

  .container-contact {
    width: 450px;
    padding-top: 70px;
    padding-bottom: 90px;
  }

  .paragraph {
    margin-left: -46px;
    margin-right: -46px;
    font-size: 17px;
  }

  .email {
    font-size: 45px;
  }

  .email:hover {
    font-size: 47px;
  }

  .reviewer-2 {
    font-size: 15px;
  }

  .slide-2 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .pre-heading {
    margin-left: -20px;
    margin-right: -20px;
    font-size: 20px;
    line-height: 33px;
  }

  .post-heading {
    margin-top: 0;
    margin-left: -20px;
    margin-right: -20px;
    font-size: 55px;
  }

  .container-slider {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .reviewer-position {
    font-size: 15px;
  }

  .paragraph-review {
    font-size: 16px;
  }

  .mask {
    width: 450px;
  }

  .container-collab {
    width: 450px;
    padding-top: 70px;
    padding-bottom: 90px;
  }

  .grid-brands {
    grid-column-gap: 40px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr;
  }

  .heading-c {
    width: 450px;
    line-height: 70px;
  }

  .div-block-11 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid-solution {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .container-main {
    width: 450px;
    padding-top: 70px;
    padding-bottom: 90px;
  }

  .paragraph-solution {
    width: 450px;
    font-size: 16px;
  }

  .grid-three {
    grid-row-gap: 40px;
  }

  .solution-title {
    padding-top: 10px;
    font-size: 17px;
  }

  .brand {
    margin-left: 30px;
  }

  .nav-menu-2 {
    background-color: #ffe200;
    height: 100vh;
    margin-top: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .nav-link {
    justify-content: flex-end;
    align-items: center;
    padding-top: 36px;
    padding-bottom: 40px;
    padding-right: 20px;
    font-size: 70px;
    font-weight: 300;
    display: flex;
  }

  .nav-link:hover {
    color: var(--white);
    border-bottom-style: none;
  }

  .menu-button-2.w--open {
    background-color: #fff;
  }

  .icon-5 {
    color: #333;
  }

  .paragraph-3 {
    margin-left: -46px;
    margin-right: -46px;
    font-size: 17px;
  }

  .noor-def {
    margin-top: 0;
    margin-left: -20px;
    margin-right: -20px;
    font-size: 55px;
  }

  .grid-intro-min {
    grid-template-columns: 1fr;
    padding-left: 10px;
    padding-right: 10px;
  }

  .grid-intro-presen {
    grid-template-columns: 1fr;
  }

  .container-2, .container-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 479px) {
  .grid {
    grid-template-columns: 1fr;
  }

  .section {
    margin-top: 10px;
  }

  .project-title {
    font-size: 18px;
  }

  .category {
    margin-bottom: 10px;
    font-size: 16px;
  }

  .container-contact {
    width: 350px;
  }

  .paragraph {
    margin-left: -30px;
    margin-right: -30px;
    line-height: 26px;
  }

  .email {
    font-size: 30px;
  }

  .email:hover {
    font-size: 32px;
  }

  .button-y {
    font-size: 18px;
  }

  .slide-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .right-arrow {
    margin-right: -15px;
  }

  .left-arrow {
    margin-left: -15px;
  }

  .review-slider {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pre-heading {
    font-size: 18px;
  }

  .post-heading {
    margin-top: 10px;
    margin-left: -2px;
    margin-right: -2px;
    font-size: 45px;
    line-height: 45px;
  }

  .mask {
    width: 330px;
  }

  .container-collab {
    width: 350px;
  }

  .grid-brands {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .heading-c {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 50px;
    line-height: 55px;
  }

  .container-main {
    width: 350px;
  }

  .paragraph-solution {
    width: 330px;
  }

  .brand {
    margin-left: 20px;
  }

  .nav-link {
    font-size: 50px;
  }

  .paragraph-3 {
    margin-left: -30px;
    margin-right: -30px;
    line-height: 26px;
  }

  .noor-def {
    margin-top: 10px;
    margin-left: -2px;
    margin-right: -2px;
    font-size: 45px;
    line-height: 45px;
  }

  .container-cookies {
    width: 250px;
    height: 300px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .grid-cookies {
    flex-flow: column;
    display: flex;
  }

  .image-presentation, .image-presentation-intro {
    margin-top: 10px;
    margin-bottom: 5px;
  }

  .project-text-presentation {
    text-align: left;
  }

  .grid-3 {
    grid-template-columns: 1fr;
  }

  .left-arrow-2 {
    margin-left: -20px;
  }

  .button-y-int {
    font-size: 18px;
  }

  .right-arrow-2 {
    margin-right: -20px;
  }
}

#w-node-_0f0d343d-38e2-f277-af09-4d4855f9f293-8df6ce5d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0f0d343d-38e2-f277-af09-4d4855f9f2d2-8df6ce5d {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_15e00ad7-ddbf-e9ec-5e0e-4dbab53cad8b-8df6ce5d, #w-node-_15e00ad7-ddbf-e9ec-5e0e-4dbab53cad8f-8df6ce5d, #w-node-_15e00ad7-ddbf-e9ec-5e0e-4dbab53cad91-8df6ce5d, #w-node-_15e00ad7-ddbf-e9ec-5e0e-4dbab53cad93-8df6ce5d, #w-node-_15e00ad7-ddbf-e9ec-5e0e-4dbab53cad95-8df6ce5d, #w-node-_15e00ad7-ddbf-e9ec-5e0e-4dbab53cad97-8df6ce5d, #w-node-d8d8a4c1-3ccb-5ecb-fd82-c68ce200ccc9-8df6ce5d, #w-node-_2aeea734-3cb6-9393-82ed-1cbdef165590-8df6ce5d, #w-node-_15e00ad7-ddbf-e9ec-5e0e-4dbab53cad8d-8df6ce5d, #w-node-_8b9e2f43-d33f-7189-42e8-c449de5aba40-8df6ce5d, #w-node-def8dd5e-a41b-b7d5-d409-fcd6ae143d96-8df6ce5d {
  place-self: center;
}

#w-node-_47c22f7f-4722-57cf-5de5-426dfb184d81-8df6ce5d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_47c22f7f-4722-57cf-5de5-426dfb184d86-8df6ce5d {
  place-self: center end;
}

#w-node-_47c22f7f-4722-57cf-5de5-426dfb184d89-8df6ce5d {
  place-self: center start;
}

#w-node-_0495b7e4-e289-48b4-109d-7e821b94061d-1b94060e, #w-node-_0495b7e4-e289-48b4-109d-7e821b940623-1b94060e {
  justify-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-abcfde72 {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-abcfde72 {
  align-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-f618c123 {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-f618c123 {
  place-self: end center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-a96e1081 {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-a96e1081 {
  place-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-b402d8df {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_4402c6be-da03-2d6e-d183-4652fbc42743-919b1d8b, #w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-7383b50d {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-7383b50d {
  align-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-4a3ba148 {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-4a3ba148 {
  align-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-55ed4692 {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-55ed4692 {
  align-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-ad980e61 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-b8a8897a {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-b8a8897a {
  align-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-e247c726 {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-e247c726 {
  align-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-a24b216b {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-a24b216b {
  align-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-e39458e3, #w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-e39458e3 {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-69fd0d2f {
  align-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-69fd0d2f {
  align-self: start;
}

#w-node-be14d9b6-0737-427d-e9d7-9205de992f2c-69fd0d2f, #w-node-_0f0d343d-38e2-f277-af09-4d4855f9f293-535946fe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0f0d343d-38e2-f277-af09-4d4855f9f2d2-535946fe {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: center;
}

#w-node-_15e00ad7-ddbf-e9ec-5e0e-4dbab53cad8b-535946fe, #w-node-_15e00ad7-ddbf-e9ec-5e0e-4dbab53cad8f-535946fe, #w-node-_15e00ad7-ddbf-e9ec-5e0e-4dbab53cad91-535946fe, #w-node-_15e00ad7-ddbf-e9ec-5e0e-4dbab53cad93-535946fe, #w-node-_15e00ad7-ddbf-e9ec-5e0e-4dbab53cad95-535946fe, #w-node-_15e00ad7-ddbf-e9ec-5e0e-4dbab53cad97-535946fe, #w-node-d8d8a4c1-3ccb-5ecb-fd82-c68ce200ccc9-535946fe, #w-node-_2aeea734-3cb6-9393-82ed-1cbdef165590-535946fe, #w-node-_15e00ad7-ddbf-e9ec-5e0e-4dbab53cad8d-535946fe, #w-node-_8b9e2f43-d33f-7189-42e8-c449de5aba40-535946fe, #w-node-def8dd5e-a41b-b7d5-d409-fcd6ae143d96-535946fe {
  place-self: center;
}

#w-node-_47c22f7f-4722-57cf-5de5-426dfb184d81-535946fe {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_47c22f7f-4722-57cf-5de5-426dfb184d86-535946fe {
  place-self: center end;
}

#w-node-_47c22f7f-4722-57cf-5de5-426dfb184d89-535946fe {
  place-self: center start;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-28e64c52 {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-28e64c52 {
  align-self: center;
}

#w-node-_3561c104-8053-2852-2089-d0f708ddf504-8af60582, #w-node-_3561c104-8053-2852-2089-d0f708ddf50f-8af60582, #w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-932f9e7e {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-932f9e7e {
  place-self: end center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-7b55547f {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-7b55547f, #w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-22b00132 {
  align-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-22b00132 {
  align-self: start;
}

#w-node-be14d9b6-0737-427d-e9d7-9205de992f2c-22b00132 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-72d891c9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-483283e7 {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-483283e7 {
  place-self: center;
}

#w-node-_8b11cb2a-b42d-328d-e249-dada87c9b32c-e5c5d1cb {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-578a9402, #w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-7fdc0ad7 {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-7fdc0ad7 {
  align-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-f1f2815a {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-f1f2815a {
  align-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-963fa596 {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-963fa596 {
  align-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-8bef9cbf {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-8bef9cbf {
  align-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-fb6c7d41 {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-fb6c7d41 {
  align-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-41e9032e {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-41e9032e {
  align-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-3e62ccc8 {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-3e62ccc8 {
  align-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-18ab32c0, #w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-18ab32c0, #w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-efbb6633, #w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-efbb6633, #w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-c2db8344 {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-c2db8344 {
  align-self: center;
}

#w-node-_44ebd694-27b2-bbd8-1591-f41c33ab1f58-b45cf967 {
  align-self: start;
}

#w-node-_55fceee1-be0a-a085-9a89-4a01159d5297-b45cf967 {
  align-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_0f0d343d-38e2-f277-af09-4d4855f9f29d-8df6ce5d, #w-node-_0f0d343d-38e2-f277-af09-4d4855f9f2bb-8df6ce5d, #w-node-_0f0d343d-38e2-f277-af09-4d4855f9f2b1-8df6ce5d, #w-node-_0f0d343d-38e2-f277-af09-4d4855f9f2a7-8df6ce5d, #w-node-_0f0d343d-38e2-f277-af09-4d4855f9f29d-535946fe, #w-node-_0f0d343d-38e2-f277-af09-4d4855f9f2bb-535946fe, #w-node-_0f0d343d-38e2-f277-af09-4d4855f9f2b1-535946fe, #w-node-_0f0d343d-38e2-f277-af09-4d4855f9f2a7-535946fe {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_9927d9af-4b53-3c6a-96f8-e4024b53d8da-22b00132 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_1a5f7853-e579-6e64-8a55-6def488b3a68-22b00132 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Bold.ttf') format('truetype'), url('../fonts/Rubik-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}