*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}


body{

    font-family:'Cairo',sans-serif;
    background:#fff;
    color:#222;
}



/* Navbar */

.navbar{

    background:rgba(0,70,40,.95);
    padding:15px 0;
    transition:.3s;

}


.navbar-brand{

    color:white;
    font-size:28px;

}


.navbar-brand span{

    color:#d4af37;

}


.nav-link{

    color:white !important;
    margin:0 10px;
    font-weight:600;

}


.nav-link:hover{

    color:#d4af37 !important;

}




/* Buttons */

.whatsapp-btn{

    background:#25d366;
    color:white;
    border-radius:30px;
    padding:12px 25px;
    font-weight:bold;

}


.call-btn{

    background:#d4af37;
    color:white;
    border-radius:30px;
    padding:12px 30px;
    margin:10px;

}





/* Hero */


.hero{

    height:100vh;
    overflow:hidden;

}



.carousel-item{

    height:100vh;

}



.carousel-item img{

    width:100%;
    height:100%;
    object-fit:cover;

}




.overlay{

    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);

}




.hero-content{

    position:absolute;
    top:50%;
    right:10%;
    transform:translateY(-50%);
    color:white;
    max-width:650px;

}


.hero-content h1{

    font-size:55px;
    font-weight:800;
    line-height:1.3;

}



.hero-content p{

    font-size:22px;
    margin:20px 0;

}




/* Counter */


.counters{

    background:#006b3f;
    color:white;
    padding:50px 0;

}


.counter{

    font-size:45px;
    color:#d4af37;

}




/* About */


.about h2,
.services h2{

    color:#006b3f;
    font-size:40px;
    font-weight:800;

}


.about p{

    font-size:20px;
    line-height:2;

}





/* Services Cards */


.card{

    border:none;
    overflow:hidden;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
    transition:.4s;
    margin-bottom:25px;

}


.card:hover{

    transform:translateY(-10px);

}



.card img{

    height:250px;
    object-fit:cover;

}



.card-body{

    text-align:center;

}



.card i{

    font-size:40px;
    color:#d4af37;
    margin-bottom:15px;

}




/* Gallery */


.gallery{

    width:100%;
    height:300px;
    object-fit:cover;
    border-radius:20px;
    margin-bottom:20px;
    transition:.4s;

}



.gallery:hover{

    transform:scale(1.05);

}





/* TikTok */


.tiktok{

    background:#111;
    color:white;
    text-align:center;
    padding:60px 20px;

}


.tiktok h2{

    margin-bottom:25px;

}


.tiktok .btn{

    background:#d4af37;
    color:white;
    border-radius:30px;
    padding:15px 40px;

}





/* Footer */


footer{

    background:#00462a;
    color:white;
    text-align:center;
    padding:30px;

}




/* Floating Buttons */


.float{

    position:fixed;
    bottom:25px;
    width:60px;
    height:60px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    font-size:28px;
    z-index:999;
    box-shadow:0 5px 20px #000;

}



.whats{

    right:25px;
    background:#25d366;

}



.call{

    left:25px;
    background:#0d6efd;

}






/* Mobile */


@media(max-width:768px){


.hero-content{

    right:5%;
    left:5%;
    text-align:center;

}


.hero-content h1{

    font-size:35px;

}


.hero-content p{

    font-size:18px;

}



.navbar-brand{

    font-size:22px;

}



}
.tiktok-box{

    max-width:600px;
    margin:auto;
    padding:40px;
    border-radius:25px;
    background:#1c1c1c;
    box-shadow:0 10px 30px rgba(0,0,0,.4);

}



.tiktok-icon{

    font-size:70px;
    color:#fff;
    margin-bottom:20px;

}

a {
  text-decoration: none;
}

.tiktok-box h2{

    color:white;
    font-weight:800;

}



.tiktok-box p{

    color:#ddd;
    font-size:18px;

}



.tiktok-btn{

    margin-top:20px;
    background:#d4af37;
    color:white;
    padding:15px 35px;
    border-radius:40px;
    font-weight:bold;

}


.tiktok-btn:hover{

    background:white;
    color:#111;

}
.tiktok-frame{

    max-width:400px;
    margin:30px auto;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.3);

}


.tiktok h2{

    color:white;
    font-size:40px;
    font-weight:800;

}


.tiktok p{

    color:#ddd;
    font-size:18px;

}
.tiktok-frame{

    max-width:800px;
    height:450px;
    margin:30px auto;
    border-radius:25px;
    overflow:hidden;
    background:#000;
}


.tiktok-frame iframe{

    width:100%;
    height:100%;
    border:none;

}