body {
    font-family: 'OldschoolGrotesk', sans-serif;
}

body * {
	outline: none;
}

a {
    cursor: pointer;
}

h1, h2, h3, .display-1, .display-2, .display-3, .display-4, .header-title {
    font-family: 'OldschoolGrotesk', sans-serif;
}

.owl-theme .owl-dots .owl-dot span {
    border-radius: 3px !important;
    background: rgba(47, 85, 212, 0.5) !important;
    -webkit-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots.clickable .owl-dot:hover span {
    background: #8f1f0e !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.owl-theme .owl-nav span {
    background: #8f1f0e !important;
}

.accordion .card {
    border: 0 !important
}

.accordion .card-header {
    padding: 1rem !important;
    margin-bottom: 0;
    background-color: #f8f9fc !important;
    box-shadow: none;
    border: 0 !important
}

.accordion .accordion-button {
    background-color: #fcf6f5; 
}

.accordion .card-header button {
    padding: 0 !important;
}

.swiper-button-next:after {
    content: none !important;
}

.swiper-button-prev:after {
    content: none !important;
}

.carousel-control-next,
.carousel-control-prev {
    display: none !important;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    /* margin-top: -30px !important; */
    position: relative;
}

.icons {
    line-height: 1;
}

/* modal */

.dark-modal .modal-content {
    background-color: #000000;
    color: white;
    background: none;
    border: none;
}

.dark-modal .modal-header {
    margin-left: auto;
    border: none;
    padding: 0 !important;
}

.dark-modal .close {
    border: none;
    background: transparent;
    color: white;
    font-size: 25px;
}

.modal-header .close.pull-right {
    position: absolute;
    right: 20px;
    height: 30px;
    width: 30px;
    line-height: 1;
    text-align: center;
    background-color: #8f1f0e;
    color: #fff;
    cursor: pointer;
}

.swiper-button-next:hover{
    border-radius: 50%;
}
.swiper-button-prev:hover{
    border-radius: 50%;
}

/* offcanvas Css */
.offcanvas.show{
    visibility: visible;
}
.fea.icon-sm{
    line-height: 16px;
}
.fea.icon-ex-md{
    line-height: 20px;
}
.owl-carousel .owl-item img{
    width: auto !important;
}
.features .feather {
    width: 20px;
}

.tiny-twelve-item{
    position: relative;
    z-index: 0;
}

.work-container.work-modern .icons .work-icon {
    position: relative;
}

.swiper-container{
    overflow: hidden;
}


.bg-half-home .swiper-slide .slide-inner{
    padding: 245px 0;
    position: relative;
    align-self: center;
}

.information-content{
    /* font-size: 16px; */
}
.information-content h3, .information-content h4, .information-content h5 {
    margin-top: 2em;
    margin-bottom: 1em;
    font-weight: 700;
}
.pagebanner{
    height: 315px;
    overflow: visible;
    position: relative;
}

section#home,
section#activities {
    margin-top: 108px;
}

section#home.home-slider {
    margin-top: 0;
}

.pages-heading .title {
    
    text-transform: uppercase;
}

.nav {
    justify-content: center;
}

.nav-tabs .nav-link {
    font-weight: 700;
    color: #9d9d9d;

    &.active {
        color: #8f1f0e;
    }
}

.nav-tabs .nav-link:hover {
    color: #8f1f0e;
}

.sorry-notice {
    border: 1px solid #ccc;
    border-left: 4px solid #8f1f0e;
    padding: 18px 30px;
    font-size: 20px;
}

.nav-tabs .nav-link:not(.active):hover {
    border-color: transparent !important;
}

@media screen and (max-width: 576px){
    .pages-heading .title {
        font-size: 20px !important;
    }
}

.widget-wrapper {
    .section-title .title {
        font-family: 'OldschoolGrotesk', sans-serif;
        font-size: 24px !important;
    }
}

.events-img-wrap {
    padding: 10px 20px;
    border: 1px solid #ccc;
    background-color: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 6px;

    &.active {
        border-color: #8f1f0e;
    }
}
.upcoming-events i-feather {
    width: 20px;
}
.upcoming-events i-feather svg {
    height: 16px;
    width: 16px;
}

.cursor-pointer{
    cursor: pointer;
}

.highlight {
    background-color: #8f1f0e; /* Example highlight color */
    color: white;
}
.learn-btn{
    color: #1e1d1d;
    letter-spacing: 1px;

}
.learn-btn::after {
    /* Add styles here if needed */
}
.bg-home {
    .title-heading-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -40%);
        color: #fff;
        width: 80%;
        max-width: 1080px;

        h1 {
            font-size: 50px;
            line-height: 1;
            text-transform: uppercase;
            letter-spacing: 1px;
            
        }

        p {
            font-size: 20px;
            line-height: 1.5;
        
        }
    }
}

.cat-act{
    font-size: 14px;
}
.section-title .title {
    
    color: #8f1f0e;
    text-transform: uppercase;
    font-weight: 600;
}
.section-types-title {
    .title {
        
        color: #8f1f0e;
       
        font-weight: 700;
    }

}

.typescard .content {
    text-align: center;

    h5 {
        
        padding-bottom: 10px;
        border-bottom: 1px solid #8f1f0e;
        margin-bottom: 15px;
        font-weight: 600;
        text-transform: capitalize;
    }
}