.services_section{background-color: var(--grey-bg); overflow: hidden;}
.services_inner{display: flex; margin: 0 -25px;}
.services_inner .single_service{width:33.33%; padding: 0 25px;}
.services_inner .single_service .single_service_inner{position: relative; border-radius: 6px;}
.services_inner .single_service .single_service_inner .thumbnail{display: flex;  width: 100%; border-radius: 6px;}
.services_inner .single_service .single_service_inner .thumbnail img{width: 100%; aspect-ratio: 446/600; object-fit: cover; border-radius: 6px;}
.services_inner .single_service .single_service_inner .text{position: absolute; left:0; bottom: 0; right: 0; top:0; padding: 35px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; border-radius: 6px; gap:30px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40%, rgba(0, 0, 0, 0.85) 80.46%); transition:all ease 0.2sl}

.services_inner .single_service .single_service_inner:hover .text{background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40%, rgba(0, 0, 0, 0.95) 80.46%);}

.services_inner .single_service .single_service_inner .text h3{color: #ffffff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.50); font-family: Eros; font-size: 38px;
font-style: normal; font-weight: 400; line-height: 43px; /* 121.053% */ letter-spacing: 1.9px;}
.services_inner .single_service .single_service_inner .text p{overflow: hidden; color: rgba(255, 255, 255, 0.80); text-overflow: ellipsis; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; /* 155.556% */ letter-spacing: 0.36px; display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 2; align-self: stretch; margin-bottom: 0;}
.services_inner .single_service .single_service_inner .text a{margin-top:20px}

@media all and (max-width:1399px)
{
.services_inner .single_service .single_service_inner .text{padding:25px;}
.services_inner .single_service .single_service_inner .text p {font-size: 15px; line-height: 23px;}
}

@media all and (max-width:1199px)
{
.services_inner { margin: 0 -10px;}
.services_inner .single_service { padding: 0 10px;}
.services_inner .single_service .single_service_inner .text{padding: 20px; gap:15px;}
.services_inner .single_service .single_service_inner .text h3 { font-size: 30px; line-height: 34px;}
    .services_inner .single_service .single_service_inner .text p {  font-size: 14px;     line-height: 22px;}
}

@media all and (max-width:991px)
{
.services_inner { margin: 0 -10px; }
.services_inner .single_service { padding: 0 10px; }
.services_inner .single_service .single_service_inner .text{gap:15px;}
.services_inner .single_service .single_service_inner .text p{font-size: 16px; line-height: 26px;}
.services_inner .single_service .single_service_inner .text h3 { font-size: 25px;  line-height: 29px;}
.services_inner .single_service .single_service_inner .text a {  margin-top: 10px;  font-size: 16px;}
.services_inner .single_service .single_service_inner .text p { font-size: 14px;  line-height: 20px; }
}

@media all and (max-width:767px)
{
.services_inner{flex-direction: column; gap:20px;}
.services_inner .single_service{width: 100%;}
}