.projects-oval {
    background-color: #F8F8F8;
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-image: url("../../img/city\ oval\ 2.png"), url("../../img/all\ 22\ \(1\).png");
    background-size: auto, 40% 100%;
    background-position: center right, center right;
    background-repeat: no-repeat, no-repeat;
}

.projects-oval-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 35%;
    height: 100%;
    background-color: #212121;
    clip-path: polygon(0% 0%, 65% 0, 100% 50%, 100% 100%, 0% 100%);
    z-index: -1;
}

.projects-oval-content-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.projects-oval-content-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    /* gap: 1rem; */
    padding: 2rem;
    height: 100%;
}

.projects-oval-content-text-title img {
    width: 100%;
    max-width: 260px;
    height: 100%;
    object-fit: cover;
    /* margin-bottom: 1rem; */
}

.projects-oval-content-image img {
    width: 100%;
    max-height: 500px;
    height: 100%;
    border-radius: 23px;
    border: 7px solid #F8F8F8;
    object-fit: cover;
}

.projects-oval-content-text-description p {
    font-size: 14px;
    font-weight: 400;
    color: #5D5D5D;
    margin-bottom: 1rem;
    line-height: 1.9;
    margin-top: 1rem;
}

.projects-oval-content-text-location {
    font-size: 14px;
    font-weight: 400;
    color: #161616;
    margin-bottom: 1rem;
}

.projects-oval-content-text-location span {
    font-size: 14px;
    font-weight: 400;
    color: #161616;
    margin-bottom: 1rem;
}

.projects-oval-content-text-location span svg {
    font-size: 14px;
    font-weight: 400;
    color: #ED2939;
}

.projects-oval-content-text-btn {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.projects-allegra {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    height: 100%;
    z-index: 1;
}

.projects-allegra-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #1b0000c2 100%);
    backdrop-filter: blur(6px);
    padding: 5rem 0;
    width: 100%;
    height: 100%;
}

.projects-allegra-content-text-title img {
    width: 100%;
    max-width: 260px;
    height: 100%;
    object-fit: cover;
}

.projects-allegra-content-image img {
    width: 100%;
    /* max-width: 500px; */
    height: 100%;
    border-radius: 23px;
    object-fit: cover;
}

.projects-allegra-content-text-description p {
    font-size: 14px;
    font-weight: 400;
    color: #E3E3E3;
    margin-bottom: 1rem;
    line-height: 1.9;
}

.projects-allegra-content-text-location {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 1rem;
}

.projects-allegra-content-text-location span {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 1rem;
}

.projects-allegra-content-text-location span svg {
    font-size: 14px;
    font-weight: 400;
    color: #ED2939;
}

.projects-allegra-content-image {
    position: relative;
    height: 100%;
}

.projects-allegra-content-image:before {
    content: "";
    position: absolute;
    top: -1.5rem;
    right: -1.5rem;
    width: 180px;
    height: 180px;
    border-right: 6px solid #ED2939;
    border-top: 6px solid #ED2939;
    border-radius: 0 23px 0 23px;
}

.projects-allegra-content-image:after {
    content: "";
    position: absolute;
    bottom: -1.5rem;
    left: -1.5rem;
    width: 180px;
    height: 180px;
    border-left: 6px solid #ED2939;
    border-bottom: 6px solid #ED2939;
    border-radius: 0 23px 0 23px;
}

.projects-wanas {
    background-image: url("../../img/Frame\ 1597883160.png"), url("../../img/wanas\ logo\ and\ icon-02\ 1.png");
    background-size: 40%, 40% 100%;
    background-position: top left, top right;
    background-repeat: no-repeat, no-repeat;
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.projects-wanas-content-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.projects-wanas-content-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem;
}

.projects-wanas-content-text-title img {
    width: 100%;
    max-width: 160px;
    height: 100%;
    margin-bottom: 1rem;
    object-fit: cover;
}

.projects-wanas-content-text-description p {
    font-size: 14px;
    font-weight: 400;
    color: #5D5D5D;
    margin-bottom: 1rem;
}

.projects-wanas-content-text-location {
    font-size: 14px;
    font-weight: 400;
    color: #161616;
    margin-bottom: 1rem;
}

.projects-wanas-content-text-btn {
    margin-top: 1rem;
}

.projects-wanas-content-image {
    position: relative;
    height: 100%;
}

.projects-city {
    background: linear-gradient(75.28deg, rgba(213, 184, 141, 0.533333) -50.17%, #D5B88D 72.12%);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.projects-city-overlay {
    background-image: url("../../img/dark-stone-desk-texture-with-concrete-background-high-resolution-top-view-table-with-copy-space-idea-advertising-banner-product-article\ 1.png");
    background-size: 100% 100%;
    background-position: center;
    /* opacity: 0.5; */
    background-repeat: no-repeat;
    position: relative;
    height: 100%;
    width: 100%;
    /* padding: 5rem 0; */
}

.projects-city-content-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.projects-city-content-text {
    display: flex;
    padding: 8rem 0;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    background-image: url("../../img/Vector.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.projects-city-content-text-title img {
    width: 100%;
    max-width: 160px;
    height: 100%;
    margin-bottom: 1rem;
    object-fit: cover;
}

.projects-city-content-text-description p {
    font-size: 14px;
    font-weight: 400;
    color: #474747;
    margin-bottom: 1rem;
}

.projects-city-content-text-location {
    font-size: 14px;
    font-weight: 400;
    color: #353535;
    margin-bottom: 1rem;
}

.projects-city-content-text-btn {
    margin-top: 1rem;
}

.projects-city-content-image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.projects-city-content-image img {
    width: 100%;
    height: 100%;
    max-width: 50vw;
    object-fit: cover;
    border-radius: 8px;
    border-top-left-radius: 40%;
    border-bottom-left-radius: 40%;
}
















@media (max-width: 768px) {
    .projects-allegra-content-image {
        width: 90%;
        margin: 0 auto;
        margin-top: 3rem;
    }
    .projects-oval-bg {
        display: none;
    }
    .projects-city-content-image {
        position: unset;
        width: 100%;
        /* margin: 0 auto; */
        /* margin-top: 3rem; */
    }
    .projects-city-content-image img {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        max-width: 100%;
    }
    .projects-city {
        padding: 5rem 0;
    }
    .projects-city-overlay {
        padding: 0;
        background-image: none;
    }
    .projects-city-content-text {
        padding: 0;
        margin-bottom: 3rem;
    }
    .projects-city-content-text-title img {
        max-width: 100px;
    }
    
}