ul.eco-card-list {
            display: flex;
            flex-wrap: wrap;
            gap: 60px;
            justify-content: start;
            list-style: none;
            width: 100%; 
            margin: 0;
            padding: 0;
        }

        ul.eco-card-list li {
            width: 100%;
        }

        .eco-card {
            width: 100%;
            overflow: hidden;
            display: flex;
            width: 100%;
            flex-wrap: wrap;
        }

        .eco-content-img {
            position: relative;
            width: 100%;
          
        }

        .eco-content-img:before {
            content: "";
            display: block;
            position: static;
            width: 100%;
            padding-top: calc(504 / 723 * 100%);
        }

        .eco-content-img>* {
            width: 100% !important;
            height: 100% !important;
            position: absolute;
            object-fit: cover;
            object-position: center center;
            top: 0;
        }

        .eco-content {
            padding: 20px 0px;
            /* background-color: #fff; */
        }

        .eco-title {
            margin-top: 15px;
            font-size: 21px;
            line-height: 28px;
            margin: 0 0 8px;
            font-weight: bold;
            color: #000;
            font-weight: 400;

        }

        .eco-description {
            margin-top: 15px;
            color: #555;
            font-size: 14px;
        }

        .eco-sub {
            font-family: var(--theme-font-p_font-family);
            font-size: 14px;
            text-transform: uppercase;
            color: #000000;
            margin-top: 0;
            margin-bottom: 5px;

        }

        .eco-btn {
            display: inline-block;
            background-color: #02010100;
            font-family: "DM Sans", Sans-serif;
            font-size: 14px;
            line-height: 1;
            font-weight: 600;
            text-transform: uppercase;
            fill: #000000;
            color: #000000;
            border-style: solid;
            border-width: 1px 1px 1px 1px;
            border-color: #000000;
            border-radius: 1px 1px 1px 1px;
            padding: 10px 30px 10px 30px;
            text-decoration: none;
              margin-top: 15px;
        }
        a.eco-load-more{
                display: inline-block; 
                font-size: 16px;
                line-height: 18px;
                font-weight: 600;  
                color: #000000; 
                border-radius: 0px;
                padding: 3px 0px 3px 0px;
                text-decoration: none;
                margin-top: 15px;
                border-bottom: #000000 1px solid;
                margin-left: auto;
                margin-right: auto;
                cursor: pointer;
        }
             a.eco-load-more:hover{
                border-color: currentColor;
             }

        .load-more-wrapper{
            text-align: center;
            margin-top: 25px;
        }

        @media (min-width: 992px) {

            .eco-card {
                flex-wrap: nowrap;
                gap: 50px;
            }
             .eco-content-img { 
                  width: 50%; 
                    max-width: 723px;
            }
            .eco-content{
                width: 50%;
                   padding: 20px 20px;
            } 
            .eco-sub {
                font-size: 15px;

            }

            .eco-title {
                font-size: 40px;
                line-height: 48px;
                margin-top: 30px;
            }

            .eco-description {
                 margin-top: 30px;
                font-size: 17px;
            }

            .eco-btn {
                padding: 20px 50px 20px 50px; 
                  margin-top: 30px;
            }
             .eco-btn:hover { 
                color: #fff;
                background-color: #000;
            }


        }