/* Global base styles for GreatIndianJobs */
html {
    scroll-behavior: smooth;
}
html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
*, *::before, *::after {
    box-sizing: border-box;
}
 .material-symbols-outlined {
          font-variation-settings:
          'FILL' 0,
          'wght' 400,
          'GRAD' 0,
          'opsz' 24
        }
        .material-symbols-outlined.filled {
          font-variation-settings:
          'FILL' 1,
          'wght' 400,
          'GRAD' 0,
          'opsz' 24
        }
.header-logo {
    display: inline-block;
    width: 15.12rem;
    height: 4.32rem;
    background-image: url("/assets/images/Logo_Transparent.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
}

.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24;
}
.material-symbols-outlined.filled {
    font-variation-settings:
        'FILL' 1,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24;
}

/* Carousel control styling to match site design */
.carousel-control-prev,
.carousel-control-next {
    width: 44px;
    height: 44px;
    border-radius: 9999px;
    background: rgba(255,255,255,0.95);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 18px rgba(18, 24, 30, 0.06);
    border: 1px solid rgba(0,0,0,0.04);
}
.carousel-control-prev .material-symbols-outlined,
.carousel-control-next .material-symbols-outlined {
    font-size: 20px;
    color: #545c72; /* tertiary */
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
    transform: translateY(-2px);
}