.serv-info { padding: 74px 0; } 
.serv-info h2 { text-align: center; margin: 0 0 20px; } 
.serv-info .description { text-align: center; } 
.wh-we-offer { background: #FBFBFB; padding: 74px 0; } 
.wh-we-offer h2 { text-align: center; margin: 0 0 30px; } 
.wh-we-offer .service-lists-wrapper { display: flex; flex-flow: wrap; gap: 30px; justify-content: center; } 
.wh-we-offer .service-lists-wrapper > * { width: calc((100% - 60px)/3); background: #fff; border: 1px solid #e9e9e9; border-radius: 15px; padding: 20px; box-shadow: 0 0 30px -21px rgba(0, 0, 0, 0.5); transition: all 0.5s; position: relative; overflow: hidden; } 
.wh-we-offer .service-lists-wrapper > * .service-icon { width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; border: 1px solid #dddddd; border-radius: 100%; margin: 0 0 20px; background: linear-gradient(95deg, #000 13.88%, #393D48 91.6%); transition: all 0.5s; } 
.wh-we-offer .service-lists-wrapper > * .service-icon * { width: 50px; height: 50px; object-fit: contain; object-position: center; } 
.wh-we-offer .service-lists-wrapper > * .service-title { font-size: 21px; text-transform: none; font-weight: 700; margin: 0 0 20px; transition: all 0.5s; } 
.wh-we-offer .service-lists-wrapper > * .description p:empty { display: none; } 
.wh-we-offer .service-lists-wrapper > * .description p { margin: 0; transition: all 0.5s; } 
.wh-we-offer .service-lists-wrapper > *:after {background: linear-gradient(95deg, #000 13.88%, #393D48 91.6%);content: "";position: absolute;left: 0;width: 100%;bottom: 0;height: 100%;transition: ease-out 0.4s;border-radius: 100%;transform: scale(0); opacity: 0;} 
.wh-we-offer .service-lists-wrapper > * > * { position: relative; z-index: 1; } 
.wh-we-offer .service-lists-wrapper > *:hover:after { height: 100%;transform: scale(1.5);opacity: 1; } 
.wh-we-offer .service-lists-wrapper > *:hover .service-title { color: #fff; } 
.wh-we-offer .service-lists-wrapper > *:hover .description p { color: #fff; } 
.wh-we-offer .service-lists-wrapper > *:hover .service-icon { background: linear-gradient(95deg, #ffffff 13.88%, #ffffff 91.6%); }
.hw-do-it { display: flex; } 
.hw-do-it > * { width: 50%; } 
.hw-do-it .lft_col { padding: 74px 50px; } 
.hw-do-it .lft_col h2 { margin: 0 0 30px; } 
.hw-do-it .lft_col .description ul { display: flex; flex-direction: column; row-gap: 18px; } 
.hw-do-it .lft_col .description > *:empty { display: none; } 
.hw-do-it .lft_col .description ul li { padding: 0 0 0 48px; position: relative; font-weight: 500; } 
.hw-do-it .lft_col .description ul li:before { content: ""; position: absolute; left: 0; background: url(../../../../../wp-content/uploads/2025/12/Group-1000005088.svg); background-repeat: no-repeat; width: 30px; height: 30px; top: -5px; } 
.hw-do-it .rgt_col { position: relative; } 
.hw-do-it .rgt_col * { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.archive-wrapper { padding: 80px 0; } 
.archive-wrapper .archive-posts { display: flex; flex-flow: wrap; gap: 20px; } 
.archive-wrapper .archive-posts > * { width: calc((100% - 40px) / 3); } 
.archive-wrapper .archive-posts article { position: relative; overflow: hidden; border-radius: 10px; } 
.archive-wrapper .archive-posts article img { display: flex; aspect-ratio: 1/1; object-fit: cover; transition: all 0.5s; will-change: transform; } 
.archive-wrapper .archive-posts article h2.archive-post-title { position: absolute; bottom: 0; z-index: 1; padding: 0 20px 20px; left: 0; width: 100%; font-size: 22px; font-weight: 600; color: #fff; } 
.archive-wrapper .archive-posts article h2.archive-post-title * { color: #fff; } 
.archive-wrapper .archive-posts article:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, black -10%, transparent 100%);    pointer-events: none; } 
.archive-wrapper .archive-posts article:hover img { transform: scale(1.03); } 

/* Responsive css */

@media (max-width:1199px){

.serv-info,.wh-we-offer{padding:64px 0;}
.hw-do-it .lft_col{padding-top:64px;padding-bottom:64px;}
.archive-wrapper { padding:70px 0; }

}
@media (max-width:991px){

.serv-info,.wh-we-offer{padding:54px 0;}
.hw-do-it .lft_col{padding-top:54px;padding-bottom:54px;}
.wh-we-offer .service-lists-wrapper > * { width: calc((100% - 30px) / 2); }
.hw-do-it { flex-direction: column-reverse; } 
.hw-do-it > * { width: 100%; } 
.hw-do-it .lft_col { padding-left: 20px; padding-right: 20px; } 
.hw-do-it .rgt_col * { position: unset; } 
.hw-do-it .lft_col h2 { margin: 0 0 20px; }
.archive-wrapper { padding:60px 0; }


}
@media (max-width:767px){

.serv-info,.wh-we-offer{padding:44px 0;}
.hw-do-it .lft_col{padding-top:44px;padding-bottom:44px;}
.wh-we-offer .service-lists-wrapper > * .service-title { font-size: 18px; margin: 0 0 10px; }
.archive-wrapper { padding:50px 0; }
.archive-wrapper .archive-posts > * { width: calc((100% - 20px) / 2); }
.archive-wrapper .archive-posts article h2.archive-post-title { font-size: 19px; }

}
@media (max-width:575px){

.serv-info,.wh-we-offer{padding:34px 0;}
.hw-do-it .lft_col{padding-top:34px;padding-bottom:34px;}
.wh-we-offer .service-lists-wrapper > * { width: 100%; }
.archive-wrapper { padding:40px 0; }
.archive-wrapper .archive-posts > * { width: 100%; }
}