1#@!#!123s

: / home / forge / almahero.online / public / frontend-theme-4 / assets / scss /
Filename : _top-rated-courses.scss
back
.top-rated-course {
    padding: toRem(120) 0;
    @media screen and (max-width: 991px) {
        padding: toRem(80) 0;
    }
    @media screen and (max-width: 575px) {
        padding: toRem(50) 0;
    }
    &-content {
        .title-wrap {
            padding-bottom: toRem(48);
            .title {
                @include fontFamilyAlt(41, $fw_medium, 1.065, $main-color);
                padding-bottom: toRem(11);
                @media screen and (max-width: 991px) {
                    font-size: toRem(36);
                }
                @media screen and (max-width: 767px) {
                    font-size: toRem(34);
                }
                @media screen and (max-width: 575px) {
                    font-size: toRem(30);
                }
            }
            .text {
                @include fontFamily(14, $fw_regular, 21.56, $para-text);
            }
        }
    }
    &-cooking {
        .top-rated-course {
            &-content {
                .title-wrap {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    gap: toRem(11);
                    padding-bottom: toRem(59);
                    @media screen and (max-width: 767px) {
                        padding-bottom: toRem(30);
                    }
                    .title {
                        @include fontFamilyAlt(
                            41,
                            $fw_medium,
                            1.065,
                            $cooking-red
                        );
                        text-align: center;
                        max-width: toRem(545);
                        margin: 0 auto !important;
                        @media screen and (max-width: 991px) {
                            font-size: toRem(36);
                        }
                        @media screen and (max-width: 767px) {
                            font-size: toRem(34);
                        }
                    }
                    .text {
                        max-width: toRem(345);
                        @include fontFamilyAlt(
                            16,
                            $fw_regular,
                            1.54,
                            $cooking-para-text
                        );
                        text-align: center;
                    }
                }
            }
        }
    }
    &-meditation {
        .top-rated-course {
            &-content {
                .title-wrap {
                    .title {
                        color: $meditation-primary;
                    }
                    .text {
                        color: $meditation-para-text;
                    }
                }
                .instructor-item-two {
                    position: relative;
                    .rating {
                        p {
                            color: $meditation-primary !important;
                        }
                    }
                }
            }
        }
    }
}