/* Home */
.book {
    background: #D30000;
    color: #fff!important;
    padding: 10px 18px 10px 16px!important;
    border-radius: 10px;
    margin-right: 0!important;
    border: none;
    font-size: 14px;
    font-weight: 600;
}

.book i {
    font-size: 18px;
}

.book-now-btn {
    background: #D30000;
    box-shadow: 4px 4px 0px 0px #FFFFFF;
    color: #fff!important;
    padding: 10px 20px 10px 18px!important;
    border: none;
    border-radius: 10px;
    margin-right: 0!important;
    font-size: 14px;
    font-weight: 600;
}

.book:hover, .book-now-btn:hover {
    background: #b30000;
}

/* .hero {
    max-height: 600px;
} */

.position-relative {
    position: relative;
}

.overlay-text {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #21212199;
}

.overlay-text h5 {
    color: #fff;
    font-weight: 400;
}

.overlay-text h1 {
    font-weight: 700;
    color: #fff;
    font-size: 52px;
}

.title {
    color: #007AFF;
    font-size: 14px;
    font-weight: 600;
}

.second-title {
    color: #212121;
    font-size: 32px;
    font-weight: 700;
}

.programs .card {
    border-top: 5px solid #696969;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-radius: 10px;
    box-shadow: 0px 2px 8px 0px #89858533;
    /* height: 600px; */
    object-fit: cover;
}

.programs .card:hover {
    box-shadow: 4px 4px 8px 0px #21212140, -4px -4px 8px 0px #21212140;
}

.programs .visit span,
.event .visit span {
    color: #212121;
    text-decoration: underline;
}

.programs .visit i,
.event .visit i {
    display: none;
    vertical-align: middle;
}

.programs .visit:hover i,
.event .visit:hover i {
    display: inline;
    font-size: 20px;
    color: #212121;
}

.leftone {
    border-right: none;
}

.leftone i {
    font-size: 18px;
}

.rightone {
    border-left: none;
}

.programs .logo {
    width: 56px!important;
}

.programs .card-title {
    color: #212121;
    font-size: 20px;
    font-weight: 600;
}

.programs .content {
    color: #696969;
}

.school {
    position: relative;
}

.school .image {
    border-radius: 10px;
    box-shadow: 0px 1.9px 7.62px 0px #89858533;
}

.school .image-title {
    position: absolute;
    top: 30%;
    padding: 0 40px;
    width: 50%;
}

.school .choose {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
}

.school .paragraph {
    color: #fff;
}

.team .card,
.instructor .card {
    background: transparent;
    border: none;
}

.team .teacher-image,
.event .event-image,
.instructor .teacher-image {
    overflow: hidden;
    position: relative;
}

.team .teacher-image,
.instructor .teacher-image {
    border-radius: 10px;
}

.event .event-image {
    border-radius: 10px 10px 0 0;
}

.team .teacher-image img,
.instructor .teacher-image img,
.event .event-image img {
    object-fit: cover;
    transition: transform 0.5s ease;
    display: block;
}

.team .card-body:hover img,
.instructor .card-body:hover img,
.event .card-body:hover img {
    transform: scale(1.05);
}

.testimonials .testimonial-item .discover {
    background: #fff;
    color: #212121;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 14px;
    width: 220px;
    border-radius: 5px;
}

.testimonials .testimonial-item .discover img,
.testimonials .testimonial-item .contact img {
    display: none;
}

.testimonials .testimonial-item .discover:hover {
    color: #D30000;
}

.testimonials .testimonial-item .discover:hover img,
.testimonials .testimonial-item .contact:hover img {
    display: inline;
}

.testimonials .testimonial-item .contact {
    background: #212121;
    border: 1px solid #FFFFFF;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 14px;
    width: 220px;
    border-radius: 5px;
}

.testimonials .testimonial-item .contact:hover {
    background: linear-gradient(44.09deg, #212121 40.17%, #D30000 158.57%);
}

.event .card {
    border-radius: 10px;
    border: none;
    box-shadow: 0px 2px 8px 0px #89858533;
}

.event .card .card-body img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.event .event-title,
.event .event-body p {
    color: #696969;
}

.event .detail .event-title {
    color: #212121;
    background: #EDEEEF;
    border: none;
    padding: 10px 15px;
    border-radius: 100px;
    font-weight: 500;
    cursor: default;
}

.event .event-title p {
    margin-bottom: 0;
}

.event .event-body h4 {
    color: #212121;
    font-size: 24px;
    font-weight: 600;
}

/* Base styles for the link */
.event .event-body .more,
.programs .card-body .more {
    position: relative;
    display: block;
    padding: 12px 16px;
    color: #212121;
    border: 1px solid #212121;
    border-radius: 5px;
    float: right;
    text-decoration: none;
    overflow: hidden;
    z-index: 1;
    transition: color 0.3s ease;
}

.event .event-body .more i,
.programs .card-body .more i {
    font-size: 20px;
    vertical-align: middle;
}

.event .event-body .more:hover,
.programs .card-body .more:hover {
    color: #fff;
}

.event .event-body .more::before,
.programs .card-body .more::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #212121;
    z-index: -1;
    transition: left 0.4s ease;
}

.event .event-body .more:hover::before,
.programs .card-body .more:hover::before {
    left: 0;
}

.testimonials .input-group{
    max-width: 500px;
}

.testimonials .input-group {
    background: #fff;
    padding: 1px;
    margin: 0 auto;
    border-radius: 45px;
}

.main-section .input-group {
    background: #FFFFFF99;
    padding: 1px;
    margin: 0 auto;
    border-radius: 45px;
    width: 60%;
    transition: width 0.3s ease;
}

.testimonials .form-control,
.main-section .form-control {
    border: none;
}

.main-section .form-control {
    background: transparent;
}

.testimonials .form-control::placeholder {
    color: #A9A9A9;
}

.main-section .form-control::placeholder {
    color: #212121;
    font-size: 20px;
}

.testimonials .form-control:focus,
.main-section .form-control:focus {
    box-shadow: none;
}

.testimonials .btn-subscribe,
.main-section .btn-subscribe {
    background-color: #d50000;
    color: white;
    border: none;
    padding: 10px 30px;
    border-radius: 45px;
    font-weight: 600;
}

.testimonials .btn-subscribe:hover,
.main-section .btn-subscribe:hover {
    background-color: #b30000;
}

.testimonials .input-icon,
.main-section .input-icon {
    background-color: #fff;
    color: #A9A9A9;
    font-size: 24px;
    border: none;
    border-radius: 45px 0 0 45px;
}

.main-section .input-icon {
    background-color: transparent!important;
}

.main-section .input-icon img {
    width: 26px;
}

@media(min-width: 768px) and (max-width: 991px) {
    .overlay-text h1 {
        font-size: 40px;
    }

    .school::before {
        content: "";
        background: #212121BF;
        border-radius: 10px;
        position: absolute;
        inset: 0;
    }

    .school .image-title {
        top: 25%;
        width: 75%;
    }

    .school .image {
        border-radius: 20px;
    }

    .main-section .input-group {
        width: 80%;
    }
}

@media(max-width: 767px){
    .overlay-text h5,
    .programs .content,
    .event .event-body .more,
    .programs .card-body .more,
    .school .paragraph,
    .team .member-content p,
    .instructor .member-content p,
    .testimonials .testimonial-item p,
    .testimonials .testimonial-item .discover,
    .testimonials .testimonial-item .contact,
    .event .event-body p,
    .testimonials .form-control::placeholder,
    .testimonials .btn-subscribe,
    .main-section .btn-subscribe {
        font-size: 14px;
    }

    .event .event-title {
        font-size: 12px;
    }

    .overlay-text h1 {
        font-size: 22px;
    }

    .title,
    .programs .visit span {
        font-size: 10px;
    }

    .second-title,
    .programs .card-title,
    .event .event-body .more i,
    .programs .card-body .more i,
    .school .choose,
    .team .member-content h4,
    .instructor .member-content h4,
    .testimonials .testimonial-item h3,
    .event .event-body h4 {
        font-size: 16px;
    }

    .testimonials .testimonial-item .input-group i {
        font-size: 18px;
    }

    .school .image-title {
        top: 18%;
        width: 100%;
    }

    .school::before {
        content: "";
        background: #212121BF;
        border-radius: 10px;
        position: absolute;
        inset: 0;
    }

    .testimonials .testimonial-item .discover,
    .testimonials .testimonial-item .contact {
        display: block;
    }

    .main-section .testimonial-item h3 {
        font-size: 24px;
    }

    .main-section .testimonial-item p,
    .main-section .form-control::placeholder {
        font-size: 14px;
    }

    .main-section .input-icon img {
        width: 20px;
    }

    .main-section .input-group {
        width: 80%;
    }
}
/* Home */

/* All Programs */
.programs .title1 {
    color: #212121;
    font-size: 20px;
    font-weight: 600;
}

.main-section .btn-subscribe {
    display: none;
}

.main-section .btn-subscribe i {
    font-size: 22px;
}

.main-section .input-group.active {
    width: 100%;
    background: #FFFFFF;
}

.main-section .input-group.active .btn-subscribe {
    display: inline;
}
/* All Programs */

/* Contact Us */
.contact .form-label {
    color: #212121;
}

.contact .form-control1 {
    background: #EFF1F6;
    padding: 14px;
    border: none;
}

.contact .form-control1::placeholder {
    color: #696969;
}

.contact .address {
    color: #696969;
    font-size: 18px;
    font-weight: 600;
    border-radius: 10px;
}

.contact .line {
    color: #d4dde4;
}

.contact .card {
    box-shadow: 0px 2px 8px 0px #89858533;
    border: none;
    border-radius: 10px;
}

.contact .phone {
    color: #007AFF;
    font-weight: 500;
}

.contact .mail,
.contact .info {
    color: #212121;
    font-weight: 500;
}

.contact .mail:hover {
    color: #007AFF;
}

.contact .map {
    border-radius: 10px;
}

.contact #accordionExample {
    box-shadow: 0px 2px 8px 0px #89858533;
    border: none;
    border-radius: 10px;
}

.fee-card #accordionExample {
    border: none;
    border-radius: 10px;
}

.contact .accordion,
.fee-card .accordion {
    --bs-accordion-border-color: none;
    --bs-accordion-border-radius: 10px;
}

.contact .accordion-button,
.fee-card .accordion-button {
    color: #212121;
    font-weight: 600;
}

.contact .accordion-header:focus,
.fee-card .accordion-header:focus {
    box-shadow: none;
}

.contact .accordion-body,
.fee-card .accordion-body {
    color: #696969;
    font-weight: 500;
}

.contact .accordion-button:not(.collapsed),
.fee-card .accordion-button:not(.collapsed) {
    background: none;
    box-shadow: none;
}

.contact .accordion-button:focus,
.fee-card .accordion-button:focus {
    box-shadow: none;
}

.contact hr,
.fee-card hr {
    color: #c2cad1;
}

.contact .howto button {
    background: transparent; 
    border: 1px solid #212121;
    border-radius: 10px;
    padding: 10px 14px;
}

.contact .howto i {
    font-size: 20px;
    vertical-align: middle;
}

.contact .howto .by {
    font-weight: 600;
    color: #212121;
}

.contact .howto .content {
    color: #4D4D4D;
    font-weight: 500;
}

.contact .howto .bus-number {
    background-color: #D30000;
    color: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    font-weight: bold;
}

#directoryModal .close {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    background: transparent;
    box-shadow: none;
    border: none;
}

/* Contact Us */

/* About Us */
#about .card-title {
    font-size: 24px;
    font-weight: 500;
}

@media(max-width: 767px){
    #about .card-title {
        font-size: 18px;
    }

    #about .card-text {
        font-size: 14px;
    }

    .contact .form-label,
    .contact .form-control1::placeholder,
    .contact .address,
    .contact .phone,
    .contact .mail, .contact .info,
    .contact .accordion-button,
    .fee-card .accordion-button,
    .contact .accordion-body, .fee-card .accordion-body {
        font-size: 14px;
    }

    .send {
        font-size: 14px;
        float: right;
    }
}
/* About Us */

/* Partnership */
#partner .sfeg-logo {
    width: 263px;
}

#partner .partner-title {
    font-size: 32px;
    font-weight: 700;
}

#partner .liberty {
    color: #212121;
    font-size: 18px;
}

#partner .right {
    border-right: 1px solid #212121;
}

@media(min-width: 768px){
    #partner .right1 {
        border-right: 1px solid #212121;
    }

    #partner .card1 {
        width: 50%;
    }
}
/* Partnership */

/* ED Visa */
#visaTab {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 1.9px 7.62px 0px #89858533;
}

.visa .nav-pills .nav-link.active {
    background: #F4F8FB;
    color: #000;
    font-weight: 600;
    border-right: 3.81px solid red;
}

.visa .nav-pills .nav-link {
    color: #000;
    padding: 20px 20px;
    border-radius: 0;
}

.visa .nav-pills .nav-link:hover {
    background: #F4F8FB;
    border-right: 3.81px solid red;
}

#visaTabContent h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 1rem;
}

#visaTabContent .alert-box {
    display: flex;
    align-items: center;
    background: #EFF1F6;
    padding: 15px;
    border-radius: 10px;
    margin: 0 auto;
}

#visaTabContent .alert-box i {
    color: #38B551;
}

.visa .application {
    color: #212121;
    font-size: 18px;
    text-decoration: underline;
}

.visa .application:hover {
    color: #b30000;
}

.in_visa .ed_title {
    color: #212121;
    font-weight: 600;
}

.in_visa .first {
    color: #212121;
    border-bottom: 1px dashed #707070;
}

.in_visa .first .link {
    color: #007AFF;
    text-decoration: underline;
}

.in_visa .first .link:hover {
    color: #D30000;
}

.in_visa .last {
    color: #212121;
}

.in_visa .sub-title {
    font-weight: 600;
}

.tab-content p,
.visa .tab-content li {
    color: #212121;
    font-size: 16px;
}

.tab-content ul {
    padding: 0;
}

.tab-content ul li {
    margin-bottom: 10px;
    font-size: 1.1rem;
}

.bi-check-circle-fill {
    font-size: 1.5rem;
    margin-right: 10px;
}

@media(max-width: 767px){
    #visaTab {
        background: transparent;
        box-shadow: none;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .visa .nav-pills .nav-link {
        white-space: nowrap;
        font-size: 14px;
        padding: 10px 0;
        margin: 0 10px;
    }

    .visa .nav-pills .nav-link.active {
        color: #D30000;
        border-radius: 0;
        border-right: none;
        background: none;
        border-bottom: 2px solid #D30000;
    }

    #visaTabContent h2 {
        font-size: 18px;
    }

    .tab-content p,
    #partner .liberty {
        font-size: 14px;
    }

    #partner .partner-title {
        font-size: 20px;
    }
}
/* ED Visa */

/* Program Detail */
.program .back {
    color: #212121;
    font-weight: 600;
}

.program .back:hover {
    color: #D30000;
}

.program .in_person {
    background: #E3ECF3;
    font-size: 16px;
    padding: 5px 15px;
    border-radius: 5px;
    color: #212121;
}

.program-abe .program-title {
    border-bottom: 1px solid #E9EAEB;
}

.program .begin {
    color: #212121!important;
    font-size: 16px;
    font-weight: 600;
}

.program .course-price {
    color: #D30000!important;
    font-size: 18px;
    font-weight: 700;
}

.program .note, .note {
    color: #D30000;
    font-weight: 500;
}

.program .require ul li {
    color: #212121;
    padding-bottom: 20px;
}

.program .require .na {
    color: #212121;
}

.program .require .na:hover {
    color: #007AFF;
}

.program #pills-tab {
    background-color: #EDEEEF;
    border-radius: 30px;
    padding: 10px;
}

.program .nav-pills .nav-link {
    border-radius: 20px;
    margin-right: 5px;
    color: #212121;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.program .nav-pills .nav-link.active {
    background-color: #212121;
    color: #fff;
}

.program .nav-pills .nav-link:hover {
    background-color: #212121;
    color: #fff;
}

.program .top-reason li {
    font-size: 1rem;
    color: #696969;
    margin-left: 30px;
}

.program .road {
    font-weight: 600;
}

.program .foundation .number-01,
.program .foundation .number-02,
.program .foundation .number-03,
.program .foundation .number-04,
.program .foundation .number-05,
.program .foundation .number-06,
.program .foundation .number-07,
.program .foundation .number-08 {
    border-radius: 10px;
    box-shadow: 0px 2px 8px 0px #89858533;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.program .foundation .card-number {
    font-size: 20px;
    font-weight: 600;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    color: #FFFDFD;
    margin-bottom: 10px;
}

.program .foundation .number-01 { border-top: 2px solid #416FBA; }
.program .foundation .number-02 { border-top: 2px solid #EEC25B; }
.program .foundation .number-03 { border-top: 2px solid #7CCBD5; }
.program .foundation .number-04 { border-top: 2px solid #7CC9A2; }
.program .foundation .number-05 { border-top: 2px solid #9AC479; }
.program .foundation .number-06 { border-top: 2px solid #A6A6A6; }
.program .foundation .number-07 { border-top: 2px solid #5B9BCF; }
.program .foundation .number-08 { border-top: 2px solid #FFAB81; }

.program .foundation .card-number-01 { background-color: #416FBA; }
.program .foundation .card-number-02 { background-color: #EEC25B; }
.program .foundation .card-number-03 { background-color: #7CCBD5; }
.program .foundation .card-number-04 { background-color: #7CC9A2; }
.program .foundation .card-number-05 { background-color: #9AC479; }
.program .foundation .card-number-06 { background-color: #A6A6A6; }
.program .foundation .card-number-07 { background-color: #5B9BCF; }
.program .foundation .card-number-08 { background-color: #FFAB81; }

.program .foundation .card-text,
.program .university-name {
    font-weight: 600;
    color: #212121!important;
}

.program .university-card {
    border-radius: 15px;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    box-shadow: 0px 2px 8px 0px #89858533;
    border-left: 2px solid #D30000;
}

.program .country {
    font-size: 14px;
    color: #4D4D4D!important;
}

.program .career ul {
    padding-left: 10px;
    margin-bottom: 0;
}

.program .career ul li {
    list-style: disc;
    font-size: 16px;
    color: #212121;
    margin: 6px;
    padding-left: 8px;
}

.program .career ul li::marker {
    content: '\2022';
    color: #D30000;
    font-size: 25px;
    font-weight: bold;
}

@media(max-width: 767px){
    .program .back,
    .program .program-title p,
    .program .program-unit p,
    .program .fee-card .text-muted,
    .program .fee-card li,
    .program .btn-enroll,
    .program .suggest-card .card-text,
    .fee-card .accordion-button,
    .fee-card .accordion-body,
    .program .require ul li,
    .program .top-reason li,
    .program .foundation .card-number,
    .program .foundation .card-text,
    .program .university-name,
    .program .career ul li {
        font-size: 14px;
    }

    .program .program-title h3,
    .program .fee-card h2 {
        font-size: 20px;
    }

    .program .program-unit h3 {
        font-size: 16px;
    }

    .program .course-price {
        font-size: 18px!important;
    }

    .program .in_person,
    .program .already,
    .program .country {
        font-size: 12px!important;
    }

    .program .four {
        padding-left: .25rem !important;
    }
}

/* Program Detail */
.floating-container {
    position: fixed;
    bottom: 50px;
    right: 30px;
    z-index: 1000;
}

.social-buttons {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hidden-pure {
    display: none;
}

.social-buttons a {
    width: 100%;
    text-align: right;
    border-radius: 52px;
    background-color: white;
    padding: 12px 22px;
    margin-bottom: 10px;
    box-shadow: 0px 2px 8px 0px #89858533;
    font-weight: 500;
    color: #212121;
}

#main {
    float: right;
}

#main:hover {
    cursor: pointer;
}

@media(max-width: 767px){
    .floating-container {
        right: 0;
    }
}

/* Landing Pages */
#enrollForm input::placeholder {
    color: #A9A9A9!important;
}

.section1 {
    background: linear-gradient(44.09deg, #040404 40.17%, #D30000 158.57%);
}

.text-primary-color {
    color: #212121;
}

#enrollNowBtn {
    background: #D30000;
    box-shadow: 4px 4px 0px 0px #FAFAFA;
    font-size: 20px;
    font-weight: 600;
    padding: 12px 30px;
}

.border-top-right-0 {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.border-bottom-left-0 {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.like .learn-more {
    background: #D30000;
    float: right;
}

#enrollNowBtn:hover, 
.like .learn-more:hover {
    background: #b30000;
}

#enrollModal .modal-body {
    color: #212121!important;
}

#enrollModal .form-control, 
#enrollModal #submitButton {
    padding: 10px;
}

#enrollModal .time-btn {
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid #CCCCCC;
}

#enrollModal .time-btn.active {
    background: #EDEEEF;
    border: 1px solid #212121;
}

#successModal .thank, 
.overview {
    color: #212121;
    font-size: 20px;
    font-weight: 600;
}

#successModal .message {
    color: #212121;
    font-size: 16px;
}

.landing .detail {
    border-left: 2px solid #D30000;
    box-shadow: 0px 2px 8px 0px #89858533;
    border-radius: 10px;
}

.landing .detail i {
    font-size: 24px;
    color: #212121;
}

.red-icon {
    color: #D30000;
    font-size: 24px;
    vertical-align: middle;
}

.mars p {
    margin-bottom: 0px!important;
}

.why {
    background: #F0F1F2;
}

/* .why .border-dashed {
    border-bottom: 1px dashed;
} */

.why ul {
    list-style: disc;
}

.why ul li {
    padding-bottom: 10px;
}

.like .card {
    border-top: 5px solid #D30000!important
}

.final {
    background-size: cover; 
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-bottom: 70px;
}

.form-control:focus,
.form-control:active, 
.btn-close:focus,
.btn-close:active {
    border-color: #212121;
    box-shadow: none;
}

.school-fees .fee {
    background: radial-gradient(100% 98.71% at 0.17% 100%, rgba(211, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 54.17%);
}

.school-fees .fee .title1,
.school-fees .discount .title1 {
    background-color: #D30000;
    padding: 5px 14px;
    border-radius: 44px;
    text-align: center;
}

.school-fees .fee .lang {
    background: #FAFAFA52;
    border-top: 2px solid #FFFFFF
}

.school-fees .discount {
    background: #E9EAEB;
    border-top: 4px solid #D30000
}

.final .enroll1 {
    background: #D30000;
}

.final .enroll1:hover {
    background: #b30000;
}

.final .text-secondary {
    color: #A9A9A9!important;
}

.fb-cover {
    background: #212121;
}

.fb-cover .name {
    font-weight: 600;
    color: #fff;
}

.fb-cover .visit {
    background: #0865FE;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 5px;
}

@media (min-width: 576px) {
    #enrollModal .modal-dialog {
        max-width: 700px;
    }
}

@media (max-width: 991px) {
    .school-fees .fee .title1 {
        width: 60%;
    }
}

@media (max-width: 767px){
    #enrollNowBtn {
        width: 100%;
        justify-content: center;
        font-size: 18px;
    }
}


/* Backend */
.mdc-button--raised:not(:disabled) {
    background-color: #D30000!important;
    color: #fff!important;
}

.mdc-button:not(:disabled) {
    color: #D30000;
}

.sidebar.active {
    background: #212121;
    color: #fff;
}

.event .detail p {
    color: #212121;
}

.event .fee-card .date {
    color: #696969;
    font-size: 14px;
}

.navi .text-muted {
    color: #626263!important;
    font-weight: 500;
}

.navi i {
    vertical-align: middle;
}

.navi .color {
    color: #212121;
}


.event.section {
    min-height: 600px;
}

.eventTitle {
    color: #212121;
    font-weight: 600;
}

.book i {
    font-size: 18px!important;
    vertical-align: middle;
}

.event .nav-pills .nav-link {
    font-weight: 700;
    border-radius: 100px;
    background: #E9EAEB;
    padding: 10px 15px;
    color: #212121;
}

.event .nav-pills .nav-link.active {
    background: #212121;
    color: #fff;
    padding: 6px 20px 6px 5px;
}

.event .nav-pills i {
    display: none;
    font-size: 30px;
    vertical-align: middle;
}

.event .nav-pills .nav-link.active i {
    display: inline;
    color: #D30000;
}

.event .event-title p {
    color: #696969;
}

.event .carousel-caption h5 {
    font-size: 32px;
    color: white;
    font-weight: 600;
}

.event .carousel-caption p {
    color: #fff;
    line-height: 1.5;
}

.event .carousel-indicators li::marker {
    color: transparent;
}

.event .carousel-caption {
    background: #21212199;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    bottom: 0;
    right: 0;
    left: 0;
}

.event .carousel-indicators li {
    background-color: #212121;
    width: 8px;
    height: 5px;
    border-radius: 10px;
}

.event .carousel-indicators li.active {
    width: 25px;
    height: 5px;
}

.event .carousel-indicators {
    bottom: -3.2rem;
}

.event #carouselExampleIndicators .event-image {
    border-radius: 10px;
}

.event .card-notification:hover {
    color: #212121;
    cursor: pointer;
}

.event .card-notification .icon-box i {
    background: #EDEEEF;
    border-radius: 5px;
    font-size: 20px;
}

.event .card-notification .arrow i {
    font-size: 24px;
    font-weight: 600;
}

.event .navi .back i {
    background: #EDEEEF;
    border-radius: 100px;
    font-weight: bold;
}

.event .event-table th {
    background: #EDEEEF;
}

.event .event-table td {
    background: transparent;
}

.event .event-table th,
.event .event-table td {
    vertical-align: middle;
}

.event .event-table .dismiss i {
    color: #D30000;
}

.event .event-table .warning i {
    color: #FFC107;
}

@media (max-width: 767px) {
    .event #carouselExampleIndicators .carousel-caption h5 {
        font-size: 18px;
    }
}