footer label {font-size: var(--fs-500); font-weight: var(--fw-bold); color: #fff; margin-bottom: 40px;}
/* {Newsletter} */
footer .newsletter {background-color: var(--clr-primary-dk); padding-block: 56px;}
/* {Logo} */
footer .logo img {width: 233px;}
/* {Items} */
footer .items {display: grid; grid-template-columns: 25% 1fr; gap: 30px; align-items: center;}
footer .items p {font-size: var(--fs-400); font-weight: var(--fw-bold); color: #fff;}
footer .items .form {display: flex; align-items: center; gap: 30px;}
footer .items form {display: flex; align-items: center; margin-left: auto;}
footer .items form input {width: 280px; padding: 6px 12px; height: 50px; border: 1px solid var(--clr-light-200); border-radius: 4px; background-color: transparent; margin-right: 24px; color: #fff;}
footer .items form input::placeholder {color: #fff; font-family: var(--ff-open-sans); font-size: var(--fs-400); font-weight: var(--fw-bold);}
/* {Footer-Menu} */
footer .footer-menu {background-color: var(--clr-primary); padding-block: 60px;}
/* {Content} */
footer .content {display: grid; grid-template-columns: 39% repeat(2, 15%) 1fr; gap: 30px;}
footer .content label{margin-bottom:18px;display:block;}
/* {About} */
footer .about p {font-size: var(--fs-400); font-weight: var(--fw-regular); color: #fff; margin-bottom: 30px;}
/* {Social-Links} */
footer .about .social-links {display: inline-flex; align-items: center;}
footer .about .social-links li {padding-right: 13px;}
footer .about .social-links img {width: 18px;}
/* {Footer-Links} */
footer .footer-links li {margin-bottom: 20px;}
footer .footer-links li a {font-size: var(--fs-400); color: #fff;}
footer .footer-links li:last-child a {display:flex;gap:5px;}
footer .contact-links > * {display: block; font-size: var(--fs-400); color: #fff;}
footer .contact-links :is(p, a) {margin-bottom: 30px;}
footer .contact-links a {font-size: var(--fs-400); font-weight: var(--fw-bold); color: #fff; display: inline-flex; align-items: center;}
footer .contact-links a img {width: 16px; margin-right: 5px;}
/* {Footer-Bottom} */
footer .footer-bottom {background-color: var(--clr-primary-dk); padding-block: 15px;}
footer .footer-bottom .container {display: flex; align-items: center; justify-content: space-between;}
footer .copyright p {color: #fff; font-size: var(--fs-300);}
/* {Hover} */
footer .about .social-links a:hover img {filter: var(--filter-yellow);}
footer .footer-links li a:hover {color: var(--clr-secondary);}
/* {Media Queries} */
@media only screen and (width < 1200px) {
/* (Footer) */
footer :where(.items, .items .form) {gap: 18px;}
footer .items form input {width: 240px; margin-right: 15px;}
}
@media only screen and (width < 991px) {
/* (Footer) */
footer .newsletter {--fs-400: 15px;}
footer .items {grid-template-columns: 1fr;}
footer .items .form > p {width: 40%;}
footer .content {grid-template-columns: 50% repeat(2, 1fr); row-gap: 50px;}
footer .contact-links :is(p, a) {margin-bottom: 20px;}
footer .logo img {width: 200px;}
footer .items form {margin-left: 0;}
footer .items form input {width: 240px;}
footer .payments img {max-width: 320px;}
}
@media only screen and (width < 767px) {
/* (Footer) */
footer .content {grid-template-columns: 60% 1fr;}
footer .items form input {width: auto;}
footer .footer-bottom .container {flex-direction: column; align-items: start;}
footer .copyright {margin-bottom: 20px;}
}
@media only screen and (width < 575px) {
footer {--fs-500: 16px;}
/* (Footer) */
footer .items {gap: 30px;}
footer .items .form {display: block;}
footer .items form {flex-wrap: wrap; row-gap: 10px;}
footer .items .form > p { width: 80%; margin-bottom: 30px;}
footer .content {grid-template-columns:1fr; row-gap: 20px;}
}
.parent-validator { position: relative; width: 100%;}
.invalid-tooltip{text-wrap: nowrap; max-width: unset; margin-right: calc(var(--bs-gutter-x)* .5); position: absolute; top: 35px; right: 0; z-index: 5; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: #e3001c; border-radius: .25rem;}