@font-face {
  font-family: 'AvantGarde';
  src: url('../font-family/AvantGarde-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvantGarde';
  src: url('../font-family/AvantGarde-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'AvantGarde';
  src: url('../font-family/AvantGarde-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
  background-color: white;
  font-family: 'AvantGarde', sans-serif;
}
.link-href {
  color: #007bff;
  text-decoration: underline;
  font-weight: 600;
  transition: color 0.2s;
  cursor: pointer;
}
.link-href:hover,
.link-href:focus {
  color: #0056b3;
  text-decoration: none;
}

.link-href-1 {
  color: #007bff;
  text-decoration: underline;
  font-weight: 600;
  font-size: 26px;
  transition: color 0.2s;
  cursor: pointer;
}

.link-href-1:hover,
.link-href-1:focus {
  color: #0056b3;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.section-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  position: relative;
}

/* Section 1 Styles  */

.first-section-center-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 1px;
}
.first-section-center-content img{
  width: auto;
  height: 50%;
  object-fit: contain;
}
.first-section-center-text-mobile{
  display: none;
}


.first-section-center-content p {
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
}

.first-content-left-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  transition: transform 0.2s ease;
}


.first-content-img-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  transition: transform 0.2s ease;
}
.first-content-mobile-top{
  position: absolute;
  width: 100%;
  top: 0;
  display: none;
  z-index: -1;
  max-height: 35%;
}
.first-content-mobile-bottom{
  position: absolute;
  width: 100%;
  bottom: 0;
  display: none;
  z-index: -1;
  max-height: 35%;
  object-fit: fill;
}

/* Section 2 Styles */
.second-section-box {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}

.second-image-left {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: auto;
  object-fit: cover;
  z-index: 0;
}

.second-image-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: auto;
  object-fit: cover;
  z-index: 0;
}

.second-center-text, .second-center-text-mobile {
  display: flex;
  justify-content: start;
  align-items: center;
  height: 100%;
  padding-left: 10%;
  padding-right: 5%;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 1px;
  position: relative;
  z-index: 1;
  max-width: 85%;
  margin: 0;
}
.second-center-text-mobile{
  display: none;
}
.second-content-mobile-top {
  position: absolute;
  width: 100%;
  top: 0;
  display: none;
  z-index: -1;
  max-height: 20%;
}

.second-content-mobile-bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: none;
  z-index: -1;
  max-height: 20%;
  object-fit: fill;
}

.third-section-box {
  background-color: #07b8a0;
  width: 100%;
  padding: 30px 0;
  display: flex;
  justify-content: center;
}

.third-section-title {
  font-size: 60px;
  font-weight: 600;
  text-align: center;
  color: white;
  align-content: center
}

.third-section-bottom-row {
  display: flex;
  flex: 1;
  overflow: hidden;
  align-items: stretch;
}

.third-image-left {
  height: 100%;
  width: auto;
  object-fit: cover;
  max-width: 30%;
}

.third-section-center-text {
  font-size: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
  z-index: 1;
  flex: 1;
  padding: 20px 2%;
}

.third-image-right {
  height: 100%;
  width: auto;
  object-fit: cover;
  max-width: 30%;
}

.third-content-mobile-bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: none;
  z-index: -1;
  max-height: 15%;
  object-fit: fill;
}

/* Section 4 styles */
#section-4 { /* The main container for section 4 */
  position: relative;
  /* display: flex; flex-direction: column; align-items: center; Is already a flex column from .section-container */
}

/* Animation styles for the countdown */
.countdown-box {
  perspective: 300px;
}

.digit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  backface-visibility: hidden;
}

.digit.current {
  transform: translateY(0);
}

.digit.new {
  transform: translateY(100%);
}

.fourth-image-left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: auto;
  object-fit: contain;
  max-width: 30%;
  z-index: 3;
}

.fourth-image-right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: auto;
  object-fit: cover;
  max-width: 30%;
  z-index: 3;
}

.fourth-section-blue-box {
  background-color: rgba(0, 102, 204, 0.7); /* Made transparent */
  width: 100%;
  padding: 30px 0;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2; /* Increased z-index to be above images */
}

.fourth-section-text-container {
  text-align: center;
  color: white;
}

.fourth-section-date {
  font-size: 70px;
  font-weight: 600;
  margin-bottom: 20px;
}

.fourth-section-location {
  font-size: 56px;
  font-weight: 600;
}

.fourth-content-mobile-top {
  position: absolute;
  width: 100%;
  top: 0;
  display: none;
  z-index: 1;
  object-fit: cover;
}

.fourth-content-mobile-bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: none;
  z-index: 1;
  max-height: 35%;
  object-fit: fill;
}

.fourth-section-countdown-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 2%;
  position: relative;
  z-index: 2;
  margin-top: 20px;
}

.fourth-section-countdown-title {
  font-size: 70px;
  font-weight: bold;
  margin-bottom: 40px;
}

.countdown-timer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 45px;
}

.countdown-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.countdown-digits {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 15px;
}

.countdown-box {
  width: 130px;
  height: 210px;
  background-color: black;
  color: white;
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 110px;
  font-weight: bold;
  margin: 0 5px;
  position: relative;
  overflow: hidden;
}

.countdown-label {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  width: 100%;
}

.fifth-section-box {
  background-color: #e1b325;
  padding: 20px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}

.fifth-section-title {
  font-size: 60px;
  font-weight: 600;
  text-align: center;
  color: white;
  padding: 10px 5%;
}

.fifth-section-bottom {
  position: relative;
  flex: 1;
  width: 100%;
  overflow: hidden;
}

.section-5-text, .section-5-text-mobile {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
  z-index: 2;
  padding: 15px;
}
.section-5-text-mobile{
  display: none;
}

.fifth-image-content-left {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: 1;
  width: auto;
  transition: transform 0.2s ease;
}

.fifth-image-content-right {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  width: auto;
  transition: transform 0.2s ease;
}

.fifth-top-mobile-image {
  position: absolute;
  width: 100%;
  top: 15%;
  display: none;
  z-index: -1;
  max-height: 35%;
}

.fifth-bottom-image {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: none;
  z-index: -1;
  max-height: 35%;
  object-fit: fill;
}

.section-6-box {
  background-color: #f37167;
  padding: 20px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
}

.section-6-title {
  font-size: 60px;
  font-weight: bold;
  text-align: center;
  color: white;
  padding: 10px 5%;
}

.section-6-bottom {
  position: relative;
  flex: 1;
  width: 100%;
  overflow: hidden;
}

.section-6-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
  z-index: 2;
  max-width: 35%;
  padding: 15px 25px;
}

.wave-content-6 {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: 1;
  width: auto;
  transition: transform 0.2s ease;
}

.wave-content-right-6 {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  width: auto;
  transition: transform 0.2s ease;
}

.sixth-top-mobile-image {
  position: absolute;
  width: 100%;
  top: 15%;
  display: none;
  z-index: -1;
  max-height: 35%;
}

.sixth-bottom-image {
  position: absolute;
  width: 100%;
  bottom: 0;
  display: none;
  z-index: -1;
  max-height: 35%;
  object-fit: fill;
}


/* Section 7 & 8 styles (REVISED for smaller workshop images and better responsiveness) */
.section-7-box { /* Title bar */
  background-color: #7f97ff;
  padding: 15px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-7-title {
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  color: white;
  padding: 10px 5%;
}

.section-7-bottom {
  position: relative;
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}

.section-7-text { /* Descriptive text above workshops */
  font-weight: 600;
  width: 80%;
  font-size: 28px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.section-7-workshops {
  display: flex;
  justify-content: space-evenly;
  align-items: flex-end;
  flex-wrap: wrap; /* Allow workshops to wrap on smaller screens */
  width: 100%;
  margin-top: auto;
  padding-left: 2%;
  padding-right: 2%;
}

.workshop-box {
  width: 30%;
  max-width: 400px; /* Adjusted max-width */
  min-width: 260px; /* Adjusted min-width */
  background-color: #ff9933;
  border-radius: 30% 30% 0 0; /* Increased radius at the top */
  position: relative;
  height: 400px; /* Fixed height for consistency */
  padding: 115px 15px 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.workshop-image {
  width: 40%; /* Responsive width based on parent container */
  height: auto; /* Maintain aspect ratio */
  aspect-ratio: 1/1; /* Ensure image remains circular */
  border-radius: 50%;
  position: absolute;
  top: -15%; /* Position relative to image size */
  left: 50%;
  transform: translateX(-50%);
  object-fit: cover;
  z-index: 2;
}

.workshop-title {
  font-size: 22px; /* Adjusted base size */
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}

.workshop-description {
  font-size: 18px; /* Adjusted base size */
  text-align: center;
  font-weight: 600;
  padding: 0 10px;
  flex-grow: 1;
}

/* Animation styles for the countdown (Unchanged) */
.countdown-box .digit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  backface-visibility: hidden;
}

.countdown-box .digit.current {
  transform: translateY(0);
}

.countdown-box .digit.new {
  transform: translateY(100%);
}



/* Section 9 styles */
#section-9.section-container {
  height: auto;
  overflow: visible;
}

.ninth-desktop-image {
  width: 100%;
  height: auto;
  display: block;
  padding:   0 20px;
}

.ninth-mobile-image {
  width: 100%;
  height: auto;
  display: none;
  padding:   0 20px;
}

/* MEDIA QUERIES */


@media (max-width: 420px) {
  .first-section-center-text-mobile{display: block}
  /*!* Section 3 *!*/
  .third-section-title {font-size: 24px !important; }
  .third-section-center-text{font-size: 14px !important;}


  /* Section 4 */
  .fourth-content-mobile-top{top: -40px;}
  .fourth-section-text-container{padding-top: 50px !important;
  }

  /* Section 5*/
  .fifth-section-title{font-size: 20px; !important;}
  .section-5-text-mobile{font-size: 12px !important;}

  /* Section 6 */
  .section-6-title{ font-size: 24px !important;}
  .section-6-text{ font-size: 13px !important; }

  .ninth-mobile-image{display: block; }
  .ninth-desktop-image{display: none;}
}

@media (max-width: 480px) {
  /* Section 1 */
  .first-content-left-img{left: -300px;}
  .first-content-img-right {right: -300px;}
  .first-section-center-content p {font-size: 18px;}

  /* Section 2 */
  .second-section-box{ display: flex; margin: 0;}
  .second-center-text{font-size: 14px; height: 60%; max-width: 100%; padding: 0 5%; text-align: center; justify-content: center;}
  .second-image-left{display: none;}
  .second-image-right{display: none;}
  .second-content-mobile-top{display: block}
  .second-content-mobile-bottom{display: block}


  .ninth-mobile-image{display: block; }
  .ninth-desktop-image{display: none;}
}


@media (max-width: 992px) {
  .first-section-center-text-mobile{display: block}
  .first-content-left-img{display: none;}
  .first-content-img-right {display: none;}
  .first-section-center-content img{height: 25%}
  .first-section-center-content p {font-size: 18px;}
  .first-section-center-text{display: none}
  .first-section-center-text-mobile{font-size: 17px}
  .first-content-mobile-top{display: block}
  .first-content-mobile-bottom{display: block}
  .second-section-box{ display: flex; margin:  0;}


  .second-center-text{display: none;}
  .second-center-text-mobile{font-size: 16px; height: 60%; max-width: 100%; padding: 0 7%; text-align: center; justify-content: center; display: flex;}
  .second-image-left{display: none;}
  .second-image-right{display: none;}
  .second-content-mobile-top{display: block}
  .second-content-mobile-bottom{display: block}

  /* Section 3 */
  .third-section-box {justify-content: center; }
  .third-section-title {font-size: 28px; padding:  0 20px }
  .third-section-bottom-row {max-height: 50%; overflow-y: auto;}
  .third-image-left {display: none;}
  .third-image-right {display: none;}
  .third-section-center-text {font-size: 18px; padding: 10px 5%; text-align: center; max-height: 100%;}
  .third-content-mobile-bottom {display: block;}
  .link-href-1{font-size: 16px;}

  /* Section 4 */
  .fourth-image-left {display: none;}
  .fourth-image-right {display: none;}
  .fourth-content-mobile-top {display: block;}
  .fourth-content-mobile-bottom {display: block;}
  .fourth-section-blue-box {background-color: transparent; position: absolute; top: 0; z-index: 3;}
  .countdown-timer{gap: 8px;}
  .fourth-section-countdown-title{margin-bottom: 10px;margin-top: 40px;font-size: 17px;}
  .fourth-section-text-container {position: relative; top: 5%; width: 100%; z-index: 3; padding-top: 120px}
  .fourth-section-location { font-size: 20px; }
  .fourth-section-date { font-size: 40px;margin-bottom: 6px; }
  .countdown-box { width: 30px; height: 47px; font-size: 30px; border-radius: 8px; }
  .countdown-digits{gap: 0;}
  .countdown-label {  font-size: 12px;}

  /* Section 5 */
  .fifth-image-content-left {display: none;}
  .fifth-section-title{ font-size: 24px;}
  .fifth-image-content-right {display: none;}
  .fifth-top-mobile-image {display: block;}
  .fifth-bottom-image {display: block;}

  .fifth-section-box{height: 15%; }
  .section-5-text {display: none}
  .section-5-text-mobile{display: block; font-size: 17px; width: 100%}

  /* Section 6 */
  .wave-content-6{display: none;}
  .wave-content-right-6 {display: none;}
  .sixth-top-mobile-image {display: block;}
  .sixth-bottom-image {display: block;}
  .section-6-box {height: 15%; }
  .section-6-title {font-size: 30px;}
  .section-6-text{display: block; font-size: 17px; width: 100%; max-width: 100%; top: 55%}


  /* Sections 7 & 8 */
  #section-7.section-container {height: auto;}
  .section-7-title{ font-size: 30px;}
  .section-7-text{ font-size: 20px; padding-top: 19px; padding-bottom: 70px}
  .section-7-workshops { flex-direction: column; align-items: center; gap: 100px; padding-bottom: 40px}
  .workshop-box { width: 80%; max-width: 80%; height: auto; padding-top: 85px; border-radius: 20px; }
  .workshop-image { width: 30%; top: -50px; }
  .workshop-title { font-size: 20px; }
  .workshop-description { font-size: 16px; }
  #section-8.section-container {height: auto;}



  /* Section 9 responsive */
  .ninth-desktop-image {display: none;}
  .ninth-mobile-image {display: block;}
}


@media (min-width: 768px) and (max-width: 992px) {
  .first-section-center-text-mobile{display: block}
  .first-content-left-img{left: -260px;}
  .first-content-img-right {right: -260px;}
  .first-section-center-content p {font-size: 24px;}

  /* Section 2 */
  .second-image-right{right: -40px;}
  .second-image-left{left: -40px;}
  .second-center-text{font-size: 21px;}


  .third-section-title{
    font-size: 28px; /* Adjusted for larger screens */
  }
  .third-section-center-text{
    font-size: 20px; /* Adjusted for larger screens */
  }
  .link-href-1{font-size: 18px;}
  /* Section 4 */
  .fourth-image-left, .fourth-image-right { max-width: 28%; }
  .fourth-section-date { font-size: 40px; }
  .fourth-section-location { font-size: 30px; }
  .countdown-box { width: 60px; height: 100px; font-size: 50px; border-radius: 10px; }
  .countdown-timer{gap: 25px;}
  .fourth-section-countdown-title{
    font-size: 35px;
  }
  /* Section 5 */
  .fifth-section-title{
    font-size: 30px;
  }
  .section-5-text{
    font-size: 22px;
  }
  .fifth-image-content-left{left: -280px;}
  .fifth-image-content-right {right: -280px;}
  /* Section 6 */
  .section-6-title{
    font-size: 30px;
  }
  .section-6-text{
    font-size: 22px;
  }
  .wave-content-6{left: -260px;}
  .wave-content-right-6 {right: -260px;}
  /* Sections 7 & 8 */
  .section-7-title{ font-size: 24px;}
  .section-7-text{ font-size: 20px;}
  .workshop-box { width: 30%; max-width: 300px;  padding-top: 115px; }
  .workshop-image { width: 40%; top: -12%; }
  .workshop-title { font-size: 22px; }
  .workshop-description { font-size: 18px; }

  .ninth-mobile-image{display: block;}
  .ninth-desktop-image{display: none;}
}

@media (min-width: 992px) and (max-width: 1200px) {
  /* Section 1 */
  .first-content-left-img{left: -240px;}
  .first-content-img-right {right: -240px;}
  .first-section-center-content p {font-size: 28px;}
  .first-section-center-content img{
    height: 60%;
  }
  /* Section 2 */
  .second-image-right{right: -30px;}
  .second-image-left{left: -30px;}
  .second-center-text{font-size: 23px;}
  /* Section 3 */
  .third-section-title{
    font-size: 32px; /* Adjusted for larger screens */
  }
  .third-section-center-text{
    font-size: 24px; /* Adjusted for larger screens */
  }
  .link-href-1{font-size: 20px;}
  /* Section 4 */
  .fourth-image-left, .fourth-image-right { max-width: 30%; }
  .fourth-section-date { font-size: 45px; }
  .fourth-section-location { font-size: 36px; }
  .countdown-box { width: 80px; height: 130px; font-size: 70px; }
  .countdown-timer{gap: 30px;}
  .fourth-section-countdown-title{
    font-size: 40px;
  }
  /* Section 5 */
  .fifth-section-title{
    font-size: 32px;
  }
  .section-5-text{
    font-size: 20px;
  }
  .fifth-image-content-left{left: -220px;}
  .fifth-image-content-right {right: -220px;}
  /* Section 6 */
  .section-6-title{
    font-size: 36px;
  }
  .section-6-text{
    font-size: 20px;
  }
  .wave-content-6{left: -260px;}
  .wave-content-right-6 {right: -260px;}
  /* Sections 7 & 8 */
  .section-7-title{ font-size: 27px;}
  .section-7-text{ font-size: 20px;}
  .workshop-box { max-width: 340px; max-height: 440px; height: 440px; padding-top: 70px;  }
  .workshop-image { width: 40%; top: -15%; }
  .workshop-title { font-size: 20px; }
  .workshop-description { font-size: 16px !important;}
  #section-7.section-container {height: 750px;}
  #section-8.section-container {height: 750px;}

}

@media (min-width: 1200px) and (max-width: 1399px) {
  /* Section 1 */
  .first-content-left-img{left: -190px;}
  .first-content-img-right {right: -190px;}
  .first-section-center-content p {font-size: 32px;}
  .first-section-center-content img{
    height: 60%;
  }
  /* Section 2 */
  .second-image-right{right: -20px;}
  .second-image-left{left: -20px;}
  .second-center-text{font-size: 30px;}
  /* Section 3 */
  .third-section-title{
    font-size: 36px; /* Adjusted for larger screens */
  }
  .third-section-center-text{
    font-size:  28px; /* Adjusted for larger screens */
  }
  .link-href-1{font-size: 24px;}
  /* Section 4 */
  .fourth-image-left, .fourth-image-right { max-width: 30%; }
  .fourth-section-date { font-size: 50px; }
  .fourth-section-location { font-size: 40px; }
  .countdown-box { width: 90px; height: 150px; font-size: 90px; }
  .fourth-section-countdown-title{
    font-size: 45px;
  }
  /* Section 5 */
  .fifth-section-title{
    font-size: 42px;
  }
  .section-5-text{
    font-size: 22px;
  }
  .fifth-image-content-left{left: -160px;}
  .fifth-image-content-right {right: -160px;}
  /* Section 6 */
  .section-6-title{
    font-size: 42px;
  }
  .section-6-text{
    font-size: 22px;
  }
  .wave-content-6{left: -190px;}
  .wave-content-right-6 {right: -190px;}
  /* Sections 7 & 8 */
  .section-7-title{ font-size: 32px;}
  .section-7-text{ font-size: 18px;}
  .workshop-box { max-width: 380px; height: 520px; padding-top: 110px; }
  .workshop-image { width: 40%; top: -15%; }
}

@media (min-width: 1400px)  and (max-width: 1800px) {
  /* Section 1 */
  .first-content-left-img{left: -80px;}
  .first-content-img-right {right: -80px;}
  .first-section-center-content p {font-size: 36px;}
  .first-section-center-content img{
    height: 70%;
  }

  /* Section 2 */
  .second-image-right{right: -10px;}
  .second-image-left{left: -10px;}
  .second-center-text{font-size: 35px;}
  /* Section 3 */
  .third-section-title{
    font-size: 40px;
  }
  .third-section-center-text{
    font-size: 32px; /* Adjusted for larger screens */
  }
  .link-href-1{font-size: 28px;}
  /* Section 4 */
  .fourth-image-left, .fourth-image-right { max-width: 30%; }
  .fourth-section-date { font-size: 55px; }
  .fourth-section-location { font-size: 44px; }
  .fourth-section-countdown-title{
    font-size: 50px;
  }
  .countdown-box { width: 110px; height: 180px; font-size: 110px; } /* Original large size */

  /* Section 5 */
  .fifth-section-title{
    font-size: 50px;
  }
  .section-5-text{
    font-size: 24px;
  }
  .fifth-image-content-left{left: -80px;}
  .fifth-image-content-right {right: -80px;}

  /* Section 6 */
  .section-6-title{
    font-size: 50px;
  }
  .section-6-text{
    font-size: 22px;
  }
  .wave-content-6{left: -100px;}
  .wave-content-right-6 {right: -100px;}

  /* Sections 7 & 8 */
  .section-7-title{ font-size: 36px;}
  .section-7-text{ font-size: 24px;}
  .workshop-box { max-width: 400px; height: 500px; padding-top: 120px; }
  .workshop-image { width: 40%; top: -15%; }
  .workshop-title { font-size: 26px; }
  .workshop-description { font-size: 20px; }


}


@media (max-height: 1800px) and (min-width: 992px) {
  #section-8.section-container{
    min-height: 900px;
    max-height: 1200px;
    height: auto;
  }

  #section-7.section-container{
    min-height: 900px;
    height: auto;
  }

  #section-6.section-container{
    height: 900px;

  }
  #section-5.section-container{
    height: 900px;

  }

  #section-9.section-container{
    height: auto;
  }
}