/* Common Custom CSS */
/*
    Dark purple color: #002377
    Dark red: #9f0609
*/

.header-top {
    letter-spacing: 0.3px;
    background: #9f0609;
}
.header-top a:hover, .header-top .header-top-left a:hover i {
    color: #CCC;
}
#logo a {
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #FFF;
    font-size: 20px;
    font-weight: 600;
}
#logo a:hover, #nav-menu-container li a:hover {
    color: #b11b1e;
}
#nav-menu-container li a {
    letter-spacing: 0.3px;
    font-size: 14px;
}

.single-feature:hover .title {
    background: #9f0609;
}

.single-feature .desc-wrap {
    color: #333;
}

.single-feature:hover .desc-wrap a {
    color: #9f0609;
}

.single-popular-carusel .details h4 {
    text-align: center;
}
.single-popular-carusel .details h4:hover {
    color: #9f0609 !important;
}

.single-popular-carusel .meta {
    top: 0px;
    position: absolute;
    padding: 8px 10px;
    background-color: rgba(210, 139, 141, 0.3);
    margin: 0;
}
.single-popular-carusel .meta h4 {
    color: #9f0609;
    text-transform: uppercase;
}

.review-area .owl-dot.active, .popular-course-area .owl-dot.active {
    background-color: #9f0609;
}

.primary-btn, .btn-default {
    background-color: #9f0609 !important;
}

.footer-bottom .lnr, .footer-bottom a {
    color: #9f0609;
}

.section-gap {
    padding:60px 0;
}
.serviceDetails img {
    max-width: 100%;
    height:auto !important;
}
.related .related-single h5 {
    margin: 10px 0;
    font-size: 17px;
    background: #9f0609;
    padding: 10px 0;
    color: #FFF;
}
.related .related-single h5:hover {
    color: #d7d9e2;
    background: #920305;
}
.starRatingDiv span {
    cursor: pointer;
}

.starRatingDiv span.fa-star, .starRatingDiv span:hover {
    color: #ffa500;
}

.about-content {
    padding: 70px 0;
}