.row-footer {
justify-content: space-between;
}
footer {
background-color: #fff;
}
img.footer__logo__img {
max-width: 13rem;
display: flex;
}
.footer__wrapper {
padding-block: 4rem;
}
.footer__desc {
color: var(--gray-800);
line-height: 1.5;
text-wrap-style: balance;
font-size: 1rem;
margin-top: 2rem;
}
.footer_button {
margin-top: 2.5rem;
padding-block: 1rem !important;
}
.business_hours,
.contact__box {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.footer__title {
display: block;
font-size: 1.125rem;
color: var(--gray-700);
font-weight: 600;
line-height: 1;
margin-bottom: 1.75rem;
}
footer .d-flex {
gap: 2rem;
justify-content: space-between;
}
.contact__box i {
font-size: 1rem;
color: var(--gold-400);
}
.contact__box__item {
display: flex;
align-items: center;
gap: .5rem;
line-height: 1.5;
font-size: 1rem;
color: var(--gray-700);
}
.business_hours li {
display: flex;
align-items: center;
gap: 1rem;
justify-content: space-between;
line-height: 1.5;
font-size: 1rem;
color: #3C4959;
}
a.contact__box__item {
transition: color 0.5s;
}
a.contact__box__item:hover {
color: var(--gold-500);
}
a.footer__logo {
display: flex;
width: fit-content;
}
.copyright {
background-color: var(--gray-800);
}
.copyright__wrapper {
display: flex;
align-items: center;
gap: 2rem;
flex-wrap: wrap;
justify-content: space-between;
padding-block: 1.75rem;
}
.copyright__wrapper p {
color: #fff;
font-size: 0.875rem;
line-height: 1.5;
}
.copyright__wrapper .socials {
display: flex;
align-items: center;
justify-content: center;
gap: 1.5rem;
}
.copyright__wrapper .socials a {
color: #FFFFFF;
font-size: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
transition: color 0.5s;
cursor: pointer;
}
.copyright__wrapper .socials a:hover {
color: var(--gold-500)
}
@media (max-width:1399.98px) {
footer .d-flex,
.business_hours li {
gap: .75rem;
}
}
@media (max-width:991.98px) {
footer .d-flex {
flex-direction: column;
margin-top: 2.25rem;
gap: 2rem;
}
.footer__logo {
margin-inline: auto;
}
.footer__desc {
text-align: center;
}
.footer_button.button {
margin: 1rem auto 0;
}
.footer__wrapper {
padding-block: 2rem;
}
.copyright__wrapper {
align-items: center;
justify-content: center;
text-align: center;
gap: 1rem;
}
.copyright__wrapper .socials a {
font-size: 1.25rem;
}
}