.why_me-container {
    position: relative;
    display: flex;
	align-items: stretch;
    gap: var(--Main-gap);
}



.why_me-left {
    position: relative;
    width: 520px;
}
.why_me-advantages {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--Main-gap);
}
.why_me-advantages .item {
    position: relative;
    display: flex;
    gap: 20px;
    align-items: start;
}
.why_me-advantages .item .img-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--Background);
    border-radius: 5px;
    width: 70px;
    height: 70px;
    min-width: 70px;
}
.why_me-advantages .item .img-container img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}
.why_me-advantages .item .text-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 10px;
}
.why_me-advantages .item .text-container .h5 {
    color: var(--Swampy);
}
.why_me-advantages .item .text-container .p2 {
    color: var(--Txt);
}




.why_me-center {
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    background-color: var(--Background);
    width: 410px;
/*     height: 460px; */
	height: auto;
    border-radius: 5px;
}
.why_me-img-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.why_me-img {
/*     position: relative; */
	position: absolute;
/*     width: inherit;
    height: inherit; */
	width: 100%;
	height: 100%;
    object-fit: cover;
    object-position: center;
}





.why_me-right {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--Main-gap);
    width: 300px;
}
.why_me-block-right {
    position: relative;
    width: 100%;
    height: 280px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
    border-radius: 5px;
	flex-grow: 1;
}
.why_me-block-right .p1 {
    color: var(--Black);
}
.why_me-block-right .p1 span {
    color: inherit;
}
.why_me-block-right .p2 {
    color: var(--Txt);
    width: 100%;
}



.why_me-modal-btn {
    width: 100%;
    height: 150px;
    display: flex;
    justify-content: space-between;
    align-items: end;
    background-color: var(--Background);
    padding: 20px;
    padding-left: 30px;
    padding-right: 30px;
    cursor: pointer;
    transition: var(--Transition);
    border-radius: 5px;
}
.why_me-modal-btn h5 {
    color: var(--Swampy);
    width: 120px;
    transition: var(--Transition);
}

.why_me-modal-btn .arrow {
    background-color: var(--Black);
}
.why_me-modal-btn .arrow svg path {
    fill: var(--White);
}

.why_me-modal-btn:hover {
    background-color: var(--Black);

    h5 {
        color: var(--White);
    }

    .arrow {
        background-color: var(--White);
    }
    .arrow svg path {
        fill: var(--Black);
    }
}



@media(max-width: 1330px) {
    .why_me-left {
        width: calc(100% - 300px - 410px - (var(--Main-gap) * 2));
    }
}
@media(max-width: 1180px) {
    .why_me-left {
        width: calc(100% - 20% - 410px - (var(--Main-gap) * 2));
    }
    .why_me-right {
        width: 20%;
    }
    .why_me-advantages .item .text-container .p2 {
        font-size: 14px;
    }
    .why_me-modal-btn,
    .why_me-block-right {
        padding: 15px;
    }
}

@media(max-width: 1020px) {
    .why_me-container {
        flex-wrap: wrap;
    }
    .why_me-right {
        width: 100%;
        flex-direction: row;
    }
    .why_me-block-right {
        height: auto;
        gap: 20px;
    }
    .why_me-modal-btn,
    .why_me-block-right {
        height: 100%;
    }
    .why_me-left {
        width: calc(100% - var(--Why_me-center) - var(--Main-gap));
    }
    .why_me-center {
        width: var(--Why_me-center);
        height: calc(var(--Why_me-center) * 1.1219);
    }
}

@media(max-width: 700px) {
    .why_me-left {
        width: 100%;
    }
    .why_me-container {
        justify-content: center;
    }
}
@media(max-width: 500px) {
    .why_me-right {
        flex-direction: column;
    }
    .why_me-modal-btn, .why_me-block-right {
        width: 100%;
    }
}