.cooperation {
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    
    &.cooperation--about {
        margin-top: 40px;

        .cooperation__top {
            flex-direction: column-reverse;
            
            .cooperation__top_title {
                padding: 0 30px;
                margin-top: 2vh !important;
            }

            & > figure {
                padding: 0 30px 24px;

                img {
                    width: 100%;
                    display: block;
                    margin: auto;
                }
            }
        }

    }
}

.cooperation .yoast-breadcrumbs {
    padding-left: 10%;
    padding-top: 0;
}

.cooperation__top{
    flex-direction: column;
}
.cooperation__top img{
    width: 90%;
}
.cooperation__top_title{
    width: 100%;
    padding: 15px;
    margin-top: 4vh !important;
    align-items: start !important;
}
.cooperation__top_title .wp-block-image{
    display: flex;
    align-items: start !important;
}
.cooperation__top_title img{
    width: 30px;
    margin-top: 10px !important;
}
.cooperation__top_desc{
    padding: 30px;
}
.cooperation__top .wp-block-buttons {
    gap: 16px;
    padding: 24px 0;
    width: 90%;
    margin-left: 5%;
}

.cooperation__top .wp-block-buttons .wp-block-button,
.cooperation__top .wp-block-buttons .wp-block-button a {
    width: 100%;
}

.cooperation__contant{
    width: 100%;
    justify-content: center;
    flex-direction: column;
    flex-wrap: nowrap !important;
}
.cooperation__element{
    padding: 6%;
    width: 80vw;
    flex-wrap: nowrap !important;
    margin-top: 3vh !important;
    aspect-ratio: 1;
    border-radius: 20px;
}
.cooperation__element img{
    width: 70%;
}
.cooperation__contant .wp-block-buttons {
    gap: 16px;
    padding: 24px 0;
    width: 90%;
    justify-content: center;
}
.cooperation__container{
    margin-top: 5vh !important;
}
.cooperation__contant .wp-block-buttons .wp-block-button,
.cooperation__contant .wp-block-buttons .wp-block-button a {
    width: 100%;
}
.cooperation__container_title{
    align-items: center;
    display: flex;
    gap: 16px;
    margin-top: 1vh !important;
    width: 80%;
    margin-left: 10% !important;
    
}

.yellow a{
    background-color: #F2AF1C !important;
    
}
.yellow a:hover{
    background-color: #d4950b !important;
}
.cooperation__bottom{
    margin-top: 5vh !important;
    width: 100% !important;
    justify-content: center;

    .wp-block-button {
        margin-bottom: 24px;
    }
}
.cooperation__bottom_container{
    margin-left: 5vw;
    margin-bottom: 3vh !important;
    padding: 30px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    flex-direction: column;
}
.cooperation__bottom_container div{
    width: 100%;
}
.cooperation__bottom_container_p{
    width: 90%;
}
.cooperation__bottom_container .wp-block-buttons {
    padding: 30px 0 30px 0;
}

.news .cooperation__container_title{
    margin-top: 4vh !important;
    margin-bottom:4vh !important;
}


.cooperation--green {
    padding-top: 48px;
    margin-top: 0 !important;

    .wp-block-buttons  {
        a {
            font-size: 14px !important;
            padding-left: 24px;
            padding-right: 24px;
       
            &:hover {
                background-color: black !important;
            }
        }

        .is-style-outline {
            a {
                border: 1px solid #558b38;

                &:hover {
                    background-color: #558b38 !important;
                    color: white !important;
                }
            }
        }
    }
}

@media only screen and (min-width: 768px) {
    .cooperation {
        &.cooperation--about {
            & .cooperation__top {
                & > figure {
                    img {
                        width: 320px;
                        height: auto;
                    }
                }
            }
        }
    }
}


@media only screen and (min-width: 800px) {
    
    .cooperation__top_title{
        padding: 30px;
    }
    .cooperation__top_title img{
        width: 15px;
        margin-top: 10px !important;
    }
    .cooperation__contant{
        width: 100vw;
        flex-direction: row;
        flex-wrap: wrap !important;
    }
    .cooperation__element{
        padding: 4%;
        width: 40vw;
        /* min-height: 300px; */
        margin-top: 5vh !important;
        aspect-ratio: 1;
        border-radius: 20px;
    }
    .cooperation__bottom_container{
        padding: 60px;
        margin-bottom: 6vh !important;
        
    }
    .cooperation__bottom_container div{
        justify-content: space-between;
    }
    .cooperation__bottom_container_p{
        width: 60%;
    }
    .cooperation__bottom_container .wp-block-buttons {
        padding: 45px 0 15px 0;
    }
}


@media only screen and (min-width: 1200px) {
    
    .cooperation .yoast-breadcrumbs {
        width: 100%;
        padding-left: 5vw;
        padding-top: 0;
    }
    
    .cooperation__top{
        
        flex-direction: row;
        width: 100%;
        align-items: start !important;
        
    }
    .cooperation__contant{
        margin-top: 5vh !important;
    }
    .cooperation__top img{
        width: 50vw;
    }
    .cooperation__top_content{
        width: 50vw;
    }
    .cooperation__top_title img{
        width: 30px;
        margin-top: 10px !important;
    }
    .cooperation__top_title{
        margin-top: 2vh !important;
        padding: 0;
        margin-left: -50px !important;  
    }
    .cooperation__element{
        width: 30vw;
    }

    .cooperation__top_title{
        margin-top: 2vh !important;
        padding: 0;
        margin-left: -50px !important;  
    }
    .cooperation__contant .wp-block-buttons .wp-block-button,
    .cooperation__contant .wp-block-buttons .wp-block-button a {
        margin-top: 4vh !important;
        margin-bottom: 4vh !important;
        width: 40vw;
    }
    .cooperation__container_title{
        
        margin-top: 5vh !important;
        width: 80%;
        margin-left: 5% !important;
        
    }
    .yellow a{
        padding: 15px 25px 15px 25px;
    }

    .cooperation {
        &.cooperation--about {
            & .cooperation__top {
                flex-direction: row;
                padding-right: 5%;
                padding-left: calc(5% + 20px);

                & > figure {
                    width: 45%;

                    img {
                        width: 100%;
                        height: auto;
                    }
                }
            }
        }
    }
}
@media only screen and (min-width: 1400px) {
    .cooperation__element{
        padding: 2%;
        width: 21.5vw;
    }
    .cooperation__bottom_container{
        padding: 120px;
        margin-bottom: 6vh !important;
        
    }
    .cooperation__bottom_container_p{
        width: 50%;
    }
    .cooperation__top .wp-block-buttons .wp-block-button,
    .cooperation__top .wp-block-buttons .wp-block-button a {
        width: 20vw;
    }
    .cooperation__top .wp-block-buttons{
        padding-left: 2vw;
        padding-top: 7vh;
    }
    .cooperation__contant .wp-block-buttons {
        justify-content: left;
        
    }
    .cooperation__contant .wp-block-buttons .wp-block-button,
    .cooperation__contant .wp-block-buttons .wp-block-button a {
        width: 23vw;
        
    }
    .cooperation__element{
        padding: 2%;
        width: 21.5vw;
    }
    .cooperation__top_desc{
        padding: 5vw 5vw 0vw 5vw;
    }
    .news .cooperation__container_title{
        margin-top: 5vh !important;
        margin-bottom:6vh !important;
    }

    .cooperation {
        &.cooperation--about {
            & .cooperation__top {
                .cooperation__top_desc {
                    padding: 30px 24px;
                }
            
                .wp-block-buttons {
                    padding-left: 0;
                    padding-top: 16px;
                    margin-left: 4%;
                }
            }
        }
    }

    .cooperation--green {
        .wp-block-buttons  {
            .is-style-outline {
                a {
                    width: 320px !important;
                }
            }
        }
    }
}

@media only screen and (min-width: 1600px) {
    
    .cooperation {
        &.cooperation--about {
            padding-bottom: 32px;
        }
    }
}

@media only screen and (min-width: 1800px) {

    .cooperation__top_title{
        margin-top: 0 !important;
        padding: 30px;
        
        margin-left: -50px !important;  
    }
    .cooperation__top_desc{
        padding: 5vw 5vw 0vw 5vw;
        width: 80%;
    }
    .cooperation__top .wp-block-buttons{
        padding-left: 1vw;
        
    }
    .cooperation__top img{
        width: 50vw;
    }
    .cooperation__top_title img{
        width: 30px;
        margin-top: 10px !important;
    }
    .cooperation__top .wp-block-buttons {
        margin-left: 7%;
    }
    .cooperation__top .wp-block-buttons .wp-block-button,
    .cooperation__top .wp-block-buttons .wp-block-button a {
        width: 15vw;
    }
    .cooperation__element{
        padding: 2%;
        width: 21.5vw;
    }
    .cooperation__contant .wp-block-buttons .wp-block-button,
    .cooperation__contant .wp-block-buttons .wp-block-button a {
        width: 18vw;
    }

    .cooperation {
        &.cooperation--about {
            & .cooperation__top {
                .cooperation__top_desc {
                    font-size: 18px;
                }
            }
        }
    }


}