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

.premium-footer{

background:linear-gradient(135deg,#071712,#0d2c21,#04110d);

color:#fff;

margin-top:80px;

}

.footer-top{

max-width:1400px;

margin:auto;

padding:70px 7%;

display:grid;

grid-template-columns:2fr 1fr 1fr 1.4fr;

gap:50px;

}

.footer-logo{

width:320px;

margin-bottom:20px;

}

.company h2{

font-size:28px;

margin-bottom:15px;

}

.company p{

color:#cbd5d1;

line-height:1.9;

margin-bottom:30px;

}

/* Titles */

.footer-box h3{

font-size:22px;

margin-bottom:25px;

position:relative;

}

.footer-box h3::after{

content:"";

position:absolute;

left:0;

bottom:-8px;

width:55px;

height:3px;

background:#22c55e;

border-radius:30px;

}

/* Lists */

.footer-box ul{

list-style:none;

}

.footer-box li{

margin-bottom:16px;

}

.footer-box a{

text-decoration:none;

color:#d1d5db;

transition:.35s;

}

.footer-box ul a:hover{

color:#22c55e;

padding-left:8px;

}

/* Contact */

.contact-item{

display:flex;

align-items:center;

gap:15px;

margin-bottom:20px;

}

.contact-item i{

width:45px;

height:45px;

border-radius:50%;

background:#104030;

display:flex;

justify-content:center;

align-items:center;

color:#22c55e;

transition:.35s;

}

.contact-item:hover i{

background:#22c55e;

color:#fff;

transform:rotate(360deg);

}

/* Social */

.footer-social{

display:flex;

gap:15px;

margin-top:20px;

}

.footer-social a{

width:48px;

height:48px;

border-radius:50%;

background:#104030;

display:flex;

justify-content:center;

align-items:center;

font-size:18px;

transition:.35s;

}

.footer-social a:hover{

background:#22c55e;

transform:translateY(-8px);

}

/* Bottom */

.footer-bottom{

text-align:center;

padding:25px;

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

color:#9ca3af;

font-size:15px;

}

/*==============================
        Tablet
===============================*/

@media(max-width:992px){

.footer-top{

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

gap:40px;

}

}

/*==============================
        Mobile
===============================*/

@media(max-width:768px){

.footer-top{

grid-template-columns:1fr;

text-align:center;

padding:50px 25px;

}

.footer-logo{

width:280px;

margin:auto;

margin-bottom:20px;

}

.footer-box h3::after{

left:50%;

transform:translateX(-50%);

}

.footer-social{

justify-content:center;

}

.contact-item{

justify-content:center;

text-align:left;

}

.footer-box ul{

display:grid;

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

gap:12px;

margin-top:20px;

}

.footer-box ul li{

margin:0;

}

.footer-box ul a{

display:block;

padding:10px;

border-radius:10px;

background:rgba(255,255,255,.05);

}

.footer-box ul a:hover{

background:#22c55e;

color:#fff;

padding-left:10px;

}

.company p{

max-width:350px;

margin:auto auto 25px;

}

.footer-bottom{

font-size:14px;

padding:20px;

}

}


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


@media(max-width:1000px){


nav{

    display:none;

}


.hero-content h1{

    font-size:42px;

}


.about-container{

    grid-template-columns:1fr;

}


.cards{

    grid-template-columns:1fr 1fr;

}


.choose-grid{

    grid-template-columns:1fr 1fr;

}


.process-box{

    grid-template-columns:1fr 1fr;

}


}



@media(max-width:600px){


.hero{

    height:80vh;

}


.hero-content h1{

    font-size:34px;

}


.hero-buttons{

    flex-direction:column;

}


.cards,
.choose-grid,
.process-box{

    grid-template-columns:1fr;

}



.services h2,
.choose h2,
.process h2,
.locations h2{

    font-size:32px;

}


}

/* Scroll Animation */

.hidden{

opacity:0;

transform:translateY(60px);

transition:all .8s ease;

}

.show{

opacity:1;

transform:translateY(0);

}



/* Floating Buttons */

.float-btn{

position:fixed;

right:25px;

width:60px;

height:60px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

color:white;

font-size:25px;

text-decoration:none;

box-shadow:0 10px 25px rgba(0,0,0,.25);

z-index:999;

transition:.3s;

}

.float-btn:hover{

transform:scale(1.1);

}

.whatsapp{

bottom:100px;

background:#25D366;

}

.call{

bottom:30px;

background:#0b5d3f;

}

#topBtn{

position:fixed;

left:25px;

bottom:30px;

width:55px;

height:55px;

border:none;

border-radius:50%;

background:#0b5d3f;

color:#fff;

font-size:22px;

display:none;

cursor:pointer;

box-shadow:0 10px 25px rgba(0,0,0,.2);

z-index:999;

}

/*Floating icons css*/
/* ===============================
   FLOATING BUTTONS
================================= */

.floating-btn{

    position:fixed;

    right:25px;

    width:60px;

    height:60px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    text-decoration:none;

    font-size:28px;

    box-shadow:0 10px 25px rgba(0,0,0,.25);

    transition:.3s;

    z-index:9999;

}


/* WhatsApp */

.whatsapp{

    bottom:100px;

    background:#25D366;

}

.whatsapp:hover{

    background:#1ebc59;

    transform:scale(1.1);

}


/* Call */

.call{

    bottom:25px;

    background:#3d90ee;

}

.call:hover{

    background:#12845c;

    transform:scale(1.1);

}




/* mobile submenu Hide submenu by default */
.mobile-submenu{
    display:none;
    list-style:none;
    padding-left:18px;
    margin-top:8px;
}

.mobile-submenu li{
    margin:8px 0;
}

.mobile-submenu li a{
    display:block;
    font-size:15px;
    color:#444;
    text-decoration:none;
    transition:.3s;
}

.mobile-submenu li a:hover{
    color:#0b7d45;
}

.dropdown-toggle{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.dropdown-toggle i{
    transition:.3s;
}

/* Show only on mobile */
@media(min-width:992px){

    .mobile-submenu{
        display:none !important;
    }

    .dropdown-toggle i{
        display:none;
    }

}
.mobile-submenu.active{
    display:block;
}

.dropdown-toggle i.rotate{
    transform:rotate(180deg);
}