

/* Footer */
footer {position: relative; background-color: var(--_c-lgt-primary); padding-top: 126px; margin-top: 100px;}
footer .subscribe {position: absolute; inset: -17% 0 auto; width: 100%; max-width: 1140px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; background-color: var(--_c-lgt-pink); padding: 36px 1.25rem; margin-inline: auto;}
footer .subscribe > :first-child {font-size: calc(var(--fs-md, 24px) + 4px); line-height: 1.5;}
footer form {display: flex; align-items: center; gap: 1.25rem;}
footer form input {width: 100%; max-width: 315px; height: 46px; background-color: transparent; border-color: var(--_c-navy-blue);}
footer form input::placeholder {font-weight: 600; color: var(--c-text);}
footer .btn__primary {width: 146px; font-weight: 500; border-radius: 0.375rem;}
footer .wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; padding-bottom: 1.875rem; border-bottom: 1px solid var(--_c-faint-black);}
footer :where(.about, .information, .explore) > :first-child { font-family: var(--ff-tertiary); font-weight: 400; font-size: var(--fs-md, 24px); text-transform: capitalize; margin-bottom: 1.25rem; display:block; }
footer .about p {color: var(--c-text); font-weight: 300; line-height: 1.8;}
footer .explore > :first-child {text-transform: uppercase; text-align: center;}
footer :where(.information, .explore) li:not(:last-child) {margin-bottom: 1.25rem;}
footer :where(.information, .explore) :where(li, li a) {color: var(--c-text); font-weight: 300; word-break: break-all; transition: var(--trans-3);}
footer :where(.information, .explore) li a:hover {color: var(--c-primary);}
footer .explore li a {text-align: center; text-transform: capitalize;}
footer .copyright {display: flex; justify-content: space-between; align-items: center; gap: 1.25rem; padding-block: 1.25rem;}
footer .copyright p {font-size: calc(var(--fs-base, 16px) - 2px);}
footer .copyright ul {display: flex; align-items: center; gap: 1.25rem;}
footer .copyright li a img {filter: var(--filter-primary); transition: var(--trans-3);}
footer .copyright li a img:hover {filter: var(--filter-secondary); transform: scale(1.2);}
.feedback{bottom:50px;right:0;}
	.invalid-tooltip{position: absolute; top: 100%; z-index: 5; display: block; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(220, 53, 69, .9); border-radius: .25rem;}
.parent-validator {position: relative; width: 100%;}


@media only screen and (max-width: 991px) {
    footer {padding-top: 100px;}
    footer .wrapper {grid-template-columns: repeat(2, 1fr);}
    footer .subscribe {grid-template-columns: 1fr; padding-block: 1.25rem;}
    footer .subscribe > :first-child {max-width: 610px;}
    footer form {gap: 0.5rem;}
    footer form input {height: 38px;}
    footer .explore > :first-child {text-align: start; text-wrap: nowrap;}    
    footer .explore li a {text-align: start;}
}
@media only screen and (max-width: 767px) {
    footer {padding-top: 0; margin-top: 0;}
    footer .subscribe {position: static; inset: auto 0 100%; margin-bottom: 2rem;}
    footer .wrapper {gap: 1rem;}
    footer :where(.about, .information, .explore) {max-width: 356px;}
    footer .btn__primary {width: 120px;}
    footer :where(.about, .information, .explore) > :first-child {margin-bottom: 0.75rem;}
    footer .copyright {padding-block: 0.75rem;}
    footer .copyright ul {gap: 0.75rem;}
}
@media only screen and (max-width: 575px) {
    footer .subscribe > :first-child {font-size: var(--fs-md);}
    footer .wrapper {grid-template-columns: 1fr; gap: 0.75rem; padding-bottom: 1rem;} 
    footer .subscribe {gap: 0.75rem; padding-block: 0.75rem; margin-bottom: 1rem;}
    footer form input {height: 32px;}
    footer .btn__primary {width: 100px;}
    footer :where(.information, .explore) li:not(:last-child) {margin-bottom: 0.75rem;}
    footer :where(.about, .information, .explore) > :first-child {margin-bottom: 0.625rem;}
    footer .explore > :first-child {text-wrap: wrap;}
    footer .copyright {flex-direction: column; gap: 0.5rem;}
}