:root {

     --gold: #D4AF37;
     --black: #000000;
     --white: #ffffff;

 }

 * {

     margin: 0;
     padding: 0;
     box-sizing: border-box;

 }

 html {
     scroll-behavior: smooth;
 }

 body {

     font-family: Arial, sans-serif;
     overflow-x: hidden;

 }

 #programs {
     scroll-margin-top: 100px;
 }

 /* NAVBAR */

 .navbar {
     background: rgba(0, 0, 0, .85);
     backdrop-filter: blur(3px);
     padding: 0px 0;
 }

 .navbar .container {
     max-width: 1200px;
 }

 .navbar-brand {

     text-decoration: none;

 }

 .logo-img {

     height: 60px;
     width: auto;

     object-fit: contain;

 }

 .logo-text {

     margin-left: 12px;

     color: #fff;

     font-size: 1.2rem;

     font-weight: 700;

     letter-spacing: 1px;

 }

 .nav-link {
     font-size: 0.95rem;
     margin-left: 15px;
 }

 /* Dropdown Menu */

 .dropdown-menu {
     background: #000;
     border: 1px solid #D4AF37;
     border-radius: 0;
     min-width: 240px;
     padding: 0;
     margin-top: 10px;
 }

 .dropdown-item {
     color: #fff;
     padding: 12px 18px;
     transition: all .3s ease;
     border-bottom: 1px solid rgba(212, 175, 55, .2);
 }

 .dropdown-item:last-child {
     border-bottom: none;
 }

 .dropdown-item:hover {
     background: #D4AF37;
     color: #000;
 }

 .nav-link.dropdown-toggle::after {
     margin-left: 8px;
 }

 /* Desktop Hover Dropdown */

 @media (min-width: 992px) {

     .dropdown:hover .dropdown-menu {
         display: block;
         margin-top: 0;
     }

 }



 /* Hero Section */

  .courses-hero {
      min-height: 100vh;
      position: relative;
      background-image: url('../images/hero/courses.jpg');
      background-size: cover !important;
      background-position: center !important;
      background-repeat: no-repeat !important;
      display: flex;
      align-items: center;
      color: #fff;
  }

 .courses-hero h1 {
     font-size: 5rem;
     font-weight: 800;
     line-height: 1.1;
 }

 .courses-hero span {
     color: #d4af37;
 }

 .courses-hero p {
     font-size: 1rem;
     color: #ddd;
     max-width: 700px;
 }

 .hero-btn{

    position:absolute;

    bottom:100px;

    left:50%;

    transform:translateX(-50%);

}

 .btn-gold {
     background: #d4af37;
     color: #000;
     padding: 15px 35px;
     font-weight: 700;
     border-radius: 50px;
     text-decoration: none;
     transition: .4s;
      
      
 }

 .btn-gold:hover {
     background: #fff;
 }

 @media(max-width:768px) {

     .courses-hero h1 {

         font-size: 38px;

     }

 }


 /*Program*/

 .programs-section {

     background: #0f0f0f;
     padding: 120px 0;

 }

 .section-title h5 {
     color: #c48b11;
     letter-spacing: 2px;
 }

 .section-title h2 {

     font-size: 48px;
     font-weight: 700;
     color: #ccc;
 }

 .section-title p {

      
    font-size: 18px;
     color: #d0d0d0;

     line-height: 1.9;

     margin-bottom: 20px;


 }

 .program-card {
     background: #181818;
     border-radius: 20px;
     overflow: hidden;
     height: 100%;
     border: 1px solid rgba(212, 175, 55, .15);
     transition: .4s;
     display: flex;
     flex-direction: column;
 }

 .program-card:hover {

     transform: translateY(-8px);

     border-color: #D4AF37;

     box-shadow: 0 15px 40px rgba(212, 175, 55, .15);

 }

 .program-img {

     height: 250px;

     overflow: hidden;

 }

 .program-img img {

     width: 100%;

     height: 100%;

     object-fit: cover;

     transition: .5s;

 }

 .program-card:hover img {

     transform: scale(1.08);

 }

 .program-content {
     padding: 25px;
     display: flex;
     flex-direction: column;
     flex-grow: 1;
 }

 .program-content .btn, .program-content a {
     margin-top: auto;
 }

 .program-content h4 {

     color: #D4AF37;

     margin-bottom: 12px;

     font-weight: 700;

 }

 .short-text {

     color: #ccc;

     min-height: 50px;

 }

 .btn-gold {

     background: #D4AF37;

     color: #000;

     font-weight: 700;

     border: none;

     padding: 12px;

 }

 .btn-gold:hover {

     background: #e0bc52;

     color: #000;

 }

 .details-box {

     background: #111;

     border-left: 4px solid #D4AF37;

     padding: 15px;

     border-radius: 8px;

 }

 .details-box p {

     color: #ddd;

 }

 .details-box ul {

     color: #bbb;

     padding-left: 18px;

 }

 .details-box li {

     margin-bottom: 6px;

 }

 @media(max-width:768px) {

     .section-title h2 {
         font-size: 32px;
     }

     .program-img {
         height: 220px;
     }

 }

 /*Training*/


 .modeling-course-section {

     background: #000;
     color: #fff;

     padding: 120px 0;

 }

 .timeline {

     position: relative;

 }

 .timeline::before {

     content: "";

     position: absolute;

     left: 50%;

     top: 0;

     width: 3px;

     height: 100%;

     background: #D4AF37;

     transform: translateX(-50%);

 }

 .timeline-item {

     position: relative;

     width: 50%;

     padding: 30px;

 }

 .timeline-item:nth-child(odd) {

     left: 0;

 }

 .timeline-item:nth-child(even) {

     left: 50%;

 }

 .month-badge {

     display: inline-block;

     background: #D4AF37;

     color: #000;

     padding: 8px 18px;

     font-weight: 700;

     border-radius: 50px;

     margin-bottom: 15px;

 }

 .timeline-card {

     background: #111;

     padding: 30px;

     border-radius: 15px;

     border: 1px solid rgba(212, 175, 55, .2);

 }

 .timeline-card h3 {

     color: #D4AF37;

     margin-bottom: 10px;

 }

 .star-title {

     display: inline-block;

     margin-bottom: 15px;

     color: #fff;

     font-weight: 600;

 }

 .timeline-card ul {

     padding-left: 18px;

 }

 .timeline-card li {

     margin-bottom: 10px;

     color: #ccc;

 }

 @media(max-width:991px) {

     .timeline::before {

         left: 15px;

     }

     .timeline-item {

         width: 100%;

         left: 0 !important;

         padding-left: 45px;

     }

 }


 /*Portfolio*/

 .portfolio-section {

     padding: 120px 0;

     background: #0a0a0a;

     color: #fff;

 }

 .portfolio-card {

     background: #151515;

     border-radius: 20px;

     overflow: hidden;

     transition: .4s;

     height: 100%;

 }

 .portfolio-card:hover {

     transform: translateY(-8px);

 }

 .portfolio-card img {

     width: 100%;

     height: 280px;

     object-fit: cover;

 }

 .portfolio-content {

     padding: 25px;

 }

 .portfolio-content h4 {

     color: #D4AF37;

     margin-bottom: 10px;

 }

 .portfolio-content p {

     color: #ccc;

 }

 /* Trust Section */

 .why-starfair {

     padding: 120px 0;

     background: #0f0f0f;

     color: #fff;

 }

 .feature-card {

     background: #181818;

     padding: 40px 25px;

     text-align: center;

     border-radius: 20px;

     height: 100%;

     transition: .4s;

     border: 1px solid rgba(212, 175, 55, .15);

 }

 .feature-card:hover {

     transform: translateY(-10px);

     border-color: #D4AF37;

 }

 .feature-icon {

     width: 80px;

     height: 80px;

     margin: auto;

     margin-bottom: 25px;

     border-radius: 50%;

     background: #D4AF37;

     color: #000;

     display: flex;

     align-items: center;

     justify-content: center;

     font-size: 28px;

 }

 .feature-card h4 {

     color: #D4AF37;

     margin-bottom: 15px;

 }

 .feature-card p {

     color: #ccc;

     line-height: 1.8;

 }

 /* REgistration */

 .faq-section {

     background: #000;
     padding: 120px 0;

 }

 .faq-section .accordion-item {

     background: #111;
     border: 1px solid rgba(212, 175, 55, .2);
     margin-bottom: 15px;

 }

 .faq-section .accordion-button {

     background: #111;
     color: #fff;
     font-weight: 600;

 }

 .faq-section .accordion-button:not(.collapsed) {

     background: #D4AF37;
     color: #000;

 }

 .faq-section .accordion-button:focus {

     box-shadow: none;

 }

 .faq-section .accordion-body {

     color: #ccc;
     line-height: 1.8;

 }

 /* Registration */

 .registration-cta {
     padding: 120px 0;
     background: #000;
 }

 .cta-box {

     text-align: center;
     padding: 80px 40px;

     border: 1px solid rgba(212, 175, 55, .4);
     border-radius: 25px;

     background: linear-gradient(135deg,
             #0f0f0f,
             #1a1a1a);

     box-shadow: 0 20px 60px rgba(212, 175, 55, .15);

 }

 .cta-subtitle {
     color: #D4AF37;
     font-weight: 700;
     letter-spacing: 3px;
     font-size: 14px;
     display: block;
     margin-bottom: 15px;
 }

 .cta-box h2 {
     color: #fff;
     font-size: 3rem;
     margin-bottom: 20px;
     font-weight: 800;
 }

 .cta-box p {
     color: #ccc;
     max-width: 750px;
     margin: 0 auto 35px auto;
     line-height: 1.8;
 }

 .cta-buttons {
     display: flex;
     justify-content: center;
     gap: 20px;
     flex-wrap: wrap;
 }

 .btn-register {
     background: #D4AF37;
     color: #000;
     padding: 14px 35px;
     font-weight: 700;
     border-radius: 50px;
     text-decoration: none;
     transition: .3s;
 }

 .btn-register:hover {
     background: #fff;
     color: #000;
 }

 .btn-outline {
     border: 2px solid #D4AF37;
     color: #D4AF37;
     padding: 14px 35px;
     border-radius: 50px;
     text-decoration: none;
     transition: .3s;
 }

 .btn-outline:hover {
     background: #D4AF37;
     color: #000;
 }

 /* mobile */
 @media(max-width:768px) {

     .cta-box h2 {
         font-size: 2rem;
     }

 }

 /* CONTACT */


 /* HERO */

 .contact-hero {

     min-height: 100vh;

     display: flex;

     align-items: center;

     background:
         linear-gradient(rgba(0, 0, 0, .70),
             rgba(0, 0, 0, .70)),
         url("../images/contact-hero.jpg");

     background-size: cover;

     background-position: center;

     color: #fff;

     text-align: center;

 }

 .contact-hero span {

     color: #D4AF37;

     letter-spacing: 3px;

     font-weight: 700;

 }

 .contact-hero h1 {

     font-size: 4.5rem;

     font-weight: 800;

     margin: 20px 0;

 }

 .contact-hero p {

     max-width: 700px;

     margin: auto;

     line-height: 1.8;

     color: #ddd;

 }

 .hero-btn {

     display: inline-block;

     margin-top: 30px;

     background: #D4AF37;

     padding: 15px 40px;

     border-radius: 50px;

     color: #000;

     font-weight: 700;

     text-decoration: none;

 }

 /* CONTACT INFO */

 .contact-info-section {

     padding: 100px 0;

     background: #f8f8f8;

 }

 .contact-card {

     background: #fff;

     padding: 35px;

     text-align: center;

     border-radius: 20px;

     transition: .4s;

     height: 100%;

     box-shadow: 0 10px 25px rgba(0, 0, 0, .05);

 }

 .contact-card:hover {

     transform: translateY(-10px);

 }

 .contact-card i {

     font-size: 40px;

     color: #D4AF37;

     margin-bottom: 20px;

 }

 .contact-card h4 {

     margin-bottom: 15px;

     font-weight: 700;

 }

 .whatsapp-btn {

     display: inline-block;

     background: #25D366;

     padding: 15px 40px;

     border-radius: 50px;

     color: #fff;

     text-decoration: none;

     font-weight: 700;

 }

 /* REGISTRATION */

 .registration-section {

     padding: 100px 0;

     background: #111;

     color: #fff;

 }

 .registration-box {

     margin-top: 40px;

     background: #fff;

     padding: 15px;

     border-radius: 20px;

     overflow: hidden;

 }



 .rules-section{

    padding:100px 0;
    background:#f8f8f8;

}

.info-card{

    background:#fff;
    border-radius:20px;
    padding:40px 30px;
    height:100%;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition:.4s;

    border-top:5px solid #D4AF37;

}

.info-card:hover{

    transform:translateY(-10px);

}

.icon{

    width:70px;
    height:70px;

    background:#D4AF37;

    border-radius:50%;

    display:flex;

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

    margin-bottom:25px;

}

.icon i{

    font-size:28px;
    color:#fff;

}

.info-card h3{

    font-size:28px;
    margin-bottom:25px;

    font-weight:700;

}

.info-card ul{

    padding-left:18px;

}

.info-card li{

    margin-bottom:12px;

    color:#555;

    line-height:1.7;

}

@media(max-width:768px){

.info-card{

margin-bottom:25px;

}

}

 /* MAP */

 .map-section iframe {

     display: block;

 }


 .map-box{

border-radius:15px;

overflow:hidden;

box-shadow:0 15px 35px rgba(0,0,0,.15);

}

.map-box iframe{

width:100%;

height:420px;

border:none;

}

 /* CTA */

 .contact-cta {

     padding: 100px 0;

     background: #0f0f0f;

 }

 .cta-box {

     text-align: center;

 }

 .cta-box h2 {

     color: #fff;

     font-size: 3rem;

     font-weight: 800;

 }

 .cta-box p {

     max-width: 700px;

     margin: 25px auto;

     color: #ccc;

 }

 .cta-btn {

     display: inline-block;

     padding: 15px 40px;

     background: #D4AF37;

     color: #000;

     font-weight: 700;

     border-radius: 50px;

     text-decoration: none;

 }

 .cta-btn:hover {

     background: #fff;

 }

 /* MOBILE */

 @media(max-width:768px) {

     .contact-hero h1 {

         font-size: 2.7rem;

     }

     .contact-info-section,
     .registration-section,
     .contact-cta {

         padding: 70px 0;

     }

     .cta-box h2 {

         font-size: 2rem;

     }

     .hero-btn,
     .whatsapp-btn,
     .cta-btn {

         width: 100%;

         text-align: center;

     }

     .registration-box iframe {

         height: 700px;

     }

 }

  /* Award */

 /*==========================
AWARDS HERO
==========================*/

 .awards-hero {

     min-height: 100vh;

     display: flex;

     align-items: center;

     position: relative;

     overflow: hidden;

     background:
         linear-gradient(rgba(0, 0, 0, .78),
             rgba(0, 0, 0, .88)),
         url("../images/award/1.jpeg");

     background-size: cover;

     background-position: center;

     color: #fff;

 }

 .awards-hero::before {

     content: "";

     position: absolute;

     width: 550px;

     height: 550px;

     background: rgba(212, 175, 55, .08);

     border-radius: 50%;

     top: -180px;

     right: -150px;

     filter: blur(30px);

 }

 .hero-subtitle {

     color: var(--gold);

     letter-spacing: 4px;

     font-weight: 700;

     font-size: 15px;

     text-transform: uppercase;

 }

 .hero-title {

     font-size: 72px;

     font-weight: 800;

     margin: 20px 0;

     line-height: 1.05;

 }

 .hero-line {

     width: 180px;

     height: 4px;

     background: var(--gold);

     margin: 25px 0;

 }

 .hero-desc {

     color: #d6d6d6;

     line-height: 1.9;

     max-width: 580px;

     font-size: 17px;

 }

 .hero-buttons {

     display: flex;

     gap: 20px;

     margin-top: 40px;

     flex-wrap: wrap;

 }

 .btn-gold {

     background: var(--gold);

     color: #000;

     padding: 15px 38px;

     border-radius: 50px;

     text-decoration: none;

     font-weight: 700;

     transition: .4s;

 }

 .btn-gold:hover {

     background: #fff;

     color: #000;

     transform: translateY(-5px);

 }

 .btn-outline {

     border: 2px solid var(--gold);

     color: #fff;

     padding: 15px 38px;

     border-radius: 50px;

     text-decoration: none;

     transition: .4s;

 }

 .btn-outline:hover {

     background: var(--gold);

     color: #000;

 }

 .hero-image {

     position: relative;

 }

 .hero-image img {

     width: 100%;

     max-width: 470px;

     border-radius: 20px;

     border: 6px solid rgba(212, 175, 55, .2);

     box-shadow: 0 35px 70px rgba(0, 0, 0, .45);

     transition: .5s;

 }

 .hero-image img:hover {

     transform: scale(1.03);

 }

 @media(max-width:992px) {

     .awards-hero {

         text-align: center;

         padding: 120px 0 80px;

     }

     .hero-buttons {

         justify-content: center;

     }

     .hero-line {

         margin: 25px auto;

     }

     .hero-title {

         font-size: 50px;

     }

     .hero-image {

         margin-top: 60px;

     }

     .hero-image img {

         max-width: 340px;

     }

 }

 @media(max-width:576px) {

     .hero-title {

         font-size: 38px;

     }

     .hero-desc {

         font-size: 15px;

     }

     .hero-buttons {

         flex-direction: column;

         align-items: center;

     }

     .btn-gold,
     .btn-outline {

         width: 220px;

         text-align: center;

     }

 }


 /*====================================
ABOUT STAR FAIR AWARDS
=====================================*/

 .about-awards {

     background: #0d0d0d;

     color: #fff;

     padding: 100px 0;

 }

 .about-awards-image {

     overflow: hidden;

     border-radius: 20px;

 }

 .about-awards-image img {

     width: 100%;

     border-radius: 20px;

     transition: .5s;

     box-shadow: 0 25px 60px rgba(0, 0, 0, .45);

 }

 .about-awards-image:hover img {

     transform: scale(1.05);

 }

 .section-subtitle {

     color: var(--gold);

     letter-spacing: 3px;

     font-size: 14px;

     font-weight: 700;

     text-transform: uppercase;

 }

 .section-title {

     font-size: 48px;

     font-weight: 800;

     margin: 18px 0;

     line-height: 1.2;

 }

 .section-text {

     color: #cfcfcf;

     line-height: 1.9;

     font-size: 16px;

     margin-bottom: 20px;

 }

 .award-feature {

     background: #151515;

     border: 1px solid rgba(212, 175, 55, .18);

     border-radius: 16px;

     padding: 30px;

     text-align: center;

     transition: .4s;

     height: 100%;

 }

 .award-feature:hover {

     transform: translateY(-8px);

     border-color: var(--gold);

     box-shadow: 0 15px 35px rgba(212, 175, 55, .18);

 }

 .award-feature h4 {

     color: var(--gold);

     font-size: 34px;

     font-weight: 800;

     margin-bottom: 10px;

 }

 .award-feature span {

     color: #fff;

     font-size: 15px;

 }

 @media(max-width:992px) {

     .about-awards {

         text-align: center;

     }

     .section-title {

         font-size: 36px;

     }

     .about-awards-image {

         margin-bottom: 20px;

     }

 }

 @media(max-width:576px) {

     .section-title {

         font-size: 30px;

     }

     .section-text {

         font-size: 15px;

     }

     .award-feature {

         padding: 25px;

     }

 }


 /* Award Ceremony */

 /*==================================
AWARD CEREMONY GALLERY
==================================*/

 .award-gallery-section {

     background: #111;

     color: #fff;

     position: relative;

 }

 .gallery-grid {

     display: grid;

     grid-template-columns: repeat(4, 1fr);

     gap: 20px;

 }

 .gallery-item {

     overflow: hidden;

     border-radius: 18px;

     position: relative;

 }

 .gallery-item img {

     width: 100%;

     height: 100%;

     object-fit: cover;

     transition: .6s;

 }

 .gallery-item::before {

     content: "";

     position: absolute;

     inset: 0;

     background: rgba(0, 0, 0, .35);

     opacity: 0;

     transition: .4s;

     z-index: 2;

 }


 .gallery-item:hover::before,

 .gallery-item:hover::after {

     opacity: 1;

 }

 .gallery-item:hover img {

     transform: scale(1.08);

 }

 .large {

     grid-column: span 2;

     grid-row: span 2;

     height: 620px;

 }

 .wide {

     grid-column: span 2;

     height: 290px;

 }

 .gallery-item:not(.large):not(.wide) {

     height: 290px;

 }

 /* Floating Card */

 .award-stats {

     margin-top: 50px;

     display: grid;

     grid-template-columns: repeat(4, 1fr);

     gap: 20px;

 }

 .award-stats div {

     background: #181818;

     border: 1px solid rgba(212, 175, 55, .25);

     padding: 35px;

     text-align: center;

     border-radius: 18px;

     transition: .4s;

 }

 .award-stats div:hover {

     transform: translateY(-8px);

     border-color: #D4AF37;

 }

 .award-stats h3 {

     color: #D4AF37;

     font-size: 38px;

     font-weight: 800;

     margin-bottom: 10px;

 }

 .award-stats span {

     color: #ddd;

 }

 /* Responsive */

 @media(max-width:991px) {

     .gallery-grid {

         grid-template-columns: repeat(2, 1fr);

     }

     .large {

         grid-column: span 2;

         height: 500px;

     }

     .wide {

         grid-column: span 2;

     }

     .award-stats {

         grid-template-columns: repeat(2, 1fr);

     }

 }

 @media(max-width:576px) {

     .gallery-grid {

         grid-template-columns: 1fr;

     }

     .large,

     .wide,

     .gallery-item {

         grid-column: unset;

         grid-row: unset;

         height: 260px;

     }

     .award-stats {

         grid-template-columns: 1fr;

     }

 }


 /*=============================
LIFETIME DEDICATION
=============================*/

 .dedication-section {

     background: #111;

     color: #fff;

     padding: 100px 0;

 }

 .dedication-image {

     overflow: hidden;

     border-radius: 20px;

 }

 .dedication-image img {

     width: 100%;

     border-radius: 20px;

     transition: .5s;

 }

 .dedication-image:hover img {

     transform: scale(1.05);

 }

 .dedication-content h3 {

     color: #D4AF37;

     margin-bottom: 10px;

 }

 .dedication-content h2 {

     font-size: 42px;

     font-weight: 700;

     margin-bottom: 25px;

 }

 .dedication-content p {

     color: #d0d0d0;

     line-height: 1.9;

     margin-bottom: 20px;

 }

 .dedication-content blockquote {

     margin-top: 30px;

     padding: 25px;

     border-left: 4px solid #D4AF37;

     background: #181818;

     color: #fff;

     font-style: italic;

     border-radius: 12px;

 }



 @media(max-width:991px) {

     .dedication-section {

         text-align: center;

     }

     .dedication-content {

         margin-top: 40px;

     }

 }

 /*==================================
AWARD CATEGORIES
==================================*/

 .award-categories {

     background: #111;

     color: #fff;

     padding: 100px 0;

 }

 .category-card {

     background: #181818;

     border: 1px solid rgba(212, 175, 55, .15);

     border-radius: 20px;

     padding: 45px 30px;

     text-align: center;

     height: 100%;

     transition: .45s;

 }

 .category-card:hover {

     transform: translateY(-10px);

     border-color: var(--gold);

     box-shadow: 0 20px 45px rgba(212, 175, 55, .15);

 }

 .category-icon {

     width: 85px;

     height: 85px;

     margin: auto;

     border-radius: 50%;

     background: rgba(212, 175, 55, .12);

     display: flex;

     align-items: center;

     justify-content: center;

     margin-bottom: 25px;

     transition: .4s;

 }

 .category-card:hover .category-icon {

     background: var(--gold);

 }

 .category-icon i {

     color: var(--gold);

     font-size: 34px;

     transition: .4s;

 }

 .category-card:hover .category-icon i {

     color: #000;

 }

 .category-card h4 {

     font-size: 24px;

     margin-bottom: 18px;

     font-weight: 700;

 }

 .category-card p {

     color: #cfcfcf;

     line-height: 1.8;

     margin: 0;

 }

 @media(max-width:768px) {

     .category-card {

         padding: 35px 25px;

     }

 }

 /*==================================
HALL OF FAME
==================================*/

.hall-of-fame{

    background:#0b0b0b;

    color:#fff;

    padding:100px 0;

}

.hall-wrapper{

    position:relative;

    overflow:hidden;

    border-radius:25px;

}

.hall-image{

    overflow:hidden;

}

.hall-image img{

    width:100%;

    display:block;

    border-radius:25px;

    transition:.7s;

}

.hall-wrapper:hover img{

    transform:scale(1.05);

}

.hall-wrapper::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(to top,
    rgba(0,0,0,.85),
    rgba(0,0,0,.15));

}

.hall-overlay{

    position:absolute;

    left:0;

    right:0;

    bottom:35px;

    display:flex;

    justify-content:center;

    gap:25px;

    z-index:5;

}

.hall-card{

    background:rgba(0,0,0,.75);

    backdrop-filter:blur(12px);

    border:1px solid rgba(212,175,55,.35);

    padding:25px 35px;

    border-radius:18px;

    min-width:180px;

    text-align:center;

}

.hall-card h2{

    color:#D4AF37;

    font-size:42px;

    margin-bottom:10px;

    font-weight:800;

}

.hall-card span{

    color:#fff;

    font-size:15px;

}

@media(max-width:992px){

.hall-overlay{

flex-wrap:wrap;

bottom:20px;

gap:15px;

}

.hall-card{

min-width:150px;

padding:20px;

}

}

@media(max-width:576px){

.hall-card{

width:100%;

}

}


/*==================================
PANEL OF JUDGES
==================================*/

.panel-section{

    background:#111;

    color:#fff;

    padding:100px 0;

}

.judge-card{

    background:#181818;

    border:1px solid rgba(212,175,55,.18);

    border-radius:20px;

    overflow:hidden;

    transition:.45s;

    height:100%;

}

.judge-card:hover{

    transform:translateY(-10px);

    border-color:#D4AF37;

    box-shadow:0 18px 45px rgba(212,175,55,.15);

}

.judge-image{

    overflow:hidden;

}

.judge-image img{

    width:100%;

    height:340px;

    object-fit:cover;

    transition:.6s;

}

.judge-card:hover img{

    transform:scale(1.08);

}

.judge-content{

    padding:28px;

    text-align:center;

}

.judge-content h4{

    font-size:24px;

    margin-bottom:8px;

    font-weight:700;

}

.judge-content span{

    color:#D4AF37;

    font-size:14px;

    display:block;

    margin-bottom:15px;

    letter-spacing:1px;

}

.judge-content p{

    color:#cfcfcf;

    line-height:1.8;

    margin:0;

}

@media(max-width:768px){

.judge-image img{

height:300px;

}

}

 

/*==================================
PARTNERS
==================================*/

.partners-section{

    background:#0d0d0d;

    color:#fff;

    padding:100px 0;

}

.partner-image{

    overflow:hidden;

    border-radius:20px;

}

.partner-image img{

    width:100%;

    border-radius:20px;

    transition:.6s;

    box-shadow:0 20px 50px rgba(0,0,0,.35);

}

.partner-image:hover img{

    transform:scale(1.04);

}

.partners-section p{

    color:#cfcfcf;

    line-height:1.9;

    margin:25px 0;

}

.partner-list{

    list-style:none;

    padding:0;

    margin:30px 0;

}

.partner-list li{

    margin-bottom:15px;

    padding-left:28px;

    position:relative;

}

.partner-list li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#D4AF37;

    font-weight:bold;

}

.partner-btn{

    display:inline-block;

    padding:15px 35px;

    background:#D4AF37;

    color:#000;

    text-decoration:none;

    border-radius:50px;

    font-weight:700;

    transition:.4s;

}

.partner-btn:hover{

    background:#fff;

    color:#000;

}

@media(max-width:991px){

.partners-section{

text-align:center;

}

.partner-list{

text-align:left;

display:inline-block;

}

.partner-image{

margin-bottom:40px;

}

}

/*==================================
REGISTRATION CTA
==================================*/

.award-cta{

    background:#111;

    padding:100px 0;

}

.cta-box{

    max-width:900px;

    margin:auto;

    text-align:center;

    background:linear-gradient(135deg,#1a1a1a,#111);

    border:1px solid rgba(212,175,55,.25);

    border-radius:25px;

    padding:70px 50px;

    box-shadow:0 20px 50px rgba(0,0,0,.35);

}

.cta-box h2{

    color:#fff;

    font-size:46px;

    font-weight:700;

    margin:20px 0;

}

.cta-box p{

    color:#d2d2d2;

    line-height:1.9;

    max-width:700px;

    margin:0 auto 40px;

}

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.cta-buttons a{

    min-width:210px;

}

@media(max-width:768px){

.cta-box{

padding:45px 25px;

}

.cta-box h2{

font-size:34px;

}

}

/* ==========================================
   TEAM AND ADVISOR PROFILES
========================================== */
.team-section {
    background: #000000;
    color: #ffffff;
    padding: 100px 0;
}
.team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
    margin-top: 50px;
}
.team-card {
    background: #111111;
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.4s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.team-card:hover {
    transform: translateY(-8px);
    border-color: #D4AF37;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.15);
}
.team-card .member-img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-bottom: 2px solid rgba(212, 175, 55, 0.2);
    transition: all 0.4s ease;
}
.team-card:hover .member-img {
    filter: brightness(1.1);
}
.team-card .member-img-placeholder {
    width: 100%;
    height: 320px;
    background: #111111;
    border-bottom: 2px solid rgba(212, 175, 55, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #444444;
    font-size: 5rem;
    transition: all 0.4s ease;
}
.team-card:hover .member-img-placeholder {
    color: #D4AF37;
    background: #181818;
}
.team-card .member-info {
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.team-card .member-info h3 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 5px;
    color: #ffffff;
}
.team-card .member-info h3 span {
    color: #D4AF37;
}
.team-card .member-info .designation {
    color: #D4AF37;
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.team-card .member-info p {
    color: #cccccc;
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

/* ==========================================
   PHOTO GALLERY PAGE & LIGHTBOX
========================================== */
.gallery-filter-buttons {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}
.gallery-filter-buttons .btn-filter {
    background: #111111;
    color: #ffffff;
    border: 1px solid rgba(212, 175, 55, 0.3);
    padding: 10px 24px;
    font-weight: 600;
    transition: all 0.3s ease;
    border-radius: 4px;
    font-size: 0.9rem;
    letter-spacing: 1px;
}
.gallery-filter-buttons .btn-filter.active,
.gallery-filter-buttons .btn-filter:hover {
    background: #D4AF37;
    color: #000000;
    border-color: #D4AF37;
}
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}
.gallery-item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    background: #000;
    aspect-ratio: 1 / 1;
}
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}
.gallery-item:hover img {
    transform: scale(1.08);
    opacity: 0.8;
}
.gallery-item .overlay-icon {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: all 0.3s ease;
}
.gallery-item:hover .overlay-icon {
    opacity: 1;
}
.gallery-item .overlay-icon i {
    color: #D4AF37;
    font-size: 2rem;
}

/* Lightbox Modal */
.lightbox-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.95);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.lightbox-modal.active {
    opacity: 1;
    pointer-events: auto;
}
.lightbox-content {
    position: relative;
    max-width: 85%;
    max-height: 85%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.lightbox-content img {
    max-width: 100%;
    max-height: 75vh;
    object-fit: contain;
    border: 2px solid #D4AF37;
    border-radius: 8px;
}
.lightbox-caption {
    color: #ffffff;
    margin-top: 15px;
    font-size: 1.1rem;
    letter-spacing: 1px;
    text-align: center;
}
.lightbox-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: #ffffff;
    font-size: 2rem;
    cursor: pointer;
    background: none;
    border: none;
    transition: color 0.3s ease;
}
.lightbox-close:hover {
    color: #D4AF37;
}
.lightbox-prev, .lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(212, 175, 55, 0.2);
    border: 1px solid #D4AF37;
    color: #ffffff;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.5rem;
    transition: all 0.3s ease;
}
.lightbox-prev:hover, .lightbox-next:hover {
    background: #D4AF37;
    color: #000000;
}
.lightbox-prev { left: -70px; }
.lightbox-next { right: -70px; }

@media (max-width: 768px) {
    .lightbox-prev { left: 10px; }
    .lightbox-next { right: 10px; }
}

/* ==========================================
   REGISTRATION FORM PORTAL
========================================== */
.reg-section {
    background: #000000;
    color: #ffffff;
    padding: 100px 0;
}
.reg-card {
    background: #0d0d0d;
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 15px;
    padding: 45px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.5);
}
.reg-card h2 {
    color: #D4AF37;
    font-size: 2rem;
    font-weight: 700;
    border-bottom: 2px solid rgba(212, 175, 55, 0.2);
    padding-bottom: 15px;
    margin-bottom: 35px;
}
.form-section-title {
    color: #D4AF37;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 30px;
    margin-bottom: 20px;
    border-left: 3px solid #D4AF37;
    padding-left: 12px;
    text-transform: uppercase;
}
.form-label {
    color: #ffffff;
    font-weight: 500;
    font-size: 0.95rem;
}
.form-control, .form-select {
    background: #151515;
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff !important;
    border-radius: 6px;
    padding: 12px 16px;
    transition: all 0.3s ease;
}
.form-control:focus, .form-select:focus {
    background: #181818;
    border-color: #D4AF37;
    box-shadow: 0 0 0 0.25rem rgba(212, 175, 55, 0.15);
}
.form-check-input {
    background-color: #151515;
    border-color: rgba(212, 175, 55, 0.4);
}
.form-check-input:checked {
    background-color: #D4AF37;
    border-color: #D4AF37;
}
.invalid-feedback {
    color: #ff4d4d;
    font-size: 0.85rem;
}

/* ==========================================
   PROGRAM DETAILS PAGE LAYOUT
========================================== */
.program-detail-hero {
    padding: 140px 0 100px;
    background-color: #000;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-bottom: 2px solid rgba(212, 175, 55, 0.25);
}
.program-detail-title {
    color: #D4AF37;
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 1.1;
}
.program-meta-badge {
    display: inline-block;
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid #D4AF37;
    color: #D4AF37;
    padding: 8px 18px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 0.85rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.program-section-dark {
    background: #000000;
    color: #ffffff;
    padding: 80px 0;
}
.program-section-light {
    background: #ffffff;
    color: #111111;
    padding: 80px 0;
}
.program-info-box {
    background: #0a0a0a;
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 12px;
    padding: 30px;
    height: 100%;
}
.program-info-box h4 {
    color: #D4AF37;
    font-weight: 700;
    margin-bottom: 20px;
}
.program-info-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.program-info-list li {
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}
@media (max-width: 576px) {
    .program-info-list li {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
}
.program-info-list li:last-child {
    border-bottom: none;
}
.program-info-list li strong {
    color: #ffffff;
}
.program-info-list li span {
    color: #D4AF37;
    font-weight: 600;
}
.module-list-group {
    list-style: none;
    padding: 0;
}
.module-list-group li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    font-size: 1.05rem;
    color: #eeeeee;
}
.module-list-group li::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #D4AF37;
}

/* =========================
   FOOTER (Ported from style1.css for secondary pages styling)
========================= */

.footer-section {
    background: #050505;
    padding: 90px 0 30px;
}

.footer-logo img {
    height: 80px;
    width: auto;
    margin-bottom: 20px;
}

.footer-description {
    color: #bdbdbd;
    line-height: 1.9;
    font-size: 15px;
    text-align: justify;
}

.footer-title {
    color: #D4AF37;
    margin-bottom: 25px;
    font-size: 1.3rem;
    font-weight: 700;
}

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links a {
    text-decoration: none;
    color: #fff;
    transition: .3s;
}

.footer-links a:hover {
    color: #D4AF37;
    padding-left: 6px;
}

.social-icons {
    display: flex;
    gap: 15px;
}

.social-icons a {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(212, 175, 55, .3);
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    transition: .4s;
}

.social-icons a:hover {
    background: #D4AF37;
    color: #000;
    transform: translateY(-5px);
}

.footer-line {
    border-color: rgba(255, 255, 255, .1);
    margin: 50px 0 25px;
}

.footer-bottom {
    text-align: center;
}

.footer-bottom p {
    color: #888;
    margin: 0;
}