.newproject-comingsoon{
    color: #000;
    overflow: hidden;
}

    .newproject-comingsoon .title {
        font-family: GraphikTH-semibold;
        font-size: 3.6rem;
    }

    .newproject-comingsoon .proptype-text {
        font-family: GraphikTH-semibold;
        font-size: 2.5rem;
    }

    .newproject-comingsoon .location-text {
        font-family: GraphikTH-semibold;
        font-size: 2rem;
    }

    .newproject-comingsoon .detail-text {
        font-family: GraphikTH-regular;
        font-size: 1.6rem;
    }

.comingsoon-location {
    background-color: #fff
}

.condominium-box {
    background-image: url("../images/PageDetail/phuket/phuket-left.webp");
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    aspect-ratio: 10 / 4;
    background-color: #EEEEF1;
    max-height: 430px;
}

.ph-locations::before {
    content: "";
    border-right: 1px solid #F94700;
    position: absolute;
    height: 170px;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}

.ph-locations div:nth-child(1)::before,
.ph-locations div:nth-child(2)::before {
    content: "";
    border-bottom: 1px solid #F94700;
    position: absolute;
    width: 150px;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}

.poolvilla-box {
    background-image: url("../images/PageDetail/phuket/phuket-right.webp");
    background-position: left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    aspect-ratio: 10 / 4;
    background-color: #EEEEF1;
    max-height: 430px;
}

.pl-locations div:nth-child(1)::before {
    content: "";
    border-bottom: 1px solid #176DA6;
    position: absolute;
    width: 350px;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}

.pl-locations div:nth-child(2)::before {
    content: "";
    border-right: 1px solid #176DA6;
    position: absolute;
    height: -webkit-fill-available;
    bottom: 10%;
    right: -7%;
    transform: translateX(-50%);
}

.location-list {
    padding: 20px 20px 20px 30px;
}

.inter-font {
    text-transform: uppercase;
}

@media screen and (max-width: 1700px) {
    .inter-font {
        font-size: 2rem !important;
    }

    .pl-locations div:nth-child(1)::before {
        width: 250px;
    }
}

@media screen and (max-width:1400px) {
    .location-list {
        padding: 10px;
    }

    .proptype-ph-text-m, .proptype-pl-text-m {
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
        font-size: 1.6rem;
        aspect-ratio: 16 / 9;
        height: calc((155/360) * 100vw);
    }

    .proptype-ph-text-m {
        background-image: url("../images/PageDetail/phuket/phuket-left.webp");
    }

    .proptype-pl-text-m {
        background-image: url("../images/PageDetail/phuket/phuket-right.webp");
    }

    .ph-locations,
    .pl-locations {
        max-width: 400px;
        margin: 0 auto;
    }

    .poolvilla-box-txt {
        padding-left: calc((176/360) * 100vw);
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width:767px) {
    .proptype-ph-text-m .proptype-text,
    .proptype-pl-text-m .proptype-text {
        position: relative;
        right: 5px;
    }

    .proptype-ph-text-m,
    .proptype-pl-text-m {
        aspect-ratio: unset;
    }

    .condominium-box,
    .poolvilla-box {
        background-image: none;
    }

    .ph-locations,
    .pl-locations {
        max-width: unset;
    }

    .location-list {
        background-color: #fff;
    }

    .custom-proptxt-m {
        padding: 50px 0
    }

    .poolvilla-box, .condominium-box {
        max-height: unset;
    }
}