:root {
    /* Colors */
    --primary-100: #4DB6B5;
    --primary-90: #5FBDBC;
    --primary-80: #71C5C4;
    --primary-70: #82CCCB;
    --primary-60: #94D3D3;
    --primary-50: #A6DBDA;
    --primary-40: #B8E2E1;
    --primary-30: #CAE9E9;
    --primary-20: #DBF0F0;
    --primary-10: #EDF8F8;

    --primary-2-100: #121212;
    --primary-2-90: #2A2A2A;
    --primary-2-80: #414141;
    --primary-2-70: #595959;
    --primary-2-60: #717171;
    --primary-2-50: #888888;
    --primary-2-40: #A0A0A0;
    --primary-2-30: #B8B8B8;
    --primary-2-20: #D0D0D0;
    --primary-2-10: #E7E7E7;

    --white: #FFFFFF;
    --black: #000000;
    --error: #FF383C;
    --success: #26731e;

    --menu-bg: #8888884D;
    --lang-dropdown-bg: #00000080;
    --loyalty-modal-bg: rgba(0, 0, 0, 0.5);
    --home-service-img-overlay: #00000033;
    --about-main-bg: #00000080;
    --about-contact-bg: #000000a3;
    --about-contact-form-shadow: 0px 0px 11px 0px #0000001A;
    --about-faq-bg: #E7E7E74D;
    --about-faq-box-shadow: 0px 0px 10px 0px #0000002B;
    --request-quote-form-dropdown-shadow:0px 0px 10px 0px #0000001F;


    --footer-bg: #00000099;
    --footer-line: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 45.46%, #FFFFFF 65.52%, rgba(255, 255, 255, 0) 114.04%);

    /* Fonts */
    --font-space-grotesk: 'Space Grotesk', sans-serif;
    --font-noto-sans-armenian: 'Noto Sans Armenian', sans-serif;
}

* {
    box-sizing: border-box;
}

body {
    font-family: 'Noto Sans Armenian', sans-serif;
}

.container {
    max-width: 1280px !important;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.required-field {
    color: var(--error);
    font-family: var(--font-noto-sans-armenian);
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}

.success-msg{
    color: var(--success);
    font-family: var(--font-noto-sans-armenian);
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
}

.dp__input {
    padding: 12px 37px;
    border-radius: 5px;
    font-size: 16px;
    font-family: var(--font-noto-sans-armenian);
    border-width: 0.5px;
    border-style: solid;
    border-color: var(--primary-2-90);
    color: var(--primary-2-60);
    -webkit-appearance: none;
    box-sizing: border-box;
    transform: scale(1);
    outline: none;
    line-height: 100%;
}

.dp__input::placeholder{
    font-family: var(--font-noto-sans-armenian);
    font-weight: 300;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--primary-2-100) !important;
}


/* Extra Small Devices (Phones, < 576px) */
@media (max-width: 575px) {
    .container {
        width: 90% !important;
        max-width: none !important;
        padding: 0 !important;
    }

    .dp__input {
        padding: 12px 37px;
        border-radius: 5px;
        font-size: 16px;
        font-family: var(--font-noto-sans-armenian);
        border-width: 0.5px;
        border-style: solid;
        border-color: var(--primary-2-90);
        color: var(--primary-2-60);
        -webkit-appearance: none;
        box-sizing: border-box;
        transform: scale(1);
        outline: none;
        line-height: 100%;
    }

    .dp__input::placeholder{
        font-family: var(--font-noto-sans-armenian);
        font-weight: 300;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: 0%;
        color: var(--primary-2-100) !important;
    }

}

/*!* Small Devices (Phones, >= 576px and < 768px) *!*/
@media (min-width: 576px) and (max-width: 767px) {
    .container {
        width: 90% !important;
        max-width: none !important;
    }
    .dp__input {
        padding: 12px 37px;
        border-radius: 5px;
        font-size: 16px;
        font-family: var(--font-noto-sans-armenian);
        border-width: 0.5px;
        border-style: solid;
        border-color: var(--primary-2-90);
        color: var(--primary-2-60);
        -webkit-appearance: none;
        box-sizing: border-box;
        transform: scale(1);
        outline: none;
        line-height: 100%;
    }

    .dp__input::placeholder{
        font-family: var(--font-noto-sans-armenian);
        font-weight: 300;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: 0%;
        color: var(--primary-2-100) !important;
    }

}

/*!* Medium Devices *!*/
@media (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 90% !important;
    }
    .dp__input {
        padding: 12px 37px;
        border-radius: 5px;
        font-size: 16px;
        font-family: var(--font-noto-sans-armenian);
        border-width: 0.5px;
        border-style: solid;
        border-color: var(--primary-2-90);
        color: var(--primary-2-60);
        -webkit-appearance: none;
        box-sizing: border-box;
        transform: scale(1);
        outline: none;
        line-height: 100%;
    }

    .dp__input::placeholder{
        font-family: var(--font-noto-sans-armenian);
        font-weight: 300;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: 0%;
        color: var(--primary-2-100) !important;
    }

}

/* Large Devices */
@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        width: 90% !important;
    }
    .dp__input {
        padding: 12px 37px;
        border-radius: 5px;
        font-size: 16px;
        font-family: var(--font-noto-sans-armenian);
        border-width: 0.5px;
        border-style: solid;
        border-color: var(--primary-2-90);
        color: var(--primary-2-60);
        -webkit-appearance: none;
        box-sizing: border-box;
        transform: scale(1);
        outline: none;
        line-height: 100%;
    }

    .dp__input::placeholder{
        font-family: var(--font-noto-sans-armenian);
        font-weight: 300;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: 0%;
        color: var(--primary-2-100) !important;
    }

}

/* Extra Large Devices (>= 1200px) */
@media (min-width: 1200px) {
    .container {
        width: 95% !important;
    }
    .dp__input {
        padding: 12px 37px;
        border-radius: 5px;
        font-size: 16px;
        font-family: var(--font-noto-sans-armenian);
        border-width: 0.5px;
        border-style: solid;
        border-color: var(--primary-2-90);
        color: var(--primary-2-60);
        -webkit-appearance: none;
        box-sizing: border-box;
        transform: scale(1);
        outline: none;
        line-height: 100%;
    }

    .dp__input::placeholder{
        font-family: var(--font-noto-sans-armenian);
        font-weight: 300;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: 0%;
        color: var(--primary-2-100) !important;
    }

}

/* Ultra Wide Screens (>= 1600px) */
@media (min-width: 1600px) {
    .container {
        width: 90% !important;
        max-width: 1800px !important;
    }
    .dp__input {
        padding: 12px 37px;
        border-radius: 5px;
        font-size: 16px;
        font-family: var(--font-noto-sans-armenian);
        border-width: 0.5px;
        border-style: solid;
        border-color: var(--primary-2-90);
        color: var(--primary-2-60);
        -webkit-appearance: none;
        box-sizing: border-box;
        transform: scale(1);
        outline: none;
        line-height: 100%;
    }

    .dp__input::placeholder{
        font-family: var(--font-noto-sans-armenian);
        font-weight: 300;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: 0%;
        color: var(--primary-2-100) !important;
    }
}