/* Custom Styles */
        @font-face {
            font-family: 'Graphik';
            src: url('/assets/fonts/Graphik-Regular-Trial.otf') format('truetype');
            font-weight: 400;
            font-style: normal;
        }
        @font-face {
            font-family: 'Graphik';
            src: url('/assets/fonts/Graphik-Bold-Trial.otf') format('truetype');
            font-weight: 700;
            font-style: normal;
        }

        body {
            font-family: 'Graphik', 'Arial', sans-serif;
            color: #333;
            background-color: #f6f6f6; /* Light gray background */
        }

        /* Navigation Bar */
        .navbar {
            background-color: #f6f6f6; /* same like giftgujarat.in */ /* #003087; /* Dark blue */
            padding: 1rem 0;
            box-shadow: 0 3px 6px 0 rgba(0,0,0,.33);
        }

        header .navbar-brand {
            padding-top: 0;
            margin-right: 0;
        }
        header .navbar-brand img {
            width: 80px;
        }

        .navbar .navbar-brand {
            color: #4f5052;
            font-size: 1.5rem;
            font-weight: bold;
        }

        .navbar .nav-link {
            color: #4f5052;
            font-size: 1rem;
            transition: color 0.3s;
        }

        .navbar .nav-link:hover {
            color: #dc6200; /* Gold accent */
        }

        /* Hero Section */
        .hero {
            height: 100vh;
            background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://via.placeholder.com/1920x1080?text=City+Skyline');
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: white;
        }

        .hero-content h1 {
            font-size: 3rem;
            margin-bottom: 1rem;
        }

        .hero-content p {
            font-size: 1.2rem;
            margin-bottom: 2rem;
        }

        .hero-content .btn-custom {
            background-color: #dc6200;
            color: #003087;
            font-weight: bold;
            border: none;
            padding: 0.8rem 1.5rem;
            border-radius: 5px;
            transition: background-color 0.3s;
        }

        .hero-content .btn-custom:hover {
            background-color: #d89e00;
        }

        /* Content Section */
        .content-section {
            /* padding: 3rem 0; */
        }

        .content-section h2 {
            color: #003087;
            font-size: 2rem;
            margin-bottom: 1rem;
        }

        /* Responsive Adjustments */
        @media (max-width: 768px) {
            .hero-content h1 {
                font-size: 2rem;
            }

            .hero-content p {
                font-size: 1rem;
            }
        }

        .navbar .heading { font-size: x-large; margin-top:10px; margin-left:10px; font-weight:500; }
        
        .section {
            padding: 1rem;
        }
        .main-left-img {
            position: relative;
            width: 100%;
            padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
            border: 1px solid #dee2e6;
            border-radius: 10px;
            overflow: hidden;
            height:400px;
        }
        .main-left-img video {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            object-fit: cover;
            border-radius: 10px;
        }
        .placeholder {
            text-align: center;
            padding: 2rem;
            background-color: #eee;
            display: none;
        }

        h4 { color: #dc6200; }

        a { text-decoration: none; color: inherit; }
        a:hover { color: #dc6200; }
        .btn-apply { background-color: #dc6200; color: #fff; }
        .btn-apply:hover { background-color: #b25000; color: #fff; }
        .footer .container p {text-align:center;}
        main { padding-top:100px; }
        .trackicon { display:inline-flex; padding:0 10px; }
        .trackicon input { margin-right:2px; }


        /* Footer Styles */
        .footer {
            /* background-color: #fff; */
            padding: 2rem 1rem 1rem 1rem;
            text-align: center;
            border-top: 1px solid #dee2e6;
            margin-top: 2rem;
            color: #dc6200;
        }


        h1 {
  font-size: 3rem;      /* 48px */
  font-weight: 700;
}

h2 {
  font-size: 2rem;      /* 32px */
  font-weight: 600;
}

h3 {
  font-size: 1.625rem;  /* 26px */
  font-weight: 500;
}

h4 {
  font-size: 1.25rem;   /* 20px */
  font-weight: 500;
  color: #dc6200;
}


/* Content Section */
    
        .content-section h2 {
            color: #003087;
            font-size: 2rem;
            margin-bottom: 1rem;
        }

        .guideline-item {
            margin-bottom: 1.5rem;
        }

        .guideline-item h4 {
            color: #dc6200;
            margin-bottom: 0.5rem;
        }


        /* Responsive Adjustments */
        @media (max-width: 768px) {
            .content-section {
                padding: 1.5rem;
            }
            .content-section h2 {
                font-size: 1.5rem;
            }
        }

        .faq-section {
        padding: 0 2rem 2rem;
        max-width: 800px;
        margin: 0 auto;
    }
    .faq-question {
        font-weight: 700;
        margin-bottom: 0.5rem;
    }
    .faq-answer {
        margin-bottom: 1.5rem;
    }

    h1.head-title { font-size: 1.8rem; color:#474747; }

    .bg-success {
        background-color: #dc6200 !important;
    }