.main-container .banner-container .banner-main-home {
    background: url(../assets/images/svg/banner-background.svg) bottom/cover no-repeat;
    height: 400px;
}
.main-container .banner-container .banner-main-home .banner-background {
    align-items: end;
    justify-content: center;
    height: 230px;
    -webkit-box-pack: center;
    -webkit-box-align: end;
    display: -webkit-box;
}
.main-container .banner-container .banner-main-home .banner-background .banner-description {
    display: flex;
    flex-direction: column;
    display: -webkit-flex;
}
.main-container .banner-container .banner-main-home .banner-background .banner-description .common-title {
    font-family: Roboto;
    font-weight: 900;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #fff!important;
    width: 100%}
.main-container .banner-container .banner-main-home .banner-background .banner-description .logo {
    max-width: 260px;
    width: 100%}
.main-container .wrap-body {
    padding: 35px 20px;
}
.main-container .wrap-body .breadcrumb-link .breadcrumb .breadcrumb-item a {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #25bb58;
    font-family: "Open Sans", sans-serif;
}
.main-container .wrap-body .breadcrumb-link .breadcrumb .breadcrumb-item.active {
    color: #25bb58;
    font-weight: 500;
}

.main-container .section-gap .sub-container-wrap .content-detail .detail-title .provider-cherry-hil h1 {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
}

.main-container .wrap-body .width-800 .find-community-wrap .state-box .list-box h3 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 27px;
    color: #003073;
}
.main-container .wrap-body .width-800 .find-community-wrap .state-box .list-box .list-state {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    gap: 20px;
}
.main-container .wrap-body .width-800 .find-community-wrap .state-box .list-box .list-state li a {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    color: #003073;
}
.main-container .wrap-body .width-800 .find-community-wrap .state-box .list-box .list-state li a:hover {
    color: #25bb58;
}
#loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: fixed;
    animation: rotate 1s linear infinite;
    top: 50%;
    left: 50%;
    display: none;
    z-index: 999;
}
#loader::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 5px solid #003073;
    animation: prixClipFix 2s linear infinite;
}
  
@keyframes rotate {
    100% {
      transform: rotate(360deg);
    }
}
@keyframes prixClipFix {
    0% {
      -webkit-clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
              clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    }
    25% {
      -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
              clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    }
    50% {
      -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
              clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
    }
    75% {
      -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
              clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    }
    100% {
      -webkit-clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
              clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    }
}
.search-load{
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}