body{
  background-color: var(--bg-1);
  background-attachment: fixed;
}


.start-page{
  overflow: hidden;
  height: 960px;
  margin: 0;
  padding: 0;
  background-image: url(../pictures/bg-1.jpg);
  background-attachment: fixed;
  position: relative;
  overflow: hidden;

  .svg-animation{
    position: absolute;
    top: 35%;
    right: 10%;
    z-index: 2;
  }


  .text{
    margin: 0;
    padding: 0;

    .company-name{
      position: absolute;
      font-family: Tangerine;
      font-size: 190px;
      font-weight: 100;
      left: 9%;
      bottom: 24%;

      color: var(--white);
      z-index: 1;

      margin: 0;
      padding: 0;
    }

    .company-slogan{
      position: absolute;
      top: 41%;
      left: 6%;
      z-index: 5;
      display: flex;
      color: white;
      font-family: Tangerine;
      letter-spacing: 3px;;
      font-size: 2.2rem;


      display: flex;
      width: 50%;
      justify-content: space-around;
      margin: 0;
      padding: 0;

    }
  }
}

/* RESPONSIVE  */
@media screen and (max-width: 1500px){
  .start-page{
    height: 800px;
    background-image: url(../pictures/bg-1.jpg);
  
    .svg-animation{
      position: absolute;
      top: 30%;
      left: -20%;
      z-index: 2;
    }
  
    .text{
      .company-name{
        font-size: 150px;
        font-weight: 100;
        left: 9%;
        bottom: 28%;
  
        color: var(--white);
        z-index: 1;
  
        margin: 0;
        padding: 0;
      }
  
      .company-slogan{
        position: absolute;
        top: 40%;
        left: 6%;
        font-size: 30px;
  
      }
    }
  }
}

@media screen and (max-width: 1200px){
  .start-page{
    height: 700px;
    background-image: url(../pictures/bg-1.jpg);
  
    .svg-animation{
      position: absolute;
      top: 40%;
      left: -30%;
      z-index: 2;
    }
  
    .text{
      .company-name{
        font-size: 100px;
        font-weight: 100;
        left: 9%;
        bottom: 28%;
  
        color: var(--white);
        z-index: 1;
  
        margin: 0;
        padding: 0;
      }
  
      .company-slogan{
        position: absolute;
        top: 50%;
        left: 6%;
        font-size: 20px;
  
      }
    }
  }
}

@media screen and (max-width: 500px){
  .start-page{
    overflow: hidden;
    height: 900px;
  
    .svg-animation{
      display: none;
    }
  
  
    .text{
      margin: 0;
      padding: 0;
  
      .company-name{
        position: absolute;
        font-family: Tangerine;
        font-size: 60px;
        font-weight: 100;
        left: 15%;
        bottom: 50%;
  
      }
  
      .company-slogan{
        position: absolute;
        top: 40%;
        left: 0%;
        z-index: 5;
        display: flex;
        color: white;
        font-size: 1.5rem;
  
  
        display: flex;
        width: 100%;
        justify-content: space-around;
        margin: 0;
        padding: 0;
  
      }
    }
  }
}


/*--------------------- linear gradient ------------------------*/
.linear-gradient{
  position: absolute;
  z-index: -1;
  height: 200px;
  width: 100%;
  background: rgb(31,20,16);
  background: linear-gradient( rgba(31, 20, 16, 0.712) 0%, rgb(205, 146, 97) 100%);
}

/*--------------------- Part 2 ------------------------*/

.part2{
  overflow: hidden;
  height: 900px;
  width: 100%;
  margin-top: 100px;
  background-attachment: fixed;

  .item-holder{

    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-around;

    .tasty-item{
      height: 90%;
      width: 30%;

      display: flex;
      position: relative;
      flex-direction: column;
    }

    .healthy-item{
      height: 90%;
      width: 30%;

      display: flex;
      position: relative;
      flex-direction: column;
    }

    .charity-item{
      height: 90%;
      width: 30%;

      display: flex;
      position: relative;
      flex-direction: column;
    }
  }
}

.item-text{
  height: 30%;

  display: flex;
  flex-direction: column;
  align-items: center;

  h1{
    color: var(--white);
    font-size: 10rem;
    font-family: Tangerine;
    padding:0;
    margin: 0;

  }

  p{
    color: var(--white);
    font-size: 1.5rem;
    font-family: Gowun batang;
    padding:0;
    margin: 0;
  }
}

.item-image{
  height: 70%;

  img{
    height: 100%;
    width: 100%;
    transform: scale(0.85);
  }
}

.leaf-absolute{
  position: absolute;
  transform: scale(1.15);
  z-index: -1;
  top: 34%;
  left: 7%;
}

.leaf-absolute2{
  position: absolute;
  transform: scale(1.15);
  z-index: -1;
  top: 32%;
  left: 7%;
}

.leaf-absolute1{
  position: absolute;
  transform: scale(1.15);
  z-index: -1;
  top: 34%;
  left: 6%;
}


/* RESPONSIVE  */
@media screen and (max-width: 1500px){
  .part2{
    height: 800px;
  
    .item-holder{
      .tasty-item{
        height: 90%;
        width: 30%;
  
        display: flex;
        position: relative;
        flex-direction: column;
      }
  
      .healthy-item{
        height: 90%;
        width: 30%;
  
        display: flex;
        position: relative;
        flex-direction: column;
      }
  
      .charity-item{
        height: 90%;
        width: 30%;
  
        display: flex;
        position: relative;
        flex-direction: column;
      }
    }
  }
  
  .item-text{
    height: 30%;
  
    display: flex;
    flex-direction: column;
    align-items: center;
  
    h1{
      color: var(--white);
      font-size: 120px;
      font-family: Tangerine;
      padding:0;
      margin: 0;
  
    }
  
    p{
      color: var(--white);
      font-size: 25px;
      font-family: Gowun batang;
      padding:0;
      margin: 0;
    }
  }
  
  .item-image{
    height: 70%;
  
    img{
      height: 100%;
      width: 100%;
      transform: scale(0.70);
    }
  }
  
  .leaf-absolute{
    position: absolute;
    transform: scale(0.8);
    z-index: -1;
    top: 30%;
    left: -8%;
  }

  .leaf-absolute1{
    position: absolute;
    transform: scale(0.8);
    z-index: -1;
    top: 30%;
    left: -8%;
  }

  .leaf-absolute2{
    position: absolute;
    transform: scale(0.8);
    z-index: -1;
    top: 29%;
    left: -6%;
  }
  
}

@media screen and (max-width: 1200px){
  .part2{
    height: 500px;
  
    .item-holder{
      .tasty-item{
        height: 90%;
        width: 30%;
      }
  
      .healthy-item{
        height: 90%;
        width: 30%;
      }
  
      .charity-item{
        height: 90%;
        width: 30%;
      }
    }
  }
  
  .item-text{
    height: 30%;

    h1{
      color: var(--white);
      font-size: 100px;
      font-family: Tangerine;
      padding:0;
      margin: 0;
  
    }
  
    p{
      color: var(--white);
      font-size: 20px;
    }
  }
  
  .item-image{
    height: 70%;

    img{
      height: 100%;
      width: 100%;
      transform: scale(0.70);
    }
  }
  
  .leaf-absolute{
    position: absolute;
    transform: scale(0.6);
    z-index: -1;
    top: 10%;
    left: -21%;
  }

  .leaf-absolute1{
    position: absolute;
    transform: scale(0.6);
    z-index: -1;
    top: 9%;
    left: -22%;
  }

  .leaf-absolute2{
    position: absolute;
    transform: scale(0.6);
    z-index: -1;
    top: 9%;
    left: -22%;
  }
  
}

@media screen and (max-width: 500px){
  .part2{
    overflow: hidden;
    height: 2000px;
    width: 100%;
    margin-top: 100px;
    background-attachment: fixed;
  
    .item-holder{
      height: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
  
      .tasty-item{
        height: 30%;
        width: 95%;
  
        display: flex;
        position: relative;
        flex-direction: column;
      }
  
      .healthy-item{
        height: 30%;
        width: 95%;
  
        display: flex;
        position: relative;
        flex-direction: column;
      }
  
      .charity-item{
        height: 30%;
        width: 95%;
  
        display: flex;
        position: relative;
        flex-direction: column;
      }
    }
  }
  
  .item-text{
    height: 30%;
  
    display: flex;
    flex-direction: column;
    align-items: center;
  
    h1{
      color: var(--white);
      font-size: 8rem;
      font-family: Tangerine;
      padding:0;
      margin: 0;
  
    }
  
    p{
      color: var(--white);
      font-size: 1.5rem;
      font-family: Gowun batang;
      padding:0;
      margin: 0;
    }
  }
  
  .item-image{
    height: 70%;
  
    img{
      height: 100%;
      width: 100%;
      transform: scale(0.85);
    }
  }
  
  .leaf-absolute{
    position: absolute;
    transform: scale(0.9);
    z-index: -1;
    top: 22%;
    left: -11%;
  }

  .leaf-absolute1{
    position: absolute;
    transform: scale(0.9);
    z-index: -1;
    top: 24%;
    left: -12%;
  }

  .leaf-absolute2{
    position: absolute;
    transform: scale(0.9);
    z-index: -1;
    top: 22%;
    left: -11%;
  }
  
}

/*--------------------- REVIEWS ------------------------*/

.reviews{
  margin-top: 50px;
  height: 200px;
  width: 100%;
  overflow: hidden;

  .review-holder{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--secondary);

    .testimonials-container{
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    
      margin-top: 0%;
      color: #fffef8;
    }
    
    .cust-quotes {
      height: 100%;
      position:relative;
      margin-top: 22%;
    }
    
    .cust-quotes blockquote {
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px;
      font-size:clamp(1.2rem, 5vw, 2rem);
      text-align: center;
      opacity: 0;
      z-index: 0;
      transition: opacity 0.5s ease-out 0s, transform 0.5s ease-in 0s;
    
      display: flex;
      flex-direction: column;
    }
    
    .no-csstransitions .cust-quotes blockquote,
    .no-csstransforms .cust-quotes blockquote {
      position:relative;
    }
    
    .cust-quotes blockquote:first-child {
      opacity: 0;
      transform: translateY(-10px) scale(1.1);
    }
    
    .cust-quotes blockquote:first-child + blockquote {
      opacity: 1;
      z-index: 1;
      transition: opacity 3.6s ease 0s;
    }
    
    .cust-quotes blockquote p{
      font-size:clamp(1.5rem, 5vw, 3rem);
      font-weight:normal;
      font-style:italic;
      color: #fffef8;
      line-height: 38px;
      font-family: Mulish;
      margin-bottom: 3%;
    }
    
    .cust-quotes blockquote p:before {
       content: '\201C';
    }
    
    .cust-quotes blockquote p:after {
       content: '\201D';
    }
    
    .cust-quotes blockquote cite {
      text-align: center;
      font-size:clamp(1.2rem, 5vw, 2rem);
      color: #fffef8b2;
      font-family: Mulish;
      margin-bottom: 3%;
    }
    
    .cust-quotes blockquote cite a {
      font-size:clamp(1.2rem, 5vw, 2rem);
      font-weight:normal;
    }
    
    
    #testimonials {
      margin:0 auto;
      width:90%;
      padding: 5%;
      border-radius: 16px;
    }
    
    #testimonials::before{
      content: '';
      position: absolute;
      top: 0;
      left: 5%;
      right: 5%;
      width: 90%;
      height: 100%;
      background-position: center;
      background-size: cover;
      filter: brightness(70%);
      z-index: -1; 
      border-radius: 16px;
    }
    
    
    @media (max-width: 1268px) {
      .testimonials-container{
        margin-top: 0%;
      }
    
      .cust-quotes {
        margin-top: 40%;
      }
      
    }
    
    .img-blob{
      position: absolute;
      top: -80%;
      z-index: -1;
    }
    
    .img-blob img{
      opacity: 0.2;
      height: 1200px;
      z-index: -1;
    }


  }
}

/*-------------------- ABOUT US PREVIEW -------------------- */

.about-us-preview{
  height: 900px;
  margin-top: 100px;
  background-color: var(--bg-1);
  background-attachment: fixed;
  overflow: hidden;

  .about-preview-holder{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: var(--bg-1);
    justify-content: end;
    position: relative;
    overflow: hidden;

    .about-us-text{
      width: 40%;
      height: 70%;
      background-color: var(--primary);
      border-radius: 24px;
      margin: 50px;
      margin-right: 175px;

      display: flex;
      flex-direction: column;
      align-items: center;

      h1{
        color: var(--white);
        font-size: 6rem;
        font-family: Tangerine;
        padding: 0px;
        margin: 0;
        margin-top: 40px;
        text-align: center;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
      }

      p{
        color: var(--white);
        font-size: clamp(18px, 1vw, 20px);
        font-family: Gowun batang;
        padding: 5px;
        padding-top: 10px;
        margin: 0;
        text-align: left;
        width: 80%;
        line-height: 35px;
      }

      .button-div{
        width: 100%;
        margin-top: 30px;
        display: flex;
        align-items: center;
        justify-content: center;

        button{
          background-color: var(--secondary);
          color: var(--white);
          font-size: 20px;
          padding: 10px 80px;
          border: none;
          border-radius: 80px;
          cursor: pointer;
          font-family: Gowun batang;
          transition: all 0.2s ease-in-out;

          a{
            color: var(--white);
            text-decoration: none;
          }

          &:hover{
            background-color: var(--fourth);
          }
        }
      }

    }

    .about-us-image{
      width: 40%;
      height: 80%;
      overflow: hidden;
      position: relative;
      z-index: 2;

      .abt-food{
        margin-top: 80px;
        margin-left: 100px;
        width: 100%;
        height: 100%;
        z-index: 2;
      }

      .ab-corn{
        position: absolute;
        top: -80px;
        left: 250px;
        z-index: 2;
        transform: scale(0.115);
        opacity: 1;
      }

      .ab-scallion{
        position: absolute;
        top: -170px;
        left: 140px;
        z-index: 2;
        transform: scale(0.25);
      }

      .ab-pea{
        position: absolute;
        top: -30px;
        left: 40px;
        z-index: 2;
        transform: scale(0.08);
      }
    }

    .abs-leaf-1{
      position: absolute;
      top: 10px;
      right: -150px;
      z-index: 1;
      transform: scale(0.9) rotate(-10deg);
    }

    .ab-pea1{
      position: absolute;
      top: -180px;
      right: 0px;
      z-index: 2;
      transform: scale(0.08) scaleX(-1);
    }
  }
}


/* RESPONSIVE */
@media screen and (max-width: 1200px){
  .about-us-preview{
    height: 600px;
    overflow: hidden;
  
    .about-preview-holder{
      height: 100%;
      width: 100%;
  
      .about-us-text{
        width: 50%;
        height: 60%;
  
        h1{
          font-size: 55px;
        }
  
      }
  
      .about-us-image{
        .abt-food{
          margin-top: 0px;
          margin-left: 0px;
        }
  
        .ab-corn{
          display: none;
        }
  
        .ab-scallion{
          display: none;
        }
  
        .ab-pea{
          display: none;
        }
      }
  
      .abs-leaf-1{
        top: -50px;
        transform: scale(0.7) rotate(-10deg);
      }
  
      .ab-pea1{
        display: none;
      }
    }
  }
}

@media screen and (max-width: 500px){
  .about-us-preview{
    height: 900px;
    margin-top: 100px;
    background-color: var(--bg-1);
    background-attachment: fixed;
    overflow: hidden;
  
    .about-preview-holder{
      height: 100%;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      position: relative;
      overflow: hidden;
      background-color: var(--bg-1);
  
      .about-us-text{
        width: 90%;
        height: 90%;
        background-color: var(--primary);
        border-radius: 24px;
        margin: 0px;
        margin-right: 0px;
        z-index: 5;
  
        display: flex;
        flex-direction: column;
        align-items: center;
  
        h1{
          color: var(--white);
          font-size: 4rem;
          font-family: Tangerine;
          padding: 5px;
          margin: 0;
          margin-top: 10px;
          text-align: center;
        }
  
      }
  
      .about-us-image{
        display: none;
      }
  
      .abs-leaf-1{
        position: absolute;
        top: 10px;
        right: -150px;
        z-index: 1;
        transform: scale(0.9) rotate(-10deg);
      }
  
      .ab-pea1{
        position: absolute;
        top: -180px;
        right: 0px;
        z-index: 2;
        transform: scale(0.08) scaleX(-1);
      }
    }
  }
}

/*--------------------- linear-gradient + leaf  ------------------------*/

.linear-gradient1{
  position: absolute;
  height: 200px;
  width: 100%;
  background: rgb(31,20,16);
  background: linear-gradient(360deg, rgb(250, 241, 229), rgb(205, 146, 97) 100%);
}

.abs-leaf-2{
  position: absolute;
  bottom: 50px;
  right: 150px;
  z-index: 1;
  transform: scaleX(-1) rotate(130deg) scale(0.9);
}

/* RESPONSIVE */
@media screen and (max-width: 1200px){
  .abs-leaf-2{
    position: absolute;
    bottom: 100px;
    right: 10px;
    z-index: 1;
    transform: scaleX(-1) rotate(130deg) scale(0.7);
  }
}

/*--------------------- EVENTS SECTIONS ------------------------*/

.events{
  height: 1000px;
  background-color: var(--white);

  .events-holder{
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    position: relative;
    overflow: hidden;

    .events-text{
      width: 40%;
      height: 60%;
      background-color: var(--primary);
      border-radius: 24px;
      margin: 50px;
      margin-left: 200px;

      display: flex;
      flex-direction: column;
      align-items: center;

      .events-text-container{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;

        h1{
          color: var(--white);
          font-size: 6rem;
          font-family: Tangerine;
          padding: 5px;
          margin: 0;
          margin-top: 10px;
          text-align: center;
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
        }
  
        p{
          color: var(--white);
          font-size: clamp(18px, 1vw, 20px);
          font-family: Gowun batang;
          padding: 5px;
          padding-top: 10px;
          margin: 0;
          text-align: left;
          width: 80%;
          display: flex;
          align-items: center;
          justify-content: center;
          line-height: 35px;
        }
      }

      .button-div{
        width: 100%;
        margin-top: 30px;
        display: flex;
        align-items: center;
        justify-content: center;

        button{
          background-color: var(--secondary);
          color: var(--white);
          font-size: 20px;
          padding: 10px 80px;
          border: none;
          border-radius: 80px;
          cursor: pointer;
          font-family: Gowun batang;
          transition: all 0.2s ease-in-out;

          a{
            color: var(--white);
            text-decoration: none;
          }

          &:hover{
            background-color: var(--fourth);
          }
        }
      }

    }

    .events-image{
      width: 40%;
      height: 80%;
      overflow: hidden;
      position: relative;
      z-index: 2;

      .event-food{
        margin-top: 100px;
        margin-left: -150px;
        width: 100%;
        height: 100%;
        z-index: 2;
      }

      .ab-pea2{
        position: absolute;
        top: -180px;
        right: 0px;
        z-index: 2;
        transform: scale(0.08);
      }

      .ab-leaf{
        position: absolute;
        top: -30px;
        right: -50px;
        z-index: 2;
        transform: scale(0.2);
      }

      .ab-leaf1{
        position: absolute;
        top: -20px;
        right: 120px;
        z-index: 2;
        transform: scale(0.2) rotate(90deg);
      }

      .ab-pepper{
        position: absolute;
        bottom: 180px;
        right: -80px;
        z-index: 2;
        transform: scale(0.15);
      }

      .ab-pepper1{
        position: absolute;
        top: -150px;
        left: 180px;
        z-index: 2;
        transform: scale(0.15) scaleY(-1) scaleX(-1);
      }
    }

    .abs-leaf-3{
      position: absolute;
      transform: rotate(-20deg);
      left: -75px;
      top: 50px;
    }

  }
}

.div-abs{
  position: absolute;

  .abs-leaf-4{
    position: absolute;
    top: -300px;
    transform: rotate(150deg);
  }
}

/* RESPONSIVE */
@media screen and (max-width: 1200px){
  .events{
    height: 800px;
    background-color: var(--white);
  
    .events-holder{
      .events-text{
        width: 40%;
        height: 60%;
        margin: 50px;
        margin-left: 100px;
  
        h1{
          font-size: 60px;
        }
  
      }
  
      .events-image{
        width: 40%;
        height: 80%;
  
        .event-food{
          margin-top: 50px;
          margin-left: 0px;
        }
  
        .ab-pea2{
          display: none;
        }
  
        .ab-leaf{
          display: none;
        }
  
        .ab-leaf1{
          display: none;
        }
  
        .ab-pepper{
          display: none;
        }
  
        .ab-pepper1{
          display: none;
        }
      }
  
      .abs-leaf-3{
        transform: rotate(-20deg) scale(0.7);
      }
  
    }
  }
  
  .div-abs{
    .abs-leaf-4{
      position: absolute;
      top: -400px;
      transform: rotate(150deg) scale(0.7);
    }
  }
}

@media screen and (max-width: 500px){
  .events{
    height: 900px;
    background-color: var(--white);
  
    .events-holder{
      height: 100%;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      overflow: hidden;
  
      .events-text{
        width: 90%;
        height: 90%;
        background-color: var(--primary);
        border-radius: 24px;
        margin: 0px;
        margin-left: 0px;
        z-index: 5;
  
        display: flex;
        flex-direction: column;
        align-items: center;
  
        h1{
          color: var(--white);
          font-size: 4rem;
        }
  
      }
  
      .events-image{
        display: none;
      }
  
      .abs-leaf-3{
        position: absolute;
        transform: rotate(-20deg);
        left: -75px;
        top: 50px;
      }
  
    }
  }
  
  .div-abs{
    position: absolute;
  
    .abs-leaf-4{
      position: absolute;
      top: -300px;
      transform: rotate(10deg);
      display: none;
    }
  }
}

/*----------------------------- PLACES ------------------------------ */

.places{
  background-color: var(--white);
  height: 850px;
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;

  .places-holder{
    height: 99%;
    width: 100%;
    display: flex;
    flex-direction: column;

    .place-text{
      display: flex;
      align-items: center;
      justify-content: center;
      height: 20%;

      h1{
        font-size: 155px;
        font-family: Tangerine;
        padding: 0;
        margin: 0;
        color: var(--tertiary);
      }
    }
  }


  .locations{
    height: 80%;
    width: 100%;
    position: relative;

    .swiper-pagination{
      margin-bottom: 50px;
      .swiper-pagination-bullet{
        width: 15px;
        height: 15px;
        background-color: var(--tertiary);
      }
    }
  
    .swiper-wrapper{
      display: flex;
      margin-top: 50px;
    
      .swiper-slide{
        position: relative;
        width: 620px;
        height: 500px;
        aspect-ratio: 3/4;
        border: 1px black;
        border-radius: 20px;
  
        img{
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
          border-radius: inherit;
          user-select: none;
        }
  
        .text{
          position: absolute;
          border-radius: inherit;
          bottom: 0px;
          left: 0px;
          width: 100%;
          color: var(--white);
          background-color: rgba(0, 0, 0, 0.171);
  
          h1{
            font-size: 24px;
            font-family: Gowun Batang;
            padding: 2px;
            padding-top: 10px;
            padding-bottom: 15px;
            padding-left: 25px;
            margin: 0;
          }
  
          p{
            font-size: 20px;
            padding: 2px;
            padding-bottom: 10px;
            padding-left: 15px;
            margin: 0;
          }
        }
      }
    }
  }

  
}

/* RESPONSIVE */
@media screen and (max-width: 1500px){
  .places{
    height: 750px;
  
    .places-holder{
      .place-text{
        h1{
          font-size: 125px;
        }
      }
    }
  
  
    .locations{
      .swiper-pagination{
        margin-bottom: 0px;
        .swiper-pagination-bullet{
          width: 15px;
          height: 15px;
          background-color: var(--tertiary);
        }
      }
    
      .swiper-wrapper{
        display: flex;
        margin-top: 50px;
      
        .swiper-slide{
          position: relative;
          width: 420px;
          height: 500px;
    
          img{
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: inherit;
            user-select: none;
          }
    
          .text{
            h1{
              font-size: 20px;
            }
    
            p{
              font-size: 18px;
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 1200px){
  .places{
    height: 750px;
  
    .places-holder{
      .place-text{
        h1{
          font-size: 105px;
        }
      }
    }
  
  
    .locations{
      .swiper-pagination{
        margin-bottom: 0px;
        .swiper-pagination-bullet{
          width: 15px;
          height: 15px;
          background-color: var(--tertiary);
        }
      }
    
      .swiper-wrapper{
        display: flex;
        margin-top: 50px;
      
        .swiper-slide{
          position: relative;
          width: 300px;
          height: 400px;
    
          img{
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: inherit;
            user-select: none;
          }
    
          .text{
            h1{
              font-size: 20px;
            }
    
            p{
              font-size: 18px;
            }
          }
        }
      }
    }
  }
}



/*----------------------------- SPONSORS ------------------------------ */

@keyframes slide {
  from{
    transform: translateX(0);
  }

  to{
    transform: translateX(-100%);
  }
}

.sponsors{
  height: 500px;
  padding-top: 50px;
  background-color: var(--white);
  color: var(--black);
  position: relative;
  display: flex;
  align-items: center;
  z-index: 6;
  overflow: hidden;

  .sponsor-holder{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 8;
    
    .part3{
      margin-top: 0%;
      width: 100%;
      height: 100%;
    }
    
    .logos{
      overflow: hidden;
      padding: 10px 0;
      white-space: nowrap;
      position: relative;
    }
    
    
    .logos-slide{
      animation: 20s slide infinite linear;
      display: inline-block;
    }
    
    .logos-slide img{
      height: 250px;
      padding: 0;
      margin: 3px 40px;
    }
    
    .title-logo{
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    .title-logo h1{
      font-size: 60px;
      font-family: Gowun batang;
      font-weight: 400;
    }
    
    .line{
      width: 28%;
      height: 1.5px;
      background-color: var(--black);
      margin: 2%;
    }

    p{
      font-size: clamp(10px, 5vw, 50px);
      padding: 0;
      margin: 0;
      padding: 5px;
    }
  }

  .abs-leaf-5{
    position: absolute;
    transform: rotate(105deg) scaleX(-1) scale(0.75);
    left: -100px;
    bottom: -100px;
    z-index: 6;
    padding: 0;
    margin: 0;
    display: none;
  }
  
  .abs-leaf-6{
    position: absolute;
    transform: rotate(70deg) scale(0.75) scaleX(-1) scaleY(-1);
    right: 100px;
    top: -150px;
    z-index: 5;
    padding: 0;
    margin: 0;
    display: none;
  }

}

.linear-gradient3{
  position: absolute;
  height: 250px;
  width: 100%;
  background: rgb(31,20,16);
  background: linear-gradient( rgb(250, 241, 229), #939b4f 100%);
  z-index: 5;
}

@media (max-width: 768px){
  .part3{
    margin-top: 0%;
    width: 100%;
  }

  .logos-slide img{
    margin: 40px 10px;
  }
}

@media (max-width: 968px){
  .part3{
    margin-top: 0%;
    width: 100%;
  }

  .logos-slide img{
    margin: 40px 20px;
  }

  .line{
    display: none;
  }
}

/* RESPONSIVE */
@media screen and (max-width: 1500px){
  .sponsors{
    height: 500px;
    padding-top: 50px;
    background-color: var(--white);
    color: var(--black);
    position: relative;
    display: flex;
    align-items: center;
    z-index: 6;
    overflow: hidden;
  
    .sponsor-holder{
      height: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      z-index: 8;
      
      .part3{
        margin-top: 0%;
        width: 100%;
        height: 100%;
      }
      
      .logos{
        overflow: hidden;
        padding: 10px 0;
        white-space: nowrap;
        position: relative;
      }
      
      
      .logos-slide{
        animation: 20s slide infinite linear;
        display: inline-block;
      }
      
      .logos-slide img{
        height: 200px;
        padding: 0;
        margin: 3px 20px;
      }

      .title-logo h1{
        font-size: 40px;
        font-family: Gowun batang;
        font-weight: 400;
      }
    }
  }

}

@media screen and (max-width: 1200px){
  .sponsors{
    height: 500px;
    padding-top: 50px;
    background-color: var(--white);
    color: var(--black);
    position: relative;
    display: flex;
    align-items: center;
    z-index: 6;
    overflow: hidden;
  
    .sponsor-holder{
      height: 100%;
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      z-index: 8;
      
      .part3{
        margin-top: 0%;
        width: 100%;
        height: 100%;
      }
      
      .logos{
        overflow: hidden;
        padding: 10px 0;
        white-space: nowrap;
        position: relative;
      }
      
      
      .logos-slide{
        animation: 20s slide infinite linear;
        display: inline-block;
      }
      
      .logos-slide img{
        height: 200px;
        padding: 0;
        margin: 3px 20px;
      }

      .title-logo h1{
        font-size: 30px;
        font-family: Gowun batang;
        font-weight: 400;
      }
    }
  }
}

/*---------------------------- SPECIALTIES ------------------------ */

.specialties{
  margin-top: 100px;
  background-color: var(--bg-3);
  height: 1200px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 4;
  overflow: hidden;

  .special-holder{
    height: 80%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;

    .special-slider{

      .swiper-button-prev,
      .swiper-button-next{
        color: var(--white);
      }

      .swiper-button-prev::after,
      .swiper-button-next::after{
        color: var(--white);
        font-size: 62px;
      }


      .specials{
        height: 800px;
        width: 1600px;
        z-index: 5;
  
        .special{
          font-size: 35px;
          display: flex;
          align-items: center;
          justify-content: center;

          .special-content-box{
            background-color: #6d7530;
            height: 95%;
            width: 85%;
            border-radius: 32px;
            display: flex;
            z-index: 5;

            .text{
              height: 100%;
              width: 23%;
              display: flex;
              flex-direction: column;
              justify-content: space-around;

              .text1{
                padding: 15px;
                color: var(--white);
                display: flex;
                align-items: center;
                flex-direction: column;

                h1{
                  padding: 0;
                  margin: 0;
                  font-family: Tangerine;
                  font-size: 45px;
                  width: 100%;
                  text-align: center;
                }

                p{
                  padding: 0;
                  margin: 0;
                  font-size: 20px;
                  font-family: Gowun Batang;
                  color: var(--white);
                  padding: 0px;
                  padding-bottom: 35px;
                  width: 100%;
                  padding-top: 10px;
                  text-align: center;
                }
              }

              .text2{
                padding: 15px;
                color: var(--white);
                display: flex;
                align-items: center;
                flex-direction: column;

                h1{
                  padding: 0;
                  margin: 0;
                  font-family: Tangerine;
                  font-size: 45px;
                  width: 100%;
                  text-align: center;
                }

                p{
                  padding: 0;
                  margin: 0;
                  font-size: 20px;
                  font-family: Gowun Batang;
                  color: var(--white);
                  padding: 0px;
                  padding-bottom: 35px;
                  width: 100%;
                  padding-top: 10px;
                  text-align: center;
                }
              }
            }

            .img-title{
              height: 100%;
              width: 54%;
              display: flex;
              flex-direction: column;
              align-items: center;

              h1{
                text-align: center;
                font-size: 105px;
                margin: 0;
                padding: 0;
                color: var(--white);
                padding: 20px;
                padding-top: 35px;
                font-family: tangerine;

              }

              img{
                height: 80%;
                width: 80%;
              }
            }


          }
        }
      }
    }
  }
}

.abs-leaf-7{
  position: absolute;
  transform: scale(0.7);
  right: -50px;
  top: 150px;
  z-index: 3;
  padding: 0;
  margin: 0;
  z-index: 3;
}

.abs-leaf-8{
  position: absolute;
  transform: rotate(185deg) scale(0.7);
  left: -50px;
  bottom: 150px;
  z-index: 3;
  padding: 0;
  margin: 0;
  z-index: 3;
}


/* RESPONSIVE */
@media screen and (max-width: 1500px){
  .specialties{
    height: 1000px;
  
    .special-holder{
      .special-slider{
        .swiper-button-prev,
        .swiper-button-next{
          color: var(--white);
        }
        .swiper-button-prev::after,
        .swiper-button-next::after{
          font-size: 42px;
        }
        .specials{
          height: 700px;
          width: 1200px;
          z-index: 5;
    
          .special{
            font-size: 25px;
  
            .special-content-box{
              background-color: #6d7530;
              height: 95%;
              width: 85%;
              border-radius: 32px;
              display: flex;
              z-index: 5;
  
              .text{
                height: 100%;
                width: 23%;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
  
                .text1{
                  padding: 15px;
  
                  h1{
                    font-size: 45px;
                  }
  
                  p{
                    padding-bottom: 35px;
                  }
                }
  
                .text2{
                  h1{
                    font-size: 45px;
                  }
  
                  p{
                    font-size: 20px;
                    padding-bottom: 35px;
                  }
                }
              }
  
              .img-title{
                h1{
                  text-align: center;
                  font-size: 85px;
  
                }
                img{
                  height: 80%;
                  width: 80%;
                }
              }
  
  
            }
          }
        }
      }
    }
  }
  
  .abs-leaf-7{
    position: absolute;
    transform: scale(0.4);
    right: -50px;
    top: 80px;
    z-index: 3;
    padding: 0;
    margin: 0;
    z-index: 3;
  }
  
  .abs-leaf-8{
    position: absolute;
    transform: rotate(185deg) scale(0.4);
    left: -50px;
    bottom: 80px;
    z-index: 3;
    padding: 0;
    margin: 0;
    z-index: 3;
  }
}


@media screen and (max-width: 1200px){
  .specialties{
    height: 1000px;
  
    .special-holder{
      .special-slider{
        .swiper-button-prev,
        .swiper-button-next{
          color: var(--white);
        }
        .swiper-button-prev::after,
        .swiper-button-next::after{
          font-size: 42px;
        }
        .specials{
          height: 600px;
          width: 1000px;
          z-index: 5;
    
          .special{
            font-size: 20px;
  
            .special-content-box{
              background-color: #6d7530;
              height: 95%;
              width: 85%;
              border-radius: 32px;
              display: flex;
              z-index: 5;
  
              .text{
                height: 100%;
                width: 23%;
                display: flex;
                flex-direction: column;
                justify-content: space-around;
  
                .text1{
                  padding: 15px;
  
                  h1{
                    font-size: 40px;
                  }
  
                  p{
                    padding-bottom: 30px;
                    font-size: 20px;
                  }
                }
  
                .text2{
                  h1{
                    font-size: 40px;
                  }
  
                  p{
                    font-size: 20px;
                    padding-bottom: 30px;
                  }
                }
              }
  
              .img-title{
                h1{
                  text-align: center;
                  font-size: 80px;
  
                }
                img{
                  height: 80%;
                  width: 80%;
                }
              }
  
  
            }
          }
        }
      }
    }
  }
  
  .abs-leaf-7{
    display: none;
  }
  
  .abs-leaf-8{
    display: none;
  }
}

@media screen and (max-width:500px){
  .specialties{
    margin-top: 100px;
    background-color: var(--bg-3);
    height: 1000px;
  
    .special-holder{
      height: 80%;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 4;
  
      .special-slider{
  
        .swiper-button-prev,
        .swiper-button-next{
          color: var(--white);
        }
  
        .swiper-button-prev::after,
        .swiper-button-next::after{
          color: var(--white);
          font-size: 62px;
        }
  
        .specials{
          height: 600px;
          width: 95%;
          z-index: 5;
    
          .special{
            font-size: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
  
            .special-content-box{
              background-color: #6d7530;
              height: 95%;
              width: 85%;
              border-radius: 32px;
              display: flex;
              z-index: 5;
  
              .text{
                display: none;
              }

              .img-title{
                height: 100%;
                width: 94%;
                display: flex;
                flex-direction: column;
                align-items: center;
  
                h1{
                  text-align: center;
                  font-size: 85px;
                  margin: 0;
                  padding: 0;
                  color: var(--white);
                  padding: 20px;
                  padding-top: 35px;
                  font-family: tangerine;
  
                }
  
                img{
                  height: 60%;
                  width: 80%;
                }
              }
  
  
            }
          }
        }
      }
    }
  }
}

/* --------------------------------- ACHIEVEMENTS -------------------------------- */

.achievements{
  position: relative;
  background-color: var(--bg-3);
  height: 800px;
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;;

  .achieve-holder{
    height: 90%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;

    .achievement{
      background-color: var(--white);
      height: 550px;
      width: 450px;
      border-radius: 40px;
      z-index: 2;
      position: relative;
      background-image: url(../pictures/bg-achievements.svg);
      background-position: center;
      object-fit: cover;
      background-size: contain;
      background-repeat: no-repeat;

      display: flex;
      align-items: center;
      justify-content: center;

      h1{
        font-size: clamp(50px, 4vw, 80px);
        font-family: gowun batang;
        color: var(--primary);
        text-align: center;
        padding: 50px;
      }
    }

    .achievement1{
      background-color: var(--white);
      height: 550px;
      width: 450px;
      border-radius: 40px;
      z-index: 2;
      position: relative;
      background-image: url(../pictures/bg-achievements.svg);
      background-position: center;
      object-fit: cover;
      background-size: contain;
      background-repeat: no-repeat;

      display: flex;
      align-items: center;
      justify-content: center;

      h1{
        font-size: clamp(50px, 4vw, 80px);
        font-family: gowun batang;
        color: var(--primary);
        text-align: center;
        padding: 50px;
      }
    }

    .achievement2{
      background-color: var(--white);
      height: 550px;
      width: 450px;
      border-radius: 40px;
      z-index: 2;
      position: relative;
      background-image: url(../pictures/bg-achievements.svg);
      background-position: center;
      object-fit: cover;
      background-size: contain;
      background-repeat: no-repeat;

      display: flex;
      align-items: center;
      justify-content: center;

      h1{
        font-size: clamp(50px, 4vw, 80px);
        font-family: gowun batang;
        color: var(--primary);
        text-align: center;
        padding: 30px;
      }
    }
  }
}

.abs-leaf-9{
  position: absolute;
  transform: rotate(185deg) scale(0.5);
  left: -80px;
  top: 00px;
  z-index: 1;
  padding: 0;
  margin: 0;
}

.abs-leaf-10{
  position: absolute;
  transform: rotate(5deg) scaleX(-1) scale(0.6);
  left: 600px;
  bottom: -100px;
  z-index: 1;
  padding: 0;
  margin: 0;
}

.abs-leaf-11{
  position: absolute;
  transform: rotate(285deg) scale(0.6);
  left: 850px;
  top: -90px;
  z-index: 1;
  padding: 0;
  margin: 0;
}

.abs-leaf-12{
  position: absolute;
  transform: rotate(-55deg) scale(0.6);
  right: -60px;
  top: 200px;
  z-index: 1;
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 1500px){

  .achievements{
    position: relative;
    background-color: var(--bg-3);
    height: 600px;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
  
    .achieve-holder{
      height: 90%;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 50px;
  
      .achievement{
        height: 450px;
        width: 350px;
      }
    }
  }

  .achievements{
    position: relative;
    background-color: var(--bg-3);
    height: 600px;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
  
    .achieve-holder{
      height: 90%;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 50px;
  
      .achievement{
        height: 450px;
        width: 350px;
      }

      .achievement1{
        height: 450px;
        width: 350px;
      }

      .achievement2{
        height: 450px;
        width: 350px;
      }
    }
  }

  
  
  .abs-leaf-9{
    position: absolute;
    transform: rotate(185deg) scale(0.4);
    left: -120px;
    top: 00px;
  }
  
  .abs-leaf-10{
    position: absolute;
    transform: rotate(5deg) scaleX(-1) scale(0.4);
    left: 300px;
    bottom: -200px;
  }
  
  .abs-leaf-11{
    position: absolute;
    transform: rotate(285deg) scale(0.4);
    left: 650px;
    top: -90px;
  }
  
  .abs-leaf-12{
    position: absolute;
    transform: rotate(-55deg) scale(0.4);
    right: -60px;
    top: -150px;
  }
  
}

@media screen and (max-width: 1200px){

  .achievements{
    position: relative;
    background-color: var(--bg-3);
    height: 500px;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
  
    .achieve-holder{
      height: 90%;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 100px;
  
      .achievement{
        height: 350px;
        width: 250px;
  
      }

      .achievement1{
        height: 350px;
        width: 250px;

        h1{
          padding: 10px;
        }
      }

      .achievement2{
        height: 350px;
        width: 250px;

      }
    }
  }
  
  .abs-leaf-9{
    position: absolute;
    transform: rotate(185deg) scale(0.4);
    left: -120px;
    top: 00px;
  }
  
  .abs-leaf-10{
    position: absolute;
    transform: rotate(5deg) scaleX(-1) scale(0.4);
    left: 300px;
    bottom: -200px;
  }
  
  .abs-leaf-11{
    position: absolute;
    transform: rotate(285deg) scale(0.4);
    left: 650px;
    top: -90px;
  }
  
  .abs-leaf-12{
    position: absolute;
    transform: rotate(-55deg) scale(0.4);
    right: -60px;
    top: -150px;
  }
  
}

@media screen and (max-width: 500px){
  .achievements{
    position: relative;
    background-color: var(--bg-3);
    height: 1400px;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
  
    .achieve-holder{
      height: 90%;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 50px;
  
      .achievement{
        background-color: var(--white);
        height: 350px;
        width: 90%;
        border-radius: 40px;
        z-index: 2;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
  
        h1{
          font-family: gowun batang;
          color: var(--primary);
        }
      }

      .achievement1{
        background-color: var(--white);
        height: 350px;
        width: 90%;
        border-radius: 40px;
        z-index: 2;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
  
        h1{
          font-family: gowun batang;
          color: var(--primary);
          padding: 10px;
        }
      }

      .achievement2{
        background-color: var(--white);
        height: 350px;
        width: 90%;
        border-radius: 40px;
        z-index: 2;
        position: relative;
        background-size: contain;
        background-repeat: no-repeat;
  
        h1{
          font-family: gowun batang;
          color: var(--primary);
        }
      }
    }
  }

  .abs-leaf-9{
    display: none;
  }
  
  .abs-leaf-10{
    display: none;
  }
  
  .abs-leaf-11{
    display: none;
  }
  
  .abs-leaf-12{
    display: none;
  }
} 


.cta{
  height: 150px;
  width: 100%;
  display: flex;
  background-color: var(--bg-3);
  align-items: start;
  justify-content: center;

  a{
    font-family: gowun batang;
    background-color: var(--primary);
    text-decoration: none;
    padding: 15px 45px;
    border-radius: 22px;
    color: var(--white);
    font-size: 26px;
    transition: all 0.2s ease-in-out;

    &:hover{
      background-color: var(--fourth);
    }

  }
}