.about_us__top{
    background: url('../images/about-us-bg.png');
    background-size: cover;
}
.join_community{
    background: url('../images/join-community.png');
    background-size: cover;
}
.review__items{
    background: url('../images/review-bg.png');
    background-size: cover;
    position: relative;
}
.review_slider {
    position: static;
}

.swiper-pagination {
    bottom: -2rem !important;
    top: unset !important;
}
.review_slider .swiper-pagination-bullet-active {
    background: #2e3133;
  }

  /* about us modal */
#join_modal .modal-box{
    overflow: visible;
    /* min-height: 480px; */
    height: auto;
}
#join_modal  button.close {
    background-color: white;
    border-radius: 4px;
    border-bottom: 1px solid gainsboro;
    padding: 3px 5px;
}

@media only screen and (max-height: 550px) {
    #join_modal .modal-box{
        overflow: auto;
        /* min-height: 480px; */
        /* height: auto; */
    }
    #join_modal  button.close {
        background-color: transparent;
        border: none;
    }
    #join_modal form {
        top: 0;
        
    }
}

 /* about us modal */
 #newsletter_modal .modal-box{
    overflow: visible;
    /* min-height: 480px; */
    height: auto;
}
#newsletter_modal  button.close {
    background-color: white;
    border-radius: 4px;
    border-bottom: 1px solid gainsboro;
    padding: 3px 5px;
}

@media only screen and (max-height: 550px) {
    #newsletter_modal .modal-box{
        overflow: auto;
        /* min-height: 480px; */
        /* height: auto; */
    }
    #newsletter_modal  button.close {
        background-color: transparent;
        border: none;
    }
    #newsletter_modal form {
        top: 0;
        
    }
}