.about-us.chars-amenities-container{
    padding: 50px 100px;
}

.about-us .chars-amenities-box {
    border: 1px solid #CCCCCC;
    color: #000000;
    gap:0;
    padding: 32px 10px;
    aspect-ratio: inherit;
    justify-content: flex-start;
}

.about-us p.chars-amenities-parameter {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    margin-top: 10px;
}

.about-us .home-construction-wrapper{
    background-color: var(--dark-color);
}

.about-us .white-content-box-right {
    padding: 0 8%;
}

@media (max-width: 680px) {
    .about-us.white-content-box h4 {
        padding-top: 20px;
        line-height: 38px;
    }
}

@media (max-width: 640px) {
    .about-us.chars-amenities-container{
        padding: 50px 20px;
    }

    .about-us .chars-amenities-box {
        width: 48%;
        min-width: inherit;
    }

    .about-us p.chars-amenities-description {
        font-size: 15px;
    }
}

.about-us.homepage-text-banner-wrapper {
    background-color: #23262D;
    padding: 50px 200px;
}

.about-us .chars-amenities-box2 {
     background: none;
     border: 1px solid #CCCCCC;
    width: 32%;
 }

.about-us a.chars-amenities-box2:hover {
    background: #A6881D;
    border: 1px solid #CCCCCC;
}

.about-us a.chars-amenities-box2:hover h3{
    color: #000;
}

.about-us .chars-amenities-box2 h3 {
    color: #A6881D;
    font-size: 32px;
    font-weight: bold;
}

.about-us .chars-amenities-box2 p {
    font-size: 18px;
    font-weight: normal;
}

.about-us h3.chars-amenities-title{
    font-size: 32px;
    text-transform: inherit;
}

.about-us button.darkingor-btn, .about-us a.darkingor-btn {
    padding: 16px 16px;
    border-radius: 4px;
    background-color: #A6881D;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    max-width: 350px;
    margin: 50px auto 0 auto;
    text-align: center;
}

.about-us .white-content-box-left{
    margin-bottom: 0 !important;
}

.about-us .home-constr-top-container p{
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 50px;
    width: 65%;
}

@media (max-width: 1505px) {

    .about-us.homepage-text-banner-wrapper {
        padding: 50px;
    }
}

.about-us .chars-amenities-box3{
    padding: 20px;
    min-width: 250px;
}

@media (max-width: 1210px) {

    .about-us .chars-amenities-box2 {
        width: 30%;
    }
}

@media (max-width: 640px) {
    .about-us .chars-amenities-box2 {
        max-width: 80%;
        width: 80%;
    }

    .about-us .chars-amenities-box2 h3 {
        font-size: 24px;
    }

    h2.white-header-title {
        padding: 0 20px;
    }

    .about-us h3.chars-amenities-title {
        font-size: 24px;
    }

    .about-us .home-constr-top-container p {
        width: 100%;
    }
}

.about-us .chars-amenities-box3{
    padding: 35px;
    min-width: 250px;
}

.about-us .chars-amenities-box3 {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.65);
    color: #fff;
    width: 23%;
    min-width: 290px;
    /*gap: 12px;*/
    justify-content: flex-start;
}

.about-us .home-constr-top-container .chars-amenities-box3 p{
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding: 0px;
    width: 100%;
}

.about-us .chars-amenities-box3 p.chars-amenities-parameter{
    font-size: 24px;
    font-weight: bold;
}

.about-us .chars-amenities-box3 p.chars-amenities-parameter span{
    font-weight: normal;
}

.about-us.white-content-box{
    max-width: inherit;
    background: none;
}

.about-us.white-content-box h4{
    font-size: 32px;
    font-weight: bold;
    text-transform: inherit;
}

.about-us.white-content-box p{
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

@media (max-width: 1300px) {
    .about-us .chars-amenities-box3 {
        max-width: 22%;
        width: 22%;
        min-width: inherit;
    }

    .about-us .chars-amenities-container {
        width: 100%;
        max-width: inherit;
        justify-content: space-between !important;
    }
}

@media (max-width: 800px) {
    .about-us .chars-amenities-box3 {
        max-width: 48%;
        width: 48%;
    }
}

@media (max-width: 980px) {
    .about-us .home-constr-top-container {
        padding: 50px 10px 50px 10px;
    }

    .about-us .chars-amenities-box3{
        padding: 10px;
    }
}

@media (max-width: 380px) {

    .about-us .chars-amenities-box {
        width: 100%;
    }

    .about-us.white-content-box h4 {
        font-size: 20px;
        font-weight: bold;
        text-transform: inherit;
    }
}

