@import url('/assets/revamp/plugins/global-font.css');
@import url('/assets/revamp/css/typography-utilities.css');

:root {
    --yellow-primary: #FFCA1D;
    --yellow-hover: #e6b318;
}

/* Smooth scrolling for the entire page */
html {
    scroll-behavior: smooth;
}

/* Restore Font Awesome font for icons */
i.fas,
i.fab,
i.far,
i.fa,
.fa,
.fab,
.fas,
.far {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", "FontAwesome", sans-serif !important;
    font-weight: 900;
}

* {
    font-family: 'Inter', sans-serif !important;
}

.main-content {
    background: rgb(255, 255, 255);
}

.common-btn {
    border: none;
    background: var(--yellow-primary);
    padding: 12px 34px;
    font-weight: 600;
    border-radius: 5px;
    font-size: 20px;
    z-index: 1;
    transition: all 0.3s ease;
    color: #333333;
}

.common-btn:hover {
    background: var(--yellow-hover);
    cursor: pointer;
    transform: translateY(-2px);
    color: #333333;
}

@media (max-width: 768px) {
    .common-btn {
        padding: 12px 40px;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
    .common-btn {
        padding: 10px 30px;
        font-size: 14px;
    }
}