:root {
    --accent-color: #0057a1;
}

.loader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: #fff;
}

.loader-area {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.header-misc-icon.d-inline-flex a {
    margin: 0 8px;
}

.header-misc-icon a:hover {
    color: var(--accent-color);
}

.primary-menu.style-6 .menu-item a:after {
    top: unset !important;
    bottom: 0;
}

.img-hover {
    position: relative;
    overflow: hidden;
}

.img-hover img {
    position: relative;
    height: 100%;
    width: 100%;
    transform: scale(1);
    transition-property: transform, -webkit-transform;
    transition-duration: .8s;
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-delay: 0s;
}

.img-hover:hover img {
    transform: scale(1.1);
    transition-duration: .6s;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.img-hover-bg:hover .event-item {
    filter: grayscale(.65);
}

.img-hover-bg:hover .blog-item-bg-img {
    filter: grayscale(.65);
}

.img-hover-bg:hover .blog-item-small-img {
    filter: grayscale(.65);
}

.accent-color {
    color: var(--accent-color) !important;
}

.accent-bg {
    background-color: var(--accent-color) !important;
}

.accent-border {
    border-color: var(--accent-color) !important;
}

.button.button-border.button-fill.hover-accent-color:hover,
.button.button-border.button-fill.hover-accent-color::before {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}

.map-height-1 {
    height: 300px;
}

.map-marker-color {
    color: var(--accent-color);
}

/* Tooltip Color */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: var(--accent-color);
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: var(--accent-color);
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: var(--accent-color);
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: var(--accent-color);
}

.tooltip-inner {
    color: var(--bs-tooltip-color, #fff);
    background-color: var(--accent-color);
}

/* Tooltip Color End */
.si-sticky.bottom-style {
    top: unset;
    bottom: 30px;
    transform: unset;
    left: 10px;
}

@media(max-width:1024px) {
    .si-sticky.bottom-style {
        right: 35px;
        left: unset !important;
        bottom: 80px;
    }
}

.map {
    height: 425px;
}

#page-title {
    padding: 10rem 0 !important;
    background-image: url('../assets/banner/Coffee.jpg');
    background-size: cover
}

#page-title:after {
    content: "";
    position: absolute;
    background-color: rgb(255 255 255 / 14%);
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

#page-title .row {
    position: relative;
    z-index: 2;
}

#page-title .row h1 {
    color: #fff;
}

li.breadcrumb-item.active::before {
    color: #fff;
}

.breadcrumb a {
    color: #fff;
}

.breadcrumb a:hover {
    color: #fff;
    opacity: .8;
}

.btn-check:focus+.btn,
.btn:focus {
    color: var(--bs-btn-hover-color);
    background-color: var(--accent-color) !important;
    border-color: var(--accent-color) !important;
    outline: 0;
    box-shadow: var(--accent-color) !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #fff;
}

thead,
tbody,
tfoot,
tr,
td,
th {
    padding: 20px !important;
}
.widget{
    padding-top: 3rem !important;
}
.reseller-item{margin-bottom: 50px;}