.fancy-scroll {
    --scrollbarBG: rgba(0, 0, 0, 0.3);
    --thumbBG: rgba(0, 0, 0, 0.3);
    overflow-y: auto;
}

/* Scroll bar */
.fancy-scroll::-webkit-scrollbar {
    width: 7px;
}
.fancy-scroll {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.fancy-scroll::-webkit-scrollbar-track {
    margin-top: 5px;    
    /* background: var(--scrollbarBG); */
}
.fancy-scroll::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 6px;
    /* border: 1px solid var(--scrollbarBG); */
}

.logo-img2 {
    content: url(../images/logo-desktop.webp);
}
@media (max-width: 800px) {
    .logo-img2 {
        content: url(../images/logo-mobile.png);
    }
}

/* The dots/bullets/indicators */
.dot {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}
.active {
    background-color: #616161;
}
/* Fading animation */
.fade {
    animation-name: fade;
    animation-duration: 3.5s;
    }
@keyframes fade {
    from {opacity: .7} 
    to {opacity: 1}
}

.container, .container-fluid, .container-lg, .container-md, .container-sm {
    width: 100%;
    padding-right: var(--bs-gutter-x,1.75rem);
    padding-left: var(--bs-gutter-x,1.75rem);
    margin-right: auto;
    margin-left: auto;
}
.box-border {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}

.cid-sXBl5ds0Mv .soc-item {display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: white;margin-right: 0.5rem;margin-bottom: 1rem;padding: 0.5rem;height: 2.5rem;width: 2.5rem;}        
.cid-sXBl5ds0Mv .social-row {display: flex;flex-wrap: wrap; }
@media (max-width: 767px) {
    .cid-sXBl5ds0Mv .social-row {display: flex;flex-wrap: wrap; justify-content: center }
}