@media screen and (max-width:768px){
    .services-index{
        gap: 30px !important;
    }
}




*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

a{
    text-decoration: none !important;
}

.services-index a{
    color: black;
}




.services-index > .services-box:hover .card{
    background-color: #1C3D5A  !important;
}

.services-index > .services-box:hover a{
    color:#FFFFFF !important;
}

.box-des-services{
    border: 1px solid #d0d3d4;
}
.box-des-services:hover{
    background-color: #1C3D5A ;
}
.box-des-services:hover h3, .box-des-services:hover p{
    color: #FFFFFF;
}
#services-box:hover .card-body{
    background-color: #1C3D5A ;

}
#services-box:hover .card-body p{
    color: #FFFFFF;

}
.box-des-services h3 , .box-des-services p{
    color: black ;

}
.alt-carusel{
    background-color: rgba(60, 60, 60, 0.7);
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 5px;
    color: #FFFFFF;
}

@media screen and (max-width:768px) {
    .alt-carusel{
        display: none;
    }
}

.article-box-index{
    height:500px;
    border: 1px solid #d0d3d4;
    background-color:#FFFFFF;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    gap:5px;
    border-radius: 10px;
}
.article-box-index h3{
    font-size:18px !important;
}
.article-box-index p{
    font-size:14px !important;
}
.article-box-index .a-img{
    width:100%;
    height:50%;
}
.deatails-div{
    /*position: absolute;*/
    bottom:0;
    margin:0;
}