@charset "UTF-8";

/* line 1, ../../sass/_base.scss */
* {
    padding: 0;
    margin: 0;
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* line 10, ../../sass/_base.scss */
body {
    direction: rtl;
    font-size: 0.95em;
    font-family: vazir;
    background: #fff;
}

@media (max-width: 87em) {
    /* line 16, ../../sass/_base.scss */
    body .large-hidden {
        display: none;
    }
}

@media (max-width: 75em) {
    /* line 19, ../../sass/_base.scss */
    body .desktop-hidden {
        display: none;
    }
}

@media (max-width: 49em) {
    /* line 22, ../../sass/_base.scss */
    body .tablet-hidden {
        display: none;
    }
}

@media (max-width: 48em) {
    /* line 25, ../../sass/_base.scss */
    body .phablet-hidden {
        display: none;
    }
}

@media (max-width: 41em) {
    /* line 28, ../../sass/_base.scss */
    body .sixty-hidden {
        display: none;
    }
}

@media (max-width: 30em) {
    /* line 32, ../../sass/_base.scss */
    body .fourty-hidden {
        display: none;
    }
}

@media (max-width: 29em) {
    /* line 35, ../../sass/_base.scss */
    body .mobile-hidden {
        display: none;
    }
}

/* line 41, ../../sass/_base.scss */
.wrap {
    width: 1360px;
    max-width: 96%;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 48em) {
    /* line 56, ../../sass/_base.scss */
    .wrap--no-padding {
        padding: 0;
    }
}

/* line 63, ../../sass/_base.scss */
a {
    text-decoration: none !important;
}

/* line 75, ../../sass/_base.scss */
.transition, .nav-bar .sub-menu__item__link, .responsive-menu .cat-submenu .js--show-next .svg-icon, .show-menu, .button, .line-button, .cat-box, .course-box, .course-box__title, .tab__item, .blog-box, .teacher-box__name, .teacher-box__image .img, .package-box__title, .road-box, .road-box__image, .skill-box {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/* line 83, ../../sass/_base.scss */
.img-responsive {
    max-width: 100%;
    display: block;
}

/* line 89, ../../sass/_base.scss */
.ltr {
    direction: ltr;
}

/* line 93, ../../sass/_base.scss */
.animated, .submenu-style, .nav-bar__sub-menu, .header .search-box, .tab__content {
    animation-duration: 0.5s;
    animation-fill-mode: both;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* line 108, ../../sass/_base.scss */
.fadeIn, .tab__content--visible {
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}
/* line 133, ../../sass/_base.scss */
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}
/* line 150, ../../sass/_base.scss */
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

/* line 2, ../../sass/_utility.scss */
.flex {
    display: flex;
    flex-flow: wrap;
}

/* line 7, ../../sass/_utility.scss */
.flex-vc, .nav-bar .sub-menu__item__link {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    min-height: 42px;
}

/* line 13, ../../sass/_utility.scss */
.flex-vdc {
    flex-flow: wrap;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* line 20, ../../sass/_utility.scss */
.align-items-start {
    align-items: flex-start;
}

/* line 24, ../../sass/_utility.scss */
.justify-content-end {
    justify-content: flex-end;
}

/* line 28, ../../sass/_utility.scss */
.justify-content-center {
    justify-content: center;
}

/* line 32, ../../sass/_utility.scss */
.justify-content-space {
    justify-content: space-between;
}

/* line 36, ../../sass/_utility.scss */
.block {
    display: block;
}

/* line 40, ../../sass/_utility.scss */
.none {
    display: none;
}

/* line 44, ../../sass/_utility.scss */
.inline-block {
    display: inline-block;
}

/* line 49, ../../sass/_utility.scss */
.mainColor {
    color: #FEE610;
}

/* line 53, ../../sass/_utility.scss */
.comp {
    color: #3135ec;
}

/* line 57, ../../sass/_utility.scss */
.red {
    color: #E7442F;
}

/* line 61, ../../sass/_utility.scss */
.medium-text {
    color: #565656;
}

/* line 65, ../../sass/_utility.scss */
.light-text {
    color: #666;
}

/* line 69, ../../sass/_utility.scss */
.mute {
    color: #898989;
}

/* line 73, ../../sass/_utility.scss */
.inherit {
    color: inherit;
}

/* line 79, ../../sass/_utility.scss */
.mainColor-bg {
    background: #FEE610;
}

/* line 83, ../../sass/_utility.scss */
.comp-bg {
    background: #3135ec;
}

/* line 87, ../../sass/_utility.scss */
.white-bg {
    background: #fff;
}

/* line 91, ../../sass/_utility.scss */
.light-bg, .road-box {
    background: #f5f5f5;
}

/* line 96, ../../sass/_utility.scss */
.mr-auto {
    margin-right: auto;
}

/* line 100, ../../sass/_utility.scss */
.ml-auto {
    margin-left: auto;
}

/* line 104, ../../sass/_utility.scss */
.mt-auto {
    margin-top: auto;
}

/* line 108, ../../sass/_utility.scss */
.mb10 {
    margin-bottom: 10px;
}

/* line 112, ../../sass/_utility.scss */
.mb30 {
    margin-bottom: 30px;
}

/* line 116, ../../sass/_utility.scss */
.mb-auto {
    margin-bottom: auto;
}

/* line 120, ../../sass/_utility.scss */
.mb50 {
    margin-bottom: 50px;
}

/* line 124, ../../sass/_utility.scss */
.mb100 {
    margin-bottom: 90px;
}

@media (max-width: 64em) {
    /* line 124, ../../sass/_utility.scss */
    .mb100 {
        margin-bottom: 50px;
    }
}

/* line 131, ../../sass/_utility.scss */
.mr15 {
    margin-right: 10px;
}

/* line 135, ../../sass/_utility.scss */
.mt20 {
    margin-top: 20px;
}

/* line 138, ../../sass/_utility.scss */
.pt30 {
    padding-top: 30px;
}

/* line 142, ../../sass/_utility.scss */
.pb30 {
    padding-bottom: 30px;
}

/* line 146, ../../sass/_utility.scss */
.border, .card {
    border: 1px solid #f2f3f7;
}

/* line 150, ../../sass/_utility.scss */
.pos-r {
    position: relative;
}

/* line 154, ../../sass/_utility.scss */
.text-center {
    text-align: center;
}

/* line 157, ../../sass/_utility.scss */
.text-right {
    text-align: right;
}

/* line 162, ../../sass/_utility.scss */
.curve, .button, .line-button, .cat-box, .percent, .course-box__percent, .package-box__percent, .tag {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* line 166, ../../sass/_utility.scss */
.round7 {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

/* line 171, ../../sass/_utility.scss */
.round, .card, .banner-box, .teacher-box::after, .package-box__image:before, .road-box, .top-section__content {
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 13px;
}

/* line 175, ../../sass/_utility.scss */
.circle, .header .profile-menu__image, .responsive-menu__close, .owl-nav button, .road-box__more {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/* line 180, ../../sass/_utility.scss */
.bigger, .responsive-menu__show-cat {
    font-size: 1.1em;
}

/* line 184, ../../sass/_utility.scss */
.small {
    font-size: 12px;
}

/* line 188, ../../sass/_utility.scss */
.bold, .responsive-menu__show-cat,
b,
strong {
    font-weight: 700;
}

/* line 194, ../../sass/_utility.scss */
.thin-text {
    font-weight: 100;
}

/* line 198, ../../sass/_utility.scss */
.box-shadow, .course-box:hover, .blog-box:hover, .road-box:hover, .skill-box:hover {
    -moz-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.08);
}

/* line 202, ../../sass/_utility.scss */
.w-100 {
    width: 100%;
}

/* line 205, ../../sass/_utility.scss */
.h-100 {
    height: 100%;
}

/* line 1, ../../sass/_header.scss */
.header {
    box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
    padding-top: 5px;
    height: 60px !important;
}
    /* line 4, ../../sass/_header.scss */
    .header .button .svg-icon, .header .line-button .svg-icon {
        display: none;
    }
    /* line 8, ../../sass/_header.scss */
    .header .show-search, .header .hamburger-menu {
        display: none;
    }
    /* line 11, ../../sass/_header.scss */
    .header .show-prfile-menu {
        align-items: flex-end;
        padding: 9px;
    }

        .header .show-prfile-menu.active {
            align-items: flex-end;
            background: #fafafa;
            padding: 9px;
            border-radius: 7px;
        }

        .header .show-prfile-menu:hover {
            background: #fafafa;
            padding: 9px;
            border-radius: 7px;
        }
        /* line 13, ../../sass/_header.scss */
        .header .show-prfile-menu .svg-icon {
            --size: 28px;
        }
        /* line 16, ../../sass/_header.scss */
        .header .show-prfile-menu .svg-icon--smaller {
            --size: 18px;
        }

.show-prfile-menu.active .svg-icon--smaller {
    transform: rotate(180deg);
}
/* line 23, ../../sass/_header.scss */
.header .show-profile-submenu.active {
    background: #fafafa;
    border-radius: 7px 7px 0 0;
}
/* line 28, ../../sass/_header.scss */
.header .profile-menu {
    color: #565656;
    width: 210px;
    right: auto;
    opacity: 0;
    top: 40px;
    z-index: -1;
    padding: 10px;
    background: #fff;
    border-radius: 0 15px 15px 15px;
}
    /* line 38, ../../sass/_header.scss */
    .header .profile-menu ul {
        list-style: none;
    }
/* line 41, ../../sass/_header.scss */
.header .profile-menu__image {
    width: 50px;
    height: 50px;
    margin-left: 5px;
    overflow: hidden;
}
/* line 48, ../../sass/_header.scss */
.header .profile-menu .item {
    padding: 7px;
}

li.flex-vc {
    margin-bottom: 3px;
}

.header .profile-menu .item:hover {
    background: #fafafa;
    border-radius: 7px;
}
/* line 51, ../../sass/_header.scss */
.header .profile-menu .logout-btn {
    padding: 7px;
    width: 100%;
    border-top: 1px solid #ededed;
}

    .header .profile-menu .logout-btn:hover {
        background: #fafafa;
        border-radius: 7px;
    }
/* line 56, ../../sass/_header.scss */
.header .profile-menu .svg-icon {
    --size: 20px;
    stroke: #898989;
    margin-left: 10px;
}
    /* line 60, ../../sass/_header.scss */
    .header .profile-menu .svg-icon:last-child {
        margin-left: 0;
    }
/* line 67, ../../sass/_header.scss */
.header--fixed .header__inner {
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    position: fixed;
    background: #fff;
    box-shadow: 0 0 3px rgba(60, 72, 88, 0.15);
    padding-top: 5px;
    height: 60px !important;
}

@media (max-width: 49em) {
    /* line 79, ../../sass/_header.scss */
    .header .button, .header .line-button {
        margin: 0;
        padding: 0;
        width: 40px;
        border: none;
        background: none;
    }
        /* line 85, ../../sass/_header.scss */
        .header .button .svg-icon, .header .line-button .svg-icon {
            --size: 28px;
            display: block;
        }
}

@media (max-width: 48em) {
    /* line 93, ../../sass/_header.scss */
    .header__left {
        margin-right: auto;
    }
    /* line 97, ../../sass/_header.scss */
    .header__logo img {
        width: auto;
        height: 65px;
        padding-top: 4px;
        padding-bottom: 4px;
    }
    /* line 103, ../../sass/_header.scss */
    .header .show-search, .header .hamburger-menu {
        display: block;
        width: 40px;
    }
        /* line 106, ../../sass/_header.scss */
        .header .show-search .svg-icon, .header .hamburger-menu .svg-icon {
            --size: 24px;
            display: block;
            margin: 0 auto;
        }
    /* line 112, ../../sass/_header.scss */
    .header .hamburger-menu {
        margin-left: auto;
    }
        /* line 114, ../../sass/_header.scss */
        .header .hamburger-menu .svg-icon {
            --size: 40px;
        }
}

@media (max-width: 29em) {
    /* line 121, ../../sass/_header.scss */
    .header__logo {
        width: 120px;
    }
}

/* line 127, ../../sass/_header.scss */
.profile-menu__submenu {
    display: none;
    width: 100%;
    font-size: 0.95rem;
    padding: 0 15px 10px 0;
    background: #fafafa;
    border-radius: 0 0 7px 7px;
    margin-bottom: 3px;
}
    /* line 133, ../../sass/_header.scss */
    .profile-menu__submenu a {
        display: block;
        padding: 5px;
    }

/* line 140, ../../sass/_header.scss */
.show-profile-submenu.active .last {
    transform: rotate(180deg);
}

/* line 146, ../../sass/_header.scss */
.submenu-style {
    visibility: hidden;
}

.submenu-style, .nav-bar__sub-menu {
    opacity: 0;
    z-index: -10;
    left: 0;
    right: 0;
    position: absolute;
}
    /* line 153, ../../sass/_header.scss */
    .submenu-style.fadeInUp {
        visibility: visible;
    }

    .submenu-style.fadeInUp, .fadeInUp.nav-bar__sub-menu {
        z-index: 200;
    }

/* line 159, ../../sass/_header.scss */
.nav-bar {
    font-size: 1.1em;
    padding-top: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f1f1f1;
}
/* line 165, ../../sass/_header.scss */
.nav-bar__item {
    margin-left: 25px;
}

@media (max-width: 48em) {
    /* line 159, ../../sass/_header.scss */
    .nav-bar {
        display: none;
    }
}
/* line 171, ../../sass/_header.scss */
.nav-bar__sub-menu {
    top: 61px;
}
/* line 174, ../../sass/_header.scss */
.nav-bar__sub-menu__inner {
    display: grid;
    padding: 10px;
    background: #fff;
    grid-template-columns: 220px 1fr;
    border-radius: 0 0 15px 15px;
}
/* line 181, ../../sass/_header.scss */
.nav-bar__sub-menu__list {
    list-style: none;
    background: #f0f4f7;
}
/* line 186, ../../sass/_header.scss */
.nav-bar__sub-menu__content .view-all-cats {
    border-bottom: 1px dashed #ededed;
    padding: 0 0 12px;
    margin-bottom: 13px;
}
/* line 191, ../../sass/_header.scss */
.nav-bar__sub-menu__content .data {
    display: flex;
    flex-flow: wrap;
    flex-direction: column;
    height: 450px;
}
    /* line 196, ../../sass/_header.scss */
    .nav-bar__sub-menu__content .data .small-title {
        font-size: 0.9em;
        padding: 0 10px;
        line-height: 26px;
        margin-bottom: 10px;
        border-right: 3px solid #FEE610;
    }
    /* line 203, ../../sass/_header.scss */
    .nav-bar__sub-menu__content .data .box {
        margin-bottom: 10px;
    }
/* line 210, ../../sass/_header.scss */
.nav-bar .sub-menu__item {
    border-bottom: 1px solid #cecece;
}
    /* line 212, ../../sass/_header.scss */
    .nav-bar .sub-menu__item:last-child {
        border-bottom: none;
    }
/* line 215, ../../sass/_header.scss */
.nav-bar .sub-menu__item__content {
    padding: 5px 20px 20px 20px;
    display: none;
}
    /* line 219, ../../sass/_header.scss */
    .nav-bar .sub-menu__item__content.fadeIn, .nav-bar .sub-menu__item__content.tab__content--visible {
        display: block;
    }
    /* line 222, ../../sass/_header.scss */
    .nav-bar .sub-menu__item__content .item {
        display: block;
        color: #898989;
        padding: 4px 15px;
        font-size: 0.9em;
        font-weight: 300;
    }
/* line 229, ../../sass/_header.scss */
.nav-bar .sub-menu__item__link {
    padding: 12px 10px;
    color: #565656;
    font-size: 0.9em;
}
    /* line 234, ../../sass/_header.scss */
    .nav-bar .sub-menu__item__link:hover {
        background: #fff;
    }

/* line 242, ../../sass/_header.scss */
.responsive-menu {
    top: 0;
    overflow-y: scroll;
    bottom: 0;
    right: 0;
    padding: 10px;
    z-index: 1001;
    width: 300px;
    position: fixed;
    background: #fff;
    max-width: calc(100% - 50px);
    color: #565656;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: translateX(500px);
}

    .responsive-menu::-webkit-scrollbar {
        width: 0;
        background: transparent;
    }

    /* line 259, ../../sass/_header.scss */
    .responsive-menu.visible {
        opacity: 1;
        transform: translateX(0);
    }
    /* line 264, ../../sass/_header.scss */
    .responsive-menu a {
        color: inherit;
    }
    /* line 267, ../../sass/_header.scss */
    .responsive-menu .img-responsive {
        margin: 10px auto;
    }
/* line 270, ../../sass/_header.scss */
.responsive-menu__close {
    position: fixed;
    top: 5px;
    left: 5px;
    background: #fff;
}
    /* line 276, ../../sass/_header.scss */
    .responsive-menu__close .svg-icon {
        display: block;
        --size: 43px;
        stroke: #565656;
        transform: rotate(45deg);
    }
/* line 284, ../../sass/_header.scss */
.responsive-menu__btns {
    padding: 10px 0;
    justify-content: center;
}
/* line 288, ../../sass/_header.scss */
.responsive-menu__bottom {
    padding-top: 10px;
}
    /* line 290, ../../sass/_header.scss */
    .responsive-menu__bottom .link {
        padding: 10px 0;
    }
        /* line 292, ../../sass/_header.scss */
        .responsive-menu__bottom .link .svg-icon {
            --size: 20px;
            margin-left: 5px;
        }
/* line 298, ../../sass/_header.scss */
.responsive-menu .profile-menu__submenu {
    margin-right: 10px;
    background: none;
    padding: 0 5px 10px 5px;
    border-right: 2px solid #ededed;
}
/* line 305, ../../sass/_header.scss */
.responsive-menu__show-cat {
    padding: 20px 0 0;
    color: #565656;
}
    /* line 311, ../../sass/_header.scss */
    .responsive-menu__show-cat .svg-icon {
        --size: 20px;
        margin-left: 5px;
    }
/* line 316, ../../sass/_header.scss */
.responsive-menu .cat-submenu {
    margin-top: 20px;
}
    /* line 318, ../../sass/_header.scss */
    .responsive-menu .cat-submenu .profile-menu__submenu {
        list-style: none;
    }
    /* line 322, ../../sass/_header.scss */
    .responsive-menu .cat-submenu .js--show-next {
        position: relative;
        height: 32px;
        width: 32px;
        margin-right: auto;
    }
        /* line 327, ../../sass/_header.scss */
        .responsive-menu .cat-submenu .js--show-next .svg-icon {
            stroke: #898989;
        }
        /* line 333, ../../sass/_header.scss */
        .responsive-menu .cat-submenu .js--show-next.active .last {
            transform: rotate(45deg);
        }

/* line 344, ../../sass/_header.scss */
.show-menu.active {
    border-color: #FEE610;
}

/* line 1, ../../sass/_form.scss */
button,
textarea,
input {
    font-family: inherit;
    border: none;
    background: none;
    font-size: inherit;
}

/* line 10, ../../sass/_form.scss */
button {
    cursor: pointer;
}

/* line 1, ../../sass/_objects.scss */
.button, .line-button {
    color: #565656;
    flex-flow: wrap;
    font-size: 0.9em;
    min-width: 110px;
    cursor: pointer;
    padding: 9px 26px;
    display: inline-flex;
    justify-content: center;
}
    /* line 12, ../../sass/_objects.scss */
    .button .svg-icon, .line-button .svg-icon {
        margin-left: 10px;
    }
/* line 15, ../../sass/_objects.scss */
.normal.button, .normal.line-button {
    font-weight: normal;
}

@media (max-width: 41em) {
    /* line 1, ../../sass/_objects.scss */
    .button, .line-button {
        min-width: 100px;
        /*padding: 15px;*/
    }
}

/* line 24, ../../sass/_objects.scss */
.button--bigger, .line-button--bigger {
    font-weight: 600;
    font-size: 1.1em;
    padding: 12px ​26px;
}

@media (max-width: 49em) {
    /* line 29, ../../sass/_objects.scss */
    .button--responsive, .line-button--responsive {
        min-width: 0;
        width: 54px;
        height: 54px;
        padding: 0;
        align-items: center;
    }
        /* line 36, ../../sass/_objects.scss */
        .button--responsive .svg-icon, .line-button--responsive .svg-icon {
            margin-left: 0;
        }
}

/* line 43, ../../sass/_objects.scss */
.button {
    border: 2px solid #FEE610;
    background-color: #FEE610;
}
    /* line 47, ../../sass/_objects.scss */
    .button:hover {
        border-color: #f3db01;
        background: #f3db01;
    }
/* line 52, ../../sass/_objects.scss */
.button--green {
    color: #fff;
    background: #40a432;
    border: 2px solid #40a432;
}
    /* line 56, ../../sass/_objects.scss */
    .button--green:hover {
        border-color: #38902c;
        background: #38902c;
    }

/* line 64, ../../sass/_objects.scss */
.line-button {
    padding: 8px 10px;
    border: 1px solid #FEE610;
}
    /* line 68, ../../sass/_objects.scss */
    .line-button:hover {
        background: #FEE610;
    }
/* line 71, ../../sass/_objects.scss */
.line-button--gray {
    border-color: #cecece;
}
    /* line 73, ../../sass/_objects.scss */
    .line-button--gray:hover {
        background: none;
        border-color: #FEE610;
    }

/* line 80, ../../sass/_objects.scss */
.svg-icon {
    --size: 24px;
    width: var(--size);
    height: var(--size);
    stroke: #343434;
    fill: none;
}

/* line 90, ../../sass/_objects.scss */
.search-box {
    --size: 48px;
    display: flex;
}
/* line 94, ../../sass/_objects.scss */
.search-box__input {
    flex-grow: 1;
    font-size: 1.063em;
    padding: 10px 15px;
    background: #f5f5f5;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0;
    border-radius: 0 5px 5px 0;
}
/* line 102, ../../sass/_objects.scss */
.search-box__button, .search-box__back {
    width: var(--size);
    height: var(--size);
    background: #FEE610;
    justify-content: center;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 0 0 5px;
}
    /* line 108, ../../sass/_objects.scss */
    .search-box__button .svg-icon, .search-box__back .svg-icon {
        display: block;
        margin: 0 auto;
    }
    /* line 112, ../../sass/_objects.scss */
    .search-box__button:hover, .search-box__back:hover {
        background: #f3db01;
    }
/* line 116, ../../sass/_objects.scss */
.search-box__back {
    display: none;
}
/* line 120, ../../sass/_objects.scss */
.header .search-box {
    margin: 0 auto;
    width: 750px;
    --size: 50px;
    max-width: calc(100% - 435px);
}

@media (max-width: 49em) {
    /* line 120, ../../sass/_objects.scss */
    .header .search-box {
        max-width: calc(100% - 350px);
    }
}

@media (max-width: 48em) {
    /* line 120, ../../sass/_objects.scss */
    .header .search-box {
        position: absolute;
        display: flex;
        right: 0;
        left: 0;
        top: 0;
        z-index: -1;
        opacity: 0;
        width: 100%;
        --size: 65px;
        max-width: initial;
        background: #f5f5f5;
    }
        /* line 141, ../../sass/_objects.scss */
        .header .search-box .search-box__button, .header .search-box .search-box__back {
            background: none;
        }
        /* line 144, ../../sass/_objects.scss */
        .header .search-box .search-box__back {
            display: block;
        }
        /* line 147, ../../sass/_objects.scss */
        .header .search-box .search-box__input {
            padding: 10px;
        }
        /* line 150, ../../sass/_objects.scss */
        .header .search-box.fadeInUp {
            z-index: 2;
        }
}
/* line 156, ../../sass/_objects.scss */
.top-section .search-box {
    /*--size: 70px;*/
    --size: 65px;
}

@media (max-width: 29em) {
    /* line 156, ../../sass/_objects.scss */
    .top-section .search-box {
        --size: 50px;
        margin-bottom: 20px; /*new*/
    }
}
/* line 161, ../../sass/_objects.scss */
.top-section .search-box .search-box__input {
    font-size: 1.2em;
    background: #fff;
}

@media (max-width: 29em) {
    /* line 161, ../../sass/_objects.scss */
    .top-section .search-box .search-box__input {
        max-width: calc(100% - 50px);
    }
}
/* line 169, ../../sass/_objects.scss */
.top-section .search-box .svg-icon {
    --size: 34px;
}

@media (max-width: 29em) {
    /* line 169, ../../sass/_objects.scss */
    .top-section .search-box .svg-icon {
        --size: 28px;
    }
}

/* line 181, ../../sass/_objects.scss */
.image-holder .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* line 188, ../../sass/_objects.scss */
.cat-box {
    background: #f9f9f9;
    padding: 15px;
    text-align: center;
    border: 2px solid transparent;
}
    /* line 195, ../../sass/_objects.scss */
    .cat-box:hover {
        border-color: #FEE610;
    }
/* line 199, ../../sass/_objects.scss */
.cat-box__image .img-responsive {
    margin: 0 auto 15px;
    height: 45px;
    width: auto;
}

@media (max-width: 64em) {
    /* line 188, ../../sass/_objects.scss */
    .cat-box {
        width: 150px;
        margin-left: 20px;
    }
    /* line 204, ../../sass/_objects.scss */
    .cat-box__image {
        width: 60px;
        display: block;
        margin: 0 auto;
    }
}

/* line 216, ../../sass/_objects.scss */
.heading-title {
    font-size: 2.3em;
    font-weight: 700;
}

@media (max-width: 48em) {
    /* line 216, ../../sass/_objects.scss */
    .heading-title {
        font-size: 1.4em;
    }
}

/* line 224, ../../sass/_objects.scss */
.big-title {
    font-size: 1.75em;
}

@media (max-width: 48em) {
    /* line 224, ../../sass/_objects.scss */
    .big-title {
        font-size: 1.125em;
        margin-bottom: 17px /*new*/
    }
}

/* line 231, ../../sass/_objects.scss */
.small-title {
    font-size: 0.95em;
    font-weight: 400;
    text-align: justify;
    line-height: 1.5em;
    margin-top: 0px;
}
    /* line 234, ../../sass/_objects.scss */
    .small-title.normal {
        font-weight: 400;
        font-size: 1em;
    }

@media (max-width: 48em) {
    /* line 231, ../../sass/_objects.scss */
    .small-title {
        font-size: 1em;
    }
}

/* line 247, ../../sass/_objects.scss */
.absolute-center, .stroke:after, .course-box__price--old:after, .teacher-box::after, .owl-nav button, .package-box__image:before, .backdrop {
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}

/* line 256, ../../sass/_objects.scss */
.course-box {
    /*max-width: 255px;
    width: 255px;*/
    position: relative;
    overflow: hidden;
}

.StarStyle {
    margin: auto;
    width: fit-content;
}

.rate-style {
    background: aliceblue;
    width: fit-content;
    padding: 5px 10px;
    border-radius: 7px;
    margin: auto;
    font-size: 14px;
    font-weight: 900;
    margin-top: 5px;
}

.owl-item .course-box.card.item {
    width: 255px;
    background-color: #f9fafc;
}

    /* line 263, ../../sass/_objects.scss */
    .course-box:hover .course-box__title {
        color: #3135ec;
    }

@media (max-width: 29em) {
    /* line 256, ../../sass/_objects.scss */
    .course-box {
        max-width: 280px;
    }
}
/* line 270, ../../sass/_objects.scss */
.light-bg .course-box, .road-box .course-box {
    background: #fff;
}
/* line 274, ../../sass/_objects.scss */
.course-box__options {
    top: 5px;
    left: 10px;
    right: 10px;
    position: absolute;
}

.course-box .image-holder {
    width: 100%;
    padding-top: 56.25%;
}

    .course-box .image-holder img {
        width: 100%;
        position: absolute;
        top: 0;
    }
/* line 282, ../../sass/_objects.scss */
.course-box .add-to-fav .svg-icon {
    stroke: #fff;
}
/* line 287, ../../sass/_objects.scss */
.course-box .add-to-fav--active .svg-icon {
    fill: #fff;
}
/* line 297, ../../sass/_objects.scss */
.course-box__title {
    min-height: 75px;
    margin-bottom: 5px;
}
/* line 303, ../../sass/_objects.scss */
.course-box__duration {
    right: 0;
    bottom: 0;
    color: #fff;
    position: absolute;
    padding: 3px 6px 0 6px;
    background: #505050;
    border-radius: 7px 0px 0px 0px;
    font-size: 13px
}
/* line 311, ../../sass/_objects.scss */
.course-box__content {
    padding: 7px;
    border-top: 1px solid #ededed;
}
/* line 315, ../../sass/_objects.scss */
.course-box__teacher {
    margin-bottom: 5px;
    min-height: 15px;
    font-size: 0.8em;
}
/* line 319, ../../sass/_objects.scss */
.course-box__price {
    margin-left: 10px;
    color: #8E8E8E;
}
/* line 322, ../../sass/_objects.scss */
.course-box__price--new {
    color: #40a432;
    font-weight: 600;
    text-align: center;
    font-size: 15px;
}
/* line 331, ../../sass/_objects.scss */
.owl-carousel .course-box {
    margin-left: 1.1rem;
}

@media (max-width: 29em) {
    /* line 331, ../../sass/_objects.scss */
    .owl-carousel .course-box {
        margin-left: 10px;
    }
}

/* line 339, ../../sass/_objects.scss */
.stroke, .course-box__price--old {
    position: relative;
    font-size: 13px;
}
    /* line 342, ../../sass/_objects.scss */
    .stroke:after, .course-box__price--old:after {
        content: "";
        height: 1px;
        background: #ef394e;
        transform: rotate(-45deg);
    }

/* line 353, ../../sass/_objects.scss */
.tab__item {
    color: inherit;
    padding: 6px 5px;
    font-size: 1.4em;
    cursor: pointer;
    margin-left: 15px;
    border-bottom: 2px solid transparent;
}
    /* line 363, ../../sass/_objects.scss */
    .tab__item:hover {
        color: #3135ec;
    }
/* line 367, ../../sass/_objects.scss */
.tab__item--active {
    border-bottom: 2px solid #FEE610;
}

@media (max-width: 48em) {
    /* line 373, ../../sass/_objects.scss */
    .tab__buttons {
        display: none;
    }
}
/* line 379, ../../sass/_objects.scss */
.tab__container .js--show-next {
    display: none;
    padding: 10px 5px;
    font-size: 1.4em;
    cursor: pointer;
    align-items: center;
    width: 100%;
    border-top: 1px solid #ededed;
}
/* line 387, ../../sass/_objects.scss */
.tab__container .js--show-next--active {
    border-top: 1px solid transparent;
}
    /* line 389, ../../sass/_objects.scss */
    .tab__container .js--show-next--active .svg-icon {
        transform: rotate(180deg);
    }
/* line 393, ../../sass/_objects.scss */
.tab__container .js--show-next:last-child {
    border-bottom: 1px solid #ededed;
}

@media (max-width: 48em) {
    /* line 379, ../../sass/_objects.scss */
    .tab__container .js--show-next {
        display: flex;
    }
}
/* line 401, ../../sass/_objects.scss */
.tab__content {
    display: none;
}
/* line 404, ../../sass/_objects.scss */
.tab__content--visible {
    display: block;
}

@media (max-width: 48em) {
    /* line 401, ../../sass/_objects.scss */
    .tab__content {
        padding-bottom: 20px;
    }
}

/* line 416, ../../sass/_objects.scss */
.banner-box {
    overflow: hidden;
    display: block;
}

/* line 422, ../../sass/_objects.scss */
.blog-box {
    max-width: 330px;
    overflow: hidden;
}
    /* line 428, ../../sass/_objects.scss */
    .blog-box:hover .blog-box__title {
        color: #3135ec;
    }
/* line 432, ../../sass/_objects.scss */
.row__slider .blog-box {
    margin-left: 30px;
}

@media (max-width: 29em) {
    /* line 432, ../../sass/_objects.scss */
    .row__slider .blog-box {
        margin-left: 10px;
    }
}
/* line 439, ../../sass/_objects.scss */
.blog-box__title {
    padding: 15px;
}

@media (max-width: 29em) {
    /* line 422, ../../sass/_objects.scss */
    .blog-box {
        max-width: 280px;
    }
}

/* line 448, ../../sass/_objects.scss */
.teacher-box {
    max-width: 280px;
    min-width: 260px;
    position: relative;
    z-index: 1;
}
    /* line 454, ../../sass/_objects.scss */
    .teacher-box:hover .teacher-box__name {
        color: #3135ec;
    }
    /* line 458, ../../sass/_objects.scss */
    .teacher-box:hover .teacher-box__image .img {
        transform: scale(1.05);
    }
    /* line 463, ../../sass/_objects.scss */
    .teacher-box::after {
        content: "";
        top: 125px;
        z-index: -1;
        background: #f9f9f9;
    }
/* line 474, ../../sass/_objects.scss */
.teacher-box__image {
    width: 200px;
    height: 200px;
    margin: 0 auto 15px;
    display: block;
    overflow: hidden;
}
/* line 485, ../../sass/_objects.scss */
.teacher-box__skill {
    padding-bottom: 20px;
    font-weight: 100;
}
/* line 489, ../../sass/_objects.scss */
.teacher-box__rate {
    margin-bottom: 10px;
}
/* line 492, ../../sass/_objects.scss */
.teacher-box .star {
    --size: 17px;
}
/* line 495, ../../sass/_objects.scss */
.row__center__slider .teacher-box {
    margin-left: 30px;
    min-height: 338px;
}

@media (max-width: 29em) {
    /* line 495, ../../sass/_objects.scss */
    .row__center__slider .teacher-box {
        margin-left: 10px;
        min-height: 340px;
    }
}

@media (max-width: 29em) {
    /* line 448, ../../sass/_objects.scss */
    .teacher-box {
        max-width: 280px;
        min-width: 280px;
    }
}

/* line 507, ../../sass/_objects.scss */
.percent, .course-box__percent, .package-box__percent {
    color: #343434;
    width: 50px;
    line-height: 25px;
    text-align: center;
    background: #FEE610;
    border: 1px solid #fff;
}

/* line 519, ../../sass/_objects.scss */
.owl-nav button {
    --size: 45px;
    z-index: 2;
    width: var(--size);
    height: var(--size);
    cursor: pointer;
    /*border: 1px solid #ededed !important;*/
}
    /* line 530, ../../sass/_objects.scss */
    .owl-nav button.owl-next {
        right: auto;
        /*left: -15px;*/
        background: #f1f1f191 url("../images/ArrowLeft.svg") no-repeat center center !important;
        background-size: 32px ​auto !important;
    }
    /* line 537, ../../sass/_objects.scss */
    .owl-nav button.owl-prev {
        /*right: -15px;*/
        left: auto;
        background: #f1f1f191 url("../images/ArrowRight.svg") no-repeat center center !important;
        background-size: 32px ​auto !important;
    }

/* line 546, ../../sass/_objects.scss */
.tag {
    display: block;
    font-weight: 100;
    font-size: 1.125em;
    background: #f5f5f5;
    color: inherit;
    padding: 8px 9px;
    margin-left: 15px;
}

/* line 557, ../../sass/_objects.scss */
.package-box {
    padding: 20px;
    --size: -20px;
    max-width: 345px;
    position: relative;
}
    /* line 563, ../../sass/_objects.scss */
    .package-box:hover .package-box__name {
        color: #3135ec;
    }
/* line 568, ../../sass/_objects.scss */
.package-box__image {
    z-index: 2;
}
    /* line 571, ../../sass/_objects.scss */
    .package-box__image:before {
        top: 38px;
        left: 50%;
        content: "";
        z-index: -1;
        right: var(--size);
        background: #fff;
        -moz-border-radius: 0 25px 0 0;
        -webkit-border-radius: 0;
        border-radius: 0 25px 0 0;
    }
/* line 584, ../../sass/_objects.scss */
.package-box__options {
    top: 30px;
    right: 30px;
    left: 30px;
    z-index: 2;
    position: absolute;
}
/* line 594, ../../sass/_objects.scss */
.package-box__fav {
    width: 40px;
    height: 40px;
    background: #fff;
    justify-content: center;
}
    /* line 599, ../../sass/_objects.scss */
    .package-box__fav .svg-icon {
        stroke: #898989;
    }
/* line 604, ../../sass/_objects.scss */
.package-box__fav--active .svg-icon {
    fill: #898989;
}
/* line 609, ../../sass/_objects.scss */
.package-box__percent {
    color: #fff;
    background: #E7442F;
}
/* line 614, ../../sass/_objects.scss */
.package-box__duration {
    right: 10px;
    bottom: 10px;
    position: absolute;
    display: flex;
    padding: 0 0 0 8px;
    line-height: 30px;
    overflow: hidden;
}
    /* line 624, ../../sass/_objects.scss */
    .package-box__duration:before {
        content: "";
        width: 7px;
        margin-left: 8px;
        background: #FEE610;
    }
/* line 632, ../../sass/_objects.scss */
.package-box .small-title {
    padding: 20px 0;
}
/* line 636, ../../sass/_objects.scss */
.package-box__content {
    z-index: 1;
    position: relative;
}
    /* line 641, ../../sass/_objects.scss */
    .package-box__content:before {
        top: var(--size);
        bottom: var(--size);
        right: var(--size);
        left: var(--size);
        z-index: -1;
        content: "";
        background: #fff;
        position: absolute;
        -moz-border-radius: 25px 0 25px 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px 0 25px 25px;
    }
/* line 655, ../../sass/_objects.scss */
.package-box__footer {
    padding: 15px 20px 0;
    margin: 0 -20px;
    border-top: 1px solid #ededed;
}
/* line 663, ../../sass/_objects.scss */
.package-box__btns .button {
    padding: 8px 13px;
    min-width: 0;
    margin-right: 10px;
}
/* line 670, ../../sass/_objects.scss */
.package-box__btns .stroke:after, .package-box__btns .course-box__price--old:after {
    transform: rotate(-14deg);
    margin: auto 4px;
}
/* line 677, ../../sass/_objects.scss */
.row__slider .package-box {
    margin-left: 30px;
}

@media (max-width: 29em) {
    /* line 677, ../../sass/_objects.scss */
    .row__slider .package-box {
        margin-left: 10px;
    }
}

@media (max-width: 29em) {
    /* line 557, ../../sass/_objects.scss */
    .package-box {
        max-width: 280px;
    }
    /* line 685, ../../sass/_objects.scss */
    .package-box__footer {
        padding: 15px 10px 0;
    }
}

/* line 692, ../../sass/_objects.scss */
.road-box {
    padding: 15px 20px;
    -moz-border-radius: 25px 64px 25px 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px 64px 25px 25px;
}
    /* line 700, ../../sass/_objects.scss */
    .road-box:hover .road-box__title {
        color: #3135ec;
    }
    /* line 703, ../../sass/_objects.scss */
    .road-box:hover .road-box__image {
        transform: rotate(20deg);
    }

@media (max-width: 48em) {
    /* line 692, ../../sass/_objects.scss */
    .road-box {
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        border-radius: 25px;
    }
        /* line 709, ../../sass/_objects.scss */
        .road-box .mb10 {
            margin-bottom: 0;
        }
}
/* line 713, ../../sass/_objects.scss */
.road-box__image {
    margin-left: 10px;
}
/* line 718, ../../sass/_objects.scss */
.road-box__text {
    margin-top: 10px;
}
/* line 722, ../../sass/_objects.scss */
.road-box__tag {
    font-weight: 100;
    padding: 3px 5px;
    min-width: 0;
    margin-bottom: 5px;
}
/* line 729, ../../sass/_objects.scss */
.road-box__more {
    left: 0;
    top: 15px;
    width: 40px;
    height: 40px;
    position: absolute;
    background: #e3e1d4 url("../images/ArrowLeftBlue.svg") no-repeat center center;
    background-size: 25px;
}

@media (max-width: 48em) {
    /* line 729, ../../sass/_objects.scss */
    .road-box__more {
        top: 0;
    }
}

/* line 744, ../../sass/_objects.scss */
.star {
    --size: 17px;
    width: var(--size);
    height: var(--size);
    background: url("../images/starEmpty.svg") no-repeat center center;
    background-size: var(--size);
}
/* line 750, ../../sass/_objects.scss */
.star--fill {
    background: url("../images/starFill.svg") no-repeat center center;
    background-size: var(--size);
}
/* line 754, ../../sass/_objects.scss */
.star--fill-half {
    background: url("../images/starHalf.svg") no-repeat center center;
    background-size: 21px;
}

/* line 760, ../../sass/_objects.scss */
.skill-box {
    padding: 10px 15px;
    font-size: 1.2em;
}
    /* line 766, ../../sass/_objects.scss */
    .skill-box:hover .skill-box__title {
        color: #3135ec;
    }

@media (max-width: 75em) {
    /* line 760, ../../sass/_objects.scss */
    .skill-box {
        font-size: 1em;
    }
}
/* line 773, ../../sass/_objects.scss */
.skill-box .svg-icon {
    stroke: #3135ec;
}

/* line 779, ../../sass/_objects.scss */
.backdrop {
    display: none;
    z-index: 1000;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
}

/* line 787, ../../sass/_objects.scss */
.sep {
    display: block;
    height: 1px;
    background: #ededed;
}

/* line 1, ../../sass/_layout.scss */
.top-section {
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 40px;
}

@media (max-width: 64em) {
    /* line 1, ../../sass/_layout.scss */
    .top-section {
        padding-top: 150px;
        position: relative;
    }
}
/* line 10, ../../sass/_layout.scss */
.top-section__content {
    padding: 30px;
    width: 60%;
    /*max-width: 100%*/;
    max-width: 650px;
    background: #f5f5f5;
    margin: auto;
}

@media (max-width: 54em) {
    /* line 10, ../../sass/_layout.scss */
    .top-section__content {
        width: 100%;
        z-index: 2;
        position: relative;
    }
}

@media (max-width: 29em) {
    /* line 10, ../../sass/_layout.scss */
    .top-section__content {
        padding: 15px;
    }
}
/* line 25, ../../sass/_layout.scss */
.top-section__image {
    /*margin-right: auto;*/
    /*width: calc(44% - 50px);*/
    width: 40%;
    max-width: 470px;
    margin: auto;
}

@media (max-width: 54em) {
    /* line 25, ../../sass/_layout.scss */
    .top-section__image {
        top: 7px;
        right: 0;
        left: 6px;
        width: auto;
        height: 200px;
        text-align: left;
        position: absolute;
    }
        /* line 38, ../../sass/_layout.scss */
        .top-section__image.image-holder img {
            width: auto;
            display: block;
        }
}
/* line 46, ../../sass/_layout.scss */
.top-section__icons {
    padding: 0 20px;
    justify-content: space-between;
}
/* line 50, ../../sass/_layout.scss */
.top-section__icons__item {
    align-items: flex-start;
}
/* line 54, ../../sass/_layout.scss */
.top-section__icons__number {
    font-size: 36px;
    line-height: 30px;
    margin-top: 25px;
}

@media (max-width: 75em) {
    /* line 54, ../../sass/_layout.scss */
    .top-section__icons__number {
        font-size: 1.2em;
        margin-top: 10px;
    }
}

@media (max-width: 41em) {
    /* line 54, ../../sass/_layout.scss */
    .top-section__icons__number {
        margin-top: 7px;
    }
}
/* line 67, ../../sass/_layout.scss */
.top-section__icons__desc {
    font-size: 12px;
}
/* line 71, ../../sass/_layout.scss */
.top-section__icons .img {
    margin-left: 10px;
}

@media (max-width: 41em) {
    /* line 71, ../../sass/_layout.scss */
    .top-section__icons .img {
        width: 28px;
        height: 28px;
    }
}

/* line 81, ../../sass/_layout.scss */
.row__slider {
    display: flex;
}

/* line 84, ../../sass/_layout.scss */
.how-call-to-action {
    padding-top: 20px;
}
    /* line 86, ../../sass/_layout.scss */
    .how-call-to-action .wrap {
        align-items: flex-end;
    }
/* line 90, ../../sass/_layout.scss */
.how-call-to-action__image {
    width: 30%;
}

@media (max-width: 64em) {
    /* line 90, ../../sass/_layout.scss */
    .how-call-to-action__image {
        width: 100%;
    }
        /* line 94, ../../sass/_layout.scss */
        .how-call-to-action__image .img-responsive {
            height: 200px;
            margin: 0 auto;
        }
}
/* line 101, ../../sass/_layout.scss */
.how-call-to-action__content {
    padding: 20px 100px 40px;
    width: 70%;
}

@media (max-width: 64em) {
    /* line 101, ../../sass/_layout.scss */
    .how-call-to-action__content {
        width: 100%;
        padding: 20px 0;
    }
}

@media (max-width: 64em) {
    /* line 110, ../../sass/_layout.scss */
    .how-call-to-action__btn {
        justify-content: center;
    }
}

/* line 116, ../../sass/_layout.scss */
.view-all {
    font-size: 1.1em;
    padding: 9px ​26px;
}

@media (max-width: 41em) {
    /* line 116, ../../sass/_layout.scss */
    .view-all {
        font-size: 0.9em;
        padding: 6px 8px;
        min-width: 0;
    }
}

/* line 128, ../../sass/_layout.scss */
.register-box__text {
    font-size: 39px;
}
/* line 132, ../../sass/_layout.scss */
.register-box__content {
    width: 500px;
}
/* line 135, ../../sass/_layout.scss */
.register-box__image {
    max-width: calc(100% - 530px);
}

@media (max-width: 52em) {
    /* line 141, ../../sass/_layout.scss */
    .register-box__text {
        font-size: 1.5em;
        margin-bottom: 30px;
    }
    /* line 145, ../../sass/_layout.scss */
    .register-box__content {
        max-width: calc(100% - 230px);
    }
    /* line 148, ../../sass/_layout.scss */
    .register-box__image {
        width: 200px;
        max-width: initial;
    }
}

@media (max-width: 29em) {
    /* line 127, ../../sass/_layout.scss */
    .register-box {
        flex-direction: column-reverse;
    }
    /* line 155, ../../sass/_layout.scss */
    .register-box__content {
        /*width: 100%;*/
        max-width: 100%; /*new*/
        text-align: center; /*new*/
    }
}

/* line 163, ../../sass/_layout.scss */
.road-boxes {
    display: grid;
    grid-gap: 25px;
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 75em) {
    /* line 163, ../../sass/_layout.scss */
    .road-boxes {
        grid-gap: 5px;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 29em) {
    /* line 163, ../../sass/_layout.scss */
    .road-boxes {
        grid-gap: 5px;
        grid-template-columns: 1fr;
    }
}

/* line 177, ../../sass/_layout.scss */
.banner-row {
    display: grid;
    grid-gap: 40px;
    grid-template-columns: 1fr;
}

@media (max-width: 48em) {
    /* line 177, ../../sass/_layout.scss */
    .banner-row {
        grid-gap: 20px;
    }
}
/* line 184, ../../sass/_layout.scss */
.banner-row.col-2 {
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 48em) {
    /* line 184, ../../sass/_layout.scss */
    .banner-row.col-2 {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* line 191, ../../sass/_layout.scss */
.banner-row.col-4 {
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 48em) {
    /* line 191, ../../sass/_layout.scss */
    .banner-row.col-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* line 199, ../../sass/_layout.scss */
.cat-boxes {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(6, 1fr);
    max-width: 1000px;
    margin: auto;
}

@media (max-width: 64em) {
    /* line 199, ../../sass/_layout.scss */
    .cat-boxes {
        overflow: hidden;
        max-height: 200px;
    }
        /* line 206, ../../sass/_layout.scss */
        .cat-boxes .slick-slide {
            margin-left: 25px;
        }
}

/* line 213, ../../sass/_layout.scss */
.tags .slick-slide {
    margin-left: 15px;
}

@media (max-width: 48em) {
    /* line 212, ../../sass/_layout.scss */
    .tags {
        margin-top: 20px;
    }
}

/* line 221, ../../sass/_layout.scss */
.learn-skill {
    padding: 60px 0;
}

@media (max-width: 48em) {
    /* line 221, ../../sass/_layout.scss */
    .learn-skill {
        padding: 0 20px;
        background: none;
    }
}

@media (max-width: 29em) {
    /* line 221, ../../sass/_layout.scss */
    .learn-skill {
        padding: 0 10px;
    }
}
/* line 232, ../../sass/_layout.scss */
.learn-skill .wrap {
    grid-gap: 80px;
    display: grid;
    grid-template-columns: 300px auto;
}

@media (max-width: 75em) {
    /* line 232, ../../sass/_layout.scss */
    .learn-skill .wrap {
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }
}

@media (max-width: 48em) {
    /* line 232, ../../sass/_layout.scss */
    .learn-skill .wrap {
        background: #FEE610;
        padding-top: 20px;
        padding-bottom: 20px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
}
/* line 247, ../../sass/_layout.scss */
.learn-skill__text {
    font-size: 30px;
}

@media (max-width: 75em) {
    /* line 247, ../../sass/_layout.scss */
    .learn-skill__text {
        font-size: 1.2em;
    }
}
/* line 253, ../../sass/_layout.scss */
.learn-skill .skill-boxes {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 75em) {
    /* line 253, ../../sass/_layout.scss */
    .learn-skill .skill-boxes {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 29em) {
    /* line 253, ../../sass/_layout.scss */
    .learn-skill .skill-boxes {
        grid-template-columns: repeat(1, 1fr);
    }
}

.currency {
    margin-top: -7px;
}

.freeprice {
    color: #40a432;
    margin-left: 20px;
    font-weight: 500;
}

.fontawesomeC {
    font-size: 2.3rem;
    margin-bottom: 15px;
    color: #ffe002;
}

.cat-box__title {
    font-size: 14px;
    font-weight: 400;
}

.img-responsiveN {
    max-width: 100%;
    display: block;
}

li a {
    color: #565656;
}

.menu-a {
    display: contents;
}


#btnpad1118 {
    padding: 4px 12px 3px;
}