.dy-benefits-wrapper {

    background-color: transparent;

    padding:70px 15px;

    font-family:inherit;

    width:100%;

    box-sizing:border-box;

}


.dy-benefits-wrapper *{

    box-sizing:border-box;

}



/* Header */

.dy-header{

    text-align:center;

    margin-bottom:45px;

}



.dy-subtitle{

    font-size:12px;

    letter-spacing:3px;

    color:#999999;

    text-transform:uppercase;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    margin-bottom:18px;

}



.dy-subtitle::before,
.dy-subtitle::after{

    content:'';

    width:35px;

    height:1px;

    background:#dcdcdc;

}



.dy-title{

    font-size:36px;

    color:#222222;

    margin:0;

    font-weight:800;

    line-height:1.25;

}



/* Grid */

.dy-grid{

    display:flex;

    flex-wrap:wrap;

    gap:24px;

    max-width:1200px;

    margin:auto;

}



/* Card */

.dy-card{

    background:#ffffff;

    border-radius:18px;

    padding:38px 30px;

    width:calc(25% - 18px);

    min-width:240px;

    text-align:left;

    border:1px solid rgba(0,0,0,0.05);

    box-shadow:0 8px 24px rgba(0,0,0,0.05);

    display:flex;

    flex-direction:column;

    transition:.25s ease;

}



.dy-card:hover{

    transform:translateY(-6px);

}



/* Icon */

.dy-icon{

    width:42px;

    height:42px;

    margin-bottom:22px;

}



.dy-icon svg{

    width:100%;

    height:100%;

    stroke:#73BD02;

    fill:none;

    stroke-width:1.8;

    stroke-linecap:round;

    stroke-linejoin:round;

}



/* Card Title */

.dy-card-title{

    font-size:19px;

    color:#222222;

    margin:0 0 14px;

    font-weight:750;

    line-height:1.35;

}



/* Card Text */

.dy-card-text{

    font-size:15px;

    color:#666666;

    line-height:1.6;

    margin:0;

}



/* Tablet */

@media(max-width:1024px){

    .dy-card{

        width:calc(50% - 12px);

    }

}



/* Mobile */

@media(max-width:600px){


    .dy-benefits-wrapper{

        padding:45px 12px;

    }


    .dy-title{

        font-size:26px;

    }


    .dy-header{

        margin-bottom:28px;

    }


    .dy-grid{

        gap:14px;

    }


    .dy-card{

        width:100%;

        padding:22px 18px;

        border-radius:14px;

    }


    .dy-icon{

        width:32px;

        height:32px;

        margin-bottom:14px;

    }


    .dy-card-title{

        font-size:17px;

        margin-bottom:8px;

    }


    .dy-card-text{

        font-size:13px;

        line-height:1.5;

    }

}