.section1-esg{
    padding-top: 60px !important;
}
.section1-esg .row .col .text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.section1-esg h2{
    color: var(--blue);
    text-transform: uppercase;
    position: relative;
    width: fit-content;
}
.section1-esg h2::before {
    position: absolute;
    content: '';
    left: -12%;
    bottom: 0;
    width: 70px;
    height: 3px;
    background-color: var(--red);
}
.section1-esg h2::after {
    position: absolute;
    content: '';
    right: -12%;
    bottom: 0;
    width: 70px;
    height: 3px;
    background-color: var(--red);
}
.section1-esg p{
    color: var(--black);
}
.section1-esg .col-left .col-inner,
.section1-esg .col-middle .col-inner,
.section1-esg .col-right .col-inner{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 8px;
    padding: 25px;
    height: 290px;
}
.section1-esg .col-left .icon-box-img img,
.section1-esg .col-middle .icon-box-img img,
.section1-esg .col-right .icon-box-img img{
    background-color: var(--red);
    border-radius: 50%;
    padding: 10px;
}
.section1-esg .col-left .col-inner:hover,
.section1-esg .col-middle .col-inner:hover,
.section1-esg .col-right .col-inner:hover{
    background-color: var(--blue);
    cursor: pointer;
}
.section1-esg .col-left h3,
.section1-esg .col-middle h3,
.section1-esg .col-right h3{
    color: var(--blue);
}
.section1-esg .col-left .col-inner:hover h3,
.section1-esg .col-left .col-inner:hover p,
.section1-esg .col-middle .col-inner:hover h3,
.section1-esg .col-middle .col-inner:hover p,
.section1-esg .col-right .col-inner:hover h3,
.section1-esg .col-right .col-inner:hover p{
    color: white;
}
.section1-esg .col-left p{
    color: var(--black);
    position: relative;
    /*padding-left: 30px;*/
}
.section1-esg .col-middle p,
.section1-esg .col-right p{
    color: var(--black);    
}
/*.section1-esg .col-left p::before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    background-image: url(/wp-content/uploads/2025/07/icon-right-red.png);*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    width: 18px;*/
/*    height: 13px;*/
/*    left: 0;*/
/*    top: 15%;*/
/*    transform: translateY(-15%);*/
/*}*/
.section1-esg .col-left .col-inner:hover p::before{
    background-image: url(/wp-content/uploads/2025/07/icon-right.png);
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
    .section1-esg h2::after{
        display: none;
    }
    .section1-esg h2::before{
        left: 50%;
        width: 120px;
        transform: translateX(-50%);
    }
    .section1-esg .col-left,
    .section1-esg .col-middle{
        flex-basis: 50%;
        max-width: 50%;
    }
    .section1-esg .col-right{
        flex-basis: 100%;
        max-width: 100%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape){
    /*.section1-esg h2::before{*/
    /*    left: 10%;*/
    /*}*/
    /*.section1-esg h2::after{*/
    /*    right: 10%;*/
    /*}*/
    .section1-esg .col-left .col-inner, 
    .section1-esg .col-middle .col-inner, 
    .section1-esg .col-right .col-inner{
        height: 310px;
    }
}

@media only screen and (max-width: 767px){
    .section1-esg{
        padding-top: 30px !important;
    }
    .section1-esg h2::after{
        display: none;
    }
    .section1-esg h2::before{
        display: none;
    }
    .section1-esg p br{
        display: none;
    }
}