:root {

            --primary: #cf2027;

            --primary-dark: #a61a20;

            --light: #f8f9fa;

            --dark: #212529;

            --gray: #6c757d;

            --light-gray: #e9ecef;

        }

        

        body {

            font-family:  sans-serif;

            color: var(--dark);

            line-height: 1.6;

        }

        

        h1, h2, h3, h4, h5, h6 {

            font-family:  sans-serif;

            font-weight: 700;

        }

         

        /* Hero Carousel */

        .carousel-item {

            height: 60vh;

            min-height: 600px;

            background-position: center;

            background-size: contain;

            position: relative;

        }

        

        .carousel-item::before {

            content: '';

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            background: rgba(0, 0, 0, 0.1);

        }

        

        .text-red{

            color: #cf2027;

        }

        

        .carousel-caption {

            position: absolute;

            top: 50%;

            transform: translateY(-50%);

            bottom: auto;

            text-align: left;

            max-width: 800px;

            left: 10%;

            right: 10%;

            z-index: 1;

        }

        

        .carousel-caption h1 {

            font-size: 3.5rem;

            font-weight: 800;

            margin-bottom: 1.5rem;

            text-shadow: 2px 2px 4px rgba(0,0,0,0.7);

        }

        

        .carousel-caption p {

            font-size: 1.5rem;

            margin-bottom: 2rem;

            text-shadow: 1px 1px 3px rgba(0,0,0,0.7);

        }

        

        .date-badge {

            background-color: var(--primary);

            color: white;

            padding: 0.5rem 1.5rem;

            border-radius: 30px;

            display: inline-block;

            font-weight: 600;

            margin-bottom: 2rem;

        }

        

        .btn-primary {

            background-color: var(--primary);

            border-color: var(--primary);

            padding: 0.8rem 2rem;

            font-weight: 600;

            border-radius: 30px;

            transition: all 0.3s;

        }

        

        .btn-primary:hover {

            background-color: var(--primary-dark);

            border-color: var(--primary-dark);

            transform: translateY(-3px);

            box-shadow: 0 5px 15px rgba(207, 32, 39, 0.3);

        }

        

        .btn-outline-primary {

            color: var(--primary);

            border-color: var(--primary);

            padding: 0.8rem 2rem;

            font-weight: 600;

            border-radius: 30px;

            transition: all 0.3s;

        }

        

        .btn-outline-primary:hover {

            background-color: var(--primary);

            color: white;

            transform: translateY(-3px);

            box-shadow: 0 5px 15px rgba(207, 32, 39, 0.3);

        }

        

        /* Section Styling */

        .section {

            padding: 5rem 0;

        }

        

        .section-title {

            text-align: center;

            margin-bottom: 3rem;

        }

        

        .section-title h2 {

            position: relative;

            padding-bottom: 1rem;

            margin-bottom: 1.5rem;

        }

        

        .section-title h2::after {

            content: '';

            position: absolute;

            bottom: 0;

            left: 50%;

            transform: translateX(-50%);

            width: 80px;

            height: 3px;

            background-color: var(--primary);

        }

        

        .section-title p {

            color: var(--gray);

            max-width: 700px;

            margin: 0 auto;

        }

        

        /* About Section */

        .about-content {

            background-color: white;

            border-radius: 10px;

            padding: 2rem;

            box-shadow: 0 5px 25px rgba(0,0,0,0.05);

        }

        

        .profile-card {

            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);

            color: white;

            border-radius: 10px;

            padding: 2rem;

            position: relative;

            overflow: hidden;

        }

        

        .profile-card h3 {

            font-size: 1.5rem;

            margin-bottom: 0.5rem;

        }

        

        .profile-card h4 {

            font-size: 1rem;

            font-weight: 400;

            line-height: 1.6;

        }

        

        /* Explore Jaipur Section */

        .place-card {

            border-radius: 10px;

            overflow: hidden;

            box-shadow: 0 5px 15px rgba(0,0,0,0.1);

            transition: transform 0.3s;

            margin-bottom: 2rem;

        }

        

        .place-card:hover {

            transform: translateY(-5px);

        }

        

        .place-img {

            height: 250px;

            object-fit: cover;

            width: 100%;

        }

        

        .place-content {

            padding: 1.5rem;

        }

        

        .place-content h3 {

            font-size: 1.3rem;

            margin-bottom: 0.5rem;

        }

        

        .place-content p {

            color: var(--gray);

            margin-bottom: 1rem;

        }

        

        /* About NIMS Section */

        .nims-content {

            background-color: white;

            border-radius: 10px;

            padding: 2rem;

            box-shadow: 0 5px 25px rgba(0,0,0,0.05);

        }

        

        .nims-img {

            border-radius: 10px;

            overflow: hidden;

            box-shadow: 0 5px 15px rgba(0,0,0,0.1);

        }

        

        /* Responsive Adjustments */

        @media (max-width: 992px) {

            .carousel-caption h1 {

                font-size: 2.5rem;

            }

            

            .section {

                padding: 3rem 0;

            }

        }

        

        @media (max-width: 768px) {

            .carousel-item {

                height: 80vh;

                min-height: 500px;

            }

            

            .carousel-caption {

                text-align: center;

                left: 5%;

                right: 5%;

            }

            

            .carousel-caption h1 {

                font-size: 2rem;

            }

            

            .carousel-caption p {

                font-size: 1.2rem;

            }

        }

        

        /* Header & Navigation */

        .navbar {

            /* padding: 1rem 0; */

            background-color: white;

            box-shadow: 0 2px 10px rgba(0,0,0,0.1);

        }

        

        .navbar-brand {

            font-family:  sans-serif;

            font-weight: 800;

            font-size: 1.8rem;

            color: var(--primary);

            width: 70%;

        }

        

        .nav-link {

            font-weight: 500;

            color: var(--dark);

            margin: 0 0.3rem;

            position: relative;

            font-size: 0.9rem;

        }

        

        .nav-link:hover, .nav-link.active {

            color: var(--primary);

        }

        

        .nav-link::after {

            content: '';

            /* position: absolute; */

            width: 0;

            height: 2px;

            bottom: 0;

            left: 0;

            /* background-color: var(--primary); */

            transition: width 0.3s;

        }

        

        .nav-link:hover::after, .nav-link.active::after {

            /* width: 100%; */

              /* transform: rotate(180deg); */

  transition: transform 0.3s ease;

        }

        

        .dropdown-menu {

            border: none;

            box-shadow: 0 5px 15px rgba(0,0,0,0.1);

            border-radius: 8px;

        }

        

        .dropdown-item {

            font-weight: 500;

            font-size: 0.9rem;

        }

        

        .dropdown-item:hover {

            background-color: var(--primary);

            color: white;

            

        }

        

/* Arrow rotation effect */

.nav-item.dropdown:hover .dropdown-arrow {

  /* transform: rotate(180deg); */

  transition: transform 0.3s ease;

}



.dropdown-arrow {

  transition: transform 0.3s ease;

}



        /* Hero Section */

        .hero {

            background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('assets/images/backgrounds/amerfort.webp');

            background-size: cover;

            background-position: center;

            color: white;

            padding: 6rem 0;

            text-align: center;

        }

        

        .hero h1 {

            font-size: 3.5rem;

            margin-bottom: 1.5rem;

            font-weight: 800;

        }

        

        .hero p {

            font-size: 1.2rem;

            max-width: 700px;

            margin: 0 auto 2rem;

        }

        

        /* Organizing Team */

        .team-member {

            text-align: center;

            margin-bottom: 2rem;

        }

        

        .team-img {

            width: 180px;

            height: 180px;

            border-radius: 50%;

            object-fit: cover;

            margin: 0 auto 1rem;

            border: 5px solid white;

            box-shadow: 0 5px 15px rgba(0,0,0,0.1);

        }

        

        .team-info h4 {

            margin-bottom: 0.5rem;

            color: var(--dark);

        }

        

        .team-info p {

            color: var(--primary);

            font-weight: 600;

            margin-bottom: 0.5rem;

        }

        

        .team-info span {

            color: var(--gray);

            font-size: 0.9rem;

        }

        

        /* Important Dates */

        .date-card {

            display: flex;

            align-items: center;

            background: white;

            border-radius: 10px;

            padding: 1.5rem;

            margin-bottom: 1.5rem;

            box-shadow: 0 5px 15px rgba(0,0,0,0.05);

            transition: transform 0.3s;

        }

        

        .date-card:hover {

            transform: translateY(-5px);

        }

        

        .date-box {

            background: var(--primary);

            color: white;

            width: 80px;

            height: 80px;

            border-radius: 10px;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

            margin-right: 1.5rem;

            flex-shrink: 0;

        }

        

        .date-day {

            font-size: 1.8rem;

            font-weight: 700;

            line-height: 1;

        }

        

        .date-month {

            font-size: 0.9rem;

            text-transform: uppercase;

        }

        

        .date-content {

            flex-grow: 1;

        }

        

        .date-content h4 {

            margin-bottom: 0.5rem;

            font-size: 1.1rem;

        }

        

        /* Registration Table */

        .registration-table {

            background: white;

            border-radius: 10px;

            overflow: hidden;

            box-shadow: 0 5px 25px rgba(0,0,0,0.05);

        }

        

        .table th {

            background-color: var(--primary);

            color: white;

            font-weight: 600;

            border: none;

            padding: 1rem;

        }

        

        .table td {

            padding: 1rem;

            vertical-align: middle;

        }

        

        .table tr:nth-child(even) {

            background-color: var(--light);

        }

        

        /* Footer */

        .footer {

            background-color: var(--dark);

            color: white;

            padding: 4rem 0 2rem;

        }

        

        .footer-title {

            font-size: 1.5rem;

            margin-bottom: 1.5rem;

            color: white;

            position: relative;

            padding-bottom: 0.8rem;

        }

        

        .footer-title::after {

            content: '';

            position: absolute;

            bottom: 0;

            left: 0;

            width: 50px;

            height: 2px;

            background-color: var(--primary);

        }

        

        .footer-links {

            list-style: none;

            padding: 0;

        }

        

        .footer-links li {

            margin-bottom: 0.8rem;

        }

        

        .footer-links a {

            color: rgba(255,255,255,0.8);

            text-decoration: none;

            transition: color 0.3s;

        }

        

        .footer-links a:hover {

            color: var(--primary);

            padding-left: 5px;

        }

        

        .footer-contact {

            list-style: none;

            padding: 0;

        }

        

        .footer-contact li {

            margin-bottom: 1rem;

            display: flex;

            align-items: flex-start;

        }

        

        .footer-contact i {

            color: var(--primary);

            margin-right: 10px;

            margin-top: 5px;

        }

        

        .social-links {

            margin-top: 1.5rem;

        }

        

        .social-links a {

            display: inline-block;

            width: 40px;

            height: 40px;

            background: rgba(255,255,255,0.1);

            border-radius: 50%;

            text-align: center;

            line-height: 40px;

            color: white;

            margin-right: 10px;

            transition: all 0.3s;

        }

        

        .social-links a:hover {

            background: var(--primary);

            transform: translateY(-3px);

        }

        

        .copyright {

            border-top: 1px solid rgba(255,255,255,0.1);

            padding-top: 1.5rem;

            margin-top: 3rem;

            text-align: center;

            color: rgba(255,255,255,0.6);

        }

        

        /* Responsive Adjustments */

        @media (max-width: 992px) {

            .hero h1 {

                font-size: 2.5rem;

            }

            

            .section {

                padding: 3rem 0;

            }

        }

        

        @media (max-width: 768px) {

            .hero {

                padding: 4rem 0;

            }

            

            .hero h1 {

                font-size: 2rem;

            }

            

            .date-card {

                flex-direction: column;

                text-align: center;

            }

            

            .date-box {

                margin-right: 0;

                margin-bottom: 1rem;

            }

        }



        /* Team Section Styles */

        .title-underline{ width:90px; height:4px; background:#e53935; border-radius:999px; }

        .cat-title{ font-size:1.5rem; font-weight:700; margin-bottom:1.2rem; position:relative; display:inline-block; }

        .cat-title::after{ content:""; display:block; width:60px; height:3px; background:#e53935; margin:0.4rem auto 0; border-radius:999px; }



        .member-card{ background:#fff; border-radius:18px; padding:22px 16px 18px; height:100%; }

        .member-photo{ width:200px; height:200px; border-radius:50%; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.08); display:flex; align-items:center; justify-content:center; overflow:hidden; }

        .member-photo img{ width:92%; height:92%; border-radius:50%; object-fit:cover; background:#f7f7f7; }



        .member-name{ font-size:1.2rem; font-weight:700; margin:18px 0 6px; color:#212529; }

        .member-role{ font-weight:700; color:#e53935; margin-bottom:10px; }

        .member-meta{ font-size:.95rem; color:#6c757d; line-height:1.3; }



        @media (max-width: 767.98px){

            .member-photo{ width:170px; height:170px; }

        }



      .logo-header {

      background: #f8f9fa;

      border-bottom: 1px solid #ddd;

      padding: 15px 0;

    }

    .logo-header img.logo {

      max-height: 100px;

      

    }  



.logo{

    width: 70%;;

      /* max-width: 20%; */

}





    /* Dropdown hover enable */

.nav-item.dropdown:hover .dropdown-menu {

  display: block;

  margin-top: 0; 

}



.title-underline{ width:90px; height:4px; background:#e53935; border-radius:999px; }

  .cat-title{ font-size:1.5rem; font-weight:700; margin-bottom:1.2rem; position:relative; display:inline-block; }

  .cat-title::after{ content:""; display:block; width:60px; height:3px; background:#e53935; margin:0.4rem auto 0; border-radius:999px; }



  .member-card{ background:#fff; border-radius:18px; padding:22px 16px 18px; height:100%; }

  .member-photo{ width:200px; height:200px; border-radius:50%; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.08); display:flex; align-items:center; justify-content:center; overflow:hidden; }

  .member-photo img{ width:92%; height:92%; border-radius:50%; object-fit:contain; background:#f7f7f7; }



  .member-name{ font-size:1.2rem; font-weight:700; margin:18px 0 6px; color:#212529; }

  .member-role{ font-weight:700; color:#e53935; margin-bottom:10px; }

  .member-meta{ font-size:.95rem; color:#6c757d; line-height:1.3; }

.logo-circle{width:450px; height:450px; overflow:hidden;}

  @media (max-width: 767.98px){

    .member-photo{ width:170px; height:170px; }

  }



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

    .logo{

    width: 40%;



}

  } */



@media(max-width:600px){

  .logo-circle{width:320px; height:320px; overflow:hidden;}

  }