body {
    font-family: Lato, sans-serif;
}


.header-top {
    background: #FCFBC2;
}

#header.header-scrolled {
    transition: all 0.5s;
    background-color: #5c231770;
}

.header-top a{
    color: #5C2217;
}

.main-menu {
    border-bottom: 0;
}


.top-header {
    background-color:#5c231770
}

.single-feature .desc-wrap {
    background: rgba(4, 13, 49, 0.8);
    height: 150px;
    color: #FCFBC2
}

.single-feature .desc-wrap a {
    color: #fff
}

.banner-area {
    background: none;
}

.banner-area.gallery-area{
    background:url("/static/img/gallery.3c9422a3099d.jpg") center;
    background-size:cover;
}

.banner-area.make-up{
    background:url("/static/img/markup.8283f68d962f.jpg") center;
    background-size:cover;
}

.feature-area {
    position: relative;
    z-index: 100;
}


.single-detials h4 {
    font-size: 50px;
}


.search-course-area{
    background:url("/static/img/computer.6faf8a38ea72.jpg") center;
    background-size:cover;
    background-attachment: fixed;
}

.banner-area.contact-area{
    background:url("/static/img/contact.1599590b26c3.jpg") center;
    background-size:cover;
}
/* .search-course-area.mission-vision{
    background:url("/static/img/gallery.3c9422a3099d.jpg") center;
    background-size:cover;
} */
.cta-one-area{
    background:url("/static/img/instructor.3d2658ddfb7d.jpg") center;
    background-size:cover;
    text-align:center;
    background-attachment: fixed;
}

.footer-bottom .footer-social a:hover {
    background-color: #5C2217;
}

.single-footer-widget ul li a:hover {
    color: #FCFBC2;
}

.single-feature .title h4 {
    color: #ffff;
}



.single-feature:hover .title{
    transition: all 0.5s;
    color:#fff
}

.single-feature .title{
    transition: all 0.5s;
    background:#BD3E6B;
    color:#fff
}


.single-fearture-2 .single-feature .desc-wrap {
    background: #084852;
}


 .single-fearture-2 .single-feature .desc-wrap:hover {
    background: #084852;
    transition: all 0.5s;
}


.single-fearture-2 .single-feature .title{
    background:rgba(7, 43, 3, 0.8);
    color:#fff
}


.single-fearture-2 .single-feature:hover {
    transition: all 0.5s;
    background: rgba(4, 13, 49, 0.8);
}


.single-fearture-3 .single-feature .desc-wrap {
    background: #5C2217;
}


.single-fearture-3 .single-feature .desc-wrap:hover {
    background: #FCFBC2;
}


.single-fearture-3:hover .title h4{
    transition: all 0.5s;;
}

.single-feature-3 .title {
    background: #FCFBC2;
}

.single-fearture-3 .single-feature .desc-wrap:hover {
    transition: all 0.5s;
    background: #5C2217;
}


.popular-course-area .owl-dot.active, .review-area .owl-dot.active,.active-upcoming-event-carusel .owl-dot.active  {
    background:#5C2217;
}


.cta-two-area {
    background: #FCFBC2;
    padding: 90px 0px;
}

.cta-two-area .cta-left h1 {
    color: #5C2217;
    font-weight: 700;
}


.primary-btn.wh {
    background: #5C2217;
    color: #FCFBC2;
    text-transform: uppercase;
}

.single-footer-widget .btn {
    background: #FCFBC2;
    color: #5C2217;
}

.footer-bottom a {
    color: #FCFBC2;
}


.search-course-area .details-content .single-detials span {
    color: #FCFBC2;
    font-size: 30px;
}

.single-review .star .checked {
    color: #5C2217;
}

#wowslider-container1 .ws-title div,#wowslider-container1 .ws-title span{
    color:rgb(248, 203, 0);
}

.nav-menu ul li:hover>a{
    color:#FCFBC2;
}

.nav-menu ul li a{
    color:#FCFBC2;
    font-size: 15px;
}

.menu-has-children ul {
    font-size: 20px;
    text-align: center;
    background: rgba(4,9,30,0.8);
}

.nav-menu li>a{
    font-size: 1em;
}
.nav-menu li:hover>a{
    color:#FCFBC2;
    transition: width .5s ease, background-color .5s ease;
}

.widget-wrap .search-widget form.search-form input[type=text] {
    background: #5C2217;
}


.widget-wrap .search-widget form.search-form input[type=text]:hover {
    background: #5C2217;
}


.widget-wrap .search-widget form.search-form button {
    background: #FCFBC2;
    color: #5C2217;
}


.widget-wrap .popular-post-widget .popular-title {
    background: #5C2217;
}


.blog-pagination .page-item.active .page-link {
    background-color: #5C2217;
    border-color: transparent;
    color: #fff;
}

.blog-pagination .page-link:hover {
    color: #5C2217;
    text-decoration: none;
    background-color: #FCFBC2;
    border-color: #eee;
}

.post-content-area .single-post .primary-btn:hover {
    background:#5C2217 !important;
    color: #FCFBC2 !important;
}

.widget-wrap .popular-post-widget .single-post-list .details h6:hover {
    color: #5C2217;
}


.contact-page-area .address-wrap .single-contact-address .lnr {
    font-size: 30px;
    font-weight: 500;
    color: #5C2217;
    margin-right: 30px;
}

.genric-btn.primary {
    color: #fff;
    background: #5C2217;
    border: 1px solid transparent;
}

.contact-page-area .form-area .genric-btn:hover {
    border: 1px solid #FCFBC2;
    color: #FCFBC2 !important;
    background: #5C2217
}


.gallery-area .single-imgs .overlay-bg {
    background: rgba(4,9,30,0.8);
}

.contact-row {
    background: #FCFBC2;
    margin-bottom: 20px;
}

.icon sp {
    margin-left:  50px;
}

p.text-center.font-weight-bold {
    color:rgba(4, 13, 49, 0.8)
}

.mission-vission {
    color:#FCFBC2;
    padding:50px;
    margin-top: -50px;
}

.mission-vission h3{
    color: #FFF;
    padding-bottom: 20px;
}

.mission-vission p{
    font-size: 20px;
    font-family: Georgia, 'Times New Roman', Times, serif ;
}

.contact-us {
    color: #fcfbc2ce;
    background: #fcfbc294;
    height: 300px;
    text-align: center;
    padding:50px;
    margin: auto;
}

.contact-us h5 {
    font-size: 15px;
    font-family: Lato, sans-serif ;
}

.primary-btn {
    background: #5C2217;
}


.class-section {
    background: #FCFBC2;
}

.class-single {
    background:linear-gradient(0deg, rgba(4, 9, 30, 0.774), rgba(4, 9, 30, 0.774)), url("/static/img/contact.1599590b26c3.jpg");
    background-size:cover;
    margin: auto;
    border-radius: 20px;
    color:#FCFBC2;
    font-size: 17px;
}

.class-single h4 {
    color:#FFF;
    text-align: center;
    padding: 10px;

}

.calendar {
    padding: 20px;
}

.single-popular-carusel .details h4:hover {
    color: #5C2217!important;
}

.calendar-single {
    background:linear-gradient(0deg, rgba(4, 9, 30, 0.774), rgba(4, 9, 30, 0.774)), url("/static/img/gallery.3c9422a3099d.jpg");
    background-size:cover;
    margin: auto;
    padding: 30px;
    border-radius: 20px;
    color:#FCFBC2;
    font-size: 16px;
    text-align: center;
    height: 600px;
}
.calendar-single h3 {
    color:#FFF;
    text-align: center;
    padding: 10px;

}



.nav-tabs {
    border-bottom: 1px solid #5C2217;
}


nav a {
    color: #5C2217;
    margin-right: 100px;
}

nav a:hover {
    color: #5C2217;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #5C2217;
    background-color: #FCFBC2;
}

.tab-content p {
    color: #838181;
    font-size: 15px;
    font-weight: bold;
}

@media (max-width: 991.98px){

    .nav-link {
    padding:10px;
}

    .nav-tabs {
        border-bottom: 1px solid #5C2217;
    }


    nav a h3 {
        color: #5C2217;
        font-size: 15px;
        font-weight: bold;
        margin-right: 5px;
    }

    nav a:hover {
        color: #5C2217;
    }

    .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
        color: #5C2217;
        background-color: #FCFBC2;
}

.class-section {
        padding: 0.7rem !important;
    }

.banner-area {
    margin-top: 100px;
    }

}

.btn-bd-primary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-violet);
    --bs-btn-border-color: var(--bd-violet);
    --bs-btn-border-radius: .5rem;
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #{shade-color($bd-violet, 10%)};
    --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
    --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
    --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
}