*,
      *::before,
      *::after {
          box-sizing: border-box;
      }

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

       /* .hero {
            background: url('Images/Banner.jpg') no-repeat center center/cover;
            color: white;
            padding: 80px 20px;
            text-align: center;
        }

        .hero h1 {
            font-size: 2rem;
        } */


       .hero {
           background-size: cover;
           background-position: center;
           color: #fff;
       }

       .hero h1 {
           font-size: 2rem;
       }

       .hero p {
           font-size: 1.1rem;
       }

       @media (max-width: 768px) {
           .hero {
               text-align: center;
           }

           .topsideimage {
               display: none;
           }

           .ptext {
               font-size: 25px !important;
           }
           .phoneheight{
            height: 150px!important;
          }
       }

       .stat-icon {
           font-size: 2rem;
           color: #007bff;
           margin-bottom: 10px;
       }


       .section {
           padding: 60px 20px;
       }

       .faq input[type="text"] {
           width: 100%;
       }

       footer {
           background: #111;
           color: white;
           text-align: center;
           padding: 20px;
       }

       .form-control,
       .btn {
           border-radius: 0;
       }

       .toplogo {
           height: 100%;
           width: 270px;
       }

       .topbannerbag {
           background: url('Images/Banner.jpg') no-repeat center center/cover;
           min-height: 500px;
           display: flex;
       }

       .topsideimage {
           height: 100%;
           width: 250px;
           position: relative;
           top: 30px;
       }

       .video-card {
           max-width: 500px;
           margin: 10px auto;
           background: #fff;
           border-radius: 12px;
       }

       .video-wrapper {
           position: relative;
           overflow: hidden;
           border-radius: 12px;
       }

       .video-wrapper img {
           display: block;
           width: 100%;
           border-radius: 12px;
       }

       .play-btn {
           position: absolute;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -50%);
           background: none;
           border: none;
           outline: none;
           cursor: pointer;
           width: 70px;
           height: 70px;
       }

       .play-btn img {
           width: 100%;
           height: auto;
       }

       .video-embed iframe {
           border: none;
           width: 100%;
           height: 100%;
           border-radius: 12px;
       }

       .topsidelogoos {

           background-color: #fff;
           border-radius: 10px;
           box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
           padding: 10px;
           display: inline-block;
           width: 80%;
           align-items: center;
       }

       .slick-slide {
           padding: 10px;
       }

       /* Style Slick arrows */
       .slick-prev:before,
       .slick-next:before {
           color: #001f3f;
           /* Dark Navy Blue */
           font-size: 30px;
       }

       .faculty-card {
           border: none;
           border-radius: 1rem;
           overflow: hidden;
           box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
           transition: transform 0.3s ease, box-shadow 0.3s ease;
       }

       .faculty-card:hover {
           transform: translateY(-5px);
           box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
       }

       .faculty-image {
           width: 100%;
           height: 100%;
           object-fit: cover;
       }

       .faculty-name {
           font-size: 1.25rem;
           font-weight: 600;
           margin-top: 1rem;
       }


       .whysec {
           position: relative;
           background: url('Images/Why\ This\ IIM\ Rohtak\ Sports\ Diploma\ Pays\ Off.jpg') center center/cover no-repeat;
           /* Or any bg */
           min-height: 400px;
           /* adjust as needed */
           color: #fff;
           /* white text on blue overlay */
           overflow: hidden;
       }

       .whysec::before {
           content: "";
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           background: rgba(0, 51, 102, 0.8);
           /* navy blue with opacity */
           z-index: 1;
       }

       .whysec .container,
       .whysec * {
           position: relative;
           z-index: 2;
       }

       .Faq {
           position: relative;
           background: url('Images/FAQs\ \(Suggested\).jpg') center center/cover no-repeat;
           /* Or any bg */
           min-height: 400px;
           /* adjust as needed */
           color: #fff;
           /* white text on blue overlay */
           overflow: hidden;
       }

       .Faq::before {
           content: "";
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           background: rgba(0, 51, 102, 0.8);
           /* navy blue with opacity */
           z-index: 1;
       }

       .Faq .container,
       .Faq * {
           position: relative;
           z-index: 2;
       }

       .about-campuswalkin {
           position: relative;
           overflow: hidden;
           /* ensure the overlay stays inside */
           background: url('Images/Texture.jpg') repeat center center;
           background-size: cover;
       }

       .about-campuswalkin::before {
           content: "";
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
           background-color: rgba(255, 255, 255, 0.945);
           /* white overlay with 80% opacity */
           /* OR for a dark overlay, use: rgba(0, 0, 50, 0.6) */
           z-index: 1;
       }

       .about-campuswalkin .container {
           position: relative;
           z-index: 2;
           /* keep content above the overlay */
       }

       .career-cta {
           position: relative;
           background: url('Images/IIM\ Image.jpg') center/cover no-repeat;
           color: #fff;
       }

       .career-cta .overlay {
           position: absolute;
           inset: 0;
           background: rgba(0, 0, 0, 0.5);
           /* Dark overlay for readability */
           z-index: 1;
       }

       .career-cta .container {
           position: relative;
           z-index: 2;
       }

       .career-cta .logo {
           height: 50px;
       }

       .career-cta .social-icons a {
           color: #fff;
           font-size: 20px;
           transition: color 0.3s;
       }

       .career-cta .social-icons a:hover {
           color: #ccc;
       }

       .social-icons a {
           display: inline-flex;
           align-items: center;
           justify-content: center;
           width: 40px;
           /* circle size */
           height: 40px;
           border: 2px solid #fff;
           /* white border */
           border-radius: 50%;
           /* makes it a circle */
           color: #fff;
           /* icon color */
           text-decoration: none;
           transition: all 0.3s;
       }

       .social-icons a:hover {
           background: #fff;
           /* fill on hover */
           color: #000;
           /* icon color on hover */
       }
       
.input-error {
    border: 1px solid #ff0000 !important;
    background-color: #fce4e4 !important;
}