/*====================================================* HOME FOOTER ====================================================*/ .home-footer { width: 100%; background: #000000; color: #ffffff; box-sizing: border-box; } /*====================================================* FOOTER MAIN ====================================================*/ .home-footer-main { width: 100%; background: #000000; box-sizing: border-box; } /*====================================================* FOOTER CONTAINER ====================================================*/ .home-footer-container { width: 100%; max-width: 1240px; margin: 0 auto; padding: 40px 20px 0; display: grid; grid-template-columns: 1.25fr 0.85fr 1.45fr 1.25fr; column-gap: 55px; box-sizing: border-box; } /*====================================================* FOOTER COMMON HEADING ====================================================*/ .home-footer-container h3 { margin: 20px 0 27px; color: #ffffff; font-family: "Poppins", sans-serif; font-size: 22px; font-weight: 600; line-height: 1.3; } /*====================================================* FOOTER ABOUT ====================================================*/ .home-footer-about { width: 100%; box-sizing: border-box; } /*====================================================* FOOTER LOGO ====================================================*/ .home-footer-logo { width: 155px; height: 155px; margin: 0 0 30px; display: flex; align-items: center; justify-content: center; } /*====================================================* FOOTER LOGO IMAGE ====================================================*/ .home-footer-logo img { width: 100%; height: 100%; display: block; object-fit: contain; } /*====================================================* FOOTER ABOUT TEXT ====================================================*/ .home-footer-about p { margin: 0; color: #ffffff; font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.7; } /*====================================================* QUICK LINKS ====================================================*/ .home-footer-links { width: 100%; box-sizing: border-box; } /*====================================================* QUICK LINKS LIST ====================================================*/ .home-footer-links ul { margin: 0; padding: 0; list-style: none; } /*====================================================* QUICK LINK ITEM ====================================================*/ .home-footer-links li { margin: 0 0 17px; } /*====================================================* QUICK LINK ====================================================*/ .home-footer-links a { color: #ffffff; font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 400; text-decoration: none; transition: color 0.3s ease; } /*====================================================* QUICK LINK HOVER ====================================================*/ .home-footer-links a:hover { color: #d92323; } /*====================================================* CONTACT SECTION ====================================================*/ .home-footer-contact { width: 100%; box-sizing: border-box; } /*====================================================* CONTACT ITEM ====================================================*/ .home-footer-contact-item { width: 100%; display: flex; align-items: flex-start; gap: 10px; margin: 0 0 25px; box-sizing: border-box; } /*====================================================* CONTACT ICON ====================================================*/ .home-footer-contact-item i { width: 20px; flex-shrink: 0; margin-top: 3px; color: #e00000; font-size: 20px; text-align: center; } /*====================================================* CONTACT TEXT ====================================================*/ .home-footer-contact-item p { margin: 0; color: #ffffff; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.65; } /*====================================================* CONTACT EMAIL ====================================================*/ .home-footer-contact-item a { color: #ffffff; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 400; text-decoration: none; } /*====================================================* MAP SECTION ====================================================*/ .home-footer-map { width: 100%; box-sizing: border-box; } /*====================================================* MAP HEADING ====================================================*/ .home-footer-map h3 { margin-bottom: 16px; } /*====================================================* MAP BOX ====================================================*/ .home-footer-map-box { width: 100%; height: 245px; overflow: hidden; box-sizing: border-box; } /*====================================================* MAP IFRAME ====================================================*/ .home-footer-map-box iframe { width: 100%; height: 100%; display: block; border: 0; } /*====================================================* COPYRIGHT ====================================================*/ .home-footer-copyright { width: 100%; max-width: 1240px; margin: 0 auto; padding: 35px 20px 45px; box-sizing: border-box; text-align: center; } /*====================================================* COPYRIGHT TEXT ====================================================*/ .home-footer-copyright p { margin: 0; color: #ffffff; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.6; } /*====================================================* COPYRIGHT RED TEXT ====================================================*/ .home-footer-copyright span { color: #e00000; } /*====================================================* COPYRIGHT NAME ====================================================*/ .home-footer-copyright strong { color: #ffffff; font-weight: 600; } /*====================================================* BOTTOM COPYRIGHT BAR ====================================================*/ .home-footer-bottom { width: 100%; min-height: 80px; background: #151515; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } /*====================================================* BOTTOM COPYRIGHT TEXT ====================================================*/ .home-footer-bottom p { margin: 0; color: #ffffff; font-family: "Poppins", sans-serif; font-size: 15px; font-weight: 400; text-align: center; } /*====================================================* BOTTOM RED TEXT ====================================================*/ .home-footer-bottom span { color: #e00000; } /*====================================================* TABLET ====================================================*/ @media (max-width: 1100px) { .home-footer-container { grid-template-columns: 1.1fr 0.8fr 1.2fr 1.1fr; column-gap: 30px; } .home-footer-about p { font-size: 13px; } .home-footer-links a, .home-footer-contact-item p, .home-footer-contact-item a { font-size: 13px; } .home-footer-container h3 { font-size: 20px; } } /*====================================================* MOBILE ====================================================*/ @media (max-width: 768px) { .home-footer-container { grid-template-columns: 1fr; row-gap: 40px; padding: 45px 25px 0; } .home-footer-about, .home-footer-links, .home-footer-contact, .home-footer-map { width: 100%; } .home-footer-container h3 { margin-top: 0; margin-bottom: 22px; font-size: 20px; } .home-footer-logo { width: 145px; height: 145px; margin-bottom: 25px; } .home-footer-about p { font-size: 13px; } .home-footer-links li { margin-bottom: 13px; } .home-footer-links a { font-size: 14px; } .home-footer-contact-item p, .home-footer-contact-item a { font-size: 13px; } .home-footer-map-box { height: 250px; } .home-footer-copyright { padding: 30px 20px 40px; } .home-footer-copyright p { font-size: 12px; } .home-footer-bottom { min-height: 70px; padding: 15px 20px; } .home-footer-bottom p { font-size: 12px; } } /*====================================================* SMALL MOBILE ====================================================*/ @media (max-width: 480px) { .home-footer-container { padding: 40px 20px 0; row-gap: 35px; } .home-footer-logo { width: 135px; height: 135px; } .home-footer-about p { font-size: 12px; line-height: 1.7; } .home-footer-container h3 { font-size: 19px; } .home-footer-links a { font-size: 13px; } .home-footer-contact-item p, .home-footer-contact-item a { font-size: 12px; } .home-footer-map-box { height: 220px; } .home-footer-copyright p { font-size: 11px; } .home-footer-bottom p { font-size: 11px; } }