#advsOne-block {
    padding-bottom: 40px;
}

#advsOne-block .img_holder {
    /* width: 300px; */
    height: 400px;
    transition: .4s all;
}

#advsOne-block .img_holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .4s all;
}

#advsOne-block .holder_content {
    position: relative;
    transition: .4s all;
}

#advsOne-block .holder_content .text_content p {
    display: none;
    transition: .4s all;
    position: absolute;
}

#advsOne-block .title_swiper_desc {
    /* display: flex;
    flex-direction: column; */
    gap: 20px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    transition: .4s all;
    max-width: 220px;
}

#advsOne-block .holder_content .text_content h3 {
    color: white;
}

#advsOne-block .svg_btn_text {
    display: flex;
    gap: 20px;
    position: absolute;
    right: 20px;
    bottom: 40px;
    transition: .4s all;
}


#advsOne-block .holder_content .text_content svg path {
    fill: white;

}
#advsOne-block .holder_content:hover .svg_btn_text{
    transform: translateX(-50px);
}
#advsOne-block .holder_content:hover .svg_btn_text p {
    padding-left: 40px;
    top: 3px;
}

#advsOne-block .holder_content:hover .img_holder img {
    opacity: 0;
}

#advsOne-block .holder_content:hover .text_content svg path {
    fill: #373737;
}

#advsOne-block .holder_content:hover .title_swiper_desc {
    top: 20px;
}

#advsOne-block .holder_content:hover .text_content h3 {
    color: #373737;
}

#advsOne-block .holder_content:hover .img_holder {
    background-color: #E9E6E4;
}

#advsOne-block .holder_content:hover p {
    display: block;
}


#advsOne-block .advsone-swiper {
    overflow: hidden;
}

@media(max-width: 879px) {
    #advsOne-block .advsone-swiper .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    #advsOne-block > .container {
        padding: 0px;
    }
}
@media(max-width: 580px) {
    #advsOne-block .advsone-swiper .swiper-wrapper {
        gap: 5px;
    }

    #advsOne-block .holder_content .text_content h3 {
        font-size: 18px;
    }
    #advsOne-block .holder_content .text_content p {
        font-size: 12px;
    }

    #advsOne-block .img_holder {
        height: 260px;
    }
}
@media(max-width: 359px) {
    /* #advsOne-block .advsone-swiper .swiper-wrapper {
        grid-template-columns: repeat(1, 1fr);
    } */
    #advsOne-block .title_swiper_desc {
        left: 10px;
        bottom: 10px;
        max-width: calc(100% - 20px);
    }
}