@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body {
    background-color: rgb(245, 245, 245);
    font-family: 'Roboto', var(--bs-font-sans-serif);
}
.ff-serif {
    font-family: 'Times New Roman', Times, serif;
}
.fss-s h1 {
    font-size: calc(1.175rem);
}
.fss-s h3 {
    font-size: calc(1.05rem);
}
.fw-medium {
    font-weight: 500;
}

.bg-home-1-wrapper {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.99869919 1.39960003'%3E%3Cdefs/%3E%3Cpath fill='%23A52B2B' d='M20.99869919 1.39960003V.66569996H9.98785973z'/%3E%3Cpath fill='%23FCB713' d='M20.99869919 1.49739933v-.0977993L.00134 0v1.49739933z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: calc(100vw/15.3);
    display: block;
}

.bg-home-1-box {
    background: linear-gradient(180deg, #FCB713 75%, transparent 25%);
}

.hcc-logo {
    height: 48px;
    width: auto;
}
.carousel-item figure {
    background-color: rgb(59 59 59 / 50%);
    border-radius: 1vh;
    padding: 1.5vh;

}
 
.top-nav-icon {
    height: calc(100vh/30);
    width: auto;
}

.hcc-icons {
    height: calc(100vh/20);
    width: auto;
}

.top-nav .nav-item .nav-link.active {
    color: #a62a2c;
}

.hcc-theme-color {
    color: #a62a2c;
}

.hcc-theme-gradient {
    background: linear-gradient(180deg, #a62a2c 25%, rgb(166 42 44 / 80%) 75%);
}

.hcc-login-gradient {
    background: linear-gradient(160deg, rgb(255 255 255 / 10%) 60%, rgb(166 42 44 / 50%) 40%);
}

.list-style-orange {
    list-style: georgian outside url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cellipse cx='100' cy='100' rx='100' ry='100' fill='%23ffc107' /%3E%3C/svg%3E");
}

.base-text-color {
    color: rgba(0, 0, 0, .65);
}

.hcc-photo-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cellipse cx='100' cy='100' rx='100' ry='100' fill='%23e1e1e1' /%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.star-group {
    display: flex;
}

.star {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' viewBox='0 0 1.10070038 1.10070038'%3E%3Cdefs/%3E%3Cpath fill='%23FFC20A' d='M.55034065 0l.12932968.42130089.42101002-.00090027-.34107971.25949955.13086981.42080021-.3401298-.26089955-.34012982.26089955.13086978-.42080021L0 .42040062l.42101002.00090027z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    height: 22px;
    width: 22px;
}

.star-half {
    width: 11px;
}

.bg-hcc {
    background-color: #a62a2c;
}

.border-hcc {
    border-color: #a62a2c !important;
}

.bg-footer {
    background-color: #ffefd3;
}

.login-card {
    max-width: 380px;
    height: calc(100vh / 2);
    margin: calc(((100vh - 50vh) / 2) / 2) 1rem;
    display: flex;
    justify-content: center;
    border-radius: .5rem;
    background-color: #ffffff;
    flex-flow: row;
}

.card-col-group .card {
    position: relative;
    display: block !important;
}

.number-square {
    width: 50px;
    height: 50px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.border-light-hcc {
    border: 1px solid #dee2e6!important;
}

.thumbnail-bar {
    position: relative;
}

.tr-border-seprate td {
    border-top: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.tr-border-seprate td:first-child {
    border-left: 1px solid #dee2e6 !important;
    border-radius: 10px 0 0 10px;
}

.tr-border-seprate td:last-child {
    border-right: 1px solid #dee2e6 !important;
    border-radius: 0 10px 10px 0;
}

.map {
    border:0; width: 100%; height: 300px;
}

@media screen and (min-width: 576px) {
    .login-card {
        margin-left: calc((100vw - 380px) - 2rem);
    }
    .hcc-logo {
        height: calc(100vh/8);
        width: auto;
    }
    .fss-s h1 {
        font-size: calc(1.375rem + 1vw) !important;
    }
    .fss-s h3 {
        font-size: calc(1.3rem + .6vw) !important;
    }
    .map {
        height: 375px;
    }
}

@media screen and (min-width: 768px) {
    .thumbnail-bar {
        max-height: 100%;
        position: absolute;
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: thin;
        scrollbar-color: var(--bs-gray) var(--bs-light);
    }
    .thumbnail-bar::-webkit-scrollbar {
        width: 7px;
    }
    .thumbnail-bar::-webkit-scrollbar-track {
        background: var(--bs-light);
    }
    .thumbnail-bar::-webkit-scrollbar-thumb {
        background-color: var(--bs-gray);
        border-radius: 10px;
        border: 1px solid transparent;
    }
    .map {
        height: 450px;
    }
    
 
    .col-md-2_5 {
        flex: 0 0 auto;
        width: 20.8333333375%;
    }
    .card-col-group {
        column-count: 2;
    }
   
}

@media screen and (min-width: 992px) {
    .card-col-group {
        column-count: 3;
    }
    .top-nav-icon {
        height: calc(100vh/24);
    }
    .top-nav .nav-item {
        margin-left: .5rem;
        margin-right: .5rem;
        position: relative;
    }
    .top-nav .nav-item .nav-link {
        margin-left: .5rem;
        margin-right: .5rem;
        font-weight: 500;
    }
    .top-nav .nav-item .nav-link.active::before {
        content: '';
        height: .2rem;
        width: 100%;
        position: absolute;
        top: -1.65rem;
        left: 0;
        background-color: #a62a2c;
    }
    .hcc-logo {
        height: calc(100vh/8);
    }
    .map {
        height: 50vh;
    }
}