footer label {font-family: var(--ff-secondary-700); font-size: calc(var(--fs-sm, 20px) - 2px); color: #fff; margin-bottom: 40px;}
footer .newsletter {background-color: #084695; padding-block: 56px;}
footer .logo img {width: 233px;}
footer .items {display: grid; grid-template-columns: 25% 1fr; gap: 30px; align-items: center;}
footer .items p {max-width: 550px; font-size: calc(var(--fs-sm, 20px) + 2px); font-weight: var(--fw-bold); color: #fff;}
footer .items .form {display: flex; align-items: center; justify-content: space-between; gap: 30px;}
footer .items form {display: none; align-items: center; margin-left: auto;}
footer .items form input {width: 280px; padding: 6px 12px; height: 50px; border: 1px solid #fff; 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: #fff; font-weight: var(--fw-bold);}
footer .items .form .button {width: 162px; color: #00529f;}
footer .footer-menu {background-color: var(--c-primary); padding-block: 60px;}
footer .content {display: grid; grid-template-columns: 39% repeat(2, 15%) 1fr; gap: 30px;}
footer .content label {margin-bottom:18px;display:block;}
footer .about p {font-size: var(--fs-400); font-weight: var(--fw-regular); color: #fff; margin-bottom: 30px;}
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 .footer-links li {margin-bottom: 20px;}
footer .footer-links li a {font-size: var(--fs-400); color: #fff;}
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 svg {fill: var(--c-secondary); margin-right: 8px;}
footer .footer-bottom {background-color:#084695; 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);}
footer .about .social-links a:hover img {filter: var(--filter-yellow);}
footer .footer-links li a:hover {color: var(--c-secondary);}
/* {Media Queries} */
@media only screen and (width < 1200px) {footer :where(.items, .items .form) {gap: 18px;}footer .items form input {width: 240px; margin-right: 15px;}}
@media only screen and (width < 991px) {
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 (max-width: 767px) {
	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 (max-width: 575px) {
	footer {--fs-500: 16px;}
	footer label {font-size: var(--fs-sm);}
	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;}
}