:root {
    --fsc-color-primary-font: #444;
    --fsc-color-primary-deco: #285c4d;
    --fsc-color-grey-light: #eeeeef;
    --fsc-color-white: #ffffff;
} 

#main-content.container {
    width: 100%;
}

.breadcrumb-x {
    display: none !important;
}

.section-intro,
.section-info,
.section-faq {
    padding: 80px 50px;
}

.section-courses {
    padding: 80px 0;
}

@media (max-width: 600px) {
    .section-intro,
    .section-info,
    .section-faq {
        padding: 20px;
    }

    .section-courses {
        padding: 20px 0;
    }
}

.slick-slider .slick-slide:focus {
    outline: none;
}

.section-info p {
    margin: 0 0 30px;
}

/* Section Intro */
.section-intro {
    background: transparent url('/plugins/Customizing/assets/images/fsc-bg.jpg') no-repeat center center;
    background-size: cover;
}

.section-intro .intro-teaser {
    background-color: rgba(40, 92, 77, .8);
    color: #fff;
    width: 50%;
    text-align: center;
    padding: 50px 20px;
}

@media (max-width: 600px) {
    .section-intro .intro-teaser {
        width: 100%;
    }
}

/* Section Info */
.section-info {
    text-align: center;
}

/* Section Courses */
.section-courses {
    background-color: var(--fsc-color-grey-light);
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    text-align: center;
}

.section-courses .btn-primary.btn-custom.course-catalog {
    margin: 50px 0 30px;
}

.section-courses .btn-primary.btn-custom {
    margin: 0;
}

.section-courses .gallery-slider {
    max-width: 900px;
    padding: 0 150px 0 130px;
    overflow: hidden;
    margin: 0 auto;
} 

.section-courses .slick-slider .slick-track {
    display: table;
}

.section-courses .slick-slider .slick-slide {
    display: table-cell;
}

.section-courses .slick-slider .slick-slide article {
    height: 367px;
}

.section-courses .slick-slider .slick-dots {
    position: initial;
    margin-top: 30px;
}

.section-courses .slick-slider .slick-dots li,
.section-courses .slick-slider .slick-dots li button,
.section-courses .slick-slider .slick-dots li button::before {
    width: 60px;
    height: 6px;
}

.section-courses .slick-slider .slick-dots li button::before {
    content: '';
    border-radius: 4px;
    background-color: #000;
    position: initial;
    display: block;
    opacity: .2;
}

.section-courses .slick-slider .slick-dots li.slick-active button::before {
    opacity: 1;
}

.section-courses .slick-slider .slick-dots li.slick-active button::before {
    background-color: var(--fsc-color-primary-deco);
}

.section-courses .slick-slider .slick-prev, 
.section-courses .slick-slider .slick-next {
    width: 100px;
    height: 100px;
    top: calc(50% - 10px);
}

.section-courses .slick-slider .slick-next {
    right: 0;
    background: transparent url('/plugins/Customizing/assets/images/arrow-right.svg') no-repeat 0 0;
}

.section-courses .slick-slider .slick-prev {
    left: 0;
    background: transparent url('/plugins/Customizing/assets/images/arrow-left.svg') no-repeat 0 0;
}

.section-courses .slick-slider .slick-next::before,
.section-courses .slick-slider .slick-prev::before {
    display: none;
}

.section-courses article {
    width: initial;
    margin: 0 0 0 30px;
    text-align: left;
}

.section-courses .slick-slider .slick-slide article .view-all {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

@media (max-width: 1000px) {
    .section-courses .gallery-slider {
        padding: 0;
        max-width: 100vw;
    }

    .section-courses .gallery-slider article {
        margin: 0;
        height: auto;
    }
}

/* Section FAQs */
.section-faq h4 {
    margin: 30px 0 10px 0;
}

.section-faq a {
    color: #78be20;
}