@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");

:root {
    --primary-color: #e66410;
    --primary-light: #fce1cf;
    --primary-dark: #8a3c0a;
    --secondary-color: #b4282e;
    --black-color: #0b0a0a;
    --green-color: #005247;
    --cream-color: #fdf6ec;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "DM Sans", sans-serif;
    background-color: #ffffff;
    color: var(--black-color);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

ul {
    padding-left: 20px;
}

.gapX {
    padding-left: 0;
    padding-right: 0;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.middle-content {
    max-width: 1440px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.middle-content.paddingX {
    padding-left: 70px;
    padding-right: 70px;
}

input {
    font-family: "DM Sans", sans-serif;
}

/* responsive  */
@media (max-width: 1439px) {
    .middle-content.paddingX {
        padding-left: 0;
        padding-right: 0;
    }
    .gapX {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
    .gapX {
        padding-left: 10px;
        padding-right: 10px;
    }
}