.section { padding: 70px 0; }

.section-sm { padding: 35px 0; }



.btn-default {

    color: #fff;

    background-color: #e7643e;

    border-color: #e7643e;

    box-shadow: inset 0 1px 0 rgb(255 255 255 / 15%), 0 1px 1px rgb(22 28 45 / 8%);

}

.btn-default:hover { 

    color: #fff;

    background-color: #eb7b5b;

    border-color: #e97451;

}



.inner-page header.navbar {

    background-color: #452b4f;

}

.navbar-nav .nav-link { 

    padding: 12px 10px;

}

.navbar-brand-img {

    max-height: 28px;

    width: auto;

}

.flickity-page-dots-vertical .flickity-page-dots { 

    left: 25px;

}

.home-fact-area {

    background-color: #fe805d;

    padding: 20px 0 !important;

}

.hero-area .overlay-custom::before { 

    background: linear-gradient(0deg,rgba(69,43,79,.6),rgba(69,43,79,.6)),linear-gradient(180deg,#452b4f 7.65%,rgba(255,255,255,0) 78.19%);

}

.overlay-primary::before {

    background-color: #452b4f;

}



.course-box {

    position: relative;

    margin-bottom: 30px;

}

.footer-area {

    border-top: 1px solid #e7e7ec;

}
p.developedby-hide {
    position: absolute;
    bottom: 0;
    z-index: -1;
    opacity: 0;
}

.btn-group.action-btn a.btn-sm {
    font-size: 14px;
    padding: 7px 10px;
    line-height: 1;
    font-weight: 300;
}
/* .navbar-vertical .dropdown > ul.dropdown-menu.dropdown-menu-md.show{
    overflow-y: auto;
    max-height: 86vh;
} */
.navbar-vertical .dropdown-item { 
    padding: 4px 18px; 
} 

.fact-box {
    background-color: #fff;
    text-align: center;
    padding: 20px; 
    margin-bottom: 25px;
    border-radius: 5px;
} 
.fact-box .media-body img {
    width: 120px;
}
.navbar-dark .navbar-vertical .dropdown-menu a { 
    width: 100%;
}



/* // X-Small devices (portrait phones, less than 576px)

// No media query for `xs` since this is the default in Bootstrap */



/* // Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) { }



/* // Medium devices (tablets, 768px and up) */

@media (min-width: 768px) { }



/* // Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
    .fact-box { 
        margin-top: -70px;
    } 
    .section.testimonial-area .card {
        min-height: 302px;
    }
}



/* // X-Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) { }



/* // XX-Large devices (larger desktops, 1400px and up) */

@media (min-width: 1400px) { }







 

/* // XX-Large devices (larger desktops)

// No media query since the xxl breakpoint has no upper bound on its width */



/* // X-Small devices (portrait phones, less than 576px) */

@media (max-width: 575.98px) { }



/* // Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) { }



/* // Medium devices (tablets, less than 992px) */

@media (max-width: 991.98px) {

    .navbar-nav .nav-item {

        padding: 0;

    }

    .navbar-collapse.collapsing, .navbar-collapse.show { 

        padding: 15px;

    }
    .course-tab-v1 .nav-item:not(:last-child) {
        margin-right: 10px;
    }
    .course-tab-v1 .nav-link { 
        padding: 1rem 1rem;
    }
    #st-1.st-has-labels .st-btn.st-remove-label {
        min-width: 40px !important;
    }

}



/* // Large devices (desktops, less than 1200px) */

@media (max-width: 1199.98px) { }



/* // X-Large devices (large desktops, less than 1400px) */

@media (max-width: 1399.98px) { }