@charset "UTF-8";




/*!
Theme Name: Edumall
Theme URI: https://edumall.thememove.com
Author: ThemeMove
Author URI: https://thememove.com
Description: Edumall – Professional LMS Education Center WordPress Theme
Version: 4.8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: edumall
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/
.archive-layout-switcher .switcher-item:after,
.archive-layout-switcher .switcher-item:before,
.archive-top-filter-content .count,
.blog-nav-links .inner .hover-bg,
.blog-nav-links .inner h6:before,
.button,
.course-button,
.course-caption-style-01 .course-wrapper,
.dialog-widget .dialog-close-button i,
.edumall-accordion .accordion-header,
.edumall-accordion .accordion-icon,
.edumall-accordion .accordion-section,
.edumall-accordion .accordion-title,
.edumall-blog-overlay-style-float .post-overlay-background,
.edumall-blog .post-wrapper,
.edumall-course .course-info,
.edumall-course .course-wrapper,
.edumall-event-grid.style-minimal .edumall-box,
.edumall-event-grid.style-minimal .edumall-box:before,
.edumall-faqs-list .post-title a:after,
.edumall-faqs-list .post-title a:before,
.edumall-gallery-justified-content .overlay,
.edumall-gallery-justified-content .overlay-content,
.edumall-gradation .count,
.edumall-grid-pagination .navigation-buttons .nav-link,
.edumall-grid-wrapper.filter-style-01 .filter-counter,
.edumall-icon .icon,
.edumall-image,
.edumall-light-gallery .edumall-overlay,
.edumall-list .icon,
.edumall-list .icon-view,
.edumall-list .text,
.edumall-mailchimp-form-style-02 .button-icon,
.edumall-modal .button-close-modal,
.edumall-modal .modal-content,
.edumall-modal.open,
.edumall-modern-carousel-style-01 .slide-image,
.edumall-modern-carousel-style-02 .slide-button:after,
.edumall-modern-carousel-style-02 .slide-image,
.edumall-nice-select-wrap .edumall-nice-select,
.edumall-nice-select-wrap .edumall-nice-select-current,
.edumall-popup-video-button-effect-wave-pulse .video-button-mask,
.edumall-popup .button-close-popup,
.edumall-popup.open,
.edumall-popup .popup-content,
.edumall-portfolio-carousel-01 .post-thumbnail,
.edumall-slider-buttons.style-01 .slider-btn,
.edumall-tabpanel .tab-mobile-heading,
.edumall-team-member-style-01 .overlay,
.edumall-team-member-style-01 .photo,
.edumall-team-member-style-01 .social-networks,
.edumall-team-member-style-01 .social-networks a,
.edumall-team-member-style-02 .info,
.edumall-team-member-style-02 .overlay,
.edumall-team-member-style-02 .photo,
.edumall-team-member-style-02 .social-networks,
.edumall-team-member-style-02 .social-networks a,
.edumall-team-member-style-03 .info,
.edumall-team-member-style-03 .overlay,
.edumall-team-member-style-03 .photo,
.edumall-team-member-style-03 .social-networks,
.edumall-team-member-style-03 .social-networks a,
.edumall-team-member-style-04 .edumall-box,
.edumall-testimonial-style-03 .testimonial-item,
.elementor-widget-tm-icon-box .description,
.elementor-widget-tm-icon-box.edumall-icon-box-style-02 .tm-icon-box:after,
.elementor-widget-tm-icon-box.edumall-icon-box-style-03 .tm-icon-box.has-link .heading:after,
.elementor-widget-tm-icon-box .heading,
.elementor-widget-tm-icon-box .heading-divider:after,
.elementor-widget-tm-icon-box .icon,
.elementor-widget-tm-icon-box .icon-box-button,
.elementor-widget-tm-icon-box .tm-icon-box,
.elementor-widget-tm-icon-box .tm-icon-box:before,
.elementor-widget-tm-image-carousel .image img,
.full-page-numbers,
.full-page-numbers .numbers .total:before,
.full-page-share-list .stalk,
.full-page-share-list .stalk:before,
.header-category-menu .header-category-dropdown-wrap,
.header-category-menu ul.course-list>li+li a.course-wrapper:after,
.header-category-menu ul.course-list>li+li a.course-wrapper:before,
.header-notification-list,
.header-right-inner,
.header-user-links-icon .user-icon,
.page-mobile-main-menu,
.page-mobile-main-menu .toggle-sub-menu,
.page-mobile-menu-opened.mobile-menu-push-to-left .site,
.page-mobile-menu-opened.mobile-menu-push-to-right .site,
.page-open-components .circle,
.page-open-popup-search i,
.page-scroll-up,
.page-scroll-up i,
.page-sidebar .insight-core-bmw li>a:before,
.popup-pre-loader,
.portfolio-nav-links.style-02 .hover,
.portfolio-nav-links.style-02 .normal,
.portfolio-nav-links.style-02 a,
.portfolio-nav-links.style-03 .nav-text,
.portfolio-overlay-faded-04 .post-overlay,
.portfolio-overlay-flat .post-overlay,
.portfolio-overlay-flat .post-overlay-info,
.portfolio-overlay-float .post-overlay,
.portfolio-overlay-group-01 .post-overlay,
.portfolio-overlay-huge-on .site,
.portfolio-overlay-huge .post-overlay,
.portfolio-overlay-huge .post-overlay-info,
.post-share .share-list,
.post-share.style-01 .share-icon,
.quantity button:before,
.select2-container.select2-container.select2-container--default .select2-selection--multiple,
.single-portfolio .tm-sticky-column,
.site,
.svg-defs-gradient .stop-a,
.svg-defs-gradient .stop-b,
.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu,
.tm-button.btn-toggle-archive-top-filters .button-content-wrapper:after,
.tm-button .button-icon,
.tm-button .button-text,
.tm-button.style-border:after,
.tm-button.style-border:before,
.tm-button.style-flat:after,
.tm-button.style-flat:before,
.tm-button.style-thick-border:after,
.tm-button.style-thick-border:before,
.tm-counter,
.tm-image-box,
.tm-image-box .description,
.tm-image-box .image,
.tm-image-box .title,
.tm-image-box:before,
.tm-popup-video .icon:before,
.tm-popup-video .video-overlay,
.tm-popup-video .video-play-icon,
.tm-portfolio .post-wrapper,
.tm-social-networks .link-icon,
.tm-social-networks .link-text,
.tm-swiper.pagination-style-05 .swiper-pagination-bullet:after,
.tm-swiper .swiper-pagination-bullet:before,
.tm-swiper:hover .swiper-nav-button,
.tm-team-member-carousel.style-01 .info,
.tm-team-member-carousel.style-01 .overlay,
.tm-team-member-carousel.style-01 .photo,
.tm-team-member-carousel.style-01 .social-networks,
.tm-team-member-carousel.style-01 .social-networks a,
.tm-team-member-carousel.style-02 .edumall-box,
.tm-view-demo .box-shapes,
.wc-forward,
.widget-search-form .search-submit,
.widget_recent_entries li a:after,
.widget_recent_entries li a:before,
a,
button:not(:where(.tutor-btn, .tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=button],
input[type=checkbox]:not(:where(.wc-block-components-checkbox__input)):after,
input[type=checkbox]:not(:where(.wc-block-components-checkbox__input)):before,
input[type=email]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=number]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=password]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=reset],
input[type=search]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=submit],
input[type=tel]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=text]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=url]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
select:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
textarea:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)) {
  transition: all .25s cubic-bezier(.645, .045, .355, 1)
}

.branding-logo-wrap:after,
.comment-list .comment:after,
.comment-list .pingback:after,
.comment-list .trackback:after,
.edumall-slider-buttons.style-01 .button-wrap:after,
.edumall-tabpanel.edumall-tabpanel-horizontal>.edumall-nav-tabs:after,
.edumall-timeline.style-01 .timeline-item:after,
.edumall-wp-widget-posts .post-item:after,
.elementor-section.elementor-section-content-align-right:after,
.entry-author .author-social-networks .inner:after,
.hentry:after,
.page-links:after,
.page-loading .sk-three-bounce:after,
.page-mobile-main-menu:after,
.single-post .entry-content:after,
.tm-social-networks ul:after,
.widget .tagcloud:after,
.wp-block-tag-cloud:after {
  content: "";
  display: table;
  clear: both
}

.blog-nav-links .inner .hover-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.blog-nav-links .inner .hover-bg.has-thumbnail:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.edumall-blog .post-overlay-meta a,
.entry-portfolio-details a,
.insight_core_breadcrumb a,
.tm-twitter.style-list .tweet .tweet-text a {
  position: relative
}

.edumall-blog .post-overlay-meta a:after,
.entry-portfolio-details a:after,
.insight_core_breadcrumb a:after,
.tm-twitter.style-list .tweet .tweet-text a:after {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
  background: currentColor
}

.edumall-blog .post-overlay-meta a:hover:after,
.entry-portfolio-details a:hover:after,
.insight_core_breadcrumb a:hover:after,
.tm-twitter.style-list .tweet .tweet-text a:hover:after {
  width: 100%;
  left: 0;
  right: auto
}

.archive-layout-switcher .switcher-item:after,
.desktop-menu .toggle-sub-menu:before,
.edumall-blog-list-03 .post-title a:after,
.edumall-blog-list-03 .post-title a:before,
.edumall-nice-select-wrap .edumall-nice-select li.selected:before,
.page-sidebar .insight-core-bmw li>a:before,
.page-title-bar-08 .page-title-bar-search-form .search-btn-icon,
.portfolio-nav-links.style-01 h6:before,
.portfolio-nav-links.style-03 .post-title:after,
.select2-container .select2-search--dropdown:after,
.tm-star-rating.style-01 .tm-star-empty,
.tm-star-rating .tm-star-full,
.widget_recent_entries li a:after,
.widget_recent_entries li a:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: Font Awesome\ 6 Pro;
  font-weight: 900
}

.blog-nav-links .inner h6:before,
.dialog-widget .dialog-close-button i,
.edumall-faqs-list .post-date:before,
.edumall-mailchimp-form .button-icon,
.edumall-modal .button-close-modal,
.edumall-popup .button-close-popup,
.elementor-widget-tm-icon-box.edumall-icon-box-style-03 .tm-icon-box.has-link .heading:after,
.growl.growl .growl-close:before,
.switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle:after,
.tm-star-rating.style-03 .tm-star-empty,
.widget_recent_comments .comment-author-link:before,
.widget_recent_entries .post-date:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: Font Awesome\ 6 Pro;
  font-weight: 300
}

.edumall-faqs-list .post-title a:after,
.edumall-faqs-list .post-title a:before,
.edumall-grid-sorting .ordering .edumall-nice-select-current .label:before,
.edumall-nice-select-wrap .edumall-nice-select-current:after,
.elementor-form .elementor-message-success:before,
.form-input-group.form-input-password .btn-pw-toggle,
.header-category-menu .header-category-dropdown-wrap ul li>a .toggle-sub-menu:before,
.page-mobile-main-menu .toggle-sub-menu:after,
.tm-button.btn-toggle-archive-top-filters .button-content-wrapper:after,
.tm-star-rating.style-02 .tm-star-empty,
.tm-swiper .swiper-nav-button i,
input[type=checkbox]:not(:where(.wc-block-components-checkbox__input)):after {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: Font Awesome\ 6 Pro;
  font-weight: 400
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social:before,
.tm-twitter.style-list .tweet:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: Font Awesome\ 6 Brands;
  font-weight: 400
}

.tm-star-rating.style-01 .tm-star-half,
.tm-star-rating.style-02 .tm-star-half,
.tm-star-rating.style-03 .tm-star-half {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  position: relative;
  font-family: Font Awesome\ 6 Duotone;
  font-weight: 900
}

.mfp-close.mfp-close {
  font-weight: 300
}

.mfp-close.mfp-close,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev,
.updating-icon:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: Font Awesome\ 6 Pro !important
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev,
.updating-icon:before {
  font-weight: 400
}

.mfp-inline-holder .mfp-content,
.mfp-wrap.mfp-wrap,
.page-mobile-main-menu {
  cursor: url(assets/images/cursor/light-close.png) 16 16, pointer
}

*,
:after,
:before {
  box-sizing: inherit
}

html {
  box-sizing: border-box;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

body {
  margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],
template {
  display: none
}

a {
  background-color: transparent
}

a:active,
a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: 700
}

dfn {
  font-style: italic
}

h1 {
  margin: .67em 0;
  font-size: 2em
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0
}

code,
kbd,
pre,
samp {
  font-size: 1em;
  font-family: monospace, monospace
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  color: inherit;
  font: inherit
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0
}

input {
  line-height: normal
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto
}

input[type=search] {
  box-sizing: content-box;
  -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  margin: 0 2px;
  padding: .35em .625em .75em;
  border: 1px solid silver
}

legend {
  padding: 0;
  border: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

table {
  border-spacing: 0;
  border-collapse: collapse
}

td,
th {
  padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 18px
}

input[type=search] {
  box-sizing: inherit
}

.container {
  max-width: 1200px
}

.container,
.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: .9375rem;
  padding-right: .9375rem
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -.9375rem;
  margin-right: -.9375rem
}

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12 {
  position: relative;
  min-height: 1px;
  padding-left: .9375rem;
  padding-right: .9375rem;
  width: 100%
}

.col-xs-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%
}

.col-xs-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}

.col-xs-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.col-xs-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}

.col-xs-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%
}

.col-xs-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.col-xs-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%
}

.col-xs-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%
}

.col-xs-9 {
  flex: 0 0 75%;
  max-width: 75%
}

.col-xs-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%
}

.col-xs-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%
}

.col-xs-12 {
  flex: 0 0 100%;
  max-width: 100%
}

.col-xs-pull-0 {
  right: auto
}

.col-xs-pull-1 {
  right: 8.3333333333%
}

.col-xs-pull-2 {
  right: 16.6666666667%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-4 {
  right: 33.3333333333%
}

.col-xs-pull-5 {
  right: 41.6666666667%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-7 {
  right: 58.3333333333%
}

.col-xs-pull-8 {
  right: 66.6666666667%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-10 {
  right: 83.3333333333%
}

.col-xs-pull-11 {
  right: 91.6666666667%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-push-0 {
  left: auto
}

.col-xs-push-1 {
  left: 8.3333333333%
}

.col-xs-push-2 {
  left: 16.6666666667%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-4 {
  left: 33.3333333333%
}

.col-xs-push-5 {
  left: 41.6666666667%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-7 {
  left: 58.3333333333%
}

.col-xs-push-8 {
  left: 66.6666666667%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-10 {
  left: 83.3333333333%
}

.col-xs-push-11 {
  left: 91.6666666667%
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-offset-0 {
  margin-left: 0
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%
}

.col-xs-offset-3 {
  margin-left: 25%
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%
}

.col-xs-offset-6 {
  margin-left: 50%
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%
}

.col-xs-offset-9 {
  margin-left: 75%
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%
}

.col-xs-offset-12 {
  margin-left: 100%
}

.col-xs-offset-right-0 {
  margin-right: 0
}

.col-xs-offset-right-1 {
  margin-right: 8.3333333333%
}

.col-xs-offset-right-2 {
  margin-right: 16.6666666667%
}

.col-xs-offset-right-3 {
  margin-right: 25%
}

.col-xs-offset-right-4 {
  margin-right: 33.3333333333%
}

.col-xs-offset-right-5 {
  margin-right: 41.6666666667%
}

.col-xs-offset-right-6 {
  margin-right: 50%
}

.col-xs-offset-right-7 {
  margin-right: 58.3333333333%
}

.col-xs-offset-right-8 {
  margin-right: 66.6666666667%
}

.col-xs-offset-right-9 {
  margin-right: 75%
}

.col-xs-offset-right-10 {
  margin-right: 83.3333333333%
}

.col-xs-offset-right-11 {
  margin-right: 91.6666666667%
}

.col-xs-offset-right-12 {
  margin-right: 100%
}

@media (min-width:544px) {
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .col-sm-pull-0 {
    right: auto
  }

  .col-sm-pull-1 {
    right: 8.3333333333%
  }

  .col-sm-pull-2 {
    right: 16.6666666667%
  }

  .col-sm-pull-3 {
    right: 25%
  }

  .col-sm-pull-4 {
    right: 33.3333333333%
  }

  .col-sm-pull-5 {
    right: 41.6666666667%
  }

  .col-sm-pull-6 {
    right: 50%
  }

  .col-sm-pull-7 {
    right: 58.3333333333%
  }

  .col-sm-pull-8 {
    right: 66.6666666667%
  }

  .col-sm-pull-9 {
    right: 75%
  }

  .col-sm-pull-10 {
    right: 83.3333333333%
  }

  .col-sm-pull-11 {
    right: 91.6666666667%
  }

  .col-sm-pull-12 {
    right: 100%
  }

  .col-sm-push-0 {
    left: auto
  }

  .col-sm-push-1 {
    left: 8.3333333333%
  }

  .col-sm-push-2 {
    left: 16.6666666667%
  }

  .col-sm-push-3 {
    left: 25%
  }

  .col-sm-push-4 {
    left: 33.3333333333%
  }

  .col-sm-push-5 {
    left: 41.6666666667%
  }

  .col-sm-push-6 {
    left: 50%
  }

  .col-sm-push-7 {
    left: 58.3333333333%
  }

  .col-sm-push-8 {
    left: 66.6666666667%
  }

  .col-sm-push-9 {
    left: 75%
  }

  .col-sm-push-10 {
    left: 83.3333333333%
  }

  .col-sm-push-11 {
    left: 91.6666666667%
  }

  .col-sm-push-12 {
    left: 100%
  }

  .col-sm-offset-0 {
    margin-left: 0
  }

  .col-sm-offset-1 {
    margin-left: 8.3333333333%
  }

  .col-sm-offset-2 {
    margin-left: 16.6666666667%
  }

  .col-sm-offset-3 {
    margin-left: 25%
  }

  .col-sm-offset-4 {
    margin-left: 33.3333333333%
  }

  .col-sm-offset-5 {
    margin-left: 41.6666666667%
  }

  .col-sm-offset-6 {
    margin-left: 50%
  }

  .col-sm-offset-7 {
    margin-left: 58.3333333333%
  }

  .col-sm-offset-8 {
    margin-left: 66.6666666667%
  }

  .col-sm-offset-9 {
    margin-left: 75%
  }

  .col-sm-offset-10 {
    margin-left: 83.3333333333%
  }

  .col-sm-offset-11 {
    margin-left: 91.6666666667%
  }

  .col-sm-offset-12 {
    margin-left: 100%
  }

  .col-sm-offset-right-0 {
    margin-right: 0
  }

  .col-sm-offset-right-1 {
    margin-right: 8.3333333333%
  }

  .col-sm-offset-right-2 {
    margin-right: 16.6666666667%
  }

  .col-sm-offset-right-3 {
    margin-right: 25%
  }

  .col-sm-offset-right-4 {
    margin-right: 33.3333333333%
  }

  .col-sm-offset-right-5 {
    margin-right: 41.6666666667%
  }

  .col-sm-offset-right-6 {
    margin-right: 50%
  }

  .col-sm-offset-right-7 {
    margin-right: 58.3333333333%
  }

  .col-sm-offset-right-8 {
    margin-right: 66.6666666667%
  }

  .col-sm-offset-right-9 {
    margin-right: 75%
  }

  .col-sm-offset-right-10 {
    margin-right: 83.3333333333%
  }

  .col-sm-offset-right-11 {
    margin-right: 91.6666666667%
  }

  .col-sm-offset-right-12 {
    margin-right: 100%
  }
}

@media (min-width:768px) {
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .col-md-pull-0 {
    right: auto
  }

  .col-md-pull-1 {
    right: 8.3333333333%
  }

  .col-md-pull-2 {
    right: 16.6666666667%
  }

  .col-md-pull-3 {
    right: 25%
  }

  .col-md-pull-4 {
    right: 33.3333333333%
  }

  .col-md-pull-5 {
    right: 41.6666666667%
  }

  .col-md-pull-6 {
    right: 50%
  }

  .col-md-pull-7 {
    right: 58.3333333333%
  }

  .col-md-pull-8 {
    right: 66.6666666667%
  }

  .col-md-pull-9 {
    right: 75%
  }

  .col-md-pull-10 {
    right: 83.3333333333%
  }

  .col-md-pull-11 {
    right: 91.6666666667%
  }

  .col-md-pull-12 {
    right: 100%
  }

  .col-md-push-0 {
    left: auto
  }

  .col-md-push-1 {
    left: 8.3333333333%
  }

  .col-md-push-2 {
    left: 16.6666666667%
  }

  .col-md-push-3 {
    left: 25%
  }

  .col-md-push-4 {
    left: 33.3333333333%
  }

  .col-md-push-5 {
    left: 41.6666666667%
  }

  .col-md-push-6 {
    left: 50%
  }

  .col-md-push-7 {
    left: 58.3333333333%
  }

  .col-md-push-8 {
    left: 66.6666666667%
  }

  .col-md-push-9 {
    left: 75%
  }

  .col-md-push-10 {
    left: 83.3333333333%
  }

  .col-md-push-11 {
    left: 91.6666666667%
  }

  .col-md-push-12 {
    left: 100%
  }

  .col-md-offset-0 {
    margin-left: 0
  }

  .col-md-offset-1 {
    margin-left: 8.3333333333%
  }

  .col-md-offset-2 {
    margin-left: 16.6666666667%
  }

  .col-md-offset-3 {
    margin-left: 25%
  }

  .col-md-offset-4 {
    margin-left: 33.3333333333%
  }

  .col-md-offset-5 {
    margin-left: 41.6666666667%
  }

  .col-md-offset-6 {
    margin-left: 50%
  }

  .col-md-offset-7 {
    margin-left: 58.3333333333%
  }

  .col-md-offset-8 {
    margin-left: 66.6666666667%
  }

  .col-md-offset-9 {
    margin-left: 75%
  }

  .col-md-offset-10 {
    margin-left: 83.3333333333%
  }

  .col-md-offset-11 {
    margin-left: 91.6666666667%
  }

  .col-md-offset-12 {
    margin-left: 100%
  }

  .col-md-offset-right-0 {
    margin-right: 0
  }

  .col-md-offset-right-1 {
    margin-right: 8.3333333333%
  }

  .col-md-offset-right-2 {
    margin-right: 16.6666666667%
  }

  .col-md-offset-right-3 {
    margin-right: 25%
  }

  .col-md-offset-right-4 {
    margin-right: 33.3333333333%
  }

  .col-md-offset-right-5 {
    margin-right: 41.6666666667%
  }

  .col-md-offset-right-6 {
    margin-right: 50%
  }

  .col-md-offset-right-7 {
    margin-right: 58.3333333333%
  }

  .col-md-offset-right-8 {
    margin-right: 66.6666666667%
  }

  .col-md-offset-right-9 {
    margin-right: 75%
  }

  .col-md-offset-right-10 {
    margin-right: 83.3333333333%
  }

  .col-md-offset-right-11 {
    margin-right: 91.6666666667%
  }

  .col-md-offset-right-12 {
    margin-right: 100%
  }
}

@media (min-width:992px) {
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .col-lg-pull-0 {
    right: auto
  }

  .col-lg-pull-1 {
    right: 8.3333333333%
  }

  .col-lg-pull-2 {
    right: 16.6666666667%
  }

  .col-lg-pull-3 {
    right: 25%
  }

  .col-lg-pull-4 {
    right: 33.3333333333%
  }

  .col-lg-pull-5 {
    right: 41.6666666667%
  }

  .col-lg-pull-6 {
    right: 50%
  }

  .col-lg-pull-7 {
    right: 58.3333333333%
  }

  .col-lg-pull-8 {
    right: 66.6666666667%
  }

  .col-lg-pull-9 {
    right: 75%
  }

  .col-lg-pull-10 {
    right: 83.3333333333%
  }

  .col-lg-pull-11 {
    right: 91.6666666667%
  }

  .col-lg-pull-12 {
    right: 100%
  }

  .col-lg-push-0 {
    left: auto
  }

  .col-lg-push-1 {
    left: 8.3333333333%
  }

  .col-lg-push-2 {
    left: 16.6666666667%
  }

  .col-lg-push-3 {
    left: 25%
  }

  .col-lg-push-4 {
    left: 33.3333333333%
  }

  .col-lg-push-5 {
    left: 41.6666666667%
  }

  .col-lg-push-6 {
    left: 50%
  }

  .col-lg-push-7 {
    left: 58.3333333333%
  }

  .col-lg-push-8 {
    left: 66.6666666667%
  }

  .col-lg-push-9 {
    left: 75%
  }

  .col-lg-push-10 {
    left: 83.3333333333%
  }

  .col-lg-push-11 {
    left: 91.6666666667%
  }

  .col-lg-push-12 {
    left: 100%
  }

  .col-lg-offset-0 {
    margin-left: 0
  }

  .col-lg-offset-1 {
    margin-left: 8.3333333333%
  }

  .col-lg-offset-2 {
    margin-left: 16.6666666667%
  }

  .col-lg-offset-3 {
    margin-left: 25%
  }

  .col-lg-offset-4 {
    margin-left: 33.3333333333%
  }

  .col-lg-offset-5 {
    margin-left: 41.6666666667%
  }

  .col-lg-offset-6 {
    margin-left: 50%
  }

  .col-lg-offset-7 {
    margin-left: 58.3333333333%
  }

  .col-lg-offset-8 {
    margin-left: 66.6666666667%
  }

  .col-lg-offset-9 {
    margin-left: 75%
  }

  .col-lg-offset-10 {
    margin-left: 83.3333333333%
  }

  .col-lg-offset-11 {
    margin-left: 91.6666666667%
  }

  .col-lg-offset-12 {
    margin-left: 100%
  }

  .col-lg-offset-right-0 {
    margin-right: 0
  }

  .col-lg-offset-right-1 {
    margin-right: 8.3333333333%
  }

  .col-lg-offset-right-2 {
    margin-right: 16.6666666667%
  }

  .col-lg-offset-right-3 {
    margin-right: 25%
  }

  .col-lg-offset-right-4 {
    margin-right: 33.3333333333%
  }

  .col-lg-offset-right-5 {
    margin-right: 41.6666666667%
  }

  .col-lg-offset-right-6 {
    margin-right: 50%
  }

  .col-lg-offset-right-7 {
    margin-right: 58.3333333333%
  }

  .col-lg-offset-right-8 {
    margin-right: 66.6666666667%
  }

  .col-lg-offset-right-9 {
    margin-right: 75%
  }

  .col-lg-offset-right-10 {
    margin-right: 83.3333333333%
  }

  .col-lg-offset-right-11 {
    margin-right: 91.6666666667%
  }

  .col-lg-offset-right-12 {
    margin-right: 100%
  }
}

@media (min-width:1200px) {
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .col-xl-pull-0 {
    right: auto
  }

  .col-xl-pull-1 {
    right: 8.3333333333%
  }

  .col-xl-pull-2 {
    right: 16.6666666667%
  }

  .col-xl-pull-3 {
    right: 25%
  }

  .col-xl-pull-4 {
    right: 33.3333333333%
  }

  .col-xl-pull-5 {
    right: 41.6666666667%
  }

  .col-xl-pull-6 {
    right: 50%
  }

  .col-xl-pull-7 {
    right: 58.3333333333%
  }

  .col-xl-pull-8 {
    right: 66.6666666667%
  }

  .col-xl-pull-9 {
    right: 75%
  }

  .col-xl-pull-10 {
    right: 83.3333333333%
  }

  .col-xl-pull-11 {
    right: 91.6666666667%
  }

  .col-xl-pull-12 {
    right: 100%
  }

  .col-xl-push-0 {
    left: auto
  }

  .col-xl-push-1 {
    left: 8.3333333333%
  }

  .col-xl-push-2 {
    left: 16.6666666667%
  }

  .col-xl-push-3 {
    left: 25%
  }

  .col-xl-push-4 {
    left: 33.3333333333%
  }

  .col-xl-push-5 {
    left: 41.6666666667%
  }

  .col-xl-push-6 {
    left: 50%
  }

  .col-xl-push-7 {
    left: 58.3333333333%
  }

  .col-xl-push-8 {
    left: 66.6666666667%
  }

  .col-xl-push-9 {
    left: 75%
  }

  .col-xl-push-10 {
    left: 83.3333333333%
  }

  .col-xl-push-11 {
    left: 91.6666666667%
  }

  .col-xl-push-12 {
    left: 100%
  }

  .col-xl-offset-0 {
    margin-left: 0
  }

  .col-xl-offset-1 {
    margin-left: 8.3333333333%
  }

  .col-xl-offset-2 {
    margin-left: 16.6666666667%
  }

  .col-xl-offset-3 {
    margin-left: 25%
  }

  .col-xl-offset-4 {
    margin-left: 33.3333333333%
  }

  .col-xl-offset-5 {
    margin-left: 41.6666666667%
  }

  .col-xl-offset-6 {
    margin-left: 50%
  }

  .col-xl-offset-7 {
    margin-left: 58.3333333333%
  }

  .col-xl-offset-8 {
    margin-left: 66.6666666667%
  }

  .col-xl-offset-9 {
    margin-left: 75%
  }

  .col-xl-offset-10 {
    margin-left: 83.3333333333%
  }

  .col-xl-offset-11 {
    margin-left: 91.6666666667%
  }

  .col-xl-offset-12 {
    margin-left: 100%
  }

  .col-xl-offset-right-0 {
    margin-right: 0
  }

  .col-xl-offset-right-1 {
    margin-right: 8.3333333333%
  }

  .col-xl-offset-right-2 {
    margin-right: 16.6666666667%
  }

  .col-xl-offset-right-3 {
    margin-right: 25%
  }

  .col-xl-offset-right-4 {
    margin-right: 33.3333333333%
  }

  .col-xl-offset-right-5 {
    margin-right: 41.6666666667%
  }

  .col-xl-offset-right-6 {
    margin-right: 50%
  }

  .col-xl-offset-right-7 {
    margin-right: 58.3333333333%
  }

  .col-xl-offset-right-8 {
    margin-right: 66.6666666667%
  }

  .col-xl-offset-right-9 {
    margin-right: 75%
  }

  .col-xl-offset-right-10 {
    margin-right: 83.3333333333%
  }

  .col-xl-offset-right-11 {
    margin-right: 91.6666666667%
  }

  .col-xl-offset-right-12 {
    margin-right: 100%
  }
}

@media (min-width:1920px) {
  .col-xxl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .col-xxl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }

  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }

  .col-xxl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }

  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-xxl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }

  .col-xxl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-xxl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .col-xxl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
  }

  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .col-xxl-pull-0 {
    right: auto
  }

  .col-xxl-pull-1 {
    right: 8.3333333333%
  }

  .col-xxl-pull-2 {
    right: 16.6666666667%
  }

  .col-xxl-pull-3 {
    right: 25%
  }

  .col-xxl-pull-4 {
    right: 33.3333333333%
  }

  .col-xxl-pull-5 {
    right: 41.6666666667%
  }

  .col-xxl-pull-6 {
    right: 50%
  }

  .col-xxl-pull-7 {
    right: 58.3333333333%
  }

  .col-xxl-pull-8 {
    right: 66.6666666667%
  }

  .col-xxl-pull-9 {
    right: 75%
  }

  .col-xxl-pull-10 {
    right: 83.3333333333%
  }

  .col-xxl-pull-11 {
    right: 91.6666666667%
  }

  .col-xxl-pull-12 {
    right: 100%
  }

  .col-xxl-push-0 {
    left: auto
  }

  .col-xxl-push-1 {
    left: 8.3333333333%
  }

  .col-xxl-push-2 {
    left: 16.6666666667%
  }

  .col-xxl-push-3 {
    left: 25%
  }

  .col-xxl-push-4 {
    left: 33.3333333333%
  }

  .col-xxl-push-5 {
    left: 41.6666666667%
  }

  .col-xxl-push-6 {
    left: 50%
  }

  .col-xxl-push-7 {
    left: 58.3333333333%
  }

  .col-xxl-push-8 {
    left: 66.6666666667%
  }

  .col-xxl-push-9 {
    left: 75%
  }

  .col-xxl-push-10 {
    left: 83.3333333333%
  }

  .col-xxl-push-11 {
    left: 91.6666666667%
  }

  .col-xxl-push-12 {
    left: 100%
  }

  .col-xxl-offset-0 {
    margin-left: 0
  }

  .col-xxl-offset-1 {
    margin-left: 8.3333333333%
  }

  .col-xxl-offset-2 {
    margin-left: 16.6666666667%
  }

  .col-xxl-offset-3 {
    margin-left: 25%
  }

  .col-xxl-offset-4 {
    margin-left: 33.3333333333%
  }

  .col-xxl-offset-5 {
    margin-left: 41.6666666667%
  }

  .col-xxl-offset-6 {
    margin-left: 50%
  }

  .col-xxl-offset-7 {
    margin-left: 58.3333333333%
  }

  .col-xxl-offset-8 {
    margin-left: 66.6666666667%
  }

  .col-xxl-offset-9 {
    margin-left: 75%
  }

  .col-xxl-offset-10 {
    margin-left: 83.3333333333%
  }

  .col-xxl-offset-11 {
    margin-left: 91.6666666667%
  }

  .col-xxl-offset-12 {
    margin-left: 100%
  }

  .col-xxl-offset-right-0 {
    margin-right: 0
  }

  .col-xxl-offset-right-1 {
    margin-right: 8.3333333333%
  }

  .col-xxl-offset-right-2 {
    margin-right: 16.6666666667%
  }

  .col-xxl-offset-right-3 {
    margin-right: 25%
  }

  .col-xxl-offset-right-4 {
    margin-right: 33.3333333333%
  }

  .col-xxl-offset-right-5 {
    margin-right: 41.6666666667%
  }

  .col-xxl-offset-right-6 {
    margin-right: 50%
  }

  .col-xxl-offset-right-7 {
    margin-right: 58.3333333333%
  }

  .col-xxl-offset-right-8 {
    margin-right: 66.6666666667%
  }

  .col-xxl-offset-right-9 {
    margin-right: 75%
  }

  .col-xxl-offset-right-10 {
    margin-right: 83.3333333333%
  }

  .col-xxl-offset-right-11 {
    margin-right: 91.6666666667%
  }

  .col-xxl-offset-right-12 {
    margin-right: 100%
  }
}

.col-xs-first {
  order: -1
}

.col-xs-last {
  order: 1
}

@media (min-width:544px) {
  .col-sm-first {
    order: -1
  }

  .col-sm-last {
    order: 1
  }
}

@media (min-width:768px) {
  .col-md-first {
    order: -1
  }

  .col-md-last {
    order: 1
  }
}

@media (min-width:992px) {
  .col-lg-first {
    order: -1
  }

  .col-lg-last {
    order: 1
  }
}

@media (min-width:1200px) {
  .col-xl-first {
    order: -1
  }

  .col-xl-last {
    order: 1
  }
}

@media (min-width:1920px) {
  .col-xxl-first {
    order: -1
  }

  .col-xxl-last {
    order: 1
  }
}

.row-xs-top {
  align-items: flex-start
}

.row-xs-center {
  align-items: center
}

.row-xs-bottom {
  align-items: flex-end
}

@media (min-width:544px) {
  .row-sm-top {
    align-items: flex-start
  }

  .row-sm-center {
    align-items: center
  }

  .row-sm-bottom {
    align-items: flex-end
  }
}

@media (min-width:768px) {
  .row-md-top {
    align-items: flex-start
  }

  .row-md-center {
    align-items: center
  }

  .row-md-bottom {
    align-items: flex-end
  }
}

@media (min-width:992px) {
  .row-lg-top {
    align-items: flex-start
  }

  .row-lg-center {
    align-items: center
  }

  .row-lg-bottom {
    align-items: flex-end
  }
}

@media (min-width:1200px) {
  .row-xl-top {
    align-items: flex-start
  }

  .row-xl-center {
    align-items: center
  }

  .row-xl-bottom {
    align-items: flex-end
  }
}

@media (min-width:1920px) {
  .row-xxl-top {
    align-items: flex-start
  }

  .row-xxl-center {
    align-items: center
  }

  .row-xxl-bottom {
    align-items: flex-end
  }
}

.row-xs-between {
  justify-content: space-between
}

@media (min-width:544px) {
  .row-sm-between {
    justify-content: space-between
  }
}

@media (min-width:768px) {
  .row-md-between {
    justify-content: space-between
  }
}

@media (min-width:992px) {
  .row-lg-between {
    justify-content: space-between
  }
}

@media (min-width:1200px) {
  .row-xl-between {
    justify-content: space-between
  }
}

@media (min-width:1920px) {
  .row-xxl-between {
    justify-content: space-between
  }
}

.row-xs-reverse {
  flex-direction: row-reverse
}

@media (min-width:544px) {
  .row-sm-reverse {
    flex-direction: row-reverse
  }
}

@media (min-width:768px) {
  .row-md-reverse {
    flex-direction: row-reverse
  }
}

@media (min-width:992px) {
  .row-lg-reverse {
    flex-direction: row-reverse
  }
}

@media (min-width:1200px) {
  .row-xl-reverse {
    flex-direction: row-reverse
  }
}

@media (min-width:1920px) {
  .row-xxl-reverse {
    flex-direction: row-reverse
  }
}

.col-xs-top {
  align-self: flex-start
}

.col-xs-center {
  align-self: center
}

.col-xs-bottom {
  align-self: flex-end
}

@media (min-width:544px) {
  .col-sm-top {
    align-self: flex-start
  }

  .col-sm-center {
    align-self: center
  }

  .col-sm-bottom {
    align-self: flex-end
  }
}

@media (min-width:768px) {
  .col-md-top {
    align-self: flex-start
  }

  .col-md-center {
    align-self: center
  }

  .col-md-bottom {
    align-self: flex-end
  }
}

@media (min-width:992px) {
  .col-lg-top {
    align-self: flex-start
  }

  .col-lg-center {
    align-self: center
  }

  .col-lg-bottom {
    align-self: flex-end
  }
}

@media (min-width:1200px) {
  .col-xl-top {
    align-self: flex-start
  }

  .col-xl-center {
    align-self: center
  }

  .col-xl-bottom {
    align-self: flex-end
  }
}

@media (min-width:1920px) {
  .col-xxl-top {
    align-self: flex-start
  }

  .col-xxl-center {
    align-self: center
  }

  .col-xxl-bottom {
    align-self: flex-end
  }
}

[class*=hint--] {
  position: relative;
  display: inline-block
}

[class*=hint--]:after,
[class*=hint--]:before {
  position: absolute;
  transform: translateZ(0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transition: .3s ease;
  transition-delay: 0ms
}

[class*=hint--]:hover:after,
[class*=hint--]:hover:before {
  visibility: visible;
  opacity: 1;
  transition-delay: .1s
}

[class*=hint--]:before {
  content: "";
  position: absolute;
  background: transparent;
  border: 7px solid transparent;
  z-index: 1000001
}

[class*=hint--]:after {
  background: #000;
  color: #fff;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 14px;
  white-space: nowrap;
  border-radius: 5px
}

[class*=hint--][aria-label]:after {
  content: attr(aria-label)
}

[class*=hint--][data-hint]:after {
  content: attr(data-hint)
}

[aria-label=""]:after,
[aria-label=""]:before,
[data-hint=""]:after,
[data-hint=""]:before {
  display: none !important
}

[class*=hint--].hint--top-left:before,
[class*=hint--].hint--top-right:before,
[class*=hint--].hint--top:before {
  border-top-color: #000
}

[class*=hint--].hint--bottom-left:before,
[class*=hint--].hint--bottom-right:before,
[class*=hint--].hint--bottom:before {
  border-bottom-color: #000
}

[class*=hint--].hint--left:before {
  border-left-color: #000
}

[class*=hint--].hint--right:before {
  border-right-color: #000
}

.hint--top:before {
  margin-bottom: -13px
}

.hint--top:after,
.hint--top:before {
  bottom: 100%;
  left: 50%
}

.hint--top:before {
  left: calc(50% - 7px)
}

.hint--top:after {
  transform: translateX(-50%)
}

.hint--top:hover:before {
  transform: translateY(-8px)
}

.hint--top:hover:after {
  transform: translateX(-50%) translateY(-8px)
}

.hint--bottom:before {
  margin-top: -13px
}

.hint--bottom:after,
.hint--bottom:before {
  top: 100%;
  left: 50%
}

.hint--bottom:before {
  left: calc(50% - 7px)
}

.hint--bottom:after {
  transform: translateX(-50%)
}

.hint--bottom:hover:before {
  transform: translateY(8px)
}

.hint--bottom:hover:after {
  transform: translateX(-50%) translateY(8px)
}

.hint--right:before {
  margin-left: -13px;
  margin-bottom: -7px
}

.hint--right:after {
  margin-bottom: -15px
}

.hint--right:after,
.hint--right:before {
  left: 100%;
  bottom: 50%
}

.hint--right:hover:after,
.hint--right:hover:before {
  transform: translateX(8px)
}

.hint--left:before {
  margin-right: -13px;
  margin-bottom: -7px
}

.hint--left:after {
  margin-bottom: -15px
}

.hint--left:after,
.hint--left:before {
  right: 100%;
  bottom: 50%
}

.hint--left:hover:after,
.hint--left:hover:before {
  transform: translateX(-8px)
}

.hint--top-left:before {
  margin-bottom: -13px
}

.hint--top-left:after,
.hint--top-left:before {
  bottom: 100%;
  left: 50%
}

.hint--top-left:before {
  left: calc(50% - 7px)
}

.hint--top-left:after {
  transform: translateX(-100%);
  margin-left: 14px
}

.hint--top-left:hover:before {
  transform: translateY(-8px)
}

.hint--top-left:hover:after {
  transform: translateX(-100%) translateY(-8px)
}

.hint--top-right:before {
  margin-bottom: -13px
}

.hint--top-right:after,
.hint--top-right:before {
  bottom: 100%;
  left: 50%
}

.hint--top-right:before {
  left: calc(50% - 7px)
}

.hint--top-right:after {
  transform: translateX(0);
  margin-left: -14px
}

.hint--top-right:hover:after,
.hint--top-right:hover:before {
  transform: translateY(-8px)
}

.hint--bottom-left:before {
  margin-top: -13px
}

.hint--bottom-left:after,
.hint--bottom-left:before {
  top: 100%;
  left: 50%
}

.hint--bottom-left:before {
  left: calc(50% - 7px)
}

.hint--bottom-left:after {
  transform: translateX(-100%);
  margin-left: 14px
}

.hint--bottom-left:hover:before {
  transform: translateY(8px)
}

.hint--bottom-left:hover:after {
  transform: translateX(-100%) translateY(8px)
}

.hint--bottom-right:before {
  margin-top: -13px
}

.hint--bottom-right:after,
.hint--bottom-right:before {
  top: 100%;
  left: 50%
}

.hint--bottom-right:before {
  left: calc(50% - 7px)
}

.hint--bottom-right:after {
  transform: translateX(0);
  margin-left: -14px
}

.hint--bottom-right:hover:after,
.hint--bottom-right:hover:before {
  transform: translateY(8px)
}

[class*=hint--]:after {
  box-shadow: 4px 4px 8px rgba(0, 0, 0, .3)
}

.hint--white:after {
  color: #111;
  background-color: #fff;
  text-shadow: 0 -1px 0 rgb(191.25, 191.25, 191.25)
}

.hint--white.hint--top-left:before,
.hint--white.hint--top-right:before,
.hint--white.hint--top:before {
  border-top-color: #fff
}

.hint--white.hint--bottom-left:before,
.hint--white.hint--bottom-right:before,
.hint--white.hint--bottom:before {
  border-bottom-color: #fff
}

.hint--white.hint--left:before {
  border-left-color: #fff
}

.hint--white.hint--right:before {
  border-right-color: #fff
}

.hint--primary:after {
  background-color: var(--edumall-color-primary)
}

.hint--primary.hint--top-left:before,
.hint--primary.hint--top-right:before,
.hint--primary.hint--top:before {
  border-top-color: var(--edumall-color-primary)
}

.hint--primary.hint--right:before {
  border-right-color: var(--edumall-color-primary)
}

.hint--primary.hint--bottom-left:before,
.hint--primary.hint--bottom-right:before,
.hint--primary.hint--bottom:before {
  border-bottom-color: var(--edumall-color-primary)
}

.hint--primary.hint--left:before {
  border-left-color: var(--edumall-color-primary)
}

.hint--secondary:after {
  background-color: var(--edumall-color-secondary)
}

.hint--secondary.hint--top-left:before,
.hint--secondary.hint--top-right:before,
.hint--secondary.hint--top:before {
  border-top-color: var(--edumall-color-secondary)
}

.hint--secondary.hint--right:before {
  border-right-color: var(--edumall-color-secondary)
}

.hint--secondary.hint--bottom-left:before,
.hint--secondary.hint--bottom-right:before,
.hint--secondary.hint--bottom:before {
  border-bottom-color: var(--edumall-color-secondary)
}

.hint--secondary.hint--left:before {
  border-left-color: var(--edumall-color-secondary)
}

.hint--rounded:after {
  border-radius: 4px
}

.hint--no-animate:after,
.hint--no-animate:before {
  transition-duration: 0ms
}

.hint--bounce:after,
.hint--bounce:before {
  transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24)
}

.sk-rotating-plane {
  width: 40px;
  height: 40px;
  background: currentColor;
  margin: 40px auto;
  animation: sk-rotatePlane 1.2s infinite ease-in-out
}

@keyframes sk-rotatePlane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  }

  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  }

  to {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
  }
}

.sk-double-bounce {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 40px auto
}

.sk-double-bounce .sk-child {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: currentColor;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-doubleBounce 2s infinite ease-in-out
}

.sk-double-bounce .sk-double-bounce2 {
  animation-delay: -1s
}

@keyframes sk-doubleBounce {

  0%,
  to {
    transform: scale(0)
  }

  50% {
    transform: scale(1)
  }
}

.sk-wave {
  margin: 40px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px
}

.sk-wave .sk-rect {
  background: currentColor;
  height: 100%;
  width: 6px;
  display: inline-block;
  animation: sk-waveStretchDelay 1.2s infinite ease-in-out
}

.sk-wave .sk-rect1 {
  animation-delay: -1.2s
}

.sk-wave .sk-rect2 {
  animation-delay: -1.1s
}

.sk-wave .sk-rect3 {
  animation-delay: -1s
}

.sk-wave .sk-rect4 {
  animation-delay: -.9s
}

.sk-wave .sk-rect5 {
  animation-delay: -.8s
}

@keyframes sk-waveStretchDelay {

  0%,
  40%,
  to {
    transform: scaleY(.4)
  }

  20% {
    transform: scaleY(1)
  }
}

.sk-wandering-cubes {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative
}

.sk-wandering-cubes .sk-cube {
  background: currentColor;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both
}

.sk-wandering-cubes .sk-cube2 {
  animation-delay: -.9s
}

@keyframes sk-wanderingCube {
  0% {
    transform: rotate(0deg)
  }

  25% {
    transform: translateX(30px) rotate(-90deg) scale(.5)
  }

  50% {
    transform: translateX(30px) translateY(30px) rotate(-179deg)
  }

  50.1% {
    transform: translateX(30px) translateY(30px) rotate(-180deg)
  }

  75% {
    transform: translateX(0) translateY(30px) rotate(-270deg) scale(.5)
  }

  to {
    transform: rotate(-1turn)
  }
}

.sk-spinner-pulse {
  width: 40px;
  height: 40px;
  margin: 40px auto;
  background: currentColor;
  border-radius: 100%;
  animation: sk-pulseScaleOut 1s infinite ease-in-out
}

@keyframes sk-pulseScaleOut {
  0% {
    transform: scale(0)
  }

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

.sk-chasing-dots {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  animation: sk-chasingDotsRotate 2s infinite linear
}

.sk-chasing-dots .sk-child {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background: currentColor;
  border-radius: 100%;
  animation: sk-chasingDotsBounce 2s infinite ease-in-out
}

.sk-chasing-dots .sk-dot2 {
  top: auto;
  bottom: 0;
  animation-delay: -1s
}

@keyframes sk-chasingDotsRotate {
  to {
    transform: rotate(1turn)
  }
}

@keyframes sk-chasingDotsBounce {

  0%,
  to {
    transform: scale(0)
  }

  50% {
    transform: scale(1)
  }
}

.sk-three-bounce {
  margin: 40px auto;
  width: 80px;
  text-align: center
}

.sk-three-bounce .sk-child {
  width: 20px;
  height: 20px;
  background: currentColor;
  border-radius: 100%;
  display: inline-block;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both
}

.sk-three-bounce .sk-bounce1 {
  animation-delay: -.32s
}

.sk-three-bounce .sk-bounce2 {
  animation-delay: -.16s
}

@keyframes sk-three-bounce {

  0%,
  80%,
  to {
    transform: scale(0)
  }

  40% {
    transform: scale(1)
  }
}

.sk-circle {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative
}

.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.sk-circle .sk-child:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background: currentColor;
  border-radius: 100%;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both
}

.sk-circle .sk-circle2 {
  transform: rotate(30deg)
}

.sk-circle .sk-circle3 {
  transform: rotate(60deg)
}

.sk-circle .sk-circle4 {
  transform: rotate(90deg)
}

.sk-circle .sk-circle5 {
  transform: rotate(120deg)
}

.sk-circle .sk-circle6 {
  transform: rotate(150deg)
}

.sk-circle .sk-circle7 {
  transform: rotate(180deg)
}

.sk-circle .sk-circle8 {
  transform: rotate(210deg)
}

.sk-circle .sk-circle9 {
  transform: rotate(240deg)
}

.sk-circle .sk-circle10 {
  transform: rotate(270deg)
}

.sk-circle .sk-circle11 {
  transform: rotate(300deg)
}

.sk-circle .sk-circle12 {
  transform: rotate(330deg)
}

.sk-circle .sk-circle2:before {
  animation-delay: -1.1s
}

.sk-circle .sk-circle3:before {
  animation-delay: -1s
}

.sk-circle .sk-circle4:before {
  animation-delay: -.9s
}

.sk-circle .sk-circle5:before {
  animation-delay: -.8s
}

.sk-circle .sk-circle6:before {
  animation-delay: -.7s
}

.sk-circle .sk-circle7:before {
  animation-delay: -.6s
}

.sk-circle .sk-circle8:before {
  animation-delay: -.5s
}

.sk-circle .sk-circle9:before {
  animation-delay: -.4s
}

.sk-circle .sk-circle10:before {
  animation-delay: -.3s
}

.sk-circle .sk-circle11:before {
  animation-delay: -.2s
}

.sk-circle .sk-circle12:before {
  animation-delay: -.1s
}

@keyframes sk-circleBounceDelay {

  0%,
  80%,
  to {
    transform: scale(0)
  }

  40% {
    transform: scale(1)
  }
}

.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 40px auto
}

.sk-cube-grid .sk-cube {
  width: 33.33%;
  height: 33.33%;
  background: currentColor;
  float: left;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out
}

.sk-cube-grid .sk-cube1 {
  animation-delay: .2s
}

.sk-cube-grid .sk-cube2 {
  animation-delay: .3s
}

.sk-cube-grid .sk-cube3 {
  animation-delay: .4s
}

.sk-cube-grid .sk-cube4 {
  animation-delay: .1s
}

.sk-cube-grid .sk-cube5 {
  animation-delay: .2s
}

.sk-cube-grid .sk-cube6 {
  animation-delay: .3s
}

.sk-cube-grid .sk-cube7 {
  animation-delay: 0s
}

.sk-cube-grid .sk-cube8 {
  animation-delay: .1s
}

.sk-cube-grid .sk-cube9 {
  animation-delay: .2s
}

@keyframes sk-cubeGridScaleDelay {

  0%,
  70%,
  to {
    transform: scale3D(1, 1, 1)
  }

  35% {
    transform: scale3D(0, 0, 1)
  }
}

.sk-fading-circle {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.sk-fading-circle .sk-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background: currentColor;
  border-radius: 100%;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-fading-circle .sk-circle2 {
  transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
  transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
  transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
  transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
  transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
  transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
  transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
  transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
  transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
  transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
  transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
  animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
  animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
  animation-delay: -.9s
}

.sk-fading-circle .sk-circle5:before {
  animation-delay: -.8s
}

.sk-fading-circle .sk-circle6:before {
  animation-delay: -.7s
}

.sk-fading-circle .sk-circle7:before {
  animation-delay: -.6s
}

.sk-fading-circle .sk-circle8:before {
  animation-delay: -.5s
}

.sk-fading-circle .sk-circle9:before {
  animation-delay: -.4s
}

.sk-fading-circle .sk-circle10:before {
  animation-delay: -.3s
}

.sk-fading-circle .sk-circle11:before {
  animation-delay: -.2s
}

.sk-fading-circle .sk-circle12:before {
  animation-delay: -.1s
}

@keyframes sk-circleFadeDelay {

  0%,
  39%,
  to {
    opacity: 0
  }

  40% {
    opacity: 1
  }
}

.sk-folding-cube {
  margin: 40px auto;
  width: 40px;
  height: 40px;
  position: relative;
  transform: rotate(45deg)
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1)
}

.sk-folding-cube .sk-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: currentColor;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  transform-origin: 100% 100%
}

.sk-folding-cube .sk-cube2 {
  transform: scale(1.1) rotate(90deg)
}

.sk-folding-cube .sk-cube3 {
  transform: scale(1.1) rotate(180deg)
}

.sk-folding-cube .sk-cube4 {
  transform: scale(1.1) rotate(270deg)
}

.sk-folding-cube .sk-cube2:before {
  animation-delay: .3s
}

.sk-folding-cube .sk-cube3:before {
  animation-delay: .6s
}

.sk-folding-cube .sk-cube4:before {
  animation-delay: .9s
}

@keyframes sk-foldCubeAngle {

  0%,
  10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0
  }

  25%,
  75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1
  }

  90%,
  to {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0
  }
}

@keyframes adding-spin {
  to {
    transform: rotate(1turn)
  }
}

@keyframes adding-spin-center {
  to {
    transform: translate(-50%, -50%) rotate(1turn)
  }
}

a {
  color: #4169e1;
  text-decoration: none
}

a:active,
a:focus,
a:hover {
  outline: 0;
  color: #191970
}

a[href^=tel] {
  text-decoration: none
}

.link-in-title,
.link-secret {
  color: inherit !important
}

.link-in-title {
  font-size: inherit !important;
  line-height: inherit !important
}

.link-in-title:hover {
  color: var(--edumall-color-primary) !important
}

.title-has-link a {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important
}

.title-has-link a:hover {
  color: var(--edumall-color-primary) !important
}

.link-transition-01 {
  position: relative
}

.link-transition-01:after {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
  background: currentColor
}

.link-transition-01:hover:after {
  width: 100%;
  left: 0;
  right: auto
}

.link-transition-02 {
  position: relative;
  display: inline-block
}

.link-transition-02:after,
.link-transition-02:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e7e7e7;
  transform-origin: right;
  transform: scaleX(1) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s
}

.link-transition-02:after {
  transform-origin: left
}

.link-transition-02:after,
.link-transition-02:hover:before {
  transform: scaleX(0) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.link-transition-02:hover:after {
  transform: scaleX(1) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s
}

.link-transition-02 {
  color: var(--edumall-color-primary)
}

.link-transition-02:after {
  background-color: var(--edumall-color-primary)
}

ul {
  padding-left: 20px
}

ol {
  list-style: decimal;
  padding-left: 30px
}

ol,
ul {
  margin-top: 1em;
  margin-bottom: 1em
}

ol li+li,
ul li+li {
  margin: 10px 0 0
}

li>ol,
li>ul {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin: 0 1.5em 1.5em
}

::-webkit-input-placeholder {
  color: #9b9b9b
}

:-moz-placeholder,
::-moz-placeholder {
  color: #9b9b9b
}

:-ms-input-placeholder {
  color: #9b9b9b
}

input[type=email]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=number]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=password]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=search]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=tel]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=text]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=url]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)) {
  width: 100%;
  outline: none;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  padding: 3px 20px;
  min-height: 52px
}

select:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)) {
  padding: 3px 35px 3px 20px;
  min-height: 52px;
  max-width: 100%;
  width: 100%;
  outline: none;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAELY03+AAAABGdBTUEAALGPC/xhBQAAAFFJREFUCB1tTsERwCAIC9MyhnQMprUJPTw9mweGmACWmQFggGSSQCT02lLUCaayAuTubrcNeNr5TaRAZyhd6A1q2hnkQ8IPKl3G/tyPoHaMfwHyzSNHeemKDAAAAABJRU5ErkJggg==") no-repeat center right 20px;
  -moz-appearance: none;
  -webkit-appearance: none
}

textarea:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)) {
  width: 100%;
  outline: none;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  background: #f5f5f5;
  display: block;
  padding: 12px 20px;
  max-width: 100%
}

input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
  -webkit-appearance: none
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both
}

.form-group {
  margin: 0 0 25px
}

.form-group label.error,
.form-group p.error {
  display: block;
  margin: 3px 0 0;
  font-size: 13px;
  color: #d9534f
}

.form-label {
  display: block;
  font-size: 13px;
  font-weight: var(--edumall-typography-headings-font-weight);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 6px
}

.form-label[for] {
  cursor: pointer
}

.form-label-checkbox {
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
  font-size: 14px
}

.form-label-checkbox input[type=checkbox] {
  top: 1px
}

@supports (-webkit-overflow-scrolling:touch) {

  input[type=email],
  input[type=number],
  input[type=password],
  input[type=search],
  input[type=tel],
  input[type=text],
  input[type=url],
  select,
  textarea {
    font-size: 16px !important
  }
}

input[type=checkbox]:not(:where(.wc-block-components-checkbox__input)) {
  position: relative;
  background: transparent;
  border-width: 0;
  box-shadow: none;
  margin: 0 10px 0 3px;
  cursor: pointer
}

input[type=checkbox]:not(:where(.wc-block-components-checkbox__input)):before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #f8f8f8;
  border: 1px solid #ccc;
  border-radius: 3px
}

input[type=checkbox]:not(:where(.wc-block-components-checkbox__input)):after {
  font-size: 14px;
  content: "\f00c";
  color: #fff;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%) scale(0)
}

input[type=checkbox]:not(:where(.wc-block-components-checkbox__input)):hover:before {
  border-color: var(--edumall-color-primary)
}

input[type=checkbox]:not(:where(.wc-block-components-checkbox__input)):checked:before {
  background: var(--edumall-color-primary);
  border-color: transparent
}

input[type=checkbox]:not(:where(.wc-block-components-checkbox__input)):checked:after {
  transform: translate(-50%, -50%) scale(1)
}

input[type=radio] {
  position: relative;
  padding: 5px;
  margin: 0 10px 0 3px;
  cursor: pointer
}

input[type=radio]:before {
  width: 18px;
  height: 18px;
  transform: translate(-50%, -50%);
  background: #fff;
  border: 1px solid #cacaca;
  border-radius: 50%;
  transition: border-color .3s ease
}

input[type=radio]:after,
input[type=radio]:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%
}

input[type=radio]:after {
  width: 10px;
  height: 10px;
  background: var(--edumall-color-primary);
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform .3s ease
}

input[type=radio]:hover:before {
  border-color: var(--edumall-color-primary)
}

input[type=radio]:checked {
  cursor: auto
}

input[type=radio]:checked:hover:before {
  border-color: #cacaca
}

input[type=radio]:checked:after {
  transform: translate(-50%, -50%) scale(1)
}

.button,
.wc-forward,
button:not(:where(.tutor-btn, .tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=button],
input[type=reset],
input[type=submit] {
  padding: 0 41px;
  height: 52px;
  line-height: 50px;
  outline: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  text-align: center
}

.button:focus,
.wc-forward:focus,
button:not(:where(.tutor-btn, .tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)):focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus {
  outline: none
}

.button[disabled],
.wc-forward[disabled],
button:not(:where(.tutor-btn, .tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *))[disabled],
input[type=button][disabled],
input[type=reset][disabled],
input[type=submit][disabled] {
  cursor: not-allowed;
  opacity: .5
}

.button,
.wc-forward {
  display: inline-block
}

.updating-icon:before {
  animation: adding-spin 1s linear infinite !important;
  content: "\f3f4" !important;
  margin-right: 10px;
  display: inline-block
}

.button-group {
  display: flex;
  align-items: center;
  justify-content: center
}

.button-group .tm-button-wrapper {
  padding: 0 10px
}

hr {
  margin-bottom: 1.5em;
  height: 1px;
  border: 0;
  background-color: #ccc
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top
}

figcaption {
  text-align: center;
  background: #f5f5f5;
  padding: 6px 10px;
  font-size: .9em
}

table {
  margin: 0 0 1.5em;
  width: 100%
}

td,
th {
  border: 1px solid #eee;
  padding: 10px;
  text-align: center;
  vertical-align: middle
}

th {
  font-weight: 700
}

table th.empty {
  visibility: hidden;
  border: 0;
  background: none
}

table tr:nth-child(2n) td {
  background: rgba(0, 0, 0, .01)
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both
}

p {
  margin-bottom: 1.5em;
  margin-top: 0
}

p:last-child {
  margin-bottom: 0
}

cite,
dfn,
em,
i {
  font-style: italic
}

address {
  margin: 0 0 1.5em
}

pre {
  font-size: 15px;
  overflow: auto;
  margin-bottom: 1.6em;
  padding: 1.6em;
  max-width: 100%;
  background: #eee;
  font-family: Courier\ 10 Pitch, Courier, monospace;
  line-height: 1.6;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word
}

code,
kbd,
tt,
var {
  font-size: 15px;
  font-family: Monaco, Consolas, Andale Mono, DejaVu Sans Mono, monospace
}

code {
  background: #f3f4f5
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help
}

ins,
mark {
  background: none;
  text-decoration: none
}

big {
  font-size: 125%
}

blockquote,
q {
  quotes: "" ""
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: ""
}

blockquote {
  margin: 36px 0 34px 48px !important;
  padding: 0 0 0 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.78;
  border: 0;
  border-left: 4px solid var(--edumall-color-primary);
  max-width: 660px
}

@media (max-width:767px) {
  blockquote {
    margin: 30px 0 !important
  }
}

::selection {
  color: #fff;
  background-color: var(--edumall-color-primary)
}

body {
  color: var(--edumall-color-text)
}

.heading,
.heading-color,
blockquote,
caption,
fieldset legend,
h1,
h2,
h3,
h3.tutor-progress-card-title,
h4,
h5,
h6,
th {
  color: var(--edumall-color-heading)
}

a {
  color: var(--edumall-color-link)
}

a:focus,
a:hover {
  color: var(--edumall-color-link-hover)
}

.tutor-form-group input[type=number],
.tutor-form-group input[type=password],
.tutor-form-group input[type=text],
.tutor-form-group textarea,
.tutor-option-field input[type=number],
.tutor-option-field input[type=password],
.tutor-option-field input[type=text],
.tutor-option-field textarea,
input[type=email]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=number]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=password]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=search]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=tel]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=text]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
input[type=url]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
select:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)),
textarea:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)) {
  color: var(--edumall-color-form-text);
  border-color: var(--edumall-color-form-border);
  background-color: var(--edumall-color-form-background)
}

input[type=email]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)):focus,
input[type=number]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)):focus,
input[type=password]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)):focus,
input[type=search]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)):focus,
input[type=tel]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)):focus,
input[type=text]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)):focus,
input[type=url]:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)):focus,
select:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)):focus,
textarea:not(:where(.tutor-learning-area *, .tutor-dashboard-layout *, .tutor-account-page-wrapper *, .tutor-wp-editor-container *, .tutor-modal *, .tutor-popover *)):focus {
  color: var(--edumall-color-form-focus-text);
  border-color: var(--edumall-color-form-focus-border);
  background-color: var(--edumall-color-form-focus-background)
}

mark {
  color: var(--edumall-color-primary)
}

.primary-fill-color {
  fill: var(--edumall-color-primary)
}

.primary-color {
  color: var(--edumall-color-primary)
}

.primary-background-color {
  background-color: var(--edumall-color-primary)
}

.primary-background-color-important {
  background-color: var(--edumall-color-primary) !important
}

.primary-border-color {
  border-color: var(--edumall-color-primary)
}

.secondary-color {
  color: var(--edumall-color-secondary)
}

.secondary-color-important {
  color: var(--edumall-color-secondary) !important
}

.secondary-background-color {
  background-color: var(--edumall-color-secondary)
}

.secondary-border-color {
  border-color: var(--edumall-color-secondary)
}

.secondary-fill-color {
  fill: var(--edumall-color-secondary)
}

.screen-reader-text {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px
}

.screen-reader-text:focus {
  top: 5px;
  left: 5px;
  z-index: 100000;
  display: block;
  clip: auto !important;
  padding: 15px 23px 14px;
  width: auto;
  height: auto;
  border-radius: 3px;
  background-color: #f1f1f1;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
  color: #21759b;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  line-height: normal
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  border: 0
}

.wp-caption,
embed,
iframe,
object {
  max-width: 100%
}

.alignnone,
.wp-caption {
  margin: 0 0 30px
}

p .alignnone:first-child {
  margin-top: 7px
}

p .alignnone:last-child {
  margin-bottom: 8px
}

.alignleft {
  display: inline;
  float: left;
  margin: 0 30px 30px 0
}

.alignright {
  display: inline;
  float: right;
  margin: 0 0 30px 30px
}

.aligncenter {
  display: block;
  margin: 0 auto 30px;
  clear: both
}

.alignfull,
.alignwide {
  margin: 0 0 30px
}

.wp-caption.alignleft,
img.alignleft {
  margin: 30px 30px 30px 0
}

.wp-caption.alignright,
img.alignright {
  margin: 30px 0 30px 30px
}

.wp-caption.aligncenter,
img.aligncenter {
  margin: 30px auto
}

article.hentry p:last-child img.alignright {
  clear: both
}

.mejs-controls button:hover {
  background-color: transparent
}

.gallery {
  margin-bottom: 1.5em
}

.gallery-item {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  text-align: center
}

.gallery-columns-2 .gallery-item {
  max-width: 50%
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
  max-width: 25%
}

.gallery-columns-5 .gallery-item {
  max-width: 20%
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%
}

.gallery-caption {
  display: block
}

.comment-nav-links,
.page-numbers,
.page-pagination {
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-weight: 700;
  color: var(--edumall-color-heading);
  text-transform: uppercase;
  text-align: center
}

.comment-nav-links li,
.page-numbers li,
.page-pagination li {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0
}

.comment-nav-links li>a,
.comment-nav-links li>span,
.page-numbers li>a,
.page-numbers li>span,
.page-pagination li>a,
.page-pagination li>span {
  display: block;
  text-align: center;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  border: 0;
  border-radius: 40px;
  color: inherit;
  padding: 0 5px
}

.comment-nav-links li>a:hover,
.page-numbers li>a:hover,
.page-pagination li>a:hover {
  color: var(--edumall-color-primary)
}

.comment-nav-links li .current,
.page-numbers li .current,
.page-pagination li .current {
  color: #fff;
  background: var(--edumall-color-primary)
}

.nav-links a:hover {
  background-color: var(--edumall-color-primary)
}

.nav-links a:hover .current {
  color: #fff;
  background: var(--edumall-color-primary)
}

.nav-links a:hover .dots {
  background: none;
  border: 0;
  min-width: 20px
}

.nav-links a:hover .next,
.nav-links a:hover .prev {
  min-width: 0;
  font-size: 14px
}

.archive-pagination-wrap {
  margin: 20px 0 0
}

.comment-nav-links ul {
  padding: 0
}

#comment-nav-above ul {
  margin: 0 0 50px
}

#comment-nav-below ul {
  margin: 50px 0 0
}

.page-links {
  clear: both;
  padding-top: 30px;
  color: var(--edumall-color-heading)
}

.page-links>a,
.page-links>span {
  display: block;
  float: left;
  padding: 0 10px;
  text-align: center;
  min-width: 40px;
  height: 40px;
  line-height: 38px;
  border: 0;
  border-radius: 50%;
  color: inherit;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase
}

.page-links .current {
  color: #fff
}

.post-navigation {
  position: relative
}

.nav-links {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between
}

.nav-links .nav-item {
  max-width: 48%;
  width: 360px
}

.nav-links a {
  display: block;
  padding: 47px 30px 57px;
  height: 100%;
  border: 1px solid #eee;
  background: #fff;
  font-size: 24px;
  line-height: 1.375;
  font-weight: 600;
  color: #222;
  word-wrap: break-word
}

.nav-links a div {
  transition: none;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: #999;
  margin-bottom: 28px
}

.nav-links a div span {
  position: absolute;
  top: -3px;
  font-size: 24px;
  color: #222
}

.nav-links a:hover {
  border-color: transparent;
  color: #fff
}

.nav-links a:hover div,
.nav-links a:hover div span {
  color: #fff
}

.nav-links .previous {
  text-align: left
}

.nav-links .previous a {
  padding-left: 90px
}

.nav-links .previous div span {
  left: -61px
}

.nav-links .next {
  text-align: right
}

.nav-links .next a {
  padding-right: 90px
}

.nav-links .next div span {
  right: -61px
}

@media (max-width:767px) {
  .nav-links .nav-item {
    width: 100%;
    max-width: 100%
  }

  .nav-links .nav-item+.nav-item {
    margin-top: 30px
  }
}

.switcher-language-wrapper .wpml-ls,
.switcher-language-wrapper .wpml-ls>ul,
.switcher-language-wrapper .wpml-ls>ul>li {
  height: 100%
}

.switcher-language-wrapper .wpml-ls>ul>li {
  display: flex;
  align-items: center;
  cursor: pointer
}

.switcher-language-wrapper .wpml-ls-legacy-dropdown .wpml-ls-flag {
  width: 20px;
  height: auto;
  vertical-align: middle
}

.switcher-language-wrapper .wpml-ls {
  width: auto
}

.switcher-language-wrapper .wpml-ls>ul {
  position: relative;
  padding: 0;
  margin: 0 !important;
  list-style-type: none
}

.switcher-language-wrapper .wpml-ls .wpml-ls-slot-shortcode_actions:hover .wpml-ls-sub-menu {
  visibility: visible !important;
  opacity: 1;
  transform: translateY(0)
}

.switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle {
  position: relative;
  background: none !important;
  border: 0;
  line-height: 1;
  padding: 10px 15px 10px 10px
}

.switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle:after {
  content: "\f107";
  font-size: 14px;
  border: 0;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%)
}

.switcher-language-wrapper .wpml-ls .wpml-ls-native {
  position: relative;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0
}

.switcher-language-wrapper .wpml-ls .wpml-ls-flag+span {
  margin-left: 10px
}

.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu {
  min-width: 200px;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  padding: 13px 0 16px;
  margin: 0;
  list-style-type: none;
  z-index: 102;
  background: var(--edumall-color-box-white-background);
  box-shadow: 0 0 37px rgba(0, 0, 0, .07);
  border: 1px solid var(--edumall-color-box-white-border);
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px)
}

.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu:after,
.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 42px;
  width: 0;
  height: 0
}

.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu:before {
  transform: translateX(-1px);
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 11px solid var(--edumall-color-box-white-border);
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, .12))
}

.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid var(--edumall-color-box-white-background)
}

.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu.hover-back {
  right: 0;
  left: auto
}

.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu li {
  list-style-type: none;
  padding: 0;
  margin: 0
}

.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu a {
  display: block;
  text-decoration: none;
  padding: 6px 30px;
  border: 0;
  background: none !important;
  color: var(--edumall-color-text);
  line-height: 1;
  text-transform: uppercase
}

.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu a:hover {
  color: var(--edumall-color-primary)
}

.switcher-language-wrapper .wpml-ls .wpml-ls-sub-menu a img {
  width: 18px;
  height: auto
}

.page-top-bar {
  z-index: 99999;
  border: 0 solid transparent
}

.page-top-bar ul {
  z-index: 9999;
  list-style-type: none;
  padding: 0;
  line-height: 0;
  font-size: 0;
  margin: 0 0 5px
}

.page-top-bar li {
  list-style-type: none;
  margin: 0
}

.page-top-bar a {
  display: block
}

.page-top-bar a.tm-button {
  display: inline-flex
}

.page-top-bar .menu li {
  position: relative
}

.page-top-bar .menu>li {
  display: inline-block;
  margin-bottom: 0
}

.page-top-bar .menu>li>a {
  padding: 5px
}

.page-top-bar .menu .menu-item-has-children:hover>.sub-menu {
  display: block
}

.page-top-bar .menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  min-width: 250px;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .15)
}

.page-top-bar .menu .sub-menu a {
  padding: 10px 15px
}

.page-top-bar .menu .sub-menu a+a {
  border-top: 1px solid #eee
}

.page-top-bar .menu .sub-menu .sub-menu {
  top: 0;
  left: 100%
}

.page-top-bar .switcher-language-wrapper {
  position: relative
}

.page-top-bar .switcher-language-wrapper .wpml-ls>ul {
  position: static
}

.page-top-bar .switcher-language-wrapper .wpml-ls .wpml-ls-item-toggle {
  padding-top: 0;
  padding-bottom: 0
}

.top-bar-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -15px;
  margin-right: -15px;
  min-height: 48px
}

.top-bar-wrap>* {
  padding: 7px 15px
}

.top-bar-right .top-bar-wrap {
  justify-content: flex-end
}

.top-bar-center .top-bar-wrap {
  justify-content: center
}

.top-bar-info .info-list {
  margin: 0
}

.top-bar-info .info-item {
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 2px 0 3px;
  margin: 0 15px 0 0
}

.top-bar-info .info-item:last-child {
  margin-right: 0
}

.top-bar-info .info-item a {
  font-weight: 500;
  line-height: 1
}

.top-bar-info .info-item+.info-item {
  padding-left: 15px
}

.top-bar-info .info-item+.info-item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #dedfe2
}

.top-bar-info .info-icon {
  font-size: 14px;
  margin: 0 5px 0 0;
  vertical-align: middle
}

.page-top-bar .top-bar-social-network .inner {
  margin-left: -11px;
  margin-right: -11px
}

.page-top-bar .top-bar-social-network a {
  font-size: 15px;
  padding: 0 11px;
  display: inline-block
}

.top-bar-user-links {
  font-size: 0
}

.top-bar-user-links .link-wrap {
  margin-left: -16px;
  margin-right: -16px
}

.top-bar-user-links a {
  display: inline-block;
  padding: 0 16px
}

.top-bar-user-links a+a {
  position: relative
}

.top-bar-user-links a+a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: hsla(0, 0%, 100%, .4)
}

@media (max-width:767px) {

  .top-bar-center .top-bar-wrap,
  .top-bar-left .top-bar-wrap,
  .top-bar-right .top-bar-wrap {
    justify-content: flex-start
  }
}

@media (max-width:767px) {
  .hide-top-bar-on-mobile .page-top-bar {
    display: none
  }
}

.top-bar-01 .top-bar-wrap {
  height: 100%
}

.top-bar-01 .top-bar-left {
  flex-grow: 1
}

@media (max-width:991px) {
  .top-bar-01 {
    display: none
  }
}

.top-bar-04 .top-bar-user-links .link-wrap {
  margin-left: -10px;
  margin-right: -10px
}

.top-bar-04 .top-bar-user-links a {
  display: inline-block;
  padding: 0 10px
}

.top-bar-04 .top-bar-user-links a+a {
  position: relative
}

.top-bar-04 .top-bar-user-links a+a:before {
  content: "/";
  position: absolute;
  left: -3px;
  top: 50%;
  height: auto;
  width: auto;
  background: none !important;
  transform: translateY(-50%)
}

.top-bar-04 .top-bar-right .top-bar-wrap div+div {
  position: relative
}

.top-bar-04 .top-bar-right .top-bar-wrap div+div:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: hsla(0, 0%, 100%, .4)
}

.top-bar-06 .top-bar-text .link-transition-02 {
  margin-left: 15px
}

.top-bar-06 .top-bar-text .link-transition-02:after,
.top-bar-06 .top-bar-text .link-transition-02:before {
  background-color: currentColor;
  bottom: 1px
}

@keyframes headerSlideDown {
  0% {
    transform: translateY(-100%)
  }

  to {
    transform: translateY(0)
  }
}

.page-header {
  position: relative;
  z-index: 4
}

.page-header-inner {
  border-bottom: 0 solid transparent
}

.header-layout-fixed .page-header-inner,
.page-header-inner.held {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.header-layout-fixed .page-header-inner {
  z-index: 9999
}

.header-layout-fixed.headroom--top .page-header-inner {
  pointer-events: none
}

.header-layout-fixed.headroom--top .branding *,
.header-layout-fixed.headroom--top .header-center *,
.header-layout-fixed.headroom--top .header-left *,
.header-layout-fixed.headroom--top .header-right *,
.header-layout-fixed.headroom--top .page-navigation,
.header-layout-fixed.headroom--top .page-top-bar * {
  pointer-events: auto
}

.header-wrap {
  position: relative
}

.mobile-menu .header-wrap {
  min-height: 80px
}

.headroom--not-top .header-button,
.tm-button.header-sticky-button {
  display: none
}

.headroom--not-top .header-sticky-button {
  display: inline-flex
}

.headroom--not-top.header-sticky-dark-logo .dark-logo {
  display: block
}

.headroom--not-top.header-sticky-dark-logo .light-logo,
.headroom--not-top.header-sticky-light-logo .dark-logo {
  display: none
}

.headroom--not-top.header-sticky-light-logo .light-logo {
  display: block
}

.header-sticky-both .headroom.headroom--not-top,
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned,
.header-sticky-up .headroom.headroom--not-top.headroom--pinned {
  position: relative;
  z-index: 9999
}

.header-sticky-both .headroom.headroom--not-top .page-header-inner,
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .page-header-inner,
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .page-header-inner {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
  animation: headerSlideDown .95s ease forwards;
  will-change: transform
}

.header-sticky-both .headroom.headroom--not-top .page-header-inner .container,
.header-sticky-both .headroom.headroom--not-top .page-header-inner .container-fluid,
.header-sticky-both .headroom.headroom--not-top .page-header-inner .row,
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .page-header-inner .container,
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .page-header-inner .container-fluid,
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .page-header-inner .row,
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .page-header-inner .container,
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .page-header-inner .container-fluid,
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .page-header-inner .row {
  height: 100%
}

.header-sticky-both .headroom.headroom--not-top .page-header-inner .row>div,
.header-sticky-down .headroom.headroom--not-top.headroom--unpinned .page-header-inner .row>div,
.header-sticky-up .headroom.headroom--not-top.headroom--pinned .page-header-inner .row>div {
  align-self: center
}

.branding {
  line-height: 0
}

.branding-logo-wrap a {
  display: inline-block;
  float: left
}

.dark-logo,
.light-logo {
  display: none
}

.header-dark .dark-logo,
.header-light .light-logo {
  display: block
}

.header-center .header-content-inner,
.header-left .header-content-inner,
.header-right .header-content-inner {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin: 0 -15px
}

.header-center .header-content-inner>div,
.header-left .header-content-inner>div,
.header-right .header-content-inner>div {
  padding: 0 15px
}

.header-center .mini-cart,
.header-left .mini-cart,
.header-right .mini-cart {
  padding: 0 !important
}

.header-center .header-content-inner {
  justify-content: center
}

.header-right .header-content-inner {
  justify-content: flex-end
}

.header-right-inner .header-right-inner-content {
  display: flex;
  margin: 0 -10px;
  align-items: center;
  justify-content: flex-end
}

.header-right-inner .header-right-inner-content>.header-icon,
.header-right-inner .header-right-inner-content>div {
  padding: 0 10px
}

.header-search-form {
  pointer-events: auto
}

.header-search-form .search-form {
  position: relative
}

.header-search-form .search-field {
  min-height: 48px;
  padding-right: 50px
}

.header-search-form .search-submit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  font-size: 16px;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 0 5px 5px 0;
  background: none;
  color: var(--edumall-color-primary)
}

.header-search-form .search-submit:hover {
  color: #fff;
  background: var(--edumall-color-primary)
}

.header-search-form .search-btn-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.header-search-form .search-btn-text {
  display: none
}

.header-widgets .widget li a:after {
  bottom: 2px
}

.header-widgets .menu {
  margin: 0 -15px;
  font-size: 0
}

.header-widgets .menu li {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
  padding: 0 15px
}

.header-widgets .menu li a,
.header-widgets .menu li a:not(:hover) {
  color: #111
}

.header-icon {
  font-size: 18px;
  line-height: 32px
}

.page-open-popup-search {
  cursor: pointer;
  text-align: center
}

.nav-links-hover-style-01 .menu--primary .menu__container>li.current-menu-ancestor>a .menu-item-wrap:after,
.nav-links-hover-style-01 .menu--primary .menu__container>li.current-menu-item>a .menu-item-wrap:after,
.nav-links-hover-style-01 .menu--primary .menu__container>li:hover>a .menu-item-wrap:after {
  width: 100%;
  left: 0;
  right: auto
}

.nav-links-hover-style-01 .menu--primary .menu__container>li>a>.menu-item-wrap {
  position: relative;
  padding: 4px 0
}

.nav-links-hover-style-01 .menu--primary .menu__container>li>a>.menu-item-wrap:after {
  content: "";
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
  background: currentColor
}

.page-open-components {
  display: none;
  height: 30px;
  font-size: 20px;
  cursor: pointer
}

.page-open-components .inner {
  display: flex;
  align-items: center;
  height: 30px
}

.page-open-components:hover .circle-one {
  transform: translateX(18px)
}

.page-open-components:hover .circle-three {
  transform: translateX(-18px)
}

.page-open-components .circle {
  height: 5px;
  width: 5px;
  background: currentColor;
  border-radius: 100%;
  margin: 0 2px
}

.header-social-networks.style-icons .inner {
  margin-left: -10px;
  margin-right: -10px
}

.header-social-networks.style-icons a {
  display: inline-block;
  padding: 0 10px;
  font-size: 20px;
  line-height: 1
}

.header-social-networks.style-icons a i {
  vertical-align: middle
}

.header-social-networks.style-rounded .inner {
  margin-left: -10px;
  margin-right: -10px
}

.header-social-networks.style-rounded a {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  border: 1px solid hsla(0, 0%, 100%, .4);
  border-radius: 50%;
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  padding: 0 10px
}

.header-social-networks.style-rounded a:hover {
  border-color: transparent
}

.header-user-buttons .inner {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: -10px;
  margin-left: 10px;
  padding-left: 20px
}

.header-user-buttons .inner:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 40px;
  background: #d9dee3;
  transform: translateY(-50%)
}

.header-user-buttons .tm-button-wrapper {
  padding-left: 10px;
  padding-right: 10px
}

.header-user-links-box {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 30px !important
}

.header-user-links-box:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 1px;
  height: 40px;
  background: #d9dee3;
  transform: translateY(-50%)
}

.header-user-links-box .user-icon {
  font-size: 34px;
  line-height: 1;
  margin: 0 12px 0 0;
  color: var(--edumall-color-primary)
}

.header-user-links-box .user-links a {
  font-size: 13px;
  font-weight: 500;
  display: block;
  color: var(--edumall-color-text-lighten)
}

.header-user-links-box .user-links a:hover {
  color: var(--edumall-color-heading)
}

.header-contact-links-box {
  display: flex;
  align-items: center
}

.header-contact-links-box .contact-icon {
  font-size: 34px;
  line-height: 1;
  margin: 0 12px 0 0;
  color: var(--edumall-color-primary)
}

.header-contact-links-box .contact-links a {
  font-size: 13px;
  display: block
}

.header-contact-links-box .contact-links a:hover {
  color: var(--edumall-color-heading) !important
}

.header-contact-links-box .contact-links .header-contact-phone {
  font-weight: 700;
  color: var(--edumall-color-heading)
}

.header-contact-links-box .contact-links .header-contact-email {
  color: var(--edumall-color-text)
}

.header-user-links-icon .user-icon {
  font-size: 20px;
  color: #000
}

.header-user-links-icon .user-icon span:before {
  font-weight: 400 !important
}

.header-user-links-icon .user-icon:hover {
  color: var(--edumall-color-primary)
}

.page-open-main-menu {
  display: none;
  cursor: pointer
}

.desktop-menu .page-open-main-menu {
  display: inline-flex;
  align-items: center
}

.page-open-main-menu .burger-title {
  font-size: 13px;
  font-weight: var(--edumall-typography-headings-font-weight);
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 0 10px;
  padding-top: 3px
}

.header-buttons {
  line-height: 0
}

.header-more-tools-opened .header-button,
.header-right-clone {
  display: none
}

.header-more-tools-opened .header-sticky-button {
  display: inline-flex
}

body:not(.header-more-tools-opened) .header-light.headroom--top .header-user-buttons .tm-button.style-bottom-line,
body:not(.header-more-tools-opened) .header-light.headroom--top .header-user-buttons .tm-button.style-bottom-line:hover,
body:not(.header-more-tools-opened) .header-light.headroom--top .tm-button.style-bottom-line,
body:not(.header-more-tools-opened) .header-light.headroom--top .tm-button.style-bottom-line-alt,
body:not(.header-more-tools-opened) .header-light.headroom--top .tm-button.style-left-line,
body:not(.header-more-tools-opened) .header-light.headroom--top .tm-button.style-text {
  color: #fff
}

body:not(.header-more-tools-opened) .header-light.headroom--top .header-user-buttons .tm-button.style-bottom-line .button-content-wrapper:before {
  background: #fff
}

body:not(.header-more-tools-opened) .header-light.headroom--top .header-user-buttons .tm-button.style-bottom-line .button-content-wrapper:after {
  background: var(--edumall-color-secondary)
}

body:not(.header-more-tools-opened) .header-light.headroom--top .header-contact-links-box .contact-icon {
  color: var(--edumall-color-secondary)
}

body:not(.header-more-tools-opened) .header-light.headroom--top .header-contact-links-box .contact-links a {
  color: #fff
}

body:not(.header-more-tools-opened) .header-light.headroom--top .header-contact-links-box .contact-links a:hover {
  color: var(--edumall-color-secondary) !important
}

body:not(.header-more-tools-opened) .header-light.headroom--top .header-user-links-box .user-icon {
  color: var(--edumall-color-secondary)
}

body:not(.header-more-tools-opened) .header-light.headroom--top .header-user-links-box .user-links a {
  color: #fff
}

body:not(.header-more-tools-opened) .header-light.headroom--top .header-user-links-box .user-links a:hover {
  color: var(--edumall-color-secondary)
}

body:not(.header-more-tools-opened) .header-light.headroom--top.nav-links-hover-style-01 .menu--primary .menu__container>li>a>.menu-item-wrap:after {
  background: var(--edumall-color-secondary)
}

body:not(.header-more-tools-opened) .header-light.headroom--top .header-widgets li a,
body:not(.header-more-tools-opened) .header-light.headroom--top .header-widgets li a:not(:hover) {
  color: #fff
}

body:not(.header-more-tools-opened) .header-light.headroom--top .header-search-form .search-field {
  background: #fff;
  border-color: #fff
}

body:not(.header-more-tools-opened) .header-light.headroom--top .header-search-form .search-field:focus {
  border-color: var(--edumall-color-secondary)
}

body:not(.header-more-tools-opened) .header-light.headroom--top .header-search-form .search-submit {
  color: var(--edumall-color-secondary)
}

body:not(.header-more-tools-opened) .header-light.headroom--top .header-search-form .search-submit:hover {
  color: var(--edumall-color-third);
  background: var(--edumall-color-secondary)
}

@media (max-width:767px) {

  .header-right-clone,
  .page-open-components {
    display: block
  }

  .header-right-inner {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0;
    padding: 10px 15px !important;
    border: 0 solid transparent;
    border-radius: 5px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, .09);
    visibility: hidden;
    opacity: 0;
    transform: translateY(15px);
    flex-wrap: wrap
  }

  .header-right-inner .header-right-inner-content>div,
  .header-right-inner .mini-cart .mini-cart__button {
    padding: 10px
  }

  .header-right-inner .header-search-form {
    max-width: 100%;
    width: 100%;
    order: -1
  }

  .header-more-tools-opened .header-right-inner {
    visibility: visible;
    opacity: 1;
    transform: translateY(-15px)
  }

  .header-right-inner-content {
    flex-wrap: wrap
  }
}

.handheld.header-more-tools-opened {
  cursor: pointer
}

.header-category-menu {
  position: relative;
  flex-shrink: 0;
  margin: 0 25px 0 28px;
  padding: 10px 0 10px 28px;
  height: 100%;
  display: flex;
  align-items: center;
  pointer-events: auto
}

.header-category-menu:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 40px;
  background: #d9dee3;
  transform: translateY(-50%)
}

.header-category-menu .category-menu-toggle {
  display: flex;
  align-items: center
}

.header-category-menu .category-toggle-icon {
  font-size: 0;
  line-height: 1;
  margin: 0 15px 0 0
}

.header-category-menu .category-toggle-icon svg [fill] {
  fill: currentColor
}

.header-category-menu .category-toggle-text {
  font-size: 16px;
  font-weight: var(--edumall-typography-headings-font-weight)
}

.header-category-menu .header-category-dropdown:after,
.header-category-menu .header-category-dropdown:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 42px;
  width: 0;
  height: 0
}

.header-category-menu .header-category-dropdown:before {
  transform: translateX(-1px);
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 11px solid var(--edumall-color-sub-menu-border);
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, .12))
}

.header-category-menu .header-category-dropdown:after {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 10px solid var(--edumall-color-sub-menu-background)
}

.header-category-menu .header-category-dropdown-wrap {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 4
}

.header-category-menu .header-category-dropdown-wrap ul {
  margin: 0;
  list-style-type: none;
  background: var(--edumall-color-sub-menu-background);
  box-shadow: 0 0 30px rgba(0, 0, 0, .12);
  border: 1px solid var(--edumall-color-sub-menu-border);
  border-radius: 5px;
  width: 250px;
  position: relative;
  max-width: none !important;
  padding: 14px 0 22px
}

.header-category-menu .header-category-dropdown-wrap ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: static !important
}

.header-category-menu .header-category-dropdown-wrap ul li:hover {
  z-index: -1
}

.header-category-menu .header-category-dropdown-wrap ul li>a {
  position: relative;
  display: block;
  padding: 9px 30px 10px;
  font-size: 13px;
  font-weight: var(--edumall-typography-headings-font-weight);
  line-height: 1.31;
  color: var(--edumall-color-text-bit-lighten)
}

.header-category-menu .header-category-dropdown-wrap ul li>a .toggle-sub-menu {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%)
}

.header-category-menu .header-category-dropdown-wrap ul li>a .toggle-sub-menu:before {
  content: "\f105" !important;
  font-size: 13px
}

.header-category-menu .header-category-dropdown-wrap ul li:hover>a {
  color: var(--edumall-color-primary);
  background: #f5f7fd
}

.header-category-menu .header-category-dropdown-wrap ul li:hover>.children {
  display: block
}

.header-category-menu .header-category-dropdown-wrap ul .children {
  display: none;
  position: absolute;
  left: 100%;
  top: -1px;
  margin-top: 0;
  min-height: calc(100% + 2px);
  width: 255px;
  transform: translateX(-5px);
  border-radius: 0 5px 5px 0;
  z-index: -1;
  padding-left: 5px
}

.header-category-menu .header-category-dropdown-wrap ul .children.sub-categories {
  box-shadow: none
}

.header-category-menu .header-category-dropdown-wrap ul .children.sub-categories:before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -1px;
  left: -1px;
  background: var(--edumall-color-sub-menu-background);
  box-shadow: 0 0 30px rgba(0, 0, 0, .12);
  border-radius: inherit;
  border: 1px solid var(--edumall-color-sub-menu-border)
}

.header-category-menu .header-category-dropdown-wrap ul .children.course-list {
  width: 405px;
  z-index: -2
}

.header-category-menu ul.course-list>li {
  position: relative !important
}

.header-category-menu ul.course-list>li:hover {
  z-index: 1;
  background: var(--edumall-color-sub-menu-background)
}

.header-category-menu ul.course-list>li+li a.course-wrapper:hover:before {
  opacity: 1
}

.header-category-menu ul.course-list>li+li a.course-wrapper:hover:after {
  opacity: 0
}

.header-category-menu ul.course-list>li+li a.course-wrapper:before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: 0;
  right: 0;
  background: #f5f7fd;
  opacity: 0;
  border-radius: 8px;
  z-index: -1
}

.header-category-menu ul.course-list>li+li a.course-wrapper:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: var(--edumall-color-box-fill-separator);
  opacity: 1
}

.header-category-menu ul.course-list a.course-wrapper {
  display: flex;
  position: relative;
  padding: 16px 11px;
  margin: 0 20px;
  border-radius: 8px;
  background: var(--edumall-color-sub-menu-background)
}

.header-category-menu ul.course-list .course-thumbnail {
  flex-shrink: 0;
  margin: 0 12px 0 0;
  width: 56px
}

.header-category-menu ul.course-list .course-thumbnail img {
  border-radius: 3px
}

.header-category-menu ul.course-list .course-caption {
  flex-grow: 1
}

.header-category-menu ul.course-list .course-title {
  font-size: 13px;
  font-weight: var(--edumall-typography-headings-font-weight);
  line-height: 1.7;
  margin: 0
}

.header-category-menu ul.course-placeholder>li {
  padding: 0 20px
}

.header-category-menu ul.course-placeholder .course-item-placeholder {
  display: flex;
  padding: 16px 11px;
  border-radius: 8px
}

.header-category-menu ul.course-placeholder .course-thumbnail-placeholder {
  width: 56px;
  height: 40px;
  border-radius: 3px;
  flex-shrink: 0;
  margin: 0 12px 0 0;
  background: #eee
}

.header-category-menu ul.course-placeholder .course-caption-placeholder {
  flex-grow: 1
}

.header-category-menu ul.course-placeholder .course-title-placeholder {
  background: #ddd;
  width: 100%;
  height: 15px
}

.header-category-menu ul.course-placeholder .course-price-placeholder {
  background: #eee;
  width: 80%;
  height: 15px;
  margin: 10px 0 0
}

.header-category-menu:hover .header-category-dropdown-wrap {
  opacity: 1;
  visibility: visible;
  transform: none
}

@media (max-width:1199px) {
  .header-category-menu {
    display: none
  }
}

.header-more-tools-opened .page-header .header-right-inner .header-icon,
.header-more-tools-opened .page-header .header-right-inner .header-social-networks a,
.header-more-tools-opened .page-header .header-right-inner .wpml-ls-item-toggle {
  color: var(--edumall-color-third)
}

.header-more-tools-opened .page-header .header-right-inner .header-icon:hover,
.header-more-tools-opened .page-header .header-right-inner .header-social-networks a,
.header-more-tools-opened .page-header .header-right-inner .wpml-ls-slot-shortcode_actions:hover>.js-wpml-ls-item-toggle {
  color: var(--edumall-color-primary) !important
}

.header-more-tools-opened .page-header .header-right-inner .mini-cart .mini-cart-icon:after {
  color: #fff;
  background: var(--edumall-color-primary)
}

.header-more-tools-opened .page-header .header-right-inner .tm-button.style-flat {
  color: #fff
}

.header-more-tools-opened .page-header .header-right-inner .tm-button.style-flat:before {
  background: var(--edumall-color-primary)
}

.header-more-tools-opened .page-header .header-right-inner .tm-button.style-flat:hover {
  color: var(--edumall-color-third)
}

.header-more-tools-opened .page-header .header-right-inner .tm-button.style-flat:hover:after {
  background: var(--edumall-color-secondary)
}

.header-notifications {
  position: relative;
  padding: 0 !important
}

.header-notifications .header-notifications-open {
  position: relative;
  display: block;
  padding: 0 10px
}

.header-notifications .badge {
  position: absolute;
  top: -4px;
  right: 0;
  padding: 0 4px;
  min-width: 20px;
  height: 20px;
  border-radius: 20px;
  color: #fff;
  background: var(--edumall-color-primary);
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  text-align: center
}

.header-notifications.open .header-notification-list {
  visibility: visible;
  opacity: 1;
  transform: translateY(10px)
}

.header-notification-list {
  position: absolute;
  top: 100%;
  right: -27px;
  width: 370px;
  max-width: 85vw;
  max-height: 80vh;
  overflow: auto;
  border-radius: 8px;
  background: var(--edumall-color-sub-menu-background);
  border: 1px solid var(--edumall-color-sub-menu-border);
  box-shadow: 0 0 30px rgba(0, 0, 0, .08);
  padding: 26px 20px 14px 30px;
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden
}

.header-notification-list:after,
.header-notification-list:before {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 35px;
  width: 0;
  height: 0
}

.header-notification-list:before {
  transform: translateX(1px);
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 11px solid var(--edumall-color-sub-menu-border);
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, .12))
}

.header-notification-list:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid var(--edumall-color-sub-menu-background)
}

.edumall-bp-full-link {
  font-size: 0 !important
}

.notification-list-heading {
  font-size: 20px;
  line-height: 1.6;
  margin: 0 0 22px
}

.notification-list {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.notification-list li {
  position: relative;
  display: flex;
  padding: 0 15px 0 0
}

.notification-list li+li {
  margin: 17px 0 0
}

.notification-list .notification-status {
  position: absolute;
  top: 7px;
  right: 0;
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  background: var(--edumall-color-primary);
  border-radius: 50%;
  opacity: 0;
  visibility: hidden
}

.notification-list .unread .notification-status {
  opacity: 1;
  visibility: visible
}

.notification-list .notification-placeholder {
  align-items: center
}

.notification-list .notification-placeholder .notification-avatar {
  width: 40px;
  height: 40px;
  background: #e2e2e2;
  border-radius: 50%
}

.notification-list .notification-placeholder .notification-content {
  height: 26px;
  width: 100%;
  border-radius: 5px;
  background: #f8f8f8
}

.notification-list .notification-avatar {
  width: 40px;
  flex-shrink: 0;
  margin: 0 14px 0 0
}

.notification-list .avatar {
  width: 40px;
  border-radius: 50%
}

.notification-list .notification-content {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #9b9b9b
}

.notification-list .notification-content a {
  color: var(--edumall-color-heading)
}

.notification-list .notification-content a:hover {
  color: var(--edumall-color-primary)
}

.notification-list .posted {
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  margin: 4px 0 0;
  color: var(--edumall-color-text-bit-lighten)
}

.notification-footer {
  font-size: 15px;
  line-height: 26px;
  font-weight: var(--edumall-typography-headings-font-weight);
  text-align: center;
  margin: 19px 0 0
}

.notification-footer a {
  color: var(--edumall-color-primary)
}

.notification-footer a i {
  margin: 0 0 0 5px
}

.header-01 .header-wrap {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 20px;
}

.header-01 .header-left {
  flex: 0 0 auto;
  min-width: 0;
  position: relative;
  z-index: 10;
}

.header-01 .branding {
  display: flex;
  align-items: center;
  flex-shrink: 0
}

.header-01 .header-right {
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
  z-index: 5;
}

.header-01 .header-right-inner {
  width: 100%
}

.header-01 .header-search-form {
  flex-grow: 1;
  max-width: 400px
}

.header-01 .header-search-form .search-field {
  font-weight: 500;
  min-height: 60px;
  padding-right: 60px
}

.header-01 .header-search-form .search-submit {
  width: 60px;
  height: 60px;
  font-size: 20px
}

.desktop-menu .header-01 .page-navigation {
  padding: 0 9px 0 0
}

.desktop-menu .header-01 .menu--primary {
  text-align: right
}

.mobile-menu .header-01 .header-right {
  flex-grow: 1
}

/* @media screen and (min-width:1400px) {
  .desktop-menu .header-01 .menu--primary>ul>li>a {
    padding-left: 17px !important;
    padding-right: 17px !important
  }
} */

.desktop-menu .header-01 .menu--primary > ul > li > a {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

@media (min-width:768px) {
  .header-01 .header-wrap {
    padding: 10px 0
  }
}

.header-02 .header-wrap {
  display: flex;
  align-items: center;
  height: 100%
}

.header-02 .branding {
  display: flex;
  align-items: center;
  flex-shrink: 0
}

.header-02 .page-navigation {
  flex-shrink: 0
}

.header-02 .header-left {
  margin: 0 20px 0 0
}

.header-02 .header-category-menu {
  margin-left: 8px !important
}

.header-02 .header-right {
  flex-grow: 1;
  flex-shrink: 1
}

.header-02 .header-right-inner {
  flex-grow: 1
}

.header-02 .header-search-form {
  flex-grow: 1;
  max-width: 400px
}

.header-02 .header-search-form .search-field {
  font-weight: 500;
  min-height: 60px;
  padding-right: 60px
}

.header-02 .header-search-form .search-submit {
  width: 60px;
  height: 60px;
  font-size: 20px
}

.desktop-menu .header-02 .page-navigation {
  padding: 0 9px 0 0
}

.desktop-menu .header-02 .menu--primary {
  text-align: right
}

.mobile-menu .header-02 .header-right {
  flex-grow: 1
}

@media screen and (min-width:1400px) {
  .desktop-menu .header-02 .menu--primary>ul>li>a {
    padding-left: 17px !important;
    padding-right: 17px !important
  }
}

@media (min-width:768px) {
  .header-02 .header-wrap {
    padding: 10px 0
  }
}

.header-03 .header-wrap {
  display: flex;
  align-items: center;
  height: 100%
}

.header-03 .branding {
  display: flex;
  align-items: center;
  flex-shrink: 0
}

.header-03 .page-navigation {
  flex-shrink: 0
}

.header-03 .header-right {
  flex-grow: 1;
  flex-shrink: 1
}

.header-03 .header-right-inner {
  width: 100%
}

.header-03 .header-search-form {
  flex-grow: 1;
  max-width: 400px
}

.header-03 .header-search-form .search-field {
  font-weight: 500;
  min-height: 60px;
  padding-right: 60px
}

.header-03 .header-search-form .search-submit {
  width: 60px;
  height: 60px;
  font-size: 20px
}

.desktop-menu .header-03 .page-navigation {
  padding: 0 9px 0 0
}

.desktop-menu .header-03 .menu--primary {
  text-align: right
}

.mobile-menu .header-03 .header-right {
  flex-grow: 1
}

@media screen and (min-width:1400px) {
  .desktop-menu .header-03 .menu--primary>ul>li>a {
    padding-left: 17px !important;
    padding-right: 17px !important
  }
}

@media (min-width:768px) {
  .header-03 .header-wrap {
    padding: 10px 0
  }
}

.header-04 .header-wrap {
  display: flex;
  align-items: center;
  height: 100%
}

.header-04 .branding {
  display: flex;
  align-items: center;
  flex-shrink: 0
}

.header-04 .page-navigation {
  flex-grow: 1;
  margin: 0 0 0 30px
}

.header-04 .header-right {
  flex-shrink: 1;
  position: relative;
  padding: 0 0 0 30px
}

.header-04 .header-right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  width: 1px;
  height: 40px;
  background: #d9dee3;
  transform: translateY(-50%)
}

.header-04 .header-search-form {
  flex-grow: 1;
  max-width: 400px
}

.header-04 .header-search-form .search-field {
  font-weight: 500;
  min-height: 52px;
  padding-right: 52px
}

.header-04 .header-search-form .search-submit {
  width: 52px;
  height: 52px;
  font-size: 20px
}

.header-04 .header-search-form .search-btn-icon {
  font-weight: 400
}

.desktop-menu .header-04 .page-navigation {
  padding: 0 9px 0 0
}

.desktop-menu .header-04 .menu--primary {
  text-align: left
}

.mobile-menu .header-04 .header-left {
  flex-grow: 1
}

.mobile-menu .header-04 .header-right {
  flex-shrink: 0
}

@media (max-width:767px) {
  .header-04 .header-right {
    position: static;
    padding: 0
  }

  .header-04 .header-right:before {
    display: none
  }
}

/* @media screen and (min-width:1400px) {
  .desktop-menu .header-04 .menu--primary>ul>li>a {
    padding-left: 17px !important;
    padding-right: 17px !important
  }
} */

.header-05 .header-wrap {
  display: flex;
  align-items: center;
  height: 100%
}

.header-05 .branding {
  display: flex;
  align-items: center;
  flex-shrink: 0
}

.header-05 .page-navigation {
  flex-shrink: 0
}

.header-05 .header-left,
.header-05 .header-right {
  flex-grow: 1;
  flex-shrink: 1;
  width: 20%
}

.header-05 .header-center {
  flex-grow: 1
}

.header-05 .header-right-inner {
  width: 100%
}

.header-05 .header-search-form {
  flex-grow: 1;
  max-width: 400px
}

.header-05 .header-search-form .search-field {
  font-weight: 500;
  min-height: 60px;
  padding-right: 60px
}

.header-05 .header-search-form .search-submit {
  width: 60px;
  height: 60px;
  font-size: 20px
}

.desktop-menu .header-05 .page-navigation {
  padding: 0 9px 0 0
}

.desktop-menu .header-05 .menu--primary {
  text-align: right
}

.mobile-menu .header-05 .header-right {
  flex-grow: 1
}

@media screen and (min-width:1400px) {
  .desktop-menu .header-05 .menu--primary>ul>li>a {
    padding-left: 17px !important;
    padding-right: 17px !important
  }
}

@media (min-width:768px) {
  .header-05 .header-wrap {
    padding: 10px 0
  }
}

.header-06 .header-wrap {
  display: flex;
  align-items: center;
  height: 100%
}

.header-06 .header-center {
  width: 20%
}

.header-06 .header-left,
.header-06 .header-right {
  width: 40%
}

.header-06 .header-search-form {
  flex-grow: 1;
  max-width: 400px
}

.header-06 .header-search-form .search-field {
  font-weight: 500;
  min-height: 60px;
  padding-right: 60px
}

.header-06 .header-search-form .search-submit {
  width: 60px;
  height: 60px;
  font-size: 20px
}

.mobile-menu .header-06 .header-right {
  flex-grow: 1
}

@media screen and (min-width:1400px) {
  .desktop-menu .header-06 .menu--primary>ul>li>a {
    padding-left: 21px !important;
    padding-right: 21px !important
  }
}

@media (min-width:768px) {
  .header-06 .header-wrap {
    padding: 19px 0
  }
}

@media (max-width:767px) {
  .header-06 .header-left {
    display: none
  }

  .header-06 .header-center {
    width: auto;
    flex-grow: 1
  }

  .header-06 .header-center .header-content-inner {
    justify-content: flex-start
  }
}

.header-07 .header-wrap {
  display: flex;
  align-items: center;
  height: 100%
}

.header-07 .branding {
  display: flex;
  align-items: center;
  flex-shrink: 0
}

.header-07 .page-navigation {
  flex-shrink: 0
}

.header-07 .header-left,
.header-07 .header-right {
  flex-grow: 1;
  flex-shrink: 1;
  width: 20%
}

.header-07 .header-center {
  flex-grow: 1
}

.header-07 .header-right-inner {
  width: 100%
}

.header-07 .header-search-form {
  flex-grow: 1;
  max-width: 400px
}

.header-07 .header-search-form .search-field {
  font-weight: 500;
  min-height: 60px;
  padding-right: 60px
}

.header-07 .header-search-form .search-submit {
  width: 60px;
  height: 60px;
  font-size: 20px
}

.desktop-menu .header-07 .page-navigation {
  padding: 0 9px 0 0
}

.desktop-menu .header-07 .menu--primary {
  text-align: right
}

.mobile-menu .header-07 .header-right {
  flex-grow: 1
}

@media screen and (min-width:1400px) {
  .desktop-menu .header-07 .menu--primary>ul>li>a {
    padding-left: 17px !important;
    padding-right: 17px !important
  }
}

@media (min-width:768px) {
  .header-07 .header-wrap {
    padding: 10px 0
  }
}

.header-08 .header-wrap {
  display: flex;
  align-items: center;
  height: 100%
}

.header-08 .branding {
  display: flex;
  align-items: center;
  flex-shrink: 0
}

.header-08 .page-navigation {
  flex-grow: 1
}

.header-08 .header-right {
  flex-shrink: 0
}

.header-08 .header-right-inner {
  width: 100%
}

.header-08 .header-search-form {
  flex-grow: 1;
  max-width: 400px
}

.header-08 .header-search-form .search-field {
  font-weight: 500;
  min-height: 60px;
  padding-right: 60px
}

.header-08 .header-search-form .search-submit {
  width: 60px;
  height: 60px;
  font-size: 20px
}

.desktop-menu .header-08 .page-navigation {
  padding: 0 15px 0 30px
}

.desktop-menu .header-08 .menu--primary {
  text-align: left
}

.mobile-menu .header-08 .header-right {
  flex-grow: 1
}

@media screen and (min-width:1400px) {
  .desktop-menu .header-08 .menu--primary>ul>li>a {
    padding-left: 17px !important;
    padding-right: 17px !important
  }
}

@media (min-width:768px) {
  .header-08 .header-wrap {
    padding: 10px 0
  }
}

.header-09 .header-wrap {
  display: flex;
  align-items: center;
  height: 100%
}

.header-09 .branding {
  display: flex;
  align-items: center;
  flex-shrink: 0
}

.header-09 .page-navigation {
  flex-shrink: 0
}

.header-09 .header-right {
  flex-grow: 1;
  flex-shrink: 1
}

.header-09 .header-right-inner {
  width: 100%
}

.header-09 .header-icon {
  font-size: 20px
}

.header-09 .mini-cart .mini-cart__button {
  padding: 0 5px
}

.header-09 .header-search-form {
  flex-grow: 1;
  max-width: 400px
}

.header-09 .header-search-form .search-field {
  font-weight: 500;
  min-height: 60px;
  padding-right: 60px
}

.header-09 .header-search-form .search-submit {
  width: 60px;
  height: 60px;
  font-size: 20px
}

.desktop-menu .header-09 .page-navigation {
  padding: 0
}

.desktop-menu .header-09 .menu--primary {
  text-align: right
}

.desktop-menu .header-09 .toggle-sub-menu {
  margin-left: 16px
}

.desktop-menu .header-09 .toggle-sub-menu:before {
  font-size: 11px
}

.mobile-menu .header-09 .header-right {
  flex-grow: 1
}

.header-09 .header-user-buttons .inner {
  padding: 0;
  margin: 0
}

.header-09 .header-user-buttons .inner:before {
  display: none
}

.header-09 .header-user-buttons .tm-button .button-text {
  font-size: 16px;
  text-transform: capitalize
}

.header-09 .header-user-buttons .tm-button-wrapper:first-child {
  order: 2
}

.header-09 .header-user-buttons .tm-button-wrapper .tm-button {
  border-radius: 10px
}

.header-09 .header-user-buttons .tm-button-wrapper .tm-button.style-bottom-line-alt {
  color: rgba(3, 31, 66, .5019607843)
}

.header-09 .header-user-buttons .tm-button-wrapper .tm-button.style-bottom-line-alt .button-content-wrapper:before {
  display: none
}

.header-09 .header-user-buttons .tm-button-wrapper .tm-button.style-bottom-line-alt:hover {
  color: var(--edumall-color-primary)
}

.header-10 .header-wrap {
  display: flex;
  align-items: center;
  height: 100%
}

.header-10 .header-center {
  width: 60%
}

.header-10 .header-left,
.header-10 .header-right {
  width: 20%
}

.desktop-menu .header-10 .toggle-sub-menu {
  margin-left: 16px
}

.desktop-menu .header-10 .toggle-sub-menu:before {
  font-size: 11px
}

.header-10 .page-navigation .children>li.current-menu-ancestor>a,
.header-10 .page-navigation .children>li.current-menu-item>a,
.header-10 .page-navigation .children>li:hover>a,
.header-10 .page-navigation .children a.link:hover .text {
  color: var(--edumall-color-primary)
}

.mobile-menu .header-10 .header-right {
  flex-grow: 1
}

.header-10 .header-right-inner-content>div {
  padding: 0 17px
}

.header-10 .header-right .header-icon {
  font-size: 20px
}

.header-10.header-dark .header-icon .badge,
.header-10.header-dark .mini-cart .mini-cart-icon:after {
  background-color: var(--edumall-color-primary) !important
}

.header-10 .button.wc-forward:hover,
.header-10.header-dark .header-icon .badge:hover,
.header-10.header-dark .mini-cart .mini-cart-icon:after:hover {
  color: #fff
}

@media (max-width:767px) {

  .header-10 .header-center,
  .header-10 .header-left {
    width: auto;
    flex-grow: 1
  }

  .header-10 .header-center .header-content-inner {
    justify-content: flex-start
  }
}

.page-title-bar {
  position: relative
}

.page-title-bar .heading {
  margin-bottom: 0
}

.page-title-bar-bg {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover
}

.page-title-bar-bg,
.page-title-bar-bg:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.page-title-bar-bg:before {
  content: ""
}

.page-title-bar-inner {
  position: relative;
  z-index: 1;
  border-bottom-style: solid
}

.insight_core_breadcrumb {
  margin: 0;
  padding: 0
}

.insight_core_breadcrumb li {
  display: inline-block;
  margin: 0 5px 0 0
}

.insight_core_breadcrumb li+li {
  position: relative;
  padding-left: 13px
}

.insight_core_breadcrumb li+li:before {
  content: "/";
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%)
}

.insight_core_breadcrumb li:last-child {
  margin: 0 !important
}

.insight_core_breadcrumb li.current:before {
  color: inherit !important
}

.insight_core_breadcrumb a {
  display: block
}

.title-bar-has-post-title .entry-title {
  display: none
}

.page-title-bar-01 .heading {
  text-align: center
}

.page-title-bar-01 .page-title-bar-inner>.container {
  max-width: 970px
}

.page-title-bar-01 .page-title-bar-heading {
  padding: 31px 0 0
}

.page-title-bar-02 .page-breadcrumb {
  margin: 0 0 17px
}

.page-title-bar-02 .page-title-bar-shapes {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden
}

.page-title-bar-02 .page-title-bar-shapes .shape {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(98, 117, 255, .3)
}

.page-title-bar-02 .page-title-bar-shapes .shape-01 {
  width: 194px;
  height: 194px;
  left: 0;
  bottom: 0;
  transform: translate(-98px, 120px)
}

.page-title-bar-02 .page-title-bar-shapes .shape-02 {
  width: 156px;
  height: 156px;
  bottom: 100%;
  right: 14%;
  transform: translateY(48px)
}

.page-title-bar-02 .page-title-bar-shapes .shape-03 {
  width: 380px;
  height: 380px;
  top: 100%;
  right: 0;
  transform: translateY(-58px)
}

@media (max-width:767px) {
  .page-title-bar-02 .page-title-bar-shapes .shape-03 {
    display: none
  }
}

.page-title-bar-06 .page-breadcrumb {
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%
}

.page-title-bar-06 .page-title-bar-inner>.container>.row {
  min-height: 190px
}

.page-title-bar-06 .page-title-bar-heading {
  max-width: 470px
}

@media (max-width:1199px) {
  .page-title-bar-06 .page-title-bar-bg {
    background-position: center left 80% !important
  }
}

@media (max-width:991px) {
  .page-title-bar-06 .page-title-bar-bg {
    background-position: center left 70% !important
  }
}

@media (max-width:767px) {
  .page-title-bar-06 .page-title-bar-bg {
    background-position: center left 60% !important
  }

  .page-title-bar-06 .page-title-bar-inner>.container>.row {
    min-height: 100px
  }
}

.page-title-bar-07 .page-title-bar-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.page-title-bar-08 .page-breadcrumb {
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%
}

.page-title-bar-08 .page-title-bar-inner>.container>.row {
  min-height: 200px
}

.page-title-bar-08 .page-title-bar-search-form .heading {
  font-size: 40px;
  line-height: 1.4;
  margin: 0 0 45px
}

.page-title-bar-08 .page-title-bar-search-form form {
  position: relative
}

.page-title-bar-08 .page-title-bar-search-form .search-field {
  height: 68px;
  background: var(--edumall-color-box-white-background);
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  padding-right: 60px !important
}

.page-title-bar-08 .page-title-bar-search-form .search-submit {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0;
  border: 0;
  width: 60px;
  text-align: center;
  box-shadow: none;
  transform: none;
  background: transparent
}

.page-title-bar-08 .page-title-bar-search-form .search-btn-text {
  display: none
}

.page-title-bar-08 .page-title-bar-search-form .search-btn-icon {
  content: "\f002";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: var(--edumall-color-primary)
}

@media (max-width:1199px) {
  .page-title-bar-08 .page-title-bar-bg {
    background-size: 50% auto !important
  }
}

@media (max-width:991px) {
  .page-title-bar-08 .page-title-bar-search-form .heading {
    font-size: 34px
  }

  .page-title-bar-08 .page-title-bar-bg {
    background-size: auto 300px !important
  }

  .page-title-bar-08 .page-title-bar-search-form .heading {
    margin: 0 0 30px
  }
}

@media (max-width:767px) {
  .page-title-bar-08 .page-title-bar-inner {
    padding-bottom: 200px !important
  }

  .page-title-bar-08 .page-title-bar-bg {
    background-size: auto 300px !important
  }

  .page-title-bar-08 .page-title-bar-search-form .heading {
    margin: 0 0 20px
  }
}

@media (max-width:543px) {
  .page-title-bar-08 .page-title-bar-inner {
    padding-bottom: 160px !important
  }

  .page-title-bar-08 .page-title-bar-bg {
    background-size: auto 200px !important
  }
}

.simple-footer {
  background: #222;
  color: hsla(0, 0%, 100%, .5);
  padding: 26px 0;
  font-size: 16px
}

.simple-footer .footer-text {
  text-align: center
}

@keyframes show-animation {
  0% {
    transform: translateY(20px);
    opacity: 0
  }

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

@keyframes hide-animation {
  0% {
    transform: translateY(0);
    opacity: 1
  }

  to {
    transform: translateY(20px);
    opacity: 0
  }
}

.desktop-menu .sm {
  position: relative;
  z-index: 9999
}

.desktop-menu .sm,
.desktop-menu .sm li,
.desktop-menu .sm ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  line-height: normal;
  direction: ltr;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.desktop-menu .sm>li h1,
.desktop-menu .sm>li h2,
.desktop-menu .sm>li h3,
.desktop-menu .sm>li h4,
.desktop-menu .sm>li h5,
.desktop-menu .sm>li h6 {
  margin: 0;
  padding: 0
}

.desktop-menu .sm ul {
  display: none
}

.desktop-menu .sm a,
.desktop-menu .sm li {
  position: relative
}

.desktop-menu .sm a {
  display: block
}

.desktop-menu .sm a.disabled {
  cursor: not-allowed
}

.desktop-menu .sm-simple .tm-button {
  display: inline-flex
}

.desktop-menu .sm-simple li>a {
  padding: 13px 58px 13px 20px
}

.desktop-menu .sm-simple a.current {
  background: #555;
  color: #fff
}

.desktop-menu .sm-simple a.disabled {
  color: #ccc
}

.desktop-menu .sm-simple .children a .toggle-sub-menu {
  position: absolute;
  top: 50%;
  right: 0
}

.desktop-menu .sm-simple .children a .toggle-sub-menu:before {
  right: 30px
}

.desktop-menu .toggle-sub-menu {
  position: relative;
  margin-left: 13px
}

.desktop-menu .toggle-sub-menu:before {
  content: "\f078";
  font-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%)
}

.desktop-menu .sub-arrow {
  display: none
}

.desktop-menu .sm-simple ul {
  position: absolute;
  width: 12em
}

.desktop-menu .sm-simple.sm-rtl ul li,
.desktop-menu .sm-simple.sm-vertical li,
.desktop-menu .sm-simple ul li {
  float: none
}

.desktop-menu .sm-simple a {
  white-space: nowrap
}

.desktop-menu .sm-simple.sm-vertical a,
.desktop-menu .sm-simple ul a {
  white-space: normal
}

.desktop-menu .sm-simple .sm-nowrap:not(.mega-menu)>li>:not(ul) a,
.desktop-menu .sm-simple .sm-nowrap:not(.mega-menu)>li>a {
  white-space: nowrap
}

.desktop-menu .sm-simple .scroll-down,
.desktop-menu .sm-simple .scroll-up {
  position: absolute;
  display: none;
  visibility: hidden;
  overflow: hidden;
  height: 20px;
  background: #fff
}

.desktop-menu .sm-simple .scroll-down-arrow,
.desktop-menu .sm-simple .scroll-up-arrow {
  position: absolute;
  top: -2px;
  left: 50%;
  overflow: hidden;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-width: 8px;
  border-style: dashed dashed solid;
  border-color: transparent transparent #555
}

.desktop-menu .sm-simple .scroll-down-arrow {
  top: 6px;
  border-style: solid dashed dashed;
  border-color: #555 transparent transparent
}

.desktop-menu .sm-simple:not(.sm-vertical) .has-mega-menu {
  position: static !important
}

.desktop-menu .sm-simple:not(.sm-vertical) .has-mega-menu .mega-menu {
  left: 0;
  right: 0 !important;
  margin-left: 0 !important;
  max-width: none !important;
  width: auto !important
}

.desktop-menu .sm-simple:not(.sm-vertical)>li>.children:after,
.desktop-menu .sm-simple:not(.sm-vertical)>li>.children:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 42px;
  width: 0;
  height: 0
}

.desktop-menu .sm-simple:not(.sm-vertical)>li>.children:before {
  transform: translateX(-1px);
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 11px solid var(--edumall-color-sub-menu-border);
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, .12))
}

.desktop-menu .sm-simple:not(.sm-vertical)>li>.children:after {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 10px solid var(--edumall-color-sub-menu-background)
}

.desktop-menu .sm-simple:not(.sm-vertical)>li.has-mega-menu>a:after,
.desktop-menu .sm-simple:not(.sm-vertical)>li.has-mega-menu>a:before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 10001
}

.desktop-menu .sm-simple:not(.sm-vertical)>li.has-mega-menu>a:before {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 11px solid var(--edumall-color-sub-menu-border);
  filter: drop-shadow(0 0 30px rgba(0, 0, 0, .12))
}

.desktop-menu .sm-simple:not(.sm-vertical)>li.has-mega-menu>a:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid var(--edumall-color-sub-menu-background)
}

.desktop-menu .sm-simple:not(.sm-vertical)>li.has-mega-menu>.children:after,
.desktop-menu .sm-simple:not(.sm-vertical)>li.has-mega-menu>.children:before {
  display: none
}

.desktop-menu .sm-simple:not(.sm-vertical)>li.has-mega-menu:hover>a:after,
.desktop-menu .sm-simple:not(.sm-vertical)>li.has-mega-menu:hover>a:before {
  opacity: 1;
  visibility: visible;
  transition: all .25s linear .25s
}

.desktop-menu .sm-simple.sm-vertical {
  display: block
}

.desktop-menu .sm-simple.sm-vertical .has-mega-menu .mega-menu {
  max-width: calc(100vw - 394px) !important;
  width: 1170px !important
}

.desktop-menu .sm-simple.sm-vertical>li {
  display: block !important;
  width: 100%
}

.desktop-menu .sm-simple.sm-vertical>li>a .menu-item-wrap {
  position: relative
}

.desktop-menu .sm-simple.sm-vertical>li>a .toggle-sub-menu {
  position: static
}

.desktop-menu .sm-simple.sm-vertical>li>a .toggle-sub-menu:before {
  right: 0;
  content: "\f107"
}

.desktop-menu .menu--primary {
  text-align: center;
  line-height: 0
}

.desktop-menu .sm-simple {
  position: static;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  min-width: 0;
}

.desktop-menu .sm-simple>li {
  display: inline-block
}

.desktop-menu .sm-simple .children {
  padding: 13px 0 16px;
  min-width: 250px !important;
  border: 1px solid var(--edumall-color-sub-menu-border);
  border-radius: 5px
}

.desktop-menu .sm-simple .children.show-animation {
  animation: show-animation .25s
}

.desktop-menu .sm-simple .children.hide-animation {
  animation: hide-animation .25s
}

.desktop-menu .sm-simple .simple-menu a {
  padding: 9px 30px
}

.desktop-menu .sm-simple .simple-menu .toggle-sub-menu:before {
  font-size: 13px;
  content: "\f105";
  font-weight: 400
}

.desktop-menu .sm-simple .simple-menu .menu-item-wrap {
  line-height: 0
}

.desktop-menu .sm-simple .has-mega-menu .scroll-down,
.desktop-menu .sm-simple .has-mega-menu .scroll-up {
  margin-left: 0 !important
}

.desktop-menu .sm-simple .mega-menu ul {
  position: static;
  display: block;
  width: auto;
  border: 0;
  background: transparent;
  box-shadow: none
}

.desktop-menu .sm-simple .mega-menu .menu>li>a {
  padding: 8px 0
}

.desktop-menu .sm-simple .mega-menu,
.single-ic_mega_menu.elementor-page .page-content {
  padding: 30px 0
}

.mobile-menu .page-navigation,
.mobile-menu .page-navigation-wrap {
  display: none
}

.popup-canvas-menu .popup-close-button {
  font-size: 32px;
  text-align: center;
  line-height: 40px;
  top: 30px;
  right: 30px
}

.popup-canvas-menu .page-popup-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-end
}

.popup-canvas-menu .menu__container {
  text-align: start
}

.popup-canvas-menu .menu__container a {
  display: inline-block;
  padding: 4px 0
}

.popup-canvas-menu .menu__container>li>a {
  position: relative;
  padding-right: 40px
}

.popup-canvas-menu .menu__container>li>a .toggle-sub-menu {
  position: absolute;
  top: 50%;
  right: 0
}

.popup-canvas-menu .menu__container>li>a .toggle-sub-menu:before {
  font-weight: 400;
  font-size: .5em
}

.popup-canvas-menu ul {
  margin: 0;
  padding: 0
}

.popup-canvas-menu li {
  list-style-type: none;
  margin: 0
}

.popup-canvas-menu .menu__container .children,
.popup-canvas-menu .primary-menu-sub-visual {
  box-shadow: none !important
}

.popup-canvas-menu .has-mega-menu .toggle-sub-menu {
  display: none
}

.popup-canvas-menu .mega-menu {
  display: none !important
}

.popup-canvas-menu .children {
  display: none
}

.popup-canvas-menu .children .children {
  margin-left: 15px
}

.admin-bar .popup-canvas-menu {
  top: 32px
}

.popup-canvas-menu .insight-core-bmw .menu {
  text-align: center !important
}

.popup-canvas-menu .insight-core-bmw li {
  margin-bottom: 0;
  padding: 0;
  border: 0
}

.popup-canvas-menu .insight-core-bmw li a {
  padding: 0
}

.popup-canvas-menu .menu__container>li>a {
  font-size: 3.7vh
}

.popup-canvas-menu .menu__container .children a {
  font-size: 2.5vh;
  line-height: 1.5
}

.popup-canvas-menu-left-content {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 100px 30px
}

.popup-canvas-menu-right-content {
  justify-self: flex-end;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 690px;
  max-width: 40vw;
  background: #fff;
  box-shadow: -2px 0 26px rgba(0, 0, 0, .05);
  overflow-y: auto;
  padding: 50px 30px
}

.popup-canvas-menu-search-form {
  margin: 30px 0 0
}

.popup-canvas-menu-search-form .search-form {
  position: relative
}

.popup-canvas-menu-search-form .search-field {
  font-size: 23px;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0;
  border: 0;
  border-bottom: 2px solid #eee !important;
  padding: 0 40px 0 0;
  min-height: 60px
}

.popup-canvas-menu-search-form .search-submit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  font-size: 32px;
  height: 60px;
  width: 1em;
  padding: 0;
  border: 0;
  border-radius: 0 5px 5px 0;
  background: none !important;
  color: var(--edumall-color-primary)
}

.popup-canvas-menu-search-form .search-btn-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.popup-canvas-menu-search-form .search-btn-icon:before {
  font-weight: 400 !important
}

.popup-canvas-menu-search-form .search-btn-text {
  display: none
}

@media screen and (min-width:1600px) {
  .popup-canvas-menu .menu__container>li>a {
    font-size: 56px
  }
}

@media (min-width:1200px) {
  .popup-canvas-menu .menu__container>li>a {
    font-size: 48px
  }

  .popup-canvas-menu-left-content,
  .popup-canvas-menu-right-content {
    padding-left: 100px;
    padding-right: 100px
  }
}

@media (max-width:767px) {
  .popup-canvas-menu-left-content {
    display: none
  }

  .popup-canvas-menu-right-content {
    max-width: 90vw;
    width: 400px
  }
}

@media screen and (min-height:700px) {
  .popup-canvas-menu-right-content {
    padding-top: 100px;
    padding-bottom: 100px
  }
}

@media screen and (max-height:800px) {
  .popup-canvas-menu .menu__container>li>a {
    font-size: 40px
  }

  .popup-canvas-menu .menu__container .children a {
    font-size: 28px
  }
}

@media (max-height:640px) {
  .popup-canvas-menu .menu__container>li>a {
    font-size: 24px
  }

  .popup-canvas-menu .menu__container .children a {
    font-size: 16px
  }
}

@media (max-width:767px) {
  .popup-canvas-menu .menu__container>li>a {
    font-size: 30px
  }
}

.page-open-mobile-menu {
  cursor: pointer
}

.page-open-mobile-menu .burger-icon {
  position: relative;
  width: 24px;
  height: 20px
}

.page-open-mobile-menu .burger-icon-bottom,
.page-open-mobile-menu .burger-icon-top {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  transform: translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.page-open-mobile-menu .burger-icon-bottom:after,
.page-open-mobile-menu .burger-icon-bottom:before,
.page-open-mobile-menu .burger-icon-top:after,
.page-open-mobile-menu .burger-icon-top:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: currentColor;
  opacity: .99
}

.page-open-mobile-menu .burger-icon-bottom:before,
.page-open-mobile-menu .burger-icon-top:before {
  transform-origin: right;
  transform: scaleX(1) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s
}

.page-open-mobile-menu .burger-icon-bottom:after,
.page-open-mobile-menu .burger-icon-top:after {
  transform-origin: left;
  transform: scaleX(0) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.page-open-mobile-menu .burger-icon-top {
  top: 5px
}

.page-open-mobile-menu .burger-icon-bottom {
  bottom: 5px
}

.page-open-mobile-menu .burger-icon-bottom:before {
  transform-origin: left
}

.page-open-mobile-menu .burger-icon-bottom:after {
  transform-origin: right
}

.page-open-mobile-menu:hover .burger-icon-bottom:before,
.page-open-mobile-menu:hover .burger-icon-top:before {
  transform: scaleX(0) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.page-open-mobile-menu:hover .burger-icon-bottom:after,
.page-open-mobile-menu:hover .burger-icon-top:after {
  transform: scaleX(1) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s
}

.page-open-mobile-menu .burger-title {
  font-size: 13px;
  font-weight: var(--edumall-typography-headings-font-weight);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 0 14px
}

.page-close-mobile-menu {
  position: relative;
  cursor: pointer;
  height: 40px;
  width: 40px;
  flex-shrink: 0;
  color: #111
}

.page-close-mobile-menu .burger-icon-bottom,
.page-close-mobile-menu .burger-icon-top {
  display: block;
  position: absolute;
  top: 19px;
  left: 5px;
  width: 29px;
  height: 2px;
  transform: translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.page-close-mobile-menu .burger-icon-bottom:after,
.page-close-mobile-menu .burger-icon-bottom:before,
.page-close-mobile-menu .burger-icon-top:after,
.page-close-mobile-menu .burger-icon-top:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: currentColor;
  opacity: .99
}

.page-close-mobile-menu .burger-icon-bottom:before,
.page-close-mobile-menu .burger-icon-top:before {
  transform-origin: right;
  transform: scaleX(1) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s
}

.page-close-mobile-menu .burger-icon-bottom:after,
.page-close-mobile-menu .burger-icon-top:after {
  transform-origin: left;
  transform: scaleX(0) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.page-close-mobile-menu .burger-icon-top {
  transform: rotate(-45deg)
}

.page-close-mobile-menu .burger-icon-bottom {
  transform: rotate(225deg)
}

.page-close-mobile-menu .burger-icon-bottom:before {
  transform-origin: left
}

.page-close-mobile-menu .burger-icon-bottom:after {
  transform-origin: right
}

.page-close-mobile-menu:hover .burger-icon-bottom:before,
.page-close-mobile-menu:hover .burger-icon-top:before {
  transform: scaleX(0) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.page-close-mobile-menu:hover .burger-icon-bottom:after,
.page-close-mobile-menu:hover .burger-icon-top:after {
  transform: scaleX(1) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s
}

.page-mobile-menu-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  padding: 0 15px 0 30px;
  height: 80px;
  align-items: center
}

.page-mobile-menu-logo {
  flex-grow: 1
}

.page-mobile-menu-opened {
  overflow: hidden
}

.page-mobile-menu-opened.mobile-menu-push-to-right .site {
  transform: translateX(350px)
}

.page-mobile-menu-opened.mobile-menu-push-to-left .site {
  transform: translateX(-350px)
}

.mobile-menu-push-to-left .page-mobile-main-menu>.inner,
.mobile-menu-slide-to-left .page-mobile-main-menu>.inner {
  float: right;
  transform: translateX(100%)
}

.page-mobile-main-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background: rgba(0, 0, 0, .7);
  visibility: hidden;
  opacity: 0
}

.admin-bar .page-mobile-main-menu {
  top: 32px;
  height: calc(100% - 32px)
}

.page-mobile-main-menu>.inner {
  position: relative;
  height: 100%;
  max-width: 90%;
  text-align: left;
  transition: all .3s;
  padding-top: 80px;
  transform: translateX(-100%);
  cursor: default;
  background: #fff;
  width: 360px
}

.page-mobile-main-menu>.inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.page-mobile-menu-opened .page-mobile-main-menu {
  visibility: visible;
  opacity: 1
}

.page-mobile-menu-opened .page-mobile-main-menu>.inner {
  transform: translateX(0)
}

.page-mobile-main-menu ul {
  margin: 0;
  padding: 0
}

.page-mobile-main-menu li {
  margin: 0;
  display: block;
  list-style-type: none
}

.page-mobile-main-menu li.opened>a .toggle-sub-menu:after {
  content: "\f106"
}

.page-mobile-main-menu .sub-menu {
  display: none;
  margin: 14px 0
}

.page-mobile-main-menu .sub-menu .sub-menu {
  margin-left: 10px
}

.page-mobile-main-menu .simple-menu a {
  padding: 8px 0
}

.page-mobile-main-menu .menu__container {
  padding: 0;
  margin: 20px 30px 100px
}

.page-mobile-main-menu .menu__container>li>a {
  padding: 10px 0;
  border: 0;
  border-color: transparent
}

.page-mobile-main-menu .menu__container>li+li>a {
  border-top: 1px solid transparent
}

.page-mobile-main-menu .menu__container>li.opened>a {
  border-bottom: 1px solid transparent
}

.page-mobile-main-menu .menu__container a {
  position: relative;
  display: block
}

.page-mobile-main-menu .menu__container a .tm-button {
  display: inline-flex
}

.page-mobile-main-menu .mega-menu {
  margin-top: 30px;
  margin-bottom: 30px
}

.page-mobile-main-menu .insight-core-bmw li,
.page-mobile-main-menu .widget_nav_menu li {
  margin: 0;
  padding: 0;
  border: 0
}

.page-mobile-main-menu .toggle-sub-menu {
  position: absolute;
  top: 50%;
  right: 0;
  width: 40px;
  height: 40px;
  background: hsla(0, 0%, 100%, .1);
  color: #fff;
  text-align: center;
  line-height: 40px;
  transform: translateY(-50%);
  border-radius: 50%
}

.page-mobile-main-menu .toggle-sub-menu:after {
  content: "\f107";
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.page-mobile-main-menu .toggle-sub-menu:hover {
  background: hsla(0, 0%, 100%, .2)
}

.page-mobile-main-menu .mega-menu-content .container {
  max-width: 100%
}

.page-mobile-main-menu .mega-menu-content .container>.row>.col-md-12 {
  padding-left: 0;
  padding-right: 0
}

.page-mobile-menu-content {
  overflow-y: auto;
  height: calc(100vh - 80px)
}

.handheld .page-mobile-menu-content {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}

@media screen and (max-width:782px) {
  .admin-bar .page-mobile-main-menu {
    top: 46px;
    height: calc(100% - 46px)
  }
}

@media screen and (max-width:600px) {
  .admin-bar .page-mobile-main-menu {
    top: 0;
    height: 100%
  }
}

.desktop-menu .page-open-mobile-menu {
  display: none !important
}

.mobile-menu .mega-menu .mega-menu-content>.container {
  padding-left: 0;
  padding-right: 0
}

.mobile-menu .mega-menu .elementor-row {
  flex-wrap: wrap
}

.mobile-menu .mega-menu .elementor-column {
  width: 100% !important
}

.mobile-menu .mega-menu .elementor-column+.elementor-column {
  margin-top: 30px
}

.mobile-menu .mega-menu .elementor-heading-title {
  color: #fff !important
}

.mobile-menu .mega-menu .col-xs-12 {
  padding-left: 0;
  padding-right: 0
}

.page-scroll-up {
  position: fixed;
  right: 30px;
  bottom: -60px;
  z-index: 999;
  background-color: var(--edumall-color-primary);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
  display: block;
  padding: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-align: center;
  font-size: 25px;
  line-height: 60px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  overflow: hidden
}

.page-scroll-up i {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff
}

.page-scroll-up .arrow-top {
  transform: translate(-50%, -50%)
}

.page-scroll-up .arrow-bottom {
  transform: translate(-50%, 80px)
}

.page-scroll-up.show {
  bottom: 30px;
  opacity: 1;
  visibility: visible
}

.page-scroll-up:hover .arrow-top {
  transform: translate(-50%, -80px)
}

.page-scroll-up:hover .arrow-bottom {
  transform: translate(-50%, -50%)
}

.popup-close-button {
  position: fixed;
  top: 40px;
  right: 55px;
  z-index: 100000;
  visibility: hidden;
  opacity: 0;
  cursor: pointer;
  height: 40px;
  width: 40px;
  color: #111;
  transition: all .3s linear .1s
}

.popup-close-button .burger-icon-bottom,
.popup-close-button .burger-icon-top {
  display: block;
  position: absolute;
  top: 19px;
  left: 5px;
  width: 29px;
  height: 3px;
  transform: translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.popup-close-button .burger-icon-bottom:after,
.popup-close-button .burger-icon-bottom:before,
.popup-close-button .burger-icon-top:after,
.popup-close-button .burger-icon-top:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: currentColor;
  opacity: .99
}

.popup-close-button .burger-icon-bottom:before,
.popup-close-button .burger-icon-top:before {
  transform-origin: right;
  transform: scaleX(1) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s
}

.popup-close-button .burger-icon-bottom:after,
.popup-close-button .burger-icon-top:after {
  transform-origin: left;
  transform: scaleX(0) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.popup-close-button .burger-icon-top {
  transform: rotate(-45deg)
}

.popup-close-button .burger-icon-bottom {
  transform: rotate(225deg)
}

.popup-close-button .burger-icon-bottom:before {
  transform-origin: left
}

.popup-close-button .burger-icon-bottom:after {
  transform-origin: right
}

.popup-close-button:hover .burger-icon-bottom:before,
.popup-close-button:hover .burger-icon-top:before {
  transform: scaleX(0) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.popup-close-button:hover .burger-icon-bottom:after,
.popup-close-button:hover .burger-icon-top:after {
  transform: scaleX(1) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .2s
}

.page-popup {
  transition: all .5s ease-in-out;
  transition-delay: .5s;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  visibility: hidden;
  overflow: hidden;
  opacity: 0
}

.page-popup.open {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s
}

.page-popup.open .popup-close-button {
  transition-delay: .6s;
  visibility: visible;
  opacity: 1
}

.admin-bar .popup-close-button {
  top: 72px
}

.admin-bar .page-search-popup {
  top: 32px;
  height: calc(100% - 32px)
}

.page-search-popup .page-search-popup-content {
  display: flex;
  align-items: center;
  height: 100%
}

.page-search-popup .search-form {
  position: relative;
  color: #086ad8;
  width: 1170px;
  max-width: 90%;
  margin: 0 auto;
  transform: translateY(50px);
  transition: all .5s ease-in-out, opacity .5s linear;
  transition-delay: 0s;
  opacity: 0
}

.page-search-popup .search-field {
  font-size: 50px;
  height: 100px;
  background-color: transparent !important;
  border: 0 solid #111;
  border-bottom-width: 3px;
  border-radius: 0;
  padding: 15px 50px 15px 0;
  color: inherit;
  border-color: var(--edumall-color-primary)
}

.page-search-popup .search-submit {
  display: none
}

.page-search-popup.open .search-form {
  opacity: 1;
  transform: none;
  transition-delay: .6s
}

@media (max-width:1024px) {
  .page-search-popup .search-field {
    font-size: 40px
  }
}

@media screen and (max-width:782px) {
  .admin-bar .page-search-popup {
    top: 46px;
    height: calc(100% - 46px)
  }
}

@media screen and (max-width:600px) {
  .admin-bar .page-search-popup {
    top: 0;
    height: 100%
  }
}

.boxed {
  margin: 0 auto;
  max-width: 1200px;
  box-shadow: 0 0 30px rgba(0, 0, 0, .06)
}

.site {
  display: flex;
  flex-direction: column;
  overflow: hidden
}

.site .content-wrapper {
  flex-grow: 1
}

@supports (overflow-x:clip) {
  .edumall-tutor-site-shell .site {
    overflow-x: clip;
    overflow-y: visible
  }
}

.page-main-content,
.page-sidebar {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%
}

.elementor-footer>.container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0
}

@media (min-width:1200px) {
  .container {
    max-width: 1510px;
    padding-left: 50px;
    padding-right: 50px
  }

  .container.small-gutter {
    max-width: 1440px;
    padding-left: 15px;
    padding-right: 15px
  }

  .container.container-small {
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px
  }

  .elementor-section>.elementor-container {
    max-width: 1510px
  }

  .elementor-section.elementor-top-section.elementor-section-boxed>.elementor-container,
  .elementor-section.elementor-top-section.elementor-section-full_width .elementor-inner-section>.elementor-container {
    padding-left: 35px;
    padding-right: 35px
  }

  .elementor-section.elementor-section-full_width>.elementor-container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
  }
}

.embed-responsive,
.video-player {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0;
  height: 0;
  border-radius: 5px;
  margin: 45px 0 42px
}

.embed-responsive iframe,
.video-player iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}

.embed-responsive-16by9,
.video-player {
  padding-bottom: 56.25%
}

.instagram-media {
  max-width: 100% !important
}

.no-padding {
  padding: 0 !important
}

.full-height {
  min-height: 100vh
}

.admin-bar .full-height {
  min-height: calc(100vh - 32px)
}

.col-content-middle {
  display: flex;
  align-items: center
}

.font-100 {
  font-weight: 100 !important
}

.font-200 {
  font-weight: 200 !important
}

.font-300 {
  font-weight: 300 !important
}

.font-400 {
  font-weight: 400 !important
}

.font-500 {
  font-weight: 500 !important
}

.font-600 {
  font-weight: 600 !important
}

.font-700 {
  font-weight: 700 !important
}

.font-800 {
  font-weight: 800 !important
}

.font-900 {
  font-weight: 900 !important
}

.display-inline {
  display: inline !important
}

.display-inline-block {
  display: inline-block !important
}

.display-block {
  display: block !important
}

.display-none {
  display: none !important
}

.image-rounded img {
  border-radius: inherit
}

.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important
}

.text-stroke-01 {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: currentColor
}

.row-no-gutter {
  margin-left: 0;
  margin-right: 0
}

.row-no-gutter>[class*=col] {
  padding-left: 0;
  padding-right: 0
}

.hide {
  display: none
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px
}

.row-flex .col-grow,
.row-flex .col-shrink {
  padding-left: 15px;
  padding-right: 15px
}

.row-flex .col-grow {
  flex-grow: 1
}

.row-flex .col-shrink {
  flex-shrink: 0
}

.row-middle {
  align-items: center
}

.inline-flex-center {
  display: inline-flex;
  align-items: center
}

@media (max-width:767px) {
  .sm-position-static {
    position: static !important
  }

  .sm-transform-none {
    transform: none !important
  }
}

.comments-area {
  padding-top: 20px;
  margin-top: 30px
}

.comment-content a {
  word-wrap: break-word
}

.comment-notes,
.logged-in-as {
  margin: -15px 0 26px
}

.bypostauthor {
  display: block
}

.comment-reply-title,
.comments-title {
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.6
}

.comments-title {
  margin-bottom: 24px
}

.comments-title .count {
  font-size: 14px;
  color: var(--edumall-color-text-lighten)
}

.comments-wrap {
  margin-bottom: 62px
}

.comment-list {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.comment-list .comment,
.comment-list .pingback,
.comment-list .trackback {
  list-style-type: none;
  margin-bottom: 30px
}

.comment-list .comment .comment-actions a:hover,
.comment-list .pingback .comment-actions a:hover,
.comment-list .trackback .comment-actions a:hover {
  color: var(--edumall-color-primary)
}

.comment-list .comment,
.comment-list .pingback,
.comment-list .trackback {
  padding-bottom: 27px;
  border-bottom: 1px solid var(--edumall-color-box-border)
}

.comment-list .comment:last-child,
.comment-list .pingback:last-child,
.comment-list .trackback:last-child {
  margin-bottom: 0
}

.comment-list .pingback,
.comment-list .trackback {
  padding-left: 0
}

.comment-list .pingback .comment-content,
.comment-list .trackback .comment-content {
  margin-left: 0
}

.comment-list>.comment:last-child,
.comment-list>.pingback:last-child,
.comment-list>.trackback:last-child {
  margin-bottom: 0
}

.comment-list .children {
  padding: 0
}

.comment-list .children>li {
  padding-left: 61px;
  margin-bottom: 0;
  margin-top: 30px;
  padding-bottom: 0;
  padding-top: 28px;
  border-bottom: 0;
  border-top: 1px solid var(--edumall-color-box-border)
}

.comment-list .comment-header {
  margin-bottom: 9px
}

.comment-list .comment-author {
  float: left
}

.comment-list .comment-author img {
  border-radius: 50%
}

.comment-list .comment-content {
  position: relative;
  overflow: hidden;
  margin-left: 90px
}

.comment-list .meta {
  margin-bottom: 4px
}

.comment-list .fn {
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 0
}

.comment-list .fn a {
  font-style: inherit;
  font-size: inherit;
  color: inherit
}

.comment-list .description {
  line-height: 2.14
}

.comment-list .comment-footer {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
  color: var(--edumall-color-text-lighten);
  font-size: 13px
}

.comment-list .comment-datetime {
  margin: 0 10px 0 0
}

.comment-list .comment-actions a {
  color: var(--edumall-color-heading);
  font-weight: var(--edumall-typography-headings-font-weight);
  margin: 0 10px 0 0
}

.comment-list .comment-awaiting-messages {
  display: block
}

.comment-list .comment-respond {
  margin-top: 30px
}

.comment-form textarea {
  height: 140px;
  padding: 19px 20px 3px
}

.comment-form input[type=email],
.comment-form input[type=text] {
  width: 100%
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
  margin: 0 0 20px
}

.comment-form p.form-submit {
  margin: 25px 0 0
}

.comment-form .submit {
  min-width: 150px
}

.comment-form-cookies-consent {
  margin: 20px 0
}

.comment-form-cookies-consent label {
  cursor: pointer
}

@media (max-width:1199px) {
  .comment-list .vcard img {
    width: 50px
  }

  .comment-list .comment-content {
    margin-left: 70px
  }

  .comment-list .children>li {
    padding-left: 35px
  }
}

@media (max-width:767px) {
  .comment-list .comment {
    margin-top: 25px;
    padding-top: 30px
  }

  .comment-list .vcard img {
    width: 40px
  }

  .comment-list .comment-content {
    margin-left: 60px
  }

  .comment-list .children>li {
    padding-left: 20px
  }

  .comment-form textarea {
    height: 120px
  }
}

.fa:before,
.fab:before,
.fal:before,
.far:before,
.fas:before {
  font-family: inherit !important;
  font-weight: inherit !important
}

.rev-btn .left-icon {
  margin-right: 10px !important
}

.rev-btn .right-icon {
  margin-left: 10px !important
}

html .row:after,
html .row:before {
  display: block
}

.modern-grid {
  display: grid;
  gap: calc(1px * var(--grid-gutter, 30))
}

.modern-grid.flex-item .grid-item {
  display: flex
}

.modern-grid>* {
  min-width: 0;
  min-height: 0
}

.grid-width-2 {
  grid-column: span 2
}

.grid-height-2 {
  grid-row: span 2
}

@media (max-width:767px) {
  .grid-width-2 {
    grid-column: span 1
  }

  .grid-height-2 {
    grid-row: span 1
  }
}

@media (min-width:768px) {
  .grid-sm-1 {
    grid-template-columns: repeat(1, 1fr)
  }

  .grid-sm-2 {
    grid-template-columns: repeat(2, 1fr)
  }

  .grid-sm-3 {
    grid-template-columns: repeat(3, 1fr)
  }

  .grid-sm-4 {
    grid-template-columns: repeat(4, 1fr)
  }

  .grid-sm-5 {
    grid-template-columns: repeat(5, 1fr)
  }

  .grid-sm-6 {
    grid-template-columns: repeat(6, 1fr)
  }

  .grid-sm-normal-gutter {
    grid-column-gap: 30px
  }

  .grid-sm-large-gutter {
    grid-column-gap: 60px
  }
}

@media (min-width:992px) {
  .grid-md-1 {
    grid-template-columns: repeat(1, 1fr)
  }

  .grid-md-2 {
    grid-template-columns: repeat(2, 1fr)
  }

  .grid-md-3 {
    grid-template-columns: repeat(3, 1fr)
  }

  .grid-md-4 {
    grid-template-columns: repeat(4, 1fr)
  }

  .grid-md-5 {
    grid-template-columns: repeat(5, 1fr)
  }

  .grid-md-6 {
    grid-template-columns: repeat(6, 1fr)
  }

  .grid-md-normal-gutter {
    grid-column-gap: 30px
  }

  .grid-md-large-gutter {
    grid-column-gap: 60px
  }
}

@media (min-width:1200px) {
  .grid-lg-1 {
    grid-template-columns: repeat(1, 1fr)
  }

  .grid-lg-2 {
    grid-template-columns: repeat(2, 1fr)
  }

  .grid-lg-3 {
    grid-template-columns: repeat(3, 1fr)
  }

  .grid-lg-4 {
    grid-template-columns: repeat(4, 1fr)
  }

  .grid-lg-5 {
    grid-template-columns: repeat(5, 1fr)
  }

  .grid-lg-6 {
    grid-template-columns: repeat(6, 1fr)
  }

  .grid-lg-normal-gutter {
    grid-column-gap: 30px
  }

  .grid-lg-large-gutter {
    grid-column-gap: 60px
  }
}

.page-loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
  transition: opacity .5s
}

.page-loading .sk-wrap {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  font-size: 0
}

.page-loading .sk-wrap .sk-circle {
  margin: 0 auto
}

.page-loading .sk-wandering-cubes .sk-cube {
  width: 16px;
  height: 16px
}

.page-loading .sk-three-bounce {
  width: 80px;
  height: 20px
}

.page-loading .sk-three-bounce .sk-child {
  display: block;
  float: left
}

.page-loading .sk-three-bounce .sk-bounce2 {
  margin: 0 10px
}

.page-loading .sk-wave>div {
  width: 7px;
  margin: 0 2px
}

.page-load-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.preloader-wrap {
  display: table;
  width: 100%;
  height: 100%
}

.preloader-wrap .wrap-2 {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

body.loaded .page-loading {
  opacity: 0;
  pointer-events: none
}

#adminbarsearch input {
  min-height: 0
}

.admin-bar .headroom.headroom--not-top .page-header-inner {
  top: 32px
}

@media screen and (max-width:782px) {
  .admin-bar .headroom.headroom--not-top .page-header-inner {
    top: 46px
  }
}

@media screen and (max-width:600px) {
  .admin-bar .headroom.headroom--not-top .page-header-inner {
    top: 0
  }
}

.lg-backdrop {
  z-index: 999998 !important
}

.lg-outer {
  direction: ltr;
  z-index: 999999 !important
}

.lg-sub-html * {
  color: inherit
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
  border: 0
}

.lg-actions .lg-next:after,
.lg-actions .lg-next:before,
.lg-actions .lg-prev:after,
.lg-actions .lg-prev:before {
  color: #fff
}

.lg-progress-bar .lg-progress {
  background-color: var(--edumall-color-primary) !important
}

.tm-swiper {
  position: relative;
  z-index: 1
}

.tm-swiper:hover .swiper-nav-button {
  opacity: 1;
  visibility: visible
}

.tm-swiper .swiper-inner {
  position: relative
}

.tm-swiper .swiper {
  width: 100%
}

.tm-swiper .swiper-slide {
  box-sizing: border-box;
  text-align: left;
  overflow: visible
}

.tm-swiper.v-stretch>.swiper-inner>.swiper>.swiper-wrapper>.swiper-slide {
  height: auto
}

.tm-swiper.v-stretch>.swiper-inner>.swiper>.swiper-wrapper>.swiper-slide>div {
  height: 100%
}

.tm-swiper.v-top>.swiper-inner>.swiper>.swiper-wrapper>.swiper-slide {
  display: flex;
  align-self: start
}

.tm-swiper.v-middle>.swiper-inner>.swiper>.swiper-wrapper>.swiper-slide {
  display: flex;
  align-self: center
}

.tm-swiper.v-bottom>.swiper-inner>.swiper>.swiper-wrapper>.swiper-slide {
  display: flex;
  align-self: flex-end
}

.tm-swiper.h-left>.swiper-inner>.swiper>.swiper-wrapper>.swiper-slide {
  display: flex;
  justify-content: flex-start
}

.tm-swiper.h-center>.swiper-inner>.swiper>.swiper-wrapper>.swiper-slide {
  display: flex;
  justify-content: center
}

.tm-swiper.h-right>.swiper-inner>.swiper>.swiper-wrapper>.swiper-slide {
  display: flex;
  justify-content: flex-end
}

.tm-swiper[data-autoplay="1"] .swiper-wrapper {
  transition-timing-function: linear !important
}

.tm-swiper.highlight-centered-items .swiper-slide {
  transition: opacity .25s linear
}

.tm-swiper.highlight-centered-items .swiper-slide:not(.swiper-slide-active) {
  opacity: .4
}

.tm-swiper:not(.bullets-v-align-below) .swiper-pagination-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none
}

.tm-swiper .swiper-pagination-container .col-md-12,
.tm-swiper .swiper-pagination-container .container,
.tm-swiper .swiper-pagination-container .row {
  height: 100%
}

.tm-swiper .swiper-pagination-wrap {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center
}

.tm-swiper .swiper-pagination-inner {
  pointer-events: auto
}

.tm-swiper .swiper-pagination {
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
  width: auto
}

.tm-swiper .swiper-pagination.swiper-pagination-progressbar {
  width: 100%;
  height: 3px;
  left: 0;
  top: 0;
  background: #bbb
}

.tm-swiper .swiper-pagination.swiper-pagination-custom {
  top: auto;
  left: auto;
  bottom: auto;
  right: auto
}

.tm-swiper.bullets-v-align-below .swiper-pagination-wrap {
  position: static;
  margin-top: 24px
}

.tm-swiper .swiper-pagination-bullets {
  line-height: 1
}

.tm-swiper .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  margin: 0 7px;
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  opacity: 1;
  position: relative;
  outline: none;
  color: #c1c1c1
}

.tm-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active,
.tm-swiper .swiper-pagination-bullet:hover {
  color: var(--edumall-color-heading)
}

.tm-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  cursor: default
}

.tm-swiper .swiper-pagination-bullet:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  width: 8px;
  height: 8px;
  background: currentColor;
  z-index: 1
}

.tm-swiper .swiper-pagination-bullet:only-child {
  visibility: hidden
}

.tm-swiper .fraction {
  display: inline-block
}

.tm-swiper .fraction span {
  display: inline-block;
  vertical-align: top
}

.tm-swiper .fraction .text-prefix {
  margin: 0 5px 0 0
}

.tm-swiper.bullets-vertical .swiper-pagination-bullet {
  display: block;
  margin: 0
}

.tm-swiper.bullets-vertical .swiper-pagination-bullet+.swiper-pagination-bullet {
  margin-top: 10px
}

.tm-swiper.pagination-style-02 .swiper-pagination-bullet {
  width: 22px;
  margin: 0 4px
}

.tm-swiper.pagination-style-02 .swiper-pagination-bullet:before {
  border-radius: 0;
  width: 22px;
  height: 4px
}

.tm-swiper.pagination-style-03 .fraction {
  font-size: 15px;
  font-weight: var(--edumall-typography-headings-font-weight);
  color: var(--edumall-color-heading)
}

.tm-swiper.pagination-style-03 .fraction .separator {
  width: 60px;
  height: 1px;
  background: currentColor;
  margin-left: 15px;
  margin-right: 15px
}

.tm-swiper.pagination-style-03 .fraction .current {
  font-weight: 700
}

.tm-swiper.pagination-style-03 .fraction span {
  vertical-align: middle
}

.tm-swiper.pagination-style-04 .swiper-pagination-inner {
  width: 94px;
  height: 94px;
  line-height: 94px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .05)
}

.tm-swiper.pagination-style-04 .fraction {
  font-size: 15px;
  font-weight: var(--edumall-typography-headings-font-weight);
  color: var(--edumall-color-heading);
  letter-spacing: 1px
}

.tm-swiper.pagination-style-04 .swiper-pagination-inner {
  position: relative
}

.tm-swiper.pagination-style-04 .swiper-alt-arrow-button {
  position: absolute;
  width: 21px;
  height: 21px;
  left: 50%;
  top: 50%;
  z-index: 12;
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer
}

.tm-swiper.pagination-style-04 .swiper-alt-arrow-prev {
  transform: translate(-10px, -35px);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAAXNSR0IArs4c6QAAAJZJREFUGBltjUEKwyAURNVCs4klTREUWnsAz5P75LRZZCMFCVoj1lkk2LSz8H/nzfAJOWgYhpNS6ol5QOTHsNZq7/1lmqbGOfeqC19hKaUIIdwQWNe16boul8KyFfawEKKNMT42gJlSajnnS9Ebf4bHGHMuQGM/Cj44fDaOI5vnWeec9yt1AT44crTv+3sxrnXg304ptR/PET/We1JFoAAAAABJRU5ErkJggg==")
}

.tm-swiper.pagination-style-04 .swiper-alt-arrow-next {
  transform: translate(-10px, 15px);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAAXNSR0IArs4c6QAAAKBJREFUGBmFjb0KwyAUhWsaqoUMUcgQ6FLo5iv4TL6tW6FLiWKGhiIWgmK9BUNxaO9y7s93zkWMsVNKie7+FELo0Ugpp7ZtX79YuAOHAOKcH7TWl/xhX5tyYhzH8aqUWj8wAMMwdCGEcw3n1Ns8zw72W5L3fu37PsUYu2LAGBtr7VLmDYaFc85TSo/5AyaEPI0xUwFBm+8BeiHEHUDQ+vYGfjU7ajWU+XYAAAAASUVORK5CYII=")
}

.tm-swiper.pagination-style-04.bullets-horizontal .swiper-alt-arrow-prev {
  transform: translate(-40px, -11px) rotate(-90deg)
}

.tm-swiper.pagination-style-04.bullets-horizontal .swiper-alt-arrow-next {
  transform: translate(20px, -11px) rotate(-90deg)
}

.tm-swiper.pagination-style-05 .swiper-pagination-bullet {
  width: 32px;
  height: 32px;
  margin: 0 4px;
  color: var(--edumall-color-heading)
}

.tm-swiper.pagination-style-05 .swiper-pagination-bullet:before {
  width: 6px;
  height: 6px
}

.tm-swiper.pagination-style-05 .swiper-pagination-bullet:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  opacity: 0;
  border: 1px solid transparent;
  border-radius: 50%
}

.tm-swiper.pagination-style-05 .swiper-pagination-bullet.swiper-pagination-bullet-active:after,
.tm-swiper.pagination-style-05 .swiper-pagination-bullet:hover:after {
  opacity: 1;
  border-color: currentColor
}

.tm-swiper.pagination-style-05 .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  opacity: .5;
  width: 100%;
  height: 100%
}

.tm-swiper.pagination-style-06 .swiper-pagination-bullet {
  transition: width .25s cubic-bezier(.645, .045, .355, 1);
  margin: 0 4px
}

.tm-swiper.pagination-style-06 .swiper-pagination-bullet:before {
  width: 12px;
  height: 12px;
  border-radius: 6px
}

.tm-swiper.pagination-style-06 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 48px
}

.tm-swiper.pagination-style-06 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  width: 40px
}

.tm-swiper.pagination-style-07 .fraction {
  font-size: 15px;
  line-height: 26px;
  font-weight: var(--edumall-typography-headings-font-weight);
  color: var(--edumall-color-heading)
}

.tm-swiper .swiper-nav-buttons-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none
}

.tm-swiper .swiper-nav-buttons-wrap .col-md-12,
.tm-swiper .swiper-nav-buttons-wrap .container,
.tm-swiper .swiper-nav-buttons-wrap .row {
  height: 100%
}

.tm-swiper .swiper-nav-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%
}

.tm-swiper .swiper-nav-button {
  transition: all .25s cubic-bezier(.645, .045, .355, 1), visibility .25s linear 2s, opacity .25s linear 2s;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
  width: 52px;
  height: 52px;
  font-size: 18px;
  color: var(--edumall-color-heading);
  background: var(--edumall-color-box-white-background);
  border: 0 solid transparent;
  border-radius: 50%;
  box-shadow: 0 0 7px rgba(0, 0, 0, .09);
  opacity: 0;
  visibility: hidden;
  transform: none;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin: 10px;
  pointer-events: auto
}

.tm-swiper .swiper-nav-button.swiper-button-disabled {
  opacity: 1;
  cursor: auto;
  pointer-events: auto
}

.tm-swiper .swiper-nav-button.swiper-button-disabled>* {
  opacity: .5
}

.tm-swiper .swiper-nav-button:hover {
  border-color: var(--edumall-color-primary);
  background: var(--edumall-color-primary);
  color: #fff
}

.tm-swiper .swiper-nav-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.tm-swiper .swiper-nav-button:after {
  display: none
}

.tm-swiper.nav-show-always .swiper-nav-button {
  opacity: 1;
  visibility: visible
}

.tm-swiper .swiper-button-prev i:before {
  content: "\f104"
}

.tm-swiper .swiper-button-next i:before {
  content: "\f105"
}

.tm-swiper .nav-button-text {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 13px;
  font-weight: var(--edumall-typography-headings-font-weight);
  text-transform: uppercase;
  letter-spacing: 1px
}

.tm-swiper.nav-style-02 .swiper-nav-button {
  border-top-width: 0 !important;
  border-bottom-width: 0 !important;
  height: 100px;
  width: 100px;
  border-radius: 0
}

.tm-swiper.nav-style-02 .nav-button-text {
  display: block
}

.tm-swiper.nav-style-02 .nav-button-icon {
  display: none
}

.tm-swiper.nav-style-02 .swiper-button-prev {
  border-left: 0 !important;
  border-right: 1px solid #fff
}

.tm-swiper.nav-style-02 .swiper-button-next {
  border-right: 0 !important;
  border-left: 1px solid #fff
}

@media (min-width:1200px) {
  .tm-swiper.nav-style-01 .swiper-button-prev {
    transform: translate(-36px)
  }

  .tm-swiper.nav-style-01 .swiper-button-next {
    transform: translate(36px)
  }
}

@media (max-width:766px) {
  .tm-swiper[data-sm-items=auto] .swiper-slide {
    width: auto !important
  }

  .tm-swiper[data-sm-items=auto] .swiper-slide img {
    width: auto
  }
}

@media (min-width:767px) {
  .tm-swiper[data-md-items=auto] .swiper-slide {
    width: auto !important
  }

  .tm-swiper[data-md-items=auto] .swiper-slide img {
    width: auto
  }
}

@media (min-width:1024px) {
  .tm-swiper[data-lg-items=auto] .swiper-slide {
    width: auto !important
  }

  .tm-swiper[data-lg-items=auto] .swiper-slide img {
    width: auto
  }
}

.mfp-close.mfp-close {
  background: none !important;
  border: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  transform: translateY(-100%);
  cursor: pointer;
  text-align: center;
  color: #fff !important;
  font-size: 0;
  opacity: 1
}

.mfp-close.mfp-close:before {
  font-size: 24px;
  content: "\f00d"
}

.mfp-bg.mfp-bg {
  background: #000;
  opacity: .4;
  z-index: 100000 !important
}

.mfp-wrap.mfp-wrap {
  z-index: 100001 !important
}

.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: .5
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all .15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0
}

#growls-bc,
#growls-bl,
#growls-br,
#growls-cc,
#growls-cl,
#growls-cr,
#growls-default,
#growls-tc,
#growls-tl,
#growls-tr,
.ontop {
  z-index: 100009 !important
}

#growls-br {
  right: 15px !important;
  bottom: 15px !important
}

.growl.growl {
  opacity: 1;
  font-size: 14px;
  border-radius: 5px;
  max-width: calc(90vw - 30px)
}

.growl.growl.growl-default {
  color: var(--edumall-color-text);
  background: var(--edumall-color-box-white-background);
  border: 1px solid var(--edumall-color-box-white-border);
  box-shadow: 0 0 30px rgba(0, 0, 0, .12)
}

.growl.growl.growl-large {
  width: 320px;
  padding: 19px 30px 18px
}

.growl.growl.growl-large .growl-close {
  margin-right: -29px;
  margin-top: -9px
}

.growl.growl.growl-medium {
  width: 320px;
  padding: 16px 20px 18px
}

.growl.growl.growl-medium .growl-close {
  margin-right: -20px;
  margin-top: -16px
}

.growl.growl .growl-message {
  line-height: 1.72
}

.growl.growl .growl-close {
  position: relative;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  margin-right: -10px;
  margin-top: -6px;
  font-size: 0
}

.growl.growl .growl-close:before {
  content: "\f00d";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px
}

.growl.growl .growl-close:hover {
  color: var(--edumall-color-primary)
}

#tm-button-cookie-notice-ok {
  font-size: 15px;
  margin-top: 17px
}

.edumall-nice-select,
.edumall-widget-nice-select {
  display: none
}

.edumall-nice-select-wrap {
  display: inline-block;
  position: relative;
  text-align: left;
  width: 100%
}

.edumall-nice-select-wrap .edumall-nice-select-current {
  display: flex;
  align-items: center;
  font-size: 14px;
  background: var(--edumall-color-form-background);
  border: 1px solid var(--edumall-color-form-border);
  color: var(--edumall-color-text-lighten);
  padding: 3px 34px 3px 14px;
  min-height: 52px;
  max-width: 100%;
  border-radius: 5px;
  cursor: default
}

.edumall-nice-select-wrap .edumall-nice-select-current:after {
  content: "\f107";
  color: var(--edumall-color-heading);
  font-size: 15px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%)
}

.edumall-nice-select-wrap .edumall-nice-select-current .label {
  margin-right: 4px
}

.edumall-nice-select-wrap .edumall-nice-select-current .label:before {
  margin-right: 10px
}

.edumall-nice-select-wrap .edumall-nice-select,
.edumall-nice-select-wrap .edumall-nice-select-current .value {
  color: var(--edumall-color-heading);
  font-weight: 500
}

.edumall-nice-select-wrap .edumall-nice-select {
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 9999;
  list-style-type: none;
  margin: 0;
  padding: 5px 0;
  background: var(--edumall-color-box-grey-background);
  border: 0;
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  min-width: 100%;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .2)
}

.edumall-nice-select-wrap .edumall-nice-select li {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  padding: 5px 30px;
  margin: 0
}

.edumall-nice-select-wrap .edumall-nice-select li:hover {
  color: #fff;
  background-color: var(--edumall-color-primary)
}

.edumall-nice-select-wrap .edumall-nice-select li:hover:before {
  color: #fff !important
}

.edumall-nice-select-wrap .edumall-nice-select li.selected:before {
  content: "\f00c";
  position: absolute;
  top: 12px;
  left: 10px;
  font-size: 12px;
  color: var(--edumall-color-primary)
}

.edumall-nice-select-wrap.focused .edumall-nice-select {
  visibility: visible;
  opacity: 1
}

.edumall-nice-select-wrap .edumall-nice-select-current:hover,
.edumall-nice-select-wrap.focused .edumall-nice-select-current {
  color: var(--edumall-color-form-focus-text);
  background: var(--edumall-color-form-focus-background);
  border-color: var(--edumall-color-primary)
}

.edumall-nice-select-wrap.focused .edumall-nice-select-current {
  border-color: var(--edumall-color-primary)
}

.tm-star-rating {
  display: inline-block
}

.tm-star-rating .tm-star-full {
  color: #f7c04d
}

.tm-star-rating .tm-star-full:before {
  content: "\f005"
}

.tm-star-rating.style-01 .tm-star-half:before {
  position: absolute;
  content: "\f089";
  color: #f7c04d
}

.tm-star-rating.style-01 .tm-star-half:after {
  content: "\10f089";
  color: #ccc;
  opacity: 1
}

.tm-star-rating.style-01 .tm-star-empty {
  color: #ccc
}

.tm-star-rating.style-01 .tm-star-empty:before {
  content: "\f005"
}

.tm-star-rating.style-02 .tm-star-half:before {
  position: absolute;
  content: "\f5c0";
  color: #f7c04d
}

.tm-star-rating.style-02 .tm-star-half:after {
  content: "\10f5c0";
  color: #ababab;
  opacity: 1
}

.tm-star-rating.style-02 .tm-star-empty {
  color: #ababab
}

.tm-star-rating.style-02 .tm-star-empty:before {
  content: "\f005"
}

.tm-star-rating.style-03 .tm-star-half:before {
  position: absolute;
  content: "\f5c0";
  color: #f7c04d
}

.tm-star-rating.style-03 .tm-star-half:after {
  content: "\10f5c0";
  color: #f7c04d;
  opacity: 1
}

.tm-star-rating.style-03 .tm-star-empty {
  color: #f7c04d
}

.tm-star-rating.style-03 .tm-star-empty:before {
  content: "\f005"
}

.edumall-progress.style-01 .progress-title {
  font-size: 18px;
  font-weight: 600;
  color: #3f3a64;
  margin: 0 0 16px
}

.edumall-progress.style-01 .progress-bar-wrap {
  height: 32px;
  border-radius: 30px;
  background: #f2f2f2;
  padding: 6px
}

.edumall-progress.style-01 .progress-bar {
  position: relative;
  height: 100%;
  border-radius: inherit
}

.edumall-progress.style-01 .progress-value {
  position: absolute;
  top: 50%;
  margin-top: 1px;
  right: 10px;
  transform: translateY(-50%);
  color: #fff;
  font-size: 12px;
  font-weight: 700
}

.edumall-progress.style-01 .single-progress-bar+.single-progress-bar {
  margin: 50px 0 0
}

.edumall-progress.style-02 .progress-title {
  font-size: 18px;
  font-weight: 600;
  color: #3f3a64;
  margin: 0 0 16px
}

.edumall-progress.style-02 .progress-bar-wrap {
  height: 6px;
  border-radius: 2px;
  background: #eee
}

.edumall-progress.style-02 .progress-bar {
  position: relative;
  height: 100%;
  border-radius: inherit
}

.edumall-progress.style-02 .single-progress-bar+.single-progress-bar {
  margin: 30px 0 0
}

.edumall-progress .progress-bar {
  background-color: var(--edumall-color-primary)
}

.carousel-vertical-3d .carousel-items {
  position: relative;
  transform-style: preserve-3d;
  perspective: 1200px
}

.carousel-vertical-3d .carousel-item {
  backface-visibility: hidden;
  will-change: transform
}

.carousel-vertical-3d .carousel-item * {
  -webkit-user-select: none;
  user-select: none
}

.carousel-vertical-3d .is-bottom,
.carousel-vertical-3d .is-top {
  cursor: pointer
}

.carousel-vertical-3d.carousel-initialized .carousel-item {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0
}

.carousel-vertical-3d.carousel-initialized .carousel-item.is-active,
.carousel-vertical-3d.carousel-initialized .carousel-item.is-bottom,
.carousel-vertical-3d.carousel-initialized .carousel-item.is-top {
  opacity: 1
}

.carousel-vertical-3d.carousel-initialized .carousel-item>:only-child {
  margin-bottom: 0
}

.carousel-vertical-3d.carousel-initialized .carousel-item.is-active {
  position: relative;
  top: auto;
  left: auto
}

.carousel-vertical-3d.carousel-initialized .carousel-item.is-moving.was-bottom,
.carousel-vertical-3d.carousel-initialized .carousel-item.is-moving.was-top {
  opacity: 1;
  transition: opacity .1s linear
}

.edumall-tabpanel {
  margin-bottom: 20px
}

.edumall-tabpanel.edumall-tabpanel-horizontal>.edumall-nav-tabs {
  text-align: center;
  border-bottom: 2px solid var(--edumall-color-box-border)
}

.edumall-tabpanel.edumall-tabpanel-horizontal>.edumall-nav-tabs li {
  display: inline-block;
  margin-bottom: -2px
}

.edumall-tabpanel.edumall-tabpanel-horizontal>.edumall-nav-tabs li a {
  border-bottom: 2px solid transparent
}

.edumall-tabpanel.edumall-tabpanel-horizontal>.edumall-nav-tabs li.active a {
  border-bottom-color: var(--edumall-color-primary)
}

.edumall-tabpanel.edumall-tabpanel-vertical {
  display: flex;
  align-items: flex-start
}

.edumall-tabpanel.edumall-tabpanel-vertical .edumall-nav-tabs {
  width: 25%;
  flex-shrink: 0
}

.edumall-tabpanel.edumall-tabpanel-vertical .edumall-tab-content {
  flex-grow: 1
}

.edumall-tabpanel.edumall-tabpanel-nav-reversed {
  flex-direction: row-reverse
}

.edumall-tabpanel>.edumall-nav-tabs {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.edumall-tabpanel>.edumall-nav-tabs li {
  position: relative;
  margin: 0
}

.edumall-tabpanel>.edumall-nav-tabs li a {
  display: block;
  text-decoration: none;
  font-size: 20px;
  font-weight: var(--edumall-typography-headings-font-weight);
  padding: 4px 10px;
  position: relative;
  color: #ccc;
  min-height: 38px;
  box-sizing: border-box;
  box-shadow: none
}

.edumall-tabpanel>.edumall-nav-tabs li.active {
  z-index: 2
}

.edumall-tabpanel>.edumall-nav-tabs li.active a,
.edumall-tabpanel>.edumall-nav-tabs li a:hover {
  color: var(--edumall-color-heading)
}

.edumall-tabpanel .tab-mobile-heading {
  cursor: pointer;
  text-decoration: none;
  font-size: 20px;
  font-weight: var(--edumall-typography-headings-font-weight);
  padding: 10px 0;
  position: relative;
  color: var(--edumall-color-text-lighten);
  border-bottom: 2px solid var(--edumall-color-box-border)
}

.edumall-tabpanel .tab-mobile-heading:hover {
  color: var(--edumall-color-heading)
}

.edumall-tabpanel .tab-content {
  display: none;
  padding: 20px
}

.edumall-tabpanel .tab-panel.active .tab-mobile-heading {
  color: var(--edumall-color-heading);
  border-color: var(--edumall-color-primary)
}

.edumall-tabpanel .tab-panel.active .tab-content {
  display: block
}

@media (min-width:768px) {
  .edumall-tabpanel .tab-mobile-heading {
    display: none !important
  }
}

@media (max-width:767px) {
  .edumall-nav-tabs {
    display: none !important
  }
}

.edumall-content-protected-box {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999;
  transform: translate(-50%, -50%);
  width: 300px;
  border: 1px solid #e1b3b3;
  border-radius: 8px;
  padding: 30px;
  background: #ffeded;
  box-shadow: 0 0 40px #ffeded;
  display: none
}

.edumall-content-protected-box .alert-label {
  font-weight: 700
}

.brand-color.facebook {
  color: #567fa9
}

.brand-color.twitter {
  color: #26d0fe
}

.brand-color.linkedin {
  color: #0077b5
}

.brand-color.instagram {
  color: #987545
}

.brand-color.skype {
  color: #13baf7
}

.brand-color.tumblr {
  color: #35465c
}

.brand-color.email {
  color: #dd4b39
}

.select2 {
  min-height: 52px
}

.select2-container .select2-search--dropdown {
  position: relative;
  padding: 5px 20px
}

.select2-container .select2-search--dropdown:after {
  content: "\f002";
  font-size: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40px
}

.select2-container .select2-search--dropdown .select2-search__field {
  padding: 3px 20px;
  min-height: 40px
}

.select2-container .select2-results {
  padding: 0
}

.select2-container .select2-dropdown {
  border-color: #eee;
  border-radius: 5px;
  overflow: hidden;
  top: -1px
}

.select2-container .select2-results__option {
  margin: 0;
  outline: 0;
  padding: 6px 20px
}

.select2-container.select2-container--open .select2-dropdown--below {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.select2.select2-container .select2-selection--single {
  height: 52px;
  border-radius: 5px
}

.select2.select2-container .select2-selection__rendered {
  padding: 0 35px 0 20px !important;
  outline: 0
}

.select2.select2-container .select2-selection__clear:hover {
  color: var(--edumall-color-primary)
}

.select2-drop-active {
  border: 0 !important
}

.select2-container.select2-container.select2-container--default .select2-selection--single {
  outline: 0;
  color: var(--edumall-color-form-text);
  background-color: var(--edumall-color-form-background);
  border: 1px solid var(--edumall-color-form-border)
}

.select2-container.select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  right: 15px;
  transform: translateY(-50%)
}

.select2-container.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px;
  color: inherit;
  border: 0 !important;
  background: none !important
}

.select2-container.select2-container.select2-container--default .select2-search--dropdown .select2-search__field {
  color: var(--edumall-color-form-text);
  background-color: var(--edumall-color-form-background);
  border-color: var(--edumall-color-form-border)
}

.select2-container.select2-container.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  color: var(--edumall-color-form-focus-text);
  background-color: var(--edumall-color-form-focus-background);
  border-color: var(--edumall-color-form-focus-border)
}

.select2-container.select2-container.select2-container--default .select2-selection--multiple {
  outline: 0;
  background-color: var(--edumall-color-form-background);
  border: 1px solid var(--edumall-color-form-border);
  border-radius: 5px
}

.select2-container.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: var(--edumall-color-primary)
}

.select2-container.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 10px 15px 0 !important
}

.select2-container.select2-container.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: var(--edumall-color-form-focus-border);
  border-radius: 5px 5px 0 0
}

.select2-container.select2-container.select2-container--default.select2-container--open .select2-dropdown,
.select2-container.select2-container.select2-container--default.select2-container--open .select2-selection--single {
  color: var(--edumall-color-form-focus-text);
  background-color: var(--edumall-color-form-focus-background);
  border-color: var(--edumall-color-form-focus-border)
}

.select2-container.select2-container.select2-container--default.select2-container--open .select2-results__option[aria-selected=true],
.select2-container.select2-container.select2-container--default.select2-container--open .select2-results__option[data-selected=true],
.select2-container.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #fff;
  background: var(--edumall-color-primary)
}

.ui-datepicker {
  border-radius: 8px;
  box-shadow: 0 0 30px rgba(0, 0, 0, .12);
  padding: 10px;
  width: 240px
}

.ui-datepicker.ui-datepicker {
  background: var(--edumall-color-box-white-background);
  border: 1px solid var(--edumall-color-box-white-border)
}

.ui-datepicker .ui-datepicker-calendar {
  margin: 0
}

.ui-datepicker .ui-datepicker-calendar td,
.ui-datepicker .ui-datepicker-calendar th {
  border: 0;
  border-radius: 4px;
  line-height: 26px
}

.ui-datepicker .ui-datepicker-calendar td {
  padding: 0;
  height: auto !important
}

.ui-datepicker .ui-datepicker-calendar td a {
  display: block;
  min-width: 30px;
  height: 28px;
  line-height: 28px
}

.ui-datepicker .ui-datepicker-calendar td:hover {
  border-radius: 5px !important;
  background-color: transparent !important;
  color: inherit !important;
  border: none !important
}

.ui-datepicker .ui-datepicker-header {
  margin: 0 0 10px
}

.ui-datepicker .ui-datepicker-title {
  font-size: 14px;
  font-weight: var(--edumall-typography-headings-font-weight) !important;
  text-transform: capitalize;
  line-height: 32px;
  padding: 4px 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month,
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
  font-size: inherit;
  font-weight: inherit;
  color: inherit
}

.ui-datepicker .ui-datepicker-title select {
  min-height: 32px;
  line-height: 30px;
  width: 50%;
  padding: 0 5px;
  background-position: center right 5px;
  margin: 0 2px
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  font-size: 14px;
  height: 40px;
  min-width: 40px;
  line-height: 40px;
  cursor: pointer;
  margin: 0;
  text-align: center
}

.ui-datepicker .ui-datepicker-prev:before {
  content: "\f104"
}

.ui-datepicker .ui-datepicker-next:before {
  content: "\f105"
}

.ui-datepicker table th span {
  font-size: inherit;
  font-weight: inherit;
  color: inherit
}

.ui-datepicker a:hover,
.ui-datepicker td:hover a {
  color: var(--edumall-color-primary)
}

.ui-datepicker .ui-datepicker-today {
  background: none
}

.ui-datepicker .ui-datepicker-today a {
  color: var(--edumall-color-primary)
}

.ui-datepicker .ui-datepicker-current-day {
  background: var(--edumall-color-primary) !important
}

.ui-datepicker .ui-datepicker-current-day a {
  color: #fff !important
}

.ui-widget-header {
  border: 1px solid #f5f7fd;
  background: #f5f7fd;
  border-radius: 5px
}

.ui-widget-header.ui-widget-header {
  color: var(--edumall-color-heading)
}

.ui-widget-header.ui-widget-header a {
  color: var(--edumall-color-link)
}

.ui-widget-header.ui-widget-header a:hover {
  color: var(--edumall-color-link-hover)
}

.ui-datepicker-calendar {
  font-size: 13px
}

.ui-datepicker-calendar .ui-state-default.ui-state-highlight {
  background: none !important;
  padding: 0 !important
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  font-weight: 500
}

.ui-datepicker.ui-widget-content .ui-state-highlight,
.ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid var(--edumall-color-box-fill-separator) !important;
  border-radius: 5px !important;
  line-height: 26px !important
}

.ui-datepicker.ui-widget-content .ui-state-highlight:hover a,
.ui-state-highlight:hover a,
.ui-widget-header .ui-state-highlight:hover a {
  border-radius: 5px !important;
  background: none !important
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight {
  border-radius: 5px !important;
  background-color: transparent !important;
  border: 1px solid var(--edumall-color-box-fill-separator) !important;
  color: var(--edumall-color-primary) !important
}

.ui-timepicker-div dl dt {
  line-height: 26px;
  font-weight: var(--edumall-typography-headings-font-weight);
  padding: 0 0 0 4px
}

.ui-timepicker-div dl dd {
  height: 26px;
  margin: 0 9px 3px 45%
}

.ui-timepicker-div dl .ui_tpicker_timezone_label {
  line-height: 40px
}

.ui-timepicker-div dl .ui_tpicker_timezone {
  height: 40px
}

.ui-timepicker-div dl select {
  min-height: 40px
}

.ui-timepicker-div .ui-widget-content {
  color: var(--edumall-color-heading)
}

.ui-timepicker-div .ui-slider {
  background: #dbdbdb;
  border: 0;
  height: 4px;
  border-radius: 5px;
  position: relative;
  top: 11px
}

.ui-timepicker-div .ui-slider .ui-slider-handle {
  border-radius: 50%;
  height: 16px;
  width: 16px;
  transform: translateX(-50%);
  border: 0;
  background: var(--edumall-color-primary);
  top: -6px;
  outline: none;
  cursor: grab
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
  width: 100%;
  border: 0;
  text-align: end;
  color: #9b9b9b;
  font-weight: var(--edumall-typography-headings-font-weight)
}

.ui-datepicker-buttonpane {
  margin: 0 -5px;
  display: flex;
  align-items: flex-start;
  width: calc(100% + 10px);
  padding: 5px 0 0
}

.ui-datepicker-buttonpane button {
  flex: 1 1 0;
  font-size: 14px;
  font-weight: 700 !important;
  height: 40px;
  line-height: 40px;
  padding: 0 10px !important;
  border: 0;
  text-align: center;
  margin: 0 5px 10px !important
}

.ui-datepicker-buttonpane button.ui-datepicker-current {
  background: #f5f5f5;
  color: var(--edumall-color-primary) !important
}

.ui-datepicker-buttonpane button:hover {
  background: var(--edumall-color-secondary) !important;
  color: var(--edumall-color-third) !important
}

.quantity {
  position: relative;
  width: 110px
}

.quantity .qty {
  padding: 2px 30px 2px 10px;
  width: 100% !important;
  min-height: 48px;
  border: 1px solid #f5f5f5;
  background: #f5f5f5;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  color: #333
}

.quantity .qty:focus {
  border-color: var(--edumall-color-primary)
}

.quantity input::-webkit-inner-spin-button,
.quantity input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none
}

.quantity button {
  background: none !important;
  position: absolute;
  right: 0;
  padding: 0;
  width: 40px;
  height: 24px;
  border: 0;
  font-size: 0;
  box-shadow: none;
  transform: none
}

.quantity button:before {
  content: "";
  position: absolute;
  right: 14px;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important
}

.quantity button:hover:before {
  border-color: var(--edumall-color-primary)
}

.quantity .increase {
  top: 0
}

.quantity .increase:before {
  bottom: 4px;
  border-bottom: 5px solid #696969
}

.quantity .decrease {
  bottom: 0
}

.quantity .decrease:before {
  top: 4px;
  border-top: 5px solid #696969
}

@keyframes skeleton-loading {
  to {
    transform: translateX(100%)
  }
}

.edumall-skeleton-card.style-01 {
  height: auto;
  width: auto;
  overflow: hidden
}

.edumall-skeleton-card.style-01 .edumall-skeleton-image {
  height: 165px;
  width: 100%;
  border-radius: 5px;
  margin: 0 0 20px
}

.edumall-skeleton-card.style-01 .edumall-skeleton-title {
  height: 28px;
  width: 75%;
  border-radius: 3px
}

.edumall-skeleton-card.style-01 .edumall-skeleton-description {
  font-size: 16px;
  height: 3rem;
  margin: 1rem 0 0;
  border-radius: 3px
}

.edumall-skeleton-card.style-01 .edumall-skeleton-item {
  position: relative;
  overflow: hidden;
  background-color: #e2e2e2
}

.edumall-skeleton-card.style-01 .edumall-skeleton-item:after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .2), transparent);
  animation: skeleton-loading .8s infinite
}

.popup-pre-loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999999;
  overflow: hidden;
  background: rgba(0, 0, 0, .5);
  opacity: 0;
  visibility: hidden
}

.popup-pre-loader.open {
  opacity: 1;
  visibility: visible
}

.popup-pre-loader .sk-wrap {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  font-size: 0;
  color: #fff
}

.popup-pre-loader .sk-wrap .sk-circle {
  margin: 0 auto
}

.popup-pre-loader .popup-load-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.popup-pre-loader .popup-loader-wrap {
  display: table;
  width: 100%;
  height: 100%
}

.popup-pre-loader .popup-loader-wrap .wrap-2 {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.edumall-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 100001;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: url(assets/images/cursor/light-close.png) 16 16, pointer
}

.edumall-popup.open,
.edumall-popup.open .popup-content {
  opacity: 1;
  visibility: visible
}

.edumall-popup .popup-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  opacity: .5
}

.edumall-popup .popup-content-header {
  text-align: center;
  margin: 0 0 19px
}

.edumall-popup .button-close-popup {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  transform: translateY(-100%);
  cursor: pointer;
  text-align: center;
  color: #fff
}

.edumall-popup .button-close-popup:before {
  content: "\f00d"
}

.edumall-popup .popup-form-footer {
  text-align: center;
  margin: 10px 0 0
}

.edumall-popup .popup-title {
  font-size: 32px;
  line-height: 1.5;
  margin: 0 0 8px
}

.edumall-popup .popup-description a {
  color: var(--edumall-color-heading);
  font-weight: var(--edumall-typography-headings-font-weight)
}

.edumall-popup .popup-description a:after {
  background: currentColor
}

.edumall-popup .forgot-password-link {
  color: var(--edumall-color-heading)
}

.edumall-popup .forgot-password-link:after {
  background: currentColor
}

.edumall-popup .popup-content {
  position: relative;
  opacity: 0;
  visibility: hidden;
  width: 470px;
  max-width: 90%;
  cursor: auto
}

.edumall-popup .popup-content-wrap {
  overflow: hidden;
  border-radius: 5px;
  background: var(--edumall-color-box-white-background);
  box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.edumall-popup .popup-content-inner {
  padding: 31px 50px 27px;
  max-height: calc(100vh - 100px);
  overflow-y: auto
}

.edumall-popup .form-submit {
  width: 100%;
  opacity: 1 !important
}

.edumall-popup .form-response-messages {
  display: none;
  margin-bottom: 20px;
  margin-top: 20px
}

.edumall-popup .form-response-messages.error {
  color: #d9534f
}

.edumall-popup .form-response-messages.success {
  color: #6cbd7e
}

.edumall-popup .form-response-messages a {
  font-weight: var(--edumall-typography-headings-font-weight);
  color: var(--edumall-color-heading)
}

.edumall-popup .form-response-messages a:hover {
  color: var(--edumall-color-primary)
}

.edumall-popup .accept-account label a {
  color: var(--edumall-color-heading)
}

.edumall-popup .accept-account label a:hover {
  color: var(--edumall-color-primary)
}

.edumall-popup.popup-user-register .popup-content {
  width: 670px
}

.edumall-popup.popup-instructor-registration .form-label {
  display: none
}

.edumall-popup.popup-instructor-registration .form-group {
  margin: 0 0 20px
}

.edumall-popup.popup-instructor-registration .form-label-checkbox {
  display: block !important
}

.form-input-group.form-input-password .btn-pw-toggle {
  font-size: 14px
}

.form-input-group.form-input-password .btn-pw-toggle:hover {
  color: var(--edumall-color-primary)
}

.oneall_social_login_label {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0
}

.oneall_social_login_label:after,
.oneall_social_login_label:before {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: var(--edumall-color-box-border)
}

.oneall_social_login_label label {
  padding: 0 15px
}

.mo-openid-app-icons.mo-openid-app-icons {
  display: flex !important;
  flex-wrap: wrap;
  margin: 0 -9px
}

.mo-openid-app-icons.mo-openid-app-icons>p {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--edumall-color-text) !important;
  width: 100% !important;
  margin: 0 0 13px !important;
  padding: 0 9px
}

.mo-openid-app-icons.mo-openid-app-icons>p:after,
.mo-openid-app-icons.mo-openid-app-icons>p:before {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: var(--edumall-color-box-border)
}

.mo-openid-app-icons.mo-openid-app-icons>p:before {
  margin: 0 15px 0 0
}

.mo-openid-app-icons.mo-openid-app-icons>p:after {
  margin: 0 0 0 15px
}

.mo-openid-app-icons.mo-openid-app-icons+br,
.mo-openid-app-icons.mo-openid-app-icons br {
  display: none
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px !important;
  height: 52px;
  line-height: 48px;
  flex-basis: calc(50% - 18px);
  max-width: calc(50% - 18px);
  font-weight: 700;
  margin: 0 9px 18px !important;
  border: 2px solid var(--edumall-color-box-border);
  border-radius: 5px;
  background: var(--edumall-color-box-white-background) !important;
  color: var(--edumall-color-heading) !important;
  box-shadow: none !important;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social:before {
  display: inline-block !important;
  position: relative;
  top: 2px;
  font-size: 18px;
  color: var(--edumall-color-primary);
  margin: 0 8px 0 0
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social>:first-child,
.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social>i,
.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social>svg {
  display: none !important
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social>span {
  color: inherit !important
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social:hover {
  border-color: var(--edumall-color-heading) !important
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social.mo_btn-facebook svg {
  background: #fff !important
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social.mo_btn-facebook svg * {
  fill: #2e58b2 !important
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social.mo_btn-facebook:before {
  content: "\f082";
  color: #2e58b2
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social.mo_btn-twitter:before {
  content: "\f099";
  color: #4a76a8
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social.mo_btn-google:before {
  content: "\f1a0";
  color: #ea4335
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social.mo_btn-instagram:before {
  content: "\f16d";
  color: #c32aa3
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social.mo_btn-linkedin:before {
  content: "\f08c";
  color: #007bb5
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social.mo_btn-vk:before {
  content: "\f189";
  color: #4a76a8
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social.mo_btn-soundcloud:before {
  content: "\f270";
  color: #f90
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social.mo_btn-microsoft:before {
  content: "\f3ca";
  color: #f35022
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social.mo_btn-yahoo:before {
  content: "\f19e";
  color: #6001d2
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social.mo_btn-apple:before {
  content: "\f179";
  color: #a6b1b7
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social.mo_btn-paypal:before {
  content: "\f1ed";
  color: #0070ba
}

.mo-openid-app-icons.mo-openid-app-icons .mo_btn-social.mo_btn-wordpress:before {
  content: "\f19a";
  color: #346da6
}

.mo_image_id,
.mo_image_id~br {
  display: none
}

@media (max-width:991px) {
  .edumall-popup .popup-title {
    font-size: 28px
  }
}

@media (max-width:767px) {
  .edumall-popup .popup-title {
    font-size: 24px
  }

  .edumall-popup .popup-content-inner {
    padding: 21px 20px 17px
  }

  .edumall-popup .popup-content-inner .row {
    margin-left: -10px;
    margin-right: -10px
  }

  .edumall-popup .popup-content-inner [class*=col-] {
    padding-left: 10px;
    padding-right: 10px
  }

  .edumall-popup .form-submit {
    padding: 0 20px
  }
}

.form-group-captcha .edumall-captcha {
  display: inline-block;
  max-width: 100%
}

.form-group-captcha .edumall-captcha iframe {
  max-width: 100%
}

.edumall-hp-field {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap
}

#powerTip {
  cursor: default;
  border-radius: 5px;
  background: var(--edumall-color-box-white-background);
  border: 1px solid var(--edumall-color-box-white-border);
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, .12));
  color: var(--edumall-color-text);
  display: none;
  padding: 10px;
  position: absolute;
  white-space: nowrap;
  z-index: 2147483647
}

#powerTip:after,
#powerTip:before {
  content: attr(class) " ";
  position: absolute;
  height: 0;
  width: 0;
  text-indent: 100%;
  overflow: hidden
}

#powerTip.n:after,
#powerTip.s:after {
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  left: 50%;
  margin-left: -9px
}

#powerTip.e:after,
#powerTip.w:after {
  border-bottom: 9px solid transparent;
  border-top: 9px solid transparent;
  margin-top: -9px;
  top: 50%
}

#powerTip.n:after,
#powerTip.ne:after,
#powerTip.nw:after {
  bottom: -11px
}

#powerTip.n:after,
#powerTip.ne-alt:after,
#powerTip.ne:after,
#powerTip.nw-alt:after,
#powerTip.nw:after {
  border-top: 11px solid var(--edumall-color-box-white-background)
}

#powerTip.e:after {
  border-right: 11px solid var(--edumall-color-box-white-background);
  left: -11px
}

#powerTip.s:after,
#powerTip.se:after,
#powerTip.sw:after {
  top: -11px
}

#powerTip.s:after,
#powerTip.se-alt:after,
#powerTip.se:after,
#powerTip.sw-alt:after,
#powerTip.sw:after {
  border-bottom: 11px solid var(--edumall-color-box-white-background)
}

#powerTip.w:after {
  border-left: 11px solid var(--edumall-color-box-white-background);
  right: -11px
}

#powerTip.ne:after,
#powerTip.se:after {
  border-right: 11px solid transparent;
  border-left: 0;
  left: 11px
}

#powerTip.nw:after,
#powerTip.sw:after {
  border-left: 11px solid transparent;
  border-right: 0;
  right: 11px
}

#powerTip.ne-alt:after,
#powerTip.nw-alt:after,
#powerTip.se-alt:after,
#powerTip.sw-alt:after {
  bottom: -11px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  left: 11px
}

#powerTip.ne-alt:after {
  left: auto;
  right: 11px
}

#powerTip.se-alt:after,
#powerTip.sw-alt:after {
  border-top: none;
  bottom: auto;
  top: -11px
}

#powerTip.se-alt:after {
  left: auto;
  right: 11px
}

#powerTip.n:before,
#powerTip.s:before {
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  left: 50%;
  margin-left: -10px
}

#powerTip.e:before,
#powerTip.w:before {
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  margin-top: -10px;
  top: 50%
}

#powerTip.n:before,
#powerTip.ne:before,
#powerTip.nw:before {
  bottom: -12px
}

#powerTip.n:before,
#powerTip.ne-alt:before,
#powerTip.ne:before,
#powerTip.nw-alt:before,
#powerTip.nw:before {
  border-top: 12px solid var(--edumall-color-box-white-border)
}

#powerTip.e:before {
  border-right: 12px solid var(--edumall-color-box-white-border);
  left: -12px
}

#powerTip.s:before,
#powerTip.se:before,
#powerTip.sw:before {
  top: -12px
}

#powerTip.s:before,
#powerTip.se-alt:before,
#powerTip.se:before,
#powerTip.sw-alt:before,
#powerTip.sw:before {
  border-bottom: 12px solid var(--edumall-color-box-white-border)
}

#powerTip.w:before {
  border-left: 12px solid var(--edumall-color-box-white-border);
  right: -12px
}

#powerTip.ne:before,
#powerTip.se:before {
  border-right: 12px solid transparent;
  border-left: 0;
  left: 12px
}

#powerTip.nw:before,
#powerTip.sw:before {
  border-left: 12px solid transparent;
  border-right: 0;
  right: 12px
}

#powerTip.ne-alt:before,
#powerTip.nw-alt:before,
#powerTip.se-alt:before,
#powerTip.sw-alt:before {
  bottom: -12px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  left: 12px
}

#powerTip.ne-alt:before {
  left: auto;
  right: 12px
}

#powerTip.se-alt:before,
#powerTip.sw-alt:before {
  border-top: none;
  bottom: auto;
  top: -12px
}

#powerTip.se-alt:before {
  left: auto;
  right: 12px
}

.amount,
.price,
.tr-price,
.tutor-price.course-free,
.tutor-price .tutor-item-price,
.woosw-content-item--price {
  color: #031f42
}

.price del,
.tr-price del,
.woosw-content-item--price del,
del .amount {
  color: #ababab
}

ins .amount {
  color: #031f42
}

.product.sale ins,
.product.sale ins .amount,
.single-product .product.sale .entry-summary>.price ins .amount {
  color: #d31819
}

.mce-toolbar .mce-btn button {
  background: none !important
}

.countdown-row {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: auto;
  padding: 0;
  margin: 0 -5px
}

.countdown-section {
  float: none;
  font-size: 1em;
  width: auto;
  min-width: 77px;
  height: 77px;
  border: 0;
  margin: 5px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.countdown-amount {
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  color: var(--edumall-color-primary)
}

.countdown-period {
  display: block;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .92px;
  line-height: 26px;
  margin: 1px 0 0
}

.edumall-modal {
  --modal-rounded: 5px;
  --modal-width: 500px;
  --modal-spacing: 2rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 100001;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: url(assets/images/cursor/light-close.png) 16 16, pointer
}

.edumall-modal.open,
.edumall-modal.open .modal-content {
  opacity: 1;
  visibility: visible
}

.edumall-modal .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  opacity: .5
}

.edumall-modal .button-close-modal {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .17);
  transform: translate(50%, -50%);
  cursor: pointer;
  text-align: center;
  color: var(--edumall-color-heading);
  z-index: 1
}

.edumall-modal .button-close-modal:before {
  content: "\f00d"
}

.edumall-modal .button-close-modal:hover {
  background: var(--edumall-color-heading);
  color: #fff
}

.edumall-modal .modal-content {
  position: relative;
  opacity: 0;
  visibility: hidden;
  width: var(--modal-width);
  max-width: calc(100vw - 50px);
  cursor: auto
}

.edumall-modal .modal-content-header {
  position: relative;
  text-align: center;
  margin: 0 0 19px
}

.edumall-modal .modal-title {
  position: relative;
  z-index: 1;
  font-size: 32px;
  line-height: 1.5;
  margin: 0
}

.edumall-modal .modal-description {
  position: relative;
  z-index: 1;
  font-size: 15px;
  line-height: 26px;
  margin: 8px 0 0
}

.edumall-modal .modal-content-wrap {
  position: relative;
  overflow-y: auto;
  border-radius: var(--modal-rounded);
  background: var(--edumall-color-box-white-background);
  max-height: calc(100vh - 60px)
}

.handheld .edumall-modal .modal-content-wrap {
  overflow-y: scroll
}

.edumall-modal .modal-content-inner {
  padding: var(--modal-spacing)
}

.edumall-modal .form-group {
  margin-bottom: 15px
}

.edumall-modal .form-label {
  display: none
}

.edumall-modal .form-label-checkbox {
  display: block
}

.edumall-modal .form-label-checkbox input[type=checkbox] {
  margin: 0 8px 0 2px
}

.edumall-modal .form-submit-wrap {
  margin: 19px 0 18px
}

.edumall-modal .form-submit {
  margin: 30px 0 0;
  width: 100%
}

.edumall-modal .form-description {
  margin: 0 0 7px
}

.edumall-modal .forgot-password {
  font-size: 15px;
  padding-bottom: 2px
}

.edumall-modal .form-response-messages {
  display: none;
  margin-bottom: 20px;
  margin-top: 20px
}

.edumall-modal .form-response-messages.error {
  color: #d9534f
}

.edumall-modal .form-response-messages.success {
  color: #6cbd7e
}

.form-input-group {
  position: relative
}

.form-input-group.form-input-password .btn-pw-toggle {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  background: none !important;
  box-shadow: none !important;
  padding: 0 15px !important;
  border: 0;
  font-size: 16px;
  color: var(--edumall-color-text)
}

.form-input-group.form-input-password .btn-pw-toggle:hover {
  color: var(--edumall-color-heading)
}

.form-input-group.form-input-password .btn-pw-toggle:before {
  content: "\f06e"
}

.form-input-group.form-input-password.show-pw .btn-pw-toggle:before {
  content: "\f070"
}

.popup-user-login #tutor-remove-logins-wrapper {
  display: none
}

@media (max-width:543px) {
  .edumall-modal {
    --modal-spacing: 2rem 20px
  }

  .edumall-modal .modal-content-header {
    margin: 0 0 20px
  }

  .edumall-modal .modal-title {
    font-size: 22px
  }
}

.page-content {
  margin-top: 80px;
  margin-bottom: 80px
}

.page-title-bar+.page-content {
  margin-top: 0
}

.elementor-page.page-has-sidebar .page-content>.container {
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px
}

.elementor-page.page-has-sidebar .page-content .elementor-section.elementor-top-section>.elementor-container {
  padding-left: 0;
  padding-right: 0
}

.elementor-page.page-has-no-sidebar:not(.dashboard-page) .page-content>.container {
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px
}

.elementor-page.page-has-no-sidebar:not(.dashboard-page) .page-main-content {
  padding: 0
}

body.elementor-archive-page .page-content,
body.elementor-page .page-content {
  margin-top: 0
}

body.elementor-archive-page.page-has-no-sidebar .page-content,
body.elementor-page.page-has-no-sidebar .page-content {
  margin-bottom: 0
}

.post-password-form input[type=submit] {
  display: block;
  margin: 30px auto 0
}

.single-post .page-content>.container {
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px
}

.single-post .page-main-content>.post-no-thumbnail.format-image .entry-header,
.single-post .page-main-content>.post-no-thumbnail.format-standard .entry-header {
  border-bottom: 1px solid #eee;
  padding-bottom: 39px;
  margin-bottom: 38px
}

.single-post .entry-header {
  margin: 0 0 18px
}

.single-post .entry-header-featured {
  position: relative;
  margin-bottom: 23px
}

.single-post .entry-post-feature {
  line-height: 0
}

.single-post .entry-post-feature img {
  border-radius: 5px
}

.single-post .entry-post-feature.tm-popup-video .video-overlay {
  background: rgba(0, 0, 0, .5)
}

.single-post .entry-post-feature.post-gallery .swiper-nav-button {
  background: #fff;
  border-color: #fff
}

.single-post .entry-post-feature.post-gallery .swiper-nav-button:hover {
  background: transparent
}

.single-post .entry-post-feature.post-gallery .swiper-nav-button.swiper-button-prev {
  margin-left: 20px
}

.single-post .entry-post-feature.post-gallery .swiper-nav-button.swiper-button-next {
  margin-right: 20px
}

.single-post .entry-post-feature.post-link,
.single-post .entry-post-feature.post-quote,
.single-post .entry-post-feature.post-video {
  margin-bottom: 46px
}

.single-post .entry-post-feature.post-quote {
  background-color: var(--edumall-color-primary)
}

.single-post .entry-post-feature.post-audio {
  margin-bottom: 38px
}

.single-post .entry-post-feature.post-audio iframe {
  width: 100%;
  height: 200px;
  border: 0
}

.single-post .entry-post-feature.post-link {
  padding: 82px 100px;
  background: #f7fbfe;
  font-size: 24px;
  line-height: 1.5
}

.single-post .entry-post-feature.post-link a {
  word-wrap: break-word
}

.single-post .entry-post-feature.post-quote {
  position: relative;
  text-align: center
}

.single-post .entry-post-feature .post-quote-content {
  position: relative;
  padding: 48px 40px
}

.single-post .entry-post-feature .post-quote-content .quote-icon {
  color: #fff;
  font-size: 26px;
  margin-bottom: 35px
}

.single-post .entry-post-feature .post-quote-text {
  margin-bottom: 26px;
  color: #fff;
  font-size: 24px;
  line-height: 1.375
}

.single-post .entry-post-feature .post-quote-name {
  font-size: 18px;
  color: #fff
}

.single-post .entry-post-feature .post-quote-name a {
  color: inherit
}

.single-post .featured-off .entry-header-featured {
  margin: 0 0 10px
}

.single-post .entry-wrapper {
  margin: 0;
  padding: 0
}

.single-post .entry-wrapper .entry-post-feature+.entry-post-categories {
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  margin: 0 0 4px
}

.single-post .entry-wrapper .entry-post-feature+.entry-post-categories a {
  color: #fff;
  background: #252525
}

.single-post .entry-content {
  margin-bottom: 27px
}

.single-post .entry-footer {
  display: block !important;
  border-bottom: 1px solid var(--edumall-color-box-border);
  padding-bottom: 30px;
  margin-bottom: 40px
}

.single-post.page-has-no-sidebar .entry-wrapper {
  max-width: 830px;
  padding: 0 30px;
  margin: 0 auto
}

.single-post.page-has-no-sidebar .entry-header {
  text-align: center;
  margin: 0 0 30px
}

.single-post.page-has-no-sidebar .entry-post-meta {
  margin: 0 0 25px
}

.related-posts {
  margin-top: 50px
}

.related-posts .related-title {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.6
}

.related-posts .tm-swiper .swiper-slide {
  width: 236px !important;
  max-width: 90% !important
}

.related-posts.edumall-blog .post-title {
  font-size: 16px;
  line-height: 1.75
}

.related-posts.edumall-blog .post-caption {
  padding: 15px 0 0
}

.related-posts.edumall-blog .post-meta {
  font-size: 13px;
  margin: 5px 0 0
}

.related-posts.edumall-blog .post-meta .inner {
  margin: 0 -8px
}

.related-posts.edumall-blog .post-meta .inner>div {
  padding: 0 8px
}

.entry-title {
  font-size: 28px;
  line-height: 1.42;
  margin: 0 0 18px;
  word-wrap: break-word
}

.entry-post-categories {
  font-size: 0;
  margin: 0 0 10px
}

.entry-post-categories a {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  line-height: 22px;
  padding: 0 8px;
  border-radius: 3px;
  margin: 0 6px 10px 0;
  color: #696969;
  background: #f5f5f5
}

.entry-post-categories a:hover {
  color: #fff;
  background: var(--edumall-color-primary)
}

.entry-post-tags .tag-label {
  display: inline-block;
  margin: 0 7px 0 0
}

.entry-post-tags .tag-icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px
}

.entry-post-tags .tagcloud {
  display: inline-block;
  vertical-align: middle;
  color: #ababab;
  font-weight: 500
}

.entry-post-tags a {
  display: inline-block;
  color: inherit
}

.entry-post-tags a:hover {
  color: var(--edumall-color-heading)
}

.entry-post-meta {
  font-size: 13px;
  line-height: 24px;
  color: var(--edumall-color-text-bit-lighten);
  margin: 0 -13px 12px
}

.entry-post-meta>div {
  display: inline-block;
  margin: 0 0 5px;
  padding: 0 13px
}

.entry-post-meta .post-meta-author a {
  display: block
}

.entry-post-meta .post-meta-author img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 6px
}

.entry-post-meta .meta-icon {
  margin-right: 6px
}

.entry-author {
  margin: 40px 0 0
}

.entry-author .author-info {
  display: flex
}

.entry-author .author-avatar {
  flex-shrink: 0;
  min-width: 100px;
  width: 140px;
  text-align: center
}

.entry-author .author-avatar img {
  border-radius: 100%
}

.entry-author .author-description {
  margin-left: 10px
}

.entry-author .author-name {
  font-size: 14px;
  line-height: 26px;
  margin: 0
}

.entry-author .author-biographical-info {
  margin: 11px 0 0
}

.entry-author .author-social-networks .inner {
  display: inline-block;
  margin: 13px -9px 0
}

.entry-author .author-social-networks a {
  display: block;
  float: left;
  padding: 6px 10px;
  font-size: 15px;
  line-height: 1
}

.entry-post-share {
  text-align: right
}

.post-share.style-01 {
  display: inline-flex;
  align-items: center
}

.post-share.style-01 .share-label {
  font-weight: 500;
  margin-right: 12px
}

.post-share.style-01 .share-icon {
  height: 52px;
  width: 52px;
  line-height: 48px;
  font-size: 18px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  border: 2px solid #ededed;
  color: var(--edumall-color-primary)
}

.post-share.style-01 .share-media:hover .share-icon {
  color: #fff;
  border-color: var(--edumall-color-primary);
  background-color: var(--edumall-color-primary)
}

.post-share.style-02 .share-label {
  font-size: 14px;
  font-weight: 700;
  margin-right: 12px
}

.post-share.style-02 .share-icon {
  font-size: 15px
}

.post-share .share-media,
.post-share.style-02 .share-media {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer
}

.post-share .share-media:hover .share-list {
  transform: translate(-50%, -20px);
  visibility: visible;
  opacity: 1
}

.post-share .share-list {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -10px);
  width: auto;
  white-space: nowrap;
  padding: 0 4px;
  text-align: center;
  background: var(--edumall-color-box-white-background);
  border-radius: 5px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, .06);
  filter: drop-shadow(0 2px 20px rgba(0, 0, 0, .06));
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  -webkit-user-select: none;
  user-select: none
}

.post-share .share-list:before {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  border-top: 8px solid var(--edumall-color-box-white-background);
  border-left: 9px solid transparent;
  border-right: 9px solid transparent
}

.post-share .share-list a {
  display: inline-block;
  font-size: 15px;
  padding: 10px 12px;
  color: var(--edumall-color-text-lighten)
}

.post-share .share-list a:hover {
  color: var(--edumall-color-heading)
}

.blog-nav-links {
  margin-top: 34px
}

.blog-nav-links .nav-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px
}

.blog-nav-links .nav-item {
  min-width: 0;
  line-height: 0
}

.blog-nav-links .inner a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 120px;
  border-radius: 5px;
  overflow: hidden;
  background: #f1f3f8
}

.blog-nav-links .inner a:hover .hover-bg {
  opacity: 1
}

.blog-nav-links .inner a:hover h6,
.blog-nav-links .inner a:hover h6:before {
  color: #fff
}

.blog-nav-links .inner a h6 {
  display: block;
  word-wrap: break-word;
  width: 100%
}

.blog-nav-links .inner a h6:before {
  color: var(--edumall-color-primary)
}

.blog-nav-links .inner .hover-bg {
  background-color: #333;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  opacity: 0
}

.blog-nav-links .inner .hover-bg.has-thumbnail:before {
  opacity: .5;
  background-image: linear-gradient(-180deg, rgba(51, 51, 51, 0), #000 80%);
  border-radius: 5px
}

.blog-nav-links .inner h6 {
  position: relative;
  font-size: 18px;
  line-height: 1.56;
  margin: 0
}

.blog-nav-links .inner h6:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px
}

.blog-nav-links .prev h6 {
  padding: 20px 30px 20px 50px
}

.blog-nav-links .prev h6:before {
  left: 20px;
  content: "\f104"
}

.blog-nav-links .next {
  text-align: right
}

.blog-nav-links .next h6 {
  padding: 20px 50px 20px 30px
}

.blog-nav-links .next h6:before {
  right: 20px;
  content: "\f105"
}

@media (min-width:1200px) {
  .single-post.page-has-no-sidebar .entry-header {
    margin: 0 0 44px
  }

  .single-post.page-has-no-sidebar .entry-title {
    font-size: 40px;
    line-height: 1.4;
    max-width: 770px;
    margin: 0 auto 28px
  }

  .single-post.page-has-no-sidebar .entry-post-categories {
    margin: 0 0 18px
  }

  .single-post.page-has-no-sidebar .entry-post-meta {
    margin: 0 0 47px
  }
}

@media (max-width:1024px) {
  .entry-title {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .entry-title {
    font-size: 20px
  }

  .single-post .entry-footer {
    text-align: center
  }

  .single-post .entry-post-share {
    margin: 20px 0 0;
    text-align: center
  }

  .entry-author .author-info {
    display: block;
    text-align: center
  }

  .entry-author .author-avatar {
    margin: 0 auto 10px
  }

  .entry-author .author-description {
    margin: 0
  }
}

@media (max-width:767px) {
  .blog-nav-links .nav-list {
    grid-template-columns: auto
  }
}

@media (max-width:543px) {
  .single-post.page-has-no-sidebar .entry-wrapper {
    padding: 0
  }
}

.single-portfolio .tm-button.tm-button-view-project {
  min-width: 190px
}

.single-portfolio .tm-button.tm-button-view-project .button-icon {
  margin-left: 10px;
  font-size: 12px
}

.single-portfolio .page-content {
  padding-bottom: 0
}

.single-portfolio .page-content>.container {
  margin-bottom: 100px
}

.entry-portfolio-title {
  font-size: 34px;
  line-height: 1.42;
  margin-bottom: 25px
}

.entry-portfolio-details {
  margin-top: 55px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 66px 30px
}

.entry-portfolio-details ul {
  margin: 0;
  padding: 0
}

.entry-portfolio-details li {
  list-style-type: none
}

.entry-portfolio-details .label {
  text-transform: uppercase;
  font-weight: var(--edumall-typography-headings-font-weight);
  font-size: 14px;
  margin-bottom: 12px
}

.entry-portfolio-details .value {
  display: block;
  font-size: 16px;
  line-height: 1.9
}

.entry-portfolio-share {
  margin-top: 55px
}

.entry-portfolio-share .share-label {
  font-size: 14px;
  text-transform: uppercase;
  margin-right: 17px
}

.entry-portfolio-share .share-list .inner {
  margin: 0 -8px
}

.entry-portfolio-share .share-list a {
  padding: 0 8px;
  font-size: 16px
}

.entry-portfolio-link {
  margin-top: 88px
}

.entry-portfolio-feature img {
  width: 100%
}

.entry-portfolio-feature figure {
  margin: 0;
  position: relative
}

.entry-portfolio-feature .gallery-item .overlay {
  background-color: var(--edumall-color-primary)
}

.entry-portfolio-feature figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .4);
  color: #fff;
  font-size: 14px;
  padding: 10px;
  border-radius: 0 0 5px 5px
}

.entry-portfolio-feature .edumall-grid-wrapper {
  margin-top: 20px
}

.entry-portfolio-image+.entry-portfolio-image {
  margin-top: 30px
}

.entry-portfolio-feature+.entry-portfolio-video,
.entry-portfolio-video+.entry-portfolio-feature {
  padding-top: 30px
}

.portfolio-nav-links.style-01 {
  margin: 128px 0 130px
}

.portfolio-nav-links.style-01 .nav-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px 30px
}

.portfolio-nav-links.style-01 .next {
  text-align: right
}

.portfolio-nav-links.style-01 .next a {
  padding-right: 65px
}

.portfolio-nav-links.style-01 .next h6:before {
  right: 0;
  content: "\f061"
}

.portfolio-nav-links.style-01 .prev a {
  padding-left: 65px
}

.portfolio-nav-links.style-01 .prev h6:before {
  left: 0;
  content: "\f060"
}

.portfolio-nav-links.style-01 .inner {
  width: 100%;
  max-width: 430px;
  display: inline-block;
  font-size: 17px
}

.portfolio-nav-links.style-01 .inner>a:hover {
  color: var(--edumall-color-primary)
}

.portfolio-nav-links.style-01 a {
  position: relative;
  display: block;
  color: #777
}

.portfolio-nav-links.style-01 h6 {
  font-size: 36px;
  font-weight: var(--edumall-typography-headings-font-weight);
  line-height: 1.2;
  margin: 23px 0 0
}

.portfolio-nav-links.style-01 h6:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px
}

.portfolio-nav-links.style-02 {
  margin: 123px 0 117px
}

.portfolio-nav-links.style-02 .nav-list {
  display: flex;
  align-items: center;
  justify-content: center
}

.portfolio-nav-links.style-02 .nav-line {
  width: 150px;
  height: 1px;
  flex-shrink: 0;
  background: currentColor;
  margin: 0 30px
}

.portfolio-nav-links.style-02 .nav-item * {
  font-size: 50px;
  line-height: 1.2;
  font-weight: 200
}

.portfolio-nav-links.style-02 .nav-list .hover {
  color: var(--edumall-color-primary)
}

.portfolio-nav-links.style-02 a {
  display: block;
  position: relative;
  cursor: pointer
}

.portfolio-nav-links.style-02 a:hover .hover {
  visibility: visible;
  opacity: 1
}

.portfolio-nav-links.style-02 a:hover .normal {
  visibility: hidden;
  opacity: 0
}

.portfolio-nav-links.style-02 .hover {
  font-weight: 500;
  visibility: hidden;
  opacity: 0
}

.portfolio-nav-links.style-02 .normal {
  position: absolute;
  top: 0;
  left: 5px;
  width: 100%;
  height: 100%;
  white-space: nowrap
}

.portfolio-nav-links.style-02 .disabled {
  cursor: not-allowed
}

.portfolio-nav-links.style-03 {
  margin: 152px 0 123px;
  text-align: center
}

.portfolio-nav-links.style-03 .nav-text {
  font-size: 70px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 3px;
  margin-bottom: 22px
}

.portfolio-nav-links.style-03 a {
  display: inline-block
}

.portfolio-nav-links.style-03 a:hover .nav-text {
  -webkit-text-fill-color: currentColor
}

.portfolio-nav-links.style-03 .post-title {
  font-size: 24px;
  line-height: 1.21;
  font-weight: var(--edumall-typography-headings-font-weight);
  margin-bottom: 0
}

.portfolio-nav-links.style-03 .post-title:after {
  position: relative;
  top: -3px;
  content: "\f061";
  font-size: 12px;
  margin-left: 12px
}

.related-portfolio {
  padding-top: 100px
}

.related-portfolio .container {
  padding: 0
}

.related-portfolio .post-permalink {
  display: block
}

.related-portfolio .post-thumbnail img {
  width: 100%
}

.related-portfolio-title {
  margin: 0 0 45px;
  text-align: center;
  font-size: 28px
}

.single-portfolio-style-image-list .page-content {
  margin-top: 86px !important
}

.single-portfolio-style-blank .page-content {
  padding-top: 0;
  padding-bottom: 0
}

.single-portfolio-style-image-list-wide .page-content {
  margin-top: 86px !important
}

.single-portfolio-style-image-list-wide .entry-portfolio-title {
  font-size: 36px;
  margin-bottom: 46px;
  max-width: 620px
}

.single-portfolio-style-image-list-wide .entry-portfolio-feature img {
  max-width: 1045px
}

.single-portfolio-style-image-list-wide .entry-portfolio-content {
  padding: 0 30px 0 35px
}

.single-portfolio-style-image-list-wide .entry-portfolio-description,
.single-portfolio-style-image-list-wide .entry-portfolio-details {
  max-width: 435px
}

.single-portfolio-style-image-list-wide .entry-portfolio-image+.entry-portfolio-image {
  margin-top: 50px
}

.single-portfolio.page-skin-dark {
  background: #111
}

.single-portfolio.page-skin-dark .page-content {
  border-bottom: 1px solid #222
}

.single-portfolio.page-skin-dark .entry-portfolio-title {
  color: #fff
}

.single-portfolio.page-skin-dark .entry-portfolio-content {
  color: #777
}

.single-portfolio.page-skin-dark .entry-portfolio-content h1,
.single-portfolio.page-skin-dark .entry-portfolio-content h2,
.single-portfolio.page-skin-dark .entry-portfolio-content h3,
.single-portfolio.page-skin-dark .entry-portfolio-content h4,
.single-portfolio.page-skin-dark .entry-portfolio-content h5,
.single-portfolio.page-skin-dark .entry-portfolio-content h6,
.single-portfolio.page-skin-dark .entry-portfolio-details .label,
.single-portfolio.page-skin-dark .entry-portfolio-details a {
  color: #fff
}

.single-portfolio.page-skin-dark .tm-button.tm-button-view-project {
  border-color: #fff;
  color: #fff
}

.single-portfolio.page-skin-dark .tm-button.tm-button-view-project:hover {
  background-color: #fff;
  color: #111
}

.single-portfolio.page-skin-dark .portfolio-nav-links.style-01 .inner>a:hover,
.single-portfolio.page-skin-dark .portfolio-nav-links.style-01 h6,
.single-portfolio.page-skin-dark .portfolio-nav-links.style-02 .nav-list,
.single-portfolio.page-skin-dark .portfolio-nav-links.style-03 .nav-text,
.single-portfolio.page-skin-dark .portfolio-nav-links.style-03 .post-title {
  color: #fff
}

@media (max-width:991px) {
  .portfolio-nav-links.style-03 .nav-text {
    font-size: 50px
  }
}

@media (max-width:767px) {
  .portfolio-nav-links.style-01 .nav-list {
    grid-template-columns: auto
  }

  .portfolio-nav-links.style-01 h6 {
    font-size: 30px
  }

  .portfolio-nav-links.style-02 {
    text-align: center
  }

  .portfolio-nav-links.style-02 .nav-list {
    display: block
  }

  .portfolio-nav-links.style-02 .nav-line {
    position: static;
    margin: 20px 0;
    display: inline-block
  }

  .entry-portfolio-feature-wrap {
    margin-bottom: 50px
  }

  .single-portfolio-style-image-list-wide .entry-portfolio-content {
    padding: 0
  }

  .single-portfolio-style-image-list-wide .entry-portfolio-title {
    font-size: 40px;
    margin-left: 0;
    margin-bottom: 20px
  }
}

@media (min-width:1200px) {
  .single-portfolio-style-image-list-wide .page-content>.container {
    max-width: 100%;
    padding: 0
  }

  .single-portfolio-style-image-list-wide .portfolio-details-content {
    max-width: 370px;
    margin-left: 130px
  }

  .single-portfolio-style-image-list-wide .portfolio-feature-wrap {
    padding-left: 0;
    padding-right: 0
  }
}

.single-ic_mega_menu.elementor-page .page-content {
  position: relative;
  margin: 0 100px 100px
}

.btn-reset-filters {
  text-align: right;
  margin: 0 15px 0 0
}

.archive-top-filter-widgets {
  display: none
}

.archive-top-filter-widgets>.inner {
  background: var(--edumall-color-box-light-grey-background);
  border-radius: 5px;
  padding: 39px 15px 30px;
  margin: 0 0 40px;
  width: 100%
}

.archive-top-filter-content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start
}

.archive-top-filter-content .widget {
  margin: 0 0 30px !important;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.archive-top-filter-content .widget .widget-title {
  font-size: 16px;
  padding: 0;
  border: 0;
  margin: 0 0 23px
}

.archive-top-filter-content ul>li>a {
  font-weight: var(--edumall-typography-headings-font-weight)
}

.archive-top-filter-content .count {
  font-size: 13px;
  font-weight: 400;
  color: #9b9b9b
}

.archive-top-filter-content .widget li+li {
  margin: 14px 0 0
}

.archive-top-filter-content .widget-content {
  position: relative;
  overflow: hidden;
  max-height: 190px;
  padding: 0 10px 0 0
}

.archive-top-filter-content .widget-content.ps-container>.ps-scrollbar-y-rail {
  opacity: 1 !important;
  width: 6px !important;
  background: #ededed;
  border-radius: 5px
}

.archive-top-filter-content .widget-content.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  border-radius: 5px;
  right: 0;
  width: 6px !important;
  background: var(--edumall-color-primary)
}

.archive-top-filter-content input,
.archive-top-filter-content select,
.archive-top-filter-content textarea {
  background-color: #fff;
  border-color: #fff
}

.tm-button.btn-toggle-archive-top-filters {
  padding: 0 24px
}

.tm-button.btn-toggle-archive-top-filters .button-content-wrapper:after {
  content: "\f107";
  margin-left: 18px
}

.tm-button.btn-toggle-archive-top-filters.icon-left .button-icon {
  margin-right: 10px
}

.tm-button.btn-toggle-archive-top-filters.active .button-content-wrapper:after {
  content: "\f106"
}

@media (min-width:544px) {
  .archive-top-filter-content .widget {
    flex: 0 0 50%;
    max-width: 50%
  }
}

@media (min-width:768px) {
  .archive-top-filter-content .widget {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
}

@media (min-width:1200px) {
  .archive-top-filter-content .widget {
    flex: 0 0 20%;
    max-width: 20%
  }
}

@media (max-width:543px) {
  .archive-top-filter-widgets>.inner {
    padding: 30px 5px 0
  }

  .archive-top-filter-widgets .widget .widget-title {
    font-size: 14px;
    margin: 0 0 15px
  }
}

.page-sidebar.style-01 .archive-sidebar-filter {
  margin-top: 30px
}

.page-sidebar.style-01 .archive-sidebar-filter .archive-sidebar-filter-heading {
  font-size: 18px;
  margin-bottom: 28px;
  padding-bottom: 4px;
  border-bottom: 2px solid #e7e7e7
}

.page-sidebar.style-01 .archive-sidebar-filter .widget-title {
  font-size: 13px;
  font-weight: var(--edumall-typography-headings-font-weight);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 22px;
  border: 0;
  padding: 0
}

.page-sidebar.style-01 .archive-sidebar-filter .widget {
  background: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  padding: 0
}

.page-sidebar.style-01 .archive-sidebar-filter .widget+.widget {
  border-top: 1px solid #eee;
  padding-top: 19px;
  margin-top: 22px !important
}

.page-sidebar.style-02 .archive-sidebar-filter {
  margin-top: 20px;
  background: var(--edumall-color-box-light-grey-background);
  border-radius: 5px;
  padding: 27px 20px 30px
}

.page-sidebar.style-02 .archive-sidebar-filter .archive-sidebar-filter-heading {
  font-size: 18px;
  margin-bottom: 25px;
  padding: 0;
  border: 0
}

.page-sidebar.style-02 .archive-sidebar-filter .widget-title {
  font-size: 13px;
  font-weight: var(--edumall-typography-headings-font-weight);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 22px
}

.page-sidebar.style-02 .archive-sidebar-filter .widget {
  background: none !important;
  border: 0;
  border-radius: 0;
  padding: 0
}

.page-sidebar.style-02 .archive-sidebar-filter .widget+.widget {
  border-top: 1px solid var(--edumall-color-box-border);
  padding-top: 19px;
  margin-top: 22px !important
}

.page-sidebar.style-03 .archive-sidebar-filter {
  margin-top: 20px;
  background: var(--edumall-color-box-white-background);
  box-shadow: 0 0 10px rgba(51, 51, 51, .1);
  border-radius: 5px;
  padding: 27px 20px 30px
}

.page-sidebar.style-03 .archive-sidebar-filter .archive-sidebar-filter-heading {
  font-size: 18px;
  margin-bottom: 25px;
  padding: 0;
  border: 0
}

.page-sidebar.style-03 .archive-sidebar-filter .widget-title {
  font-size: 13px;
  font-weight: var(--edumall-typography-headings-font-weight);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 22px
}

.page-sidebar.style-03 .archive-sidebar-filter .widget {
  background: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  padding: 0
}

.page-sidebar.style-03 .archive-sidebar-filter .widget+.widget {
  border-top: 1px solid var(--edumall-color-box-fill-separator);
  padding-top: 19px;
  margin-top: 22px !important
}

.no-results {
  border-radius: 5px;
  border: 1px solid #eee;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .05);
  padding: 23px 30px;
  font-weight: 500;
  color: var(--edumall-color-text-lighten)
}

.no-results h3 {
  font-size: 20px;
  margin: 0 0 11px
}

.archive-filter-bars {
  margin-bottom: 10px
}

.archive-filter-bar {
  margin-bottom: 21px
}

.archive-filter-bar-right>.inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: -10px;
  margin-right: -10px
}

.archive-filter-bar-right>.inner>* {
  padding-left: 10px;
  padding-right: 10px
}

.archive-result-count {
  font-size: 15px;
  font-weight: 500;
  color: var(--edumall-color-text-bit-lighten)
}

.archive-result-count .count {
  font-weight: 700;
  color: var(--edumall-color-heading)
}

.archive-form-filtering .edumall-nice-select-wrap,
.archive-orderby-select {
  width: 262px
}

.archive-layout-switcher {
  display: flex;
  align-items: center
}

.archive-layout-switcher .archive-layout-switcher-label {
  margin: 0 7px 0 0
}

.archive-layout-switcher .switcher-item {
  position: relative;
  width: 26px;
  height: 26px;
  margin: 3px;
  cursor: pointer
}

.archive-layout-switcher .switcher-item input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0
}

.archive-layout-switcher .switcher-item:before {
  display: block;
  content: "";
  font-size: 16px;
  width: 100%;
  height: 100%;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #ccc;
  background: #fff
}

.archive-layout-switcher .switcher-item:after {
  content: "";
  font-size: 16px;
  color: #ccc;
  width: auto;
  height: auto;
  background: none;
  border-radius: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.archive-layout-switcher .switcher-item.list:after {
  content: "\f0c9"
}

.archive-layout-switcher .switcher-item.grid:after {
  content: "\f00a"
}

.archive-layout-switcher .switcher-item.selected {
  cursor: auto
}

.archive-layout-switcher .switcher-item.selected:before {
  border-color: var(--edumall-color-primary)
}

.archive-layout-switcher .switcher-item.selected:after {
  color: var(--edumall-color-primary) !important
}

.archive-layout-switcher .switcher-item.loading:after {
  color: var(--edumall-color-primary) !important;
  content: "\f3f4";
  font-weight: 400;
  animation: adding-spin-center 1s linear infinite
}

.archive-layout-switcher .switcher-item:hover:after {
  color: var(--edumall-color-primary)
}

.archive-section-heading,
.archive-tabs-section.edumall-tabpanel .nav-tab-title,
.archive-tabs-section.edumall-tabpanel .tab-mobile-heading {
  font-size: 28px;
  padding: 0;
  border: 0;
  margin: 0 0 40px
}

.archive-section-heading mark,
.archive-tabs-section.edumall-tabpanel .nav-tab-title mark,
.archive-tabs-section.edumall-tabpanel .tab-mobile-heading mark {
  position: relative;
  padding: 0 0 10px;
  color: inherit
}

.archive-section-heading mark:after,
.archive-tabs-section.edumall-tabpanel .nav-tab-title mark:after,
.archive-tabs-section.edumall-tabpanel .tab-mobile-heading mark:after {
  content: "";
  position: absolute;
  width: 91px;
  height: 12px;
  bottom: 0;
  left: 50%;
  z-index: -1;
  transform: translate(-45px);
  background-color: var(--edumall-color-secondary);
  -webkit-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url(assets/svg/headline-curve.svg);
  mask-image: url(assets/svg/headline-curve.svg)
}

.archive-tabs-section.edumall-tabpanel {
  margin: 0
}

.archive-tabs-section.edumall-tabpanel .edumall-nav-tabs {
  border: 0;
  text-align: left;
  margin: 0 -23px
}

.archive-tabs-section.edumall-tabpanel .edumall-nav-tabs>li>a {
  border: 0;
  padding: 5px 23px
}

.archive-tabs-section.edumall-tabpanel .tab-mobile-heading {
  margin: 0 0 5px
}

.archive-tabs-section.edumall-tabpanel .tab-content {
  padding: 20px 0 0
}

@media (max-width:767px) {

  .archive-section-heading,
  .archive-tabs-section.edumall-tabpanel .nav-tab-title,
  .archive-tabs-section.edumall-tabpanel .tab-mobile-heading {
    font-size: 23px
  }
}

@media (max-width:543px) {

  .archive-section-heading,
  .archive-tabs-section.edumall-tabpanel .nav-tab-title,
  .archive-tabs-section.edumall-tabpanel .tab-mobile-heading {
    font-size: 18px
  }
}

.blog-archive-style-grid .page-content .container,
.blog-archive-style-list-01 .page-content .container,
.blog-archive-style-list-02 .page-content .container {
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px
}

.home-blog-special-layout .page-content {
  margin-bottom: 30px
}

.home-blog-special-layout .page-content>.container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0
}

.home-blog-special-layout .popular-articles {
  margin: 0 0 45px
}

.home-blog-special-layout .popular-articles .swiper-slide {
  width: 360px !important;
  padding-right: 30px;
  max-width: 90%
}

.home-blog-special-layout .home-blog-by-cat-section {
  padding: 70px 0 42px;
  background-image: linear-gradient(180deg, #f8f8f8 14%, #fff 81%)
}

.home-blog-special-layout .home-blog-by-cat-section .swiper-slide {
  width: 290px !important;
  padding-right: 30px;
  max-width: 90%
}

.home-blog-special-layout .home-blog-by-cat-section .archive-section-heading {
  margin: 0 0 21px
}

.home-blog-special-layout .home-blog-by-cat-section .tm-button {
  color: var(--edumall-color-primary)
}

.section-col-content,
.section-col-heading {
  position: relative;
  min-height: 1px;
  padding-left: .9375rem;
  padding-right: .9375rem
}

.section-col-heading {
  width: 280px;
  flex: 0 0 280px
}

.section-col-content {
  width: calc(100% - 280px)
}

@media (max-width:767px) {
  .home-blog-special-layout .home-blog-by-cat-section .section-col-heading {
    margin: 0 0 20px
  }

  .home-blog-special-layout .home-blog-by-cat-section .archive-section-heading {
    margin: 0 0 10px
  }

  .section-col-content,
  .section-col-heading {
    width: 100%
  }
}

.tm-grid-portfolio-main .modern-grid {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px
}

@media (max-width:1199px) {
  .tm-grid-portfolio-main .modern-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (max-width:767px) {
  .tm-grid-portfolio-main .modern-grid {
    grid-template-columns: repeat(1, 1fr)
  }
}

body.search .search-page-search-form {
  margin-bottom: 30px
}

.page-main-content .search-form {
  position: relative
}

.page-main-content .search-form .search-submit {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  border: 0;
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  box-shadow: none;
  transform: none;
  background: transparent
}

.page-main-content .search-form .search-submit:hover {
  color: #fff
}

.page-main-content .search-form .search-btn-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 15px
}

.page-main-content .search-form .search-btn-text {
  display: none
}

.search-no-results .no-results {
  background: #fff;
  padding: 45px 30px 60px;
  border: 1px solid #eee
}

.search-no-results .no-results .page-title {
  margin-bottom: 21px
}

.search-no-results .no-results .search-no-results-text {
  margin-bottom: 30px
}

.error404 .branding {
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translateX(-50%)
}

.error404 .branding .dark-logo,
.error404 .branding .light-logo {
  display: block
}

.error404.admin-bar .branding {
  top: 67px
}

.error404 .page-404-content {
  text-align: center
}

.error404 .page-404-content>.container>.row {
  padding-top: 120px;
  padding-bottom: 120px
}

.error404 .error-image {
  margin-bottom: 40px
}

.error404 .error-image img {
  max-width: 90%
}

.error404 .error-404-title {
  font-size: 40px;
  margin-bottom: 22px
}

.error404 .error-404-text {
  font-size: 16px;
  line-height: 30px;
  max-width: 770px;
  margin: 0 auto
}

.error404 .error-buttons {
  margin: 48px -10px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.error404 .error-buttons .tm-button-wrapper {
  padding: 10px
}

.error404 .error-buttons .tm-button {
  min-width: 190px
}

.error404 .error-buttons .tm-button .button-icon {
  font-size: 15px
}

@media (max-width:1024px) {
  .error404 .error-404-title {
    font-size: 34px
  }
}

@media (max-width:767px) {
  .error404 .error-404-title {
    font-size: 28px
  }
}

.page-template-blank .page-content {
  marin-top: 0;
  margin-bottom: 0
}

@media (min-width:1200px) {
  .page-template-boxed .container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1200px
  }

  .page-template-boxed .elementor-section.elementor-top-section.elementor-section-boxed>.elementor-container {
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px
  }

  .page-template-boxed .elementor-section.elementor-top-section.elementor-section-full_width .elementor-inner-section>.elementor-container {
    padding-left: 15px;
    padding-right: 15px
  }

  .page-template-boxed .elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1200px
  }
}

@media (min-width:1200px) {
  .page-template-content-boxed .page-content .container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1200px
  }

  .page-template-content-boxed .page-content .elementor-section.elementor-top-section.elementor-section-boxed>.elementor-container {
    max-width: 1230px;
    padding-left: 15px;
    padding-right: 15px
  }

  .page-template-content-boxed .page-content .elementor-section.elementor-top-section.elementor-section-full_width .elementor-inner-section>.elementor-container {
    padding-left: 15px;
    padding-right: 15px
  }

  .page-template-content-boxed .page-content .elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1200px
  }
}

.page-content .widget-title {
  font-size: 18px;
  margin-bottom: 28px;
  padding-bottom: 4px;
  border-bottom: 2px solid #e7e7e7
}

.page-content .widget+.widget {
  margin: 49px 0 0
}

.page-sidebar .elementor-section.elementor-section-boxed>.elementor-container {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.page-sidebar.style-02 .widget {
  background: var(--edumall-color-box-light-grey-background);
  border-radius: 5px;
  padding: 27px 20px 30px
}

.page-sidebar.style-02 .widget+.widget {
  margin: 20px 0 0
}

.page-sidebar.style-02 .widget-title {
  margin-bottom: 23px;
  padding: 0;
  border: 0
}

.page-sidebar.style-02 input[type=email],
.page-sidebar.style-02 input[type=number],
.page-sidebar.style-02 input[type=password],
.page-sidebar.style-02 input[type=search],
.page-sidebar.style-02 input[type=tel],
.page-sidebar.style-02 input[type=text],
.page-sidebar.style-02 input[type=url],
.page-sidebar.style-02 select,
.page-sidebar.style-02 textarea {
  background-color: #fff;
  border-color: #fff
}

.page-sidebar.style-02 input[type=email]:focus,
.page-sidebar.style-02 input[type=number]:focus,
.page-sidebar.style-02 input[type=password]:focus,
.page-sidebar.style-02 input[type=search]:focus,
.page-sidebar.style-02 input[type=tel]:focus,
.page-sidebar.style-02 input[type=text]:focus,
.page-sidebar.style-02 input[type=url]:focus,
.page-sidebar.style-02 select:focus,
.page-sidebar.style-02 textarea:focus {
  color: var(--edumall-color-heading);
  border-color: var(--edumall-color-primary);
  background-color: #fff
}

.page-sidebar.style-03 .widget {
  background: var(--edumall-color-box-white-background);
  box-shadow: 0 0 10px rgba(51, 51, 51, .1);
  border-radius: 5px;
  padding: 27px 20px 30px
}

.page-sidebar.style-03 .widget+.widget {
  margin: 20px 0 0
}

.page-sidebar.style-03 .widget-title {
  margin-bottom: 23px;
  padding: 0;
  border: 0
}

.widget ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.widget li+li {
  margin-top: 10px
}

.insight-core-bmw ul ul,
.widget_categories ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_product_categories ul ul {
  margin-left: 10px
}

.insight-core-bmw a:empty,
.widget_nav_menu a:empty {
  display: none
}

.insight-core-bmw .sub-menu,
.widget_nav_menu .sub-menu {
  margin-top: 14px
}

.page-sidebar .insight-core-bmw {
  padding: 0;
  border: 0
}

.page-sidebar .insight-core-bmw ul {
  border: 1px solid #eee;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, .08)
}

.page-sidebar .insight-core-bmw li {
  margin-top: 0
}

.page-sidebar .insight-core-bmw li:first-child>a {
  border: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px
}

.page-sidebar .insight-core-bmw li:last-child>a {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px
}

.page-sidebar .insight-core-bmw li>a {
  position: relative;
  display: block;
  padding: 13px 30px 13px 40px;
  font-weight: 500;
  border-top: 1px solid #eee
}

.page-sidebar .insight-core-bmw li>a:before {
  content: "\f111";
  font-size: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  color: #ababab
}

.page-sidebar .insight-core-bmw li.current-menu-item a,
.page-sidebar .insight-core-bmw li.current-menu-item a:before,
.page-sidebar .insight-core-bmw li:hover a,
.page-sidebar .insight-core-bmw li:hover a:before {
  color: var(--edumall-color-primary)
}

.widget_archive .children,
.widget_categories .children,
.widget_pages .children {
  margin-top: 10px
}

.widget_archive li+li,
.widget_categories li+li,
.widget_pages li+li {
  margin-top: 14px
}

.widget_archive li a,
.widget_categories li a,
.widget_pages li a {
  display: flex;
  justify-content: space-between;
  font-weight: 500
}

.widget_recent_comments .comment-author-link {
  position: relative;
  padding-left: 24px
}

.widget_recent_comments .comment-author-link:before {
  content: "\f27a";
  font-size: 14px;
  line-height: 0;
  position: absolute;
  top: 9px;
  left: 0
}

.widget_recent_entries .widget-title {
  margin-bottom: 9px
}

.widget_recent_entries li {
  margin: 0 !important
}

.widget_recent_entries li a {
  display: block;
  position: relative;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.78;
  padding: 16px 0 15px 30px;
  color: var(--edumall-color-text)
}

.widget_recent_entries li a:after,
.widget_recent_entries li a:before {
  content: "\f30b";
  position: absolute;
  top: 24px;
  left: 0;
  font-size: 15px
}

.widget_recent_entries li a:after {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%)
}

.widget_recent_entries li a:after,
.widget_recent_entries li a:hover {
  color: var(--edumall-color-link-hover)
}

.widget_recent_entries li a:hover:before {
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%)
}

.widget_recent_entries li a:hover:after {
  opacity: 1;
  visibility: visible;
  transform: translateX(0)
}

.widget_recent_entries li+li {
  border-top: 1px solid #eee
}

.widget_recent_entries .post-date {
  position: relative;
  display: block;
  font-size: 15px;
  font-weight: 500;
  padding-left: 25px;
  margin-top: 17px
}

.widget_recent_entries .post-date:before {
  font-size: 16px;
  content: "\f073";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.widget-search-form form {
  position: relative
}

.widget-search-form .search-field {
  width: 100%;
  padding-right: 62px
}

.widget-search-form .search-submit {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  border: 0;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  box-shadow: none;
  transform: none;
  background: transparent;
  color: var(--edumall-color-primary)
}

.widget-search-form .search-submit:hover {
  background: var(--edumall-color-primary);
  color: #fff
}

.widget-search-form .search-btn-text {
  display: none
}

.widget-search-form .search-btn-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px
}

.widget .tagcloud {
  margin: -5px
}

.widget .tagcloud a {
  display: block;
  float: left;
  font-size: 13px !important;
  line-height: 24px;
  font-weight: 500;
  padding: 4px 15px;
  border-radius: 3px;
  background: #f5f5f5;
  color: #ababab;
  border: 0;
  margin: 5px;
  overflow: hidden
}

.widget .tagcloud a:hover {
  color: #fff;
  background: var(--edumall-color-primary) !important
}

.widget_calendar td,
.widget_calendar th {
  padding: 5px
}

.widget_calendar .calendar_wrap {
  overflow-x: auto
}

.widget_calendar caption {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 14px;
  letter-spacing: 3px;
  text-transform: uppercase
}

.widget_calendar #today {
  color: #fff;
  background-color: var(--edumall-color-primary)
}

.widget_calendar #today a,
.widget_rss .widget-title a {
  color: inherit
}

.widget_rss li+li {
  margin-top: 25px
}

.widget_rss li a {
  font-size: 15px;
  color: var(--edumall-color-heading);
  line-height: 1.5;
  font-weight: 700
}

.widget_rss li a:hover {
  color: var(--edumall-color-link-hover)
}

.widget_rss .rsswidget {
  display: inline-block
}

.widget_rss .rss-widget-icon {
  display: block;
  margin-right: 6px
}

.widget_rss .rss-date {
  display: block;
  margin: 4px 0 8px;
  font-size: 14px
}

.widget_rss .rssSummary {
  margin-bottom: 5px
}

.edumall-wp-widget-posts .post-item {
  display: flex;
  align-items: flex-start
}

.edumall-wp-widget-posts .post-item+.post-item {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--edumall-color-box-border)
}

.edumall-wp-widget-posts .post-widget-thumbnail {
  flex-shrink: 0;
  margin: 0 17px 0 0;
  width: 100px;
  border-radius: 3px;
  overflow: hidden;
  position: relative
}

.edumall-wp-widget-posts .post-widget-thumbnail img {
  width: 100%
}

.edumall-wp-widget-posts .post-widget-overlay-categories {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .3);
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  padding: 1px 5px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.edumall-wp-widget-posts .post-widget-info {
  flex-grow: 1
}

.edumall-wp-widget-posts .post-widget-categories {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.4;
  margin-bottom: 10px;
  color: #ababab
}

.edumall-wp-widget-posts .post-widget-categories a {
  color: inherit;
  display: inline-block
}

.edumall-wp-widget-posts .post-widget-title {
  font-size: 15px;
  font-weight: var(--edumall-typography-headings-font-weight);
  line-height: 1.74;
  margin-bottom: 0
}

.edumall-wp-widget-posts .post-widget-title a {
  display: block
}

.edumall-wp-widget-posts .post-date {
  display: block;
  font-size: 14px;
  color: #9b9b9b;
  margin-top: 7px
}

.fal,
.far {
  font-family: "Font Awesome 5 Pro" !important
}

.elementor-widget-wrap .elementor-element.elementor-widget__width-auto,
.elementor-widget-wrap .elementor-element.elementor-widget__width-initial {
  max-width: 100% !important
}

.elementor-editor-active .page-header {
  pointer-events: none
}

.elementor-editor-active .page-header * {
  pointer-events: none !important
}

.elementor-element-editable.edumall-heading-wrapper-editing .tm-modern-heading {
  outline: 1px dashed #eee
}

.elementor-element-editable.elementor-widget-tm-image-layers .artboard {
  outline: 2px dashed #d5dadf
}

.elementor-element-editable.edumall-swiper-arrows-editing .tm-swiper .swiper-nav-button {
  transition-delay: 0s !important;
  opacity: 1 !important;
  visibility: visible !important
}

.elementor-element-editable.edumall-map-marker-overlay-editing .edumall-map-overlay-content {
  display: block !important
}

.elementor-widget-tm-flip-box.edumall-flip-box--flipped .elementor-widget-container .front-side {
  display: none
}

.elementor-widget-tm-flip-box.edumall-flip-box--flipped .elementor-widget-container .back-side {
  transform: none;
  opacity: 1
}

.dialog-widget.elementor-popup-modal .dialog-message {
  max-width: 90vw
}

.dialog-widget.elementor-popup-modal .dialog-close-button {
  top: 14px
}

.dialog-widget .dialog-close-button {
  font-size: 32px
}

.dialog-widget .dialog-close-button i:before {
  content: "\f00d"
}

@keyframes tm-animation-buzz-out {
  10% {
    transform: translateX(3px) rotate(2deg)
  }

  20% {
    transform: translateX(-3px) rotate(-2deg)
  }

  30% {
    transform: translateX(3px) rotate(2deg)
  }

  40% {
    transform: translateX(-3px) rotate(-2deg)
  }

  50% {
    transform: translateX(2px) rotate(1deg)
  }

  60% {
    transform: translateX(-2px) rotate(-1deg)
  }

  70% {
    transform: translateX(2px) rotate(1deg)
  }

  80% {
    transform: translateX(-2px) rotate(-1deg)
  }

  90% {
    transform: translateX(1px) rotate(0)
  }

  to {
    transform: translateX(-1px) rotate(0)
  }
}

@keyframes tm-loop-move-vertical {
  0% {
    transform: translate3d(0, -5px, 0)
  }

  to {
    transform: translate3d(0, 5px, 0)
  }
}

.loop-move-vertical {
  animation: 3s tm-loop-move-vertical linear infinite alternate
}

@keyframes tm-loop-move-horizontal {
  0% {
    transform: translate3d(-5px, 0, 0)
  }

  to {
    transform: translate3d(5px, 0, 0)
  }
}

.loop-move-horizontal {
  animation: 3s tm-loop-move-horizontal linear infinite alternate
}

@keyframes tm-loop-rotate {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(-1turn)
  }
}

.loop-rotate {
  animation: 3s tm-loop-rotate linear infinite
}

.edumall-animation-zoom-in .edumall-image {
  overflow: hidden
}

.edumall-animation-zoom-in .edumall-image img {
  width: 100%;
  transition: all 1.5s cubic-bezier(0, 0, .2, 1)
}

.edumall-animation-zoom-in .edumall-box:hover .edumall-image img {
  transform: scale3d(1.1, 1.1, 1.1)
}

.edumall-animation-zoom-out .edumall-image {
  overflow: hidden
}

.edumall-animation-zoom-out .edumall-image img {
  width: 100%;
  transition: all 1.5s cubic-bezier(0, 0, .2, 1);
  transform: scale3d(1.1, 1.1, 1.1)
}

.edumall-animation-zoom-out .edumall-box:hover .edumall-image img {
  transform: scaleX(1)
}

.edumall-animation-move-up .edumall-box .edumall-image {
  transition: all .3s cubic-bezier(0, 0, .2, 1)
}

.edumall-animation-move-up .edumall-box:hover .edumall-image {
  transform: translateY(-10px)
}

.edumall-animation-move-up-drop-shadow .edumall-box .edumall-image {
  position: relative;
  transition: all .3s cubic-bezier(0, 0, .2, 1)
}

.edumall-animation-move-up-drop-shadow .edumall-box .edumall-image:after {
  content: "";
  position: absolute;
  bottom: 0;
  top: 50%;
  left: 10%;
  right: 10%;
  box-shadow: 0 10px 50px rgba(51, 51, 51, .22);
  z-index: -1;
  opacity: 0;
  transition: opacity .3s linear
}

.edumall-animation-move-up-drop-shadow .edumall-box:hover .edumall-image {
  transform: translateY(-10px)
}

.edumall-animation-move-up-drop-shadow .edumall-box:hover .edumall-image:after {
  opacity: 1
}

@keyframes edumallAnimationFadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

.edumallFadeInUp {
  animation-name: edumallAnimationFadeInUp
}

.edumallFadeInUp.animated {
  animation-duration: 1s
}

@keyframes moveHorizontal {
  to {
    transform: translateX(0);
    opacity: 1
  }
}

.edumall-grid-filter {
  padding-bottom: 61px
}

.edumall-grid-filter .container {
  padding-left: 0;
  padding-right: 0
}

.edumall-grid-wrapper .edumall-grid-filter-buttons {
  margin-left: -15px;
  margin-right: -15px
}

.edumall-grid-wrapper.filter-style-01 .btn-filter {
  position: relative;
  display: inline-block;
  padding: 0;
  margin: 5px 17px;
  color: inherit;
  border-bottom: 1px solid transparent
}

.edumall-grid-wrapper.filter-style-01 .btn-filter:hover {
  color: var(--edumall-color-heading)
}

.edumall-grid-wrapper.filter-style-01 .btn-filter:hover .filter-counter {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -100%)
}

.edumall-grid-wrapper.filter-style-01 .btn-filter.current {
  color: var(--edumall-color-heading);
  border-color: currentColor
}

.edumall-grid-wrapper.filter-style-01 .btn-filter.current .filter-text {
  font-weight: 500
}

.edumall-grid-wrapper.filter-style-01 .filter-text {
  font-size: 12px;
  font-weight: var(--edumall-typography-headings-font-weight);
  line-height: 1.34;
  text-transform: uppercase;
  letter-spacing: 1.38px
}

.edumall-grid-wrapper.filter-style-01 .filter-counter {
  position: absolute;
  top: 0;
  left: 50%;
  visibility: hidden;
  margin: 0 auto;
  min-width: 34px;
  height: 24px;
  line-height: 24px;
  border-radius: 3px;
  font-size: 12px;
  background-color: #111;
  color: #fff;
  text-align: center;
  opacity: 0;
  transform: translate(-50%, -50%)
}

.edumall-grid-wrapper.filter-style-01 .filter-counter:before {
  position: absolute;
  right: 0;
  bottom: -4px;
  left: 0;
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: 4px solid #111;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: ""
}

.edumall-grid-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #111;
  background: hsla(0, 0%, 100%, .3);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center
}

.edumall-grid-loader.show {
  pointer-events: auto;
  z-index: 2;
  opacity: 1;
  visibility: visible
}

.edumall-grid-loader .sk-wrap {
  margin: 0 auto
}

.edumall-grid-loader .sk-circle {
  width: 80px;
  height: 80px
}

.edumall-infinite-loader {
  display: none;
  margin: 0
}

.edumall-infinite-loader .sk-wrap {
  margin: 0 auto
}

.edumall-infinite-loader.show {
  display: inline-block
}

.edumall-grid-pagination {
  padding-top: 30px;
  text-align: center
}

.edumall-grid-pagination .page-pagination,
.edumall-grid-pagination .pagination-wrapper {
  display: inline-block
}

.edumall-grid-pagination .navigation-buttons {
  display: flex;
  align-items: center;
  color: #111
}

.edumall-grid-pagination .navigation-buttons .nav-line {
  width: 150px;
  height: 1px;
  flex-shrink: 0;
  background: currentColor;
  margin: 0 30px
}

.edumall-grid-pagination .navigation-buttons .nav-link {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  font-size: 34px;
  line-height: 1.2;
  font-weight: var(--edumall-typography-headings-font-weight)
}

.edumall-grid-pagination .navigation-buttons .disabled {
  opacity: .5;
  cursor: not-allowed
}

.edumall-load-more-button.tm-button {
  min-width: 250px
}

.edumall-load-more-button.tm-button.style-border {
  border-color: #eee
}

.edumall-load-more-button.tm-button.style-border:hover {
  border-color: transparent
}

.edumall-grid-messages {
  margin: 50px 0;
  text-align: center
}

.edumall-grid-sorting {
  margin-bottom: 10px
}

.edumall-grid-sorting .result-count {
  margin: 0 0 20px;
  color: var(--edumall-color-text-bit-lighten)
}

.edumall-grid-sorting .result-count .count {
  font-weight: 500;
  color: #333
}

.edumall-grid-sorting .ordering {
  text-align: right;
  margin: 0 0 20px
}

.edumall-grid-sorting .ordering .edumall-nice-select-wrap {
  width: 262px
}

.edumall-grid-sorting .ordering .edumall-nice-select-current .label:before {
  content: "\f036";
  vertical-align: middle;
  font-size: 16px
}

.edumall-grid-metro .grid-item-height .edumall-box,
.edumall-grid-metro .grid-item-height .edumall-image {
  height: 100%
}

.edumall-grid-metro .grid-item-height .edumall-image img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.lazy-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px
}

.lazy-grid .grid-sizer {
  display: none
}

.lazy-grid.loaded,
.lazy-grid.loaded .grid-sizer {
  display: block
}

@media (max-width:767px) {
  .edumall-grid-wrapper .edumall-grid-filter-buttons {
    display: block
  }

  .edumall-grid-sorting,
  .edumall-grid-sorting .ordering {
    text-align: left
  }
}

.edumall-accordion .accordion-section.active>.accordion-header .closed-icon {
  display: block
}

.edumall-accordion .accordion-section.active>.accordion-header .opened-icon {
  display: none
}

.edumall-accordion .accordion-header {
  display: flex;
  align-items: center;
  min-height: 60px;
  cursor: pointer
}

.edumall-accordion .accordion-title-wrapper {
  font-size: 0;
  flex-grow: 1
}

.edumall-accordion .accordion-title {
  display: inline-block;
  margin-bottom: 0;
  color: inherit;
  font-size: 18px
}

.edumall-accordion .accordion-icons {
  font-size: 20px;
  color: #8c89a2;
  flex-shrink: 0;
  margin: 0 0 0 10px;
  line-height: 0
}

.edumall-accordion .accordion-icons .closed-icon {
  display: none
}

.edumall-accordion.edumall-accordion-style-01 .accordion-section.active .accordion-header,
.edumall-accordion.edumall-accordion-style-01 .accordion-section:hover .accordion-header {
  background-color: rgba(var(--edumall-color-primary-rgb), .7)
}

.edumall-accordion .accordion-content {
  display: none;
  color: var(--edumall-color-text-bit-lighten)
}

.edumall-accordion.edumall-accordion-icon-left .accordion-header {
  flex-direction: row-reverse
}

.edumall-accordion.edumall-accordion-icon-left .accordion-icons {
  margin-left: 0;
  margin: 0 10px 0 0
}

.edumall-accordion-style-01 .edumall-accordion .accordion-section {
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 15px 50px rgba(51, 51, 51, .1)
}

.edumall-accordion-style-01 .edumall-accordion .accordion-section+.accordion-section {
  margin: 30px 0 0
}

.edumall-accordion-style-01 .edumall-accordion .accordion-section.active .accordion-icons,
.edumall-accordion-style-01 .edumall-accordion .accordion-section.active .accordion-title,
.edumall-accordion-style-01 .edumall-accordion .accordion-section:hover .accordion-icons,
.edumall-accordion-style-01 .edumall-accordion .accordion-section:hover .accordion-title {
  color: #fff
}

.edumall-accordion-style-01 .edumall-accordion .accordion-header {
  padding: 10px 20px
}

.edumall-accordion-style-01 .edumall-accordion .accordion-content {
  line-height: 1.6;
  padding: 25px 30px
}

.edumall-accordion-style-02 .edumall-accordion .accordion-section {
  border: 1px solid #eee;
  border-radius: 5px
}

.edumall-accordion-style-02 .edumall-accordion .accordion-section+.accordion-section {
  margin: 30px 0 0
}

.edumall-accordion-style-02 .edumall-accordion .accordion-section.active,
.edumall-accordion-style-02 .edumall-accordion .accordion-section:hover {
  border-color: transparent !important
}

.edumall-accordion-style-02 .edumall-accordion .accordion-section.active .accordion-icons,
.edumall-accordion-style-02 .edumall-accordion .accordion-section.active .accordion-title,
.edumall-accordion-style-02 .edumall-accordion .accordion-section:hover .accordion-icons,
.edumall-accordion-style-02 .edumall-accordion .accordion-section:hover .accordion-title {
  color: #fff
}

.edumall-accordion-style-02 .edumall-accordion .accordion-section:hover {
  background: var(--edumall-color-primary)
}

.edumall-accordion-style-02 .edumall-accordion .accordion-section.active {
  background: #fff;
  box-shadow: 0 15px 50px rgba(51, 51, 51, .1)
}

.edumall-accordion-style-02 .edumall-accordion .accordion-section.active .accordion-header {
  background: var(--edumall-color-primary)
}

.edumall-accordion-style-02 .edumall-accordion .accordion-header {
  padding: 10px 30px;
  margin: -1px -1px 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.edumall-accordion-style-02 .edumall-accordion .accordion-content {
  padding: 25px 29px 34px
}

.edumall-accordion-style-03 .edumall-accordion .accordion-section {
  border-bottom: 2px solid #eee;
  padding: 9px 0
}

.edumall-accordion-style-03 .edumall-accordion .accordion-header {
  min-height: 64px
}

.edumall-accordion-style-03 .edumall-accordion .accordion-title {
  font-size: 24px
}

.edumall-accordion-style-03 .edumall-accordion .accordion-icons {
  color: #ababab;
  font-size: 24px
}

.edumall-accordion-style-03 .edumall-accordion .accordion-content {
  padding: 0 0 25px
}

@media (max-width:1024px) {
  .edumall-accordion-style-03 .edumall-accordion .accordion-title {
    font-size: 21px
  }
}

@media (max-width:767px) {
  .edumall-accordion-style-03 .edumall-accordion .accordion-title {
    font-size: 18px
  }
}

.elementor-widget-tm-tabs .elementor-section.elementor-top-section.elementor-section-boxed>.elementor-container {
  padding-left: 0;
  padding-right: 0
}

.edumall-tabs-style-01 .edumall-tabpanel.edumall-tabpanel-horizontal .edumall-nav-tabs {
  position: relative;
  border-bottom: 0;
  margin: 0
}

.edumall-tabs-style-01 .edumall-tabpanel.edumall-tabpanel-horizontal .edumall-nav-tabs:after {
  content: "";
  height: 1px;
  left: 50%;
  width: 6000px;
  position: absolute;
  bottom: 0;
  background: var(--edumall-color-box-border);
  transform: translate(-50%)
}

.edumall-tabs-style-01 .edumall-tabpanel.edumall-tabpanel-horizontal .tab-content {
  padding: 30px 0 0
}

.edumall-tabs-style-01 .edumall-tabpanel.edumall-tabpanel-horizontal .edumall-tab-title {
  font-size: 20px;
  font-weight: var(--edumall-typography-headings-font-weight)
}

.edumall-tabs-style-01 .edumall-tabpanel.edumall-tabpanel-horizontal .edumall-desktop-heading {
  margin: 0 15px;
  padding: 4px 10px 11px
}

.edumall-tabs-style-01 .edumall-tabpanel.edumall-tabpanel-vertical .tab-content {
  padding: 0 0 0 20px
}

.edumall-tabs-style-02 .edumall-nav-tabs {
  font-size: 0
}

.edumall-tabs-style-02 .edumall-tabpanel>.edumall-nav-tabs {
  position: relative;
  border-bottom: 0
}

.edumall-tabs-style-02 .edumall-tabpanel>.edumall-nav-tabs li {
  margin: 0 !important
}

.edumall-tabs-style-02 .edumall-tabpanel>.edumall-nav-tabs li a {
  border: 2px solid #eee;
  border-radius: 5px;
  font-size: 15px;
  font-weight: var(--edumall-typography-headings-font-weight);
  color: var(--edumall-color-heading);
  background: #fff;
  line-height: 26px;
  margin: 0 -5px;
  padding: 13px 30px;
  min-width: 160px;
  transition: all .2s linear
}

.edumall-tabs-style-02 .edumall-tabpanel>.edumall-nav-tabs li a:hover {
  color: var(--edumall-color-primary)
}

.edumall-tabs-style-02 .edumall-tabpanel>.edumall-nav-tabs li.active {
  z-index: 1
}

.edumall-tabs-style-02 .edumall-tabpanel>.edumall-nav-tabs li.active a {
  transition: all .25s linear .25s
}

.edumall-tabs-style-02 .edumall-tabpanel .tab-panel.active .tab-mobile-heading,
.edumall-tabs-style-02 .edumall-tabpanel>.edumall-nav-tabs li.active a {
  color: #fff;
  background: var(--edumall-color-primary);
  border-color: var(--edumall-color-primary)
}

.edumall-tabs-style-02 .tab-mobile-heading {
  border: 2px solid #eee;
  border-radius: 5px;
  font-size: 15px;
  font-weight: var(--edumall-typography-headings-font-weight);
  color: var(--edumall-color-heading);
  background: #fff;
  line-height: 26px;
  padding: 13px 30px;
  min-width: 160px
}

.edumall-tabs-style-02 .tab-mobile-heading:hover {
  color: var(--edumall-color-primary)
}

.edumall-tabs-style-02 .tab-content {
  padding: 66px 0 0
}

.edumall-tabs-style-02 .tab-panel+.tab-panel {
  margin: 10px 0 0
}

.edumall-tabs-style-03 .edumall-tabpanel>.edumall-nav-tabs,
.edumall-tabs-style-04 .edumall-tabpanel>.edumall-nav-tabs {
  border: 0
}

.edumall-tabs-style-03 .edumall-tabpanel .edumall-tab-title,
.edumall-tabs-style-04 .edumall-tabpanel .edumall-tab-title {
  display: flex;
  align-items: flex-start;
  padding: 34px 30px;
  border: 0 !important;
  border-radius: 5px;
  text-align: left
}

.edumall-tabs-style-03 .nav-tab-icon,
.edumall-tabs-style-04 .nav-tab-icon {
  font-size: 48px;
  margin: 0 47px 0 0;
  flex-shrink: 0;
  line-height: 1
}

.edumall-tabs-style-03 .nav-tab-heading,
.edumall-tabs-style-04 .nav-tab-heading {
  flex-grow: 1
}

.edumall-tabs-style-03 .nav-tab-title,
.edumall-tabs-style-04 .nav-tab-title {
  font-size: 20px;
  line-height: 1.34
}

.edumall-tabs-style-03 .nav-tab-description,
.edumall-tabs-style-04 .nav-tab-description {
  font-size: var(--edumall-typography-body-font-size);
  font-weight: var(--edumall-typography-body-font-weight);
  line-height: var(--edumall-typography-body-line-height);
  color: var(--edumall-color-text);
  margin: 11px 0 0
}

.edumall-tabs-style-03 .edumall-nav-tabs .active .edumall-tab-title,
.edumall-tabs-style-03 .tab-panel.active>.edumall-tab-title,
.edumall-tabs-style-04 .edumall-nav-tabs .active .edumall-tab-title,
.edumall-tabs-style-04 .tab-panel.active>.edumall-tab-title {
  background: #fff;
  box-shadow: 0 5px 25px rgba(0, 0, 0, .09)
}

.edumall-tabs-style-03 .edumall-tabpanel.edumall-tabpanel-horizontal .edumall-nav-tabs li,
.edumall-tabs-style-04 .edumall-tabpanel.edumall-tabpanel-horizontal .edumall-nav-tabs li {
  margin: 0 3px 10px
}

.edumall-tabs-style-03 .edumall-tabpanel.edumall-tabpanel-horizontal .edumall-nav-tabs li .edumall-tab-title,
.edumall-tabs-style-04 .edumall-tabpanel.edumall-tabpanel-horizontal .edumall-nav-tabs li .edumall-tab-title {
  padding: 20px 25px
}

.edumall-tabs-style-03 .edumall-tabpanel.edumall-tabpanel-horizontal .nav-tab-icon,
.edumall-tabs-style-04 .edumall-tabpanel.edumall-tabpanel-horizontal .nav-tab-icon {
  margin: 0 20px 0 0
}

.edumall-tabs-style-03 .edumall-tabpanel.edumall-tabpanel-vertical .edumall-nav-tabs li+li,
.edumall-tabs-style-04 .edumall-tabpanel.edumall-tabpanel-vertical .edumall-nav-tabs li+li {
  margin: 10px 0 0
}

.edumall-tabs-style-03 .edumall-tabpanel.edumall-tabpanel-vertical .tab-content,
.edumall-tabs-style-04 .edumall-tabpanel.edumall-tabpanel-vertical .tab-content {
  padding: 0 0 0 30px
}

.edumall-tabs-style-03 .edumall-tabpanel.edumall-tabpanel-vertical.edumall-tabpanel-nav-reversed .tab-content,
.edumall-tabs-style-04 .edumall-tabpanel.edumall-tabpanel-vertical.edumall-tabpanel-nav-reversed .tab-content {
  padding: 0 30px 0 0
}

.edumall-tabs-style-04 .nav-tab-icon {
  font-size: 30px
}

.edumall-tabs-style-04 .nav-tab-description {
  display: none
}

.edumall-tabs-style-04 .edumall-tabpanel .edumall-tab-title {
  padding: 25px 30px;
  border-radius: 8px
}

.edumall-tabs-style-04 .edumall-tabpanel>.edumall-nav-tabs>.active .nav-tab-description,
.edumall-tabs-style-04 .tab-panel.active>.edumall-tab-title .nav-tab-description {
  display: block
}

@media (min-width:768px) {
  .elementor-widget-tm-tabs.edumall-tabs-style-01.edumall-tabs-view-horizontal .tab-content {
    padding: 0
  }

  .elementor-widget-tm-tabs.edumall-tabs-style-01.edumall-tabs-view-horizontal .edumall-tab-content {
    padding: 70px 0 0
  }
}

@media (max-width:767px) {

  .edumall-tabs-style-03 .tab-panel+.tab-panel,
  .edumall-tabs-style-04 .tab-panel+.tab-panel {
    margin: 10px 0 0
  }

  .edumall-tabs-style-03 .edumall-tabpanel .edumall-tab-title,
  .edumall-tabs-style-04 .edumall-tabpanel .edumall-tab-title {
    padding: 20px
  }

  .edumall-tabs-style-03 .nav-tab-icon,
  .edumall-tabs-style-04 .nav-tab-icon {
    margin: 0 20px 0 0
  }

  .edumall-tabs-style-03 .tab-content,
  .edumall-tabs-style-04 .tab-content {
    padding: 20px 0 0 !important
  }
}

.tm-button,
.tm-button-inline,
.tm-swiper .tm-button {
  display: inline-flex
}

.tm-button {
  transition: all .25s cubic-bezier(.645, .045, .355, 1), color 0s linear;
  position: relative;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.3;
  white-space: nowrap;
  cursor: pointer;
  border-width: 0;
  border-style: solid;
  border-radius: 5px;
  max-width: 100%
}

.tm-button.tm-button-full-wide {
  width: 100% !important
}

.tm-button .button-content-wrapper {
  display: flex;
  align-items: center
}

.tm-button .button-icon {
  flex-shrink: 0;
  position: relative;
  font-size: 16px;
  line-height: 1
}

.tm-button .button-icon i {
  background: inherit
}

.tm-button.icon-left .button-icon {
  margin-right: 14px
}

.tm-button.icon-left.tm-button-xs .button-icon {
  margin-right: 7px
}

.tm-button.icon-right .button-icon {
  margin-left: 14px
}

.tm-button.icon-right.tm-button-xs .button-icon {
  margin-left: 7px
}

.tm-button .button-badge {
  position: absolute;
  top: -15px;
  right: -15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 31px;
  min-width: 31px;
  padding: 4px;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  background: #dc3131;
  color: #fff
}

.tm-button .button-badge .badge-text {
  line-height: 1
}

.tm-button.button-thin .button-text {
  font-size: 14px;
  font-weight: var(--edumall-typography-headings-font-weight)
}

.tm-button.style-border,
.tm-button.style-flat,
.tm-button.style-thick-border {
  padding: 0 36px;
  min-height: 52px
}

.tm-button.style-border.tm-button-xl,
.tm-button.style-flat.tm-button-xl,
.tm-button.style-thick-border.tm-button-xl {
  padding: 0 42px;
  min-height: 60px
}

.tm-button.style-border.tm-button-xl .button-icon,
.tm-button.style-border.tm-button-xl .button-text,
.tm-button.style-flat.tm-button-xl .button-icon,
.tm-button.style-flat.tm-button-xl .button-text,
.tm-button.style-thick-border.tm-button-xl .button-icon,
.tm-button.style-thick-border.tm-button-xl .button-text {
  font-size: 16px
}

.tm-button.style-border.tm-button-lg,
.tm-button.style-flat.tm-button-lg,
.tm-button.style-thick-border.tm-button-lg {
  padding: 0 42px;
  min-height: 56px
}

.tm-button.style-border.tm-button-sm,
.tm-button.style-flat.tm-button-sm,
.tm-button.style-thick-border.tm-button-sm {
  padding: 0 28px;
  min-height: 48px
}

.tm-button.style-border.tm-button-xs,
.tm-button.style-flat.tm-button-xs,
.tm-button.style-thick-border.tm-button-xs {
  padding: 0 16px;
  min-height: 40px
}

.tm-button.style-border.tm-button-xs .button-icon,
.tm-button.style-border.tm-button-xs .button-text,
.tm-button.style-flat.tm-button-xs .button-icon,
.tm-button.style-flat.tm-button-xs .button-text,
.tm-button.style-thick-border.tm-button-xs .button-icon,
.tm-button.style-thick-border.tm-button-xs .button-text {
  font-size: 14px
}

.tm-button.style-border {
  border-width: 1px
}

.tm-button.style-thick-border {
  border-width: 2px
}

.tm-button.style-text {
  padding: 5px 0
}

.tm-button.style-text.tm-button-xl .button-text {
  font-size: 1.14em
}

.tm-button.style-text.tm-button-lg .button-text {
  font-size: 1.067em
}

.tm-button.style-text.tm-button-sm .button-text {
  font-size: .934em
}

.tm-button.style-text.tm-button-sm .button-icon {
  font-size: 14px
}

.tm-button.style-text.tm-button-xs .button-text {
  font-size: .87em
}

.tm-button.style-bottom-line-alt .button-icon,
.tm-button.style-bottom-line .button-icon,
.tm-button.style-left-line .button-icon {
  font-size: 11px
}

.tm-button.style-bottom-line-alt.tm-button-xl,
.tm-button.style-bottom-line.tm-button-xl,
.tm-button.style-left-line.tm-button-xl {
  font-size: 1.2em
}

.tm-button.style-bottom-line-alt.tm-button-lg,
.tm-button.style-bottom-line.tm-button-lg,
.tm-button.style-left-line.tm-button-lg {
  font-size: 1.1em
}

.tm-button.style-bottom-line-alt.tm-button-sm,
.tm-button.style-bottom-line.tm-button-sm,
.tm-button.style-left-line.tm-button-sm {
  font-size: .9em
}

.tm-button.style-bottom-line-alt.tm-button-xs,
.tm-button.style-bottom-line.tm-button-xs,
.tm-button.style-left-line.tm-button-xs {
  font-size: .8em
}

.tm-button.style-bottom-line .button-content-wrapper {
  position: relative;
  padding: 5px 0
}

.tm-button.style-bottom-line .button-content-wrapper:after,
.tm-button.style-bottom-line .button-content-wrapper:before {
  content: "";
  position: absolute;
  left: 0;
  height: 1px;
  background: #ddd;
  transform-origin: right;
  transform: scaleX(1) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s;
  bottom: 0;
  width: 100%
}

.tm-button.style-bottom-line .button-content-wrapper:after {
  transform-origin: left;
  transform: scaleX(0) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.tm-button.style-bottom-line-alt .button-content-wrapper {
  position: relative;
  padding: 5px 0
}

.tm-button.style-bottom-line-alt .button-content-wrapper:before {
  content: "";
  position: absolute;
  left: 0;
  height: 1px;
  background: #ddd;
  bottom: 0;
  width: 100%;
  transform-origin: right;
  transform: scaleX(0) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.tm-button.style-left-line .button-content-wrapper {
  position: relative;
  padding: 0 0 0 62px
}

.tm-button.style-left-line .button-content-wrapper:after,
.tm-button.style-left-line .button-content-wrapper:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  background: #ddd;
  transform-origin: right;
  transform: scaleX(1) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s;
  width: 50px;
  top: 50%;
  margin-top: -1px
}

.tm-button.style-left-line .button-content-wrapper:after {
  transform-origin: left;
  transform: scaleX(0) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.tm-button.style-border,
.tm-button.style-flat,
.tm-button.style-thick-border {
  position: relative;
  transform: perspective(1px) translateZ(0)
}

.tm-button.style-border:after,
.tm-button.style-border:before,
.tm-button.style-flat:after,
.tm-button.style-flat:before,
.tm-button.style-thick-border:after,
.tm-button.style-thick-border:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit
}

.tm-button.style-border:after,
.tm-button.style-flat:after,
.tm-button.style-thick-border:after {
  opacity: 0
}

.tm-button.style-border:after,
.tm-button.style-border:before {
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px
}

.tm-button.style-thick-border:after,
.tm-button.style-thick-border:before {
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px
}

.tm-button.button-grey.style-flat {
  color: var(--edumall-color-primary);
  border-color: #f5f5f5
}

.tm-button.button-grey.style-flat:before {
  background-color: #f5f5f5
}

.tm-button.button-grey.style-flat:after {
  background-color: var(--edumall-color-primary)
}

.tm-button.button-grey.style-flat:hover {
  color: #fff;
  border-color: var(--edumall-color-primary)
}

.tm-button.button-grey.style-border,
.tm-button.button-grey.style-thick-border {
  border-color: #eee
}

.tm-button.button-grey.style-border:hover,
.tm-button.button-grey.style-thick-border:hover {
  border-color: var(--edumall-color-primary)
}

.tm-button.button-grey-white.style-flat {
  color: var(--edumall-color-primary);
  border-color: #f5f5f5
}

.tm-button.button-grey-white.style-flat:before {
  background-color: #f5f5f5
}

.tm-button.button-grey-white.style-flat:after {
  background-color: #fff
}

.tm-button.button-grey-white.style-flat:hover {
  color: var(--edumall-color-primary);
  border-color: #fff;
  box-shadow: 0 6px 25px rgba(0, 0, 0, .1)
}

.tm-button.button-grey-white.style-border,
.tm-button.button-grey-white.style-thick-border {
  border-color: #eee
}

.tm-button.button-grey-white.style-border:hover,
.tm-button.button-grey-white.style-thick-border:hover {
  border-color: var(--edumall-color-primary)
}

.tm-button.button-white.style-flat {
  color: var(--edumall-color-primary);
  border-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, .08)
}

.tm-button.button-white.style-flat:before {
  background-color: #fff
}

.tm-button.button-white.style-flat:after {
  background-color: var(--edumall-color-primary)
}

.tm-button.button-white.style-flat:hover {
  color: #fff;
  border-color: var(--edumall-color-primary)
}

.tm-button.button-danger.style-flat {
  color: #fff;
  border-color: #e53935
}

.tm-button.button-danger.style-flat:hover {
  color: #fff;
  border-color: #ce0905
}

.tm-button.button-danger.style-flat:before {
  background-color: #e53935
}

.tm-button.button-danger.style-flat:after {
  background-color: #ce0905
}

.tm-button.button-light-primary.style-flat {
  color: var(--edumall-color-primary);
  border-color: #fff;
  background: #fff
}

.tm-button.button-light-primary.style-flat:before {
  background-color: rgba(var(--edumall-color-primary-rgb), .1)
}

.tm-button.button-light-primary.style-flat:after {
  background-color: var(--edumall-color-primary)
}

.tm-button.button-light-primary.style-flat:hover {
  color: #fff;
  border-color: var(--edumall-color-primary)
}

.tm-button.button-secondary-white.style-flat {
  color: var(--edumall-color-third);
  border-color: var(--edumall-color-secondary)
}

.tm-button.button-secondary-white.style-flat:before {
  background: var(--edumall-color-secondary)
}

.tm-button.button-secondary-white.style-flat:after {
  background-color: #fff
}

.tm-button.button-secondary-white.style-flat:hover {
  color: var(--edumall-color-primary);
  border-color: #fff
}

.edumall-box:hover div.tm-button.style-bottom-line .button-content-wrapper:before,
a.tm-button.style-bottom-line:hover .button-content-wrapper:before {
  transform: scaleX(0) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.edumall-box:hover div.tm-button.style-bottom-line .button-content-wrapper:after,
a.tm-button.style-bottom-line:hover .button-content-wrapper:after {
  transform: scaleX(1) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s
}

.edumall-box:hover div.tm-button.style-bottom-line-alt .button-content-wrapper:before,
a.tm-button.style-bottom-line-alt:hover .button-content-wrapper:before {
  transform-origin: left;
  transform: scaleX(1) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s
}

.edumall-box:hover div.tm-button.style-left-line .button-content-wrapper:before,
a.tm-button.style-left-line:hover .button-content-wrapper:before {
  transform: scaleX(0) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.edumall-box:hover div.tm-button.style-left-line .button-content-wrapper:after,
a.tm-button.style-left-line:hover .button-content-wrapper:after {
  transform: scaleX(1) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s
}

.edumall-box:hover div.tm-button.style-border:before,
.edumall-box:hover div.tm-button.style-flat:before,
.edumall-box:hover div.tm-button.style-thick-border:before,
a.tm-button.style-border:hover:before,
a.tm-button.style-flat:hover:before,
a.tm-button.style-thick-border:hover:before {
  opacity: 0
}

.edumall-box:hover div.tm-button.style-border:after,
.edumall-box:hover div.tm-button.style-flat:after,
.edumall-box:hover div.tm-button.style-thick-border:after,
a.tm-button.style-border:hover:after,
a.tm-button.style-flat:hover:after,
a.tm-button.style-thick-border:hover:after {
  opacity: 1
}

.tm-button.style-flat.button-secondary-lighten {
  color: var(--edumall-color-third) !important
}

.tm-button.style-flat.button-secondary-lighten:after {
  background-color: var(--edumall-color-secondary)
}

.tm-button.style-flat.button-secondary-lighten:before {
  background-color: rgba(var(--edumall-color-secondary-rgb), .3)
}

.edumall-icon-wrap {
  line-height: 0
}

.edumall-icon,
.edumall-icon-view {
  display: inline-block;
  font-size: 60px
}

.edumall-icon {
  text-align: center;
  line-height: 1;
  transition: all .3s;
  color: var(--edumall-color-primary)
}

.edumall-icon i,
.edumall-icon svg {
  display: block
}

.edumall-icon i {
  background: inherit
}

.edumall-icon svg {
  width: 1em;
  height: 1em
}

.edumall-icon svg.svg-defs-gradient {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important
}

.edumall-solid-icon svg :not([stroke]) {
  fill: currentColor
}

.edumall-solid-icon svg [stroke^="#"],
.edumall-solid-icon svg [stroke^="url(#"] {
  stroke: currentColor
}

.edumall-solid-icon svg [fill^="#"],
.edumall-solid-icon svg [fill^="url(#"] {
  fill: currentColor
}

.edumall-gradient-icon .fad:after,
.edumall-gradient-icon .fad:before {
  background: inherit
}

.edumall-icon-view.second {
  display: none !important
}

.edumall-view-stacked .edumall-icon-view {
  padding: .5em;
  background-color: var(--edumall-color-primary)
}

.edumall-view-stacked .edumall-icon {
  color: #fff
}

.edumall-view-stacked .edumall-icon-view-inner {
  position: relative;
  width: 1em;
  height: 1em
}

.edumall-view-stacked .edumall-icon-view-inner .edumall-icon {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%)
}

.edumall-view-bubble .edumall-icon-wrap {
  position: relative;
  display: inline-block;
  padding-bottom: 21px
}

.edumall-view-bubble .edumall-icon-view {
  border-radius: 50%;
  background-image: linear-gradient(-225deg, rgba(var(--edumall-color-primary-rgb), .17) 15%, rgba(var(--edumall-color-primary-rgb), .17) 85%)
}

.edumall-view-bubble .edumall-icon-view.first {
  padding: .84em
}

.edumall-view-bubble .edumall-icon-view.second {
  display: inline-block !important;
  padding: .28em;
  position: relative;
  bottom: 21px;
  margin-left: 22px
}

.edumall-view-bubble .edumall-icon-view .icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0
}

.edumall-shape-circle .edumall-icon-view {
  border-radius: 50%
}

@media (min-width:768px) {

  .edumall-graphic-position-left .edumall-box,
  .edumall-graphic-position-right .edumall-box {
    display: flex
  }

  .edumall-graphic-position-left .edumall-graphic-wrap,
  .edumall-graphic-position-right .edumall-graphic-wrap {
    display: inline-flex;
    flex: 0 0 auto
  }

  .edumall-graphic-position-left .heading-wrap+.description-wrap,
  .edumall-graphic-position-right .heading-wrap+.description-wrap {
    margin-top: 17px
  }

  .edumall-graphic-position-right .edumall-box {
    text-align: right;
    flex-direction: row-reverse
  }

  .edumall-graphic-position-right .edumall-graphic-wrap {
    margin-left: 20px
  }

  .edumall-graphic-position-left .edumall-box {
    text-align: left;
    flex-direction: row
  }

  .edumall-graphic-position-left .edumall-graphic-wrap {
    margin-right: 20px
  }

  .edumall-graphic-position-top .edumall-box {
    text-align: center
  }

  .edumall-graphic-position-top .edumall-graphic-wrap {
    margin-bottom: 24px
  }

  .edumall-graphic-ver-align-top .edumall-box {
    align-items: flex-start
  }

  .edumall-graphic-ver-align-middle .edumall-box {
    align-items: center
  }

  .edumall-graphic-ver-align-bottom .edumall-box {
    align-items: flex-end
  }
}

@media (max-width:767px) {
  .edumall-graphic-wrap {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 15px
  }
}

.elementor-widget-tm-icon-box .tm-icon-box {
  position: relative;
  display: block;
  width: 100%
}

.elementor-widget-tm-icon-box .tm-icon-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0
}

.elementor-widget-tm-icon-box .tm-icon-box:hover:before {
  visibility: visible;
  opacity: 1
}

.elementor-widget-tm-icon-box .icon-box-wrapper {
  position: relative;
  z-index: 1;
  text-align: center
}

.elementor-widget-tm-icon-box .description-wrap,
.elementor-widget-tm-icon-box .edumall-icon-wrap,
.elementor-widget-tm-icon-box .heading-wrap {
  line-height: 0
}

.elementor-widget-tm-icon-box .description,
.elementor-widget-tm-icon-box .heading {
  display: inline-block
}

.elementor-widget-tm-icon-box .heading {
  font-size: 20px;
  margin-bottom: 0
}

.elementor-widget-tm-icon-box .heading a {
  color: inherit
}

.elementor-widget-tm-icon-box .tm-icon-box .edumall-icon {
  color: #333
}

.elementor-widget-tm-icon-box .tm-icon-box:hover .heading-divider:after {
  width: 100%
}

.elementor-widget-tm-icon-box .heading-divider-wrap {
  margin-top: 27px
}

.elementor-widget-tm-icon-box .heading-divider {
  position: relative;
  height: 3px
}

.elementor-widget-tm-icon-box .heading-divider:after,
.elementor-widget-tm-icon-box .heading-divider:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0
}

.elementor-widget-tm-icon-box .heading-divider:before {
  width: 100%;
  height: 1px;
  top: 1px;
  background: #eee
}

.elementor-widget-tm-icon-box .heading-divider:after {
  width: 0;
  height: 3px;
  left: 50%;
  transform: translate(-50%);
  background: #111
}

.elementor-widget-tm-icon-box .heading-wrap+.description-wrap {
  margin-top: 10px
}

.elementor-widget-tm-icon-box .description {
  font-size: var(--edumall-typography-body-font-size);
  line-height: var(--edumall-typography-body-line-height)
}

.elementor-widget-tm-icon-box .icon-box-content {
  flex-grow: 1
}

.elementor-widget-tm-icon-box .tm-button-wrapper {
  margin: 34px 0 0;
  line-height: 0
}

.elementor-widget-tm-icon-box.edumall-icon-box-style-01 .tm-icon-box {
  padding: 40px 30px 33px;
  border-radius: 8px
}

.elementor-widget-tm-icon-box.edumall-icon-box-style-01 .tm-icon-box:hover {
  z-index: 1;
  background: #fff;
  box-shadow: 0 10px 59px rgba(0, 0, 0, .08)
}

.elementor-widget-tm-icon-box.edumall-icon-box-style-01 .tm-icon-box:hover a.tm-button.style-text:hover,
.elementor-widget-tm-icon-box.edumall-icon-box-style-01 .tm-icon-box:hover div.tm-button.style-text {
  color: var(--edumall-color-primary)
}

.elementor-widget-tm-icon-box.edumall-icon-box-style-01 .tm-icon-box .heading {
  font-size: 20px;
  line-height: 1.6;
  color: var(--edumall-color-secondary)
}

.elementor-widget-tm-icon-box.edumall-icon-box-style-01 .tm-icon-box .tm-button.style-text {
  color: #8c89a2
}

.elementor-widget-tm-icon-box.edumall-icon-box-style-02 .tm-icon-box {
  padding: 51px 35px 50px
}

.elementor-widget-tm-icon-box.edumall-icon-box-style-02 .tm-icon-box:after {
  pointer-events: none;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: #111;
  opacity: 0;
  visibility: hidden
}

.elementor-widget-tm-icon-box.edumall-icon-box-style-02 .tm-icon-box:hover {
  background: #fff;
  box-shadow: 0 16px 40px #ededed
}

.elementor-widget-tm-icon-box.edumall-icon-box-style-02 .tm-icon-box:hover:after {
  opacity: 1;
  visibility: visible
}

.elementor-widget-tm-icon-box.edumall-icon-box-style-03 .tm-icon-box .edumall-icon,
.elementor-widget-tm-icon-box.edumall-icon-box-style-03 .tm-icon-box .edumall-icon-view {
  font-size: 48px
}

.elementor-widget-tm-icon-box.edumall-icon-box-style-03 .tm-icon-box .heading {
  font-size: 18px;
  line-height: 30px
}

.elementor-widget-tm-icon-box.edumall-icon-box-style-03 .tm-icon-box .description-wrap {
  margin-top: 12px
}

.elementor-widget-tm-icon-box.edumall-icon-box-style-03 .tm-icon-box.has-link .heading {
  position: relative
}

.elementor-widget-tm-icon-box.edumall-icon-box-style-03 .tm-icon-box.has-link .heading:after {
  content: "\f105";
  font-size: 30px;
  line-height: 30px;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%) scale(0);
  color: var(--edumall-color-primary)
}

.elementor-widget-tm-icon-box.edumall-icon-box-style-03 .tm-icon-box.has-link:hover .heading:after {
  transform: translateY(-50%)
}

.elementor-widget-tm-icon-box.edumall-icon-box-style-04 .tm-icon-box {
  padding: 31px 30px 33px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(51, 51, 51, .15)
}

@media (min-width:768px) {

  .elementor-widget-tm-icon-box.elementor-position-left .icon-box-wrapper,
  .elementor-widget-tm-icon-box.elementor-position-right .icon-box-wrapper {
    display: flex
  }

  .elementor-widget-tm-icon-box.elementor-position-left .edumall-icon-wrap,
  .elementor-widget-tm-icon-box.elementor-position-right .edumall-icon-wrap {
    display: inline-flex;
    flex: 0 0 auto
  }

  .elementor-widget-tm-icon-box.elementor-position-left .heading-wrap+.description-wrap,
  .elementor-widget-tm-icon-box.elementor-position-right .heading-wrap+.description-wrap {
    margin-top: 17px
  }

  .elementor-widget-tm-icon-box.elementor-position-left.edumall-icon-box-style-03 .heading-wrap+.description-wrap,
  .elementor-widget-tm-icon-box.elementor-position-right.edumall-icon-box-style-03 .heading-wrap+.description-wrap {
    margin-top: 5px
  }

  .elementor-widget-tm-icon-box.elementor-position-right .icon-box-wrapper {
    text-align: right;
    flex-direction: row-reverse
  }

  .elementor-widget-tm-icon-box.elementor-position-right .edumall-icon-wrap {
    margin-left: 20px
  }

  .elementor-widget-tm-icon-box.elementor-position-right.edumall-icon-box-style-03 .edumall-icon-wrap {
    margin-left: 22px
  }

  .elementor-widget-tm-icon-box.elementor-position-left .icon-box-wrapper {
    text-align: left;
    flex-direction: row
  }

  .elementor-widget-tm-icon-box.elementor-position-left .edumall-icon-wrap {
    margin-right: 20px
  }

  .elementor-widget-tm-icon-box.elementor-position-left.edumall-icon-box-style-03 .edumall-icon-wrap {
    margin-right: 22px
  }

  .elementor-widget-tm-icon-box.elementor-position-top .edumall-icon-wrap {
    margin-bottom: 24px
  }

  .elementor-widget-tm-icon-box.elementor-vertical-align-top .icon-box-wrapper {
    align-items: flex-start
  }

  .elementor-widget-tm-icon-box.elementor-vertical-align-middle .icon-box-wrapper {
    align-items: center
  }

  .elementor-widget-tm-icon-box.elementor-vertical-align-bottom .icon-box-wrapper {
    align-items: flex-end
  }
}

@media (max-width:767px) {
  .elementor-widget-tm-icon-box .edumall-icon-wrap {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 15px
  }
}

.tm-image-box {
  position: relative;
  display: block;
  width: 100%
}

.tm-image-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  border-radius: inherit
}

.tm-image-box:hover:before {
  visibility: visible;
  opacity: 1
}

.tm-image-box .content-wrap {
  position: relative;
  z-index: 1
}

.tm-image-box.image-position-top {
  text-align: center
}

.tm-image-box.image-position-top .image-wrap {
  margin-bottom: 20px
}

.tm-image-box.image-position-left .content-wrap,
.tm-image-box.image-position-right .content-wrap {
  display: flex
}

.tm-image-box.image-position-left .image-wrap,
.tm-image-box.image-position-right .image-wrap {
  flex-shrink: 0;
  max-width: 50%
}

.tm-image-box.image-position-left .box-caption-wrap,
.tm-image-box.image-position-right .box-caption-wrap {
  flex-grow: 1
}

.tm-image-box.image-position-left {
  text-align: left
}

.tm-image-box.image-position-left .image-wrap {
  margin-right: 20px
}

.tm-image-box.image-position-right {
  text-align: right
}

.tm-image-box.image-position-right .content-wrap {
  flex-direction: row-reverse
}

.tm-image-box.image-position-right .image-wrap {
  margin-left: 20px
}

.tm-image-box.content-alignment-top .content-wrap {
  align-items: flex-start
}

.tm-image-box.content-alignment-middle .content-wrap {
  align-items: center
}

.tm-image-box.content-alignment-bottom .content-wrap {
  align-items: flex-end
}

.tm-image-box .image-wrap {
  position: relative;
  line-height: 0
}

.tm-image-box .image {
  display: inline-flex;
  align-items: flex-start;
  overflow: hidden
}

.tm-image-box .box-caption-wrap {
  width: 100%
}

.tm-image-box .box-caption {
  display: inline-flex;
  flex-direction: column;
  width: 100%
}

.tm-image-box .title {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 0
}

.tm-image-box .description {
  margin-top: 9px
}

.tm-image-box .tm-button-wrapper {
  margin: 15px 0 0
}

.tm-image-box .tm-button.style-text {
  color: #8c89a2
}

.tm-image-box.edumall-box:hover a.tm-button.style-text:hover,
.tm-image-box.edumall-box:hover div.tm-button.style-text {
  color: var(--edumall-color-primary)
}

.tm-image-box.style-01 {
  padding: 25px 30px 34px;
  border-radius: 8px;
  background: #fff
}

.tm-image-box.style-01:hover {
  z-index: 1;
  box-shadow: 0 10px 50px rgba(0, 0, 0, .08)
}

.tm-image-box.style-02 {
  padding: 39px 30px 30px;
  border-radius: 10px;
  background: #f8f8f8
}

.tm-image-box.style-02:before {
  background: #fff
}

.tm-image-box.style-02:hover {
  z-index: 1;
  box-shadow: 0 14px 40px rgba(51, 51, 51, .1)
}

.tm-image-box.style-02.image-position-top .image-wrap {
  margin-bottom: 17px
}

.tm-image-box.style-03 .image-wrap {
  position: relative;
  border-radius: 5px;
  overflow: hidden
}

.tm-image-box.style-03 .image-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(180deg, transparent 50%, #000);
  z-index: 1
}

.tm-image-box.style-03 .title {
  position: absolute;
  bottom: 23px;
  left: 20px;
  right: 20px;
  z-index: 2;
  color: #fff
}

.tm-image-box.style-03.image-position-top .image-wrap {
  margin-bottom: 29px
}

.tm-image-box.style-03.image-position-top .title {
  font-size: 20px;
  line-height: 1.6
}

.tm-image-box.style-03 .description {
  margin: 0
}

.edumall-banner {
  display: block;
  width: 100%
}

.edumall-banner .content-wrap {
  position: relative
}

.edumall-banner .edumall-image img {
  width: 100%
}

.edumall-banner .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: center
}

.edumall-banner .title {
  font-size: 30px;
  font-weight: 300;
  background: #fff;
  padding: 6px 34px 7px;
  margin: 0
}

@media (max-width:1024px) {
  .edumall-banner .title {
    font-size: 26px
  }
}

@media (max-width:767px) {
  .edumall-banner .title {
    font-size: 22px
  }
}

.elementor-widget-tm-image-layers .elementor-widget-container {
  font-size: 0
}

.elementor-widget-tm-image-layers .artboard {
  display: inline-block;
  max-width: 100%;
  max-height: 100%
}

.elementor-widget-tm-image-layers .layers-wrapper {
  position: relative;
  width: 100%;
  height: 100%
}

.elementor-widget-tm-image-layers .layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  display: flex
}

.elementor-widget-tm-image-layers .static-layer {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto
}

.edumall-light-gallery .edumall-box:hover .edumall-overlay {
  visibility: visible;
  opacity: .9
}

.edumall-light-gallery .edumall-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden
}

.edumall-light-gallery .edumall-overlay>div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 36px;
  color: #fff
}

.edumall-slider-buttons.style-01 .button-wrap {
  display: inline-block
}

.edumall-slider-buttons.style-01 .slider-btn {
  border: 2px solid #dfdfdf;
  border-radius: 50%;
  cursor: pointer;
  width: 52px;
  height: 52px;
  line-height: 48px;
  float: left;
  text-align: center;
  font-size: 18px;
  color: var(--edumall-color-heading);
  outline: none
}

.edumall-slider-buttons.style-01 .slider-btn:hover {
  color: #fff;
  background: var(--edumall-color-heading);
  border-color: var(--edumall-color-heading)
}

.edumall-slider-buttons.style-01 .slider-prev-btn {
  margin-right: 20px
}

.edumall-gallery-justified-content .edumall-box {
  position: relative;
  display: block
}

.edumall-gallery-justified-content .edumall-box:hover .overlay,
.edumall-gallery-justified-content .edumall-box:hover .overlay-content {
  visibility: visible;
  opacity: 1
}

.edumall-gallery-justified-content .overlay,
.edumall-gallery-justified-content .overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden
}

.edumall-gallery-justified-content .overlay {
  background: rgba(0, 0, 0, .5)
}

.edumall-gallery-justified-content .overlay-content {
  text-align: center
}

.edumall-gallery-justified-content .overlay-content .outer {
  display: table;
  width: 100%;
  height: 100%
}

.edumall-gallery-justified-content .overlay-content .inner {
  display: table-cell;
  vertical-align: middle;
  padding: 20px
}

.edumall-gallery-justified-content .title {
  font-size: 34px;
  line-height: 1.42;
  color: #fff;
  margin-bottom: 0
}

.edumall-gallery-justified-content .description {
  color: #fff
}

.edumall-gallery-justified-content .edumall-image img {
  width: 100%
}

.edumall-rich-carousel .swiper-slide {
  overflow: visible !important
}

.edumall-rich-carousel .title {
  margin: 0;
  font-size: 20px
}

.edumall-rich-carousel .description-wrap {
  margin-top: 10px
}

.edumall-rich-carousel .slide-image+.slide-content {
  margin: 20px 0 0
}

.edumall-rich-carousel .slide-button.left-icon .button-icon {
  margin-right: 5px
}

.edumall-rich-carousel .slide-button.right-icon .button-icon {
  margin-left: 5px
}

.edumall-rich-carousel-style-01 .slide-image img {
  border-radius: 5px
}

.edumall-modern-carousel .swiper-slide {
  overflow: visible !important
}

.edumall-modern-carousel .slide-tags {
  margin-bottom: 10px
}

.edumall-modern-carousel .slide-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 1.38px;
  color: #fff;
  padding: 7px 13px 5px;
  margin-bottom: 5px;
  background-color: var(--edumall-color-primary)
}

.edumall-modern-carousel .description-wrap {
  margin-top: 10px
}

.edumall-modern-carousel .slide-button {
  color: var(--edumall-color-primary)
}

.edumall-modern-carousel .slide-button.left-icon .button-icon {
  margin-right: 5px
}

.edumall-modern-carousel .slide-button.right-icon .button-icon {
  margin-left: 5px
}

.edumall-modern-carousel-style-01 .swiper-inner {
  margin: 0 -30px -60px
}

.edumall-modern-carousel-style-01 .swiper {
  padding: 0 30px 60px
}

.edumall-modern-carousel-style-01 .slide-wrapper {
  display: block;
  height: 100%
}

.edumall-modern-carousel-style-01 .slide-wrapper:hover .slide-image {
  box-shadow: 0 60px 40px -40px rgba(51, 51, 51, .41)
}

.edumall-modern-carousel-style-01 .slide-image {
  position: relative;
  height: 100%
}

.edumall-modern-carousel-style-01 .slide-image img {
  object-fit: cover;
  height: 100%
}

.edumall-modern-carousel-style-01 .slide-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background-image: linear-gradient(-180deg, transparent, #000)
}

.edumall-modern-carousel-style-01 .slide-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end
}

.edumall-modern-carousel-style-01 .slide-layers {
  padding: 30px 35px 38px
}

.edumall-modern-carousel-style-01 .title {
  font-size: 22px;
  line-height: 1.46;
  color: #fff;
  margin-bottom: 0
}

.edumall-modern-carousel-style-01 .description {
  color: #fff
}

.edumall-modern-carousel-style-01 .button-wrap {
  margin: 10px 0 0
}

.edumall-modern-carousel-style-01 .slide-button {
  font-size: 14px;
  font-weight: 700;
  color: #fff
}

.edumall-modern-carousel-style-02 .swiper-inner {
  margin: 0 -30px -40px
}

.edumall-modern-carousel-style-02 .swiper {
  padding: 0 30px 40px
}

.edumall-modern-carousel-style-02 .swiper-slide-visible .slide-wrapper {
  box-shadow: 0 10px 30px rgba(51, 51, 51, .1)
}

.edumall-modern-carousel-style-02 .slide-wrapper {
  display: block;
  height: 100%;
  background: #fff;
  border-radius: 5px
}

.edumall-modern-carousel-style-02 .slide-wrapper:hover .slide-button {
  color: #fff
}

.edumall-modern-carousel-style-02 .slide-wrapper:hover .slide-button:after {
  transform: none
}

.edumall-modern-carousel-style-02 .slide-image {
  position: relative;
  border-radius: 5px 5px 0 0;
  overflow: hidden
}

.edumall-modern-carousel-style-02 .slide-layers {
  padding: 30px 35px 86px
}

.edumall-modern-carousel-style-02 .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.34;
  margin-bottom: 0
}

.edumall-modern-carousel-style-02 .button-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0 0 5px 5px;
  overflow: hidden
}

.edumall-modern-carousel-style-02 .slide-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  border-radius: 0 0 5px 5px;
  text-align: center;
  border: 0;
  border-top: 1px solid #eee
}

.edumall-modern-carousel-style-02 .slide-button .button-content-wrapper {
  position: relative;
  z-index: 1
}

.edumall-modern-carousel-style-02 .slide-button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(100%);
  background-color: var(--edumall-color-primary)
}

.tm-modern-slider .slide-bg-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.tm-modern-slider .slide-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #111
}

.tm-modern-slider .container,
.tm-modern-slider .row {
  height: 100%
}

.tm-modern-slider .slide-content {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%
}

.tm-modern-slider .slide-layers {
  max-width: 600px;
  padding: 30px 0
}

.tm-modern-slider .sub-title-wrap {
  margin: 0 0 15px
}

.tm-modern-slider .sub-title {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  line-height: 2;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff;
  margin-bottom: 0
}

.tm-modern-slider .title {
  font-size: 50px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 0
}

.tm-modern-slider a:hover .heading {
  color: var(--edumall-color-primary)
}

.tm-modern-slider .description-wrap {
  margin-top: 30px
}

.tm-modern-slider .description {
  font-size: 20px;
  color: #fff
}

.tm-modern-slider .button-wrap {
  margin-top: 34px
}

.tm-modern-slider .tm-button {
  display: inline-flex;
  min-width: 160px
}

.edumall-slide-bg-animation-ken-burns .slide-bg-wrap {
  transform: scale(1.35);
  backface-visibility: hidden
}

.edumall-slide-bg-animation-ken-burns.swiper-slide-active .slide-bg-wrap {
  transform: scale(1);
  transition: transform 11s cubic-bezier(.1, .2, .7, 1)
}

.slide-layer-transition .animated .slide-layer {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  transition: all .6s cubic-bezier(.1, .2, .7, 1)
}

.slide-layer-transition .animated .slide-layer-wrap+.slide-layer-wrap .slide-layer {
  transition-delay: .2s
}

.slide-layer-transition .animated .slide-layer-wrap+.slide-layer-wrap+.slide-layer-wrap .slide-layer {
  transition-delay: .4s
}

.slide-layer-transition .slide-layer {
  opacity: 0;
  visibility: hidden;
  transform: translateY(30px);
  transition: all .1s
}

@media (max-width:1024px) {
  .tm-modern-slider .title {
    font-size: 40px
  }
}

@media (max-width:767px) {
  .tm-modern-slider .title {
    font-size: 30px
  }
}

.edumall-flip-box {
  min-height: 280px;
  position: relative;
  perspective: 1000px;
  transform-style: preserve-3d
}

.edumall-flip-box .layer {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all .6s ease-in-out;
  text-align: center
}

.edumall-flip-box .layer-inner,
.edumall-flip-box .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.edumall-flip-box .layer-inner {
  display: flex;
  align-items: center
}

.edumall-flip-box .layer-content {
  padding: 35px;
  width: 100%
}

.edumall-flip-box .image {
  margin: 0 0 20px;
  display: inline-block;
  width: 100%
}

.edumall-flip-box .image img {
  width: 50%
}

.edumall-flip-box .edumall-icon-wrap,
.edumall-flip-box .heading-wrap {
  line-height: 0
}

.edumall-flip-box .edumall-icon-wrap {
  margin-bottom: 30px
}

.edumall-flip-box .edumall-icon-view {
  display: inline-block;
  font-size: 60px
}

.edumall-flip-box .icon {
  color: #fff
}

.edumall-flip-box .edumall-svg-icon {
  width: 60px
}

.edumall-flip-box .heading {
  display: inline-block;
  color: #fff;
  font-size: 26px;
  margin-bottom: 0
}

.edumall-flip-box .description-wrap {
  margin-top: 20px
}

.edumall-flip-box .description {
  color: #fff;
  font-size: 16px;
  line-height: 1.875
}

.edumall-flip-box .tm-button-wrapper {
  margin: 40px 0 0
}

.edumall-flip-box .tm-button.style-flat {
  color: #111
}

.edumall-flip-box .tm-button.style-flat:hover {
  color: #fff
}

.edumall-flip-box .tm-button.style-flat:before {
  background: #fff
}

.edumall-flip-box .tm-button.style-text {
  color: #fff;
  padding-bottom: 0
}

.edumall-flip-box .tm-button.style-bottom-line,
.edumall-flip-box .tm-button.style-left-line {
  color: #fff
}

.edumall-flip-box .tm-button.style-bottom-line .button-content-wrapper:before,
.edumall-flip-box .tm-button.style-left-line .button-content-wrapper:before {
  background: hsla(0, 0%, 100%, .4)
}

.edumall-flip-box .tm-button.style-bottom-line .button-content-wrapper:after,
.edumall-flip-box .tm-button.style-left-line .button-content-wrapper:after {
  background: #fff
}

.edumall-flip-box .tm-button.style-border,
.edumall-flip-box .tm-button.style-thick-border {
  border-color: #fff;
  color: #fff
}

.edumall-flip-box .tm-button.style-border:hover,
.edumall-flip-box .tm-button.style-thick-border:hover {
  color: #111
}

.edumall-flip-box .tm-button.style-border:after,
.edumall-flip-box .tm-button.style-thick-border:after {
  background: #fff
}

@media (max-device-width:1024px) {
  .edumall-flip-box {
    cursor: pointer
  }
}

.front-side {
  background-color: #111
}

.back-side {
  background-color: #5758e0;
  box-shadow: 0 40px 40px -40px rgba(51, 51, 51, .13);
  display: block
}

.elementor-flip-box__button.elementor-button {
  cursor: pointer;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #fff;
  color: #fff;
  background: transparent
}

.elementor-flip-box__button.elementor-button:hover {
  background: transparent;
  text-decoration: none
}

.edumall-flip-box--3d .layer-inner {
  transform: translateZ(90px) scale(.91)
}

.edumall-flip-box--3d .overlay {
  transform-style: preserve-3d;
  transform: translateZ(.1px)
}

.edumall-flip-box--effect-flip .edumall-flip-box {
  perspective: 1000px;
  transform-style: preserve-3d
}

.edumall-flip-box--effect-flip .edumall-flip-box:hover .back-side {
  transform: none
}

.edumall-flip-box--effect-flip .layer {
  transform-style: preserve-3d;
  backface-visibility: hidden
}

.edumall-flip-box--effect-flip .front-side {
  transform: none;
  z-index: 1
}

.edumall-flip-box--effect-flip.edumall-flip-box--direction-right .back-side {
  transform: rotateX(0) rotateY(-180deg)
}

.edumall-flip-box--effect-flip.edumall-flip-box--direction-left .back-side,
.edumall-flip-box--effect-flip.edumall-flip-box--direction-right .edumall-flip-box:hover .front-side {
  transform: rotateX(0) rotateY(180deg)
}

.edumall-flip-box--effect-flip.edumall-flip-box--direction-left .edumall-flip-box:hover .front-side {
  transform: rotateX(0) rotateY(-180deg)
}

.edumall-flip-box--effect-flip.edumall-flip-box--direction-up .back-side {
  transform: rotateX(-180deg) rotateY(0)
}

.edumall-flip-box--effect-flip.edumall-flip-box--direction-down .back-side,
.edumall-flip-box--effect-flip.edumall-flip-box--direction-up .edumall-flip-box:hover .front-side {
  transform: rotateX(180deg) rotateY(0)
}

.edumall-flip-box--effect-flip.edumall-flip-box--direction-down .edumall-flip-box:hover .front-side {
  transform: rotateX(-180deg) rotateY(0)
}

.edumall-flip-box--effect-push .front-side {
  transform: none
}

.edumall-flip-box--effect-push.edumall-flip-box--direction-right .edumall-flip-box:hover .front-side {
  transform: translateX(100%) translateY(0)
}

.edumall-flip-box--effect-push.edumall-flip-box--direction-left .edumall-flip-box:hover .front-side {
  transform: translateX(-100%) translateY(0)
}

.edumall-flip-box--effect-push.edumall-flip-box--direction-up .edumall-flip-box:hover .front-side {
  transform: translateX(0) translateY(-100%)
}

.edumall-flip-box--effect-push.edumall-flip-box--direction-down .edumall-flip-box:hover .front-side {
  transform: translateX(0) translateY(100%)
}

.edumall-flip-box--effect-push .edumall-flip-box,
.edumall-flip-box--effect-slide .edumall-flip-box {
  overflow: hidden
}

.edumall-flip-box--effect-push .edumall-flip-box:hover .back-side,
.edumall-flip-box--effect-slide .edumall-flip-box:hover .back-side {
  transform: none
}

.edumall-flip-box--effect-push.edumall-flip-box--direction-right .back-side,
.edumall-flip-box--effect-slide.edumall-flip-box--direction-right .back-side {
  transform: translateX(-100%) translateY(0)
}

.edumall-flip-box--effect-push.edumall-flip-box--direction-left .back-side,
.edumall-flip-box--effect-slide.edumall-flip-box--direction-left .back-side {
  transform: translateX(100%) translateY(0)
}

.edumall-flip-box--effect-push.edumall-flip-box--direction-up .back-side,
.edumall-flip-box--effect-slide.edumall-flip-box--direction-up .back-side {
  transform: translateX(0) translateY(100%)
}

.edumall-flip-box--effect-push.edumall-flip-box--direction-down .back-side,
.edumall-flip-box--effect-slide.edumall-flip-box--direction-down .back-side {
  transform: translateX(0) translateY(-100%)
}

.edumall-flip-box--effect-zoom-out .edumall-flip-box .front-side {
  transition: transform .7s, opacity .35s, width .1ms;
  opacity: 1;
  transform: scale(1);
  z-index: 1;
  width: 100%
}

.edumall-flip-box--effect-zoom-out .edumall-flip-box:hover .front-side {
  width: 0;
  opacity: 0;
  transform: scale(.7);
  transition: transform .8s, opacity .7s .1s, width .1ms .7s
}

.edumall-flip-box--effect-zoom-in .edumall-flip-box .back-side {
  transition: transform .7s, opacity .5s .2s;
  opacity: 0;
  transform: scale(.7)
}

.edumall-flip-box--effect-zoom-in .edumall-flip-box:hover .back-side {
  transition: transform .7s, opacity .5s;
  opacity: 1;
  transform: scale(1)
}

.edumall-flip-box--effect-fade .edumall-flip-box .back-side {
  opacity: 0
}

.edumall-flip-box--effect-fade .edumall-flip-box:hover .back-side {
  opacity: 1
}

.edumall-button-align-start .form-submit {
  justify-content: flex-start;
  text-align: start
}

.edumall-button-align-center .form-submit {
  justify-content: center;
  text-align: center
}

.edumall-button-align-end .form-submit {
  justify-content: flex-end;
  text-align: end
}

.edumall-button-align-stretch .form-submit button,
.edumall-button-align-stretch .form-submit input[type=submit] {
  text-align: center;
  flex-basis: 100%
}

.elementor-widget-tm-register-form .form-label {
  display: block;
  font-size: 13px;
  font-weight: var(--edumall-typography-headings-font-weight);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 6px
}

.elementor-widget-tm-register-form .form-group {
  margin: 0 0 15px
}

.elementor-widget-tm-register-form .form-input-group {
  position: relative
}

.elementor-widget-tm-register-form .form-icon {
  position: absolute;
  top: 13px;
  left: 15px;
  font-size: 14px;
  color: #9b9b9b;
  min-width: 20px
}

.elementor-widget-tm-register-form .form-submit {
  margin: 25px 0 0;
  display: flex
}

.elementor-widget-tm-register-form .button-submit {
  opacity: 1 !important
}

.elementor-widget-tm-register-form .icons-on input {
  padding-left: 42px !important
}

.elementor-widget-tm-register-form .labels-off .form-label {
  display: none !important
}

.elementor-widget-tm-register-form .form-response-messages {
  display: none;
  margin-bottom: 20px;
  margin-top: 20px
}

.elementor-widget-tm-register-form .form-response-messages.error {
  color: #d9534f
}

.elementor-widget-tm-register-form .form-response-messages.success {
  color: #6cbd7e
}

.elementor-widget-tm-register-form .form-response-messages a {
  font-weight: var(--edumall-typography-headings-font-weight);
  color: var(--edumall-color-heading)
}

.elementor-widget-tm-register-form .form-response-messages a:hover {
  color: var(--edumall-color-primary)
}

.edumall-mailchimp-form input[type=email]::-webkit-input-placeholder {
  color: inherit
}

.edumall-mailchimp-form input[type=email]:-moz-placeholder,
.edumall-mailchimp-form input[type=email]::-moz-placeholder {
  color: inherit
}

.edumall-mailchimp-form input[type=email]:-ms-input-placeholder {
  color: inherit
}

.edumall-mailchimp-form .button-icon:before {
  content: "\f178"
}

.edumall-mailchimp-form-style-01 form,
.edumall-mailchimp-form-style-02 form {
  position: relative
}

.edumall-mailchimp-form-style-01 .form-group,
.edumall-mailchimp-form-style-02 .form-group {
  margin: 0
}

.edumall-mailchimp-form-style-01 input[type=email],
.edumall-mailchimp-form-style-02 input[type=email] {
  padding-right: 130px !important;
  min-height: 60px;
  border-width: 2px
}

.edumall-mailchimp-form-style-01 .button-submit,
.edumall-mailchimp-form-style-02 .button-submit {
  border: 0 !important;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 6px;
  padding: 0 29px;
  box-shadow: none;
  height: 48px;
  line-height: 48px
}

.edumall-mailchimp-form-style-01 .button-icon,
.edumall-mailchimp-form-style-02 .button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none
}

.edumall-mailchimp-form-style-02 .button-text {
  display: none
}

.edumall-mailchimp-form-style-02 .button-icon {
  display: block;
  font-size: 25px;
  color: #000
}

.edumall-mailchimp-form-style-02 .button-submit {
  background-color: transparent
}

.edumall-mailchimp-form-style-02 .button-submit:hover .button-icon {
  color: var(--edumall-color-primary)
}

form.submitting .wpcf7-spinner {
  display: block
}

.wpcf7 .wpcf7-spinner {
  display: none;
  margin: 30px auto 0
}

.wpcf7 .wpcf7-response-output {
  margin: 30px 0 0 !important;
  padding: 15px 20px !important;
  border: 0 !important;
  color: #fff;
  background: #2196f3
}

.wpcf7 form.sent .wpcf7-response-output {
  background: #5cb85c
}

.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
  background: #d9534f
}

.wpcf7 form.spam .wpcf7-response-output {
  background: #cf7b50
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  background: #f0ad4e
}

.wpcf7 .wpcf7-not-valid-tip {
  margin-top: 5px;
  color: #d9534f;
  font-size: 12px
}

.edumall-contact-form-7 .wpcf7-form br {
  display: none
}

.edumall-contact-form-7 .form-group {
  margin: 0 0 15px
}

.edumall-contact-form-7 .form-group.has-icon.left-icon .form-input {
  padding-left: 40px
}

.edumall-contact-form-7 .form-group.has-icon.right-icon .form-input {
  padding-right: 40px
}

.edumall-contact-form-7 .form-input-group {
  position: relative
}

.edumall-contact-form-7 .form-icon {
  position: absolute;
  top: 13px;
  left: 15px;
  font-size: 14px;
  color: #9b9b9b;
  min-width: 20px;
  z-index: 1
}

.edumall-contact-form-7 .wpcf7-textarea {
  height: 150px
}

.edumall-contact-form-7 .ajax-loader {
  display: none !important
}

.edumall-contact-form-7 .form-submit {
  margin: 25px 0 0
}

.edumall-button-align-stretch .edumall-contact-form-7 .form-submit button,
.edumall-button-align-stretch .edumall-contact-form-7 .form-submit input[type=submit] {
  text-align: center;
  width: 100%
}

.edumall-blog .grid-item {
  min-width: 0
}

.edumall-blog .post-item {
  box-sizing: border-box;
  word-wrap: break-word
}

.edumall-blog .post-title {
  font-size: 24px;
  line-height: 1.5;
  margin: 0
}

.edumall-blog .post-title a {
  display: block;
  color: inherit;
  font-size: inherit
}

.edumall-blog .post-title a:hover {
  color: var(--edumall-color-primary)
}

.edumall-blog .post-meta {
  font-size: 14px;
  color: var(--edumall-color-text-bit-lighten);
  margin: 15px 0 0
}

.edumall-blog .post-meta .inner {
  margin-left: -16px;
  margin-right: -16px
}

.edumall-blog .post-meta .inner>div {
  display: inline-block;
  margin: 5px 0 0;
  padding: 0 16px
}

.edumall-blog .post-meta-author a {
  display: block
}

.edumall-blog .post-meta-author img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 6px
}

.edumall-blog .meta-icon {
  margin-right: 6px
}

.edumall-blog .post-author {
  font-size: 13px;
  color: var(--edumall-color-primary)
}

.edumall-blog .post-excerpt {
  margin-top: 16px
}

.edumall-blog .post-excerpt:first-child {
  margin-top: 0
}

.edumall-blog .post-thumbnail {
  position: relative
}

.edumall-blog .post-thumbnail img {
  border-radius: inherit;
  width: 100%
}

.edumall-blog .post-categories {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.4;
  margin: 0 0 6px
}

.edumall-blog .post-categories a {
  color: inherit
}

.edumall-blog .post-categories a:hover {
  color: var(--edumall-color-primary)
}

.edumall-blog .post-overlay-categories {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 0
}

.edumall-blog .post-overlay-categories a {
  display: inline-block;
  padding: 0 8px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  line-height: 22px;
  color: #fff;
  background: #252525
}

.edumall-blog .post-overlay-categories a:hover {
  background: var(--edumall-color-primary)
}

.edumall-blog .post-author {
  margin: 0 0 2px
}

.edumall-blog .post-footer {
  margin: 33px 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.edumall-blog .post-footer .post-read-more {
  margin: 0
}

.edumall-blog .post-read-more {
  flex-grow: 1
}

.edumall-blog .post-overlay-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0
}

.edumall-blog .post-overlay-title {
  margin-bottom: 0;
  font-size: 22px;
  color: #fff
}

.edumall-blog .post-overlay-title a {
  font-size: inherit;
  color: inherit
}

.edumall-blog .post-overlay-meta {
  color: hsla(0, 0%, 100%, .8)
}

.edumall-blog .post-overlay-meta a {
  color: #fff
}

.edumall-blog .post-overlay-meta {
  font-size: 14px;
  font-style: italic;
  margin: 0 -2px 6px
}

.edumall-blog .post-overlay-meta a {
  font-weight: 500
}

.edumall-blog .post-overlay-meta>div {
  display: inline-block;
  padding: 0 2px;
  margin-bottom: 5px
}

.edumall-blog-overlay-style-float .post-overlay-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background-image: linear-gradient(180deg, transparent, transparent 50%, rgba(0, 0, 0, .8))
}

.edumall-blog-overlay-style-float .post-overlay-info {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 30px 30px 44px;
  text-align: center
}

.edumall-blog-overlay-style-float .portfolio-overlay-title {
  font-size: 26px
}

.edumall-blog-overlay-style-float .post-overlay-content {
  z-index: 1
}

.edumall-blog-overlay-style-float .post-overlay-categories {
  z-index: 2
}

.edumall-blog-caption-style-01 .post-wrapper {
  border-radius: 5px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, .05);
  background: var(--edumall-color-box-white-background)
}

.edumall-blog-caption-style-01 .post-thumbnail {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.edumall-blog-caption-style-01 .post-meta {
  margin: 0
}

.edumall-blog-caption-style-01 .post-meta .inner>div {
  margin: 0 0 5px
}

.edumall-blog-caption-style-01 .post-title {
  font-size: 16px;
  line-height: 1.875
}

.edumall-blog-caption-style-01 .post-caption {
  padding: 15px 30px 30px
}

.edumall-blog-caption-style-01 .post-excerpt {
  margin: 6px 0 0
}

.edumall-blog-caption-style-01 .post-read-more {
  margin: 22px 0 0
}

.edumall-blog-caption-style-01 .post-read-more .tm-button-xs {
  padding: 0 23px
}

.edumall-blog-caption-style-01 .post.sticky .post-wrapper {
  background: #333;
  color: #fff
}

.edumall-blog-caption-style-01 .post.sticky .post-meta,
.edumall-blog-caption-style-01 .post.sticky .post-title {
  color: #fff
}

.edumall-blog-caption-style-02 .post-thumbnail {
  border-radius: 5px;
  overflow: hidden
}

.edumall-blog-caption-style-02 .post-meta {
  margin: 0
}

.edumall-blog-caption-style-02 .post-meta .inner>div {
  margin: 0 0 5px
}

.edumall-blog-caption-style-02 .post-title {
  font-size: 16px;
  line-height: 1.875
}

.edumall-blog-caption-style-02 .post-caption {
  padding: 15px 0 20px
}

.edumall-blog-caption-style-02 .post-excerpt {
  margin: 6px 0 0
}

.edumall-blog-caption-style-02 .post-read-more {
  margin: 22px 0 0
}

.edumall-blog-caption-style-02 .post-read-more .style-flat.tm-button-xs {
  padding: 0 23px
}

.edumall-blog-caption-style-02 .post.sticky .post-wrapper {
  background: #333;
  color: #fff
}

.edumall-blog-caption-style-02 .post.sticky .post-meta,
.edumall-blog-caption-style-02 .post.sticky .post-title {
  color: #fff
}

.edumall-blog-metro .post-thumbnail {
  width: 100%;
  height: 100%
}

.edumall-blog-zigzag .post-title {
  color: var(--edumall-color-secondary)
}

.edumall-blog-zigzag .edumall-grid {
  display: grid;
  grid-template-columns: 270px minmax(270px, 500px) 270px;
  justify-content: space-between;
  grid-gap: 50px 30px;
  grid-auto-flow: column
}

.edumall-blog-zigzag .grid-item {
  min-width: 0
}

.edumall-blog-zigzag .grid-item:nth-child(3n+1) {
  margin: 162px 0 0
}

.edumall-blog-zigzag .grid-item:nth-child(3n+2) {
  margin: 55px 0 0;
  grid-column-end: 4
}

.edumall-blog-zigzag .grid-item:nth-child(3n+3) {
  grid-column-end: 3
}

.edumall-blog-zigzag .post-wrapper {
  position: relative;
  background: #fff;
  box-shadow: 0 14px 59px rgba(0, 0, 0, .12);
  border-radius: 5px;
  overflow: hidden
}

.edumall-blog-zigzag .post-caption {
  padding: 26px 20px 35px
}

.edumall-blog-zigzag .post-thumbnail {
  position: relative
}

.edumall-blog-zigzag .post-thumbnail img {
  width: 100%
}

.edumall-blog-zigzag .post-title {
  font-size: 20px;
  line-height: 1.5
}

.edumall-blog-zigzag .post-categories {
  font-size: 15px;
  color: #8c89a2;
  margin: 0 0 4px
}

.edumall-blog-zigzag .post-meta {
  font-size: 14px;
  font-style: normal;
  margin: 8px 0 0
}

.edumall-blog-zigzag .highlight-item .post-wrapper {
  box-shadow: none
}

.edumall-blog-zigzag .highlight-item .post-thumbnail:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: inherit;
  background-image: linear-gradient(-180deg, transparent, rgba(0, 0, 0, .3))
}

.edumall-blog-zigzag .highlight-item .post-thumbnail img {
  width: 100%;
  height: 680px;
  object-fit: cover
}

.edumall-blog-zigzag .highlight-item .post-categories {
  color: #fff;
  margin: 0 0 8px
}

.edumall-blog-zigzag .highlight-item .post-categories a:hover {
  color: #fff !important
}

.edumall-blog-zigzag .highlight-item .post-title {
  font-size: 34px;
  line-height: 1.42
}

.edumall-blog-zigzag .highlight-item .post-title a {
  color: #fff !important
}

.edumall-blog-zigzag .highlight-item .post-meta {
  color: #fff !important;
  margin: 1px 0 0
}

.edumall-blog-zigzag .highlight-item .post-meta a {
  color: #fff !important
}

.edumall-blog-zigzag .highlight-item .post-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px 38px 54px
}

.edumall-blog-list-01 .post-item {
  border-bottom: 1px solid var(--edumall-color-box-border)
}

.edumall-blog-list-01 .post-title {
  font-size: 28px;
  line-height: 1.42
}

.edumall-blog-list-01 .post-categories {
  margin: 0 0 17px
}

.edumall-blog-list-01 .post-meta {
  margin: 0 0 12px
}

.edumall-blog-list-01 .post-meta .meta-value {
  font-size: 13px;
  color: #9b9b9b
}

.edumall-blog-list-01 .post-excerpt {
  margin: 18px 0 0
}

.edumall-blog-list-01 .post-read-more {
  margin: 33px 0 0
}

.edumall-blog-list-01 .post-caption {
  padding-top: 23px;
  padding-bottom: 30px
}

.edumall-blog-list-02 .post-wrapper {
  display: flex
}

.edumall-blog-list-02 .post-thumbnail-wrapper {
  width: 300px;
  max-width: 40%;
  padding-right: 30px;
  flex-shrink: 0
}

.edumall-blog-list-02 .post-item {
  padding: 0 0 35px;
  border-bottom: 1px solid var(--edumall-color-box-border)
}

.edumall-blog-list-02 .post-item:last-child {
  margin: 0;
  border: 0;
  padding: 0 0 20px
}

.edumall-blog-list-02 .post-caption {
  flex-grow: 1;
  padding: 0
}

.edumall-blog-list-02 .post-title {
  font-size: 18px;
  line-height: 1.67
}

.edumall-blog-list-02 .post-categories {
  margin: 0 0 17px
}

.edumall-blog-list-02 .post-meta {
  margin: 3px 0 0
}

.edumall-blog-list-02 .post-read-more {
  margin: 14px 0 0
}

.edumall-blog-list-02 .post-read-more .style-text {
  color: var(--edumall-color-primary)
}

.edumall-blog-list-02 .post-read-more .style-text .button-icon,
.edumall-blog-list-02 .post-read-more .style-text .button-text {
  font-size: 14px
}

.edumall-blog-list-02 .has-post-thumbnail .post-caption {
  margin: 0
}

.edumall-blog-list-03 .post-wrapper {
  display: flex
}

.edumall-blog-list-03 .post-caption {
  padding: 0 !important
}

.edumall-blog-list-03 .post-thumbnail-wrapper {
  width: 80px;
  flex-shrink: 0;
  margin: 0 30px 0 0
}

.edumall-blog-list-03 .post-thumbnail {
  border-radius: 5px;
  overflow: hidden
}

.edumall-blog-list-03 .post-item+.post-item {
  margin: 20px 0 0
}

.edumall-blog-list-03 .post-title {
  font-size: 14px;
  line-height: 1.78
}

.edumall-blog-list-03 .post-title a {
  display: block;
  position: relative;
  padding: 0 0 0 30px
}

.edumall-blog-list-03 .post-title a:after,
.edumall-blog-list-03 .post-title a:before {
  content: "\f30b";
  position: absolute;
  top: 5px;
  left: 0;
  font-size: 14px;
  transition: all .25s cubic-bezier(.645, .045, .355, 1), color 0s linear
}

.edumall-blog-list-03 .post-title a:after {
  color: currentColor;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%)
}

.edumall-blog-list-03 .post-title a:hover:before {
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%)
}

.edumall-blog-list-03 .post-title a:hover:after {
  opacity: 1;
  visibility: visible;
  transform: translateX(0)
}

.edumall-blog-list-03.edumall-blog-caption-style-01 .post-wrapper {
  padding: 20px
}

.edumall-blog-one-left-featured .edumall-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px
}

.edumall-blog-one-left-featured .post-categories {
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
  text-transform: none;
  letter-spacing: 0;
  color: var(--edumall-color-primary);
  margin: 0 0 2px
}

.edumall-blog-one-left-featured .post-categories a:hover {
  color: var(--edumall-color-secondary)
}

.edumall-blog-one-left-featured .post-title {
  font-size: 16px;
  line-height: 1.75
}

.edumall-blog-one-left-featured .edumall-box {
  position: relative;
  height: 100%;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 40px rgba(0, 0, 0, .15);
  min-height: 290px
}

.edumall-blog-one-left-featured .featured-post {
  grid-column: span 2
}

.edumall-blog-one-left-featured .featured-post .edumall-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}

.edumall-blog-one-left-featured .featured-post .post-thumbnail-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.edumall-blog-one-left-featured .featured-post .post-thumbnail-wrap:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .5;
  background-image: linear-gradient(180deg, rgba(37, 37, 37, 0) 11%, #000 80%)
}

.edumall-blog-one-left-featured .featured-post .post-overlay-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit
}

.edumall-blog-one-left-featured .featured-post .post-info {
  position: relative;
  z-index: 1;
  padding: 30px
}

.edumall-blog-one-left-featured .featured-post .post-title {
  line-height: 1.375
}

.edumall-blog-one-left-featured .featured-post .post-title a {
  color: #fff !important;
  font-size: 2em
}

.edumall-blog-one-left-featured .featured-post .post-categories {
  font-size: 15px;
  margin: 0 0 6px
}

.edumall-blog-one-left-featured .featured-post .post-categories a {
  color: #fff !important
}

.edumall-blog-one-left-featured .featured-post .post-thumbnail {
  height: 100%
}

.edumall-blog-one-left-featured .featured-post .post-thumbnail img {
  height: 100%;
  object-fit: cover
}

.edumall-blog-one-left-featured .normal-post .edumall-box {
  display: flex;
  flex-direction: column
}

.edumall-blog-one-left-featured .normal-post .post-info {
  padding: 20px 25px
}

.edumall-blog-caption-style-03 .post-thumbnail {
  border-radius: 5px;
  overflow: hidden
}

.edumall-blog-caption-style-03 .post-title {
  font-size: 24px;
  line-height: 1.5
}

.edumall-blog-caption-style-03 .post-meta {
  margin: 0 0 9px
}

.edumall-blog-caption-style-03 .tm-button {
  color: var(--edumall-color-primary)
}

.edumall-blog-caption-style-03 .tm-button.style-bottom-line .button-content-wrapper:after {
  background-color: var(--edumall-color-primary)
}

.edumall-blog-caption-style-03 .tm-button.style-bottom-line .button-icon {
  font-size: 14px
}

.edumall-blog-carousel-01 .swiper {
  margin: -10px -10px -15px;
  padding: 10px 10px 15px;
  width: auto
}

.edumall-blog-carousel-01 .swiper-nav-buttons {
  padding: 10px 0 15px
}

.edumall-blog-carousel-01 .post-wrapper {
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 10px rgba(51, 51, 51, .15)
}

.edumall-blog-carousel-01 .post-thumbnail {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.edumall-blog-carousel-01 .post-meta {
  margin: 0
}

.edumall-blog-carousel-01 .post-meta .inner>div {
  margin: 0 0 5px
}

.edumall-blog-carousel-01 .post-title {
  font-size: 16px;
  line-height: 1.75
}

.edumall-blog-carousel-01 .post-caption {
  padding: 13px 20px 35px
}

.edumall-blog-carousel-01 .post-excerpt {
  margin: 6px 0 0
}

.edumall-blog-carousel-01 .post-read-more {
  margin: 22px 0 0
}

.edumall-blog-carousel-01 .post-read-more .style-flat.tm-button-xs {
  padding: 0 23px
}

@media (max-width:1024px) {
  .edumall-blog-zigzag .edumall-grid {
    grid-template-columns: repeat(2, 1fr);
    justify-content: normal;
    grid-auto-flow: row
  }

  .edumall-blog-zigzag .grid-item {
    margin: 0 !important
  }

  .edumall-blog-zigzag .grid-item:nth-child(3n+2) {
    grid-column-end: unset
  }

  .edumall-blog-zigzag .grid-item:nth-child(3n+3) {
    grid-column-start: 1;
    grid-column-end: 3
  }

  .edumall-blog-list-01 .post-title {
    font-size: 24px
  }

  .edumall-blog-one-left-featured .edumall-grid {
    grid-template-columns: repeat(2, 1fr)
  }
}

@media (max-width:767px) {
  .edumall-blog-zigzag .edumall-grid {
    grid-template-columns: repeat(1, 1fr)
  }

  .edumall-blog-zigzag .grid-item {
    grid-column: unset !important
  }

  .edumall-blog-list-01 .post-title {
    font-size: 20px
  }

  .edumall-blog-list-02 .post-wrapper {
    display: block
  }

  .edumall-blog-list-02 .post-thumbnail-wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0
  }

  .edumall-blog-list-02 .post-caption {
    width: 100%;
    padding-top: 30px
  }
}

@media screen and (max-width:500px) {
  .edumall-blog-one-left-featured .edumall-grid {
    grid-template-columns: 1fr
  }

  .edumall-blog-one-left-featured .featured-post {
    grid-column: span 1
  }

  .edumall-blog-one-left-featured .featured-post .post-title a {
    font-size: 1.5em
  }

  .edumall-blog-one-left-featured .featured-post .post-info {
    padding: 100px 25px 25px
  }
}

.tm-portfolio .post-thumbnail-wrapper,
.tm-portfolio .post-wrapper {
  position: relative
}

.tm-portfolio .post-title {
  font-size: 22px;
  margin-bottom: 0
}

.tm-portfolio .post-title a {
  color: inherit
}

.tm-portfolio .post-title a:hover {
  color: var(--edumall-color-primary)
}

.tm-portfolio .post-categories {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.34;
  text-transform: uppercase;
  letter-spacing: 1.38px;
  margin: 13px 0 0
}

.tm-portfolio .post-categories a {
  color: inherit
}

.tm-portfolio .post-categories a:hover {
  color: var(--edumall-color-primary)
}

.tm-portfolio .post-thumbnail {
  position: relative
}

.tm-portfolio .post-thumbnail img {
  width: 100%
}

.tm-portfolio.style-metro .post-thumbnail-wrapper .post-permalink,
.tm-portfolio.style-metro .post-thumbnail-wrapper .post-thumbnail {
  width: 100%;
  height: 100%
}

.tm-portfolio.style-metro .post-thumbnail-wrapper .post-permalink img,
.tm-portfolio.style-metro .post-thumbnail-wrapper .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.portfolio-caption-style-01 .post-info {
  padding: 25px 20px;
  text-align: center
}

.portfolio-caption-style-02 .post-info {
  padding: 48px 0 0
}

.portfolio-caption-style-02 .post-title {
  font-size: 36px
}

.portfolio-caption-style-02 .portfolio-excerpt {
  margin: 22px 0 0;
  max-width: 580px
}

.portfolio-overlay-title {
  margin-bottom: 0;
  font-size: 22px;
  color: #fff
}

.portfolio-overlay-title a {
  font-size: inherit
}

.portfolio-overlay-categories {
  margin-top: 13px;
  color: hsla(0, 0%, 100%, .4);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.34;
  text-transform: uppercase;
  letter-spacing: 1.38px
}

.portfolio-overlay-group-01 .post-wrapper:hover .post-overlay,
.portfolio-overlay-group-01 .post-wrapper:hover .post-overlay-content {
  visibility: visible;
  opacity: 1
}

.portfolio-overlay-group-01 .post-overlay {
  border-radius: inherit;
  background: rgba(0, 0, 0, .8)
}

.portfolio-overlay-group-01 .post-overlay,
.portfolio-overlay-group-01 .post-overlay-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0
}

.portfolio-overlay-group-01 .post-overlay-content-inner {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center
}

.portfolio-overlay-group-01 .post-overlay-info {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 15px
}

.portfolio-overlay-faded-02 .post-overlay-info {
  padding: 30px
}

.portfolio-overlay-faded-02 .post-overlay {
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  background: #fff
}

.portfolio-overlay-movement .post-wrapper:hover .post-overlay {
  visibility: visible;
  opacity: 1
}

.portfolio-overlay-movement .post-overlay {
  visibility: hidden;
  opacity: 0;
  max-width: 300px;
  background: #111;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateZ(0);
  transition: visibility .3s, opacity .3s;
  pointer-events: none
}

.portfolio-overlay-movement .post-overlay-info {
  padding: 20px
}

.portfolio-overlay-huge-on .site {
  background: #111
}

.portfolio-overlay-huge.on .grid-item:not(:hover) .post-overlay {
  visibility: visible;
  opacity: 1
}

.portfolio-overlay-huge.on .grid-item:hover .post-overlay-info {
  transform: none;
  opacity: 1;
  visibility: visible
}

.portfolio-overlay-huge .post-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  border-radius: inherit;
  background: rgba(0, 0, 0, .85)
}

.portfolio-overlay-huge .post-overlay-content-inner {
  display: flex;
  justify-content: center
}

.portfolio-overlay-huge .post-overlay-content {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 80%;
  transform: translate(-50%, -50%);
  z-index: 99;
  pointer-events: none
}

.portfolio-overlay-huge .portfolio-overlay-title {
  flex-grow: 1;
  font-size: 60px;
  font-weight: var(--edumall-typography-headings-font-weight);
  line-height: 1.2;
  margin: 0;
  color: #fff
}

.portfolio-overlay-huge .post-overlay-info {
  display: flex;
  align-items: center;
  transform: translateY(50px);
  opacity: 0;
  visibility: hidden
}

.portfolio-overlay-huge .portfolio-overlay-categories {
  flex-shrink: 0;
  position: relative;
  padding-left: 86px;
  margin: 0 0 0 40px
}

.portfolio-overlay-huge .portfolio-overlay-categories:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 60px;
  height: 1px;
  background: currentColor
}

.portfolio-overlay-huge .portfolio-overlay-categories {
  color: #fff
}

.portfolio-overlay-faded-04 .post-wrapper:hover .post-overlay,
.portfolio-overlay-faded-04 .post-wrapper:hover .post-overlay-info {
  visibility: visible;
  opacity: 1
}

.portfolio-overlay-faded-04 .post-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  border-radius: inherit;
  background-image: linear-gradient(-180deg, transparent, transparent 50%, rgba(0, 0, 0, .4))
}

.portfolio-overlay-faded-04 .post-overlay-info {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  padding: 30px 44px 44px
}

.portfolio-overlay-flat .post-wrapper:hover .post-overlay {
  visibility: visible;
  opacity: 1
}

.portfolio-overlay-flat .post-wrapper:hover .post-overlay-info {
  visibility: visible;
  opacity: 1;
  transform: translateY(-30px)
}

.portfolio-overlay-flat .post-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  border-radius: inherit
}

.portfolio-overlay-flat .post-overlay-info {
  position: absolute;
  right: 30px;
  bottom: 0;
  left: 30px;
  min-height: 99px;
  visibility: hidden;
  opacity: 0;
  background: #fff;
  padding: 23px 90px 22px 25px
}

.portfolio-overlay-flat .portfolio-overlay-title {
  color: #111
}

.portfolio-overlay-flat .portfolio-overlay-categories {
  margin-top: 5px;
  color: hsla(0, 0%, 7%, .4)
}

.portfolio-overlay-flat .post-overlay-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
  height: 55px;
  width: 55px;
  line-height: 51px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid #eee;
  font-size: 15px;
  color: #111
}

.portfolio-overlay-float .post-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background-image: linear-gradient(-180deg, transparent, transparent 40%, #000)
}

.portfolio-overlay-float .post-overlay-info {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 30px 44px 44px;
  text-align: center
}

.portfolio-overlay-float .portfolio-overlay-title {
  font-size: 26px
}

.portfolio-overlay-faded-04 .post-wrapper:hover .portfolio-overlay-categories,
.portfolio-overlay-faded-04 .post-wrapper:hover .portfolio-overlay-title,
.portfolio-overlay-group-01 .post-wrapper:hover .portfolio-overlay-categories,
.portfolio-overlay-group-01 .post-wrapper:hover .portfolio-overlay-title,
.portfolio-overlay-movement .post-wrapper:hover .portfolio-overlay-categories,
.portfolio-overlay-movement .post-wrapper:hover .portfolio-overlay-title {
  opacity: 1;
  transition: .5s ease-out .25s;
  transform: translateY(0)
}

.portfolio-overlay-faded-04 .post-wrapper:hover .portfolio-overlay-categories+.portfolio-overlay-title,
.portfolio-overlay-faded-04 .post-wrapper:hover .portfolio-overlay-title+.portfolio-overlay-categories,
.portfolio-overlay-group-01 .post-wrapper:hover .portfolio-overlay-categories+.portfolio-overlay-title,
.portfolio-overlay-group-01 .post-wrapper:hover .portfolio-overlay-title+.portfolio-overlay-categories,
.portfolio-overlay-movement .post-wrapper:hover .portfolio-overlay-categories+.portfolio-overlay-title,
.portfolio-overlay-movement .post-wrapper:hover .portfolio-overlay-title+.portfolio-overlay-categories {
  transition-delay: .35s
}

.portfolio-overlay-faded-04 .portfolio-overlay-categories,
.portfolio-overlay-faded-04 .portfolio-overlay-title,
.portfolio-overlay-group-01 .portfolio-overlay-categories,
.portfolio-overlay-group-01 .portfolio-overlay-title,
.portfolio-overlay-movement .portfolio-overlay-categories,
.portfolio-overlay-movement .portfolio-overlay-title {
  opacity: 0;
  transition: .25s ease-out 0s;
  transform: translateY(10px)
}

.portfolio-overlay-colored-faded .portfolio-overlay-categories {
  margin: 0 0 13px
}

.portfolio-overlay-colored-faded.portfolio-overlay-group-01 .post-overlay {
  background-color: var(--edumall-color-primary)
}

.portfolio-overlay-group-01 .post-overlay {
  background-color: rgba(var(--edumall-color-primary-rgb), .8)
}

.overlay-content-skin-light .portfolio-overlay-categories,
.overlay-content-skin-light .portfolio-overlay-title {
  color: #fff !important
}

.overlay-content-skin-dark .portfolio-overlay-categories,
.overlay-content-skin-dark .portfolio-overlay-title {
  color: #111 !important
}

@media (max-width:991px) {
  .portfolio-overlay-huge .portfolio-overlay-title {
    font-size: 46px
  }

  .portfolio-caption-style-02 .post-title {
    font-size: 30px
  }
}

@media (max-width:767px) {
  .portfolio-overlay-huge .portfolio-overlay-title {
    font-size: 32px
  }

  .portfolio-overlay-huge .post-overlay-info {
    display: block
  }

  .portfolio-overlay-huge .portfolio-overlay-categories {
    margin-left: 3px;
    margin-top: 10px
  }

  .portfolio-caption-style-02 .post-title {
    font-size: 24px
  }
}

.edumall-portfolio-carousel-01 .post-title {
  margin-bottom: 0
}

.edumall-portfolio-carousel-01 .post-title a {
  color: inherit !important
}

.edumall-portfolio-carousel-01 .post-categories {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.38px;
  color: hsla(0, 0%, 7%, .4)
}

.edumall-portfolio-carousel-01 .post-categories a {
  color: inherit
}

.edumall-portfolio-carousel-01 .post-wrapper:hover .post-thumbnail,
.edumall-portfolio-carousel-01 .swiper-slide-active .post-thumbnail {
  box-shadow: 0 60px 40px -40px rgba(51, 51, 51, .41)
}

.edumall-portfolio-carousel-01 .post-info {
  padding: 26px 0 0
}

.edumall-portfolio-carousel-01 .post-title {
  font-size: 22px;
  margin-bottom: 9px
}

.edumall-portfolio-carousel-02 .post-wrapper:hover .post-overlay:before {
  opacity: 1
}

.edumall-portfolio-carousel-02 .post-wrapper:hover .post-overlay:after {
  opacity: 0
}

.edumall-portfolio-carousel-02 .post-wrapper:hover .post-info {
  transform: translateY(0);
  display: flex;
  flex-direction: column;
  justify-content: center
}

.edumall-portfolio-carousel-02 .post-wrapper:hover .post-title {
  transform: translateY(0)
}

.edumall-portfolio-carousel-02 .post-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.edumall-portfolio-carousel-02 .post-overlay:after,
.edumall-portfolio-carousel-02 .post-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  transition: opacity .25s linear
}

.edumall-portfolio-carousel-02 .post-overlay:before {
  background-image: linear-gradient(37deg, #4b33fb, #b282ea 84%);
  opacity: 0
}

.edumall-portfolio-carousel-02 .post-overlay:after {
  opacity: .8;
  background-image: linear-gradient(-180deg, transparent, #000)
}

.edumall-portfolio-carousel-02 .post-info,
.edumall-portfolio-carousel-02 .post-title {
  transition: all .5s
}

.edumall-portfolio-carousel-02 .post-thumbnail {
  overflow: hidden
}

.edumall-portfolio-carousel-02 .post-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px 40px;
  text-align: center;
  transform: translateY(100%)
}

.edumall-portfolio-carousel-02 .post-title {
  font-size: 26px;
  color: #fff;
  margin-bottom: 0;
  transform: translateY(-100%) translateY(-72px)
}

.edumall-portfolio-carousel-02 .portfolio-excerpt {
  font-size: 16px;
  line-height: 1.875;
  color: hsla(0, 0%, 100%, .62);
  margin-top: 33px
}

.edumall-portfolio-carousel-02 .portfolio-read-more-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 55px;
  background: #fff;
  border-radius: 50%;
  font-size: 15px;
  color: #111;
  margin: 51px auto 0
}

.edumall-course .course-wrapper {
  position: relative;
  height: 100%
}

.edumall-course .course-thumbnail-wrapper {
  position: relative
}

.edumall-course .course-title {
  font-size: 20px;
  line-height: 1.6;
  margin: 0
}

.edumall-course .course-title a {
  display: block;
  color: inherit
}

.edumall-course .course-price {
  display: inline-flex;
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
  margin: 0 0 12px
}

.edumall-course .course-price .decimals-separator {
  font-size: 18px
}

.edumall-course .course-price .origin-price {
  position: relative;
  color: #ababab;
  margin: 0 6px 0 0
}

.edumall-course .course-price .origin-price:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  transform: translateY(-2px)
}

.edumall-course .course-thumbnail {
  position: relative
}

.edumall-course .course-thumbnail img {
  width: 100%
}

.edumall-course .course-overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none
}

.edumall-course .course-date {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0 0 4px
}

.edumall-course .course-meta {
  font-size: 14px;
  margin: 30px 0 0
}

.edumall-course .course-meta>div {
  margin-right: 28px;
  display: inline-block
}

.edumall-course .course-meta .meta-icon {
  margin-right: 6px
}

.edumall-course .course-instructor {
  margin: 0 0 20px
}

.edumall-course .course-instructor .instructor-avatar {
  display: inline-block;
  margin: 0 10px 0 0
}

.edumall-course .course-instructor .instructor-avatar img {
  width: 32px;
  vertical-align: middle;
  border-radius: 50%
}

.edumall-course .course-excerpt {
  margin: 9px 0 0;
  line-height: 1.6
}

.edumall-course.style-metro .course-thumbnail-wrapper .course-permalink,
.edumall-course.style-metro .course-thumbnail-wrapper .course-thumbnail {
  width: 100%;
  height: 100%
}

.edumall-course.style-metro .course-thumbnail-wrapper .course-permalink img,
.edumall-course.style-metro .course-thumbnail-wrapper .course-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.course-caption-style-01 .course-wrapper {
  background: #fff;
  border-radius: 5px;
  overflow: hidden
}

.course-caption-style-01 .course-wrapper:hover {
  box-shadow: 0 14px 59px rgba(0, 0, 0, .12)
}

.course-caption-style-01 .course-info {
  padding: 30px 30px 38px
}

.course-caption-style-01 .course-price-badge {
  position: absolute;
  top: 0;
  right: 0;
  background: #ee7455;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2.4px;
  padding: 11px 10px
}

.course-caption-style-01 .course-price-badge:after,
.course-caption-style-01 .course-price-badge:before {
  content: "";
  position: absolute;
  left: 0;
  transform: translateX(-50%);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent
}

.course-caption-style-01 .course-price-badge:before {
  top: 0;
  border-top: 19px solid #ee7455
}

.course-caption-style-01 .course-price-badge:after {
  bottom: 0;
  border-bottom: 19px solid #ee7455
}

.edumall-course.tm-swiper .swiper-inner {
  margin: -30px
}

.edumall-course.tm-swiper .swiper {
  padding: 30px
}

.course-caption-style-01 .edumall-course.tm-swiper .course-wrapper:hover {
  box-shadow: 0 0 30px rgba(0, 0, 0, .08)
}

.tm-client-logo .image {
  transition: all .3s linear
}

.tm-client-logo.hover-grayscale .image {
  filter: grayscale(100%);
  opacity: .3
}

.tm-client-logo.hover-grayscale .item:hover .image {
  filter: none;
  opacity: 1
}

.tm-client-logo.hover-opacity .image {
  opacity: .23
}

.tm-client-logo.hover-opacity .item:hover .image {
  opacity: 1
}

.tm-client-logo.hover-faded .item:hover .image {
  opacity: .2
}

.tm-circle-progress-chart .tm-svg {
  line-height: 0
}

.tm-circle-progress-chart .tm-svg * {
  stroke: currentColor
}

.tm-circle-progress-chart .chart-wrap {
  line-height: 0
}

.tm-circle-progress-chart .chart {
  position: relative;
  display: inline-block;
  width: 214px;
  height: 214px
}

.tm-circle-progress-chart .chart canvas {
  position: absolute;
  top: 0;
  left: 0
}

.tm-circle-progress-chart .inner-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.tm-circle-progress-chart .chart-number {
  font-size: 24px;
  font-weight: var(--edumall-typography-headings-font-weight);
  color: #111;
  margin-bottom: 0
}

.tm-counter {
  width: 100%
}

.tm-counter .icon {
  font-size: 48px;
  line-height: 1
}

.tm-counter .counter-number-wrap {
  display: inline-flex;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  color: var(--edumall-color-primary)
}

.tm-counter .heading-wrap {
  margin: 5px 0 0
}

.tm-counter .counter-heading {
  font-size: 14px;
  line-height: 24px;
  color: var(--edumall-color-heading);
  margin: 0
}

.edumall-counter-style-01 .tm-counter {
  padding: 28px 30px 25px;
  border-radius: 8px
}

.edumall-counter-style-01 .tm-counter:hover {
  background: #fff;
  box-shadow: 0 29px 53px rgba(0, 0, 0, .08)
}

.edumall-counter-style-02 .tm-counter {
  padding: 31px 30px;
  border-radius: 8px
}

.edumall-counter-style-02 .tm-counter:hover {
  background: #fff;
  box-shadow: 0 10px 50px rgba(0, 0, 0, .08)
}

.edumall-counter-style-02 .tm-counter .icon {
  font-size: 80px
}

.edumall-counter-style-02 .tm-counter .counter-number-wrap {
  font-size: 34px;
  font-weight: 500
}

.edumall-counter-style-02 .tm-counter .heading-wrap {
  margin: 11px 0 0
}

.edumall-counter-style-02 .tm-counter .counter-heading {
  font-size: 15px;
  line-height: 26px
}

.countdown-clock {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between
}

.countdown-clock .number {
  font-size: 34px;
  line-height: 1;
  font-weight: 700;
  color: var(--edumall-color-primary)
}

.countdown-clock .text {
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin: 11px 0 0
}

.countdown-clock .clock-divider {
  width: 20px;
  text-align: center;
  font-size: 16px;
  color: var(--edumall-color-heading);
  position: relative;
  top: -20px
}

.countdown-clock .clock-divider:before {
  content: ":"
}

.countdown-clock>div {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 20px
}

.tm-google-map {
  position: relative
}

.tm-google-map .map {
  width: 100%;
  height: 300px;
  position: relative;
  background-color: #e2e2e2
}

.tm-google-map .map:before {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .2), transparent);
  animation: skeleton-loading .8s infinite
}

.tm-google-map .map>div {
  background: none !important
}

.tm-google-map .style-signal .animated-dot {
  position: relative;
  width: 20px;
  height: 20px;
  color: var(--edumall-color-primary)
}

.tm-google-map .style-signal .middle-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  position: absolute;
  top: 3px;
  left: 3px;
  background: currentColor;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite
}

.tm-google-map .style-signal .middle-dot:after {
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  content: " ";
  z-index: 100
}

.tm-google-map .style-signal .middle-dot:after,
.tm-google-map .style-signal .signal {
  position: absolute;
  background: currentColor;
  border-radius: 50%;
  opacity: 0;
  transform-origin: 50% 50%
}

.tm-google-map .style-signal .signal {
  left: -50px;
  top: -50px;
  width: 120px;
  height: 120px;
  pointer-events: none;
  animation: animationSignal cubic-bezier(0, .55, .55, 1) 2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite
}

.tm-google-map .style-signal .signal-1 {
  animation-delay: .78s
}

.tm-google-map .style-signal .signal-2 {
  animation-delay: 1.1s
}

.edumall-map-overlay-template {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.edumall-map-overlay-always .edumall-map-overlay-content {
  display: block !important
}

.edumall-map-overlay-content {
  display: none;
  position: absolute;
  bottom: 100%;
  right: 50%;
  width: 360px;
  transform: translate(150px, 15px);
  padding-bottom: 40px;
  max-width: 90vw
}

.edumall-map-overlay-info {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 20px;
  box-shadow: 0 30px 50px rgba(0, 0, 0, .21)
}

.edumall-map-overlay-info:before {
  content: "";
  position: absolute;
  bottom: 27px;
  right: 141px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 13px solid #fff
}

.edumall-map-overlay-info a:hover {
  color: var(--edumall-color-link-hover)
}

.gmap-marker-wrap {
  padding: 20px;
  color: var(--edumall-color-text)
}

.map-marker-title {
  font-size: 20px;
  margin-bottom: 10px
}

.map-marker-image {
  flex-shrink: 0;
  margin-right: 20px
}

.map-marker-content {
  flex-grow: 1
}

.map-marker-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.79;
  color: var(--edumall-color-text)
}

.map-marker-description a {
  color: var(--edumall-color-heading)
}

@keyframes animationSignal {
  0% {
    opacity: 0;
    transform: scale(0)
  }

  1% {
    opacity: .14
  }

  20% {
    opacity: .14
  }

  60% {
    transform: scale(1);
    opacity: 0
  }
}

@media (max-width:767px) {
  .edumall-map-overlay-content {
    width: 370px !important;
    transform: translate(50%, 15px)
  }

  .edumall-map-overlay-info:before {
    right: 50%;
    transform: translate(50%)
  }

  .map-marker-image {
    display: none
  }
}

.tm-modern-heading {
  max-width: 100%
}

.tm-modern-heading .heading-primary-wrap,
.tm-modern-heading .heading-secondary-wrap {
  line-height: 1
}

.tm-modern-heading .heading-description,
.tm-modern-heading .heading-primary,
.tm-modern-heading .heading-secondary {
  display: inline-block;
  margin-bottom: 0
}

.tm-modern-heading a {
  display: block
}

.tm-modern-heading a,
.tm-modern-heading a:hover {
  color: inherit;
  font-size: inherit
}

.tm-modern-heading mark span {
  margin-left: 5px
}

.tm-modern-heading .heading-description-wrap {
  margin-top: 25px
}

.tm-modern-heading .heading-description-wrap:first-child {
  margin-top: 0
}

.tm-modern-heading .heading-secondary-wrap {
  margin-bottom: 10px
}

.tm-modern-heading .heading-divider {
  margin-top: 10px;
  font-size: 0;
  line-height: 0
}

.tm-modern-heading .heading-divider:before {
  content: "";
  display: inline-block;
  height: 2px;
  width: 100px;
  background: #111
}

.edumall-modern-heading-style-01 .heading-primary mark {
  position: relative;
  z-index: 0;
  padding: 0 0 10px;
  color: inherit
}

.edumall-modern-heading-style-01 .heading-primary mark:after {
  content: "";
  position: absolute;
  width: 91px;
  height: 12px;
  bottom: 0;
  left: 50%;
  z-index: -1;
  transform: translate(-45px);
  background-color: var(--edumall-color-secondary);
  -webkit-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url(assets/svg/headline-curve.svg);
  mask-image: url(assets/svg/headline-curve.svg)
}

.edumall-modern-heading-style-02 .heading-primary mark {
  border-bottom: 2px solid currentColor
}

.edumall-modern-heading-style-03 .heading-primary mark {
  position: relative;
  z-index: 0;
  padding: 0 0 10px;
  color: inherit
}

.edumall-modern-heading-style-03 .heading-primary mark:after {
  content: "";
  position: absolute;
  width: 93px;
  height: 13px;
  bottom: 0;
  left: 50%;
  z-index: -1;
  transform: translate(-45px);
  background-color: var(--edumall-color-secondary);
  -webkit-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url(assets/svg/headline-underline-zigzag.svg);
  mask-image: url(assets/svg/headline-underline-zigzag.svg)
}

.edumall-link-animate-border .heading-primary a:hover mark:before {
  transform: scaleX(0) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.edumall-link-animate-border .heading-primary a:hover mark:after {
  transform: scaleX(1) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s
}

.edumall-link-animate-border .heading-primary a mark {
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 3px 0
}

.edumall-link-animate-border .heading-primary a mark:after,
.edumall-link-animate-border .heading-primary a mark:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e0e0e0;
  transform-origin: right;
  transform: scaleX(1) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1) .3s
}

.edumall-link-animate-border .heading-primary a mark:after {
  transform-origin: left;
  transform: scaleX(0) translateZ(0);
  transition: transform .6s cubic-bezier(.165, .84, .44, 1)
}

.edumall-link-animate-border-02 .heading-primary a:hover mark:before {
  width: 100%;
  left: 0;
  right: auto
}

.edumall-link-animate-border-02 .heading-primary a mark {
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 3px 0
}

.edumall-link-animate-border-02 .heading-primary a mark:before {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
  background: #e0e0e0
}

.typed-cursor {
  opacity: 1;
  animation: blink .7s infinite
}

@keyframes blink {
  0% {
    opacity: 1
  }

  50% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.tm-typed-headline {
  max-width: 100%
}

.tm-typed-headline .edumall-headline {
  display: inline-block;
  margin: 0
}

.tm-typed-headline .headline-part {
  display: inline-block
}

.tm-typed-headline .typed-cursor {
  color: inherit;
  background: inherit
}

.edumall-gradation .count {
  font-size: 16px;
  font-weight: 500;
  height: 48px;
  line-height: 48px;
  min-width: 48px;
  padding: 0 5px;
  text-align: center;
  border-radius: 20px;
  background: #f1f3fa;
  color: var(--edumall-color-primary)
}

.edumall-gradation .item {
  position: relative
}

.edumall-gradation .item:hover .count {
  background-color: var(--edumall-color-primary);
  color: #fff
}

.edumall-gradation .title {
  font-size: 16px;
  line-height: 28px;
  margin: 0
}

.edumall-gradation .description {
  margin: 10px 0 0
}

.edumall-gradation-layout-block .edumall-gradation .item {
  display: flex
}

.edumall-gradation-layout-block .edumall-gradation .item:last-child .line {
  display: none
}

.edumall-gradation-layout-block .edumall-gradation .item:last-child .content-wrap {
  padding: 0 !important
}

.edumall-gradation-layout-block .edumall-gradation .count-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  margin: 0 27px 0 0
}

.edumall-gradation-layout-block .edumall-gradation .count {
  flex-shrink: 0
}

.edumall-gradation-layout-block .edumall-gradation .line {
  width: 4px;
  flex-grow: 1;
  background: radial-gradient(ellipse at center, #e5e8ec 0, #e5e8ec 20%, transparent 0);
  background-size: 14px 14px;
  background-repeat: repeat-y;
  background-position: center 3px
}

.edumall-gradation-layout-block .edumall-gradation .content-wrap {
  flex-grow: 1;
  padding: 0 0 30px
}

.edumall-gradation-layout-inline .edumall-gradation {
  display: flex;
  flex: 1 1 0
}

.edumall-gradation-layout-inline .edumall-gradation .item:last-child .line {
  display: none
}

.edumall-gradation-layout-inline .edumall-gradation .count-wrap {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0 15px
}

.edumall-gradation-layout-inline .edumall-gradation .line {
  flex-grow: 1;
  width: 100%;
  height: 4px;
  background: radial-gradient(ellipse at center, #e5e8ec 0, #e5e8ec 20%, transparent 0);
  background-size: 14px 14px;
  background-repeat: repeat-x;
  background-position: 0
}

.edumall-gradation-layout-inline .edumall-gradation .content-wrap {
  padding: 0 30px 0 0
}

@media (max-width:767px) {
  .edumall-gradation-layout-inline .edumall-gradation {
    display: block
  }

  .edumall-gradation-layout-inline .edumall-gradation .item {
    display: flex
  }

  .edumall-gradation-layout-inline .edumall-gradation .item:last-child .line {
    display: none
  }

  .edumall-gradation-layout-inline .edumall-gradation .item:last-child .content-wrap {
    padding: 0 !important
  }

  .edumall-gradation-layout-inline .edumall-gradation .count-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    margin: 0 27px 0 0
  }

  .edumall-gradation-layout-inline .edumall-gradation .count {
    flex-shrink: 0
  }

  .edumall-gradation-layout-inline .edumall-gradation .line {
    width: 4px;
    flex-grow: 1;
    background: radial-gradient(ellipse at center, #e5e8ec 0, #e5e8ec 20%, transparent 0);
    background-size: 14px 14px;
    background-repeat: repeat-y;
    background-position: center 3px
  }

  .edumall-gradation-layout-inline .edumall-gradation .content-wrap {
    flex-grow: 1;
    padding: 0 0 30px
  }
}

.edumall-timeline.style-01 {
  position: relative
}

.edumall-timeline.style-01 .timeline-line {
  position: absolute;
  left: 50%;
  margin-left: -1px;
  height: 100%;
  border-left: 2px solid #e2e2e8
}

.edumall-timeline.style-01 .timeline-list {
  padding: 44px 0 47px
}

.edumall-timeline.style-01 .timeline-item {
  position: relative
}

.edumall-timeline.style-01 .timeline-item+.timeline-item {
  margin-top: 87px
}

.edumall-timeline.style-01 .timeline-item:nth-child(2n) .content-wrap {
  flex-direction: row-reverse
}

.edumall-timeline.style-01 .timeline-item:nth-child(2n) .content-header {
  text-align: left;
  justify-content: flex-end
}

.edumall-timeline.style-01 .timeline-item:nth-child(2n) .content-main {
  text-align: right;
  justify-content: flex-start
}

.edumall-timeline.style-01 .title {
  color: var(--edumall-color-primary)
}

.edumall-timeline.style-01 .timeline-dot {
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: var(--edumall-color-primary)
}

.edumall-timeline.style-01 .timeline-dot:after,
.edumall-timeline.style-01 .timeline-dot:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid currentColor;
  border-radius: 50%
}

.edumall-timeline.style-01 .timeline-dot:before {
  width: 30px;
  height: 30px;
  opacity: .3
}

.edumall-timeline.style-01 .timeline-dot:after {
  width: 13px;
  height: 13px;
  border-width: 3px;
  background: #fff
}

.edumall-timeline.style-01 .content-wrap {
  display: flex;
  align-items: center;
  margin-left: -30px;
  margin-right: -30px
}

.edumall-timeline.style-01 .image img {
  border-radius: 5px
}

.edumall-timeline.style-01 .content-header,
.edumall-timeline.style-01 .content-main {
  display: flex;
  width: 50%;
  padding: 0 30px
}

.edumall-timeline.style-01 .content-header {
  text-align: right;
  justify-self: flex-start
}

.edumall-timeline.style-01 .content-main {
  text-align: left;
  justify-content: flex-end;
  font-size: 18px;
  line-height: 2
}

.edumall-timeline.style-01 .content-main h4 {
  font-size: 24px;
  margin-bottom: 22px
}

.edumall-timeline.style-01 .content-inner {
  max-width: 500px
}

.edumall-timeline.style-01 .title {
  font-size: 24px;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 56px
}

.edumall-timeline.style-01 .text {
  margin-bottom: 25px
}

.edumall-timeline.style-01 .timeline-date {
  font-size: 50px;
  line-height: 1;
  color: #ababab;
  margin: 0 0 30px
}

.edumall-timeline.style-01 .timeline-date>div {
  display: inline-block
}

@media (max-width:767px) {
  .edumall-timeline.style-01 .timeline-line {
    left: 15px
  }

  .edumall-timeline.style-01 .timeline-item {
    padding-left: 50px
  }

  .edumall-timeline.style-01 .timeline-item+.timeline-item {
    margin-top: 40px
  }

  .edumall-timeline.style-01 .timeline-dot {
    left: 0;
    transform: none
  }

  .edumall-timeline.style-01 .content-wrap {
    display: block
  }

  .edumall-timeline.style-01 .content-header,
  .edumall-timeline.style-01 .content-main {
    display: block;
    width: 100%;
    text-align: left !important
  }

  .edumall-timeline.style-01 .content-header {
    margin-bottom: 40px
  }

  .edumall-timeline.style-01 .title {
    margin-bottom: 30px
  }
}

.tm-attribute-list {
  font-size: 0
}

.tm-attribute-list .inner {
  display: inline-block
}

.tm-attribute-list.layout-block .list {
  display: block
}

.tm-attribute-list.layout-block .item {
  display: flex;
  align-items: flex-start
}

.tm-attribute-list.layout-block .item+.item {
  margin-top: 6px
}

.tm-attribute-list.layout-inline .list {
  margin-left: -14px;
  margin-right: -14px
}

.tm-attribute-list.layout-inline .item {
  display: inline-block;
  padding: 3px 14px
}

.tm-attribute-list.layout-columns .list {
  position: relative;
  min-height: 1px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px
}

.tm-attribute-list.layout-columns .item {
  padding: 2px 15px;
  flex-grow: 1;
  flex: 1 1 50%
}

.tm-attribute-list.layout-columns .item:nth-child(2)~.item {
  margin-top: 60px
}

.tm-attribute-list .item {
  font-size: 0;
  text-align: left
}

.tm-attribute-list .name,
.tm-attribute-list .value {
  font-size: 15px;
  line-height: 26px
}

.tm-attribute-list .name {
  margin-bottom: 0
}

.tm-attribute-list .value {
  font-weight: var(--edumall-typography-headings-font-weight)
}

.edumall-list {
  font-size: 0;
  max-width: 100%
}

.edumall-list .item {
  font-size: 0
}

.edumall-list .list-header {
  display: flex;
  align-items: center
}

.edumall-list .link {
  display: inline-block;
  padding: 0;
  transition: none
}

.edumall-list .icon {
  flex-shrink: 0;
  font-size: 14px;
  margin-right: 10px;
  line-height: 1
}

.edumall-list .marker {
  color: var(--edumall-color-primary)
}

.edumall-list .text {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0
}

.edumall-list .badge {
  display: inline-block;
  border-radius: 3px;
  padding: 4px 8px;
  background: var(--edumall-color-primary);
  color: #fff;
  font-size: 11px;
  line-height: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin: 0 0 0 7px
}

.edumall-list-layout-block .item+.item {
  margin-top: 11px
}

.edumall-list-layout-inline .edumall-list {
  margin-left: -15px;
  margin-right: -15px
}

.edumall-list-layout-inline .edumall-list .item {
  display: inline-block;
  padding: 0 15px;
  margin-bottom: 12px
}

.edumall-list-layout-columns .edumall-list {
  position: relative;
  min-height: 1px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px
}

.edumall-list-layout-columns .item {
  padding: 0 15px;
  flex-grow: 1;
  flex: 1 1 50%
}

.edumall-list-layout-columns .item:nth-child(2)~.item {
  margin-top: 11px
}

.edumall-list-style-icon-border .edumall-icon,
.edumall-list-style-icon-circle .edumall-icon {
  position: relative;
  font-size: 15px;
  padding: .5em
}

.edumall-list-style-icon-border .edumall-icon i,
.edumall-list-style-icon-circle .edumall-icon i {
  position: relative;
  z-index: 2
}

.edumall-list-style-icon-border .icon-view,
.edumall-list-style-icon-circle .icon-view {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%
}

.edumall-list-style-icon-border .icon-view {
  border: 2px solid currentColor
}

.edumall-list-style-icon-circle .icon-view {
  background: currentColor;
  box-shadow: 0 10px 29px rgba(0, 0, 0, .21)
}

.edumall-pricing .edumall-pricing-features {
  margin: 0;
  padding: 0
}

.edumall-pricing .edumall-pricing-features li {
  list-style-type: none
}

.edumall-pricing .edumall-pricing-ribbon {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 88px;
  height: 88px;
  line-height: 88px;
  text-align: center
}

.edumall-pricing .edumall-pricing-ribbon:before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 0;
  height: 0;
  border-top: 88px solid #2dd4de;
  border-bottom: 88px solid transparent;
  border-left: 88px solid transparent
}

.edumall-pricing .edumall-pricing-ribbon span {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 50%;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  color: #fff;
  transform: rotate(45deg) translate(20%, 15%);
  transform-origin: center
}

.edumall-pricing .heading-wrap {
  margin: 0 0 19px
}

.edumall-pricing .title {
  margin: 0
}

.edumall-pricing-style-01 .edumall-pricing {
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  width: 100%
}

.edumall-pricing-style-01 .edumall-pricing.has-ribbon .inner {
  border-top-right-radius: 7px
}

.edumall-pricing-style-01 .inner {
  position: relative;
  height: 100%;
  margin: 0 auto;
  background-color: #fff;
  padding: 52px 25px 36px;
  border: 2px solid #eee;
  border-radius: inherit
}

.edumall-pricing-style-01 .edumall-pricing-header {
  z-index: 1;
  position: relative;
  margin-bottom: 34px
}

.edumall-pricing-style-01 .tm-button {
  width: 180px;
  max-width: 100%
}

.edumall-pricing-style-01 .price-wrap-inner {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center
}

.edumall-pricing-style-01 .edumall-pricing-price {
  font-size: 56px;
  line-height: .8;
  margin: 0;
  color: var(--edumall-color-primary)
}

.edumall-pricing-style-01 .edumall-pricing-currency {
  margin: 0;
  align-self: flex-start;
  margin-right: 3px;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  color: var(--edumall-color-text-lighten)
}

.edumall-pricing-style-01 .edumall-pricing-period {
  margin: 0;
  align-self: flex-end;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  color: var(--edumall-color-text-lighten)
}

.edumall-pricing-style-01 .title {
  font-size: 24px;
  line-height: 1.5
}

.edumall-pricing-style-01 .edumall-pricing-features {
  font-size: 13px;
  margin: 16px auto 0
}

.edumall-pricing-style-01 .edumall-pricing-features li {
  position: relative;
  display: block;
  padding: 6px 0
}

.edumall-pricing-style-01 .edumall-pricing-features li+li {
  margin: 0
}

.edumall-pricing-style-01 .edumall-pricing-features li i {
  font-size: 14px;
  margin-right: 5px
}

.edumall-pricing-style-01 .edumall-pricing-footer {
  padding: 42px 0 0
}

.edumall-pricing-style-02 .edumall-pricing {
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  width: 100%
}

.edumall-pricing-style-02 .edumall-pricing.has-ribbon .inner {
  border-top-right-radius: 7px
}

.edumall-pricing-style-02 .inner {
  position: relative;
  height: 100%;
  margin: 0 auto;
  background-color: #fff;
  padding: 22px 25px 36px;
  border: 2px solid transparent;
  border-radius: inherit
}

.edumall-pricing-style-02 .edumall-pricing-header {
  z-index: 1;
  position: relative;
  margin-bottom: 10px
}

.edumall-pricing-style-02 .tm-button {
  width: 180px;
  max-width: 100%
}

.edumall-pricing-style-02 .price-wrap-inner {
  display: inline-flex;
  align-items: flex-start;
  justify-content: center
}

.edumall-pricing-style-02 .edumall-pricing-price {
  font-size: 48px;
  line-height: .8;
  margin: 0;
  color: var(--edumall-color-heading)
}

.edumall-pricing-style-02 .edumall-pricing-currency {
  margin: 0;
  align-self: flex-start;
  margin-right: 3px;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  color: var(--edumall-color-text-lighten)
}

.edumall-pricing-style-02 .edumall-pricing-period {
  margin: 0;
  align-self: flex-end;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  color: var(--edumall-color-text-lighten)
}

.edumall-pricing-style-02 .title {
  font-size: 24px;
  line-height: 1.5
}

.edumall-pricing-style-02 .edumall-pricing-features {
  font-size: 13px;
  margin: 16px auto 0
}

.edumall-pricing-style-02 .edumall-pricing-features li {
  position: relative;
  display: block;
  padding: 6px 0
}

.edumall-pricing-style-02 .edumall-pricing-features li+li {
  margin: 0
}

.edumall-pricing-style-02 .edumall-pricing-features li i {
  font-size: 14px;
  margin-right: 5px
}

.edumall-pricing-style-02 .edumall-pricing-footer {
  padding: 35px 0 0
}

.tm-twitter.style-list .tweet {
  position: relative;
  padding-left: 38px
}

.tm-twitter.style-list .tweet+.tweet {
  margin-top: 40px
}

.tm-twitter.style-list .tweet:before {
  content: "\f099";
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 18px;
  line-height: 1;
  color: rgba(0, 0, 0, .16)
}

.tm-twitter.style-list .tweet .tweet-text {
  font-size: 16px;
  line-height: 1.5
}

.tm-twitter.style-list .tweet .tweet-date {
  display: inline-block;
  margin-top: 8px;
  font-size: 14px
}

.tm-social-networks {
  line-height: 0
}

.tm-social-networks ul {
  display: inline-block;
  padding: 0;
  margin: 0 -8px
}

.tm-social-networks li {
  margin: 0
}

.tm-social-networks br {
  display: none
}

.tm-social-networks .item {
  list-style-type: none
}

.tm-social-networks .link {
  display: inline-block;
  padding: 5px 8px;
  transition: none
}

.tm-social-networks .link:hover {
  color: var(--edumall-color-primary)
}

.tm-social-networks.layout-list {
  display: block
}

.tm-social-networks.layout-inline .item {
  display: inline-block
}

.tm-social-networks.layout-two-columns ul {
  margin: 0 -10px;
  width: 100%
}

.tm-social-networks.layout-two-columns .item {
  display: block;
  float: left;
  width: 50%
}

.tm-social-networks.layout-two-columns .link {
  padding: 5px 10px
}

.tm-social-networks.style-icons {
  font-size: 16px
}

.tm-social-networks.style-large-icons {
  font-size: 20px
}

.tm-social-networks.style-large-icons ul {
  margin: 0 -13px
}

.tm-social-networks.style-large-icons .link {
  padding: 5px 13px
}

.tm-social-networks.style-flat-rounded-icon ul {
  margin: -10px
}

.tm-social-networks.style-flat-rounded-icon li {
  float: left;
  margin: 10px
}

.tm-social-networks.style-flat-rounded-icon .item:hover .link,
.tm-social-networks.style-flat-rounded-icon .link {
  color: #fff;
  background-color: var(--edumall-color-primary)
}

.tm-social-networks.style-flat-rounded-icon .link {
  font-size: 20px;
  display: block;
  text-align: center;
  height: 55px;
  width: 55px;
  border-radius: 50%;
  position: relative
}

.tm-social-networks.style-flat-rounded-icon .link-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.tm-social-networks.style-solid-rounded-icon ul {
  margin: -10px
}

.tm-social-networks.style-solid-rounded-icon li {
  float: left;
  margin: 10px
}

.tm-social-networks.style-solid-rounded-icon .item:hover .link {
  color: #fff;
  border-color: transparent;
  background-color: var(--edumall-color-primary)
}

.tm-social-networks.style-solid-rounded-icon .link {
  font-size: 20px;
  display: block;
  text-align: center;
  height: 55px;
  width: 55px;
  background: transparent;
  color: #696969;
  border: 1px solid var(--edumall-color-primary);
  border-radius: 50%;
  position: relative;
  color: var(--edumall-color-primary)
}

.tm-social-networks.style-solid-rounded-icon .link-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.tm-social-networks.style-icon-title .link-icon {
  font-size: 16px;
  min-width: 16px;
  margin-right: 10px
}

.tm-social-networks.style-title {
  line-height: 1.2
}

.tm-social-networks.style-title .link {
  line-height: 1;
  padding: 0;
  margin-left: 8px;
  margin-right: 8px
}

.edumall-widget-star-rating .rating-wrap {
  display: flex;
  flex-wrap: wrap
}

.edumall-widget-star-rating .rating-score {
  margin: 0 6px 0 0
}

.edumall-widget-star-rating .rating-count {
  color: var(--edumall-color-text-lighten)
}

.edumall-widget-star-rating .rating-info {
  margin: 2px 0 0
}

.tm-team-member .name a {
  color: inherit
}

.edumall-team-member-style-01 .tm-team-member:hover .overlay,
.edumall-team-member-style-01 .tm-team-member:hover .social-networks {
  opacity: 1;
  visibility: visible;
  transform: scale(1)
}

.edumall-team-member-style-01 .photo {
  position: relative
}

.edumall-team-member-style-01 .photo img {
  width: 100%
}

.edumall-team-member-style-01 .overlay {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 0
}

.edumall-team-member-style-01 .info {
  padding: 25px 0 7px
}

.edumall-team-member-style-01 .name {
  font-size: 18px;
  line-height: 30px;
  margin: 0
}

.edumall-team-member-style-01 .position {
  margin: 6px 0 0
}

.edumall-team-member-style-01 .description {
  margin: 10px 0 0
}

.edumall-team-member-style-01 .social-networks {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  text-align: center;
  opacity: 0;
  visibility: hidden
}

.edumall-team-member-style-01 .social-networks a:hover {
  color: var(--edumall-color-primary)
}

.edumall-team-member-style-01 .social-networks {
  background: #fff;
  box-shadow: 0 2px 20px rgba(0, 0, 0, .06);
  border-radius: 3px;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(.9)
}

.edumall-team-member-style-01 .social-networks a {
  display: inline-block;
  font-size: 16px;
  color: #696969;
  padding: 5px 15px;
  text-align: center
}

.edumall-team-member-style-02 .tm-team-member {
  position: relative
}

.edumall-team-member-style-02 .tm-team-member:hover .photo {
  box-shadow: 0 55px 40px -40px rgba(51, 51, 51, .25)
}

.edumall-team-member-style-02 .tm-team-member:hover .info,
.edumall-team-member-style-02 .tm-team-member:hover .overlay,
.edumall-team-member-style-02 .tm-team-member:hover .social-networks {
  opacity: 1;
  visibility: visible
}

.edumall-team-member-style-02 .photo {
  position: relative
}

.edumall-team-member-style-02 .photo img {
  width: 100%
}

.edumall-team-member-style-02 .overlay {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  background: hsla(0, 0%, 7%, .8);
  z-index: 0
}

.edumall-team-member-style-02 .info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px 30px 27px;
  z-index: 2;
  opacity: 0;
  visibility: hidden
}

.edumall-team-member-style-02 .name {
  font-size: 20px;
  color: #fff;
  margin-bottom: 0
}

.edumall-team-member-style-02 .position {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.38px;
  color: hsla(0, 0%, 100%, .4)
}

.edumall-team-member-style-02 .description {
  color: #fff;
  margin-top: 10px
}

.edumall-team-member-style-02 .social-networks {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  text-align: right;
  opacity: 0;
  visibility: hidden
}

.edumall-team-member-style-02 .social-networks a {
  display: inline-block;
  font-size: 18px;
  line-height: 0;
  color: #fff;
  padding: 10px 8px
}

.edumall-team-member-style-03 .tm-team-member {
  position: relative
}

.edumall-team-member-style-03 .tm-team-member:hover .info,
.edumall-team-member-style-03 .tm-team-member:hover .overlay,
.edumall-team-member-style-03 .tm-team-member:hover .social-networks {
  opacity: 1;
  visibility: visible
}

.edumall-team-member-style-03 .photo {
  position: relative
}

.edumall-team-member-style-03 .photo img {
  width: 100%
}

.edumall-team-member-style-03 .overlay {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, .7);
  z-index: 0
}

.edumall-team-member-style-03 .info {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  padding: 30px 30px 27px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  text-align: center
}

.edumall-team-member-style-03 .name {
  font-size: 24px;
  color: #fff;
  margin-bottom: 0
}

.edumall-team-member-style-03 .position {
  margin: 0 0 8px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.38px;
  color: #fff
}

.edumall-team-member-style-03 .description {
  color: #fff;
  margin-top: 10px
}

.edumall-team-member-style-03 .social-networks {
  position: absolute;
  bottom: 33px;
  left: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
  visibility: hidden
}

.edumall-team-member-style-03 .social-networks a {
  display: inline-block;
  font-size: 20px;
  line-height: 0;
  color: #fff;
  padding: 10px 8px
}

.tm-team-member-carousel.style-01 .tm-team-member {
  position: relative
}

.tm-team-member-carousel.style-01 .tm-team-member:hover .photo {
  box-shadow: 0 55px 40px -40px rgba(51, 51, 51, .25)
}

.tm-team-member-carousel.style-01 .tm-team-member:hover .info,
.tm-team-member-carousel.style-01 .tm-team-member:hover .overlay,
.tm-team-member-carousel.style-01 .tm-team-member:hover .social-networks {
  opacity: 1;
  visibility: visible
}

.tm-team-member-carousel.style-01 .photo {
  position: relative
}

.tm-team-member-carousel.style-01 .photo img {
  width: 100%
}

.tm-team-member-carousel.style-01 .social-networks {
  position: absolute;
  top: 20px;
  left: 20px;
  right: 20px;
  text-align: right;
  opacity: 0;
  visibility: hidden
}

.tm-team-member-carousel.style-01 .social-networks a {
  display: inline-block;
  font-size: 18px;
  line-height: 0;
  color: #fff;
  padding: 10px 8px
}

.tm-team-member-carousel.style-01 .overlay {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  background: hsla(0, 0%, 7%, .8);
  z-index: 0
}

.tm-team-member-carousel.style-01 .info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px 30px 27px;
  z-index: 2;
  opacity: 0;
  visibility: hidden
}

.tm-team-member-carousel.style-01 .name {
  font-size: 20px;
  color: #fff;
  margin-bottom: 0
}

.tm-team-member-carousel.style-01 .position {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.38px;
  color: hsla(0, 0%, 100%, .4)
}

.tm-team-member-carousel.style-01 .description {
  color: #fff;
  margin-top: 10px
}

.member-rating {
  position: relative;
  color: #9b9b9b;
  font-size: 14px;
  margin-top: 5px
}

.course-button .tm-button.style-border {
  margin-top: 12px;
  min-height: auto;
  height: 48px;
  line-height: 48px;
  border-width: 2px;
  border-color: #eee;
  color: #fff;
  font-size: 16px;
  font-weight: 700
}

.edumall-team-member-style-04 .edumall-image,
.tm-team-member-carousel.style-02 .edumall-image {
  position: relative;
  display: inline-flex;
  align-items: center
}

.edumall-team-member-style-04 .social-networks,
.tm-team-member-carousel.style-02 .social-networks {
  text-align: center;
  margin: 0 0 5px
}

.edumall-team-member-style-04 .social-networks a,
.tm-team-member-carousel.style-02 .social-networks a {
  font-size: 18px;
  color: var(--edumall-color-primary);
  padding: 0 4px
}

.edumall-team-member-style-04 .social-networks a:hover,
.tm-team-member-carousel.style-02 .social-networks a:hover {
  color: var(--edumall-color-heading)
}

.edumall-team-member-style-04 .info,
.tm-team-member-carousel.style-02 .info {
  margin-top: 14px
}

.edumall-team-member-style-04 .name,
.tm-team-member-carousel.style-02 .name {
  font-size: 20px;
  margin-bottom: 10px
}

.edumall-team-member-style-04 .description,
.tm-team-member-carousel.style-02 .description {
  margin: 5px 0 6px
}

.edumall-team-member-style-04 .course-button,
.tm-team-member-carousel.style-02 .course-button {
  opacity: 0
}

.edumall-team-member-style-04 .course-button .tm-button.style-border,
.tm-team-member-carousel.style-02 .course-button .tm-button.style-border {
  color: var(--edumall-color-primary)
}

.edumall-team-member-style-04 .course-button:hover .tm-button.style-border,
.tm-team-member-carousel.style-02 .course-button:hover .tm-button.style-border {
  color: #fff
}

.edumall-team-member-style-04 .edumall-box,
.tm-team-member-carousel.style-02 .edumall-box {
  position: relative;
  margin: 50px 0 30px;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  padding: 20px 10px 24px
}

.edumall-team-member-style-04 .edumall-box:hover,
.tm-team-member-carousel.style-02 .edumall-box:hover {
  box-shadow: 0 4px 54px 0 rgba(0, 0, 0, .14);
  transform: translateY(-15px)
}

.edumall-team-member-style-04 .edumall-box:hover .course-button,
.tm-team-member-carousel.style-02 .edumall-box:hover .course-button {
  opacity: 1
}

.edumall-team-member-style-04 .edumall-box:hover .social-networks,
.tm-team-member-carousel.style-02 .edumall-box:hover .social-networks {
  opacity: 1;
  visibility: visible
}

.edumall-event-grid .event-title {
  margin-bottom: 0
}

.edumall-event-grid .event-location {
  font-size: 14px;
  color: var(--edumall-color-text-bit-lighten);
  margin: 0 0 7px
}

.edumall-event-grid .event-location span {
  margin-right: 5px
}

.edumall-event-grid.style-minimal .edumall-box {
  position: relative;
  display: block;
  background: #f8f8f8;
  border-radius: 5px;
  overflow: hidden;
  height: 100%
}

.edumall-event-grid.style-minimal .edumall-box:hover {
  background: #fff;
  box-shadow: 0 0 40px rgba(51, 51, 51, .1)
}

.edumall-event-grid.style-minimal .edumall-box:hover:before {
  opacity: 1
}

.edumall-event-grid.style-minimal .edumall-box:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  width: 3px;
  background: #20ad96;
  opacity: 0
}

.edumall-event-grid.style-minimal .event-image {
  position: relative;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  overflow: hidden
}

.edumall-event-grid.style-minimal .event-image img {
  width: 100%
}

.edumall-event-grid.style-minimal .event-caption {
  position: relative;
  display: flex;
  padding: 31px
}

.edumall-event-grid.style-minimal .left-box {
  flex-grow: 1;
  margin-right: 30px
}

.edumall-event-grid.style-minimal .right-box {
  flex-shrink: 0
}

.edumall-event-grid.style-minimal .event-title {
  font-size: 20px;
  line-height: 1.5;
  margin: 0
}

.edumall-event-grid.style-minimal .event-date {
  text-align: center;
  margin: 0 0 10px
}

.edumall-event-grid.style-minimal .event-date--day {
  font-size: 48px;
  font-weight: 400;
  line-height: 1;
  color: #20ad96
}

.edumall-event-grid.style-minimal .event-date--month {
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #333
}

.edumall-event-grid.style-minimal.style-one-left-featured .featured-event .event-date .event-date--month {
  color: var(--edumall-color-secondary)
}

.edumall-event-grid.style-minimal .tm-button {
  min-width: 132px;
  min-height: 32px !important
}

.edumall-event-grid.style-one-left-featured .event-location {
  margin: 14px 0 0
}

.edumall-event-grid.style-one-left-featured .event-title {
  font-size: 18px
}

.edumall-event-grid.style-one-left-featured .featured-event .event-title {
  line-height: 1.5
}

.edumall-event-grid.style-one-left-featured .featured-event .event-title a {
  font-size: 1.33em
}

.edumall-event-grid.style-one-left-featured .featured-event .has-post-thumbnail .event-date {
  margin: -50px 26px 0 20px
}

.edumall-event-grid.style-one-left-featured .featured-event .event-date {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100px;
  width: 100px;
  background: #f1f4f2;
  margin-right: 26px;
  flex-shrink: 0
}

.edumall-event-grid.style-one-left-featured .featured-event .event-date .event-date--day {
  font-size: 48px;
  line-height: .8;
  margin-bottom: 15px
}

.edumall-event-grid.style-one-left-featured .featured-event .event-date .event-date--month {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1
}

.edumall-event-grid.style-one-left-featured .featured-event .event-info {
  display: flex
}

.edumall-event-grid.style-one-left-featured .featured-event .event-caption {
  padding: 20px 0 0
}

.edumall-event-grid.style-one-left-featured .normal-events .grid-item+.grid-item {
  margin-top: 30px
}

.edumall-event-grid.style-one-left-featured .normal-events .edumall-box {
  display: flex;
  flex-wrap: wrap
}

.edumall-event-grid.style-one-left-featured .normal-events .event-title {
  line-height: 1.78
}

.edumall-event-grid.style-one-left-featured .normal-events .event-date {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  background: #f1f4f2;
  padding: 4px 0 1px;
  text-align: center
}

.edumall-event-grid.style-one-left-featured .normal-events .event-thumbnail-wrap {
  flex: 0 0 36.333333%;
  max-width: 36.333333%
}

.edumall-event-grid.style-one-left-featured .normal-events .event-info {
  flex: 0 0 63.666667%;
  max-width: 63.666667%;
  display: flex;
  align-items: center
}

.edumall-event-grid.style-one-left-featured .normal-events .event-caption {
  padding-left: 30px
}

.edumall-event-grid.style-alternate-grid .modern-grid {
  display: block
}

.edumall-event-grid.style-alternate-grid .edumall-box {
  display: flex;
  align-items: center
}

.edumall-event-grid.style-alternate-grid .event-thumbnail {
  flex-shrink: 0;
  max-width: 50%
}

.edumall-event-grid.style-alternate-grid .event-info {
  flex-grow: 1;
  padding: 0 0 0 20px
}

.edumall-event-grid.style-alternate-grid .event-date {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0 0 6px
}

.edumall-event-grid.style-alternate-grid .event-title {
  font-size: 20px;
  line-height: 1.5
}

.edumall-event-grid.style-alternate-grid .event-location {
  margin: 14px 0 0
}

@media (min-width:768px) {
  .edumall-event-grid.style-alternate-grid .modern-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 70px 30px
  }

  .edumall-event-grid.style-alternate-grid .grid-item:nth-child(4n+3) .edumall-box,
  .edumall-event-grid.style-alternate-grid .grid-item:nth-child(4n+4) .edumall-box {
    flex-direction: row-reverse
  }

  .edumall-event-grid.style-alternate-grid .grid-item:nth-child(4n+3) .event-info,
  .edumall-event-grid.style-alternate-grid .grid-item:nth-child(4n+4) .event-info {
    padding: 0 20px 0 0;
    text-align: right
  }
}

@media (min-width:992px) {

  .edumall-event-grid.style-alternate-grid .grid-item:nth-child(4n+3) .event-info,
  .edumall-event-grid.style-alternate-grid .grid-item:nth-child(4n+4) .event-info {
    padding: 0 45px 0 0
  }

  .edumall-event-grid.style-alternate-grid .event-info {
    padding: 0 0 0 45px
  }
}

@media (max-width:767px) {

  .edumall-event-grid.style-alternate-grid .grid-item+.grid-item,
  .edumall-event-grid.style-one-left-featured .normal-events {
    margin-top: 40px
  }

  .edumall-event-grid.style-alternate-grid .grid-item:nth-child(2n+2) .edumall-box {
    flex-direction: row-reverse
  }

  .edumall-event-grid.style-alternate-grid .grid-item:nth-child(2n+2) .event-info {
    padding: 0 20px 0 0;
    text-align: right
  }
}

@media (max-width:543px) {
  .edumall-event-grid.style-one-left-featured .featured-event .event-info {
    display: block
  }

  .edumall-event-grid.style-one-left-featured .featured-event .event-caption {
    padding-left: 20px
  }

  .edumall-event-grid.style-one-left-featured .normal-events {
    margin-top: 40px
  }

  .edumall-event-grid.style-one-left-featured .normal-events .event-caption {
    padding-left: 20px
  }
}

.edumall-event-carousel .swiper-inner {
  margin: -30px
}

.edumall-event-carousel .swiper {
  padding: 30px
}

.edumall-event-carousel .event-overlay-background {
  background-color: rgba(var(--edumall-color-secondary-rgb), .6)
}

.elementor-widget-tm-testimonial {
  text-align: center
}

.elementor-widget-tm-testimonial .testimonial-item {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%
}

.elementor-widget-tm-testimonial .testimonial-quote-icon {
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 32px;
  line-height: 1;
  color: var(--edumall-color-primary)
}

.elementor-widget-tm-testimonial .testimonial-quote-icon svg {
  transform: scale(-1);
  width: 1em;
  height: auto
}

.elementor-widget-tm-testimonial .testimonial-quote-icon svg * {
  fill: currentColor
}

.elementor-widget-tm-testimonial.align-left {
  text-align: start
}

.elementor-widget-tm-testimonial.align-right {
  text-align: end
}

.elementor-widget-tm-testimonial .testimonial-main-content {
  display: flex;
  justify-content: center
}

.elementor-widget-tm-testimonial .content-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%
}

.elementor-widget-tm-testimonial.layout-image-inline .image {
  flex-shrink: 0;
  margin: 0 30px 0 0
}

.elementor-widget-tm-testimonial.layout-image-inline .info {
  display: inline-flex;
  align-items: center;
  text-align: start
}

.elementor-widget-tm-testimonial.layout-image-inline.align-right .info {
  text-align: end;
  flex-direction: row-reverse
}

.elementor-widget-tm-testimonial.layout-image-inline.align-right .image {
  flex-shrink: 0;
  margin: 0 0 0 30px
}

.elementor-widget-tm-testimonial.layout-image-inline.align-right .testimonial-item {
  text-align: end
}

.elementor-widget-tm-testimonial.layout-image-stacked .image {
  margin: 0 0 28px
}

.elementor-widget-tm-testimonial.layout-image-stacked .info {
  display: inline-block
}

.elementor-widget-tm-testimonial.layout-image-stacked .position {
  margin-top: 11px
}

.elementor-widget-tm-testimonial.layout-image-above .image {
  margin-bottom: 20px
}

.elementor-widget-tm-testimonial.layout-image-above .cite {
  display: block;
  margin-top: 46px
}

.elementor-widget-tm-testimonial.layout-image-above .position {
  margin-top: 11px
}

.elementor-widget-tm-testimonial.layout-image-top .swiper-slide {
  padding: 36px 0 0
}

.elementor-widget-tm-testimonial.layout-image-top .testimonial-item {
  padding-top: 51px !important
}

.elementor-widget-tm-testimonial.layout-image-top .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  display: flex;
  align-items: center
}

.elementor-widget-tm-testimonial.layout-image-top .image img {
  position: relative;
  z-index: 1;
  width: 72px;
  height: 72px
}

.elementor-widget-tm-testimonial.layout-image-top .testimonial-rating {
  margin: 0 !important;
  padding: 2px 12px 2px 32px;
  transform: translateX(-26px);
  background: #fff;
  box-shadow: 0 5px 25px rgba(0, 0, 0, .09);
  border-radius: 15px;
  font-size: 14px;
  letter-spacing: 4px
}

.elementor-widget-tm-testimonial.layout-image-top .info {
  padding: 0 0 12px
}

.elementor-widget-tm-testimonial.layout-image-top-02 .image {
  margin: 0 0 20px
}

.elementor-widget-tm-testimonial.layout-image-top-02 .info {
  padding: 21px 0 0
}

.elementor-widget-tm-testimonial.layout-image-top-02 .position {
  margin: 3px 0 0
}

.elementor-widget-tm-testimonial.layout-image-left .testimonial-item {
  display: flex
}

.elementor-widget-tm-testimonial.layout-image-left .image {
  flex-shrink: 0;
  margin: 0 30px 0 0
}

.elementor-widget-tm-testimonial.layout-image-left .image img {
  width: 70px;
  height: 70px
}

.elementor-widget-tm-testimonial.layout-image-left .info {
  padding: 34px 0 0
}

.elementor-widget-tm-testimonial.image-position-above .info {
  padding: 0 0 20px
}

.elementor-widget-tm-testimonial.image-position-below .info {
  padding: 20px 0 0
}

.elementor-widget-tm-testimonial.image-position-below .position {
  margin: 3px 0 0
}

.elementor-widget-tm-testimonial.image-position-bottom .testimonial-main-content {
  height: 100%
}

.elementor-widget-tm-testimonial.image-position-bottom .content-wrap {
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  width: 100%
}

.elementor-widget-tm-testimonial.image-position-bottom .content {
  flex-grow: 1
}

.elementor-widget-tm-testimonial.image-position-bottom .info {
  padding: 60px 0 0;
  flex-shrink: 0
}

.elementor-widget-tm-testimonial.image-position-bottom.align-center .info {
  justify-content: center
}

.elementor-widget-tm-testimonial .image img {
  width: 60px;
  height: 60px;
  border-radius: 50%
}

.elementor-widget-tm-testimonial .text {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.67;
  color: #696969
}

.elementor-widget-tm-testimonial .cite {
  font-style: normal
}

.elementor-widget-tm-testimonial .title {
  font-size: 18px;
  line-height: 1.67;
  margin: 0 0 11px
}

.elementor-widget-tm-testimonial .testimonial-rating {
  margin-bottom: 11px
}

.elementor-widget-tm-testimonial .name {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 0
}

.elementor-widget-tm-testimonial .position {
  display: block;
  font-size: 14px
}

.edumall-testimonial-cite-layout-inline .name {
  display: inline-block;
  margin: 0 13px 0 0 !important
}

.edumall-testimonial-cite-layout-inline .position {
  display: inline-block;
  margin: 0 !important
}

.edumall-testimonial-style-01 .testimonial-item {
  position: relative;
  padding: 32px 40px 37px;
  background: #f8f8f8;
  border-radius: 8px
}

.edumall-testimonial-style-01 .testimonial-quote-icon {
  color: #e0e3e6;
  top: 15px;
  right: 20px
}

.edumall-testimonial-style-01 .image img {
  width: 60px;
  height: 60px
}

.edumall-testimonial-style-01 .title {
  color: var(--edumall-color-primary)
}

.edumall-testimonial-style-01 .text {
  font-size: 16px;
  font-weight: var(--edumall-typography-headings-font-weight);
  line-height: 32px
}

.edumall-testimonial-style-01.layout-image-inline .image {
  margin: 0 15px 0 0
}

.edumall-testimonial-style-01.image-position-below .info {
  padding: 35px 0 0
}

.edumall-testimonial-style-01.layout-image-top .image {
  padding-left: 40px;
  padding-right: 40px
}

.edumall-testimonial-style-02 .testimonial-item {
  position: relative;
  padding: 30px 25px 34px 40px;
  background: #f8f8f8;
  border-radius: 8px
}

.edumall-testimonial-style-02 .testimonial-quote-icon {
  color: #e0e3e6;
  top: 15px;
  right: 20px
}

.edumall-testimonial-style-02 .image img {
  width: 70px;
  height: 70px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .2)
}

.edumall-testimonial-style-02 .title {
  color: var(--edumall-color-primary)
}

.edumall-testimonial-style-02 .text {
  font-size: 16px;
  font-weight: 500;
  line-height: 32px
}

.edumall-testimonial-style-02.layout-image-top-02 .image {
  margin: 0 0 33px
}

.edumall-testimonial-style-02.layout-image-top-02 .info {
  padding: 33px 0 0
}

.edumall-testimonial-style-02.layout-image-inline .image {
  margin: 0 15px 0 0
}

.edumall-testimonial-style-02.image-position-below .info {
  padding: 35px 0 0
}

.edumall-testimonial-style-02.image-position-below .position {
  margin: 3px 0 0
}

.edumall-testimonial-style-02.layout-image-top .image {
  padding-left: 40px;
  padding-right: 40px
}

.edumall-testimonial-style-03 .swiper-inner {
  margin: -25px
}

.edumall-testimonial-style-03 .swiper {
  padding: 25px
}

.edumall-testimonial-style-03 .testimonial-item {
  position: relative;
  padding: 30px;
  border-radius: 10px;
  background: #fff
}

.edumall-testimonial-style-03 .swiper-slide-visible .testimonial-item {
  box-shadow: 0 5px 25px rgba(0, 0, 0, .07)
}

.edumall-testimonial-style-03 .testimonial-quote-icon {
  color: #e0e3e6;
  top: 15px;
  right: 20px
}

.edumall-testimonial-style-03 .image img {
  width: 70px;
  height: 70px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, .09)
}

.edumall-testimonial-style-03 .title {
  color: var(--edumall-color-primary)
}

.edumall-testimonial-style-03 .text {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px
}

.edumall-testimonial-style-03.layout-image-top-02 .image {
  margin: 0 0 33px
}

.edumall-testimonial-style-03.layout-image-top-02 .info {
  padding: 33px 0 0
}

.edumall-testimonial-style-03.layout-image-inline .image {
  margin: 0 15px 0 0
}

.edumall-testimonial-style-03.image-position-below .info {
  padding: 35px 0 0
}

.edumall-testimonial-style-03.image-position-below .position {
  margin: 3px 0 0
}

.edumall-testimonial-style-03.layout-image-top .image {
  padding-left: 30px;
  padding-right: 30px
}

.edumall-testimonial-pagination.style-01 {
  display: inline-block;
  width: 315px;
  max-width: 100%;
  margin-bottom: 34px
}

.edumall-testimonial-pagination.style-01 .swiper-slide .image {
  margin-bottom: 0
}

.edumall-testimonial-pagination.style-01 .swiper-slide .image img {
  width: 85px;
  height: 85px;
  border-radius: 50%
}

.edumall-testimonial-pagination.style-01 .swiper-slide:not(.swiper-slide-thumb-active) {
  cursor: pointer
}

.edumall-testimonial-pagination.style-01 .swiper-slide:not(.swiper-slide-thumb-active) img {
  opacity: .4
}

@media (max-width:767px) {
  .elementor-widget-tm-testimonial.edumall-testimonial-style-01 .testimonial-item {
    padding: 46px 30px 45px
  }
}

.elementor-widget-tm-testimonial-carousel-3d .carousel-vertical-3d {
  margin: 100px 0
}

.elementor-widget-tm-testimonial-carousel-3d .content-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%
}

.elementor-widget-tm-testimonial-carousel-3d .testimonial-item {
  transition: all 1s;
  padding: 38px 50px 40px;
  background: #fff;
  box-shadow: 0 14px 59px rgba(0, 0, 0, .12);
  border-radius: 8px;
  backface-visibility: hidden;
  opacity: .4
}

.elementor-widget-tm-testimonial-carousel-3d .carousel-item.is-active .testimonial-item {
  opacity: 1
}

.elementor-widget-tm-testimonial-carousel-3d .image {
  margin: 0 23px 0 0;
  flex-shrink: 0
}

.elementor-widget-tm-testimonial-carousel-3d .image img {
  width: 70px;
  height: 70px;
  border-radius: 50%
}

.elementor-widget-tm-testimonial-carousel-3d .text {
  font-size: 16px;
  line-height: 30px
}

.elementor-widget-tm-testimonial-carousel-3d .cite {
  font-style: normal
}

.elementor-widget-tm-testimonial-carousel-3d .title {
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 15px
}

.elementor-widget-tm-testimonial-carousel-3d .name {
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 0
}

.elementor-widget-tm-testimonial-carousel-3d .position {
  display: block;
  font-size: 14px;
  line-height: 26px;
  margin: 4px 0 0
}

.elementor-widget-tm-testimonial-carousel-3d .info {
  display: flex;
  align-items: center;
  padding: 39px 0 0
}

.elementor-widget-tm-testimonial-grid .testimonial-item {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%
}

.elementor-widget-tm-testimonial-grid.align-left {
  text-align: left
}

.elementor-widget-tm-testimonial-grid.align-right {
  text-align: right
}

.elementor-widget-tm-testimonial-grid .testimonial-main-content {
  display: flex;
  justify-content: center
}

.elementor-widget-tm-testimonial-grid .content-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 100%
}

.elementor-widget-tm-testimonial-grid.layout-image-inline .avatar {
  flex-shrink: 0;
  margin: 0 20px 0 0
}

.elementor-widget-tm-testimonial-grid.layout-image-inline .info {
  display: inline-flex;
  align-items: center;
  text-align: left
}

.elementor-widget-tm-testimonial-grid.layout-image-inline.align-right .info {
  text-align: right;
  flex-direction: row-reverse
}

.elementor-widget-tm-testimonial-grid.layout-image-inline.align-right .avatar {
  flex-shrink: 0;
  margin: 0 0 0 20px
}

.elementor-widget-tm-testimonial-grid.layout-image-inline.align-right .testimonial-item {
  text-align: right
}

.elementor-widget-tm-testimonial-grid.layout-image-stacked .avatar {
  margin: 0 0 28px
}

.elementor-widget-tm-testimonial-grid.layout-image-stacked .info {
  display: inline-block
}

.elementor-widget-tm-testimonial-grid.layout-image-above .avatar {
  margin-bottom: 20px
}

.elementor-widget-tm-testimonial-grid.layout-image-above .cite {
  display: block;
  margin-top: 46px
}

.elementor-widget-tm-testimonial-grid.image-position-above .info {
  padding: 0 0 19px
}

.elementor-widget-tm-testimonial-grid.image-position-below .info {
  padding: 19px 0 0
}

.elementor-widget-tm-testimonial-grid.image-position-bottom .testimonial-main-content {
  height: 100%
}

.elementor-widget-tm-testimonial-grid.image-position-bottom .content-wrap {
  display: inline-flex;
  flex-direction: column;
  height: 100%;
  width: 100%
}

.elementor-widget-tm-testimonial-grid.image-position-bottom .content {
  flex-grow: 1
}

.elementor-widget-tm-testimonial-grid.image-position-bottom .info {
  padding: 60px 0 0;
  flex-shrink: 0
}

.elementor-widget-tm-testimonial-grid.image-position-bottom.align-center .info {
  justify-content: center
}

.elementor-widget-tm-testimonial-grid .thumbnail {
  margin-bottom: 38px
}

.elementor-widget-tm-testimonial-grid .avatar img {
  width: 90px;
  height: 90px;
  border-radius: 50%
}

.elementor-widget-tm-testimonial-grid .text {
  font-style: italic
}

.elementor-widget-tm-testimonial-grid .cite {
  font-style: normal
}

.elementor-widget-tm-testimonial-grid .title {
  font-size: 21px;
  margin-bottom: 14px
}

.elementor-widget-tm-testimonial-grid .testimonial-rating {
  font-size: 12px;
  color: #f5a623;
  letter-spacing: 4px;
  margin-bottom: 10px
}

.elementor-widget-tm-testimonial-grid .name {
  display: block;
  font-size: 18px;
  line-height: 1.34;
  margin-bottom: 0
}

.elementor-widget-tm-testimonial-grid .position {
  display: block;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.38px;
  margin-top: 6px
}

@keyframes video-bounce-up {
  0% {
    transform: scale(1)
  }

  25% {
    transform: scale(1.15)
  }

  50% {
    transform: scale(.85)
  }

  to {
    transform: scale(1)
  }
}

@keyframes zoomBig {
  0% {
    transform: scale(.3);
    opacity: .8;
    border-width: 4px
  }

  25% {
    border-width: 3px
  }

  50% {
    border-width: 2px
  }

  to {
    transform: scale(1.2);
    opacity: 0;
    border-width: 1px
  }
}

.tm-popup-video {
  position: relative
}

.tm-popup-video .video-link {
  display: inline-flex;
  flex-direction: column
}

.tm-popup-video .video-poster {
  position: relative;
  cursor: pointer
}

.tm-popup-video .video-play-icon {
  width: 90px;
  height: 90px;
  background: transparent;
  border: 3px solid #111;
  position: relative;
  border-radius: 50%;
  z-index: 1
}

.tm-popup-video .icon {
  line-height: 1;
  margin-left: 2px;
  z-index: 2
}

.tm-popup-video .icon,
.tm-popup-video .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.tm-popup-video .icon:before {
  content: "";
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 14px solid #111
}

.tm-popup-video .video-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.tm-popup-video .video-poster-caption {
  margin: 17px 0 0;
  font-size: 16px;
  text-align: center
}

.tm-popup-video.type-poster .video-poster {
  border: 0 solid transparent;
  border-radius: 5px
}

.tm-popup-video.type-poster .edumall-image {
  position: relative;
  border-radius: inherit
}

.tm-popup-video.type-poster .edumall-image img {
  border-radius: inherit
}

.tm-popup-video.type-poster .video-play-icon {
  border-color: #fff
}

.tm-popup-video.type-poster .icon:before {
  border-left-color: #fff
}

.tm-popup-video.type-poster .video-button {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center
}

.tm-popup-video.type-poster.poster-full-wide .video-link {
  display: block
}

.tm-popup-video.type-poster.poster-full-wide .video-poster img {
  width: 100%
}

.tm-popup-video.type-button {
  line-height: 0
}

.tm-popup-video.type-button>a {
  display: inline-block;
  text-align: center
}

.tm-popup-video.type-button .video-play {
  border-color: var(--edumall-color-primary)
}

.tm-popup-video.type-button .video-play-icon:before {
  border-left-color: var(--edumall-color-primary)
}

.edumall-text-animate-line .video-link:hover .video-text:after {
  width: 100%;
  left: 0;
  right: auto
}

.edumall-text-animate-line .video-text {
  position: relative;
  padding-bottom: 5px
}

.edumall-text-animate-line .video-text:after,
.edumall-text-animate-line .video-text:before {
  content: "";
  width: 0;
  height: 1px;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
  background: currentColor
}

.edumall-text-animate-line .video-text:before {
  width: 100%;
  background: rgba(0, 0, 0, .2)
}

.edumall-popup-video-icon-position-top .video-button {
  display: flex;
  flex-direction: column;
  align-items: center
}

.edumall-popup-video-icon-position-top .video-button-play {
  margin: 0 0 20px
}

.edumall-popup-video-icon-position-left .video-button {
  display: flex;
  align-items: center
}

.edumall-popup-video-icon-position-left .video-button-play {
  margin: 0 20px 0 0
}

.edumall-popup-video-icon-position-left .tm-popup-video.type-button>a {
  text-align: left
}

.edumall-popup-video-icon-position-right .video-button {
  display: flex;
  align-items: center;
  flex-direction: row-reverse
}

.edumall-popup-video-icon-position-right .video-button-play {
  margin: 0 0 0 20px
}

.edumall-popup-video-icon-position-right .tm-popup-video.type-button>a {
  text-align: right
}

.edumall-popup-video-button-effect-wave-pulse .video-link:hover .video-button-mask {
  transition: opacity .7s linear .2s;
  opacity: 0
}

.edumall-popup-video-button-effect-wave-pulse .video-button-play {
  position: relative
}

.edumall-popup-video-button-effect-wave-pulse .video-button-mask {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ccc
}

.edumall-popup-video-button-effect-wave-pulse .video-button-mask:after,
.edumall-popup-video-button-effect-wave-pulse .video-button-mask:before {
  opacity: 0;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 3px solid currentColor;
  width: 100%;
  height: 100%;
  animation: zoomBig 1.5s linear infinite;
  transform-origin: center;
  backface-visibility: hidden
}

.edumall-popup-video-button-effect-wave-pulse .video-button-mask:after {
  animation-delay: .55s
}

.edumall-popup-video-button-effect-wave-pulse .edumall-popup-video-icon-position-top .video-button-play {
  margin: 0 0 40px
}

.edumall-popup-video-button-effect-wave-pulse.edumall-popup-video-icon-position-left .video-button-play {
  margin: 0 40px 0 0
}

.edumall-popup-video-button-effect-wave-pulse.edumall-popup-video-icon-position-right .video-button-play {
  margin: 0 0 0 40px
}

@keyframes hozirontalMove {
  0% {
    transform: translateY(-100%)
  }

  to {
    transform: translateY(100%)
  }
}

.tm-separator {
  line-height: 0;
  font-size: 0
}

.tm-separator.vertical-line .inner {
  position: relative;
  display: inline-block;
  width: 1px;
  height: 150px
}

.tm-separator.vertical-line .inner:after,
.tm-separator.vertical-line .inner:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: currentColor
}

.tm-separator.vertical-line.play-animate {
  overflow: hidden
}

.tm-separator.vertical-line.play-animate .inner {
  background: none !important
}

.tm-separator.vertical-line.play-animate .inner:after,
.tm-separator.vertical-line.play-animate .inner:before {
  animation: hozirontalMove 1.3s linear infinite !important
}

.tm-separator.vertical-line.play-animate .inner:after {
  animation-delay: .3s
}

.tm-separator.horizontal-line .inner {
  display: inline-block;
  width: 120px;
  max-width: 100%;
  height: 2px;
  background: currentColor
}

.tm-table {
  overflow-x: auto
}

.tm-table table {
  margin: 0;
  border-collapse: separate
}

.tm-table caption {
  color: var(--edumall-color-heading)
}

.tm-table.style-01 th {
  font-size: 20px;
  font-weight: 600;
  color: #b2b2b2
}

.tm-table.style-01 td,
.tm-table.style-01 th {
  text-align: left;
  border: 0;
  padding: 36px 10px
}

.tm-table.style-01 td {
  color: var(--edumall-color-heading)
}

.tm-table.style-01 tr td,
.tm-table.style-01 tr th {
  border-bottom: 1px solid #eee
}

.tm-table.style-01 tr:nth-child(2n) td {
  background: none
}

.has-admin-bar.fp-enabled {
  height: calc(100% - 32px) !important
}

.tm-full-page .fp-section:not(.page-footer-wrapper) .elementor-section-stretched {
  left: 0 !important
}

.full-page-share-list {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 60px;
  padding-top: 110px
}

.full-page-share-list .stalk {
  position: absolute;
  top: 0;
  left: 7px;
  padding-left: 63px;
  font-size: 15px;
  line-height: 17px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #111;
  transform: translateX(-50%) translateY(100%) rotate(-90deg)
}

.full-page-share-list .stalk:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 50px;
  height: 1px;
  background: #ddd
}

.full-page-share-list a {
  display: block;
  font-size: 17px
}

.full-page-share-list a+a {
  margin-top: 22px
}

.full-page-numbers {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: 48px;
  color: #111
}

.full-page-numbers .numbers {
  display: flex;
  align-items: flex-end
}

.full-page-numbers .numbers .current {
  font-size: 70px;
  font-weight: 300;
  line-height: .6
}

.full-page-numbers .numbers .total {
  position: relative;
  padding-left: 28px
}

.full-page-numbers .numbers .total:before {
  position: absolute;
  content: "";
  width: 1px;
  left: 12px;
  bottom: 0;
  height: 64px;
  background: #ccc
}

.full-page-numbers .numbers .total {
  font-size: 27px;
  line-height: 1
}

.full-page-numbers .title {
  font-size: 18px;
  font-weight: var(--edumall-typography-headings-font-weight);
  text-align: center;
  margin-top: 12px
}

[data-fp-section-skin=light] #fp-nav ul li a span,
[data-fp-section-skin=light] .fp-slidesNav ul li a span {
  background: #fff
}

[data-fp-section-skin=light] .full-page-share-list .stalk {
  color: #fff
}

[data-fp-section-skin=light] .full-page-share-list .stalk:before {
  background: hsla(0, 0%, 87%, .27)
}

[data-fp-section-skin=light] .full-page-numbers,
[data-fp-section-skin=light] .full-page-share-list a {
  color: #fff
}

[data-fp-section-skin=light] .full-page-numbers .total:before {
  background: hsla(0, 0%, 80%, .2)
}

.tm-view-demo {
  text-align: center
}

.tm-view-demo .edumall-box {
  position: relative;
  display: block;
  background: #dfe3eb;
  box-shadow: 0 2px 14px rgba(0, 0, 0, .14);
  border-radius: 10px;
  overflow: hidden
}

.tm-view-demo .edumall-box:hover {
  background: var(--edumall-color-primary)
}

.tm-view-demo .edumall-box:hover .box-shapes {
  visibility: visible;
  opacity: 1
}

.tm-view-demo .image-wrap {
  position: relative;
  z-index: 1;
  padding: 40px 57px 0
}

.tm-view-demo .image {
  border: 5px solid #fff;
  box-shadow: 0 15px 41px rgba(51, 51, 51, .2);
  border-radius: 10px 10px 0 0;
  overflow: hidden
}

.tm-view-demo .image>img {
  width: 100%
}

.tm-view-demo .info {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  background: #fff;
  border-radius: 0 0 10px 10px;
  text-align: center;
  padding: 25px 20px
}

.tm-view-demo .heading {
  font-size: 24px;
  line-height: 1.5;
  margin: 0
}

.tm-view-demo .badge {
  position: absolute;
  top: 25px;
  right: 40px;
  display: inline-block;
  color: #fff;
  background: var(--edumall-color-primary);
  border-radius: 5px;
  line-height: 26px;
  padding: 5px 10px;
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 500
}

.tm-view-demo .badge.new {
  background-image: linear-gradient(216deg, #b4ec51, #429321)
}

.tm-view-demo .box-shapes {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0
}

.tm-view-demo .shape-circle,
.tm-view-demo .shape-circle-outline {
  position: absolute;
  border-radius: 50%;
  font-size: 30px;
  width: 1em;
  height: 1em
}

.tm-view-demo .shape-circle-outline {
  border: 1px solid hsla(0, 0%, 100%, .2)
}

.tm-view-demo .shape-circle {
  box-shadow: 0 19px 30px 0 rgba(51, 51, 51, .3)
}

.tm-view-demo .circle-orange {
  font-size: 28px;
  top: 153px;
  left: -12px;
  background-image: linear-gradient(164deg, #fad961, #f76b1c 98%)
}

.tm-view-demo .circle-yellow {
  font-size: 14px;
  bottom: 226px;
  right: 31px;
  background-image: linear-gradient(153deg, #fff4ce, #ffc221 95%)
}

.tm-view-demo .circle-green {
  font-size: 37px;
  bottom: 150px;
  right: -10px;
  background-image: linear-gradient(158deg, #b4ec51 4%, #429321)
}

.tm-view-demo .circle-outline-01 {
  font-size: 204px;
  bottom: 88px;
  left: 0;
  transform: translate(-50%, 50%)
}

.tm-view-demo .circle-outline-02 {
  font-size: 330px;
  bottom: 88px;
  left: 0;
  transform: translate(-50%, 50%)
}

.tm-view-demo .circle-outline-03 {
  right: -70px;
  top: -70px;
  font-size: 220px
}

.tm-view-demo .placeholder-item-box {
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
  border-radius: 10px;
  overflow: hidden;
  padding: 25px 20px;
  height: 100%
}

.tm-view-demo .placeholder-item-image {
  flex-grow: 1
}

.tm-view-demo .placeholder-item-title {
  font-size: 24px;
  font-weight: var(--edumall-typography-headings-font-weight);
  line-height: 36px;
  color: var(--edumall-color-primary);
  background: #f5f5f5;
  border-radius: 5px;
  padding: 12px 20px
}

.edumall-shape .shape {
  width: 200px;
  color: #111
}

.edumall-shape svg {
  width: 100%;
  height: auto
}

.edumall-shape-circle .shape {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: currentColor
}

.edumall-shape-border-circle .shape {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 3px solid currentColor
}

.edumall-shape-rectangle .shape {
  width: 50px;
  height: 50px;
  background: var(--edumall-color-primary)
}

.elementor-row {
  flex-wrap: wrap
}

/* .elementor-container.elementor-container>.elementor-column>.elementor-element-populated>.elementor-widget-wrap,
.elementor-container.elementor-container>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap {
    padding: 0
} */

.elementor-container.elementor-column-gap-narrow>.elementor-row>.elementor-column>.elementor-element-populated {
  padding: 0 5px
}

.elementor-container.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
  padding: 0 10px
}

.elementor-container.elementor-column-gap-extended>.elementor-row>.elementor-column>.elementor-element-populated {
  padding: 0 15px
}

.elementor-container.elementor-column-gap-wide>.elementor-row>.elementor-column>.elementor-element-populated {
  padding: 0 20px
}

.elementor-container.elementor-column-gap-wider>.elementor-row>.elementor-column>.elementor-element-populated {
  padding: 0 30px
}

.elementor-container.elementor-column-gap-narrow>.elementor-column>.elementor-element-populated {
  padding: 0 5px
}

.elementor-container.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
  padding: 0 10px
}

.elementor-container.elementor-column-gap-extended>.elementor-column>.elementor-element-populated {
  padding: 0 15px
}

.elementor-container.elementor-column-gap-wide>.elementor-column>.elementor-element-populated {
  padding: 0 20px
}

.elementor-container.elementor-column-gap-wider>.elementor-column>.elementor-element-populated {
  padding: 0 30px
}

.elementor-section-gap-beside-no>.elementor-container>.elementor-row {
  flex-grow: 1
}

.elementor-section-gap-beside-no>.elementor-column-gap-narrow>.elementor-row {
  margin-left: -5px;
  margin-right: -5px
}

.elementor-section-gap-beside-no>.elementor-column-gap-default>.elementor-row {
  margin-left: -10px;
  margin-right: -10px
}

.elementor-section-gap-beside-no>.elementor-column-gap-extended>.elementor-row {
  margin-left: -15px;
  margin-right: -15px
}

.elementor-section-gap-beside-no>.elementor-column-gap-wide>.elementor-row {
  margin-left: -20px;
  margin-right: -20px
}

.elementor-section-gap-beside-no>.elementor-column-gap-wider>.elementor-row {
  margin-left: -30px;
  margin-right: -30px
}

.elementor-section-gap-beside-no>.elementor-column-gap-narrow {
  margin-left: -5px;
  margin-right: -5px
}

.elementor-section-gap-beside-no>.elementor-column-gap-default {
  margin-left: -10px;
  margin-right: -10px
}

.elementor-section-gap-beside-no>.elementor-column-gap-extended {
  margin-left: -15px;
  margin-right: -15px
}

.elementor-section-gap-beside-no>.elementor-column-gap-wide {
  margin-left: -20px;
  margin-right: -20px
}

.elementor-section-gap-beside-no>.elementor-column-gap-wider {
  margin-left: -30px;
  margin-right: -30px
}

.elementor-section.elementor-section-content-align-left>.elementor-container {
  margin-left: 0;
  margin-right: 0
}

.elementor-section.elementor-section-content-align-right>.elementor-container {
  margin-left: 0;
  margin-right: 0;
  float: right;
  width: 100%
}

.elementor-section .elementor-container>.elementor-column>.elementor-element-populated,
.elementor-section .elementor-container>.elementor-row>.elementor-column>.elementor-element-populated {
  padding-top: 0;
  padding-bottom: 0
}

.elementor-section .elementor-widget:not(:last-child) {
  margin-bottom: 0
}

.elementor-section.elementor-inner-section {
  margin-left: 0;
  margin-right: 0
}

.elementor-widget-accordion .elementor-accordion .elementor-accordion-item {
  border-color: #eee
}

.elementor-widget-accordion .elementor-accordion .elementor-tab-title {
  font-size: 18px;
  color: var(--edumall-color-heading)
}

.elementor-widget-accordion .elementor-accordion .elementor-tab-title a {
  color: inherit
}

.elementor-widget-accordion .elementor-accordion .elementor-accordion-icon {
  position: relative;
  top: 3px;
  font-size: 16px
}

.elementor-widget-accordion .elementor-accordion .elementor-tab-content {
  border-color: #eee;
  font-size: 16px;
  line-height: 1.75
}

.elementor-accordion-style-02 .elementor-accordion .elementor-accordion-item {
  border-top: 0;
  border-left: 0;
  border-right: 0
}

.elementor-accordion-style-02 .elementor-accordion .elementor-tab-title {
  padding: 17px 0 21px
}

.elementor-accordion-style-02 .elementor-accordion .elementor-tab-content {
  padding: 22px 0 33px
}

.elementor-accordion-style-03 .elementor-accordion .elementor-accordion-item {
  border: 0 !important
}

.elementor-accordion-style-03 .elementor-accordion .elementor-tab-content {
  border: 0 !important;
  padding: 16px 0 33px
}

.elementor-accordion-style-03 .elementor-accordion .elementor-tab-title {
  padding: 15px 0;
  font-size: 24px
}

.elementor-accordion-style-03 .elementor-accordion .elementor-tab-title a {
  border-bottom: 2px solid currentColor;
  padding-bottom: 4px
}

.elementor-accordion-style-03 .elementor-accordion .elementor-accordion-icon {
  top: 9px
}

.elementor-element .elementor-button.elementor-button {
  border-radius: 5px
}

.elementor-element .elementor-button {
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center
}

.elementor-element .elementor-button.elementor-size-xs {
  font-size: 13px;
  min-height: 40px;
  padding: 2px 18px
}

.elementor-element .elementor-button.elementor-size-sm {
  font-size: 14px;
  min-height: 48px;
  padding: 5px 24px
}

.elementor-element .elementor-button.elementor-size-md {
  font-size: 14px;
  min-height: 52px;
  padding: 5px 30px
}

.elementor-element .elementor-button.elementor-size-lg {
  font-size: 15px;
  min-height: 56px;
  padding: 5px 36px
}

.elementor-element .elementor-button.elementor-size-xl {
  font-size: 16px;
  min-height: 60px;
  padding: 5px 42px
}

.elementor-widget-counter .elementor-counter .elementor-counter-number-wrapper {
  font-size: 48px;
  font-weight: 800;
  color: var(--edumall-color-primary)
}

.elementor-widget-counter .elementor-counter .elementor-counter-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.34;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 14px;
  color: #3f3a64
}

.elementor-widget-countdown.edumall-countdown-style-01 .elementor-countdown-digits {
  font-size: 18px;
  font-weight: 700;
  line-height: 1
}

.elementor-widget-countdown.edumall-countdown-style-01 .elementor-countdown-item {
  vertical-align: middle;
  padding: 0;
  line-height: 1
}

.elementor-widget-countdown.edumall-countdown-style-01 .elementor-countdown-item+.elementor-countdown-item {
  position: relative
}

.elementor-widget-countdown.edumall-countdown-style-01 .elementor-countdown-item+.elementor-countdown-item:before {
  position: absolute;
  top: 50%;
  left: -8px;
  content: ":";
  font-size: 18px;
  font-weight: 700;
  color: #3f3a64;
  transform: translateY(-50%)
}

.elementor-field-group .elementor-field-textual {
  color: var(--edumall-color-form-text);
  border-color: var(--edumall-color-form-border);
  background-color: var(--edumall-color-form-background)
}

.elementor-field-group .elementor-field-textual:focus {
  color: var(--edumall-color-form-focus-text);
  border-color: var(--edumall-color-form-focus-border);
  background-color: var(--edumall-color-form-focus-background)
}

.elementor-element .elementor-form-fields-wrapper {
  position: relative
}

.elementor-element .elementor-field.elementor-field::-webkit-input-placeholder {
  opacity: 1
}

.elementor-element .elementor-field.elementor-field:-moz-placeholder,
.elementor-element .elementor-field.elementor-field::-moz-placeholder {
  opacity: 1
}

.elementor-element .elementor-field.elementor-field:-ms-input-placeholder {
  opacity: 1
}

.elementor-element .elementor-field-group .elementor-field-textual:focus {
  box-shadow: none
}

.elementor-form-no-wrap .elementor-form-fields-wrapper {
  flex-wrap: nowrap
}

.elementor-field-group.elementor-col-fit {
  flex-grow: 1
}

.elementor-field-group.elementor-col-custom {
  flex-shrink: 0
}

.elementor-form .elementor-button.elementor-size-xs {
  min-height: 40px
}

.elementor-form .elementor-button.elementor-size-sm {
  min-height: 48px
}

.elementor-form .elementor-button.elementor-size-md {
  min-height: 52px
}

.elementor-form .elementor-button.elementor-size-lg {
  min-height: 56px
}

.elementor-form .elementor-button.elementor-size-xl {
  min-height: 60px
}

.elementor-form .elementor-field-textual.elementor-size-lg,
.elementor-form .elementor-field-textual.elementor-size-md,
.elementor-form .elementor-field-textual.elementor-size-sm,
.elementor-form .elementor-field-textual.elementor-size-xl,
.elementor-form .elementor-field-textual.elementor-size-xs {
  border-radius: 5px
}

.elementor-form .elementor-field-textual.elementor-size-xs {
  min-height: 40px
}

.elementor-form .elementor-field-textual.elementor-size-sm {
  min-height: 48px;
  font-size: 16px
}

.elementor-form .elementor-field-textual.elementor-size-md {
  min-height: 52px;
  padding: 3px 20px
}

.elementor-form .elementor-field-textual.elementor-size-lg {
  min-height: 56px
}

.elementor-form .elementor-field-textual.elementor-size-xl {
  min-height: 60px
}

.elementor-form .elementor-message-success:before {
  content: "\f00c"
}

.elementor-field-group .elementor-select-wrapper:before {
  display: none
}

.elementor-widget-animated-headline .elementor-headline {
  margin-bottom: 0
}

.elementor-widget-animated-headline .elementor-headline-plain-text {
  display: inline !important
}

.elementor-widget-animated-headline .elementor-headline-text-wrapper {
  display: inline-block !important
}

.elementor-widget-animated-headline .elementor-headline-animation-type-clip .elementor-headline-text-wrapper {
  padding: 0
}

.elementor-element .elementor-widget-heading.elementor-widget-heading .elementor-heading-title>a:hover {
  color: inherit
}

.elementor-widget-icon .elementor-icon-wrapper {
  line-height: 0
}

.elementor .elementor-progress-bar,
.elementor .elementor-progress-wrapper {
  border-radius: 0
}

.elementor .elementor-progress-wrapper {
  background: #f5f5f5
}

.elementor .elementor-progress-percentage-outside .elementor-widget-container {
  position: relative
}

.elementor .elementor-progress-percentage-outside:not(:has(>.elementor-widget-container)) {
  position: relative
}

.elementor .elementor-progress-percentage-outside .elementor-progress-wrapper {
  position: static
}

.elementor .elementor-progress-percentage-outside .elementor-progress-percentage {
  position: absolute;
  top: 9px;
  right: 0;
  padding-right: 0;
  font-size: 16px;
  line-height: 1;
  color: #111
}

.elementor .elementor-widget-tabs .elementor-tab-title {
  font-size: 14px;
  font-weight: var(--edumall-typography-headings-font-weight);
  text-transform: uppercase;
  line-height: 1.47em;
  letter-spacing: 1.38px;
  color: #777
}

.elementor .elementor-widget-tabs .elementor-tab-title.elementor-active {
  color: #111
}

.elementor .elementor-widget-tabs .elementor-tab-title a {
  color: inherit
}

.elementor .elementor-widget-tabs .elementor-tab-content,
.elementor .elementor-widget-tabs .elementor-tab-desktop-title.elementor-active,
.elementor .elementor-widget-tabs .elementor-tab-mobile-title,
.elementor .elementor-widget-tabs .elementor-tab-title:after,
.elementor .elementor-widget-tabs .elementor-tab-title:before,
.elementor .elementor-widget-tabs .elementor-tabs-content-wrapper {
  border-color: #111
}

.elementor-widget-wp-widget-insight-core-bmw ul,
.elementor-widget-wp-widget-nav_menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.has-huge-font-size,
.has-large-font-size {
  line-height: 1.3;
  margin-bottom: 18px
}

.wp-block-archives,
.wp-block-button,
.wp-block-calendar,
.wp-block-categories,
.wp-block-cover,
.wp-block-group,
.wp-block-group.has-background,
.wp-block-preformatted,
.wp-block-pullquote {
  margin-bottom: 30px
}

.wp-block-button .wp-block-button__link {
  padding: 16px 41px
}

.wp-block-button.is-style-outline .wp-block-button__link {
  border-color: currentColor !important;
  background-color: transparent;
  padding: 14px 41px
}

.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color) {
  color: inherit
}

.wp-block-calendar {
  overflow-x: auto
}

.wp-block-calendar a {
  text-decoration: none
}

.wp-block-calendar td,
.wp-block-calendar th {
  padding: 5px
}

.wp-block-calendar table caption {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 14px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #111
}

.wp-block-calendar #today {
  color: #fff;
  background-color: var(--edumall-color-primary)
}

.wp-block-calendar #today a {
  color: inherit
}

.wp-block-calendar tfoot td {
  border: 1px solid rgba(0, 0, 0, .08)
}

.wp-block-calendar tfoot a {
  color: #111
}

.wp-block-cover,
.wp-block-cover-image,
.wp-block-cover-image a,
.wp-block-cover a {
  color: #fff
}

.wp-block-cover-image a:hover,
.wp-block-cover a:hover {
  color: #fff;
  text-decoration: underline
}

.wp-block-embed {
  margin: 0 0 40px
}

.wp-block-embed.is-type-video .wp-block-embed__wrapper:before {
  display: none !important
}

.wp-block-embed.is-type-video .embed-responsive,
.wp-block-image {
  margin: 0
}

.wp-block-image .alignleft {
  margin-right: 2em
}

.wp-block-image .alignright {
  margin-left: 2em
}

.wp-block-image figcaption {
  margin: 0;
  color: inherit;
  font-size: .9em
}

figure.wp-block-image {
  margin-bottom: 2em
}

figure.wp-block-image.alignleft {
  margin-right: 2em
}

figure.wp-block-image.alignright {
  margin-left: 2em
}

.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.is-resized {
  margin-top: 20px;
  margin-bottom: 20px
}

@media (min-width:768px) {

  .wp-block-image .aligncenter,
  .wp-block-image .alignleft,
  .wp-block-image .alignright,
  .wp-block-image.is-resized,
  figure.wp-block-image {
    margin-top: 40px;
    margin-bottom: 40px
  }
}

.wp-block-latest-comments {
  padding: 0;
  margin: 0 0 30px
}

.wp-block-latest-comments__comment {
  margin-bottom: 30px
}

.wp-block-latest-posts {
  margin: 0 0 30px;
  padding: 0
}

.wp-block-latest-posts li {
  margin-bottom: 16px
}

.wp-block-pullquote {
  border-top-color: #111;
  border-bottom-color: #111;
  color: #111
}

.wp-block-pullquote p {
  line-height: 1.3;
  margin-bottom: 18px
}

.wp-block-quote,
.wp-block-quote.has-text-align-right {
  border-color: var(--edumall-color-primary)
}

.wp-block-column .wp-block-quote {
  margin: 0 0 30px !important
}

.wp-block-search {
  margin: 0 0 30px
}

.wp-block-search label {
  display: none
}

.wp-block-search .wp-block-search__input {
  width: auto
}

.wp-block-search .wp-block-search__button {
  flex-shrink: 0;
  padding: 0 20px !important
}

@media (max-width:767px) {
  .wp-block-search {
    display: block
  }

  .wp-block-search .wp-block-search__input {
    width: 100%
  }

  .wp-block-search .wp-block-search__button {
    margin-left: 0;
    margin-top: 10px
  }
}

.wp-block-separator {
  border: 0;
  height: 2px;
  background: #111
}

.wp-block-separator.is-style-wide {
  height: 1px
}

.wp-block-separator.is-style-dots {
  color: #111
}

.wp-block-table {
  margin: 0
}

.wp-block-tag-cloud {
  margin: 0 0 30px
}

.wp-block-tag-cloud a {
  display: block;
  float: left;
  font-size: 13px !important;
  font-weight: 500;
  line-height: 1.5;
  padding: 7px 15px 6px;
  border-radius: 3px;
  background: #f5f5f5;
  color: #ababab;
  border: 0;
  margin: 5px;
  overflow: hidden
}

.wp-block-tag-cloud a:hover {
  color: #fff;
  background-color: var(--edumall-color-primary)
}

.faq-page-title-wrap {
  border-bottom: 1px solid var(--edumall-color-box-border);
  padding: 43px 0;
  margin: 0 0 50px
}

.faq-page-title-wrap .entry-title {
  margin: 0;
  font-size: 28px;
  line-height: 1.43
}

.archive-faq .page-title-bar,
.single-faq .page-title-bar {
  margin: 0 !important
}

.archive-faq .page-content .container,
.single-faq .page-content .container {
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px
}

.archive-faq .page-sidebar.style-02 .widget,
.archive-faq .page-sidebar.style-03 .widget,
.single-faq .page-sidebar.style-02 .widget,
.single-faq .page-sidebar.style-03 .widget {
  padding: 23px 30px 30px
}

.edumall-faqs-list li {
  margin: 0;
  padding: 0 0 0 30px
}

.edumall-faqs-list li+li {
  margin-top: 10px
}

.edumall-faqs-list .post-title {
  font-family: var(--edumall-typography-body-font-family);
  font-size: var(--edumall-typography-body-font-size);
  font-weight: var(--edumall-typography-body-font-weight);
  line-height: 26px;
  letter-spacing: var(--edumall-typography-body-letter-spacing);
  margin: 0
}

.edumall-faqs-list .post-title a {
  color: var(--edumall-color-primary);
  display: block;
  position: relative;
  padding: 0
}

.edumall-faqs-list .post-title a:after,
.edumall-faqs-list .post-title a:before {
  content: "\f30b";
  position: absolute;
  top: 7px;
  left: -30px;
  font-size: 14px
}

.edumall-faqs-list .post-title a:after {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%)
}

.edumall-faqs-list .post-title a:hover:before {
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%)
}

.edumall-faqs-list .post-title a:hover:after {
  opacity: 1;
  visibility: visible;
  transform: translateX(0)
}

.edumall-faqs-list .faq-group {
  font-size: 0
}

.edumall-faqs-list .faq-group a {
  display: inline-block;
  border-radius: 3px;
  background: var(--edumall-color-primary);
  color: #fff;
  padding: 0 10px;
  font-size: 12px;
  line-height: 24px;
  margin: 0 1px 5px 0
}

.edumall-faqs-list .post-date {
  position: relative;
  display: block;
  font-size: 12px;
  padding-left: 20px;
  margin: 2px 0 10px
}

.edumall-faqs-list .post-date:before {
  font-size: 12px;
  content: "\f073";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.edumall-wp-widget-faq-groups li+li {
  margin-top: 14px
}

.edumall-wp-widget-faq-groups .children {
  margin: 10px 0 0 20px
}

.faq-group-custom-btn {
  margin: 30px 0 0
}

.edumall-faqs {
  padding: 0;
  margin: 0
}

.edumall-faqs .faq-post {
  list-style-type: none
}

.edumall-faqs .faq-post+.faq-post {
  margin-top: 22px;
  padding-top: 50px;
  border-top: 1px solid #eee
}

.edumall-faqs .post-title {
  font-size: 20px;
  line-height: 1.6;
  margin: 0
}

.edumall-faqs .faq-excerpt {
  margin: 13px 0 0
}

.edumall-faqs .faq-read-more-btn {
  margin: 16px 0 0
}

.edumall-faqs .faq-read-more-btn .tm-button {
  color: var(--edumall-color-primary)
}

#page-header-inner .container {
  width: 100%;
  max-width: 100%;
}

#menu-primary > li:last-child > a .menu-item-title {
  font-weight: bold;
}

#menu-primary > li:last-child > a .menu-item-title::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border-radius: 50%;
    background: #00dc5b;
    vertical-align: middle;
    animation: iriaNotificationPulse 1.2s ease-in-out infinite;
}

@keyframes iriaNotificationPulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
        box-shadow: 0 0 0 0 rgb(4 221 105);
    }

    50% {
        opacity: 0.5;
        transform: scale(1.25);
        box-shadow: 0 0 0 5px rgba(244, 67, 54, 0);
    }
}