/* ==========================================
   FOOTER
========================================== */

.footer{

    background:#0b5d2a;

    color:#fff;

    padding:60px 0 25px;

}

.footer .container{

    max-width:1300px;

    margin:auto;

    padding:0 20px;

}

.footer-grid{

    display:grid;

    grid-template-columns:1.2fr 1fr 1.1fr 1.2fr 1fr;

    gap:35px;

}

.footer-col h3{

    font-size:22px;

    margin-bottom:12px;

    font-weight:700;

}

.footer-line{

    width:45px;

    height:3px;

    background:#fff;

    border-radius:20px;

    margin-bottom:22px;

}

.footer-col p{

    font-size:15px;

    line-height:1.9;

    color:#f4f4f4;

    margin-bottom:12px;

}

/* =============================
   Quick Links
============================= */

.footer-col ul{

    list-style:none;

    padding:0;

    margin:0;

}

.footer-col ul li{

    margin-bottom:12px;

}

.footer-col ul li a{

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.footer-col ul li a::before{

    content:"›";

    margin-right:8px;

    color:#fff;

}

.footer-col ul li a:hover{

    color:#8cff8c;

    padding-left:8px;

}

/* =============================
   Contact
============================= */

.footer-col p i{

    width:22px;

    color:#fff;

    margin-right:8px;

}

/* =============================
   Map
============================= */

.footer iframe{

    width:100%;

    height:180px;

    border:none;

    border-radius:10px;

}

/* =============================
   Social
============================= */

.social-icons{

    display:flex;

    gap:12px;

    margin:20px 0;

}

.social-icons a{

    width:46px;

    height:46px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:20px;

    text-decoration:none;

    transition:.35s;

}

/* Facebook */

.social-icons a:nth-child(1){

    background:#1877F2;

}

/* YouTube */

.social-icons a:nth-child(2){

    background:#FF0000;

}

/* Twitter / X */

.social-icons a:nth-child(3){

    background:#000;

}

/* Instagram */

.social-icons a:nth-child(4){

    background:linear-gradient(
        45deg,
        #f58529,
        #dd2a7b,
        #8134af,
        #515bd4
    );

}

.social-icons a:hover{

    transform:translateY(-6px) scale(1.08);

}

/* =============================
   Copyright
============================= */

.copyright{

    margin-top:15px;

    font-weight:600;

    color:#fff;

}

.footer-bottom{

    margin-top:35px;

    border-top:1px solid rgba(255,255,255,.15);

    padding-top:20px;

    text-align:center;

    color:#ddd;

    font-size:15px;

}

/* ==========================================
   RESPONSIVE
========================================== */

@media(max-width:1100px){

.footer-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.footer{

padding:40px 0;

}

.footer-grid{

grid-template-columns:1fr;

gap:30px;

}

.footer iframe{

height:220px;

}

.footer-col{

text-align:center;

}

.footer-line{

margin:0 auto 20px;

}

.social-icons{

justify-content:center;

}

}