html {
            scroll-behavior: smooth;
        }   

        /* Topbar */
     /*   #topbar {
            background: #106eea;
            color: #fff;
            font-size: 14px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            font-weight: 600;
        }

        /* Header */
      /*  #header {
            background: #fff;
          /*  padding: 15px 0;*/
          /*  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
            z-index: 997;
            position: sticky;
           /* top: 0;*/
        }

        /* Navigation Menu */
      /*  #header .navbar-nav .nav-item .nav-link {
            font-size: 16px;
            color: #333;
            padding: 10px 15px;
        }

        /* Active link */
     /*  #header .navbar-nav .nav-item .nav-link.active {
            color: #106eea;
            font-weight: bold;
        }
     #hero {
            background: url('assets/img/hero-bg.jpg') no-repeat top center;
            background-size: cover;
            height: 500px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
  

        #hero h1 {
            color: white;
            font-size: 3rem;
            text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
        }*/
        .btn-custom {
            font-size: 1.2rem;
            padding: 10px 20px;
            border-radius: 5px;
            transition: all 0.3s ease;
        }
        .btn-custom:hover {
            background-color: rgba(0, 0, 0, 0.7);
            color: white;
        }
        .tabs {
            display: flex;
            margin-bottom: 20px;
        }
        .tabs button {
            padding: 10px 20px;
            border: none;
            background-color: #f0f0f0;
            cursor: pointer;
            flex: 1;
        }
        .tabs button.active {
            background-color: #17a2b8;
            color: white;
        }
        .form-row {
           /* margin-bottom: 15px;*/
	  margin-right: -5px;
        }
            /* Cancellation Section */
      /*  #cancellationSection {
            background-color: #f8f9fa;
            padding: 40px 0;
            text-align: center;
            display: none; /* Hidden by default */
       /* }

        #cancellationSection h2 {
            color: #17a2b8;
            font-size: 2rem;
           /* margin-bottom: 20px;*/
        }

        #cancellationSection p {
            font-size: 1.2rem;
            color: #555;
        }  */
            /* Cancellation Section */
        #cancellationSection {
            background-color: #f8f9fa;
            padding: 40px 0;
            text-align: center;
            display: none; /* Hidden by default */
        }

/* Custom Card Style */
#cancellationSection .card {
    border: 1px solid #ddd; /* Light border */
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Soft shadow */
   /* max-width: 800px;*/
    margin: 0 auto;
}

#cancellationSection .card-header {
    background-color: #f8f9fa;
    font-size: 1.5rem;
    font-weight: bold;
}

#cancellationSection .card-body {
    font-size: 1rem;
    line-height: 1.6;
}

#payin {
    width: 250px; /* Set the width of the select element */
}
        #cancellationSection h2 {
            color: #17a2b8;
            font-size: 2rem;
	text-align: center;

           /* margin-bottom: 20px;*/
        }

        #cancellationSection p {
            font-size: 1.2rem;
            color: #555;
        }

        /* Hide all other sections */
        .section {
            display: block;
        }

        .hidden-section {
            display: none;
        }  
      
  /*    .project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active .tabs-nav-icon.m-icon-meetandgreet {
    background-image:url(../img/meeting_active.png);
}.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #0062cc;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
    font-size: 14px;
    font-weight: bold;
}
       .center-button {
        display: flex;
        justify-content: center;
    } 
        */
        
        
        
        
         /* Mobile-specific styles */
        @media (max-width: 767px) {
            #hero h1 {
                font-size: 2rem; /* Adjust font size for small screens */
            }
        }