/* About Page */
.welcome-section {
    .welcome-image {
        margin-bottom: 30px;
        &.welcome-image-1,
        &.welcome-image-2 {
            @include tablet {
                display: none;
            }
            @include landscape-phone {
                display: none;
            }
            @include portrait-phone {
                display: none;
            }
        }
    }
    .welcome-text {
        @include tablet {
            margin-bottom: 40px;
        }
        @include landscape-phone {
            margin-bottom: 40px;
        }
        @include portrait-phone {
            margin-bottom: 40px;
        }
    }
}

.welcome-content {
    padding: 85px 0 110px;
}

.counterup-section.about-page {
    margin-bottom: -100px;
}

.category-section.about-page {
    padding: 215px 0 0;
}

.analysis-section {
    padding-top: 85px;
    .analysis-bg-color {
        background-color: rgba($primary-color, .1);
        padding: 60px;
        @include landscape-phone {
            padding: 40px 30px;
        }
        @include portrait-phone {
            padding: 30px 20px;
        }
    }
    .analysis-content {
        .course-price-info {
            display: flex;
            align-items: center;
            text-transform: capitalize;
            @include landscape-phone {
                display: inherit;
            }
            @include portrait-phone {
                display: inherit;
            }
            .best-seller {
                color: $white-color;
                background-color: $primary-color;
                font-size: 14px;
                font-weight: 500;
                padding: 10px 14px;
                border-radius: 5px;
                display: inline-block;
            }
            .course-category {
                color: $primary-color;
                font-weight: 500;
                margin-left: 20px;
            }
            .course-price {
                color: $paragraph-color;
                font-size: 24px;
                font-weight: 700;
                margin-left: 20px;
                @include landscape-phone {
                    display: block;
                    margin: 10px 0;
                }
                @include portrait-phone {
                    display: block;
                    margin: 10px 0;
                }
            }
            .course-instructor {
                display: flex;
                align-items: center;
                margin-left: 20px;
                @include landscape-phone {
                    margin-left: 0;
                }
                @include portrait-phone {
                    margin-left: 0;
                }
                img {
                    width: 40px;
                    height: 40px;
                    border-radius: 50%;
                    margin-right: 10px;
                }
            }
        }
        ul {
            li {
                margin: 5px 0;
                i {
                    color: $primary-color;
                    font-size: 14px;
                    display: inline-block;
                    margin-right: 10px;
                }
            }
        }
        .course-info {
            display: flex;
            align-items: center;
            text-transform: capitalize;
            .course-enroll {
                margin-right: 20px;
            }
            .course-video {
                margin-right: 20px;
            }
        }
    }
}

.instructor-section.about-page {
    margin-top: 0;
    padding: 115px 0 120px;
}