body{
    font-family: "Google Sans", sans-serif;
}

.container-fluid {
    padding: 0 !important;
    margin: 0 !important;
}
.logo a {
    font-size: 2rem;
    color: #fff;
}
.logo a{
    font-size: 2rem;
    color: #fff;
}
.site-header .navbar > li > a {
    font-size: 1.2rem;
    text-align: left;
}
header.top-0.left-0.w-full.z-99.site-header.duration-500 {
    padding: 2rem 3rem;
}
.swiper-wrapper{
display:flex !important;
flex-wrap:wrap !important;
width:100%;
gap:25px;
}
.services-details {
    opacity: 1;
    z-index: 1;
    margin-bottom:2rem;
}
.swiper-slide {
    width:calc(33.33% - 17px);
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}
.main-banner .col-span-12.text-center {
    opacity: 1;
    z-index: 1;
    padding-top: 3rem;
}
.main-banner p.text-gray-500.mt-5.max-w-2xl.mx-auto {
    width: 50%;
    color: #fff;
}
.main-banner h3.text-xl.font-semibold.mb-2 {
    color: #b3e719;
    font-weight: 700;
}