body{margin:0;font-family:Arial;color:white;}
.logo-top{position:absolute;top:60px;width:100%;text-align:center;z-index:2;}
.logo{width:220px;}
.slideshow{position:fixed;width:100%;height:100%;z-index:-2;}
.slide{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;animation:slideShow 6s infinite;}
.s1{background-image:url('img1.jpg');animation:slideShow 6s infinite, zoom1 6s infinite;}
.s2{background-image:url('img2.jpg');animation:slideShow 6s infinite, zoom2 6s infinite;animation-delay:1.5s;}
.s3{background-image:url('img3.jpg');animation:slideShow 6s infinite, zoom3 6s infinite;animation-delay:3s;}
.s4{background-image:url('img4.jpg');animation:slideShow 6s infinite, zoom4 6s infinite;animation-delay:4.5s;}

@keyframes slideShow{0%{opacity:0;}10%{opacity:1;}35%{opacity:1;}45%{opacity:0;}100%{opacity:0;}}
@keyframes zoom1{0%{transform:scale(1);}100%{transform:scale(1.1) translate(-3%,-3%);}}
@keyframes zoom2{0%{transform:scale(1);}100%{transform:scale(1.1) translate(3%,-3%);}}
@keyframes zoom3{0%{transform:scale(1);}100%{transform:scale(1.1) translate(-3%,3%);}}
@keyframes zoom4{0%{transform:scale(1);}100%{transform:scale(1.1) translate(3%,3%);}}

.overlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:-1;}
.content{position:absolute;bottom:30px;width:100%;text-align:center;z-index:2;}

h2{animation:fadeUp 1.2s ease-out;text-shadow:0 0 6px rgba(0,195,255,0.5);}
@keyframes fadeUp{0%{opacity:0;transform:translateY(20px);}100%{opacity:1;transform:translateY(0);}}

.call-btn{margin-top:10px;padding:10px 20px;border:1px solid #00c3ff;color:#00c3ff;text-decoration:none;border-radius:20px;}

@media (max-width:768px){
.logo-top{top:80px;}
.slide{background-size:contain;background-repeat:no-repeat;background-position:center;background-color:black;}
}