/* Special event section - start */

.special-event-section{
    background: linear-gradient(to right,#000000,#3432cb);
}
.special-event-section p{
    color: #ffffff;
    line-height: 1.4em !important;
    font-size: 20px !important;
}
.special-event-section .main-title{
    color: #ffbd59!important;
    font-weight: 700!important;
    line-height: 0.78750049em;
    text-align: center;
    text-shadow: 0em 0.0375em 0.061875em rgba(0, 0, 0, 0.105000);
    font-size: 53.3333px;
}
.special-event-section .secondary-title{
    color: #ffffff!important;
    font-weight: 700;
    line-height: 1.36764505em;
    text-align: center;
    font-size: 22.6667px
}


.special-event-section .head-section {
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
    margin-bottom: 30px;
}

.special-event-section .title-thumbnail {
    width:90px;
}


.special-event-section .section-content{
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 1%;
    padding-bottom: 1%;
}

.special-event-section .content-row {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two columns of equal width */
    gap: 20px; /* Optional: Adds space between the columns */
}

.special-event-section .content-left{
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
}
.special-event-section .content-right {
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
}

.special-event-section .footer-images-grid-container {
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 1%;
    padding-bottom: 1%;
}

.special-event-section .footer-images-grid {
    display: grid;
    grid-template-columns: repeat(10, 1fr); /* 5 equal-width columns */
    gap: 5px; /* Optional: Adds space between the columns and rows */
    justify-content: center; /* centers items horizontally */
    align-items: center; /* centers items vertically */
}

.dandiya-section {
    width: 70%;
    text-align: center;
    left: 15%;
    position: relative;
}

.dandiya-section .footer-img{
    width: 130px;
    height: 130px;
    margin: 1rem;
    object-fit: cover;
}

.special-event-section .content-center{
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
}

/* Special event section - end */

/* Taste section - start */

.taste-section{
    padding-top: 30px;
    padding-bottom: 30px;
}

.taste-section .main-title{
    color: #ff3131!important;
    font-weight: 700!important;
    line-height: 0.78750049em;
    text-align: center;
    text-shadow: 0em 0.0375em 0.061875em rgba(0, 0, 0, 0.105000);
    font-size: 53.3333px;
}
.taste-section .secondary-title{
    color: #4f3939;
    font-weight: 700;
    line-height: 1.36764505em;
    text-align: center;
    font-size: 22.6667px
}

.taste-section .section-content{
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 1%;
    padding-bottom: 1%;
}

.taste-section .head-section {
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
    margin-bottom: 30px;
}


.taste-section .bubble-dish-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 equal-width columns */
    gap: 10px; /* Optional: Adds space between the columns and rows */
    justify-content: center; /* centers items horizontally */
    align-items: center; /* centers items vertically */
  }

/* .taste-section .dish-col {
   margin:1rem;
} */
.taste-section .bubble-grid-container {
    background: linear-gradient(to right,#ffde59,#ff934d);
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 1%;
    padding-bottom: 1%;
}
.taste-section .dish-img{
  /* width: 84.75685063px; */
  height: 200px;
  width: 200px;
  clip-path: circle();
  object-fit: cover;
}
/* .taste-section .footer-images-grid-container {
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 1%;
    padding-bottom: 1%;
} */

.taste-section .footer-images-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr); /* 5 equal-width columns */
    gap: 10px; /* Optional: Adds space between the columns and rows */
    justify-content: center; /* centers items horizontally */
    align-items: center; /* centers items vertically */
}

.taste-section .footer-img{
    /* width: 100%; */
    height: 200px;
    margin: 1rem;
    object-fit: cover;

}

.taste-section .content-center{
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
}

.taste-section .footer-img-col{
    /* width: 74.74452555px;
    height: 64px; */
}

/* Taste section - end */


/* Free Online Session Section - start*/
.fos-section{
    background-color: #004aad;
    padding-top: 30px;
    padding-bottom: 30px;
}
.fos-section .main-title{
    color: #ffbd59!important;
    font-weight: 700!important;
    line-height: 0.78750049em;
    text-align: center;
    font-size: 46.667px;
}

.fos-section .section-content{
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 1%;
    padding-bottom: 1%;
}

.fos-section .content-ltr{
    display: flex;
    justify-content: left; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
}

.fos-section .head-section {
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
    margin-bottom: 30px;
}

.fos-section p{
    color: #ffffff!important;
    line-height:1.4em!important;
    font-size: 20px !important;
}

.fos-section .content-row{
    display: flex;
    gap: 10px; /* Optional: Adds space between the child elements */
}

.fos-section .content-row .col_70{
    flex: 0 0 20%;
}

.fos-section .content-row .col_20{
    flex: 0 0 20%;
}

.fos-section .fos-link{
  background-color: #f7931e!important;
  color: #000!important;
  font-size: 22px!important;
  font-weight: 700!important;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 18px;
}

.fos-section .fos-img{
    clip-path: circle()!important;
}

/* Free Online Session Section - end*/



/* Vendor Invitation Section - start*/

.vendor-invitation-section{
    background-color: #b43833;
    padding-top: 30px;
    padding-bottom: 30px;
}
.vendor-invitation-section .main-title{
    color: #ffbd59!important;
    font-weight: 700!important;
    line-height: 0.78750049em;
    text-align: center;
    font-size: 46.667px;
}

.vendor-invitation-section .section-content{
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 1%;
    padding-bottom: 1%;
}

.vendor-invitation-section .head-section {
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
    margin-bottom: 30px;
}

.vendor-invitation-section p{
    color: #ffffff!important;
    line-height: 1.4em !important;
    font-size: 20px !important;
}

.vendor-invitation-section .footer-images-grid-container {
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 1%;
    padding-bottom: 1%;
}

.vendor-invitation-section .footer-images-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 equal-width columns */
    gap: 20px; /* Optional: Adds space between the columns and rows */
  }

.vendor-invitation-section .footer-img{
    width: auto;
    height: 137px;
}

.vendor-invitation-section .content-center{
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
}

.vendor-invitation-section .vi-link{
    background-color: #f7931e!important;
    color: #000!important;
    font-size: 22px!important;
    font-weight: 700!important;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 18px;
  }
/* Vendor Invitation Section - end*/


/* Sponsorship Section - start */

.sponsorship-section{
    background-color: #004aad;
    padding-top: 30px;
    padding-bottom: 30px;
}
.sponsorship-section .main-title{
    color: #ffbd59!important;
    font-weight: 700!important;
    line-height: 0.78750049em;
    text-align: center;
    font-size: 46.667px;
}

.sponsorship-section .section-content{
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 1%;
    padding-bottom: 1%;
}

.sponsorship-section .head-section {
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
    margin-bottom: 30px;
}

.sponsorship-section p{
    color: #ffffff!important;
    line-height:1.4em!important;
    font-size: 20px!important;
}

.sponsorship-section .content-center{
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
}

.sponsorship-section .sponsorship-link{
    background-color: #f7931e!important;
    color: #000!important;
    font-size: 22px!important;
    font-weight: 700!important;
    padding-left: 75px;
    padding-right: 75px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-radius: 18px;
  }

/* Sponsorship Section - end */

/* Annual Sponsors Section - start */

.annual-sponsors-section{
    background-color: #b43833;
    padding-top: 30px;
    padding-bottom: 30px;
}
.annual-sponsors-section .main-title{
    color: #ffbd59!important;
    font-weight: 700!important;
    line-height: 0.78750049em;
    text-align: center;
    font-size: 46.667px;
}

.annual-sponsors-section .section-content{
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 1%;
    padding-bottom: 1%;
}

.annual-sponsors-section .head-section {
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
    margin-bottom: 30px;
}

.annual-sponsors-section p{
    color: #ffffff!important;
    line-height:1.4em!important;
    font-size: 20px!important;
}

.annual-sponsors-section .content-center{
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
}

.annual-sponsors-section .as-link{
    background-color: #f7931e!important;
    color: #000!important;
    font-size: 22px!important;
    font-weight: 700!important;
    padding-left: 75px;
    padding-right: 75px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-radius: 18px;
  }
/* Annual Sponsors Section - end */


/* FAQ Section - start */
.faq-section{
    background-color: #ffffff;
}
.faq-section .main-title{
    color: #004aad!important;
    font-weight: 700!important;
    line-height: 0.78750049em;
    text-align: center;
    font-size: 46.667px;
}

.faq-section .section-content{
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 1%;
    padding-bottom: 1%;
}

.faq-section .head-section {
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
    margin-bottom: 30px;
}

/* .faq-section p{
    color: #ffffff!important;
    line-height:1.4em!important;
    font-size: 20px!important;
} */

.faq-section .qa-entry{

}
.faq-section .faq-question{
  color: #000000!important;
  font-weight: 700!important;
  font-size: 20px!important;
  line-height: 1.35000675em!important;
  font-style: bold;
}
.faq-section .faq-answer p{
    color: #000000!important;
    font-weight: 400!important;
    font-size: 16px!important;
    line-height: 1.375em!important;
}
/* FAQ Section - end */

/* Programs section - start */

.programs-section{
    padding-top: 30px;
    padding-bottom: 30px;
}

.programs-section .main-title{
    color: #5e17eb!important;
    font-weight: 700!important;
    line-height: 0.78750049em!important;
    text-align: center;
    text-shadow: 0em 0.0375em 0.061875em rgba(0, 0, 0, 0.105000);
    font-size: 53.3333px;
}
.programs-section .secondary-title{
    color: #4f3939;
    font-weight: 700;
    line-height: 1.36764505em;
    text-align: center;
    font-size: 22.6667px
}

.programs-section .section-content{
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 1%;
    padding-bottom: 1%;
}

.programs-section .head-section {
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
    margin-bottom: 30px;
}

.programs-section .footer-images-grid-container {
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 1%;
    padding-bottom: 1%;
}

.programs-section .footer-images-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 equal-width columns */
    gap: 10px; /* Optional: Adds space between the columns and rows */
    justify-content: center; /* centers items horizontally */
    align-items: center; /* centers items vertically */
}

.programs-section .footer-img{
    width: 100%;
    height: 205px;
    margin: 1rem;
}

.programs-section .footer-img-col{
    /* width: 74.74452555px;
    height: 64px; */
}

.programs-section  .programs-link, .new-event-section .registration-link{
    background-color: #f7931e!important;
    color: #000!important;
    font-size: 22px!important;
    font-weight: 700!important;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 17px;
    padding-bottom: 17px;
    border-radius: 18px;
  }

  .programs-section .content-center{
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
  }


/*         Programs rows subsection - start          */

        .programs-section .program-rows-sub-section{
            padding: 30px;
        }
        .programs-section .program-rows-sub-section .head-section{
            display: flex;
            justify-content: center; /* Centers items horizontally */
            align-items: center;    /* Centers items vertically */
            margin-bottom: 30px;
        }
        .programs-section .program-rows-sub-section .content-row{
            display: grid;
            grid-template-columns: repeat(2, 1fr); /* 5 equal-width columns */
            gap: 10px; /* Optional: Adds space between the columns and rows */
            justify-content: center; /* centers items horizontally */
            align-items: center; /* centers items vertically */
        }
        .programs-section .program-rows-sub-section .program-item-col{
            display: flex;
            justify-content: center; /* Centers items horizontally */
            align-items: center;    /* Centers items vertically */
        }
        .programs-section .program-rows-sub-section .program-row-title{
            font-size: 23px!important;
            color: inherit!important;
        }

/*         Program  rows subsection - end            */


/*         Programs rows subsection - start          */

         /* start - program items type 2 circular image with text below */

        .programs-section .program-rows-sub-section .program-item-type-1{
            display: grid;
            justify-items: center;
        }

        .programs-section .program-rows-sub-section .program-item-type-1 .program-img{
            height: 150px;
            clip-path: circle();
        }

        .programs-section .program-rows-sub-section .program-item-type-1 .program-title{
            color: inherit!important;
            font-weight: 700!important;
            font-size: 18px!important;
        }
        .programs-section .program-rows-sub-section .program-item-type-1 .program-description{
            font-size: 18px;
        }
        /* end - program items type 1 circular image with text below */


         /* start - program items type 2 circular image with text below */
        .programs-section .program-rows-sub-section .program-item-type-2{
            display: grid;
            justify-items: center;
        }

        .programs-section .program-rows-sub-section .program-item-type-2 .item-row{
            display: flex;
            width: 100%;
            justify-content: space-between; /* Optional: Adds space between the columns */
        }
        .programs-section .program-rows-sub-section .program-item-type-2 .col_40{
            flex-basis: 40%; /* Takes up 40% of the parent's width */
        }

        .programs-section .program-rows-sub-section .program-item-type-2 .col_60{
            flex-basis: 60%; /* Takes up 40% of the parent's width */
        }

        .programs-section .program-rows-sub-section .program-item-type-2 .program-img{
            height: 100px;
        }

        .programs-section .program-rows-sub-section .program-item-type-2 .program-title{
            color: inherit!important;
            font-weight: 700!important;
            font-size: 18px!important;
        }
        .programs-section .program-rows-sub-section .program-item-type-2 .program-description{
            font-size: 18px;
        }
      /* end - program items type 2 circular image with text below */


      /* start - special centered program items  circular image with text below */
      .programs-section .program-rows-sub-section .special-centered-program-item{
        display: flex;
        justify-content: center;
        }
       .programs-section .program-rows-sub-section .special-centered-program-item .program-row{
        display: flex;
        width: 100%;
        justify-content: space-between; /* Optional: Adds space between the columns */
        }
       .programs-section .program-rows-sub-section .special-centered-program-item .item-row{
            width: 60%;
        }
        .programs-section .program-rows-sub-section .special-centered-program-item .col_40{
            flex-basis: 40%; /* Takes up 40% of the parent's width */
        }

        .programs-section .program-rows-sub-section .special-centered-program-item .col_60{
            flex-basis: 60%; /* Takes up 40% of the parent's width */
        }
        .programs-section .program-rows-sub-section .special-centered-program-item .program-description{
            font-size: 18px;
        }
        .programs-section .program-rows-sub-section .special-centered-program-item .program-img{
            height: 180px;
        }
        .programs-section .program-rows-sub-section .special-centered-program-item .program-title{
            color: inherit!important;
            font-weight: 700!important;
            font-size: 18px!important;
        }

        .programs-section .program-rows-sub-section .special-centered-program-item .content-center{
            display: flex;
            justify-content: center; /* Centers items horizontally */
            align-items: center;    /* Centers items vertically */
        }
        /* end - special centered program items  circular image with text below */

/*         Program  rows subsection - end            */




/* Programs section - end */

/* New banner section - start*/
.new-banner-section{
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 12%;
    padding-right: 12%;

}
.new-banner-section .banner-img-container {
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
}
.new-banner-section .banner-img{
    width: 100%;
    height: auto;
}
/* New banner section - end*/

/* New event description section - start*/
.new-event-section{
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 12%;
    padding-right: 12%;

}
.new-event-section .main-title{
    color: #d63411!important;
    font-weight: 700!important;
    line-height: 0.78750049em;
    text-align: center;
    text-shadow: 0em 0.0375em 0.061875em rgba(0, 0, 0, 0.105000);
    font-size: 39px;
}
.new-event-section .section-content{
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 1%;
    padding-bottom: 1%;
}

.new-event-section .head-section {
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
    margin-bottom: 30px;
}

.new-event-section .content-center{
    display: flex;
    justify-content: center; /* Centers items horizontally */
    align-items: center;    /* Centers items vertically */
}
/* New event description section - end*/


/* start - animations */

.image-hover-animate {
    transition: transform 0.3s ease-in-out; /* Smooth transition for the zoom effect */
  }

.image-hover-animate:hover {
    transform: scale(1.05); /* Slight zoom-in effect (5% larger) */
}

  /* Optional: Add this for more subtlety on mobile devices */
@media (hover: none) {
    .image-hover-animate:hover {
      transform: none; /* Disable the hover effect on touch devices */
    }
}



.lead-page-section-slide-in {
    opacity: 0;
    transform: translateY(20px); /* Initially placed 20px below its normal position */
    transition: opacity 0.5s ease-out, transform 0.5s ease-out; /* Smooth transition for both opacity and position */
  }

  .lead-page-section-slide-in.visible {
    opacity: 1;
    transform: translateY(0); /* Moves to its natural position */
  }

  /* Optional: Adjust for more control */
  @media (prefers-reduced-motion: reduce) {
    .lead-page-section-slide-in {
      transition: none; /* Disable animation for users who prefer reduced motion */
    }
  }


/* end - animations */

body.purpose-life {
    overflow: unset;
  }

  .dandiya-section .footer-img {
      margin: 0;
  }

  .dandiya-section{
      padding-bottom: 40px;
  }

  .special-event-section .content-center {
      padding: 0;
  }

  .dandiya-section .row {
      gap: 12px;
  }

  .dandiya-section .footer-img {
      width: 115px;
      height: 125px;
      object-fit: cover;
  }

  .taste-section .row {
      gap: 12px;
  }

  .taste-section .col {
      padding: 0;
  }

  .taste-section .footer-img {
      margin: 0;
      width: 170px;
      height: 153px;
  }

  .programs-section .footer-images-grid-container .row {
      gap: 12px;
  }

  .programs-section .footer-img {
      width: 100%;
      height: 200px;
      margin: 0;
      object-fit: cover;
  }

  .right-video-block {
      padding: 0;
  }

  .taste-section .content-center {

  }

  @media (max-width: 767px) {
    .new-event-section,
    .special-event-section .section-content,
    .programs-section .section-content {
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 30px;
      padding-bottom: 30px;
      position: relative;
    }

    .special-event-section {
      padding-left: 30px;
      padding-right: 30px;
      padding-bottom: 30px;
    }

    .taste-section .section-content {
      padding-right: 15px;
      padding-left: 15px;
    }

    .new-event-section .section-content {
      padding-left: 0;
      padding-right: 0;
    }

    .new-event-section .main-title,
    .special-event-section .main-title {
      font-size: 26px;
      line-height: 32px;
    }

    .new-event-section .head-section {
      margin-bottom: 10px;
    }

    .special-event-section .head-section {
      margin-bottom: 10px;
    }

    .special-event-section .title-thumbnail {
      position: absolute;
      right: 20px;
      top: 40px;
    }

    .special-event-section .secondary-title {
      font-size: 18px;
    }

    .special-event-section p {
      font-size: 16px !important;
      font-weight: 400;
    }

    .special-event-section .content-center {
      width: 48%;
      max-width: 48% !important;
    }

    .special-event-section .content-center:nth-child(odd) {
        margin-right: 12px;
    }

    .special-event-section .footer-img {
      margin: 0;
      width: 100%;
    }

    .dandiya-section .row {
      gap: 15px 0;
    }

    .footer-images-grid-container .row,
    .taste-section .bubble-grid-container .row {
      gap: 15px 0;
    }

    .footer-images-grid-container .row {
      padding: 0 15px;
      justify-content: center;
      margin-bottom: 30px;
    }

    .taste-section .bubble-grid-container .row {
      padding: 0 15px;
      justify-content: center;
    }

    .programs-section .footer-images-grid-container {
      padding-left: 12px;
      padding-right: 12px;
    }

    .taste-section .col,
    .footer-images-grid-container .row .col {
      width: 50%;
      max-width: 47% !important;
    }

    .taste-section .col:nth-child(odd) {
      margin-right: 12px;
    }

    .taste-section .main-title {
      font-size: 24px;
    }

    .taste-section .head-section {
      margin-bottom: 20px;
    }

    .taste-section .secondary-title {
      font-size: 20px;
    }

    .taste-section .bubble-grid-container {
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 15px;
      padding-right: 15px;
    }

    .footer-images-grid-container .row .col {
      text-align: center;
    }

    .taste-section .footer-img {
      width: 200px;
    }

    .programs-section .main-title,
    .fos-section .main-title,
    .vendor-invitation-section .main-title,
    .sponsorship-section .main-title,
    .annual-sponsors-section .main-title {
      font-size: 26px;
      line-height: 32px;
    }

    .fos-section .content-row {
      flex-direction: column;
      margin-bottom: 40px;
    }

    .vendor-invitation-section .footer-images-grid {
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      margin-bottom: 20px;
    }

    .sponsorship-section .sponsorship-link,
    .annual-sponsors-section .as-link {
      padding-left: 35px;
      padding-right: 35px;
    }

    .faq-section {
      margin-top: 30px;
    }
  }

  @media (max-width: 576px) {
    .special-event-section .content-center {
        width: 48%;
        max-width: 46% !important;
    }
  }

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
  }

  /* Modal Content (image) */
  .modal-content {
    margin: auto;
    display: block;
    max-width: 80%;
    max-height: 80%;
    object-fit: cover;
    width: 50%;
  }

  /* Close Button */
  .close {
    position: absolute;
    top: 20px;
    right: 35px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
  }

  .close:hover,
  .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }

  .special-event-section p span, .fos-section p span {
    color: #ffbd59;
  }

  .fos-section p span {
    color: #ffbd59;
    font-weight: 700;
  }