/* ===================================
    Magna - Consulting
====================================== */
/* Font */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@300;400;500;700&display=swap');

/* Variable */
:root {
    --base-color: #b2967d;
	--base-color-light: #c8b4a2;
    --dark-gray: #1f1f1f;
    --medium-gray: #6e6e6e;
    --light-gray: #dcdcdc;
    --primary-font: 'Plus Jakarta Sans', serif;
    --alt-font: 'Antonio', sans-serif;
}

/* Reset */
body {
    font-size: 18px;
    line-height: 1.6;
    font-family: var(--alt-font);
    color: var(--dark-gray);
    background-color: #f9f9f9;
}
a {
    color: var(--base-color);
    text-decoration: none;
    transition: color 0.3s ease;
}
a:hover {
    color: var(--dark-gray);
}

/* Background Gradient Color */
.bg-gradient-black-dark-orange {
    background-image: linear-gradient(to right top, #1a1a1a, #333333, #4d4d4d, #666666, #808080);
}
.bg-gradient-dark-orange-transparent {
    background-image: linear-gradient(to right top, rgba(178, 150, 125, 0.8), rgba(153, 128, 107, 0.8), rgba(130, 109, 91, 0.8), rgba(108, 91, 76, 0.8), rgba(88, 74, 62, 0.8));
}

/* Header */
.header-icon .icon > a {
    font-size: 22px;
}
.navbar .navbar-nav .nav-link {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.5px;
    font-family: var(--primary-font);
}
.navbar .navbar-nav .dropdown .dropdown-menu a {
    font-size: 16px;
    line-height: 1.75;
}
.push-menu {
    width: 350px;
    background-color: var(--dark-gray);
    color: var(--light-gray);
}
header .navbar-brand img {
    max-height: 40px;
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu {
    border-radius: 8px;
    background-color: var(--dark-gray);
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu li a {
    padding: 10px 15px;
    border-bottom: 1px solid var(--medium-gray);
    color: var(--light-gray);
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu li:first-child a {
    padding-top: 5px;
}
.navbar .navbar-nav .simple-dropdown .dropdown-menu li:last-child a {
    border: 0;
    padding-bottom: 5px;
}
.push-menu .close-menu {
    right: 25px;
    top: 25px;
}

/* Typography */
h1 {
    line-height: 1.2;
    font-family: var(--primary-font);
}

/* Subscribe Style 02 */
.newsletter-style-02 .btn {
    padding: 10px 20px;
    font-family: var(--primary-font);
}

/* Footer */
footer .input-small, footer .textarea-small {
    font-size: 16px;
    padding-left: 15px;
    font-family: var(--alt-font);
}
footer .footer-logo img {
    max-height: 40px;
}

/* Page Title */
.page-title-extra-small h1 {
    font-size: 24px;
    line-height: 1.4;
    font-family: var(--primary-font);
}

/* Media Query Responsive */
@media (max-width: 1199px) {
    .newsletter-style-02 input {
        padding-left: 10px;
    }
}
@media (max-width: 991px) {
    .navbar .navbar-nav .simple-dropdown .dropdown-menu {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .page-title-extra-small h1 {
        font-size: 22px;
        line-height: 1.3;
    }
    .process-step-style-02 .progress-step-separator {
        display: block;
    }
}
@media (max-width: 575px) {
    .process-step-style-02 .progress-step-separator {
        display: none;
    }
}