.entry-content .b-text-two-column {
    max-width: var(--wp--style--global--wide-size);
}
.b-text-two-column .two-column {
    display: flex;
    gap: 28px;
    height: clamp(25vw, 30vw, 600px);
}
.b-text-two-column .two-column .box-image{
    display: flex;
    gap: 28px;
    height: clamp(25vw, 30vw, 600px);
    width: 100%;
    padding: 0px;
}
.b-text-two-column .two-column div{
    position: relative;
}
.b-text-two-column .two-column div{
    border-radius: 15px;
    overflow: hidden;
}
.b-text-two-column .two-column .column-with-images-2 .sub_title_span, .b-text-two-column .two-column .column-with-images-1 .sub_title_span{
    padding: 28px 25px;
    max-width: 80%;
    position: absolute;
}

/* Select image position */
.b-text-two-column .image_poistion_center{
    margin: auto;
    left: 0;
    right: 0;
}
.b-text-two-column .image_poistion_right{
    right: 0%;
}
.b-text-two-column .image_poistion_left{
    left: 0%;
}
/*  */

.b-text-two-column .two-column div img{
    position: absolute;
    max-width: max-content;
    height: 80%;
    bottom: -10px;
}

/* Section type  */
/* type_3 : 2/3+1/3 */
.two-column.section_type_3 .column-1 {
    width: 66%;
}
.two-column.section_type_3 .column-2 {
    width: 33%;
}
/* type_1 : 1/3+2/3 */
.two-column.section_type_1 .column-1 {
    width: 33%;
}
.two-column.section_type_1 .column-2 {
    width: 66%;
}
/* type_2 : 1/2+1/2 */
.two-column.section_type_2 .column-1 {
    width: 50%;
}
.two-column.section_type_2 .column-2 {
    width: 50%;
}


.column-with-text-1, .column-with-text-2{
    background: var(--light-gray);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.column-with-text-1 div, .column-with-text-2 div{
    max-width: 80%;
    margin: auto;
    height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.b-text-two-column .column-with-text-1:hover a .sub_title_span, .b-text-two-column .column-with-text-2:hover a .sub_title_span{
    text-decoration: underline !important;
}

.column-with-text-1 .sub_title_span, .column-with-text-2 .sub_title_span{
    margin-bottom: 20px;
}
.column_link{
    position: absolute;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    text-decoration: none;
    width: 100%;
    height: 100%
}
.column_link:focus{
    text-decoration:none;
}

.two-column.section_type_2 .column-with-images-1:hover a .sub_title_span, .two-column.section_type_2 .column-with-images-2:hover a .sub_title_span {
    text-decoration: underline;
}

/*  */
@media(max-width:1024px){
    .column-with-text-1 div p, .column-with-text-2 div p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
    }
}

@media (max-width:767px) {
    .b-text-two-column .two-column {
        flex-direction: column;
        height: 100% !important;
    }
    .b-text-two-column .two-column>div {
        padding: 25px 0;
        height: 280px;
        width: 100% !important;
        background-size: contain !important;
    }
    .b-text-two-column .image_poistion_center,
    .b-text-two-column .image_poistion_right,
    .b-text-two-column .image_poistion_left{
        margin: auto;
        left: 0;
        right: 0;
    }
    .b-text-two-column .two-column div .sub_title_span{
        text-align: center;
    }
    .column-with-text-1 div p, .column-with-text-2 div p{
        display: block;
    }
    .entry-content .b-text-two-column {
        margin-top: 0;
    }
}

@media(max-width:575px) {

    .b-text-two-column .two-column div img {
        object-fit: contain;
        right: 0;
        left: unset;
    }

    .b-text-two-column .two-column>div {
        padding: 0;
    }

}

.donate_now {
    font-size: clamp(.8rem, 3vw, 1.5rem);
    background-color: var(--wp--preset--color--primary);
    color: var(--white) !important;
    text-decoration: none !important;
    margin-top: 1em;
    max-width: max-content;
    padding: 15px 20px;
    transition: background-color 300ms ease, color 300ms ease;
}
.donate_now:hover{
    background-color: black;
   transition: background-color 300ms ease, color 300ms ease;
}
