﻿.mail-area {
    width: 100%;
    height: 522px;
   margin-top: 112px;
}

.mail-content {
    width: 90%;
    height: 366px;
    position: relative;
    right: 5%;
    left: 5%;
    top: 176px;
    background-color: #CECECE;
    padding: 83px 69px 0px 69px;
}

.mail-content-mobile {
    width: 100%;
    position: relative;
    background-color: #CECECE;
    margin-top: -50px;
    padding-bottom: 20px;
    padding-right: 35px;
    padding-left: 10px;
}

.e-news {
    font: normal normal normal 34px/48px Gilroy-Regular;
    letter-spacing: 0px;
    color: #707071;
}

.e-news-mobile {
    font: normal normal normal 20px/28px Gilroy-Regular;
    letter-spacing: 0px;
    color: #707071;
    padding-top: 50px;
    padding-left: 40px;
}

.footer-phone-number {
    font: normal normal normal 52px/72px Gilroy-Regular;
    letter-spacing: 0px;
    color: #0B0B0B;
}

.footer-phone-number-mobile {
    font: normal normal normal 30px/42px Gilroy-Regular;
    letter-spacing: 0px;
    color: #0B0B0B;
    padding-top: 50px;
    padding-right: 35px;
}

.footer-input {
    background-color: unset !important;
    height: 41px !important;
    width: 100% !important;
    max-width: 270px;
    border: unset !important;
    border-bottom: 1px solid #6B757F !important;
    border-radius: unset !important;
}

    .footer-input:focus {
        box-shadow: unset !important;
    }

.footer-float-label-text {
    text-align: left;
    font: normal normal normal 19px/27px Gilroy-Regular;
    letter-spacing: 0px;
    color: #0B0B0B;
    margin-left: 18px;
}

.footer-float-label-text-mobile {
    text-align: left;
    font: normal normal normal 11px/15px Gilroy-Regular;
    letter-spacing: 0px;
    color: #0B0B0B;
}

.footer-float-label-text::after {
    background-color: unset !important;
}

.footer-save-button {
    width: 100%;
    max-width: 257px;
    height: 68px;
    background-color: #491720;
    color: white;
    border-radius: unset !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-save-button-mobile {
    width: 150px;
    height: 48px;
    background-color: #491720;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    right: 35px;
    padding-left: 22px;
    margin-bottom: 20px;
}

.footer-save-button:hover {
    background-color: #824152;
}

.footer-save-button-icon {
    width: 23px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
    color: #49181F;
    border-radius: 50%;
    font-size: 9px;
}


.footer-save-button-text {
    font: normal normal normal 16px/22px Gilroy-Medium;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.link-area {
    width: 100%;
    height: 735px;
    background-color: #491720;
    padding: 95px;
}

.link-area-mobile {
    width: 100%;
    background-color: #491720;
    margin-top: -282px;
}

.footer-links {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 5px;
    padding-top: 40px;
}

    .footer-links a {
        font: normal normal normal 20px/28px Gilroy-Regular;
        letter-spacing: -0.6px;
        color: #FFFFFF;
        text-decoration: unset !important;
    }

    .footer-links > a:first-child {
        font: normal normal normal 20px/28px Gilroy-Bold;
    }

.footer-social-medias {
    display: flex;
    gap: 40px;
}

.footer-social-medias-mobile {
    display: flex;
    gap: 40px;
    padding-right: 10px;
}

.scrool-top-button {
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F8F8F9;
    color: #3C4952;
    font-size: 15px;
    border-radius: 50% !important;
}

    .scrool-top-button:hover {
        background-color: #824152;
    }

.footer-address {
    width: 100%;
    max-width: 257px;
    text-align: left;
    font: normal normal normal 20px/28px Gilroy-Medium;
    letter-spacing: -0.6px;
    color: #FFFFFF;
}

.footer-address-mobile {
    width: 100%;
    max-width: 257px;
    text-align: left;
    font: normal normal normal 13px/19px Gilroy-Medium;
    letter-spacing: -0.39px;
    color: #FFFFFF;
    padding-right: 35px;
    padding-left: 30px;
}

.footer-legacy-text {
    text-align: left;
    font: normal normal normal 17px/23px Gilroy-Regular;
    letter-spacing: -0.51px;
    color: #FFFFFF;
    opacity: 0.43;
}

.footer-legacy-text-mobile {
    text-align: left;
    font: normal normal normal 10px/14px Gilroy-Regular;
    letter-spacing: -0.3px;
    color: #FFFFFF;
    opacity: 0.43;
    padding-right: 35px;
    padding-left: 30px;
}

.footer-copyright {
    text-align: left;
    font: normal normal normal 15px/24px Gilroy-Bold;
    letter-spacing: -0.51px;
    color: #FFFFFF;
}

.footer-copyright-mobile {
    text-align: left;
    font: normal normal normal 11px/16px Gilroy-Bold;
    letter-spacing: -0.33px;
    color: #FFFFFF;
    padding-left: 40px;
    padding-right: 35px;
}

.footer-aggreements {
    display: flex;
    gap: 50px;
}

    .footer-aggreements a {
        text-align: left;
        font: normal normal normal 15px/24px Gilroy-Bold;
        letter-spacing: -0.51px;
        color: #FFFFFF;
        text-decoration: unset !important;
    }

.footer-bottom {
    margin-top: 240px;
    position: relative;
}

.footer-aggreements-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 3px;
    font-size: 12px;
}

    .footer-aggreements-mobile a {
        color: white;
    }
