.logo3d {
    animation: rotateLogo 8s linear infinite;
    filter: drop-shadow(0px 0px 15px gold);
}

@keyframes rotateLogo {
    0% {transform: rotateY(0deg);}
    50% {transform: rotateY(180deg);}
    100% {transform: rotateY(360deg);}
}

.header-socials a {
    color: white; margin-left: 10px; transition: 0.3s; font-size:20px;
}
.header-socials a:hover {
    color:#D4AF37; transform: scale(1.2);
}

.whatsapp {
    position: fixed; bottom: 20px; right: 20px;
    background: #25D366; color: white; font-size: 30px;
    padding: 15px; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.3);
    z-index: 1000;
}
.services h2{
font-weight:700;
color:#222;
}

.service-box{
background:#fff;
border-radius:10px;
transition:0.4s;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
cursor:pointer;
}

.service-box:hover{
transform:translateY(-10px);
box-shadow:0 10px 40px rgba(0,0,0,0.2);
}

.service-box .icon{
font-size:45px;
color:#ff6600;
margin-bottom:15px;
transition:0.4s;
}

.service-box:hover .icon{
color:#000;
transform:scale(1.2) rotate(5deg);
}

.service-box h4{
font-weight:600;
margin-bottom:10px;
}

.service-box p{
font-size:14px;
color:#555;
}
.about-section{
background:#f8f9fa;
}

.about-img{
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.2);
}

.about-text{
font-size:17px;
line-height:1.7;
color:#555;
}

.about-card{
background:white;
border-radius:10px;
transition:0.4s;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
cursor:pointer;
}

.about-card:hover{
transform:translateY(-10px);
box-shadow:0 10px 40px rgba(0,0,0,0.2);
}

.about-icon{
font-size:40px;
color:#ff6600;
margin-bottom:15px;
transition:0.4s;
}

.about-card:hover .about-icon{
transform:scale(1.2) rotate(10deg);
color:#000;
}
.whatsapp-float{
position:fixed;
width:60px;
height:60px;
bottom:25px;
right:25px;
background-color:#25D366;
color:#FFF;
border-radius:50px;
text-align:center;
font-size:32px;
box-shadow:2px 2px 8px rgba(0,0,0,0.3);
z-index:100;
display:flex;
align-items:center;
justify-content:center;
transition:0.3s;
}

.whatsapp-float:hover{
background:#1ebe5d;
transform:scale(1.1);
}

.whatsapp-float i{
margin-top:2px;
}