/*
 Theme Name:   Astra Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Astra Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  astrachild
*/

span.title-btn {
    background: #144542;
    color: #C2D401;
    font-weight: 400;
    padding: 6px 20px;
    border-radius: 50px;
}
 .service-card{
display:flex;
    flex-direction:column;
    height:645px;
    overflow:hidden;
    border-radius:20px;
    gap: 10px;
    font-family: 'Poppins';
}

.service-image{
  border-radius:20px;
    overflow:hidden;
       flex:7;
    transition:.4s;
}

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

.service-content{
    background:#CBD5E1;
  flex:3;
    transition:.4s;
    padding:23px;  
    border-radius:20px;
    border: 1px solid rgba(203, 213, 225, 1);
}

.service-content h3{
    margin:0 0 10px;
    font-size:22px;
    line-height:1.2;
    font-weight: 500;
}

.service-content p{
    margin:0;
    color:#000;
    line-height:1.5;
 font-size:18px;
 min-height: 160px;
    /* Hide extra text */
    /*opacity:0;*/
    /*max-height:0;*/
    overflow:hidden;
    transition:.4s ease;
}

/* Hover Effect */

.service-card:hover .service-image{
        flex:4;
}

.service-card:hover .service-content{
        flex:5;
    background:#0d4b42; /* Green */
}

.service-card:hover h3{
    color:rgba(194, 212, 1, 1);
    font-size:26px;
    margin-bottom: 20px;
}

.service-card:hover p{
    color:#d7e7d7;
    /*opacity:1;*/
    max-height:190px;
}