@font-face {
  font-family: 'myfont';
  src: url(myfont.ttf);
}


        .navbar-container {
            width: 100%;
        }

        .nav-link {
        color: white !important;
        }

        .navbar {
        background: transparent !important;
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        position: fixed !important;
        top: 0;
        left: 0;
        width: 100%;
        }

        @media (max-width: 1199px) {
        .navbar {
            background: rgba(0,0,0,0.5) !important; /* شفاف سيكا */
            backdrop-filter: blur(12px);            /* بلور */
            -webkit-backdrop-filter: blur(12px);    /* دعم سفاري */
        }
        .nav-link {
            color: #eee !important;
        }
        }

        .scrolled {
            background: rgba(0,0,0,0.5) !important; /* شفاف سيكا */
            backdrop-filter: blur(12px);            /* بلور */
            -webkit-backdrop-filter: blur(12px);    /* دعم سفاري */
        }

        .scrolled .nav-link {
        color: #eee !important;
        }

        @media (max-width: 420px) {
        .navbar-brand img {
            width: 200px !important;
            height: 52px !important;
        }
        }

  .navbar .nav-link {
  color: #eee;
  font-weight: bold;
  margin: 0 0.5rem;
  font-size: 0.844rem;
  text-transform: uppercase;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  letter-spacing: 0.0625rem;
  }

  .navbar .nav-link:after {
  position: absolute;
  top: 80%;
  left: 0;
  display: block;
  width: 100%;
  height: 0.156rem;
  background-color: #E62B1E !important;
  content: "";
  -webkit-transform: scale(0);
    transform: scale(0);
  }

        .navbar .nav-link:hover {
        color: #E62B1E !important;
        -webkit-transform: translateY(-3px);
                transform: translateY(-3px);
        }

        .navbar .nav-link:hover:after {
        -webkit-transition: -webkit-transform 0.4s;
        transition: -webkit-transform 0.4s;
        transition: transform 0.4s;
        transition: transform 0.4s, -webkit-transform 0.4s;
        -webkit-transform: scale(1);
                transform: scale(1);
        }

        .navbar-light .navbar-nav .active > .nav-link,
        .navbar-light .navbar-nav .nav-link.active,
        .navbar-light .navbar-nav .nav-link.show,
        .navbar-light .navbar-nav .show > .nav-link {
        color: #E62B1E !important;
        }

        .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
        }

  .nav-pills .nav-link {
  font-size: 0.9rem;
  border-radius: 0.625rem !important;
  color: #989898 !important;
  text-transform: uppercase;
  }

  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff !important;
  font-weight: 700 !important;
  background-color: #FF2B06 !important;
  -webkit-box-shadow: 0 0.188rem 0.625rem #FF2B06 !important;
    box-shadow: 0 0.188rem 0.625rem #FF2B06 !important;
  margin-right: 1.25rem !important;
  border-style: none !important;
  }

        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            margin-right: 5px !important;
        }

        @media (max-width: 767px) {
            .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            margin-right: 5px !important;
        }
        }

        @media (max-width: 499px) {
        a#pills-home-tab, a#pills-profile-tab, a#pills-contact-tab {
            margin-right: 5px;
            font-size: 9px;
            margin-bottom: 10px;
        }
        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            margin-right: 5px !important;
            font-size: 12px !important;
        }
        }

        @media (max-width: 375px) {
        .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            font-size: 17px !important;
            font-weight: 400;
        }
        }

        #TEDx {
        opacity: 0.27;
        left: 332px;
        top: 713px;
        position: absolute;
        overflow: visible;
        width: 771px;
        height: 183px;
        line-height: 24px;
        margin-top: -2px;
        text-align: left;
        font-family: SF Compact !important;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        color: black;
        letter-spacing: 0.3px;
        }

        @media (max-width: 600px) {
        #TEDx {
            left: 39px;
            top: 521px;
            width: 300px;
            height: 300px;
        }
        }

        .tedx {
            font-size: 28px;
            font-size: 1.75rem;
            line-height: 1.25;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-transform: none !important;
            color: #eee !important;
        }

.tedx_logo {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 10 140 60'><path d='M18.55 13.95V48.8h-6.1V13.95zm12.4-.2v1.9H0v-1.9zm0 1.75v5.25l-.5-.05v-.65q0-1.95-1.2-3.15t-3.15-1.25v-.15zm0-2.65v1.45l-6.1-.55q1.1 0 2.33-.15 1.22-.15 2.27-.35t1.5-.4M12.6 45.15v3.65h-4v-.5h.65q1.3 0 2.22-.92.93-.93.98-2.23zm5.8 0h.15q.05 1.3.98 2.23.92.92 2.22.92h.65v.5h-4zM4.85 15.5v.15Q2.9 15.7 1.7 16.9T.5 20.05v.65l-.5.05V15.5zM0 12.85q.5.2 1.53.4 1.02.2 2.27.35t2.3.15L0 14.3zm44.05.95v35h-6.1v-35zM57.3 46.85l.85 1.95H43.9v-1.95zM55.4 30.6v1.9H43.9v-1.9zm2.35-16.8v1.95H43.9V13.8zm3.05 25.5-2.5 9.5h-9.35l1.8-1.95q2.55 0 4.4-.93 1.85-.92 3.1-2.65 1.25-1.72 2.05-3.97zm-5.4-6.9v4.3h-.5v-.55q0-1.55-1.05-2.6t-2.6-1.05v-.1zm0-6v4.3h-4.15v-.1q1.55-.05 2.6-1.1t1.05-2.6v-.5zm2.35-10.8v5.2h-.5v-.7q0-1.9-1.2-3.13-1.2-1.22-3.2-1.27v-.1zm0-2.7v1.45l-6.1-.55q1.1 0 2.33-.15 1.22-.15 2.27-.35t1.5-.4M38.1 45.15v3.65h-4v-.5h.65q1.3 0 2.23-.92.92-.93.97-2.23zm0-27.7h-.15q-.05-1.3-.97-2.23-.93-.92-2.23-.92h-.65v-.5h4zm44.1-3.65q5.7 0 9.93 2.12 4.22 2.13 6.52 6.08t2.3 9.3-2.3 9.27q-2.3 3.93-6.52 6.08-4.23 2.15-9.93 2.15H70.7l-.05-1.9H81.8q3.85 0 6.63-1.93 2.77-1.92 4.32-5.42t1.55-8.25-1.55-8.25-4.35-5.43q-2.8-1.92-6.6-1.92H70.15v-1.9zm-7.8 0v35h-6.1v-35zm-5.95 31.35v3.65h-4v-.5h.65q1.3 0 2.23-.92.92-.93.97-2.23zm0-27.7h-.15q0-1.3-.95-2.23-.95-.92-2.25-.92h-.6l-.05-.5h4zm42.46-7.79 15.75 24.465h-5.075L105.905 9.66zm-1.19 21.98q-.315.49-.175 1.001.14.504.546.833.399.336.854.336h.455v.35H103v-.35h.49q1.12 0 2.03-.63t1.505-1.435zm4.515-10.255 1.4 1.365-7.56 11.375h-2.73zm5.775 10.255 5.11.14q.56.805 1.505 1.414.945.616 2.03.616h.49v.35h-10.78v-.35h.42q.735 0 1.211-.7.469-.7.014-1.47m-5.845-21.98v.35h-.42q-.455 0-.854.329-.406.336-.525.84-.126.511.154 1.001l-5.075-.105q-.56-.805-1.484-1.435-.931-.63-2.051-.63h-.49v-.35zm11.655 0-8.4 12.425-1.33-1.435 7-10.99zm2.38 0v.35h-.49q-1.085 0-2.009.63-.931.63-1.526 1.435l-2.695.105q.315-.49.175-1.001-.14-.504-.525-.84-.385-.329-.875-.329h-.42v-.35z' fill='%23e62b1e'/></svg>");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: transparent;
  font-size: 104%;
  font-weight: 700;
  margin-top: 8px;
}


        .maadistem {
        display: flex;
        flex-direction: row-reverse; /* دي اللي بتعكس ترتيب العناصر */
        gap: 1rem; /* مسافة بينهم لو حبيت */
        }

        .tedx_logo_draw {
        display: flex;
        align-items: center;
        gap: 0.01em;
        white-space: nowrap;
        transform: translateY(4px);
        }

        .tedx_logo_draw svg {
        width: 2.859em; /* يعادل تقريبًا نفس حجم الخلفية */
        transform: translateY(-1px);
        transform: translateX(-4px);
        display: block;
        }

        .tedx_info {
            font-size: 31%;
            font-weight: 700;
            margin-top: -.4ex;
            margin: 0 auto; 
            text-align:left;
        }

        .scrolled .tedx_name,
        .scrolled .tedx_info_text {
        color: #fff !important;
        fill: #fff !important;
        }
        @media (max-width: 991px) {
        .tedx_name,
        .tedx_info,
        .tedx_info_text {
            color: #fff !important;
            fill: #fff !important;
        }
        }

        .tedx_info_x {
        color: #e62b1e;
        }




h2{
  margin: 0;
  padding: 0;
  font-family:'myfont',serif;

}
body {
  margin: 0;
  height: 200vh;
  background-color: black;
  overflow-x: hidden;
  font-family: 'Cinzel', serif;
  padding: 20px;
  
}
.background-letters {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.background-letters {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.background-letters span {
  position: absolute;
  color: rgba(255, 255, 255, 0.45);
  font-size: 2rem;
  animation: float 10s linear infinite;
  user-select: none;
  transition: transform 0.3s ease, color 0.3s ease;
}

.background-letters span:hover {
  transform: scale(1.8) rotate(360deg);
  color: red !important;
  z-index: 1;
}

@keyframes float {
  0% {
    transform: translateY(100vh) rotate(0deg);
  }
  100% {
    transform: translateY(-100vh) rotate(360deg);
  }
}

    ::selection {
        background: #a71f15;
        color: white;
    }



section.main {
  position: relative;
  width: 103.5vw;
  height: 100vh;
  overflow: hidden;
  margin-top: 60px;
  height: 100vh;
}



#lyre {
position: absolute;
    top: -100px;
    left: 50%;
    transform: translate(-155px, 31px);
    width: 208px;
    transition: top 0.3s ease;
    z-index: 3;
    filter: drop-shadow(0 0 10px rgba(255, 0, 0, 0.3));
    
}



#decoration {
  position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-199px, 162px);
    width: 290px;
    z-index: 2;
}
/* ✅ Media Query for small screens */
@media (max-width: 768px) {
  #lyre {
    width: 35vw;
    transform: translate(-50%, 20px); /* centered & lowered slightly */
  }

  #decoration {
    width: 50vw;
    transform: translate(-50%, 80px);
  }
}
  
#apollo-text {
  position: absolute;
  top: 50%;
  left: 48%;
  transform: translate(-50%, -0.5%); /* نزل Apollo لتحت شوية */
  font-size: 220px;
  color: #E62B1E;
  font-family: 'myfont', serif;
  transition: top 0.3s ease;
  z-index: 4;
  text-shadow: 2px 2px 5px black;
  letter-spacing: 10px;
  font-weight: 100;
}

#sub {
  position: absolute;
  top: 50%;
  left: 48%;
  transform: translate(-50%, 405%); /* نزل Beyond the Lyre تحت Apollo */
  font-size: 60px;
  color: #E62B1E;
  font-family: 'myfont', serif;
  transition: top 0.3s ease;
  z-index: 4;
  text-shadow: 2px 2px 8px #000;
  letter-spacing: 10px;
  font-weight: 100;
}
/* ✅ Media Query for small screens */
@media (max-width: 768px) {
  #apollo-text {
    font-size: 20vw;         /* 20% of screen width */
    letter-spacing: 2vw;
    transform: translate(-50%, -10%);
    top: 40%;
  }

  #sub {
    font-size: 6vw;
    letter-spacing: 1vw;
    transform: translate(-50%, 120%);
  }
}



.speakers-section {
  background-color: #0a0a0a;
  color: #f5f0e1;
  padding: 50px 20px;
  text-align: center;
  font-family: 'Helvetica', sans-serif;
}

.speakers-section h2 {
  font-size: 75px;
  color: red;
  margin-bottom: 20px;
  font-family: 'myfont', sans-serif;
}

.carousel-container {
  position: relative;
  max-width: 100%;
  overflow: hidden; /* 🔑 keep only horizontal scroll inside */
}

.carousel {
  display: flex;
  gap: 20px; /* must match JS */
  overflow-x: auto; /* 🔑 actual horizontal scrolling */
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding: 10px 0;
}

.carousel::-webkit-scrollbar {
  display: none;
}

.card {
  background-color: #1a1a1a;
  border: 2px solid rgba(255, 0, 0, 0.3);
  border-radius: 10px;
  flex: 0 0 250px; /* 🔑 fixed width card */
  padding: 20px;
  text-align: center;
  color: white;
  transition: transform 0.3s ease;
}

.card:hover {
  transform: scale(1.03);
}

.card img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 10px;
}

.scroll-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: black;
  color: red;
  border: none;
  font-size: 2rem;
  padding: 10px;
  cursor: pointer;
  z-index: 10; /* 🔑 above cards */
}

.scroll-btn.left {
  left: 10px;
}

.scroll-btn.right {
  right: 10px;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {
  .speakers-section h2 {
    font-size: 40px;
  }

  .card {
    flex: 0 0 200px;
    padding: 15px;
  }

  .card img {
    height: 180px;
  }

  .scroll-btn {
    font-size: 1.5rem;
    padding: 6px 10px;
  }
}

@media (max-width: 480px) {
  .speakers-section h2 {
    font-size: 32px;
  }

  .card {
    flex: 0 0 160px;
    padding: 10px;
  }

  .card img {
    height: 150px;
  }

  .scroll-btn {
    font-size: 1.2rem;
    padding: 4px 8px;
  }
}

.navbar {
      background: transparent;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      transition: background 0.4s, backdrop-filter 0.4s;
    }


    .navbar-brand {
      display: flex;
      align-items: center;
      color: white;
      font-weight: bold;
    }

    .tedx-logo-line {
      width: 4px;
      height: 30px;
      background-color: #e62b1e;
      border-radius: 2px;
      margin-right: 10px;
    }

    .tedx-text {
      display: flex;
      flex-direction: column;
      line-height: 1.2;
    }

    .tedx-name {
      font-size: 24px;
    }

    .ted {
      color: #e62b1e;
      font-weight: 700;
    }

    .x {
      color: #e62b1e;
      font-weight: 700;
      vertical-align: super;
      font-size: 0.7em;
    }

    .event-tagline {
      font-size: 12px;
      color: #fff;
    }

    .event-tagline .x-red {
      color: #e62b1e;
      font-weight: bold;
    }

    .nav-link {
      color: white !important;
      text-transform: uppercase;
      font-weight: bold;
      margin-right: 15px;
    }

    .nav-link:hover,
    .nav-item.active .nav-link {
      color: #e62b1e !important;
    }

    @media (max-width: 768px) {
      .tedx-name {
        font-size: 18px;
      }

      .nav-link {
        margin-right: 0;
        margin-bottom: 10px;
      }
    }
    footer {
      background-color: #0a0a0a;
      color: #ccc;
      padding: 4rem 0;
      margin-bottom: 50px;
      font-family: 'Helvetica Neue', sans-serif;
      width: 100%;
    }
.tedx_footer1 {

    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: transparent;
}

.tedx_footer {

    color: transparent;
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27100%25%27%20height%3D%27100%25%27%20viewBox%3D%270%200%20150%2047%27%3E%3Cg%20fill%3D%27%23FF2B06%27%3E%3Cpath%20d%3D%27M13.909%2012.994h-11.909v-10.892h36.897v10.892h-11.904v31.602h-13.084v-31.602zM40.931%202.102h35.817v10.892h-22.725v5.295h22.725v10.121h-22.725v5.295h22.73v10.891h-35.822v-42.494zM78.953%202.102h21.484c14.16%200%2019.168%2010.475%2019.168%2021.185%200%2013.039-6.904%2021.309-21.725%2021.309h-18.927v-42.494zm13.09%2031.603h5.121c8.156%200%209.348-6.608%209.348-10.6%200-2.673-.836-10.111-10.301-10.111h-4.168v20.711zM138.416%2028.22l-3.992-6.622-3.895%206.622h-9.594l9.107-13.39-8.77-12.809h9.596l3.555%206.332%203.654-6.332h9.594l-8.768%2012.809%209.107%2013.39h-9.594z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 0 60%;
    background-repeat: no-repeat;
    color: transparent;
    font-size: 104%;
}
.tedx_logo_footer {
    color: white !important;
    background-position: 0 60%;
    background-repeat: no-repeat;
    color: transparent;
    font-size: 104%;
}
.tedx_info_footer {

    color: white !important;
    font-size: 31%;
    font-weight: 700;
    margin-top: -.4ex;
    margin: 0 auto; 
    text-align:left;
}
.tedx_info_x_footer {

    color: #e62b1e
}


    


    footer ul li {
      margin-bottom: 0.938rem;
    }

    footer i {
      color: white;
      font-size: 1.25rem;
      transition: color 0.3s ease;
    }

    footer a:hover i {
      color: #e62b1e;
    }

    footer .list-inline-item a {
      color: #888;
      font-size: 1rem;
      text-decoration: none;
      margin: 0 0.625rem;
      transition: color 0.3s ease;
    }

    footer .list-inline-item a:hover {
      color: #fff;
    }

    footer .rights {
      border-top: 1px solid #555;
      padding-top: 0.938rem;
      font-size: 0.875rem;
      color: #aaa;
    }

    @media (max-width: 47.938rem) {
      #footer-logo {
        text-align: center;
        margin-bottom: 1.25rem;
      }

      footer .list-inline-item {
        display: block;
        margin: 0.625rem 0;
      }

      footer i {
        font-size: 1.5rem;
      }
    }
    
    .countdown-apollo {
  font-family: 'myfont', serif;
  font-size: 40px;
  color: #e62b1e;
  text-align: center;
  margin-top: 20px;
  letter-spacing: 3px;
}
 @import url('https://fonts.googleapis.com/css2?family=Helvetica:wght@700&display=swap');
.tedx-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
}

#tedx {
  color: #e62b1e;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 25vw; /* Responsive font size */
  text-shadow: 
    0 0 10px rgba(230, 43, 30, 0.5), 
    0 0 20px rgba(230, 43, 30, 0.4), 
    0 0 30px rgba(230, 43, 30, 0.3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  z-index: -1;
  opacity: 0.07; /* subtle on mobile */
  pointer-events: none;
  white-space: nowrap; /* Prevents breaking into two lines */
}


.stone-container {
      display: flex;
      justify-content: center;
      gap: 60px;
      padding: 60px 20px;
      flex-wrap: wrap;
    }

    .stone {
      background: #222;
      padding: 30px;
      border-radius: 20px;
      box-shadow: 0 0 20px rgba(255, 43, 6, 0.3);
      transition: box-shadow 0.3s ease, transform 0.3s ease;
      flex: 1 1 45%;
      max-width: 500px;
      text-align: center;
    }

    .stone:hover {
      box-shadow: 0 0 30px rgba(255, 43, 6, 0.8);
      transform: translateY(-5px);
    }

    .stone-title {
      font-size: 1.8rem !important;
      color: #ff2b06;
      margin-bottom: 20px;
    }

    .engraved-text {
      font-size: 1.1rem;
      line-height: 1.8;
      color: #ffffffff;
      text-shadow: 
        1px 1px 0#333,
       -1px -1px 0#333,
        1px 1px 0#333,
        -1px -1px 0#333;
        opacity: 1;
        pointer-events: auto;
    }

    @media (max-width: 768px) {
      .stone-container {
        flex-direction: column;
        align-items: center;
        gap: 20px;
      }

      .stone {
        max-width: 90%;
      }
    }


    .red-glow-circle {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      background: rgba(230, 43, 30, 1); /* TEDx red */
      box-shadow:
        0 0 40px rgba(230, 43, 30, 0.8),
        0 0 80px rgba(230, 43, 30, 0.6),
        0 0 160px rgba(230, 43, 30, 0.4);
      animation: pulse-glow 3s infinite ease-in-out;
    }

    @keyframes pulse-glow {
      0%, 100% {
        box-shadow:
          0 0 40px rgba(230, 43, 30, 0.8),
          0 0 80px rgba(230, 43, 30, 0.6),
          0 0 160px rgba(230, 43, 30, 0.4);
      }
      50% {
        box-shadow:
          0 0 60px rgba(230, 43, 30, 1),
          0 0 120px rgba(230, 43, 30, 0.8),
          0 0 200px rgba(230, 43, 30, 0.6);
      }
    }
    .mission,.vision{
      font-family: 'myfont', serif;
      color: #f5f0e1;
      font-size:  50px;
    }
     .cta-wrapper {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 30px;
  flex-wrap: wrap;
  margin-bottom: 100px;
}

.cta-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-family: Helvetica, sans-serif;
  width: 200px; 
  margin-bottom: 100px;
}

.cta-label {
  font-size: 20px;
  color: #fff;
  margin-bottom: 10px;
  font-weight: 600;

}

.ticket {
  font-family: 'myfont', serif;
  color: red;
  font-size: 150px;
  text-align: center;
  
  text-shadow: 0 0 2px rgba(255, 0, 0, 0.3);
}

.interactive-text {
  color: red;
  font-size: 80px;
  cursor: pointer;
  text-shadow: 0 0 1px rgba(255, 0, 0, 0.3);
  transition: color 0.4s ease-in-out,
              transform 0.4s ease-in-out,
              text-shadow 0.4s ease-in-out;
  will-change: transform, color, text-shadow;
  margin-bottom: 70px;
  margin-top: 70px;
  
}

/* Mobile responsive */
@media (max-width: 768px) {
  .cta-wrapper {
    flex-wrap: nowrap; /* prevent stacking */
    justify-content: center;
    gap: 20px;
  }

  .cta-option {
    width: 45%; /* adjust to fit side by side */
  }

  .cta-label {
    font-size: 16px;
  }

  .ticket {
    font-size: 80px;
    margin-top: 10px;
  }

  .interactive-text {
    font-size: 45px;
  }
}

    /* LOCATION SECTION STYLES */
/* Section Container */
.location-section {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  padding: 20px;
}

.location-content {
  flex: 1;
  max-width: 500px;
  padding: 10px;
}

.section-title {
  font-size: 80px;
  font-weight: bold;
  color: red;
  font-family: 'myfont', serif;
  text-align: right;
  margin-bottom: 20px;
}

.location-text {
  font-size: 20px;
  font-family: 'Helvetica Neue', sans-serif;
  font-weight: 700;
  color: #ddd;
  text-align: center;
  margin-left: 200px;
  margin-top: 10px;
}

.map-wrapper {
  width: 400px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(255, 0, 0, 0.3);
  transition: transform 0.3s ease;
}

.map-wrapper:hover {
  transform: scale(1.02);
}

iframe {
  width: 100%;
  height: 350px;
  border: none;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .location-section {
    flex-wrap: nowrap; /* Keep items side by side */
    justify-content: space-between;
    gap: 10px;
  }

  .location-content {
    flex: 1;
    padding: 5px;
    max-width: 50%;
  }

  .section-title {
    font-size: 45px;
    text-align: right;
    margin-bottom: 5px;
  }

  

  .map-wrapper {
    width: 40%;
    min-width: 300px;
    height: 200px;
  }

  iframe {
    height: 100%;
  }
}



    h2 {
      font-size: 80px;
      margin-bottom: 20px;
      font-family:'myfont',serif;!important
    }

    .cta-btn {
      background-color: #ff2b06;
      color: white;
      font-weight: bold;
      padding: 14px 42px;
      font-size: 1.25rem;
      border: none;
      border-radius: 50px;
      cursor: pointer;
      animation: glow 1.5s infinite alternate;
      transition: transform 0.3s ease;
      box-shadow: 0 0 6px #ff2b06;
      text-decoration: none;
      display: inline-block;
    }

    .cta-btn:hover {
      transform: scale(1.05);
      box-shadow: 0 0 30px #ff2b06;
    }

    @keyframes glow {
      from {
        box-shadow: 0 0 6px #ff2b06;
      }
      to {
        box-shadow: 0 0 30px #ff2b06;
      }
    }
    @media (max-width: 768px) {
  h2 {
    font-size: 40px; /* or adjust as needed */
    margin-bottom: 15px;
    text-align: center;
  }

  .cta-btn {
    padding: 12px 30px;
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  h2 {
    font-size: 32px;
    margin-bottom: 12px;
  }

  .cta-btn {
    padding: 10px 24px;
    font-size: 0.9rem;
  }
}

   .sponsors-section {
  padding: 60px 20px;
  text-align: center;
  min-height: 100vh;
  box-sizing: border-box;
}

.sponsors-section h2 {
  color: #ff2b06;
  font-size: 100px;
  margin-bottom: 40px;
  letter-spacing: 1px;
  font-family:'myfont'; !important
}

/* Grid layout adjusts automatically for different screen widths */
.sponsor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  grid-auto-rows: minmax(180px, auto); 
  gap: 40px;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
  margin: 100px auto;
}

.sponsor-card {
  background-color: #111;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 0 10px rgba(255, 43, 6, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  background-size: cover;      /* makes it cover the whole screen */
  background-position: center; /* keeps it centered */
  background-repeat: no-repeat;
}



.sponsor-card img {
  max-height: 60px;
  max-width: 100%;
  object-fit: contain;
  /* filter: brightness(0) invert(1); */
  transition: transform 0.3s ease;
}


.sponsor-card:hover,
.sponsor-card:focus,
.sponsor-card:active {
  transform: scale(1.12);
  box-shadow: 0 0 35px rgba(255, 43, 6, 0.8), 0 0 60px rgba(255, 43, 6, 0.5);
}

.sponsor-card:hover img,
.sponsor-card:focus img,
.sponsor-card:active img {
  transform: scale(1.05);
}


/* Smaller screens: adjust heading & spacing */
@media (max-width: 768px) {
  .sponsors-section h2 {
    font-size: 45px;
    margin-bottom: 30px;
  
    
  }

  .sponsor-grid {
    gap: 30px;
  }

  .sponsor-card {
    padding: 15px;
    height: 250px;
  }

  .sponsor-card img {
    max-height: 45px;
  }
}

@media (max-width: 480px) {
  .sponsors-section h2 {
    font-size: 32px;
  }

  .sponsor-grid {
    gap: 20px;
  }

  .sponsor-card img {
    max-height: 38px;
  }
}

    .center-heading-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
   /* full screen height */
  text-align: center;
  padding: 0 10px;
  margin: 100px 0px; /* Optional: prevent overflow on tiny screens */
}

.center-heading-wrapper h2 {
  font-size: 62px;
  padding: 12px 30px;
  margin: 0;
  color: red;
  margin: 50px 0; /* optional styling */
  font-family:'myfont';!important
}

/* Tablet and below */
@media (max-width: 768px) {
  .center-heading-wrapper h2 {
    font-size: 200px;
    padding: 10px 20px;
  }
}

/* Very small phones */
@media (max-width: 480px) {
  .center-heading-wrapper h2 {
    font-size: 28px;
    padding: 8px 15px;
  }
}