.footer{

background:#111;

border-top:1px solid #2b2b2b;

padding:45px 20px;

margin-top:80px;

color:#bbb;

text-align:center;

}

.footer-logo img{

max-width:180px;

margin-bottom:25px;

}

.footer-links{

display:flex;

justify-content:center;

flex-wrap:wrap;

gap:18px;

margin-bottom:35px;

}

.footer-links a{

color:#ddd;

text-decoration:none;

padding:10px 18px;

border-radius:30px;

transition:.3s;

font-size:15px;

}

.footer-links a:hover{

background:#ff2e88;

color:white;

}

.footer-18{

max-width:900px;

margin:auto;

display:flex;

align-items:center;

justify-content:center;

gap:25px;

padding:25px;

background:#1b1b1b;

border-radius:15px;

}

.badge18{

width:70px;

height:70px;

border-radius:50%;

background:#ff2e88;

color:white;

font-size:28px;

font-weight:bold;

display:flex;

justify-content:center;

align-items:center;

flex-shrink:0;

}

.footer-18 strong{

display:block;

color:white;

font-size:18px;

margin-bottom:10px;

}

.footer-18 p{

margin:0;

line-height:1.7;

color:#bfbfbf;

}

.footer-copy{

margin-top:35px;

padding-top:20px;

border-top:1px solid #333;

font-size:14px;

color:#777;

}

@media(max-width:768px){

.footer{

padding:35px 15px;

}

.footer-links{

flex-direction:column;

gap:12px;

}

.footer-links a{

display:block;

width:100%;

max-width:340px;

margin:auto;

}

.footer-18{

flex-direction:column;

text-align:center;

}

.badge18{

width:60px;

height:60px;

font-size:24px;

}

.footer-18 strong{

font-size:17px;

}

}