Cleaning Grid Layout.grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
}
.box {
position: relative;
height: 340px;
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.5s, box-shadow 0.5s;
}
.box:hover {
transform: scale(1.05);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
.box img {
width: 100%;
height: 280px;
object-fit: cover;
}
.title {
padding: 0.75rem;
text-align: center;
font-size: 1.25rem;
font-weight: bold;
color: #333;
transition: opacity 0.3s ease;
}
.box:hover .title {
opacity: 0;
}
@keyframes borderShine {
0% {
transform: translateY(100%) rotate(-45deg);
}
100% {
transform: translateY(-200%) rotate(-45deg);
}
}
@keyframes textRise {
0% {
transform: translateY(20px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(249, 115, 22, 0.95) 0%, rgba(234, 88, 12, 0.95) 50%, rgba(194, 65, 12, 0.95) 100%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2rem;
transform: translateY(100%);
transition: transform 0.5s;
}
.overlay::after {
content: ”;
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 20px;
pointer-events: none;
}
.overlay::before {
content: ”;
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: linear-gradient(-45deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.3) 50%,
rgba(0, 0, 0, 0) 100%
);
opacity: 0;
transition: opacity 0.3s;
}
.box:hover .overlay::before {
opacity: 1;
animation: borderShine 2s linear infinite;
}
.box:hover .overlay {
transform: translateY(0);
}
.overlay-content {
position: relative;
z-index: 1;
opacity: 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.box:hover .overlay-content {
animation: textRise 0.5s forwards;
animation-delay: 0.2s;
}
.overlay-title {
color: white;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 1rem;
text-align: center;
}
.overlay-description {
color: white;
text-align: center;
margin-bottom: 1.5rem;
line-height: 1.5;
}
.button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.45rem 1.2rem;
background: white;
color: #ea580c;
text-decoration: none;
border-radius: 25px;
font-weight: bold;
transition: background-color 0.3s;
}
.button:hover {
background: #fff5f0;
}
@media (max-width: 1024px) {
.grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.grid {
grid-template-columns: 1fr;
}
}
Water Tank Cleaning
Water Tank Cleaning
We are specialist in all types of water tank cleaning services and maintenance in Dubai.
Know More
Kitchen Duct Cleaning
Kitchen Duct Cleaning
Regular maintenance of a restaurant’s kitchen exhaust system is one of the primary defenses against fire hazards.
Know More
AC Duct Cleaning
AC Duct Cleaning
SKODTEC Cleaning Services provides you quality professional AC/HVAC duct cleaning services at all the time.
Know More
Cooling Tower Cleaning
Cooling Tower cleaning
Skodtec Cleaning Services provide solution to pollution of complete line of cooling tower.
Know More
Cruise Ship Cleaning
Cruise Ship Cleaning
Skodtec Cleaning Services has over 10 years of experience in cruise ships deep cleaning.
Know More
Drain Line Cleaning
Drain Line Cleaning
Drain line jetting needs to be done in all most every commercial & residential building.
Know More
Garbage Chute Cleaning
Garbage Chute Cleaning
Skodtec Cleaning Services will provide best garbage chute cleaning & Garbage chute maintenance company in Dubai.
Know More
Parking Lot Cleaning
Parking Lot Cleaning
Regular parking lot sweeping services implements a cost-effective cleaning and maintenance program will save money.
Know More
Marble Floor Polishing
Marble Floor Polishing
Every type of flooring is different and requires a different approach of cleaning, polishing and crystallization.
Know More
Pipeline Cleaning
Pipeline Cleaning
Old pipeline in commercial building, hotels, hospital, schools, villas and residence building.
Know More
Laundry Duct Cleaning
Laundry Duct Cleaning
SKODTEC Cleaning Services provides you quality professional laundry duct cleaning services at all the times.
Know More
Septic Tank Cleaning
Septic Tank Cleaning
Proper septic system maintenance could prevent a small septic problem from turning into a major and costly septic system problem.
Know More
Upholstery Cleaning
Upholstery Cleaning
Upholstery cleaning provides you with a comfort and decor-rich in commercial, residential building and villa.
Know More
