*::-webkit-scrollbar {
    width: 8px
}

*::-webkit-scrollbar-button,
*::-webkit-scrollbar-thumb {
    background: var(--obsidian);
}

.facebook {
    color: #3b5998;
}

.facebook-bg {
    background-color: #3b5998;
}

.twitter {
    color: #55acee;
}

.twitter-bg {
    background-color: #55acee;
}

.instagram {
    color: #d6249f;
}

.instagram-bg {
    background: -moz-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

.linkedin {
    color: #0072b1;
}

.linkedin-bg {
    background-color: #0072b1;
}

.youtube-bg {
    background-color: #FF0000;
}

.whatsapp {
    color: #25d366;
}

.whatsapp-bg {
    background-color: #25d366;
}

/* ================  Hero Section   ==================== */

.hero_img_side {
    max-width: 400px;
    margin-inline: auto;
    border-radius: 50% 50% 0 0;
    -webkit-border-radius: 50% 50% 0 0;
    -moz-border-radius: 50% 50% 0 0;
    -ms-border-radius: 50% 50% 0 0;
    -o-border-radius: 50% 50% 0 0;
    overflow: hidden;
    border: 1px dashed #f67231;
    outline: 4px solid #f6723199;
    outline-offset: 10px;

    opacity: 0;
    transition: transform 1200ms ease, opacity 1200ms ease;
    transform: translateY(200px);
}

.main-slider-one .active .hero_img_side {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1000ms;
}

.member_section .form-one__group {
    row-gap: 1.5rem;
}

.member_section .form-one__control :is(input, textarea) {
    color: #fff;
    border: 1px solid #fffa;

}

.member_section .form-one__control input {
    height: 3.25rem;
}

.member_section .form-one__control textarea {
    height: 7rem;
    padding-top: 1rem;
    margin: 0;
}

.gallery_sec .row > div {
    padding-inline: 10px;
}

.service_sec .service_container {
    position: relative;
}

.service_sec .service_container .service-three__item__normal {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

    border-radius: 20px;
    background-color: var(--careox-white, #fff);

    overflow: hidden;
}

.service_sec .service_container .service-three__item__normal::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent 0%, #fffd, #fff 100%);
    margin: auto;
    width: 100%;
    height: calc(100% / 1.5);
    z-index: -1;

}

.service_sec .service_container .service-three__item__normal .service_top_space {
    height: 18.75rem;
}

/*  ===========  About Us page  footer galleery slide   ===================== */

.about_gallery {
    height: 15rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}

.about_gallery img {
    min-height: 100%;
    min-width: 100%;
}

/* ===============  Event Page  ============== */

.event_sec .events_content .sec-title__title {
    font-size: 2.1rem;
}

.event_sec .events_content {
    position: relative;
    padding-block: 4rem 3rem;
}

.event_sec .events_content:nth-of-type(even) {
    /* background-color: #eee9; */
}

.event_sec .events_content:nth-of-type(even)::before,
.event_sec .events_content:nth-of-type(even)::after {
    content: "";
    position: absolute;
    inset: 0;
    user-select: none;
}

.event_sec .events_content:nth-of-type(even)::after {
    background: url(../images/shapes/donate-area-bg.jpg) center right;
    /* background-size: contain; */
    z-index: -1;
    opacity: .8;
}

.event_sec .events_content:nth-of-type(even)::before {
    top: auto;
    bottom: 0;
    max-height: 22.5rem;
    height: 100%;
    background: url(../images/shapes/service-bg-shape-2.png) no-repeat bottom right/contain;
    opacity: .7;
}

/* .event_sec .events_content .event_slide {} */

.event_sec .events_content .event_img {
    padding-bottom: .75rem;
    max-height: 24rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}

.event_sec .events_content img {
    max-width: 100%;
    min-height: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.event_sec .events_content a {
    position: absolute;
    inset: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0005;
    opacity: 0;
}

.event_sec .events_content a span {
    opacity: 0;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
}

.event_sec .events_content .event-one__item:hover a {
    inset: 0;
    opacity: 1;
    backdrop-filter: blur(1px);
}

.event_sec .events_content .event-one__item:hover a span {
    transition-delay: .5s;
    opacity: 1;
}