/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


h1,h2,h3,h4,h5,h6{
 font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform:uppercase !important;

}

.services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.service-card{
    background:#fff;
    position:relative;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.service-card:hover{
    transform:translateY(-8px);
}

.service-image img{
    width:100%;
    height:240px;
    object-fit:cover;
    display:block;
}

.service-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#fff;
    position:absolute;
    left:25px;
    top:210px;
    display:flex;
    justify-content:center;
    align-items:center;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
}

.service-icon img{
    width:35px;
}

.service-content{
    padding:55px 25px 30px;
}

.service-content h3{
    margin-bottom:15px;
    font-size:28px;
    font-weight:700;
}

.service-card:hover{
    background:#8d2b2b;
    color:#fff;
}

.service-card:hover h3,
.service-card:hover p{
    color:#fff;
}

.service-card {
height:540px !important;
}

.ctaimg{
position:absolute;
left:0;
top:-386px;

}

.ctasec1::before{
    content:'';
    background:url('http://localhost/cm-securtiy/wp-content/uploads/2026/07/Copy-of-K4-Medical-Services-Carousel-13-1-1.png');
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    left:0;
    width:0;
    z-index:99;
    height:580px;
    width:100%;
    top:0px;
    

}

.ctasec1{
height:600px;
}

.read-icon{
    max-width:20px;
    position:absolute;
    bottom:20px
}

.h2Heading.cta1{
max-width:50%;
margin:auto;
}

.ctasec1 .text{
max-width:50%;
margin:auto;
margin-bottom:20px;
padding-top:15px;

}


@media(max-width:1024px){
    .services-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:767px){
    .services-grid{
        grid-template-columns:1fr;
    }
}