footer {padding-top: 40px; background:no-repeat center / cover url('https://www.kolaxoprint.pk/wp-content/themes/KolaxoPrint//assets_new/images/footer.webp')}
footer .wrapper {border-bottom: 1px solid var(--_c-light-300);}
footer .wrapper.up {display: flex; justify-content: center; gap: 20px; align-items: center; text-align: center;}
footer .main > :first-child{margin-inline:auto;}
footer .main img {margin-bottom: 18px;}
footer .main p {color:#171716; margin-bottom: 18px;}
footer .main ul {display: flex; align-items: center; gap: 10px; justify-content: center;}
footer .certificate {padding-right: 20px;}
footer .certificate :first-child {display: block; font-size: 20px; font-weight: 700; margin-bottom: 30px;}
footer .certificate p {color: #171716; margin-bottom: 30px;}
footer .certificate ul {display: flex; justify-content: center; gap: 20px;}
footer .wrapper.down {display: grid; grid-template-columns: minmax(200px, 1fr) repeat(2, minmax(140px, 196px)) minmax(200px, 1fr);; gap: 30px; padding-block: 40px;}
footer .details {padding:unset;}
footer .details > p,
footer .details li {color: #000; margin-bottom: 15px;}
footer .details li svg {margin-right: 6px;}
footer .details li span {font-weight: 800; padding-right: 6px;}
footer .details > :last-child {display: block;}
footer :where(.links, .details) > :first-child {font-size: 20px; font-weight: 500; color: #171716; font-weight: 600;  display: block; margin-bottom: 30px;}
footer .links li:not(:last-of-type) {margin-bottom: 15px;}
footer .links li a {color: #171716; font-weight: 600; font-size: 14px;}
footer .links li a:hover {color: #f1582d;}
footer .copyright {display: flex; justify-content: space-between; border-top: 2px solid #a3a79f; padding-block: 10px;}
footer .copyright p {color: #969696; font-size: 14px; padding-block: 10px;}
footer .copyright ul {display: flex; justify-content: center; align-items: center; gap: 8px;}
footer .copyright li a {color: #969696; font-size: 14px;}
@media only screen and (max-width: 991px) {
footer .wrapper.up {flex-direction: column;}
footer .wrapper.down {grid-template-columns: minmax(400px, 475px) minmax(275px, 380px);}
footer .wrapper.down { padding-block: 30px;}
footer .certificate ul {justify-content: start;}
}

@media only screen and (max-width: 767px) {
footer .wrapper.down {grid-template-columns: 1fr; gap: 20px;}
footer .certificate :first-child {margin-bottom: 12px;}
footer .links > :first-child {margin-bottom: 12px;}
footer .links > :first-child {margin-bottom: 12px;}
footer .copyright {flex-direction: column; text-align: center;}
}

@media only screen and (max-width: 575px) {
footer :is(.details > p, .details li, .links li:not(:last-of-type)),
footer .links  > :first-child {margin-bottom: 10px;}
footer .wrapper.down { padding-block: 20px;} 
}
@media only screen and (max-width: 475px) {
footer .info ul {flex-direction: column; align-items: flex-start; margin-top: 10px;}
}