@import url("../../dependencies/bootstrap/css/bootstrap.min.css");
@import url("../../dependencies/animate/animate.min.css");
@import url("../../dependencies/fontawesome/css/all.min.css");
@import url("../../dependencies/flaticon/font/flaticon.css");
@import url("../../dependencies/slick/slick.css");
@import url("../../dependencies/magnific-popup/css/magnific-popup.css");
@import url("../../dependencies/swiper/css/swiper.min.css");
@import url("../../dependencies/datetimepicker/jquery.datetimepicker.css");

@font-face {
      font-family: "Bukra";
      src: url("../../dependencies/flaticon-font/alfont_com_AlFont_com_4_CA.ttf");
}

@font-face {
      font-family: "Tajawal";
      src: url("../../dependencies/flaticon-font/Tajawal-Medium.ttf");
}

.isotop-btn-layout1 a.nav-item,
.isotop-btn-layout2 a.nav-item {
      position: relative;
      z-index: 1;
      color: #585858;
      display: inline-block;
}

.bg-position-center,
.breadcrumb-wrap-style-2 {
      background-position: center;
}

.bg-no-repeat,
.breadcrumb-wrap-style-2 {
      background-repeat: no-repeat;
}

.block-list,
.inline-list {
      margin: 0;
      list-style: none;
}

.become-instructor-box.style-3 .content-box,
.cart-body .cart-content,
.more-category.style-1,
.single-event-wrap-style-1 .countdown .countdown-section {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal
}

.nav-wrap>li,
.single-shop-tab .tab-content .review-box .rating-box li ul li {
      margin-right: 3px;
}

:root {
      --font_family_body: "Bukra", sans-serif;
      --font_family_heading: "Tajawal", sans-serif;
      --color_primary: #0271d2;
      --color_secondary: #f7bc20;
      --color_text_body: #6b6b6b;
      --color_hover_light: #cacaca;
      --color_text_heading: #161616;
      --facebook: #3b5998;
      --twitter: #00acee;
      --instagram: #3f729b;
      --pinterest: #3b5998;
      --youtube: #c4302b;
      --skype: #00aff0;
      --transition: 0.3s ease-in-out
}

body {
      font-family: var(--font_family_body);
      font-size: 14px;
      line-height: 1.65;
      color: var(--color_text_body);
      font-weight: 400;
      height: 100%;
      vertical-align: baseline;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: optimizeLegibility;
      background-color: #fff
}

p {
      margin: 0 0 10px
}

h1,
h2,
h3,
h4,
h5,
h6 {
      font-family: var(--font_family_heading);
      margin: 0 0 10px;
      font-weight: 600;
      color: var(--color_text_heading)
}

h1 {
      font-size: 46px;
      line-height: 1.17
}

h2 {
      font-size: 40px;
      line-height: 1.25
}

h3 {
      font-size: 28px;
      line-height: 1.46
}

h4 {
      font-size: 22px;
      line-height: 1.56
}

h5 {
      font-size: 18px;
      line-height: 1.66
}

h6 {
      font-size: 14px;
      line-height: 1.76
}

a {
      text-decoration: none
}

a:active,
a:focus,
a:hover {
      outline: 0;
      text-decoration: none
}

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

.inline-list {
      padding: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
}

.block-list {
      padding: 0;
      display: block
}

@media (min-width:1440px) {
      .col-xxl-5 {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 20%;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%
      }
}

.row.gutters-1 {
      margin-left: -.5px;
      margin-right: -.5px
}

.row.gutters-1>[class^=col-] {
      padding-left: .5px;
      padding-right: .5px
}

.row.gutters-3 {
      margin-left: -1.5px;
      margin-right: -1.5px
}

.row.gutters-3>[class^=col-] {
      padding-left: 1.5px;
      padding-right: 1.5px
}

.row.gutters-15 {
      margin-left: -7.5px;
      margin-right: -7.5px
}

.row.gutters-15>[class^=col-] {
      padding-left: 7.5px;
      padding-right: 7.5px
}

.row.gutters-20 {
      padding-left: 5px;
      padding-right: 5px
}

.row.gutters-20>[class^=col-] {
      padding-left: 10px;
      padding-right: 10px
}

.row.gutters-50 {
      margin-left: -25px;
      margin-right: -25px
}

.row.gutters-50>[class^=col-] {
      padding-left: 25px;
      padding-right: 25px
}

@media (min-width:1230px) {
      .container {
            max-width: 1200px
      }
}

.bg-size-cover {
      background-size: cover
}

@media (min-width:1800px) {
      .box-layout {
            padding-left: 185px;
            padding-right: 185px
      }
}

.slick-slide {
      margin-left: 15px;
      margin-right: 15px
}

.slick-carousel {
      margin-left: -15px;
      margin-right: -15px
}

.form-response .alert-danger,
.form-response .alert.alert-info,
.form-response .alert.alert-success {
      margin-top: 5px;
      margin-bottom: 30px
}

.about-box.style-2 .info-list li:last-child,
.about-box.style-3 .about-list li:last-child,
.about-box.style-4 .info-list li:last-child,
.about-box.style-5 .info-list li:last-child,
.address-box.style-2 .address-list li:last-child,
.advantage-box.style-1 .advantage-list li:last-child,
.become-instructor-box.style-1 .content-box .description,
.become-instructor-box.style-2 .content-box:last-child,
.cart-body .cart-content .cart-items li:last-child,
.content-single-wrapper .single-product-description .product-meta li:last-child,
.feature-box.style-1 .content-box .description,
.form-response .alert-danger p,
.form-response .alert.alert-info p,
.form-response .alert.alert-success p,
.price-box.style-1 .content-box .feature-list .single-item:last-child,
.price-box.style-2 .feature-list li:last-child,
.profile-tab .dashboard-box .dashboard-info li:last-child,
.profile-tab .dashboard-box .dashboard-skill p,
.shop-box-style-1 .action-items li:last-child,
.single-blog-wrap .blog-content-box .leave-comment .leave-form-box .form-group:last-child,
.single-blog-wrap .blog-content-box .list-info li:last-child,
.single-course-box.style-1 .list-info-1 li:last-child,
.single-course-box.style-1 .list-info-2 li:last-child,
.teacher-feature-box.style-1 .feature-list li:last-child,
.widget-course-info .mid-content .info-list li:last-child,
.widget-faq .info-list li:last-child,
.widget-filter .radio:last-child,
.widget-recent ul.list-item>li:last-child,
.widget-related-course ul>li:last-child,
.works-box.style-1 .work-process li .content-box .description,
.works-box.style-1 .work-process li:last-child,
body .sidebarBtn .bar:last-child,
footer .widget-nav .menu .menu-item:last-child,
nav.template-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item:last-child {
      margin-bottom: 0
}

.btn-fill,
.btn-fill.style-1,
.btn-fill.style-7 {
      display: inline-block;
      background-color: var(--color_primary);
      color: #fff;
      padding: 12px 30px;
      border-radius: 5px;
      font-family: var(--font_family_heading);
      font-size: 16px;
      border: 1px solid var(--color_primary);
      font-weight: 500;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.btn-fill-get {
      padding: 10px 25px !important;
      margin: 0px 20px;
      color: #fff !important;
}

.btn-fill-get:hover {
      color: var(--color_primary) !important;
      text-decoration: none !important;
}

.btn-fill.style-2,
.btn-fill.style-3,
.btn-fill.style-6 {
      display: inline-block;
      padding: 12px 30px;
      font-family: var(--font_family_heading);
      font-size: 16px;
      -webkit-transition: .3s ease-in-out
}

.btn-fill.style-1:hover,
.btn-fill.style-7:hover,
.btn-fill:hover {
      color: var(--color_primary);
      background-color: transparent
}

.btn-fill i,
.btn-fill.style-1 i,
.btn-fill.style-7 i,
.btn-text i {
      margin-left: 10px
}

.breadcrumb-wrap-style-4 .inner-banner-title .banner-area-search .search-btn:focus,
.breadcrumb-wrap-style-4 .inner-banner-title .banner-area-search input:focus,
.btn-fill:focus,
.course-wrap-style-2 .slick-dots li button:focus,
.event-search-form .input-group .input-group-addon button:focus,
.event-search-form input.search-input:focus,
.filter-box.style-1 button:focus,
.filter-box.style-2 button:focus,
.main-banner-box.style-2 .content-box form .item-btn:focus,
.main-banner-wrap-style-4 .swiper-pagination-bullet:focus,
.modal .modal-header .close:focus,
.search-wrap.for-mobile-menu .search-btn:focus,
.search-wrap.for-mobile-menu input:focus,
.search-wrap.style-1 .search-btn:focus,
.search-wrap.style-1 input:focus,
.search-wrap.style-2 .search-btn:focus,
.search-wrap.style-2 input:focus,
.search-wrap.style-3 .search-btn:focus,
.search-wrap.style-3 input:focus,
.single-course-box.style-1 .write-review-wrap form .item-btn:focus,
.topbar.style-1 .topbar-row .language-select button:focus,
.widget-filter .radio .rating-wrap i:focus,
nav.template-main-menu ul.menu li.menu-item a:focus {
      outline: 0
}

.btn-fill.style-2 {
      background-color: #edf6ff;
      color: #02366a;
      border-radius: 5px;
      border: 1px solid #edf6ff;
      font-weight: 600;
      transition: .3s ease-in-out
}

.btn-fill.style-2:hover {
      color: #fff;
      background-color: var(--color_primary);
      border: 1px solid var(--color_primary)
}

.btn-fill.style-3,
.btn-fill.style-6 {
      background-color: var(--color_secondary);
      color: #161616;
      border-radius: 5px;
      border: 1px solid var(--color_secondary);
      font-weight: 500;
      transition: .3s ease-in-out
}

.btn-fill.style-4,
.btn-fill.style-5 {
      -webkit-transition: .3s ease-in-out;
      display: inline-block;
      font-size: 16px;
      font-family: var(--font_family_heading);
      font-weight: 500
}

.btn-fill.style-3:hover,
.btn-fill.style-6:hover {
      color: #161616;
      background-color: transparent
}

.btn-fill.style-4:hover,
.btn-fill.style-5:hover {
      color: #fff;
      background-color: transparent
}

.btn-fill.style-4 {
      background-color: #fff;
      color: var(--color_primary);
      padding: 7px 25px;
      border-radius: 5px;
      border: 1px solid #fff;
      transition: .3s ease-in-out
}

.btn-fill.style-5 {
      background-color: #edf6ff;
      color: var(--color_text_heading);
      padding: 12px 30px;
      border-radius: 5px;
      border: 1px solid #edf6ff;
      transition: .3s ease-in-out
}

.btn-text,
.btn-text.style-2 {
      -webkit-transition: .3s ease-in-out
}

.btn-fill.style-5:hover {
      border: 1px solid #fff
}

.btn-text {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 5px 10px;
      color: #8d8d8d;
      transition: .3s ease-in-out
}

.about-box.style-3 .about-list li:hover .content-box .title,
.about-box.style-3 .about-list li:hover .icon-box,
.action-btn.for-mobile-menu a:hover,
.blog-box .content-box .title a:hover,
.blog-box.style-1 .content-box .title a:hover,
.blog-box.style-4 .content-box .title a:hover,
.breadcrumb-wrap-style-1 .breadcrumb .breadcrumb-item a:hover,
.breadcrumb-wrap-style-2 .breadcrumb .breadcrumb-item:hover a,
.breadcrumb-wrap-style-3 .breadcrumb .breadcrumb-item:hover a,
.breadcrumb-wrap-style-4 .breadcrumb .breadcrumb-item:hover a,
.breadcrumb-wrap-style-4 .inner-banner-title .banner-area-search .search-btn:hover,
.btn-text.style-4:hover,
.btn-text:hover,
.cart-body .cart-content .cart-items li .item-dismiss a:hover,
.cart-wrap.style-1 .item-icon:hover,
.cart-wrap.style-2 .item-icon:hover,
.cart-wrap.style-3 .item-icon:hover,
.category-box.style-1 .content-box .title a:hover,
.category-box.style-2 .content-box .title a:hover,
.content-single-wrapper .single-product-description .action-area2 .link-text:hover,
.content-single-wrapper .single-product-description .product-meta li .social li a:hover,
.content-single-wrapper .single-product-description .product-meta li span a:hover,
.course-box.style-2 .content-box .teacher-name a:hover,
.course-box.style-2 .content-box .title a:hover,
.course-box.style-3 .content-box .title a:hover,
.course-box.style-4 .content-box .title a:hover,
.entry-meta li a:hover,
.event-box.style-1 .content-box .title a:hover,
.feature-box.style-1:hover .icon-box,
.footer.style-1 .footer-copyright span,
.footer.style-2 .footer-copyright span,
.footer.style-2 .widget a:hover,
.header-action-items li .item-icon:hover,
.instructor-box.style-1 .content-box .title a:hover,
.isotop-btn-layout1 a.nav-item.current,
.isotop-btn-layout1 a.nav-item:hover,
.layout-switcher ul li.active a,
.main-banner-box.style-1 .element-box .course-box .content-box .title a:hover,
.meeting-box.style-1 .content-box .title a:hover,
.more-category.style-1 .item-btn:hover,
.nav-wrap .category-nav .item-icon:hover,
.offscreen-navigation ul li>a:hover,
.search-wrap.for-mobile-menu .search-btn:hover,
.search-wrap.style-1 .search-btn:hover,
.search-wrap.style-2 .search-btn:hover,
.search-wrap.style-3 .search-btn:hover,
.single-blog-wrap .blog-content-box .blog-tag ul li.social-wrap .item-social a:hover,
.single-blog-wrap .blog-content-box .blog-tag ul li.tag-wrap .item-tag a:hover,
.single-event-wrap-style-1 .entry-meta li i,
.speaker-box.style-1 .content-box .title a:hover,
.teacher-feature-box.style-1 .feature-course-wrap .course-name a:hover,
.team-box.style-1 .content-box .social li a:hover,
.team-box.style-1 .content-box .title a:hover,
.team-box.style-2 .content-box .social li a:hover,
.team-box.style-2 .content-box .title a:hover,
.team-box.style-3 .content-box .title a:hover,
.topbar.style-1 .topbar-row .action-btn a:hover,
.topbar.style-1 .topbar-row .social a:hover,
.topbar.style-2 .left-box i,
.topbar.style-2 .topbar-row .action-btn a:hover,
.topbar.style-2 .topbar-row .social a:hover,
.topbar.style-3 .topbar-row .action-btn a:hover,
.topbar.style-4 .topbar-row .action-btn a:hover,
.widget-course-category ul li a:hover,
.widget-course-category ul li a:hover span,
.widget-faq .info-list li a:hover,
.widget-faq .info-list li a:hover i,
.widget-recent ul.list-item>li .entry-title a:hover,
.widget-related-course ul>li .entry-title a:hover,
.widget-related-course ul>li .price,
.works-box.style-1 .work-process li:nth-child(odd) .icon-box,
nav.template-main-menu ul.menu li.menu-item a:hover,
nav.template-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item a:hover {
      color: var(--color_primary)
}

.btn-text.style-2 {
      display: inline-block;
      padding: 5px 0;
      font-size: 16px;
      font-family: var(--font_family_heading);
      font-weight: 500;
      color: var(--color_primary);
      transition: .3s ease-in-out
}

.btn-ghost,
.btn-text.style-3 {
      color: var(--color_primary);
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      -webkit-box-align: center
}

.btn-text.style-3,
.btn-text.style-4 {
      font-family: var(--font_family_heading);
      -webkit-transition: .3s ease-in-out;
      font-size: 16px;
      font-weight: 500
}

.btn-text.style-2:hover,
.btn-text.style-3:hover,
.filter-wrap .title span,
.main-banner-box.style-3 .figure-box .play-btn:hover,
.more-category.style-1 .title span,
.shop-wrap-style-1 .filter-box .title span,
.works-box.style-2 .play-btn:hover {
      color: var(--color_secondary)
}

.btn-text.style-3 {
      padding: 0;
      display: inline-flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      transition: .3s ease-in-out
}

.btn-text.style-3 i {
      margin-left: 10px;
      margin-bottom: -5px
}

.btn-text.style-4 {
      display: inline-block;
      padding: 5px 0;
      color: #161616;
      transition: .3s ease-in-out
}

.about-box.style-1 .slick-arrow:hover,
.banner-info-style-3 .category-name-wrap li:nth-child(2n),
.btn-ghost.for-mobile-menu:hover,
.btn-ghost:hover,
.category-box.style-3:hover .content-box .top-content .icon-box,
.filter-box.style-1 .dropdown-menu .dropdown-item:hover,
.isotop-btn-layout2 a.nav-item.current,
.isotop-btn-layout2 a.nav-item:hover,
.pagination-style-1 .pagination .page-item .page-link:hover,
.profile-tab .tab-nav-list .nav-item a.active,
.testimonial-wrap-style-1 .slick-arrow:hover,
.topbar.style-1 .topbar-row .language-select .dropdown-menu .dropdown-item:hover,
.topbar.style-3 {
      color: #fff;
      background-color: var(--color_primary)
}

.btn-ghost,
.isotop-btn-layout1 a.nav-item {
      -webkit-transition: .3s ease-in-out;
      font-family: var(--font_family_heading)
}

.btn-ghost {
      border: 1px solid var(--color_primary);
      padding: 12px 35px;
      font-size: 16px;
      font-weight: 500;
      border-radius: 4px;
      display: inline-flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      transition: .3s ease-in-out
}

.isotop-btn-layout1,
.isotop-btn-layout2 {
      font-size: 18px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      -webkit-box-align: center;
      font-weight: 500
}

.isotop-btn-layout1 {
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      border-bottom: 1px solid #edf6ff;
      margin-bottom: 50px;
      padding-bottom: 10px
}

.isotop-btn-layout1 a.nav-item {
      padding: 5px 10px;
      transition: .3s ease-in-out
}

.isotop-btn-layout1 a.nav-item:before {
      position: absolute;
      z-index: 1;
      bottom: -10px;
      height: 2px;
      width: 0;
      background-color: var(--color_primary);
      content: "";
      left: 0;
      right: 0;
      margin: 0 auto;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.cart-body .cart-content .cart-footer,
.content-single-wrapper .product-img-view ul.tab-nav-list li a img,
.isotop-btn-layout1 a.nav-item.current:before,
footer .widget-nav.style-1 .menu .menu-item:hover a:after,
footer .widget-nav.style-2 .menu .menu-item a:hover:after,
nav.template-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item a:hover:before {
      width: 100%
}

.isotop-btn-layout2 {
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
}

.modal .modal-body,
.preloader {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox
}

.isotop-btn-layout2 a.nav-item {
      font-family: var(--font_family_heading);
      margin: 0 5px 5px;
      padding: 7px 15px;
      border-radius: 5px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

section {
      padding-top: 120px;
      padding-bottom: 120px
}

.preloader {
      background-color: #fff;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: fixed;
      height: 100%;
      width: 100%;
      z-index: 99
}

.loaders {
      position: relative;
      width: 100px;
      height: 100px;
      border-radius: 50%;
      margin: 75px;
      display: inline-block;
      vertical-align: middle
}

.loader-1 .loader-outter {
      position: absolute;
      border: 4px solid var(--color_primary);
      border-left-color: transparent;
      border-bottom: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      -webkit-animation: 1s cubic-bezier(.42, .61, .58, .41) infinite loader-1-outter;
      animation: 1s cubic-bezier(.42, .61, .58, .41) infinite loader-1-outter
}

.loader-1 .loader-inner {
      position: absolute;
      border: 4px solid #000;
      border-radius: 50%;
      width: 70px;
      height: 70px;
      left: calc(50% - 35px);
      top: calc(50% - 35px);
      border-right: 0;
      border-top-color: transparent;
      -webkit-animation: 1s cubic-bezier(.42, .61, .58, .41) infinite loader-1-inner;
      animation: 1s cubic-bezier(.42, .61, .58, .41) infinite loader-1-inner
}

@-webkit-keyframes loader-1-outter {
      0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
      }

      100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
      }
}

@keyframes loader-1-outter {
      0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
      }

      100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
      }
}

@-webkit-keyframes loader-1-inner {
      0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
      }

      100% {
            -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg)
      }
}

@keyframes loader-1-inner {
      0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
      }

      100% {
            -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg)
      }
}

.section-heading.style-1 {
      text-align: center;
      margin-bottom: 40px
}

.section-heading.style-1 .title {
      padding: 0 30px;
      display: inline-block;
      font-weight: 500;
      position: relative;
      z-index: 1;
      font-size: 40px
}

.section-heading.style-1 .title:after {
      content: "";
      height: 3px;
      width: 30px;
      background-color: #ffc221;
      right: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      z-index: 1
}

.section-heading.style-1 .title:before {
      content: "";
      height: 3px;
      width: 30px;
      background-color: #ffc221;
      left: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      z-index: 1
}

.section-heading.style-10,
.section-heading.style-2,
.section-heading.style-5,
.section-heading.style-8 {
      margin-bottom: 40px;
      text-align: center
}

.section-heading.style-2 .title {
      font-weight: 600;
      max-width: 550px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 15px;
      font-size: 40px
}

.section-heading.style-2 .description {
      max-width: 450px;
      width: 100%;
      margin-left: auto;
      margin-right: auto
}

.section-heading.style-3 {
      position: relative;
      z-index: 1;
      padding-left: 18px;
      margin-bottom: 40px
}

.section-heading.style-3:after {
      position: absolute;
      content: "";
      z-index: 1;
      height: calc(100% - 14px);
      width: 3px;
      background-color: #ffc221;
      top: 6px;
      left: 0
}

.section-heading.style-3 .sub-title {
      color: var(--color_primary);
      font-size: 16px;
      font-weight: 500;
      font-family: var(--font_family_heading);
      letter-spacing: 2px;
      margin-bottom: 10px
}

.section-heading.style-3 .title {
      font-weight: 600;
      margin-bottom: 0
}

.call-to-action-box.style-2,
.category-box.style-3 .content-box .bottom-content .description,
.price-box.style-2 .price-wrap,
.section-heading.style-4 {
      margin-bottom: 40px
}

.section-heading.style-4 .title {
      font-weight: 500;
      max-width: 400px;
      width: 100%;
      margin-bottom: 15px;
      font-size: 40px
}

.section-heading.style-5 .title {
      color: #fff;
      font-weight: 600;
      max-width: 550px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 15px;
      font-size: 40px
}

.section-heading.style-5 .description {
      color: #fff;
      max-width: 450px;
      width: 100%;
      margin-left: auto;
      margin-right: auto
}

.section-heading.style-6 {
      margin-bottom: 40px;
      text-align: left
}

.section-heading.style-6 .title {
      font-weight: 600;
      max-width: 460px;
      width: 100%;
      margin-bottom: 15px;
      font-size: 40px
}

.about-box.style-1 .section-description,
.section-heading.style-6 .description {
      max-width: 460px;
      width: 100%
}

.section-heading.style-7 {
      margin-bottom: 30px;
      text-align: left
}

.section-heading.style-7 .sub-title {
      font-family: var(--font_family_heading);
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 2px;
      color: var(--color_primary);
      margin-bottom: 10px
}

.section-heading.style-7 .title {
      font-weight: 600;
      max-width: 460px;
      width: 100%;
      margin-bottom: 30px;
      font-size: 40px
}

.section-heading.style-7 .description {
      max-width: 460px;
      width: 100%;
      margin-bottom: 50px
}

.section-heading.style-10 .title,
.section-heading.style-8 .title,
.section-heading.style-9 .title {
      font-weight: 500;
      max-width: 600px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 15px;
      font-size: 40px
}

.section-heading.style-9 {
      margin-bottom: 10px;
      text-align: center
}

.section-heading.style-10 .title span {
      color: var(--color_primary);
      font-style: italic;
      display: inline-block;
      margin-right: 10px;
      font-weight: 600
}

.section-heading.style-11 {
      margin-bottom: 60px;
      text-align: center
}

.section-heading.style-11 .title {
      font-weight: 500;
      font-size: 36px;
      max-width: 550px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 15px
}

.breadcrumb .breadcrumb-item,
.section-heading.style-12 .sub-title {
      font-size: 16px;
      font-weight: 500;
      font-family: var(--font_family_heading)
}

.section-heading.style-11 .description {
      max-width: 580px;
      width: 100%;
      margin-left: auto;
      margin-right: auto
}

.section-heading.style-12 {
      margin-bottom: 45px;
      text-align: center
}

.section-heading.style-12 .sub-title {
      letter-spacing: 2px;
      margin-bottom: 10px;
      color: var(--color_primary)
}

.section-heading.style-12 .title {
      font-weight: 500;
      max-width: 600px;
      width: 100%;
      margin-bottom: 30px;
      margin-left: auto;
      margin-right: auto
}

.inner-section-heading {
      font-weight: 600;
      font-size: 30px;
      margin-bottom: 22px
}

.breadcrumb-wrap-style-1,
.breadcrumb-wrap-style-5,
.single-course-box.style-1 .accordion .item-content {
      padding: 0
}

.breadcrumb-wrap-style-1 .breadcrumb {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: #ebf4fd;
      padding: 50px 15px;
      margin-bottom: 0
}

.breadcrumb-wrap-style-1 .breadcrumb .breadcrumb-item:before {
      color: #4a4a4a
}

.breadcrumb-wrap-style-1 .breadcrumb .breadcrumb-item a {
      color: #4a4a4a;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.breadcrumb-wrap-style-1 .breadcrumb .breadcrumb-item.active {
      color: #9e9e9e
}

.breadcrumb-wrap-style-2 {
      background-size: cover;
      position: relative;
      z-index: 1;
      padding: 115px 15px 118px
}

.breadcrumb-wrap-style-2:before {
      content: "";
      position: absolute;
      z-index: -1;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, .5)
}

.breadcrumb-wrap-style-2 .breadcrumb,
.breadcrumb-wrap-style-3 .breadcrumb {
      padding: 0;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: transparent;
      margin-bottom: 15px
}

.breadcrumb-wrap-style-2 .breadcrumb .breadcrumb-item:before,
.breadcrumb-wrap-style-3 .breadcrumb .breadcrumb-item:before,
.breadcrumb-wrap-style-4 .breadcrumb .breadcrumb-item:before {
      color: #ebe8e8
}

.breadcrumb-wrap-style-2 .breadcrumb .breadcrumb-item a,
.breadcrumb-wrap-style-3 .breadcrumb .breadcrumb-item a,
.breadcrumb-wrap-style-4 .breadcrumb .breadcrumb-item a {
      color: #ebe8e8;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.breadcrumb-wrap-style-2 .breadcrumb .breadcrumb-item.active,
.breadcrumb-wrap-style-3 .breadcrumb .breadcrumb-item.active,
.breadcrumb-wrap-style-4 .breadcrumb .breadcrumb-item.active,
.breadcrumb-wrap-style-5 .breadcrumb .breadcrumb-item a:hover,
.breadcrumb-wrap-style-5 .breadcrumb .breadcrumb-item.active,
.breadcrumb-wrap-style-6 .breadcrumb .breadcrumb-item a,
.breadcrumb-wrap-style-6 .breadcrumb .breadcrumb-item.active,
.breadcrumb-wrap-style-6 .breadcrumb .breadcrumb-item:before,
header.header-style-4 nav.template-main-menu>ul.menu>li.menu-item>a {
      color: #fff
}

.breadcrumb-wrap-style-2 .inner-banner-title,
.breadcrumb-wrap-style-3 .inner-banner-title,
.breadcrumb-wrap-style-4 .inner-banner-title,
.call-to-action-box.style-7,
.error-box,
.shop-box-style-1 .content-box {
      text-align: center
}

.breadcrumb-wrap-style-2 .inner-banner-title .title {
      max-width: 750px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      color: #fff;
      margin-bottom: 0;
      font-weight: 600
}

.breadcrumb-wrap-style-3,
.breadcrumb-wrap-style-4 {
      position: relative;
      z-index: 1;
      padding: 115px 0 110px
}

.breadcrumb-wrap-style-3:before,
.breadcrumb-wrap-style-4:before {
      content: "";
      position: absolute;
      z-index: -1;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-color: rgba(0, 113, 220, .85)
}

.breadcrumb-wrap-style-3 .inner-banner-title .title {
      max-width: 550px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      color: #fff;
      margin-bottom: 0;
      font-weight: 600
}

.breadcrumb-wrap-style-4 .breadcrumb {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: transparent;
      padding: 0;
      margin-bottom: 15px
}

.breadcrumb-wrap-style-4 .inner-banner-title .title {
      max-width: 800px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      color: #fff;
      margin-bottom: 30px;
      font-weight: 500;
      font-size: 40px
}

.breadcrumb-wrap-style-4 .inner-banner-title .banner-area-search form {
      background-color: #fff;
      display: inline-block;
      max-width: 700px;
      width: 100%;
      border-radius: 4px
}

.breadcrumb-wrap-style-4 .inner-banner-title .banner-area-search input {
      width: calc(100% - 65px);
      color: #000;
      border: 0;
      height: 60px;
      padding: 5px 30px;
      background-color: transparent
}

.breadcrumb-wrap-style-4 .inner-banner-title .banner-area-search .search-btn {
      height: 60px;
      padding: 0 20px;
      background-color: transparent;
      border: 0;
      color: #818284;
      font-size: 20px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.breadcrumb-wrap-style-4 .inner-banner-title .banner-area-search input::-webkit-input-placeholder {
      color: #818284
}

.breadcrumb-wrap-style-4 .inner-banner-title .banner-area-search input::-moz-placeholder {
      color: #818284
}

.breadcrumb-wrap-style-4 .inner-banner-title .banner-area-search input:-moz-placeholder {
      color: #818284
}

.breadcrumb-wrap-style-4 .inner-banner-title .banner-area-search input:-ms-input-placeholder {
      color: #818284
}

.breadcrumb-wrap-style-5 .breadcrumb {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: var(--color_primary);
      padding: 25px 15px;
      margin-bottom: 0
}

.banner-info-style-2 .list-info li .list-rating .rating-count,
.breadcrumb-wrap-style-5 .breadcrumb .breadcrumb-item:before {
      color: #f3f3f3
}

.breadcrumb-wrap-style-5 .breadcrumb .breadcrumb-item a {
      color: #f3f3f3;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.banner-info-style-1 .list-info li .list-rating .rating-count,
.blog-box.style-1 .content-box .title a,
.blog-box.style-4 .content-box .title a,
.breadcrumb-wrap-style-6 .breadcrumb .breadcrumb-item a:hover,
.cart-wrap.style-1 .item-icon,
.cart-wrap.style-3 .item-icon,
.filter-box.style-1 button,
.filter-box.style-2 button,
.guide-box.style-1:hover .icon-box,
.shop-box-style-1 .content-box .title a,
.sidebar-widget .widget .widget-section-heading.heading-dark .widget-title {
      color: var(--color_text_heading)
}

.modal .submit-btn,
.pagination-style-1 .pagination .page-item .page-link {
      -webkit-transition: .3s ease-in-out;
      font-family: var(--font_family_heading)
}

.breadcrumb-wrap-style-6 .breadcrumb {
      background-color: var(--color_primary);
      padding: 30px 15px;
      border-radius: 0
}

.modal {
      padding-left: 17px
}

@media (min-width:576px) {
      .modal .modal-dialog {
            max-width: 890px
      }
}

.about-box.style-3 .figure-box img,
.modal .modal-content {
      border-radius: 15px
}

.modal .modal-header,
.offscreen-navigation .menu>li:last-child {
      border-bottom: 0
}

.modal .modal-body {
      padding: 0 45px;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
}

.modal .modal-body .content-box {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-bottom: 45px
}

.modal .modal-body .content-box .sub-title {
      color: var(--color_primary);
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 2px;
      font-family: var(--font_family_heading)
}

.modal .modal-body .content-box .title {
      font-size: 36px;
      font-weight: 600;
      margin-bottom: 25px
}

.modal .modal-body .content-box .description {
      color: #161616;
      font-family: var(--font_family_heading);
      font-size: 15px
}

.modal .modal-body .content-box .description i {
      margin-right: 10px;
      color: #807f7f
}

.modal .modal-body .figure-box {
      max-width: 330px;
      width: 100%;
      padding: 0 30px 0 50px
}

.about-box.style-2 .info-list,
.about-box.style-4 .description,
.about-box.style-5 .description,
.banner-info-style-1 .description,
.banner-info-style-3 .description,
.blog-box.style-3,
.call-to-action-box.style-1 .item-btn,
.contact-form.style-1 .inner form .form-group,
.content-single-wrapper .single-product-description,
.course-box.style-4,
.error-box .content-box .description,
.error-box .figure-box,
.faq-box.style-1,
.modal form,
.price-box.style-1 .price-wrap,
.profile-box .content-box .address-list,
.profile-tab .dashboard-box,
.profile-tab .quizzes-wrap,
.shop-wrap-style-1 .filter-box,
.sidebar-widget,
.single-blog-wrap .blog-content-box .leave-comment .leave-form-box .form-group,
.single-blog-wrap .blog-content-box .list-info,
.single-blog-wrap .blog-content-box p,
.single-blog-wrap .inner-figure-box,
.single-course-box.style-1 .curriculum-wrap,
.single-course-box.style-1 .description,
.single-course-box.style-1 .instructor-wrap,
.single-course-box.style-1 .list-info-2,
.single-course-box.style-1 .write-review-wrap form .form-group,
.single-event-wrap-style-1 .figure-box .event-info .list-info,
.single-shop-tab .tab-content .list-info-style-1,
.widget-recent .widget-section-heading,
.widget-related-course .widget-section-heading {
      margin-bottom: 30px
}

.modal .form-control {
      padding: 5px 20px;
      height: 60px;
      border-color: #f1f1f1;
      color: #000;
      border-radius: 3px;
      background-color: #f1f1f1;
      margin-bottom: 10px
}

.event-search-form ul.form-items li .item-btn:focus,
.footer.style-1 .footer-subscribe .form-control:focus,
.footer.style-1 .footer-subscribe .submit-btn:focus,
.modal .form-control:focus,
.modal .submit-btn:focus,
.single-blog-wrap .blog-content-box .leave-comment .leave-form-box .form-group .form-control:focus,
.widget-search .form-control:focus,
.widget-search .input-group-addon button:focus {
      outline: 0;
      box-shadow: none
}

.modal .submit-btn {
      width: 100%;
      color: #fff;
      font-size: 15px;
      font-weight: 600;
      letter-spacing: 2px;
      padding: 15px 30px;
      background-color: var(--color_primary);
      border: 1px solid var(--color_primary);
      border-radius: 3px;
      transition: .3s ease-in-out
}

.category-box.style-2:hover .more-item-btn:hover,
.footer.style-1 .footer-subscribe .submit-btn:hover,
.modal .submit-btn:hover {
      background-color: #fff;
      color: var(--color_primary)
}

.modal input.form-control::-webkit-input-placeholder {
      letter-spacing: 2px;
      font-size: 15px;
      color: #939393
}

.pagination-style-1,
.single-course-box.style-1 .write-review-wrap form {
      margin-top: 30px
}

.pagination-style-1 .pagination {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 30px
}

.pagination-style-1 .pagination .page-item .page-link {
      font-size: 20px;
      font-weight: 500;
      color: var(--color_primary);
      border: 1px solid #dbdbdb;
      padding: 16px 24px;
      transition: .3s ease-in-out
}

.apply-box.style-1 form input:focus,
.contact-form.style-1 .inner form .form-control:focus,
.content-single-wrapper .single-product-description .action-area li .input-group .form-control:focus,
.pagination-style-1 .pagination .page-item .page-link:focus,
.single-course-box.style-1 .write-review-wrap form input:focus,
.single-shop-tab .tab-content .review-box .review-form .form-control:focus {
      box-shadow: none
}

.select2-container {
      box-shadow: none;
      border-radius: 0
}

.select2-container ::-webkit-scrollbar-thumb {
      border-radius: 4px;
      border: 0;
      background-color: rgba(0, 113, 220, .3)
}

.select2-container ::-webkit-scrollbar {
      border-radius: 4px;
      width: 14px;
      height: 10px;
      background-color: rgba(0, 113, 220, .1)
}

.select2-container--classic.select2-container--open .select2-dropdown {
      border-color: #c7c7c7;
      border-radius: 0
}

.select2-container--classic.select2-container--open .select2-selection--single {
      border: 1px solid transparent;
      border-radius: 0
}

.action-btn.for-mobile-menu a:last-child:after,
.child-item:last-child .price-box.style-1:after,
.child-item:last-child .price-box.style-1:before,
.course-box.style-1 .course-footer .course-fee span,
.course-box.style-5 .course-footer .course-fee span,
.nav-wrap>li:last-child:after,
.select2-search--dropdown,
.topbar.style-1 .topbar-row .action-btn a:last-child:after,
.topbar.style-2 .topbar-row .action-btn a:last-child:after,
.topbar.style-3 .topbar-row .action-btn a:last-child:after,
.topbar.style-4 .topbar-row .action-btn a:last-child:after,
.widget-filter .radio input[type=radio] {
      display: none
}

.filter-wrap,
.layout-switcher ul,
.select2-container--classic .select2-selection--single {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex
}

.select2-results {
      background-color: transparent;
      padding: 5px 0 0;
      box-shadow: none
}

.select2-results__option {
      font-size: 16px;
      color: #000;
      padding: 5px 10px;
      margin-right: 0
}

.select2-container--classic .select2-selection--single {
      border: 1px solid transparent;
      background-image: none;
      height: 60px;
      background-color: transparent;
      box-shadow: none;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
}

.select2-container--classic .select2-selection--single .select2-selection__rende#c7c7c7 {
      font-size: 16px;
      color: #c7c7c7;
      font-weight: 300;
      background-color: transparent;
      border-radius: 0;
      line-height: 1.4;
      padding: 15px 10px 13px 20px
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
      background-image: none;
      border-radius: 0
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
      background-color: transparent;
      background-image: none;
      border-left: 0;
      height: 100%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 7px
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 7px;
      background-color: transparent
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #c7c7c7 transparent transparent;
      top: 50%;
      right: 0;
      left: 0;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
      border-width: 7px 6px 0
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #c7c7c7;
      border-width: 0 6px 7px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
      background-image: none;
      border-top: 1px solid #c7c7c7
}

.select2-container--classic .select2-dropdown--below {
      border-top: 1px solid #c7c7c7
}

.select2-container--classic .select2-dropdown,
.single-blog-wrap .blog-content-box .leave-comment {
      background-color: #fff
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
      background-color: #0271d2;
      color: #fff;
      border-radius: 0;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
      border: 1px solid #c7c7c7;
      padding: 5px 10px;
      border-radius: 0;
      color: #000;
      background-color: #fff;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.select2-container--classic .select2-selection--single:focus {
      border: 1px solid transparent;
      border-radius: 0
}

.select2-container .select2-selection--single .select2-selection__rendered {
      padding-left: 15px
}

.filter-wrap {
      position: relative;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 30px
}

.filter-wrap .title {
      font-weight: 500;
      font-size: 18px;
      margin-bottom: 10px;
      margin-right: 30px
}

.filter-box.style-1 button {
      padding: 2px 20px;
      background-color: #f2f3f4;
      border: 1px solid rgba(231, 233, 234, .28);
      border-radius: 5px;
      font-size: 18px;
      font-family: var(--font_family_heading)
}

.filter-box.style-1 button:after,
.filter-box.style-2 button:after,
.topbar.style-1 .topbar-row .language-select button:after {
      position: relative;
      top: 2px
}

.filter-box.style-1 .dropdown-menu {
      left: auto !important;
      right: 0 !important
}

.filter-box.style-1 .dropdown-menu .dropdown-item,
.topbar.style-1 .topbar-row .language-select .dropdown-menu .dropdown-item {
      color: #000;
      font-size: 14px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.filter-box.style-2 {
      position: inherit
}

.filter-box.style-2 button {
      font-weight: 500;
      padding: 2px 15px;
      background-color: #f2f3f4;
      border: 1px solid rgba(231, 233, 234, .28);
      border-radius: 5px;
      font-size: 18px;
      font-family: var(--font_family_heading)
}

.filter-box.style-2 .filter-form {
      display: none;
      position: absolute;
      z-index: 3;
      background-color: #fff;
      border-radius: 15px;
      box-shadow: 0 0 35px 0 rgba(0, 0, 0, .05);
      padding: 0;
      border: 0;
      width: 100%;
      left: 0 !important;
      right: 0 !important;
      -webkit-transform: inherit !important;
      -ms-transform: inherit !important;
      transform: inherit !important;
      top: 60px !important
}

.filter-box.style-2 .filter-form .filter-row {
      padding: 40px 30px 20px;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between
}

.address-box.style-2 .description,
.course-box.style-1 .hover-content .inner .course-feature,
.filter-box.style-2 .filter-form .filter-row>li,
.footer.style-1 .footer-subscribe .description,
.price-box.style-2 .feature-list li,
.single-blog-wrap .blog-content-box .entry-meta,
.single-course-box.style-1 .list-info-1,
.single-event-wrap-style-1 .description,
.widget-faq .description,
.widget-tag .widget-section-heading {
      margin-bottom: 20px
}

.filter-box.style-2 .filter-form .widget-title,
.single-shop-tab .tab-content .title {
      font-size: 18px;
      font-weight: 500
}

.filter-box.style-2 .filter-form .widget-filter .radio label {
      font-size: 15px
}

.filter-box.style-2 .filter-form .widget-filter .radio label::after,
.filter-box.style-2 .filter-form .widget-filter .radio label::before {
      top: 5px
}

.layout-switcher,
.single-course-box.style-1 .review-wrap .review-box .content-box .rating,
.single-course-box.style-1 .write-review-wrap .rating {
      margin-right: 15px
}

.layout-switcher ul {
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end
}

.layout-switcher ul li {
      line-height: 1;
      margin-right: 12px
}

.banner-info-style-1 .list-info li .list-rating li:last-child,
.banner-info-style-2 .category-name-wrap li:last-child,
.banner-info-style-2 .list-info li .list-rating li:last-child,
.banner-info-style-3 .category-name-wrap li:last-child,
.banner-info-style-3 .list-info li .list-rating li:last-child,
.cart-body .cart-content .action-buttons li:last-child,
.content-single-wrapper .single-product-description .action-area li:last-child,
.content-single-wrapper .single-product-description .action-area2 li:last-child,
.content-single-wrapper .single-product-description .rating li:last-child,
.course-box.style-1 .content-box .course-feature li:last-child,
.course-box.style-1 .course-footer .course-rating li:last-child,
.course-box.style-1 .figure-box .info-list li:last-child,
.course-box.style-1 .hover-content .inner .course-admin .course-rating li:last-child,
.course-box.style-1 .hover-content .inner .course-feature li:last-child,
.course-box.style-2 .content-box .course-feature li:last-child,
.course-box.style-5 .content-box .course-feature li:last-child,
.course-box.style-5 .course-footer .course-rating li:last-child,
.course-box.style-5 .figure-box .info-list li:last-child,
.course-box.style-5 .hover-content .inner .course-admin .course-rating li:last-child,
.course-box.style-5 .hover-content .inner .course-feature li:last-child,
.entry-meta li:last-child,
.event-search-form ul.form-items li:last-child,
.footer.style-1 .footer-terms a:last-child,
.header-action-items li:last-child,
.instructor-box.style-1 .content-box .rating li:last-child,
.layout-switcher ul li:last-child,
.main-banner-box.style-1 .content-box .info-list li:last-child,
.nav-wrap>li:last-child,
.profile-box .content-box .profile-social li:last-child,
.profile-tab .tab-nav-list .nav-item:last-child,
.single-blog-wrap .blog-content-box .blog-author .media .media-body .item-social li:last-child,
.single-blog-wrap .blog-content-box .blog-tag ul li.social-wrap .item-social a:last-child,
.single-blog-wrap .blog-content-box .blog-tag ul li.tag-wrap .item-tag a:last-child,
.single-course-box.style-1 .review-wrap .review-box .content-box .rating li:last-child,
.single-course-box.style-1 .title-info li:last-child,
.single-course-box.style-1 .write-review-wrap .rating li:last-child,
.single-event-wrap-style-1 .figure-box .single-event-social li:last-child,
.single-shop-tab .tab-content .review-box .rating-box li ul li:last-child,
.team-box.style-1 .content-box .social li:last-child,
.team-box.style-2 .content-box .social li:last-child,
.team-box.style-3 .content-box .social li:last-child,
.testimonial-box .testimonial-rating li:last-child,
.topbar.style-1 .topbar-row .social a:last-child,
.topbar.style-1 .topbar-row ul li:last-child,
.topbar.style-2 .topbar-row .social a:last-child,
.topbar.style-2 .topbar-row ul li:last-child,
.topbar.style-3 .topbar-row .social a:last-child,
.topbar.style-3 .topbar-row ul li:last-child,
.topbar.style-4 .topbar-row .social a:last-child,
.topbar.style-4 .topbar-row ul li:last-child,
.widget-course-info .bottom-content .social li:last-child,
footer .footer-social li:last-child {
      margin-right: 0
}

.layout-switcher ul li a {
      color: #d1d3d5
}

.event-search-form .input-group .input-group-addon button i:before,
.layout-switcher ul li a i,
nav.template-main-menu1>ul.menu>li.menu-item>a {
      font-size: 18px
}

.grid-box .list-item,
.list-box .grid-item {
      display: none !important
}

.list-box [class^=col-] {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
}

.nav-wrap .category-nav .item-icon,
nav.template-main-menu ul.menu {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      -webkit-box-align: center
}

header {
      width: 100%;
      position: relative;
      z-index: 5
}

@media only screen and (max-width:991px) {
      header {
            display: none
      }

}

.nav-label,
.widget-tag,
header .site-branding a {
      display: inline-block
}

nav.template-main-menu ul.menu {
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0;
      margin: 0;
      list-style: none
}

nav.template-main-menu ul.menu li.menu-item {
      position: relative;
      font-size: 17px;
      font-family: var(--font_family_heading);
      font-weight: 500
}

nav.template-main-menu ul.menu li.menu-item a {
      display: inline-block;
      color: #000;
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

nav.template-main-menu ul.menu li.menu-item ul.sub-menu {
      background-color: #fff;
      list-style: none;
      padding: 30px 0;
      min-width: 220px;
      visibility: hidden;
      opacity: 0;
      position: absolute;
      z-index: 2;
      top: 100%;
      left: 0;
      -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: 0 0 0;
      -ms-transform-origin: 0 0 0;
      transform-origin: 0 0 0;
      box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

nav.template-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item {
      margin-bottom: 5px;
      font-size: 16px;
      padding: 0 25px
}

nav.template-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item a {
      position: relative;
      z-index: 1;
      padding: 3px 0;
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6);
      font-size: 16px;
      font-weight: 500
}

nav.template-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item a:before {
      content: "";
      height: 2px;
      width: 0;
      bottom: 3px;
      right: 0;
      background-color: var(--color_primary);
      position: absolute;
      z-index: 2;
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

nav.template-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item.second-lavel ul.sub-menu li.menu-item a {
      font-size: 15px;
      font-weight: 400
}

.single-blog-wrap .blog-content-box .blog-author .media .media-body,
nav.template-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item.second-lavel {
      position: relative
}

nav.template-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item.second-lavel:after {
      font-style: normal;
      font-size: 12px;
      content: "\f054";
      position: absolute;
      z-index: 1;
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      top: 10px;
      right: 25px
}

nav.template-main-menu ul.menu li.menu-item ul.sub-menu li.menu-item.second-lavel ul.sub-menu {
      visibility: hidden;
      opacity: 0;
      top: 0;
      left: 100%;
      -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: 0 0 0;
      -ms-transform-origin: 0 0 0;
      transform-origin: 0 0 0
}

nav.template-main-menu ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu,
nav.template-main-menu ul.menu li.menu-item.menu-item-has-children:hover ul.sub-menu li.menu-item-has-children.second-lavel:hover ul.sub-menu {
      opacity: 1;
      visibility: visible;
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1)
}

nav.template-main-menu>ul.menu>li.menu-item>a {
      padding: 36px 25px;
      font-size: 16px;
      font-weight: 600
}

header.header-style-2 .navbar-wrap {
      box-shadow: 0 2px 50px 0 rgba(0, 0, 0, .05)
}

header.header-style-4 {
      top: 0;
      left: 0;
      right: 0;
      position: absolute;
      z-index: 2;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

header.header-style-4 .navbar-wrap {
      background-color: rgba(0, 0, 0, .21)
}

header.sticky-on.sticky .navbar-wrap {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 100;
      background-color: rgba(255, 255, 255, .95);
      box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.advantage-box.style-1 .figure-box,
.cart-wrap,
.cart-wrap .item-icon,
.main-banner-wrap-style-4 .banner-figure .swiper-wrapper,
.nav-wrap>li,
.single-course-box.style-1 .instructor-wrap .instructor-box .content-box,
.teacher-feature-box.style-1 .feature-course-wrap .figure-box {
      position: relative;
      z-index: 1
}

header.sticky-on.sticky.header-style-4 .navbar-wrap {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 100;
      background-color: rgba(0, 0, 0, .95);
      box-shadow: none
}

.nav-label i {
      margin-left: 5px;
      font-size: 12px;
      color: #818080
}

.nav-wrap>li {
      padding-right: 3px
}

.nav-wrap>li:after {
      position: absolute;
      content: "";
      height: 30px;
      width: 1px;
      background-color: #cfcfd0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 0
}

.nav-wrap .category-nav .item-icon {
      padding: 26px 25px;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      color: #161616;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.nav-wrap .category-nav .item-icon path {
      fill: #161616;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.nav-wrap .category-nav .item-icon:hover path {
      fill: var(--color_primary)
}

.nav-wrap .category-nav .category-label {
      margin-left: 10px;
      font-weight: 500;
      font-size: 17px;
      font-family: var(--font_family_heading)
}

.call-to-action-box.style-3 .btn-wrap,
.header-action-items,
.topbar.style-1 .topbar-row .action-btn,
.topbar.style-1 .topbar-row .social,
.topbar.style-2 .topbar-row .action-btn,
.topbar.style-2 .topbar-row .social,
.topbar.style-3 .topbar-row .action-btn,
.topbar.style-3 .topbar-row .social,
.topbar.style-4 .topbar-row .action-btn,
.topbar.style-4 .topbar-row .social {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
}

.about-box.style-5 .figure-box,
.blog-box.style-4 .content-box .entry-meta li,
.content-single-wrapper .single-product-description .action-area2 li,
.course-box.style-5 .hover-content .inner .course-feature,
.header-action-items li,
.testimonial-box.style-1 .customer-info .figure-box img {
      margin-right: 20px
}

.header-action-items li .item-icon {
      font-size: 20px;
      display: inline-block;
      color: #818284;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.search-wrap.style-1 {
      max-width: 350px;
      width: 100%
}

.search-wrap.style-1 form,
.search-wrap.style-3 form {
      border: 1px solid #ececec;
      border-radius: 4px
}

.search-wrap.style-1 input {
      max-width: 288px;
      width: 100%;
      color: #000;
      border: 0;
      height: 50px;
      padding: 5px 15px;
      background-color: transparent
}

.search-wrap.style-1 .search-btn,
.search-wrap.style-3 .search-btn {
      height: 50px;
      padding: 5px 20px;
      background-color: transparent;
      border: 0;
      color: #818284;
      font-size: 15px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.search-wrap.style-1 input::-webkit-input-placeholder {
      color: #818284
}

.search-wrap.style-1 input::-moz-placeholder {
      color: #818284
}

.search-wrap.style-1 input:-moz-placeholder {
      color: #818284
}

.search-wrap.style-1 input:-ms-input-placeholder {
      color: #818284
}

.search-wrap.style-2 form {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border: 1px solid rgba(255, 255, 255, .2);
      border-radius: 4px
}

.search-wrap.style-2 .search-btn,
.search-wrap.style-2 input,
.search-wrap.style-3 input {
      border: 0;
      height: 50px;
      background-color: transparent
}

.search-wrap.style-2 input {
      max-width: 143px;
      width: 100%;
      color: #fff;
      padding: 5px 15px
}

.search-wrap.style-2 .search-btn {
      padding: 5px 20px;
      color: #fff;
      font-size: 15px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.search-wrap.style-2 input::-webkit-input-placeholder {
      color: #fff
}

.search-wrap.style-2 input::-moz-placeholder {
      color: #fff
}

.search-wrap.style-2 input:-moz-placeholder {
      color: #fff
}

.search-wrap.style-2 input:-ms-input-placeholder {
      color: #fff
}

.search-wrap.style-3 input {
      color: #000;
      padding: 5px 15px
}

.search-wrap.style-3 input::-webkit-input-placeholder {
      color: #818284
}

.search-wrap.style-3 input::-moz-placeholder {
      color: #818284
}

.search-wrap.style-3 input:-moz-placeholder {
      color: #818284
}

.search-wrap.style-3 input:-ms-input-placeholder {
      color: #818284
}

.cart-wrap:hover .cart-body {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
}

.cart-wrap .item-icon {
      font-size: 24px;
      font-weight: 600
}

.cart-wrap .cart-quantity {
      position: absolute;
      z-index: 1;
      right: -10px;
      top: -8px;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: var(--color_primary);
      color: #fff;
      height: 20px;
      width: 20px;
      font-size: 15px;
      font-family: var(--font_family_heading);
      border-radius: 50%
}

.cart-body .cart-content,
.cart-body .cart-content .cart-header,
.cart-body .cart-content .cart-items li .item-dismiss a,
.cart-body .cart-content .cart-items li .item-figure {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox
}

.cart-wrap.style-1 {
      padding: 30px 0;
      margin-right: 25px
}

.cart-wrap.style-2,
.cart-wrap.style-3 {
      padding: 30px 0;
      margin-right: 30px
}

.action-wrap.style-2 .item-icon,
.become-instructor-box.style-3 .content-box .description,
.blog-box.style-2 .content-box .title a,
.cart-wrap.style-2 .item-icon,
.category-box.style-1:hover .content-box .sub-title,
.category-box.style-1:hover .content-box .title a,
.category-box.style-2:hover .content-box .sub-title,
.category-box.style-2:hover .content-box .title a,
.category-box.style-3:hover .content-box .top-content .title,
.content-single-wrapper .single-product-description .action-area li .item-btn:hover i:before,
.course-box.style-1 .hover-content .inner .course-admin .course-rating .rating-count,
.course-box.style-5 .hover-content .inner .course-admin .course-rating .rating-count,
.feature-box.style-2:hover .description,
.feature-box.style-2:hover .title,
.footer.style-1 .footer-copyright a:hover,
.footer.style-1 .footer-terms a:hover,
.footer.style-1 .widget a:hover,
.more-feature.style-1 .title,
.sidebar-widget .widget .widget-section-heading.heading-light .widget-title,
.team-box.style-1:hover .content-box .social li a,
.team-box.style-1:hover .content-box .sub-title,
.team-box.style-1:hover .content-box .title a,
.team-box.style-2:hover .content-box .social li a,
.team-box.style-2:hover .content-box .sub-title,
.team-box.style-2:hover .content-box .title a,
.topbar.style-3 a,
.topbar.style-3 a:after,
.topbar.style-3 a:before,
.widget-tag ul.list-item li:hover a,
.works-box.style-1 .work-process li:nth-child(2n) .content-box .description,
.works-box.style-1 .work-process li:nth-child(2n) .content-box .title,
.works-box.style-1 .work-process li:nth-child(2n) .icon-box,
footer .widget-heading.heading-light {
      color: #fff
}

.cart-body {
      -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
      transform: translateY(30px);
      opacity: 0;
      visibility: hidden;
      padding: 35px 30px;
      width: 340px;
      position: absolute;
      top: 100%;
      right: 0;
      background-color: #fff;
      box-shadow: 0 0 54px 0 rgba(0, 0, 0, .1);
      z-index: 200;
      -webkit-transition: .3s ease-in;
      transition: .3s ease-in
}

.cart-body .cart-content {
      height: 100%;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between
}

.cart-body .cart-content .cart-header {
      margin-bottom: 30px;
      width: 100%;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between
}

.cart-body .cart-content .cart-items {
      width: 100%;
      padding: 0 0 30px;
      border-bottom: 1px solid #d8d8d8;
      margin-bottom: 15px
}

.cart-body .cart-content .cart-items li {
      margin-right: 0;
      list-style: none;
      position: relative;
      z-index: 1;
      margin-bottom: 10px
}

.cart-body .cart-content .cart-items li .item-figure {
      border: 1px solid #d8d8d8;
      height: 70px;
      width: 70px;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-transition: .3s ease-in;
      transition: .3s ease-in
}

.cart-body .cart-content .cart-items li .item-description {
      margin-left: 10px;
      padding-right: 25px
}

.cart-body .cart-content .cart-items li .item-description .item-main-title {
      display: block;
      font-weight: 600;
      font-size: 15px;
      color: var(--color_text_heading)
}

.cart-body .cart-content .cart-items li .item-description .item-amount .item-quantity {
      color: #8b8989;
      margin-right: 5px
}

.cart-body .cart-content .cart-items li .item-description .item-amount .item-price {
      margin-left: 5px;
      color: var(--color_text_heading)
}

.cart-body .cart-content .cart-items li .item-dismiss {
      position: absolute;
      z-index: 2;
      right: 0;
      top: 40%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
}

.cart-body .cart-content .cart-items li .item-dismiss a {
      height: 15px;
      width: 15px;
      font-size: 11px;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      border: 1px solid #aeafb1;
      background-color: #fff;
      color: #7b858a;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.cart-body .cart-content .action-buttons,
.cart-body .cart-content .total-amount {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      -webkit-box-align: center;
      padding: 0
}

.cart-body .cart-content .cart-items li:hover .item-figure,
.more-category.style-1:hover {
      border: 1px solid var(--color_primary)
}

.cart-body .cart-content .total-amount {
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 20px
}

.about-wrap-style-6 .shape-wrap,
.call-to-action-wrap-style-2 .shape-wrap-right,
.cart-body .cart-content .total-amount li,
.guide-wrap-style-1 .shape-wrap-right,
.teacher-feature-wrap-style-1 .shape-wrap-right {
      list-style: none
}

.cart-body .cart-content .total-amount .title {
      margin-right: 10px;
      font-size: 20px;
      font-weight: 600;
      color: var(--color_text_heading)
}

.cart-body .cart-content .total-amount .amount {
      font-size: 18px;
      font-weight: 600;
      color: var(--color_primary)
}

.cart-body .cart-content .action-buttons {
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-left: -5px;
      margin-right: -5px;
      list-style: none
}

.cart-body .cart-content .action-buttons li {
      margin-right: 0;
      margin-bottom: 5px;
      padding-left: 5px;
      padding-right: 5px;
      max-width: 50%;
      width: 100%
}

.cart-body .cart-content .action-buttons li .cart-btn {
      border-radius: 5px;
      text-align: center;
      display: block;
      background-color: var(--color_primary);
      border: 1px solid var(--color_primary);
      padding: 10px 28px;
      color: #fff;
      font-size: 15px;
      font-weight: 600;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.cart-body .cart-content .action-buttons li .cart-btn:hover {
      background-color: transparent;
      border: 1px solid #aeafb1;
      color: var(--color_primary)
}

.topbar.style-1 {
      background-color: #031f42;
      color: #dfdfdf
}

.topbar.style-1 a,
.topbar.style-1 a:after,
.topbar.style-1 a:before {
      color: #dfdfdf
}

.topbar.style-1 .topbar-row,
.topbar.style-2 .topbar-row,
.topbar.style-3 .topbar-row,
.topbar.style-4 .topbar-row {
      padding: 5px 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between
}

.topbar.style-1 .topbar-row ul li,
.topbar.style-2 .topbar-row ul li,
.topbar.style-3 .topbar-row ul li,
.topbar.style-4 .topbar-row ul li {
      margin-right: 28px;
      display: inline-block;
      font-size: 14px
}

.topbar.style-1 .topbar-row ul li i,
.topbar.style-2 .topbar-row ul li i,
.topbar.style-3 .topbar-row ul li i,
.topbar.style-4 .topbar-row ul li i {
      margin-right: 8px
}

.topbar.style-1 .topbar-row .language-select button {
      padding: 4px 10px 2px;
      background-color: transparent;
      border: 1px solid rgba(231, 233, 234, .28);
      color: #dfdfdf;
      border-radius: 4px
}

.topbar.style-1 .topbar-row .social a,
.topbar.style-2 .topbar-row .social a,
.topbar.style-3 .topbar-row .social a,
.topbar.style-4 .topbar-row .social a {
      font-size: 13px;
      margin-right: 5px;
      padding: 5px;
      display: inline-block;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.topbar.style-1 .topbar-row .action-btn a,
.topbar.style-2 .topbar-row .action-btn a,
.topbar.style-3 .topbar-row .action-btn a,
.topbar.style-4 .topbar-row .action-btn a {
      position: relative;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.action-btn.for-mobile-menu a:after,
.topbar.style-1 .topbar-row .action-btn a:after,
.topbar.style-2 .topbar-row .action-btn a:after,
.topbar.style-3 .topbar-row .action-btn a:after,
.topbar.style-4 .topbar-row .action-btn a:after {
      content: "|";
      padding: 0 5px 0 8px
}

.topbar.style-1 .topbar-row.for-mobile-menu {
      padding: 8px 15px
}

.topbar.style-1 .topbar-row.for-mobile-menu ul li {
      margin: 2px 15px
}

.banner-info-style-2 .category-name-wrap li,
.banner-info-style-3 .category-name-wrap li,
.course-box.style-1 .figure-box .info-list li,
.course-box.style-2 .content-box .course-feature,
.course-box.style-5 .content-box .course-feature li i,
.course-box.style-5 .figure-box .info-list li,
.feature-box.style-2 .figure-box,
.main-banner-box.style-1 .content-box .info-list li i,
.single-blog-wrap .blog-content-box .blog-author .media .media-body .item-social li,
.single-blog-wrap .blog-content-box .entry-meta li i,
.single-course-box.style-1 .review-wrap .review-box .figure-box,
.teacher-feature-box.style-1 .teacher-list-wrap .teacher-list li .figure-box,
.topbar.style-1 .topbar-row.for-mobile-menu ul li:last-child {
      margin-right: 10px
}

.topbar.style-2 {
      background-color: #f4f4f4;
      color: #585858
}

.topbar.style-2 a,
.topbar.style-2 a:after,
.topbar.style-2 a:before {
      color: #585858
}

.blog-box.style-2 .category-name:hover,
.blog-box.style-2 .content-box .title a:hover,
.category-box.style-1:hover .content-box .title a:hover,
.category-box.style-2:hover .content-box .title a:hover,
.course-box.style-1 .hover-content .inner .title a:hover,
.course-box.style-5 .hover-content .inner .title a:hover,
.team-box.style-1:hover .content-box .social li a:hover,
.team-box.style-1:hover .content-box .title a:hover,
.team-box.style-2:hover .content-box .social li a:hover,
.team-box.style-2:hover .content-box .title a:hover,
.topbar.style-3 .topbar-row .social a:hover,
.topbar.style-4 .topbar-row .social a:hover {
      color: var(--color_hover_light)
}

.topbar.style-4 {
      background-color: rgba(0, 0, 0, .21);
      color: #d4d2d2;
      border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.btn-ghost.for-mobile-menu,
.main-banner-box.style-1 .content-box .sub-title {
      color:#02366a;
      font-size: 16px;
      font-family: var(--font_family_heading)
}

.topbar.style-4 a,
.topbar.style-4 a:after,
.topbar.style-4 a:before {
      color: #d4d2d2
}

.middle-bar.for-mobile-menu {
      background-color: #fff;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 2px 15px
}

.middle-bar.for-mobile-menu ul li {
      margin: 3px 8px
}

.search-wrap.for-mobile-menu form {
      border: 1px solid #e4e4e4;
      border-radius: 4px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
}

.search-wrap.for-mobile-menu input {
      color: #000;
      border: 0;
      height: 40px;
      padding: 5px 15px;
      background-color: transparent
}

.search-wrap.for-mobile-menu .search-btn {
      height: 40px;
      padding: 5px 20px;
      background-color: transparent;
      border: 0;
      color: #818284;
      font-size: 15px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.search-wrap.for-mobile-menu input::-webkit-input-placeholder {
      color: #818284
}

.search-wrap.for-mobile-menu input::-moz-placeholder {
      color: #818284
}

.search-wrap.for-mobile-menu input:-moz-placeholder {
      color: #818284
}

.search-wrap.for-mobile-menu input:-ms-input-placeholder {
      color: #818284
}

.btn-ghost.for-mobile-menu {
      border: 1px solid var(--color_primary);
      padding: 8px 20px;
      font-weight: 500;
      border-radius: 4px;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.action-btn.for-mobile-menu {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      height: 100%
}

.action-btn.for-mobile-menu a {
      color: var(--color_text_heading);
      position: relative;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.offscreen-navigation .menu>li {
      border-bottom: 1px solid #e9e9e9
}

.offscreen-navigation .menu>li>a {
      background-color: #f3f3f3;
      font-size: 16px;
      padding: 12px 30px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.offscreen-navigation .menu>li>a.opened,
.offscreen-navigation .menu>li>a:hover {
      background-color: #f8f8f8
}

.offscreen-navigation .sub-menu {
      display: none;
      background-color: #fff
}

.offscreen-navigation .sub-menu li a {
      border-top: 1px solid #f1f1f1;
      padding-left: 50px;
      font-size: 15px;
      padding-top: 7px;
      padding-bottom: 7px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.offscreen-navigation .sub-menu li a:hover {
      background-color: rgba(0, 113, 220, .05)
}

.offscreen-navigation ul {
      margin: 0;
      padding: 0;
      list-style: none
}

.offscreen-navigation ul li>a {
      display: block;
      position: relative;
      color: #000;
      font-weight: 500;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.offscreen-navigation ul li.menu-item-has-children>a:after,
.offscreen-navigation ul li.menu-item-has-children>a:before {
      color: #999;
      font-family: "Font Awesome 5 Free";
      right: 20px;
      font-size: 12px;
      -webkit-transition: .3s ease-in-out;
      display: inline-block;
      position: absolute;
      font-weight: 600
}

.offscreen-navigation ul li.menu-item-has-children>a:after {
      content: "\f067";
      opacity: 1;
      visibility: visible;
      transition: .3s ease-in-out
}

.offscreen-navigation ul li.menu-item-has-children>a:before {
      content: "\f068";
      opacity: 0;
      visibility: hidden;
      transition: .3s ease-in-out
}

body .sidebarBtn,
body .sidebarBtn .bar {
      -webkit-transition: .3s ease-in-out;
      display: block
}

.category-box.style-1:hover .icon-box .default,
.category-box.style-2:hover .icon-box .default,
.guide-box.style-1:hover .line-shap.after-shape,
.offscreen-navigation ul li.menu-item-has-children>a.opened:after {
      opacity: 0;
      visibility: hidden
}

.brand-box.style-1:hover .figure-box .brand-name,
.category-box.style-1:hover .icon-box .hover,
.category-box.style-2:hover .icon-box .hover,
.guide-box.style-1:hover .line-shap.before-shape,
.offscreen-navigation ul li.menu-item-has-children>a.opened:before {
      opacity: 1;
      visibility: visible
}

.rt-slide-nav {
      position: absolute;
      background: #fff;
      width: 100%;
      left: 0;
      display: none;
      max-height: calc(100vh - 100px);
      overflow-y: auto;
      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
      top: 100%;
      z-index: 99
}

.main-banner-wrap-style-2,
.main-banner-wrap-style-4 .banner-figure .swiper-slide {
      background-size: cover;
      background-position: center
}

.rt-header-menu {
      padding: 0;
      border-bottom: 1px solid rgba(81, 81, 81, .15)
}

@media (min-width:991px) {
      .rt-header-menu {
            display: none
      }
}

.main-banner-box.style-1,
.mean-bar {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox
}

.mean-bar {
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 5px 15px
}

body .sidebarBtn {
      padding: 12px 0;
      cursor: pointer;
      transition: .3s ease-in-out
}

body .sidebarBtn .bar {
      background: #000;
      height: 2px;
      width: 30px;
      margin-bottom: 5px;
      transition: .3s ease-in-out
}

body .sidebarBtn .bar:nth-child(2),
body .sidebarBtn .bar:nth-child(3) {
      width: 25px;
      margin-left: 5px
}

body.slidemenuon .sidebarBtn .bar:nth-child(2),
body.slidemenuon .sidebarBtn .bar:nth-child(3) {
      opacity: 0
}

body.slidemenuon .sidebarBtn .bar:first-child {
      -webkit-transform: rotate(45deg) translate(7px, 7px);
      -ms-transform: rotate(45deg) translate(7px, 7px);
      transform: rotate(45deg) translate(7px, 7px)
}

body.slidemenuon .sidebarBtn .bar:nth-child(4) {
      -webkit-transform: rotate(-45deg) translate(8px, -8px);
      -ms-transform: rotate(-45deg) translate(8px, -8px);
      transform: rotate(-45deg) translate(8px, -8px)
}

.main-banner-wrap-style-1 {
      background-color: #0271d236;
      position: relative;
      z-index: 1;
      padding-top: 70px
}

.main-banner-wrap-style-1:before {
      content: "";
      position: absolute;
      bottom: -105px;
      width: 100%;
      z-index: 0;
      border-top: 105px solid #02366a;
      border-left: 100vw solid transparent;
      right: 0
}

.main-banner-wrap-style-1 .right-full-width,
.main-banner-wrap-style-3 .right-full-width {
      padding-left: calc((100% - 1170px)/ 2)
}

.main-banner-box.style-1 {
      padding-left: 30px;
      padding-right: 30px;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
}

.main-banner-box.style-1 .content-box .sub-title {
      font-weight: 600;
      letter-spacing: 2px;
      margin-bottom: 5px
}

.main-banner-box.style-1 .content-box .title {
      font-weight: 600;
      max-width: 500px;
      width: 100%;
      margin-bottom: 25px;
      font-size: 60px
}

.main-banner-box.style-1 .content-box .description {
      font-size: 16px;
      color: var(--color_text_heading);
      max-width: 500px;
      width: 100%;
      margin-bottom: 25px
}

.main-banner-box.style-1 .content-box .info-list,
.price-box.style-2 .feature-list {
      margin-bottom: 55px
}

.main-banner-box.style-1 .content-box .info-list li {
      font-family: var(--font_family_body);
      margin-right: 20px;
      color: var(--color_text_heading);
      font-weight: 600;
      font-size: 18px
}

.main-banner-box.style-1 .content-box .info-list li.color-1 i {
      color: #3ad532
}

.main-banner-box.style-1 .content-box .info-list li.color-2 i {
      color: #fb0
}

.main-banner-box.style-1 .content-box .info-list li.color-3 i {
      color: #ee4158
}

.main-banner-box.style-1 .element-box {
      margin-left: 50px;
      position: relative;
      z-index: 1;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      text-align: center
}

.main-banner-box.style-1 .element-box .main-bottom-shape {
      position: absolute;
      top: 25px;
      left: 50px;
      right: 0;
      z-index: -1
}

.main-banner-box.style-1 .element-box .course-box {
      max-width: 320px;
      width: 100%;
      position: absolute;
      z-index: 2;
      left: 0;
      top: 45%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: left
}

.main-banner-box.style-1 .element-box .course-box .figure-box {
      position: relative;
      z-index: 2
}

.blog-box .figure-box a,
.main-banner-box.style-1 .element-box .course-box .figure-box a {
      display: block
}

.main-banner-box.style-1 .element-box .course-box .figure-box .price {
      background-color: var(--color_primary);
      padding: 5px 20px;
      border-radius: 5px;
      display: inline-block;
      color: #fff;
      position: absolute;
      z-index: 1;
      bottom: -15px;
      left: 20px
}

.main-banner-box.style-1 .element-box .course-box .content-box {
      padding: 30px 20px 20px;
      background-color: #fff;
      position: relative;
      z-index: 1
}

.main-banner-box.style-1 .element-box .course-box .content-box:before {
      content: "";
      position: absolute;
      z-index: 1;
      border-top: 40px solid #fff;
      border-left: 320px solid transparent;
      width: 100%;
      top: 99%;
      left: 0
}

.main-banner-box.style-1 .element-box .course-box .content-box .title {
      font-size: 24px;
      margin-bottom: 10px;
      font-weight: 500;
      line-height: 34px
}

.blog-box .content-box .title a,
.course-box.style-2 .content-box .title a,
.course-box.style-3 .content-box .title a,
.course-box.style-4 .content-box .title a,
.event-box.style-1 .content-box .title a,
.main-banner-box.style-1 .element-box .course-box .content-box .title a,
.meeting-box.style-1 .content-box .title a,
.speaker-box.style-1 .content-box .title a,
.teacher-feature-box.style-1 .feature-course-wrap .course-name a,
.widget-recent ul.list-item>li .entry-title a,
.widget-related-course ul>li .entry-title a {
      color: var(--color_text_heading);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.main-banner-box.style-1 .element-box .course-indicator {
      position: absolute;
      z-index: 2;
      left: -200px;
      bottom: 0
}

.main-banner-box.style-1 .element-box .chat-btn {
      position: absolute;
      z-index: 1;
      bottom: -50px;
      left: 0;
      right: 200px;
      margin: 0 auto;
      background-color: #02366a;
      font-size: 40px;
      color: #fff;
      height: 120px;
      width: 120px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.main-banner-box.style-1 .element-box .chat-btn:hover {
      background-color: #1066bc
}

@media (max-width:1199px) {
      h1 {
            font-size: 40px
      }

      section {
            padding-top: 110px;
            padding-bottom: 110px
      }

      .breadcrumb-wrap-style-2 {
            padding: 100px 15px 95px
      }

      .breadcrumb-wrap-style-3,
      .breadcrumb-wrap-style-4 {
            padding: 100px 0 95px
      }

      .breadcrumb-wrap-style-4 .inner-banner-title .title {
            font-size: 36px
      }

      .modal .modal-body .figure-box {
            padding: 0 20px 0 40px
      }

      .filter-box.style-2 .filter-form .filter-row>li {
            width: 33.3333%
      }

      nav.template-main-menu>ul.menu>li.menu-item>a {
            padding: 36px 20px
      }

      .main-banner-wrap-style-1 {
            padding-bottom: 15px
      }

      .main-banner-box.style-1 .element-box .chat-btn,
      .main-banner-box.style-1 .element-box .course-box,
      .main-banner-box.style-1 .element-box .course-indicator,
      .main-banner-box.style-1 .element-box .shape-list {
            display: none
      }
}

.main-banner-box.style-1 .element-box .shape-list li {
      position: absolute;
      z-index: -2
}

.main-banner-box.style-1 .element-box .shape-list li.shape-1 {
      top: -50px;
      right: 20%
}

.main-banner-box.style-1 .element-box .shape-list li.shape-2 {
      bottom: -150px;
      right: 10%
}

.main-banner-wrap-style-2 {
      overflow: hidden;
      min-height: calc(100vh - 121px);
      background-repeat: no-repeat;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      z-index: 1
}

.main-banner-wrap-style-2:before {
      position: absolute;
      z-index: 0;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      content: "";
      background-color: rgba(0, 0, 0, .4)
}

.main-banner-wrap-style-2 .shape-list {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0
}

@media (max-width:991px) {
      section {
            padding-top: 100px;
            padding-bottom: 100px
      }

      .breadcrumb-wrap-style-2 {
            padding: 85px 15px 80px
      }

      .breadcrumb-wrap-style-3,
      .breadcrumb-wrap-style-4 {
            padding: 85px 0 80px
      }

      .breadcrumb-wrap-style-4 .inner-banner-title .title,
      .modal .modal-body .content-box .title {
            font-size: 32px
      }

      .modal .modal-body .figure-box {
            padding: 0 10px 0 20px
      }

      .filter-box.style-2 .filter-form .filter-row>li {
            width: 50%
      }

      .main-banner-box.style-1 {
            display: block;
            padding-left: 0;
            padding-right: 0
      }

      .main-banner-box.style-1 .content-box {
            margin-bottom: 50px;
            text-align: center
      }

      .main-banner-box.style-1 .content-box .description,
      .main-banner-box.style-1 .content-box .title {
            margin-left: auto;
            margin-right: auto
      }

      .main-banner-box.style-1 .content-box .info-list {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
      }

      .main-banner-box.style-1 .element-box {
            margin-left: 0
      }

      .main-banner-wrap-style-2 .shape-list {
            display: none
      }
}

.about-wrap-style-1 .shape-wrap li,
.about-wrap-style-6 .figure-wrap li,
.advantage-box.style-1 .figure-box .element-list li,
.advantage-box.style-1 .figure-box .shape-list li,
.guide-wrap-style-1 .shape-wrap-right li,
.main-banner-wrap-style-2 .shape-list li {
      position: absolute;
      z-index: 1
}

.main-banner-wrap-style-2 .shape-list li.shape-1 {
      right: 70px;
      bottom: 70px
}

.main-banner-box.style-2 .content-box .sub-title {
      padding: 5px 20px 5px 5px;
      background-color: #edf6ff;
      font-size: 16px;
      font-family: var(--font_family_heading);
      color: var(--color_primary);
      margin-bottom: 20px;
      border-radius: 45px;
      display: inline-block;
      font-weight: 500
}

.main-banner-box.style-2 .content-box .sub-title span {
      background-color: var(--color_primary);
      padding: 5px 15px;
      margin-right: 10px;
      border-radius: 45px;
      color: #fff;
      display: inline-block
}

@media (max-width:767px) {
      .isotop-btn-layout1 {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center
      }

      .isotop-btn-layout1 a.nav-item:before,
      .main-banner-box.style-2 .content-box .sub-title span,
      .modal .modal-body .figure-box {
            display: none
      }

      section {
            padding-top: 90px;
            padding-bottom: 90px
      }

      .section-heading.style-1,
      .section-heading.style-10,
      .section-heading.style-2,
      .section-heading.style-4,
      .section-heading.style-6,
      .section-heading.style-7,
      .section-heading.style-8 {
            margin-bottom: 20px
      }

      .section-heading.style-11 {
            margin-bottom: 40px
      }

      .section-heading.style-12 {
            margin-bottom: 35px
      }

      .breadcrumb-wrap-style-2 {
            padding: 70px 15px 65px
      }

      .breadcrumb-wrap-style-2 .breadcrumb,
      .breadcrumb-wrap-style-3 .breadcrumb,
      .breadcrumb-wrap-style-4 .breadcrumb {
            margin-bottom: 10px
      }

      .breadcrumb-wrap-style-3,
      .breadcrumb-wrap-style-4 {
            padding: 70px 0 65px
      }

      .breadcrumb-wrap-style-4 .inner-banner-title .title {
            font-size: 30px
      }

      .modal .modal-body {
            padding: 0 30px
      }

      .modal .modal-body .content-box .title {
            font-size: 28px
      }

      .modal .form-control {
            height: 51px
      }

      .modal .submit-btn {
            padding: 13px 30px;
            font-size: 14px
      }

      .filter-box.style-2 .filter-form .filter-row>li {
            width: 100%
      }

      .cart-body {
            padding: 20px 30px
      }

      .main-banner-box.style-2 .content-box .sub-title {
            padding: 5px 15px
      }
}

.main-banner-box.style-2 .content-box .title {
      max-width: 600px;
      width: 100%;
      font-size: 50px;
      font-weight: 500;
      color: #fff;
      margin-bottom: 27px;
      line-height: 1.3
}

.main-banner-box.style-2 .content-box .description {
      max-width: 540px;
      width: 100%;
      color: #fff;
      font-size: 18px;
      line-height: 1.9;
      margin-bottom: 45px
}

.main-banner-box.style-2 .content-box form {
      max-width: 520px;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #fff;
      padding: 0 5px 0 0;
      border-radius: 5px
}

.main-banner-box.style-2 .content-box form input,
.main-banner-box.style-2 .content-box form select {
      background-color: transparent;
      height: 60px;
      border: 0;
      border-radius: 0;
      padding: 5px 20px
}

@media (max-width:575px) {
      section {
            padding-top: 80px;
            padding-bottom: 80px
      }

      .breadcrumb-wrap-style-2 {
            padding: 55px 15px 50px
      }

      .breadcrumb-wrap-style-2 .breadcrumb,
      .breadcrumb-wrap-style-3 .breadcrumb,
      .breadcrumb-wrap-style-4 .breadcrumb {
            margin-bottom: 5px
      }

      .breadcrumb-wrap-style-3,
      .breadcrumb-wrap-style-4 {
            padding: 55px 0 50px
      }

      .breadcrumb-wrap-style-4 .inner-banner-title .title {
            font-size: 28px
      }

      .breadcrumb-wrap-style-4 .inner-banner-title .banner-area-search .search-btn,
      .breadcrumb-wrap-style-4 .inner-banner-title .banner-area-search input {
            height: 50px
      }

      .modal .modal-body {
            padding: 0 15px
      }

      .modal .modal-body .content-box .sub-title {
            font-size: 16px
      }

      .modal .modal-body .content-box .title {
            font-size: 24px
      }

      .modal .form-control {
            height: 41px
      }

      .modal .submit-btn {
            padding: 9px 15px;
            font-size: 13px
      }

      .select2-container--classic .select2-selection--single {
            background-color: #fff;
            margin-bottom: 10px
      }

      .main-banner-box.style-2 .content-box form {
            display: block;
            background-color: transparent;
            max-width: 100%;
            padding: 0
      }

      .main-banner-box.style-2 .content-box form input,
      .main-banner-box.style-2 .content-box form select {
            border-radius: 5px;
            background-color: #fff
      }
}

.main-banner-box.style-2 .content-box form input:focus,
.main-banner-box.style-2 .content-box form select:focus,
.template-search .search-form .search-btn:focus {
      box-shadow: none;
      outline: 0
}

.main-banner-box.style-2 .content-box form select {
      -webkit-appearance: none;
      -moz-appearance: window;
      border: none;
      background-image: url("../../media/elements/element40.png");
      background-repeat: no-repeat;
      background-position: 50% center
}

.main-banner-box.style-2 .content-box form input {
      border-right: 1px solid #ddd
}

.main-banner-box.style-2 .content-box form .item-btn {
      padding: 10px 20px;
      border-radius: 10px;
      background-color: var(--color_primary);
      color: #fff;
      border: 2px solid var(--color_primary);
      font-size: 17px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.category-box.style-3:hover .content-box .bottom-content .item-btn:hover,
.main-banner-box.style-2 .content-box form .item-btn:hover {
      background-color: transparent;
      color: var(--color_primary)
}

.main-banner-wrap-style-3 {
      padding-top: 0;
      overflow: hidden
}

@media (max-width:1229px) {
      .main-banner-wrap-style-3 .right-full-width {
            padding-left: calc((100% - 1115px)/ 2)
      }
}

.main-banner-box.style-3,
.single-blog-wrap .blog-content-box .blog-author .media .media-body .item-social,
.single-event-wrap-style-1 .figure-box .event-info .list-info li span {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
}

.main-banner-box.style-3 .content-box {
      max-width: 550px;
      width: 100%;
      margin-right: 50px
}

.main-banner-box.style-3 .content-box .sub-title {
      font-size: 16px;
      font-family: var(--font_family_heading);
      font-weight: 500;
      color: var(--color_primary);
      letter-spacing: 2px;
      margin-bottom: 10px
}

.main-banner-box.style-3 .content-box .title {
      font-weight: 500;
      margin-bottom: 25px
}

.main-banner-box.style-3 .content-box .description {
      color: #4b4b4b;
      font-size: 20px;
      margin-bottom: 50px
}

.main-banner-box.style-3 .figure-box {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      position: relative;
      z-index: 1
}

.main-banner-box.style-3 .figure-box .mask-box {
      margin-top: -1px;
      margin-right: -1px;
      -webkit-mask-image: url(../../media/svg/svg1.svg);
      mask-image: url(../../media/svg/svg1.svg);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center center;
      mask-position: center center;
      position: relative;
      z-index: 1;
      display: block
}

.main-banner-box.style-3 .figure-box .play-btn {
      margin: 0 auto;
      height: 120px;
      width: 120px;
      background-color: #fff;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      color: var(--color_primary);
      font-size: 30px;
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

@media (min-width:992px) and (max-width:1199px) {
      .main-banner-box.style-3 .figure-box .shape-list {
            display: none
      }
}

.about-box.style-2 .figure-box .elements-list li,
.about-box.style-4 .figure-box .shape-list li,
.about-box.style-5 .figure-box .shape-list li,
.about-wrap-style-6 .shape-wrap li,
.feature-box.style-2 .figure-box .shape-list li,
.main-banner-box.style-3 .figure-box .shape-list li,
.works-box.style-1 .inner .shape1 li {
      position: absolute
}

.main-banner-box.style-3 .figure-box .shape-list .shape1 {
      z-index: 2;
      top: 30px;
      left: 10%
}

.main-banner-box.style-3 .figure-box .shape-list .shape2 {
      z-index: -1;
      top: 25%;
      left: -8%
}

.main-banner-box.style-3 .figure-box .shape-list .shape3 {
      z-index: -1;
      bottom: -2%;
      left: 4%
}

.main-banner-box.style-3 .figure-box .shape-list .shape4 {
      z-index: 2;
      bottom: 3%;
      right: 25%
}

.call-to-action-wrap-style-5,
.main-banner-wrap-style-4 {
      padding-top: 0;
      padding-bottom: 0;
      position: relative;
      z-index: 1
}

.main-banner-wrap-style-4 .swiper-container {
      width: 100%;
      height: auto;
      margin-left: auto;
      margin-right: auto
}

.main-banner-wrap-style-4 .banner-figure {
      height: 100vh;
      width: 100%
}

.main-banner-wrap-style-4 .banner-figure .swiper-wrapper:before {
      position: absolute;
      z-index: 1;
      content: "";
      background-color: rgba(0, 0, 0, .45);
      height: 100%;
      width: 100%;
      top: 0;
      left: 0
}

.main-banner-wrap-style-4 .banner-text {
      padding: 100px 0;
      width: 70%;
      height: auto;
      left: 0;
      right: 0;
      text-align: center;
      position: absolute;
      z-index: 2;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
}

.main-banner-wrap-style-4 .banner-text .swiper-slide {
      opacity: 0 !important;
      -webkit-transition: opacity .2s ease-in-out 0.6s;
      transition: opacity .2s ease-in-out 0.6s
}

.main-banner-wrap-style-4 .banner-text .swiper-slide.swiper-slide-active {
      opacity: 1 !important
}

.main-banner-wrap-style-4 .banner-text .swiper-slide.swiper-slide-active .title {
      -webkit-animation: 1.5s .2s forwards fadeInDownCustom;
      animation: 1.5s .2s forwards fadeInDownCustom
}

.main-banner-wrap-style-4 .banner-text .swiper-slide.swiper-slide-active .description {
      -webkit-animation: 1.5s .4s forwards fadeInDownCustom;
      animation: 1.5s .4s forwards fadeInDownCustom
}

.main-banner-wrap-style-4 .banner-text .swiper-slide.swiper-slide-active .btn-wrap {
      -webkit-animation: 1.5s .6s forwards fadeInDownCustom;
      animation: 1.5s .6s forwards fadeInDownCustom
}

@-webkit-keyframes fadeInDownCustom {
      0% {
            opacity: 0 !important;
            -webkit-transform: translateY(80px);
            transform: translateY(80px)
      }

      100% {
            opacity: 1 !important;
            -webkit-transform: translateY(0);
            transform: translateY(0)
      }
}

@keyframes fadeInDownCustom {
      0% {
            opacity: 0 !important;
            -webkit-transform: translateY(80px);
            transform: translateY(80px)
      }

      100% {
            opacity: 1 !important;
            -webkit-transform: translateY(0);
            transform: translateY(0)
      }
}

.main-banner-wrap-style-4 .title {
      color: #fff;
      line-height: 1.1;
      font-weight: 600;
      max-width: 750px;
      font-size: 70px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 30px
}

.main-banner-wrap-style-4 .description {
      color: #fff;
      max-width: 550px;
      font-size: 22px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 50px
}

.main-banner-wrap-style-4 .swiper-pagination {
      position: relative;
      z-index: 2;
      bottom: 100px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center
}

.main-banner-wrap-style-4 .swiper-pagination-bullet {
      opacity: 1;
      position: relative;
      z-index: 2;
      width: 12px;
      height: 12px;
      margin: 0 10px !important;
      border-radius: 50%;
      color: transparent;
      background-color: #fff;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.about-box.style-1 .slick-arrow,
.main-banner-wrap-style-4 .swiper-pagination-bullet:before {
      border-radius: 50%;
      position: absolute;
      -webkit-transition: .3s ease-in-out;
      background-color: #fff;
      height: 30px
}

.main-banner-wrap-style-4 .swiper-pagination-bullet:before {
      opacity: 0;
      content: "";
      z-index: 1;
      width: 30px;
      top: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      left: 50%;
      transition: .3s ease-in-out
}

.main-banner-wrap-style-4 .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
      opacity: .25
}

.about-wrap-style-1 {
      padding-top: 195px;
      padding-bottom: 90px;
      position: relative;
      z-index: 1;
      overflow: hidden
}

.about-wrap-style-1 .shape-wrap {
      list-style: none;
      margin: 0;
      padding: 0;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0
}

.about-wrap-style-1 .shape-wrap li.shape-left {
      left: 15%;
      bottom: 70px
}

.about-wrap-style-1 .shape-wrap li.shape-right {
      right: 100px;
      top: 260px
}

@media (max-width:1700px) {
      .about-wrap-style-1 .shape-wrap {
            display: none
      }
}

.about-wrap-style-2 {
      overflow: hidden;
      padding-bottom: 105px;
      padding-top: 160px
}

.about-wrap-style-3 {
      background-color: #f7fbff;
      padding-top: 115px;
      padding-bottom: 90px;
      overflow: hidden
}

.about-wrap-style-4 {
      overflow: hidden;
      padding-top: 110px;
      padding-bottom: 120px
}

.about-wrap-style-5 {
      overflow: hidden;
      padding-top: 0;
      padding-bottom: 110px
}

.about-box.style-1,
.about-box.style-3,
.blog-box {
      margin-bottom: 30px;
      position: relative;
      z-index: 1
}

.about-box.style-1 .section-title {
      font-weight: 600;
      line-height: 1.2;
      margin-bottom: 15px;
      max-width: 445px;
      width: 100%;
      font-size: 40px
}

.about-box.style-1 .slick-carousel,
.about-box.style-1 .slick-slide {
      margin-left: 0;
      margin-right: 0
}

.about-box.style-1 .slick-carousel .single-item {
      position: relative;
      z-index: 1;
      margin-top: 25px
}

.about-box.style-4 .figure-box .mask-box,
.about-box.style-5 .figure-box .mask-box {
      margin-top: -1px;
      margin-right: -1px;
      -webkit-mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center center;
      z-index: 1
}

.about-box.style-1 .slick-carousel .single-item:before {
      position: absolute;
      z-index: -1;
      content: url("../../media/elements/element57.png");
      top: -25px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%)
}

.about-box.style-1 .slick-arrow {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: #000;
      width: 30px;
      font-size: 12px;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      z-index: 1;
      bottom: 20px;
      cursor: pointer;
      transition: .3s ease-in-out
}

.about-box.style-1 .slick-prev {
      right: 95px
}

.about-box.style-1 .slick-next {
      right: 60px
}

.about-box.style-1 .info-box.style-1 {
      margin-bottom: 52px
}

.about-box.style-1 .info-box.style-1 .icon-box {
      line-height: 1;
      margin-bottom: 20px;
      height: 60px;
      width: 60px;
      font-size: 30px;
      border-radius: 15px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center
}

.about-box.style-1 .info-box.style-1 .icon-box.color-1 {
      color: #24be9b;
      background-color: rgba(36, 190, 155, .1)
}

.about-box.style-1 .info-box.style-1 .icon-box.color-2 {
      color: #f7b301;
      background-color: rgba(247, 179, 1, .1)
}

.about-box.style-1 .info-box.style-1 .icon-box.color-3 {
      color: #32c5ff;
      background-color: rgba(50, 197, 255, .1)
}

.about-box.style-1 .info-box.style-1 .icon-box.color-4 {
      color: #fb751b;
      background-color: rgba(251, 117, 27, .1)
}

.about-box.style-1 .info-box.style-1 .content-box .title {
      font-weight: 500;
      font-size: 24px
}

.about-box.style-2,
.about-box.style-4,
.about-box.style-5 {
      margin-bottom: 30px;
      text-align: center
}

.about-box.style-2 .figure-box {
      margin-left: auto;
      margin-right: auto;
      position: relative;
      z-index: 1;
      display: inline-block
}

.about-box.style-2 .figure-box .main-figure img {
      border-radius: 25px
}

.about-box.style-2 .figure-box .elements-list li.sub-figure {
      background-color: #fff;
      box-shadow: 0 6px 35px 0 rgba(0, 0, 0, .29);
      right: -130px;
      bottom: 40px;
      border-radius: 20px
}

.about-box.style-2 .figure-box .elements-list li.sub-figure img {
      border-radius: 20px
}

.about-box.style-2 .figure-box .elements-list li.institute-icon {
      height: 76px;
      width: 76px;
      background-color: #fff;
      border-radius: 50%;
      box-shadow: 0 6px 92px 0 rgba(0, 0, 0, .18);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 38px;
      color: var(--color_primary);
      bottom: -38px;
      left: 50%
}

.about-box.style-2 .figure-box .elements-list li.student-icon {
      height: 88px;
      width: 90px;
      background-color: #fff;
      border-radius: 20px;
      box-shadow: 0 6px 174px 0 rgba(0, 0, 0, .07);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 38px;
      color: var(--color_secondary);
      bottom: 22%;
      left: -45px
}

.about-box.style-2 .figure-box .elements-list li.new-course {
      border-radius: 7px;
      background-color: #fff;
      padding: 8px 20px;
      color: #3c3c3c;
      font-size: 15px;
      font-family: var(--font_family_heading);
      box-shadow: 0 6px 174px 0 rgba(0, 0, 0, .07);
      left: -145px;
      bottom: 50%
}

.about-box.style-2 .figure-box .elements-list li.new-course img {
      margin-left: 12px
}

.about-box.style-2 .figure-box .elements-list li.total-student {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 20px 20px 15px;
      background-color: #fff;
      border-radius: 25px;
      box-shadow: 0 6px 174px 0 rgba(0, 0, 0, .07);
      left: -145px;
      top: 12%;
      font-size: 34px;
      color: var(--color_text_heading);
      font-weight: 600
}

.about-box.style-2 .figure-box .elements-list li.total-student i {
      color: #15d5b8;
      font-size: 42px;
      margin-right: 15px
}

.about-box.style-2 .figure-box .elements-list li.total-student .counting-text {
      min-width: 60px
}

.about-box.style-2 .figure-box .elements-list li.passing-percentage {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      color: #f2245e;
      padding: 9px 16px 7px;
      background-color: #fff;
      border-radius: 15px;
      box-shadow: 0 6px 174px 0 rgba(0, 0, 0, .2);
      left: -30px;
      top: -15px;
      font-size: 16px;
      font-weight: 600
}

.about-box.style-2 .figure-box .elements-list li.passing-percentage i {
      margin-right: 10px;
      font-size: 22px
}

.about-box.style-2 .figure-box .elements-list li.category-info {
      position: absolute;
      top: -40px;
      right: -95px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #fff;
      border-radius: 20px;
      box-shadow: 0 6px 174px 0 rgba(0, 0, 0, .07);
      padding: 20px 40px
}

.about-box.style-2 .figure-box .elements-list li.category-info .icon-box {
      margin-right: 15px;
      height: 43px;
      width: 43px;
      background-color: #a11efd;
      color: #fff;
      border-radius: 7px;
      font-size: 17px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center
}

.about-box.style-2 .figure-box .elements-list li.category-info .content-box .category-number {
      font-size: 34px;
      font-weight: 600;
      color: var(--color_text_heading);
      font-family: var(--font_family_heading);
      line-height: 1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
}

.about-box.style-2 .figure-box .elements-list li.category-info .content-box .category-number .counting-text {
      min-width: 40px
}

.about-box.style-2 .figure-box .elements-list li.category-info .content-box .label {
      color: #919090;
      font-size: 15px;
      font-weight: 500;
      font-family: var(--font_family_heading);
      letter-spacing: 2px
}

.about-box.style-2 .figure-box .shape-list {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0
}

.about-box.style-2 .figure-box .shape-list li {
      position: absolute;
      z-index: -1
}

.about-box.style-2 .figure-box .shape-list li.big-circle {
      top: -70px;
      right: -125px
}

.about-box.style-2 .figure-box .shape-list li.step-circle {
      left: -150px;
      bottom: -40px
}

.about-box.style-2 .figure-box .shape-list li.small-circle {
      left: -155px;
      bottom: -10px
}

.about-box.style-2 .content-box,
.about-box.style-4 .content-box,
.about-box.style-5 .content-box {
      text-align: left
}

.about-box.style-2 .sub-title,
.about-box.style-5 .sub-title {
      font-size: 20px;
      letter-spacing: 2px;
      color: var(--color_primary);
      font-family: var(--font_family_heading);
      font-weight: 600;
      margin-bottom: 10px;
      display: block
}

.about-box.style-2 .title {
      margin-bottom: 22px;
      font-weight: 600;
      font-size: 40px
}

.about-box.style-2 .description,
.blog-box.style-3 .content-box p,
.course-box.style-5 .content-box .description,
.footer.style-1 .footer-logo,
.price-box.style-1 .content-box .feature-list,
.profile-box .content-box .description,
.single-shop-tab .tab-content .review-box .review-form .form-group,
.team-box.style-3 .content-box .sub-title,
.testimonial-box.style-2 .figure-box,
.testimonial-box.style-3 .figure-box,
.testimonial-box.style-4 .figure-box {
      margin-bottom: 15px
}

.about-box.style-2 .info-list li {
      padding-left: 30px;
      position: relative;
      z-index: 1;
      font-size: 14px;
      color: var(--color_text_heading);
      margin-bottom: 20px;
      line-height: 1.3;
}

.about-box.style-2 .info-list li:before {
      position: absolute;
      left: 0;
      top: 0;
      content: "\f00c";
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      color: #45f17e
}

.about-box.style-2 .btn-wrap {
      color: var(--color_text_heading);
      font-size: 17px
}

.about-box.style-2 .btn-wrap a {
      color: var(--color_primary);
      padding-left: 5px
}

.about-box.style-2 .btn-wrap a:hover {
      text-decoration: underline
}

.about-box.style-3 .shape-wrap {
      position: absolute;
      z-index: -1;
      right: -50px;
      bottom: -50px
}

.about-box.style-3 .about-list li {
      margin-bottom: 10px;
      border: 1px solid #ececec;
      padding: 20px 40px 19px;
      border-radius: 10px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      background-color: transparent;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.about-box.style-3 .about-list li .icon-box {
      margin-right: 30px;
      color: #232323;
      line-height: 1.4;
      font-size: 54px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.about-box.style-3 .about-list li .content-box .title {
      font-weight: 500;
      margin-bottom: 3px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.about-box.style-3 .about-list li .content-box .description,
.blog-box.style-2 .category-name,
.blog-box.style-4 .content-box .entry-meta,
.widget-recent ul.list-item>li li.entry-date {
      margin-bottom: 5px
}

.about-box.style-3 .about-list li:hover {
      border: 1px solid #fff;
      background-color: #fff
}

.about-box.style-4 .figure-box .mask-box {
      -webkit-mask-image: url(../../media/svg/svg4.svg);
      mask-image: url(../../media/svg/svg4.svg);
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center center;
      position: relative;
      display: block
}

.about-box.style-4 .figure-box .shape-list .shape1 {
      z-index: -1;
      top: 20px;
      left: 15%
}

.about-box.style-4 .figure-box .shape-list .shape2 {
      z-index: -1;
      bottom: 0;
      right: 0
}

.about-box.style-4 .sub-title {
      font-size: 18px;
      letter-spacing: 2px;
      color: var(--color_primary);
      font-family: var(--font_family_heading);
      font-weight: 500;
      margin-bottom: 10px;
      display: block
}

.about-box.style-4 .title,
.about-box.style-5 .title,
.price-box.style-1 .content-box .title {
      margin-bottom: 22px;
      font-weight: 500
}

.about-box.style-4 .info-list,
.about-box.style-5 .info-list,
.content-single-wrapper,
.single-course-box.style-1 .review-wrap {
      margin-bottom: 50px
}

.about-box.style-4 .info-list li,
.about-box.style-5 .info-list li {
      padding-left: 40px;
      position: relative;
      z-index: 1;
      color: var(--color_text_heading);
      margin-bottom: 12px
}

.about-box.style-4 .info-list li:before,
.about-box.style-5 .info-list li:before {
      position: absolute;
      left: 8px;
      top: 3px;
      content: "\f00c";
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      color: #1dc76d;
      font-size: 14px
}

.about-box.style-4 .info-list li:after,
.about-box.style-5 .info-list li:after {
      position: absolute;
      content: "";
      height: 30px;
      width: 30px;
      border-radius: 50%;
      border: 1px solid #e4e4e4;
      left: 0;
      top: -2px
}

.about-box.style-5 .figure-box .mask-box {
      -webkit-mask-image: url(../../media/svg/svg2.svg);
      mask-image: url(../../media/svg/svg2.svg);
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center center;
      position: relative;
      display: block
}

.about-box.style-5 .figure-box .shape-list .shape1 {
      z-index: -1;
      bottom: 0;
      left: 0
}

.about-box.style-5 .figure-box .shape-list .shape2 {
      z-index: -1;
      bottom: 0;
      right: 50px
}

.about-wrap-style-6 {
      overflow: hidden;
      padding-top: 115px;
      padding-bottom: 75px
}

.about-wrap-style-6 .about-inner {
      position: relative;
      min-height: 615px
}

.about-wrap-style-6 .shape-wrap li:nth-child(1n) {
      z-index: 3;
      top: -13%;
      left: 10%;
      bottom: inherit;
      right: inherit
}

.about-wrap-style-6 .shape-wrap li:nth-child(2n) {
      z-index: -1;
      top: 10%;
      left: 25%;
      bottom: inherit;
      right: inherit
}

.about-wrap-style-6 .shape-wrap li:nth-child(3n) {
      z-index: 999;
      top: 2%;
      left: inherit;
      bottom: inherit;
      right: 21%
}

.about-wrap-style-6 .shape-wrap li:nth-child(4n) {
      z-index: 1;
      top: 20%;
      left: inherit;
      bottom: inherit;
      right: 10%
}

.about-wrap-style-6 .shape-wrap li:nth-child(5n) {
      z-index: -1;
      top: 83%;
      left: inherit;
      bottom: inherit;
      right: 56%
}

.about-wrap-style-6 .shape-wrap li:nth-child(6n) {
      z-index: -3;
      top: inherit;
      left: 43%;
      bottom: -2%;
      right: inherit
}

.about-wrap-style-6 .shape-wrap li:nth-child(7n) {
      z-index: -1;
      top: 59%;
      left: inherit;
      bottom: inherit;
      right: -19%
}

.about-wrap-style-6 .shape-wrap li:nth-child(8n) {
      z-index: -1;
      top: 37%;
      left: inherit;
      bottom: inherit;
      right: -24%
}

.about-wrap-style-6 .figure-wrap {
      list-style: none;
      padding-left: 0
}

.about-wrap-style-6 .figure-wrap li:nth-child(1n) {
      border: 15px solid transparent;
      top: 0;
      bottom: inherit;
      left: 0;
      right: inherit
}

.about-wrap-style-6 .figure-wrap li:nth-child(2n) {
      border: 15px solid transparent;
      top: 15%;
      bottom: inherit;
      left: 24.5%;
      right: inherit
}

.about-wrap-style-6 .figure-wrap li:nth-child(3n) {
      border: 15px solid #fff;
      top: 5%;
      bottom: inherit;
      left: inherit;
      right: 21%
}

.about-wrap-style-6 .figure-wrap li:nth-child(4n) {
      border: 15px solid #fff;
      top: inherit;
      bottom: 0;
      left: 0;
      right: inherit
}

.about-wrap-style-6 .figure-wrap li:nth-child(5n) {
      border: 15px solid #fff;
      top: inherit;
      bottom: 4%;
      right: 26%;
      left: inherit
}

.about-wrap-style-6 .figure-wrap li:nth-child(6n) {
      border: 15px solid #fff;
      top: inherit;
      bottom: 17%;
      left: inherit;
      right: 0
}

.call-to-action-wrap-style-1 {
      padding: 55px 0 40px;
      overflow: hidden;
      position: relative;
      z-index: 1;
      background-color: #edf6ff
}

.call-to-action-wrap-style-1 .shape-wrap,
.call-to-action-wrap-style-4 .shape-wrap {
      list-style: none;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 0;
      margin: 0
}

.call-to-action-wrap-style-1 .shape-wrap li,
.call-to-action-wrap-style-2 .shape-wrap-right li,
.teacher-feature-box.style-1 .shape li {
      position: absolute;
      z-index: 0
}

.call-to-action-wrap-style-1 .shape-wrap li:nth-child(1n) {
      left: calc(((100% - 1200px)/ 2) + 70px);
      right: inherit;
      bottom: 0
}

.call-to-action-wrap-style-1 .shape-wrap li:nth-child(2n) {
      left: calc(((100% - 1200px)/ 2) + 130px);
      right: inherit;
      bottom: 0
}

.call-to-action-wrap-style-1 .shape-wrap li:nth-child(3n),
.call-to-action-wrap-style-4 .shape-wrap li:nth-child(3n) {
      right: calc(((100% - 1200px)/ 2) - 100px);
      left: initial;
      bottom: 50%;
      -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
      transform: translateY(50%)
}

.call-to-action-wrap-style-2 {
      overflow: hidden;
      padding: 35px 0 16px;
      position: relative;
      z-index: 1
}

.call-to-action-wrap-style-2:after {
      position: absolute;
      z-index: -1;
      content: "";
      background-color: #f6f3ed;
      height: 100%;
      width: 50%;
      top: 0;
      left: 0
}

.call-to-action-wrap-style-2:before {
      position: absolute;
      z-index: -1;
      content: "";
      background-color: #fafdff;
      height: 100%;
      width: 50%;
      top: 0;
      right: 0
}

.call-to-action-wrap-style-2 .center-shape {
      position: absolute;
      z-index: 0;
      bottom: 0;
      left: 0;
      right: 0;
      text-align: center
}

.call-to-action-wrap-style-2 .shape-wrap-left {
      position: absolute;
      z-index: 0;
      left: 0;
      top: -100px
}

.call-to-action-wrap-style-2 .shape-wrap-right li:nth-child(1n) {
      top: -50px;
      right: calc(((100% - 1200px)/ 2) - 130px)
}

.call-to-action-wrap-style-2 .shape-wrap-right li:nth-child(2n) {
      top: -10px;
      right: calc(((100% - 1200px)/ 2) - 110px)
}

.call-to-action-wrap-style-3 {
      padding-top: 0;
      padding-bottom: 0
}

.call-to-action-wrap-style-3 .inner-bg {
      overflow: hidden;
      padding-top: 50px;
      padding-bottom: 50px;
      background-repeat: no-repeat;
      background-position: center right;
      position: relative;
      z-index: 1
}

.call-to-action-wrap-style-3 .inner-bg:before {
      content: "";
      background-color: #f4faff;
      height: 100%;
      width: 30%;
      top: 0;
      left: 0;
      position: absolute;
      z-index: 0
}

.call-to-action-wrap-style-3 .inner-bg:after {
      content: "";
      position: absolute;
      top: 0;
      z-index: -1;
      border-top: 700px solid #f4faff;
      border-right: 230px solid transparent;
      left: 30%
}

.team-box.style-1 .content-box,
.team-box.style-2 .content-box,
.team-box.style-3 .content-box {
      background-color: #fff;
      position: absolute;
      overflow: hidden
}

.call-to-action-wrap-style-4 {
      padding: 70px 0;
      position: relative;
      z-index: 1;
      overflow: hidden;
      background-color: #0271d2
}

.call-to-action-wrap-style-4 .shape-wrap li {
      position: absolute;
      z-index: 0;
      bottom: 0
}

.call-to-action-wrap-style-4 .shape-wrap li:nth-child(1n) {
      left: calc(((100% - 1200px)/ 2) + 70px)
}

.call-to-action-wrap-style-4 .shape-wrap li:nth-child(2n) {
      left: calc(((100% - 1200px)/ 2) + 130px)
}

.call-to-action-box.style-1,
.call-to-action-box.style-4 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
}

.call-to-action-box.style-1 .content-box {
      padding-right: 30px;
      margin-bottom: 15px
}

.call-to-action-box.style-1 .sub-title {
      color: var(--color_primary);
      font-family: var(--font_family_heading);
      font-size: 18px;
      letter-spacing: 1px;
      margin-bottom: 5px
}

.call-to-action-box.style-1 .title {
      font-size: 40px;
      font-weight: 500
}

.call-to-action-box.style-2 .title {
      font-size: 30px;
      font-weight: 500;
      margin-bottom: 15px
}

.call-to-action-box.style-2 .description {
      max-width: 360px;
      width: 100%;
      margin-bottom: 25px
}

.call-to-action-box.style-3 .title {
      font-size: 40px;
      font-weight: 600;
      max-width: 400px;
      width: 100%;
      margin-bottom: 15px
}

.call-to-action-box.style-3 .description {
      max-width: 360px;
      width: 100%;
      margin-bottom: 35px
}

.call-to-action-box.style-3 .btn-wrap img {
      margin-left: 25px;
      margin-top: -30px
}

.call-to-action-box.style-4 .content-box {
      margin-right: 30px;
      margin-bottom: 20px
}

.call-to-action-box.style-4 .sub-title {
      color: #fff;
      font-family: var(--font_family_heading);
      font-size: 22px;
      letter-spacing: 1px;
      margin-bottom: 5px
}

.call-to-action-box.style-4 .title {
      font-size: 40px;
      font-weight: 500;
      color: #fff;
      margin-bottom: 0
}

.call-to-action-box.style-4 .item-btn {
      margin-bottom: 16px
}

.call-to-action-wrap-style-5:before {
      position: absolute;
      z-index: -1;
      content: "";
      background-color: #1c2a44;
      height: 50%;
      width: 100%;
      bottom: 0;
      left: 0;
      right: 0
}

.call-to-action-wrap-style-5 .inner {
      background-color: var(--color_primary);
      border-radius: 15px
}

.call-to-action-box.style-5 .content-box {
      text-align: center;
      padding: 56px 15px 70px
}

.call-to-action-box.style-5 .content-box .sub-title {
      color: #fff;
      font-family: var(--font_family_heading);
      font-size: 30px;
      letter-spacing: 1px;
      margin-bottom: 0;
      font-style: italic;
      font-weight: 300
}

.call-to-action-box.style-5 .content-box .title {
      font-size: 36px;
      font-weight: 600;
      color: #fff;
      margin-bottom: 27px
}

.call-to-action-wrap-style-7 {
      padding-top: 90px;
      padding-bottom: 90px
}

.call-to-action-box.style-7 .title {
      font-weight: 500;
      color: var(--color_primary)
}

.call-to-action-box.style-7 .description {
      color: var(--color_text_heading);
      font-size: 20px;
      margin-bottom: 25px
}

.team-wrap-style-1 {
      overflow: hidden;
      padding-top: 109px;
      padding-bottom: 0
}

.become-instructor-wrap-style-1,
.instructor-wrap-style-1,
.popular-instructors-wrap,
.team-wrap-style-2 {
      padding-top: 110px;
      padding-bottom: 90px
}

.team-box.style-1,
.team-box.style-2 {
      position: relative;
      z-index: 1;
      margin-bottom: 30px;
      overflow: hidden
}

.team-box.style-1 .figure-box img {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      border-radius: 20px;
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

.team-box.style-1 .content-box {
      padding: 35px 40px;
      min-width: 320px;
      text-align: right;
      bottom: 20px;
      right: 20px;
      border-radius: 0 0 45px;
      z-index: 2
}

.team-box.style-1 .content-box:before,
.team-box.style-2 .content-box:before {
      content: "";
      height: 700px;
      width: 700px;
      background-color: var(--color_primary);
      border-radius: 50%;
      position: absolute;
      top: 70%;
      left: 75%;
      z-index: -1;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

.team-box.style-1 .content-box .title {
      font-size: 30px;
      margin-bottom: 0;
      font-weight: 500
}

.category-box.style-1 .content-box .title a,
.category-box.style-2 .content-box .title a,
.team-box.style-1 .content-box .title a,
.team-box.style-2 .content-box .title a {
      color: var(--color_text_heading);
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

.team-box.style-1 .content-box .sub-title {
      font-size: 20px;
      margin-bottom: 12px;
      color: #585858;
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

.team-box.style-1 .content-box .social {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
}

.team-box.style-1 .content-box .social li,
.team-box.style-2 .content-box .social li {
      margin-right: 2px
}

.entry-meta li,
.team-box.style-3 .content-box .social li {
      margin-right: 15px;
      margin-bottom: 5px
}

.team-box.style-1 .content-box .social li a,
.team-box.style-2 .content-box .social li a {
      color: #aeaeae;
      padding: 5px 10px;
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

.team-box.style-1 .content-box .social li:last-child a,
.team-box.style-2 .content-box .social li:last-child a {
      padding: 5px 0 5px 10px
}

.team-box.style-1:hover .figure-box img,
.team-box.style-2:hover .figure-box img {
      -webkit-filter: grayscale(0);
      filter: grayscale(0)
}

.team-box.style-1:hover .content-box:before,
.team-box.style-2:hover .content-box:before {
      visibility: visible;
      opacity: 1;
      top: 0;
      left: 0;
      border-radius: 0 0 20px
}

.team-box.style-2 .figure-box img {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%);
      border-radius: 15px;
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

.team-box.style-2 .content-box {
      padding: 20px 10px;
      text-align: center;
      bottom: 10px;
      right: 0;
      left: 0;
      margin: 0 10px;
      border-radius: 0 0 15px 15px;
      z-index: 2
}

.team-box.style-2 .content-box .title {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 0
}

.team-box.style-2 .content-box .sub-title {
      margin-bottom: 6px;
      color: #585858;
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

.team-box.style-2 .content-box .social {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
}

.team-box.style-3 {
      margin-bottom: 90px
}

.blog-box.style-2 .figure-box,
.team-box.style-3 .figure-box img {
      border-radius: 10px
}

.team-box.style-3 .content-box {
      margin-left: 30px;
      margin-right: 30px;
      z-index: 1;
      left: 0;
      right: 0;
      bottom: 30px;
      padding: 30px 15px;
      border-radius: 10px;
      text-align: center;
      box-shadow: 0 1px 100px 0 rgba(0, 0, 0, .1)
}

.team-box.style-3 .content-box .title {
      font-weight: 500;
      margin-bottom: 0
}

.instructor-box.style-1 .content-box .title a,
.team-box.style-3 .content-box .title a {
      color: var(--color_text_heading);
      -webkit-transition: var(--transition);
      transition: var(--transition)
}

.team-box.style-3 .content-box .social {
      opacity: 0;
      visibility: hidden;
      margin-bottom: -60px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-transition: var(--transition);
      transition: var(--transition)
}

.team-box.style-3 .content-box .social li a {
      border: 1px solid #000;
      color: #fff;
      font-size: 13px;
      height: 35px;
      width: 35px;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: #000;
      border-radius: 50%;
      -webkit-transition: var(--transition);
      transition: var(--transition)
}

.team-box.style-3 .content-box .social li.facebook a,
.widget-course-info .bottom-content .social li.facebook a {
      border-color: var(--facebook);
      background-color: var(--facebook)
}

.team-box.style-3 .content-box .social li.facebook a:hover,
.widget-course-info .bottom-content .social li.facebook a:hover {
      background-color: transparent;
      color: var(--facebook)
}

.team-box.style-3 .content-box .social li.twitter a,
.widget-course-info .bottom-content .social li.twitter a {
      border-color: var(--twitter);
      background-color: var(--twitter)
}

.team-box.style-3 .content-box .social li.twitter a:hover,
.widget-course-info .bottom-content .social li.twitter a:hover {
      background-color: transparent;
      color: var(--twitter)
}

.team-box.style-3 .content-box .social li.skype a,
.widget-course-info .bottom-content .social li.skype a {
      border-color: var(--skype);
      background-color: var(--skype)
}

.team-box.style-3 .content-box .social li.skype a:hover,
.widget-course-info .bottom-content .social li.skype a:hover {
      background-color: transparent;
      color: var(--skype)
}

.team-box.style-3 .content-box .social li.instagram a,
.widget-course-info .bottom-content .social li.instagram a {
      border-color: var(--instagram);
      background-color: var(--instagram)
}

.team-box.style-3 .content-box .social li.instagram a:hover,
.widget-course-info .bottom-content .social li.instagram a:hover {
      background-color: transparent;
      color: var(--instagram)
}

.team-box.style-3:hover .social {
      opacity: 1;
      visibility: visible;
      margin-bottom: 0
}

.entry-meta li {
      font-size: 14px;
      color: #585858
}

.entry-meta li a {
      color: #585858;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.course-box.style-5 .hover-content .inner .course-feature li i,
.entry-meta li i {
      margin-right: 7px
}

.blog-box .figure-box {
      position: relative;
      z-index: 1;
      overflow: hidden
}

.blog-box .figure-box img {
      -webkit-transform: scale(1.01, 1.01);
      -ms-transform: scale(1.01, 1.01);
      transform: scale(1.01, 1.01);
      border-radius: 5px;
      -webkit-transition: .5s;
      transition: .5s
}

.blog-box .category-name {
      font-size: 15px;
      font-family: var(--font_family_heading);
      font-weight: 500;
      letter-spacing: 1px;
      color: #fff;
      display: inline-block;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.course-box.style-1 .course-footer,
.course-wrap-style-2 .slick-dots,
.course-wrap-style-2 .slick-dots li {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: -webkit-box
}

.blog-box .content-box .title {
      font-weight: 500;
      margin-bottom: 14px
}

.blog-box:hover .figure-box img {
      -webkit-transform: scale(1.12, 1.12);
      -ms-transform: scale(1.12, 1.12);
      transform: scale(1.12, 1.12)
}

.blog-box.style-1 .figure-box,
.blog-box.style-4 .figure-box,
.single-blog-wrap .inner-figure-box img,
.single-course-box.style-1 .instructor-wrap .instructor-box .figure-box img {
      border-radius: 5px
}

.blog-box.style-1 .category-name,
.blog-box.style-4 .category-name {
      border-radius: 5px 5px 0 0;
      position: absolute;
      z-index: 1;
      bottom: 100%;
      left: 0;
      background-color: var(--color_primary);
      padding: 7px 14px
}

.blog-box.style-1 .category-name:hover,
.blog-box.style-3 .category-name:hover,
.blog-box.style-4 .category-name:hover {
      color: #161616;
      background-color: var(--color_secondary)
}

.blog-box.style-1 .content-box {
      border-radius: 0 5px 5px;
      position: relative;
      z-index: 2;
      left: 0;
      right: 0;
      margin: -100px 10px 0;
      padding: 25px 20px;
      bottom: 0;
      background-color: #fff;
      box-shadow: 0 0 90px 0 rgba(0, 0, 0, .08)
}

.blog-box.style-1 .content-box .title {
      font-size: 24px;
      line-height: 1.4
}

.blog-box.style-2 .figure-box:after {
      content: url("../../media/elements/element13.png");
      position: absolute;
      z-index: 0;
      bottom: -10px;
      left: 0;
      right: 0
}

.blog-box.style-2 .content-box {
      position: absolute;
      z-index: 2;
      left: 0;
      right: 0;
      margin: 0 10px;
      padding: 25px;
      bottom: 30px
}

.blog-box.style-2 .content-box .title {
      font-weight: 600
}

.blog-box.style-2 .content-box .entry-meta li {
      font-size: 16px;
      color: #fff
}

.blog-box.style-3 .figure-box,
.blog-box.style-3 .figure-box img {
      border-radius: 10px 10px 10px 0
}

.blog-box.style-3 .category-name {
      position: absolute;
      z-index: 2;
      top: 30px;
      left: 25px;
      border-radius: 5px 5px 0 0;
      background-color: var(--color_primary);
      padding: 7px 14px
}

.blog-box.style-3 .content-box {
      margin-bottom: -50px;
      position: relative;
      z-index: 2;
      -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
      transform: translateY(-50px);
      background-color: #fff;
      border-radius: 0 10px 10px;
      padding: 25px;
      margin-right: 50px;
      box-shadow: 0 4px 98px 0 rgba(0, 0, 0, .06)
}

.blog-box.style-3 .content-box .title {
      font-size: 24px;
      margin-bottom: 15px;
      line-height: 1.4
}

.blog-box.style-4 .content-box {
      border-radius: 0 5px 5px;
      position: relative;
      z-index: 2;
      left: 0;
      right: 0;
      margin: -100px 30px 0;
      padding: 25px 30px;
      bottom: 0;
      background-color: #fff;
      box-shadow: 0 0 90px 0 rgba(0, 0, 0, .08)
}

.blog-box.style-4 .content-box .title {
      font-size: 30px;
      margin-bottom: 15px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical
}

.blog-box.style-4 .content-box .description {
      margin-bottom: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical
}

.blog-wrap-style-1 {
      overflow: hidden;
      padding-top: 109px;
      padding-bottom: 90px
}

.blog-wrap-style-2,
.profile-wrap-style-2,
.related-event-wrap {
      padding-top: 0;
      padding-bottom: 90px
}

.become-instructor-wrap-style-2,
.blog-wrap-style-3,
.course-wrap-style-6,
.event-wrap-style-3,
.meeting-wrap-style-1,
.single-course-wrap-style-1 {
      padding-bottom: 90px
}

.single-blog-wrap .main-figure-box {
      margin-bottom: 30px;
      position: relative
}

.single-blog-wrap .main-figure-box .category-name {
      font-size: 15px;
      font-family: var(--font_family_heading);
      font-weight: 500;
      letter-spacing: 2px;
      color: #fff;
      display: inline-block;
      border-radius: 5px;
      position: absolute;
      z-index: 1;
      top: 30px;
      right: 60px;
      background-color: var(--color_primary);
      padding: 7px 14px
}

.single-blog-wrap .blog-content-box {
      padding: 0 80px
}

.single-blog-wrap .blog-content-box .main-title {
      font-weight: 500;
      margin-bottom: 30px;
      font-size: 38px
}

.single-blog-wrap .blog-content-box .entry-meta li {
      font-size: 15px;
      margin-right: 30px
}

.single-blog-wrap .blog-content-box blockquote {
      margin-top: 30px;
      margin-bottom: 30px;
      background-color: #f8f8f8;
      padding: 30px 250px 30px 50px;
      position: relative;
      z-index: 1;
      font-size: 30px;
      font-family: var(--font_family_heading);
      font-style: italic;
      color: #000;
      line-height: 1.4
}

.single-blog-wrap .blog-content-box blockquote:after {
      content: "";
      position: absolute;
      z-index: 1;
      background-color: var(--color_primary);
      width: 4px;
      height: 100%;
      left: 0;
      top: 0
}

.single-blog-wrap .blog-content-box blockquote:before {
      content: "\f10d";
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      position: absolute;
      right: 30px;
      bottom: 30px;
      line-height: 1;
      font-size: 80px;
      color: #ebebeb
}

.address-box.style-2 .section-heading,
.event-box.style-1 .content-box .title,
.single-blog-wrap .blog-content-box h3.inner-title {
      font-size: 24px;
      font-weight: 500
}

.price-box.style-2 .price-wrap .title,
.single-blog-wrap .blog-content-box h4.inner-title {
      font-size: 20px;
      font-weight: 500
}

.single-blog-wrap .blog-content-box .list-info li {
      padding-left: 30px;
      margin-bottom: 12px;
      position: relative;
      z-index: 1
}

.single-blog-wrap .blog-content-box .list-info li:before {
      content: "\f00c";
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      position: absolute;
      z-index: 1;
      left: 0;
      top: 2px;
      font-size: 14px
}

.single-blog-wrap .blog-content-box .blog-tag {
      border-top: 1px solid #ddd;
      margin-top: 30px;
      padding-top: 30px;
      margin-bottom: 20px
}

.instructor-box.style-1 .footer-content .entry-meta,
.single-blog-wrap .blog-content-box .blog-tag ul {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between
}

.single-blog-wrap .blog-content-box .blog-tag ul li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 10px
}

.single-blog-wrap .blog-content-box .blog-tag ul li.social-wrap .social-title,
.single-blog-wrap .blog-content-box .blog-tag ul li.tag-wrap .tag-title {
      margin-right: 20px;
      font-size: 18px;
      font-weight: 600;
      color: #000
}

.single-blog-wrap .blog-content-box .blog-tag ul li.social-wrap .item-social a {
      color: #9f9f9f;
      display: inline-block;
      padding: 0 5px;
      font-size: 15px;
      margin-right: 5px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.single-blog-wrap .blog-content-box .blog-tag ul li.tag-wrap .item-tag a {
      color: #000;
      background-color: transparent;
      font-size: 15px;
      margin-right: 5px;
      font-weight: 500;
      display: inline-block;
      padding: 0 13px;
      margin-bottom: 10px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.single-blog-wrap .blog-content-box .blog-author {
      margin-bottom: 50px;
      border-radius: 5px;
      background-color: #f6fbff;
      padding: 35px
}

.single-blog-wrap .blog-content-box .blog-author .media img {
      border-radius: 50%;
      margin-right: 25px
}

.single-blog-wrap .blog-content-box .blog-author .media .media-body .sub-title {
      color: var(--color_primary);
      font-size: 18px;
      margin-bottom: 10px
}

.single-blog-wrap .blog-content-box .blog-author .media .media-body .item-title {
      font-weight: 500;
      font-size: 20px;
      margin-bottom: 5px
}

.single-blog-wrap .blog-content-box .blog-author .media .media-body .item-social li a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 40px;
      width: 40px;
      border-radius: 50%;
      color: #fff;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.single-blog-wrap .blog-content-box .blog-author .media .media-body .item-social li.facebook a {
      background-color: #4064ab;
      border: .0625rem solid #4064ab
}

.single-blog-wrap .blog-content-box .blog-author .media .media-body .item-social li.facebook a:hover {
      background-color: transparent;
      color: #4064ab
}

.single-blog-wrap .blog-content-box .blog-author .media .media-body .item-social li.twitter a {
      background-color: #21a1f0;
      border: .0625rem solid #21a1f0
}

.single-blog-wrap .blog-content-box .blog-author .media .media-body .item-social li.twitter a:hover {
      background-color: transparent;
      color: #21a1f0
}

.single-blog-wrap .blog-content-box .blog-author .media .media-body .item-social li.youtube a {
      background-color: #e90506;
      border: .0625rem solid #e90506
}

.single-blog-wrap .blog-content-box .blog-author .media .media-body .item-social li.youtube a:hover {
      background-color: transparent;
      color: #e90506
}

.single-blog-wrap .blog-content-box .leave-comment .leave-form-box .form-group .form-control {
      color: #000;
      font-size: 16px;
      padding: 15px 20px;
      border: 0;
      background-color: #f7f7f7;
      border-radius: 0
}

.event-search-form .select2-container--classic .select2-selection--single,
.single-blog-wrap .blog-content-box .leave-comment .leave-form-box .form-group input {
      height: 50px
}

.single-blog-wrap .blog-content-box .leave-comment .leave-form-box input.form-control::-webkit-input-placeholder,
.single-blog-wrap .blog-content-box .leave-comment .leave-form-box textarea.form-control::-webkit-input-placeholder {
      color: #818080;
      font-size: 15px;
      font-weight: 300
}

.single-blog-wrap .blog-content-box .leave-comment .leave-form-box input.form-control::-moz-placeholder,
.single-blog-wrap .blog-content-box .leave-comment .leave-form-box textarea.form-control::-moz-placeholder {
      color: #818080;
      font-size: 15px;
      font-weight: 300
}

.single-blog-wrap .blog-content-box .leave-comment .leave-form-box input.form-control:-moz-placeholder,
.single-blog-wrap .blog-content-box .leave-comment .leave-form-box textarea.form-control:-moz-placeholder {
      color: #818080;
      font-size: 15px;
      font-weight: 300
}

.single-blog-wrap .blog-content-box .leave-comment .leave-form-box input.form-control:-ms-input-placeholder,
.single-blog-wrap .blog-content-box .leave-comment .leave-form-box textarea.form-control:-ms-input-placeholder {
      color: #818080;
      font-size: 15px;
      font-weight: 300
}

.course-wrap-style-1 {
      padding-top: 109px;
      padding-bottom: 90px;
      overflow: hidden
}

.course-wrap-style-2 {
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      padding-top: 113px;
      padding-bottom: 160px
}

.course-wrap-style-2 .slick-dots {
      position: absolute;
      padding: 0;
      margin: 0;
      list-style: none;
      bottom: -45px;
      left: 0;
      right: 0;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
}

.course-wrap-style-4 .slick-arrow,
.testimonial-wrap-style-1 .slick-arrow {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      cursor: pointer
}

.course-wrap-style-2 .slick-dots li {
      margin: 0 2px;
      padding: 4px;
      display: flex;
      line-height: 1;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
}

.course-wrap-style-2 .slick-dots li button {
      text-indent: -99999999px;
      border-radius: 50%;
      height: 10px;
      width: 10px;
      border: 1px solid rgba(22, 22, 22, .2);
      padding: 0;
      background-color: transparent
}

.course-wrap-style-2 .slick-dots li.slick-active button {
      border: 1px solid #0271d2
}

.course-wrap-style-3 {
      padding-top: 114px;
      padding-bottom: 82px
}

.course-wrap-style-4 {
      padding-top: 110px;
      padding-bottom: 90px;
      background-color: #f6fbff
}

.course-wrap-style-4 .slick-arrow {
      border: 1px solid #e1e1e1;
      background-color: transparent;
      border-radius: 50%;
      color: #e1e1e1;
      height: 50px;
      width: 50px;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: absolute;
      z-index: 2;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      text-align: center;
      font-size: 12px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.course-wrap-style-4 .slick-arrow:hover,
.testimonial-wrap-style-2 .slick-arrow:hover {
      border: 1px solid var(--color_primary);
      color: var(--color_primary)
}

.course-wrap-style-4 .slick-next {
      right: 0
}

.course-wrap-style-4 .slick-prev {
      left: 0
}

@media (min-width:1400px) {
      .course-wrap-style-4 .slick-next {
            right: -50px
      }

      .course-wrap-style-4 .slick-prev {
            left: -50px
      }
}

.course-wrap-style-5 {
      padding-bottom: 90px;
      padding-top: 115px
}

.course-box.style-1 {
      margin-top: 40px;
      box-shadow: 0 0 50px 0 rgba(0, 0, 0, .08);
       padding: 20px;
      border-radius: 4px;
      margin-bottom: 30px;
      position: relative;
      z-index: 1
}

.course-box.style-1 .figure-box {
      margin-top: -60px;
      margin-bottom: 25px
}

.course-box.style-1 .figure-box img {
      border-radius: 10px 10px 0 0;
      width: 100%
}

.course-box.style-1 .figure-box .info-list,
.course-box.style-5 .figure-box .info-list {
      position: absolute;
      z-index: 0;
      top: -20px;
      right: 40px
}

.course-box.style-1 .figure-box .course-status,
.course-box.style-5 .figure-box .course-status {
      background-color: #fa0a4e;
      border-radius: 4px;
      padding: 5px 15px;
      font-weight: 600;
      font-family: var(--font_family_heading);
      color: #fff
}

.course-box.style-1 .figure-box .save-percent,
.course-box.style-5 .figure-box .save-percent {
      background-color: var(--color_primary);
      border-radius: 4px;
      padding: 5px 15px;
      font-weight: 600;
      font-family: var(--font_family_heading);
      color: #fff
}

.course-box.style-1 .content-box .category-name {
      text-transform: capitalize;
      position: relative;
      z-index: 1;
      padding-left: 10px;
      margin-bottom: 5px;
      font-family: var(--font_family_body);
      font-weight: 500;
      font-size: 20px
}

.course-box.style-1 .content-box .category-name:after,
.course-box.style-5 .content-box .category-name:after {
      position: absolute;
      z-index: 1;
      content: "";
      height: 1px;
      width: 5px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0;
      font-size: 30px;
      line-height: 1.2
}

.course-box.style-1 .content-box .category-name.color-1,
.course-box.style-4 .content-box .teacher-name.color-1,
.course-box.style-5 .content-box .category-name.color-1 {
      color: #02366a
}

.course-box.style-1 .content-box .category-name.color-1:after,
.course-box.style-5 .content-box .category-name.color-1:after {
      background-color: #02366a
}

.course-box.style-1 .content-box .category-name.color-2,
.course-box.style-4 .content-box .teacher-name.color-2,
.course-box.style-5 .content-box .category-name.color-2 {
      color: #7013f0
}

.course-box.style-1 .content-box .category-name.color-2:after,
.course-box.style-5 .content-box .category-name.color-2:after {
      background-color: #7013f0
}

.course-box.style-1 .content-box .category-name.color-3,
.course-box.style-4 .content-box .teacher-name.color-3,
.course-box.style-5 .content-box .category-name.color-3 {
      color: #17d292
}

.course-box.style-1 .content-box .category-name.color-3:after,
.course-box.style-5 .content-box .category-name.color-3:after {
      background-color: #17d292
}

.course-box.style-1 .content-box .category-name.color-4,
.course-box.style-5 .content-box .category-name.color-4 {
      color: #f70644
}

.course-box.style-1 .content-box .category-name.color-4:after,
.course-box.style-5 .content-box .category-name.color-4:after {
      background-color: #f70644
}

.course-box.style-1 .content-box .category-name.color-5,
.course-box.style-5 .content-box .category-name.color-5 {
      color: #f8af12
}

.course-box.style-1 .content-box .category-name.color-5:after,
.course-box.style-5 .content-box .category-name.color-5:after {
      background-color: #f8af12
}

.course-box.style-1 .content-box .category-name.color-6,
.course-box.style-5 .content-box .category-name.color-6 {
      color: #00cfdc
}

.course-box.style-1 .content-box .category-name.color-6:after,
.course-box.style-5 .content-box .category-name.color-6:after {
      background-color: #00cfdc
}

.course-box.style-1 .content-box .category-name.color-7,
.course-box.style-5 .content-box .category-name.color-7 {
      color: #f812bf
}

.course-box.style-1 .content-box .category-name.color-7:after,
.course-box.style-5 .content-box .category-name.color-7:after {
      background-color: #f812bf
}

.course-box.style-1 .content-box .category-name.color-8,
.course-box.style-5 .content-box .category-name.color-8 {
      color: #5730ff
}

.course-box.style-1 .content-box .category-name.color-8:after,
.course-box.style-5 .content-box .category-name.color-8:after {
      background-color: #5730ff
}

.course-box.style-1 .content-box .category-name.color-9,
.course-box.style-5 .content-box .category-name.color-9 {
      color: #4fdc88
}

.course-box.style-1 .content-box .category-name.color-9:after,
.course-box.style-5 .content-box .category-name.color-9:after {
      background-color: #4fdc88
}

.course-box.style-1 .content-box .category-name.color-10,
.course-box.style-5 .content-box .category-name.color-10 {
      color: #a8b113
}

.course-box.style-1 .content-box .category-name.color-10:after,
.course-box.style-5 .content-box .category-name.color-10:after {
      background-color: #a8b113
}

.course-box.style-1 .content-box .category-name.color-11,
.course-box.style-5 .content-box .category-name.color-11 {
      color: #f87912
}

.course-box.style-1 .content-box .category-name.color-11:after,
.course-box.style-5 .content-box .category-name.color-11:after {
      background-color: #f87912
}

.course-box.style-1 .content-box .category-name.color-12,
.course-box.style-5 .content-box .category-name.color-12 {
      color: #00dc5d
}

.course-box.style-1 .content-box .category-name.color-12:after,
.course-box.style-5 .content-box .category-name.color-12:after {
      background-color: #00dc5d
}

.course-box.style-1 .content-box .title,
.course-box.style-2 .content-box .title {
      font-weight: 500;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      font-size: 16px;
      line-height: 1.4
}

.course-box.style-1 .content-box .sub-title {
      letter-spacing: 1px;
      color: #0271d2;
      font-size: 17px;
      font-weight: 400;
      margin-bottom: 18px
}

.course-box.style-1 .content-box .course-feature li,
.course-box.style-5 .content-box .course-feature li {
      margin-right: 30px
}

.course-box.style-1 .content-box .course-feature li i {
      font-size: 15px;
      font-weight: 600;
      margin-right: 10px
}

.course-box.style-1 .course-footer {
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      border-top: 1px solid #d0d1d2;
      padding-top: 25px;
      margin-top: 25px
}

.course-box.style-1 .course-footer .course-fee,
.course-box.style-5 .course-footer .course-fee {
      color: #161616;
      font-size: 20px;
      font-family: var(--font_family_heading);
      font-weight: 600
}

.course-box.style-1 .course-footer .course-fee.offer-active,
.course-box.style-5 .course-footer .course-fee.offer-active {
      color: #ef1c1c
}

.course-box.style-1 .course-footer .course-fee.offer-active span,
.course-box.style-5 .course-footer .course-fee.offer-active span {
      font-weight: 400;
      display: inline-block;
      margin-left: 20px;
      color: #bababa;
      text-decoration: line-through
}

.course-box.style-1 .course-footer .course-rating,
.course-box.style-1 .hover-content .inner .course-admin .course-rating,
.course-box.style-5 .course-footer .course-rating,
.course-box.style-5 .hover-content .inner .course-admin .course-rating,
.testimonial-box .testimonial-rating {
      color: #f5c415;
      font-size: 14px
}

.content-single-wrapper .single-product-description .action-area2 li i,
.content-single-wrapper .single-product-description .rating li,
.course-box.style-1 .course-footer .course-rating li,
.course-box.style-1 .hover-content .inner .course-admin .course-rating li,
.course-box.style-5 .course-footer .course-rating li,
.course-box.style-5 .hover-content .inner .course-admin .course-rating li,
.event-search-form ul.form-items li,
.testimonial-box .testimonial-rating li {
      margin-right: 5px
}

.content-single-wrapper .single-product-description .rating .rating-count,
.course-box.style-1 .course-footer .course-rating .rating-count,
.course-box.style-5 .course-footer .course-rating .rating-count {
      color: #8d8d8d
}

.course-box.style-1 .hover-content {
      height: calc(100% + 40px);
      position: absolute;
      z-index: 2;
      top: -40px;
      left: 0;
      overflow: hidden;
      border-radius: 5px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-transition: .6s ease-in-out;
      transition: .6s ease-in-out
}

.course-box.style-1 .hover-content:after {
      border-radius: 5px;
      height: 100%;
      width: 100%;
      left: 0;
      top: -100%;
      content: "";
      background-color: var(--color_primary);
      position: absolute;
      z-index: -1;
      -webkit-transition: .4s ease-in-out 0.1s;
      transition: .4s ease-in-out 0.1s
}

.course-box.style-1 .hover-content .inner {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
      padding: 80px 30px 40px;
      border-radius: 5px;
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out
}

.course-box.style-1 .hover-content .inner .course-wish-list,
.course-box.style-5 .hover-content .inner .course-wish-list {
      display: inline-block;
      height: 50px;
      width: 50px;
      background-color: #f4245f;
      border: 1px solid #f4245f;
      font-size: 20px;
      color: #fff;
      border-radius: 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: absolute;
      right: 25px;
      top: 30px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.course-box.style-1 .hover-content .inner .course-wish-list:hover,
.course-box.style-5 .hover-content .inner .course-wish-list:hover {
      background-color: transparent;
      border: 1px solid #fff
}

.course-box.style-1 .hover-content .inner .category-name {
      color: #fff;
      position: relative;
      z-index: 1;
      padding-left: 10px;
      margin-bottom: 5px;
      font-weight: 500;
      font-family: var(--font_family_body);
      font-size: 15px
}

.course-box.style-1 .hover-content .inner .category-name:after,
.course-box.style-5 .hover-content .inner .category-name:after {
      background-color: #fff;
      position: absolute;
      z-index: 1;
      content: "";
      height: 1px;
      width: 5px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0;
      font-size: 30px;
      line-height: 1.2
}

.course-box.style-1 .hover-content .inner .title {
      font-weight: 500;
      color: #fff;
      margin-bottom: 15px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      font-size: 20px;
      font-family: var(--font_family_body);
      line-height: 1.4
}

.course-box.style-1 .hover-content .inner .title a,
.course-box.style-5 .hover-content .inner .title a {
      color: #fff;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.course-box.style-1 .hover-content .inner .course-admin {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 10px
}

.course-box.style-1 .hover-content .inner .course-admin .admin,
.course-box.style-5 .hover-content .inner .course-admin .admin {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      color: #fff;
      font-size: 17px;
      font-family: var(--font_family_heading)
}

.course-box.style-1 .hover-content .inner .course-admin .admin img,
.course-box.style-5 .hover-content .inner .course-admin .admin img {
      border-radius: 50%;
      margin-bottom: 5px
}

.course-box.style-1 .hover-content .inner .course-admin .admin span,
.course-box.style-5 .hover-content .inner .course-admin .admin span {
      display: inline-block;
      margin-left: 10px;
      margin-bottom: 5px
}

.course-box.style-1 .hover-content .inner .description,
.course-box.style-5 .hover-content .inner .description {
      color: #fff;
      font-size: 15px;
      margin-bottom: 17px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical
}

.course-box.style-1 .hover-content .inner .course-feature li {
      margin-right: 20px;
      color: #fff
}

.course-box.style-1 .hover-content .inner .course-feature li i {
      font-size: 15px;
      font-weight: 600;
      margin-right: 7px
}

.course-box.style-1 .hover-content .inner .course-footer {
      padding-top: 0;
      border-top: 0;
      margin-top: 0
}

.course-box.style-1 .hover-content .inner .course-footer .price {
      color: #fff;
      font-size: 20px;
      font-family: var(--font_family_heading);
      font-weight: 600
}

.course-box.style-1:hover .hover-content:after,
.course-box.style-5:hover .hover-content:after {
      top: 0;
      -webkit-transition-delay: 0s;
      transition-delay: 0s
}

.course-box.style-1:hover .hover-content .inner,
.course-box.style-5:hover .hover-content .inner {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition-delay: 0.1s;
      transition-delay: 0.1s
}

.course-box.style-1.additional-info,
.course-box.style-5.additional-info {
      min-height: 490px;
      padding: 38px;
      margin-top: 0;
      height: calc(100% - 30px);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: #fff;
      border: 2px dashed #c1c1c1
}

.course-box.style-1.additional-info .title {
      font-size: 30px;
      font-weight: 500;
      margin-bottom: 30px
}

.course-box.style-2 {
      box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
      margin-bottom: 30px;
      background-color: #fff;
      border-radius: 10px
}

.course-box.style-2 .figure-box,
.course-box.style-4 .figure-box,
.teacher-feature-wrap-style-1 {
      overflow: hidden;
      position: relative;
      z-index: 1
}

.course-box.style-2 .figure-box .course-status {
      background-color: #f21c1d;
      border-radius: 4px;
      padding: 5px 15px;
      font-weight: 500;
      font-size: 15px;
      font-family: var(--font_family_heading);
      color: #fff;
      position: absolute;
      z-index: 3;
      top: 30px;
      left: 30px;
      -webkit-transition: .5s;
      transition: .5s
}

.course-box.style-2 .figure-box img,
.course-box.style-4 .figure-box img {
      border-radius: 10px 10px 0 0;
      -webkit-transform: scale(1.01, 1.01);
      -ms-transform: scale(1.01, 1.01);
      transform: scale(1.01, 1.01);
      -webkit-transition: .5s;
      transition: .5s
}

.course-box.style-2 .content-box {
      position: relative;
      z-index: 1;
      padding: 35px 20px 20px
}

.course-box.style-2 .content-box .admin-figure {
      position: absolute;
      z-index: 1;
      border: 2px solid #fff;
      top: -30px;
      right: 30px;
      border-radius: 50%
}

.banner-info-style-1 .figure-box img,
.banner-info-style-2 .figure-box img,
.banner-info-style-3 .figure-box img,
.course-box.style-2 .content-box .admin-figure img,
.instructor-box.style-1 .figure-box img,
.profile-box .figure-box img,
.single-course-box.style-1 .review-wrap .review-box .figure-box img,
.teacher-feature-box.style-1 .teacher-list-wrap .teacher-list li .figure-box img,
.testimonial-box .figure-box img {
      border-radius: 50%
}

.course-box.style-2 .content-box .price {
      font-size: 22px;
      font-weight: 600;
      font-family: var(--font_family_heading);
      color: var(--color_primary)
}

.course-box.style-2 .content-box .rating {
      margin-right: 10px;
      color: var(--color_text_heading);
      font-size: 15px;
      font-weight: 600;
      font-family: var(--font_family_heading)
}

.course-box.style-2 .content-box .rating i {
      color: #f5c415;
      margin-right: 5px
}

.course-box.style-2 .content-box .teacher-name {
      color: #8d8d8d;
      font-size: 16px;
      font-weight: 500;
      font-family: var(--font_family_heading);
      margin-bottom: 10px
}

.course-box.style-2 .content-box .teacher-name a {
      color: #8d8d8d;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.course-box.style-2 .content-box .course-feature li,
.single-course-box.style-1 .title-info li {
      margin-right: 20px;
      font-size: 15px
}

.course-box.style-2 .content-box .course-feature li i {
      margin-right: 8px;
      color: var(--color_text_body)
}

.course-box.style-2:hover .figure-box .course-status {
      background-color: #0271d2
}

.course-box.style-2:hover .figure-box img,
.course-box.style-4:hover .figure-box img {
      -webkit-transform: scale(1.07, 1.07);
      -ms-transform: scale(1.07, 1.07);
      transform: scale(1.07, 1.07)
}

.list-box .course-box.style-2 {
      display: flex;
      align-items: center;
      margin-bottom: 30px
}

.course-box.style-5,
.course-box.style-5 .course-footer,
.course-box.style-5 .figure-box {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: -webkit-box
}

.list-box .course-box.style-2 .content-box {
      flex: auto
}

.category-box.style-3,
.course-box.style-3,
.progress-box.style-1,
.progress-box.style-2,
.speaker-box.style-1 {
      text-align: center;
      margin-bottom: 30px
}

.course-box.style-3 .figure-box {
      margin-bottom: 30px;
      border-radius: 10px
}

.course-box.style-3 .figure-box img {
      -webkit-transform: scale(1.01, 1.01);
      -ms-transform: scale(1.01, 1.01);
      transform: scale(1.01, 1.01);
      -webkit-transition: .5s;
      transition: .5s
}

.course-box.style-3 .figure-box a {
      padding: 20px;
      display: block
}

.course-box.style-3 .figure-box.color-1 {
      background-color: #36b1ff
}

.course-box.style-3 .figure-box.color-2 {
      background-color: #fe1f58
}

.course-box.style-3 .figure-box.color-3 {
      background-color: #35d363
}

.course-box.style-3 .figure-box.color-4 {
      background-color: #e036ff
}

.course-box.style-3 .figure-box.color-5 {
      background-color: #feae52
}

.course-box.style-3 .figure-box.color-6 {
      background-color: #1f88fe
}

.course-box.style-3 .figure-box.color-7 {
      background-color: #b960fd
}

.course-box.style-3 .figure-box.color-8 {
      background-color: #ec4b19
}

.course-box.style-3 .content-box .category-name {
      margin-bottom: 10px;
      font-size: 14px;
      font-family: var(--font_family_heading);
      padding: 1px 17px;
      border-radius: 2px;
      display: inline-block;
      font-weight: 500
}

.course-box.style-3 .content-box .category-name.color-1 {
      color: #02366a;
      background-color: rgba(240, 19, 165, .1)
}

.course-box.style-3 .content-box .category-name.color-2,
.course-box.style-3 .content-box .category-name.color-6 {
      color: #7013f0;
      background-color: rgba(112, 19, 240, .1)
}

.course-box.style-3 .content-box .category-name.color-3 {
      color: #f8af12;
      background-color: rgba(248, 175, 18, .1)
}

.course-box.style-3 .content-box .category-name.color-4 {
      color: #f70644;
      background-color: rgba(247, 6, 68, .1)
}

.course-box.style-3 .content-box .category-name.color-5 {
      color: #2be24d;
      background-color: rgba(43, 226, 77, .1)
}

.course-box.style-3 .content-box .category-name.color-7 {
      color: #2d8af5;
      background-color: rgba(45, 138, 245, .1)
}

.course-box.style-3 .content-box .category-name.color-8 {
      color: #ff8316;
      background-color: rgba(255, 131, 22, .1)
}

.course-box.style-3 .content-box .title {
      font-size: 22px;
      font-weight: 500;
      margin-bottom: 5px
}

.course-box.style-3 .content-box .sub-title {
      color: var(--color_primary);
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 5px
}

.banner-info-style-1 .list-info li,
.course-box.style-3 .content-box .course-fee,
.course-box.style-4:hover .figure-box .price {
      color: var(--color_text_heading);
      color: var(--color_text_heading)
}

.course-box.style-3 .content-box .course-fee {
      font-size: 20px;
      font-weight: 600
}

.course-box.style-3:hover .figure-box img {
      -webkit-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2)
}

.course-box.style-4 .figure-box .price {
      position: absolute;
      z-index: 1;
      top: 20px;
      left: 30px;
      font-family: var(--font_family_heading);
      font-weight: 600;
      font-size: 16px;
      background-color: var(--color_primary);
      color: #fff;
      padding: 8px 19px 6px;
      border-radius: 5px;
      -webkit-transition: .5s;
      transition: .5s
}

.course-box.style-4 .content-box {
      padding: 23px 30px 30px;
      background-color: #fff
}

.course-box.style-4 .content-box .teacher-name {
      font-size: 17px;
      font-family: var(--font_family_heading)
}

.course-box.style-4 .content-box .title {
      font-weight: 500;
      margin-bottom: 15px
}

.course-box.style-4 .content-box .description,
.testimonial-box.style-2 .description,
.testimonial-box.style-3 .description,
.testimonial-box.style-4 .description,
.widget-course-category .widget-section-heading,
.widget-course-info .bottom-content .payment {
      margin-bottom: 25px
}

.course-box.style-4:hover .figure-box .price {
      background-color: #f7bc20
}

.course-box.style-5 {
      margin-left: 25px;
      display: flex;
      box-shadow: 0 0 50px 0 rgba(0, 0, 0, .08);
      background-color: #fff;
      padding: 35px 20px;
      border-radius: 4px;
      margin-bottom: 30px;
      position: relative;
      z-index: 1
}

.banner-info-style-1 .category-name,
.banner-info-style-2 .category-name-wrap li:first-child,
.banner-info-style-3 .category-name-wrap li:first-child {
      color: #7013f0;
      background-color: #f2e8ff
}

.course-box.style-5 .figure-box {
      margin-left: -45px;
      margin-right: 20px;
      max-width: 240px;
      width: 100%;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
}

.course-box.style-5 .figure-box img {
      border-radius: 10px 0 0 10px
}

.banner-info-style-1 .category-name,
.banner-info-style-2 .category-name-wrap li.category-name,
.banner-info-style-3 .category-name-wrap li.category-name {
      border-radius: 2px;
      display: inline-block;
      font-family: var(--font_family_heading)
}

.course-box.style-5 .content-box .category-name {
      text-transform: uppercase;
      position: relative;
      z-index: 1;
      padding-left: 10px;
      margin-bottom: 5px;
      font-family: var(--font_family_heading);
      font-weight: 500
}

.course-box.style-5 .content-box .title {
      font-weight: 500;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical
}

.course-box.style-5 .content-box .course-feature,
.footer.style-2 .footer-bottom .footer-logo,
.price-box.style-1 .content-box .feature-list .single-item,
.sidebar-widget .widget .widget-section-heading {
      margin-bottom: 10px
}

.course-box.style-5 .course-footer {
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between
}

.course-box.style-5 .course-footer .sub-title {
      letter-spacing: 1px;
      color: #0271d2;
      font-size: 17px;
      font-weight: 600;
      margin-bottom: 0
}

.course-box.style-5 .hover-content {
      width: calc(100% + 25px);
      height: 100%;
      position: absolute;
      z-index: 2;
      top: 0;
      left: -25px;
      overflow: hidden;
      border-radius: 5px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-transition: .6s ease-in-out;
      transition: .6s ease-in-out
}

.course-box.style-5 .hover-content:after {
      border-radius: 5px;
      height: 100%;
      width: 100%;
      left: 0;
      top: -100%;
      content: "";
      background-color: var(--color_primary);
      position: absolute;
      z-index: -1;
      -webkit-transition: .6s ease-in-out 0.1s;
      transition: .6s ease-in-out 0.1s
}

.course-box.style-5 .hover-content .inner {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
      padding: 22px 32px 28px;
      border-radius: 5px;
      -webkit-transition: .6s ease-in-out;
      transition: .6s ease-in-out
}

.course-box.style-5 .hover-content .inner .category-name {
      color: #fff;
      position: relative;
      z-index: 1;
      padding-left: 10px;
      margin-bottom: 0;
      font-weight: 500;
      font-family: var(--font_family_heading)
}

.course-box.style-5 .hover-content .inner .title {
      font-weight: 500;
      color: #fff;
      margin-bottom: 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical
}

.course-box.style-5 .hover-content .inner .course-admin {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: left;
      -webkit-justify-content: left;
      -ms-flex-pack: left;
      justify-content: left;
      margin-bottom: 10px
}

.course-box.style-5 .hover-content .inner .course-feature li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin-right: 20px;
      color: #fff
}

.course-box.style-5 .hover-content .inner .course-footer {
      padding-top: 0;
      border-top: 0;
      margin-top: 0;
      -webkit-box-pack: left;
      -webkit-justify-content: left;
      -ms-flex-pack: left;
      justify-content: left
}

.course-box.style-5 .hover-content .inner .course-footer .price {
      margin-left: 30px;
      color: #fff;
      font-size: 20px;
      font-family: var(--font_family_heading);
      font-weight: 600
}

.course-box.style-5.additional-info .title {
      font-size: 36px;
      font-weight: 500;
      margin-bottom: 30px
}

.banner-info-style-1 {
      background-color: #edf6ff;
      padding-bottom: 100px
}

.banner-info-style-1 .content-box,
.banner-info-style-2 .content-box,
.banner-info-style-3 .content-box {
      margin-bottom: 30px;
      max-width: 550px;
      width: 100%
}

.banner-info-style-1 .category-name {
      margin-bottom: 20px;
      padding: 6px 28px;
      font-size: 18px
}

.banner-info-style-1 .title,
.banner-info-style-3 .title {
      font-size: 40px;
      font-weight: 600;
      margin-bottom: 20px;
      line-height: 1.3
}

.banner-info-style-1 .list-info li {
      margin-bottom: 10px;
      margin-right: 30px;
      font-family: var(--font_family_heading);
      font-size: 17px;
      font-weight: 500;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
}

.banner-info-style-1 .list-info li img,
.banner-info-style-2 .list-info li img,
.banner-info-style-3 .list-info li img {
      margin-right: 10px;
      border-radius: 50%
}

.banner-info-style-1 .list-info li .list-rating li,
.banner-info-style-3 .list-info li .list-rating li {
      margin-bottom: 0;
      font-size: 14px;
      color: #f5c415;
      margin-right: 5px
}

.banner-info-style-1 .figure-box,
.banner-info-style-2 .figure-box,
.banner-info-style-3 .figure-box {
      display: inline-block;
      margin-bottom: 30px;
      position: relative;
      z-index: 1
}

.banner-info-style-1 .figure-box .play-btn,
.banner-info-style-2 .figure-box .play-btn,
.banner-info-style-3 .figure-box .play-btn {
      line-height: 1;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      font-size: 30px;
      color: #fff;
      background-color: #dc0024;
      padding: 23px 42px;
      border-radius: 20px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.banner-info-style-1 .figure-box .play-btn:hover,
.banner-info-style-2 .figure-box .play-btn:hover,
.banner-info-style-3 .figure-box .play-btn:hover {
      background-color: #fff;
      color: #dc0024
}

.banner-info-style-2 {
      background-color: var(--color_primary);
      padding-bottom: 30px
}

.banner-info-style-2 .category-name-wrap li.category-name {
      margin-bottom: 20px;
      padding: 6px 28px;
      font-size: 18px
}

.banner-info-style-2 .category-name-wrap li:nth-child(2n) {
      color: var(--color_primary);
      background-color: #fff
}

.banner-info-style-2 .title {
      font-size: 40px;
      font-weight: 600;
      margin-bottom: 20px;
      line-height: 1.3;
      color: #fff
}

.banner-info-style-2 .description {
      color: #f2f2f2;
      margin-bottom: 30px
}

.banner-info-style-2 .list-info li {
      margin-bottom: 10px;
      margin-right: 30px;
      color: #f3f3f3
}

.banner-info-style-2 .list-info li .list-rating {
      font-size: 14px
}

.banner-info-style-2 .list-info li .list-rating li {
      margin-bottom: 0;
      color: #f5c415;
      margin-right: 5px
}

.banner-info-style-3 {
      background-color: #fff;
      padding-top: 50px;
      padding-bottom: 20px
}

.banner-info-style-3 .category-name-wrap li.category-name {
      margin-bottom: 20px;
      padding: 6px 20px;
      font-size: 18px
}

.banner-info-style-3 .list-info li {
      margin-bottom: 10px;
      margin-right: 30px;
      color: #6b6b6b;
      font-family: var(--font_family_heading);
      font-size: 17px;
      font-weight: 500;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
}

.banner-info-style-3 .list-info li .list-rating .rating-count {
      color: #6b6b6b
}

.single-course-wrap-style-2 {
      padding-top: 65px;
      padding-bottom: 90px
}

.single-course-box.style-1 .main-title {
      font-weight: 500;
      margin-bottom: 20px
}

.single-course-box.style-1 .inner-title {
      margin-bottom: 14px;
      font-weight: 500
}

.single-course-box.style-1 h2.inner-title {
      font-size: 26px;
      font-weight: 500;
      margin-bottom: 20px
}

.single-course-box.style-1 .list-info-1 li,
.single-course-box.style-1 .list-info-2 li {
      margin-bottom: 5px;
      color: #343434;
      position: relative;
      padding-left: 25px;
      z-index: 1
}

.single-course-box.style-1 .list-info-1 li {
      font-size: 18px;
      font-family: var(--font_family_heading)
}

.single-course-box.style-1 .list-info-1 li:before {
      content: "\f058";
      position: absolute;
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      font-size: 16px;
      left: 0;
      top: 5px;
      line-height: 1;
      color: var(--color_primary)
}

.single-course-box.style-1 .list-info-2 li:before {
      content: "\f058";
      position: absolute;
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      left: 0;
      top: 5px;
      line-height: 1;
      color: var(--color_primary)
}

.single-course-box.style-1 .accordion .item-nav {
      padding: 13px 25px;
      background-color: transparent
}

.single-course-box.style-1 .accordion .item-nav a {
      color: var(--color_text_heading);
      font-size: 20px;
      font-weight: 500;
      position: relative;
      z-index: 1;
      display: block
}

.single-course-box.style-1 .accordion .item-nav a:after {
      position: absolute;
      content: "\f068";
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 0;
      font-size: 14px;
      z-index: 5;
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      color: var(--color_primary)
}

.faq-box.style-1 .single-item .item-nav a.collapsed:after,
.single-course-box.style-1 .accordion .item-nav a.collapsed:after {
      color: #818080;
      content: "\f067"
}

.single-course-box.style-1 .accordion .list-info li {
      color: #6b6b6b;
      padding: 12px 25px;
      margin-bottom: 0;
      border-bottom: 1px solid rgba(0, 0, 0, .125);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between
}

.single-course-box.style-1 .accordion .list-info li .left-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      font-family: var(--font_family_heading)
}

.single-course-box.style-1 .accordion .list-info li .left-content i {
      margin-right: 10px;
      font-size: 20px
}

.single-course-box.style-1 .accordion .list-info li .right-content i {
      font-size: 14px;
      color: #aeb1b4
}

.single-course-box.style-1 .accordion .list-info li:last-child {
      margin-bottom: 0;
      border-bottom: 0
}

.single-course-box.style-1 .instructor-wrap .instructor-box {
      padding: 30px;
      border: 1px solid #e1e1e1;
      border-radius: 10px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
}

.single-course-box.style-1 .instructor-wrap .instructor-box .figure-box {
      margin-right: 20px;
      max-width: 150px;
      width: 100%
}

.single-course-box.style-1 .instructor-wrap .instructor-box .content-box .title {
      font-weight: 500;
      font-size: 20px;
      margin-bottom: 0
}

.single-course-box.style-1 .instructor-wrap .instructor-box .content-box .sub-title {
      font-size: 15px;
      font-weight: 400;
      color: var(--color_primary)
}

.single-course-box.style-1 .instructor-wrap .instructor-box .content-box .rating-list {
      position: absolute;
      right: 0;
      top: 0
}

.single-course-box.style-1 .instructor-wrap .instructor-box .content-box .rating-list li {
      color: #faba1f;
      font-size: 15px;
      margin-right: 7px
}

.single-course-box.style-1 .instructor-wrap .instructor-box .content-box .entry-meta {
      margin-top: 20px
}

.single-course-box.style-1 .instructor-wrap .instructor-box .content-box .entry-meta li {
      font-size: 16px;
      margin-right: 30px
}

.single-course-box.style-1 .instructor-wrap .instructor-box .content-box .entry-meta li i {
      font-size: 18px;
      margin-right: 10px
}

.instructor-box.style-1 .header-content,
.single-course-box.style-1 .review-wrap .review-box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex
}

.single-course-box.style-1 .review-wrap .review-box .content-box .rating li {
      color: #f9b91f;
      margin-right: 8px
}

.single-course-box.style-1 .review-wrap .review-box .content-box .rating-date {
      color: #575757
}

.single-course-box.style-1 .review-wrap .review-box .content-box .title {
      font-weight: 500;
      font-size: 22px
}

.single-course-box.style-1 .write-review-wrap .rating li {
      color: #e3e3e3;
      margin-right: 8px
}

.single-course-box.style-1 .write-review-wrap .rating li:first-child {
      color: #f9b91f
}

.single-course-box.style-1 .write-review-wrap form input {
      height: 60px;
      border-color: #e1e1e1
}

.single-course-box.style-1 .write-review-wrap form .item-btn {
      letter-spacing: 1px
}

.testimonial-wrap-style-1 {
      padding-top: 113px;
      overflow: hidden;
      background-color: #f7f7f7
}

.testimonial-wrap-style-1 .right-full-width {
      padding-left: calc((100% - 1200px)/ 2)
}

.template-search .search-form .search-btn i,
.testimonial-wrap-style-1 .right-full-width .slick-carousel {
      margin-left: 0
}

.testimonial-wrap-style-1 .slick-arrow {
      background-color: #fff;
      border-radius: 5px;
      color: var(--color_primary);
      height: 50px;
      width: 50px;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: absolute;
      top: -120px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.testimonial-wrap-style-2 .slick-arrow,
.works-box.style-1 .play-btn {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox
}

.testimonial-wrap-style-1 .slick-prev {
      right: calc(((100% - 1200px)/ 2) + 60px)
}

.testimonial-wrap-style-1 .slick-next {
      right: calc((100% - 1200px)/ 2)
}

.testimonial-box .title {
      margin-bottom: 0;
      font-size: 24px;
      font-weight: 500
}

.testimonial-box .designation {
      color: #7a7979;
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 0;
      font-family: var(--font_family_heading)
}

.testimonial-box.style-1 {
      background-color: #fff;
      border-radius: 20px;
      padding: 45px 50px
}

.testimonial-box.style-1 .icon-box {
      color: var(--color_primary);
      font-size: 42px;
      line-height: 1;
      margin-bottom: 25px
}

.testimonial-box.style-1 .description {
      margin-bottom: 40px;
      font-size: 20px;
      font-style: italic
}

.testimonial-box.style-1 .customer-info {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 30px
}

.profile-box .content-box,
.testimonial-box.style-1 .customer-info .content-box {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1
}

.testimonial-box.style-2 {
      background-color: #fff;
      margin-bottom: 30px;
      border-radius: 10px;
      padding: 25px 20px;
      text-align: center;
      box-shadow: 0 0 15px 0 rgba(0, 0, 0, .04)
}

.testimonial-box.style-3,
.testimonial-box.style-4 {
      margin-bottom: 30px;
      border-radius: 15px;
      text-align: center
}

.event-box.style-1:hover,
.meeting-box.style-1:hover,
.testimonial-box.style-4 {
      box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1)
}

.testimonial-box.style-2 .figure-box img,
.testimonial-box.style-3 .figure-box img,
.testimonial-box.style-4 .figure-box img {
      margin-left: auto;
      margin-right: auto
}

.testimonial-box.style-2 .testimonial-rating,
.testimonial-box.style-3 .testimonial-rating,
.testimonial-box.style-4 .testimonial-rating {
      margin-bottom: 20px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center
}

.testimonial-box.style-2 .rating-for,
.testimonial-box.style-3 .rating-for,
.testimonial-box.style-4 .rating-for {
      color: var(--color_primary);
      font-size: 18px;
      font-weight: 500;
      font-family: var(--font_family_heading)
}

.testimonial-box.style-3 {
      background-color: #f7fbff;
      padding: 35px 30px
}

.testimonial-box.style-4 {
      background-color: #fff;
      padding: 35px 50px
}

.testimonial-box.style-4 .icon-box {
      color: #000;
      position: absolute;
      z-index: 1;
      font-size: 80px;
      right: 50px;
      top: 30px;
      opacity: .05;
      line-height: 1
}

.testimonial-wrap-style-2 {
      padding-top: 110px;
      padding-bottom: 171px;
      background-color: #fff;
      position: relative;
      z-index: 1
}

.testimonial-wrap-style-2:before {
      content: "";
      position: absolute;
      top: 360px;
      width: 100%;
      z-index: 0;
      border-top: 220px solid #f4f9ff;
      border-left: 100vw solid transparent;
      right: 0
}

.testimonial-wrap-style-2:after {
      content: "";
      background-color: #f4f9ff;
      height: 360px;
      width: 100%;
      top: 0;
      left: 0;
      right: 0;
      position: absolute;
      z-index: -1
}

.testimonial-wrap-style-2 .slick-arrow {
      border: 1px solid #e1e1e1;
      background-color: transparent;
      border-radius: 50%;
      color: #e1e1e1;
      height: 40px;
      width: 40px;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: absolute;
      bottom: -50px;
      text-align: center;
      cursor: pointer;
      font-size: 12px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.event-box.style-1 .content-box .location,
.single-event-wrap-style-1 .countdown {
      -webkit-box-align: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox
}

.testimonial-wrap-style-2 .slick-prev {
      right: calc(50% + 5px)
}

.testimonial-wrap-style-2 .slick-next {
      left: calc(50% + 5px)
}

.testimonial-wrap-style-3 {
      padding-bottom: 90px;
      box-shadow: 0 0 50px 0 rgba(0, 0, 0, .02)
}

.testimonial-wrap-style-4 {
      overflow: hidden;
      padding-top: 110px;
      padding-bottom: 102px
}

.testimonial-wrap-style-4 .swiper-container {
      width: 100%;
      padding-top: 30px;
      padding-bottom: 50px
}

.testimonial-wrap-style-4 .swiper-slide {
      background-position: center;
      background-size: cover;
      width: 300px;
      height: 300px
}
 

.event-wrap-style-1 {
      padding-bottom: 90px;
      padding-top: 110px
}

.event-box.style-1 {
      box-shadow: 0 0 50px 0 rgba(0, 0, 0, .05);
      margin-bottom: 30px;
      border-radius: 10px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.event-box.style-1 .figure-box {
      position: relative;
      z-index: 1;
      border-radius: 10px 10px 0 0;
      overflow: hidden
}

.event-box.style-1 .figure-box img {
      border-radius: 10px 10px 0 0;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

.event-box.style-1 .figure-box .date {
      position: absolute;
      z-index: 1;
      right: 20px;
      top: 20px;
      background-color: var(--color_primary);
      padding: 6px 12px 5px;
      color: #fff;
      border-radius: 3px;
      font-family: var(--font_family_heading);
      font-size: 15px;
      font-weight: 500
}

.event-box.style-1 .content-box {
      padding: 25px;
      background-color: #fff
}

.event-box.style-1 .content-box .location {
      color: #8d8d8d;
      font-size: 16px;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
}

.event-box.style-1 .content-box .location i {
      font-size: 18px;
      margin-right: 10px;
      color: var(--color_primary)
}

.event-box.style-1:hover .figure-box img {
      -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
      transform: scale(1.15)
}

.single-event-wrap-style-1 {
      padding-bottom: 0
}

.single-event-wrap-style-1 .countdown {
      margin-bottom: 15px;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center
}

.single-event-wrap-style-1 .countdown .countdown-section {
      margin-bottom: 12px;
      margin-right: 6px;
      margin-left: 6px;
      height: 120px;
      width: 120px;
      border: 1px solid #e2e2e2;
      border-radius: 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column
}

.single-event-wrap-style-1 .countdown .countdown-section h2 {
      font-size: 24px;
      font-weight: 600;
      color: var(--color_primary);
      margin-bottom: 0
}

.single-event-wrap-style-1 .countdown .countdown-section p {
      font-size: 18px;
      font-weight: 500;
      margin-bottom: 0
}

.single-event-wrap-style-1 .main-title {
      font-size: 40px;
      font-weight: 500;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20px;
      max-width: 900px;
      width: 100%
}

.become-instructor-box.style-2 .content-box,
.single-event-wrap-style-1 .entry-meta,
.teacher-feature-box.style-1 .feature-list {
      margin-bottom: 35px
}

.single-event-wrap-style-1 .entry-meta li {
      color: #8d8d8d;
      font-size: 18px
}

.single-event-wrap-style-1 .figure-box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding: 50px;
      margin-bottom: 40px;
      position: relative;
      z-index: 1;
      border-radius: 15px;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat
}

.event-search-form ul.form-items,
.teacher-feature-box.style-1,
.works-box.style-1,
.works-box.style-1 .work-process li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox
}

.single-event-wrap-style-1 .figure-box .event-info {
      max-width: 390px;
      width: 100%;
      padding: 45px 35px;
      background-color: #fff;
      border-radius: 10px;
      box-shadow: 0 0 100px 0 rgba(0, 0, 0, .1);
      z-index: 1
}

.single-event-wrap-style-1 .figure-box .event-info .list-info li {
      margin-bottom: 10px;
      color: var(--color_text_heading);
      font-size: 18px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      font-weight: 500;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between
}

.single-event-wrap-style-1 .figure-box .event-info .list-info li i {
      margin-right: 10px;
      font-size: 26px;
      font-weight: 900
}

.single-event-wrap-style-1 .figure-box .event-info .list-info li .info-value {
      font-size: 24px
}

.single-event-wrap-style-1 .figure-box .event-info .list-info li .hilight-value {
      font-weight: 600;
      color: #de1e1e
}

.single-event-wrap-style-1 .figure-box .event-info .custom-btn-fill {
      width: 100%;
      text-align: center;
      margin-bottom: 30px;
      font-size: 22px;
      font-weight: 600
}

.single-event-wrap-style-1 .figure-box .single-event-social {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%
}

.profile-box .content-box .profile-social li,
.single-event-wrap-style-1 .figure-box .single-event-social li {
      margin-right: 10px;
      margin-bottom: 5px
}

.profile-box .content-box .profile-social li a,
.single-event-wrap-style-1 .figure-box .single-event-social li a {
      font-size: 15px;
      color: var(--color_primary);
      height: 45px;
      width: 45px;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      border: 1px solid #d7d7d7;
      background-color: transparent;
      border-radius: 50%;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.profile-box .content-box .profile-social li a:hover,
.single-event-wrap-style-1 .figure-box .single-event-social li a:hover {
      border-color: var(--color_primary);
      background-color: var(--color_primary);
      color: #fff
}

.event-wrap-style-2 {
      padding-top: 0;
      padding-bottom: 90px;
      position: relative;
      z-index: 1;
      background-color: #f7fbff
}

.event-wrap-style-2:before {
      position: absolute;
      z-index: -1;
      content: "";
      height: 500px;
      width: 100%;
      background-color: #fff;
      top: 0;
      left: 0
}

.map-box.style-2 {
      height: 500px;
      border-radius: 10px;
      margin-right: -100px
}

.address-box.style-2 {
      border-radius: 15px;
      padding: 60px;
      background-color: #fff;
      box-shadow: 0 0 100px 0 rgba(0, 0, 0, .1)
}

.address-box.style-2 .address-list li {
      margin-bottom: 20px;
      font-size: 18px
}

.address-box.style-2 .address-list li .title {
      margin-bottom: 0;
      font-size: 18px;
      font-weight: 500
}

.event-search-form {
      background-color: #fff;
      box-shadow: 0 0 100px 0 rgba(0, 0, 0, .05);
      padding: 25px 25px 10px;
      margin-bottom: 60px
}

.event-search-form .input-group {
      width: 100%;
      margin-bottom: 15px;
      border: 1px solid #d8d8d8
}

.event-search-form .input-group .form-control {
      height: 50px;
      background: #fff;
      box-shadow: none;
      border: 0;
      border-radius: 5px
}

.event-search-form .input-group input {
      height: 50px;
      color: #111;
      padding: 5px 20px;
      font-size: 15px
}

.event-search-form .input-group .input-group-addon button {
      height: 100%;
      width: 50px;
      border: none;
      background: #fff;
      border-radius: 0 4px 4px 0;
      cursor: pointer
}

.event-search-form .form-response .alert-info {
      background: 0 0;
      border: none;
      color: #a8a7a7;
      letter-spacing: 5px
}

.event-search-form .form-response .alert-success {
      background-color: transparent;
      color: red;
      letter-spacing: 4px;
      border-color: transparent;
      font-weight: 500
}

@media only screen and (max-width:575px) {
      .event-search-form .form-response .alert-success {
            letter-spacing: 1px
      }
}

.event-search-form .form-response .alert {
      border-radius: 0;
      padding: 15px 0
}

.event-search-form input::-webkit-input-placeholder {
      color: #646464
}

.event-search-form input::-moz-placeholder {
      color: #646464
}

.event-search-form input:-moz-placeholder {
      color: #646464
}

.event-search-form input:-ms-input-placeholder {
      color: #646464
}

.event-search-form ul.form-items {
      display: flex
}

.event-search-form ul.form-items li:nth-child(1n),
.event-search-form ul.form-items li:nth-child(2n) {
      width: calc(20% - 5px)
}

.event-search-form ul.form-items li:nth-child(3n) {
      width: 20%
}

@media only screen and (max-width:767px) {
      .event-search-form ul.form-items {
            display: inherit
      }

      .event-search-form ul.form-items li:nth-child(1n),
      .event-search-form ul.form-items li:nth-child(2n) {
            width: 100%
      }

      .event-search-form ul.form-items li:nth-child(3n) {
            width: 100%;
            margin: 0 auto
      }
}

.event-search-form ul.form-items li .item-btn {
      padding: 5px;
      background-color: var(--color_primary);
      border-radius: 4px;
      color: #fff;
      font-size: 20px;
      border: 1px solid var(--color_primary);
      width: 100%;
      min-height: 50px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      cursor: pointer;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.event-search-form ul.form-items li .item-btn:hover {
      background-color: orange;
      border: 1px solid orange
}

.works-box.style-1 .play-btn,
.works-box.style-2 .play-btn {
      border-radius: 50%;
      -webkit-transition: .3s ease-in-out;
      position: absolute
}

.guide-wrap-style-1 {
      overflow: hidden;
      padding-top: 95px;
      padding-bottom: 95px;
      background-color: #fff;
      position: relative;
      z-index: 1
}

.guide-wrap-style-1:before {
      content: "";
      height: 450px;
      width: 100%;
      background-color: var(--color_primary);
      top: 0;
      left: 0;
      right: 0;
      position: absolute;
      z-index: -1
}

.guide-wrap-style-1 .shape-wrap-left {
      list-style: none;
      position: absolute;
      z-index: 1;
      left: 0;
      top: 0
}

.guide-wrap-style-1 .shape-wrap-right li:nth-child(1n) {
      top: 100px;
      right: calc(((100% - 1200px)/ 2) - 100px)
}

.guide-wrap-style-1 .shape-wrap-right li:nth-child(2n) {
      top: 160px;
      right: calc(((100% - 1200px)/ 2) - 80px)
}

.guide-box.style-1 {
      background-color: #fff;
      padding: 73px 35px 68px;
      text-align: center;
      border-radius: 10px;
      position: relative;
      z-index: 1;
      box-shadow: 0 0 70px 0 rgba(0, 0, 0, .03);
      margin-bottom: 15px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
      overflow: hidden
}

.guide-box.style-1 .line-shap {
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0
}

.guide-box.style-1 .line-shap.after-shape {
      opacity: 1;
      visibility: visible;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.guide-box.style-1 .line-shap.before-shape {
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.guide-box.style-1 .icon-box {
      font-size: 70px;
      color: var(--color_primary);
      line-height: 1;
      margin-bottom: 15px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.guide-box.style-1 .title {
      font-weight: 500;
      margin-bottom: 10px;
      font-size: 24px
}

.guide-box.style-1 .description {
      margin-bottom: 0;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.guide-box.style-1:hover {
      background-color: var(--color_secondary)
}

.guide-box.style-1:hover .description,
footer .widget-heading.heading-dark {
      color: #161616
}

.progress-wrap-style-1 {
      padding-top: 70px;
      padding-bottom: 80px
}

.progress-box.style-1 .counting-number {
      color: var(--color_primary);
      font-size: 50px;
      font-weight: 400;
      margin-bottom: 0
}

.feature-box.style-1 .content-box .title,
.progress-box.style-1 .counting-text {
      font-size: 22px;
      font-weight: 500
}

.progress-wrap-style-2 {
      padding-top: 82px;
      padding-bottom: 80px
}

.progress-box.style-2 .counting-number {
      color: #fff;
      font-size: 50px;
      font-weight: 500;
      margin-bottom: 0
}

.progress-box.style-2 .counting-text {
      font-size: 24px;
      font-weight: 400;
      color: #fff
}

.works-wrap-style-1 {
      overflow: hidden;
      padding-bottom: 0;
      padding-top: 110px
}

.works-box.style-1 {
      width: 100%;
      margin-bottom: 30px;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center
}

.works-box.style-1 .inner {
      text-align: center;
      padding: 70px 0;
      width: 100%;
      position: relative;
      z-index: 1
}

.works-box.style-1 .inner:before {
      position: absolute;
      z-index: 0;
      height: 95%;
      width: 40%;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      content: "";
      background-color: #f9fafe;
      border-radius: 20px
}

.works-box.style-1 .inner .shape1 li:nth-child(1n) {
      top: 0;
      left: 0;
      bottom: inherit
}

.works-box.style-1 .inner .shape1 li:nth-child(2n) {
      bottom: 0;
      left: 70px;
      top: inherit
}

.works-box.style-1 .inner .shape1 li:nth-child(3n) {
      bottom: 50%;
      left: 100%;
      top: inherit;
      right: inherit;
      -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
      transform: translateY(50%)
}

.works-box.style-1 .inner .shape2 li {
      position: absolute;
      z-index: -1;
      top: 50%;
      right: -195px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
}

.works-box.style-1 .work-process li {
      display: flex;
      padding: 20px 45px;
      border-radius: 10px;
      margin-bottom: 20px
}

.works-box.style-1 .work-process li .icon-box {
      line-height: 1.2;
      color: var(--color_primary);
      font-size: 40px;
      margin-right: 10px
}

.works-box.style-1 .work-process li .content-box .title {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 5px
}

.works-box.style-1 .work-process li:nth-child(odd) {
      background-color: #edf6ff;
      margin-right: 50px
}

.works-box.style-1 .work-process li:nth-child(2n) {
      background-color: var(--color_primary);
      margin-left: 50px
}

.works-box.style-1 .figure-box {
      position: relative;
      z-index: 1;
      display: inline-block
}

.works-box.style-1 .play-btn {
      height: 100px;
      width: 100px;
      background-color: #f81608;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: #fff;
      font-size: 30px;
      bottom: 20px;
      left: 20px;
      box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
      transition: .3s ease-in-out
}

.teacher-feature-box.style-1 .feature-course-wrap .figure-box .play-btn:hover,
.works-box.style-1 .play-btn:hover {
      background-color: #fff;
      color: #f81608
}

.works-wrap-style-2 {
      overflow: hidden;
      padding-top: 115px;
      padding-bottom: 0;
      position: relative;
      z-index: 1;
      background-attachment: fixed;
      background-position: center;
      background-size: cover
}

.works-wrap-style-2:before {
      position: absolute;
      z-index: 0;
      width: 100%;
      height: 100%;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      content: "";
      background: rgba(0, 0, 0, .45)
}

.works-box.style-2 {
      height: 100%;
      width: 100%;
      position: relative;
      z-index: 1
}

.works-box.style-2 .section-heading {
      color: #fff;
      letter-spacing: 2px;
      font-size: 16px;
      font-weight: 500;
      font-family: var(--font_family_heading);
      margin-bottom: 8px
}

.works-box.style-2 .title {
      font-size: 60px;
      font-weight: 500;
      color: #fff;
      margin-bottom: 30px;
      line-height: 1.17
}

.works-box.style-2 .sub-title {
      font-size: 30px;
      font-weight: 500;
      color: #fff
}

.works-box.style-2 .play-btn {
      margin: 0 30px;
      height: 110px;
      width: 110px;
      font-size: 32px;
      background-color: #fff;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: var(--color_primary);
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      transition: .3s ease-in-out
}

.teacher-feature-wrap-style-1:before {
      position: absolute;
      z-index: 0;
      content: "";
      height: 100%;
      width: 42%;
      top: 0;
      left: 0;
      border-radius: 0 20px 20px 0;
      -webkit-transform: skewY(-5deg);
      -ms-transform: skewY(-5deg);
      transform: skewY(-5deg);
      background: #020024;
      background: -webkit-linear-gradient(left, #fff 0, #f4f9ff 100%);
      background: linear-gradient(90deg, #fff 0, #f4f9ff 100%)
}

.become-instructor-box.style-1,
.become-instructor-box.style-1:after,
.brand-wrap-style-1 .inner-wrap {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover
}

.teacher-feature-wrap-style-1 .shape-wrap-right li {
      position: absolute;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
}

.teacher-feature-wrap-style-1 .shape-wrap-right li:nth-child(1n) {
      right: calc(((100% - 1200px)/ 2) - 200px);
      top: 50%
}

.teacher-feature-wrap-style-1 .shape-wrap-right li:nth-child(2n) {
      top: 55%;
      right: calc(((100% - 1200px)/ 2) - 180px)
}

.teacher-feature-box.style-1 {
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 30px
}

.teacher-feature-box.style-1 .teacher-list-wrap {
      background-color: #fff;
      box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
      max-width: 300px;
      padding: 45px 0 40px;
      border-radius: 10px;
      width: 100%;
      margin-top: -150px
}

.teacher-feature-box.style-1 .teacher-list-wrap .teacher-list-footer,
.teacher-feature-box.style-1 .teacher-list-wrap .teacher-list-header {
      padding-left: 30px;
      padding-right: 30px
}

.teacher-feature-box.style-1 .teacher-list-wrap .heading-title {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 25px
}

.teacher-feature-box.style-1 .teacher-list-wrap .heading-title span {
      color: var(--color_primary);
      font-style: italic
}

.teacher-feature-box.style-1 .teacher-list-wrap .teacher-list li {
      padding-left: 30px;
      padding-right: 30px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #f3f3f3
}

.sidebar-widget .widget .widget-section-heading .widget-title,
.teacher-feature-box.style-1 .teacher-list-wrap .teacher-list li .content-box .teacher-name {
      margin-bottom: 0;
      font-size: 20px;
      font-weight: 500
}

.teacher-feature-box.style-1 .teacher-list-wrap .teacher-list li .content-box .subject {
      font-family: var(--font_family_heading);
      color: #a7a6a6;
      font-size: 15px;
      margin-bottom: 0;
      line-height: 1.2
}

.teacher-feature-box.style-1 .feature-course-wrap {
      background-color: #fff;
      box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
      max-width: 330px;
      width: 100%;
      border-radius: 10px;
      margin-left: -30px;
      -webkit-transform: translateY(65px);
      -ms-transform: translateY(65px);
      transform: translateY(65px)
}

.teacher-feature-box.style-1 .feature-course-wrap .figure-box:before {
      content: "";
      background-color: rgba(232, 41, 185, .64);
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      position: absolute;
      z-index: 0;
      border-radius: 10px 10px 0 0
}

.category-box.style-3 .figure-box img,
.teacher-feature-box.style-1 .feature-course-wrap .figure-box img {
      border-radius: 10px 10px 0 0
}

.teacher-feature-box.style-1 .feature-course-wrap .figure-box .play-btn {
      height: 70px;
      width: 70px;
      background-color: rgba(255, 255, 255, .75);
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      color: #000;
      font-size: 24px;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.teacher-feature-box.style-1 .feature-course-wrap .content-box {
      padding: 20px 30px 25px
}

.teacher-feature-box.style-1 .feature-course-wrap .course-category {
      font-size: 15px;
      font-weight: 500;
      font-family: var(--font_family_heading);
      letter-spacing: 2px;
      color: var(--color_primary);
      margin-bottom: 3px
}

.teacher-feature-box.style-1 .feature-course-wrap .course-name {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 10px
}

.teacher-feature-box.style-1 .feature-course-wrap .teacher-name {
      color: #a0a0a0;
      font-size: 17px;
      font-weight: 400;
      margin-bottom: 0
}

.teacher-feature-box.style-1 .feature-course-wrap .course-info {
      margin-top: 12px;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
}

.teacher-feature-box.style-1 .feature-course-wrap .course-info .course-time {
      font-family: var(--font_family_heading);
      font-size: 15px;
      font-weight: 500;
      color: var(--color_text_heading)
}

.teacher-feature-box.style-1 .feature-course-wrap .course-info .course-type {
      border-radius: 3px;
      background-color: var(--color_primary);
      padding: 1px 13px;
      color: #fff;
      font-size: 17px;
      font-family: var(--font_family_heading)
}

.teacher-feature-box.style-1 .title {
      margin-bottom: 20px;
      font-size: 40px
}

.teacher-feature-box.style-1 .description {
      margin-bottom: 18px
}

.teacher-feature-box.style-1 .feature-list li {
      margin-bottom: 8px;
      font-size: 17px;
      font-weight: 500;
      font-family: var(--font_family_heading);
      color: var(--color_text_heading)
}

.teacher-feature-box.style-1 .feature-list li i {
      margin-right: 10px;
      color: #0dd8a7
}

.teacher-feature-box.style-1 .shape li.shape-1 {
      bottom: -100px;
      left: 30px
}

.teacher-feature-box.style-1 .shape li.shape-2 {
      top: -130px;
      right: 60px
}

.teacher-feature-box.style-1 .shape li.shape-3 {
      top: -110px;
      right: 40px
}

.feature-wrap-style-1 {
      padding-bottom: 90px;
      padding-top: 0
}

.feature-wrap-style-2 {
      overflow: hidden;
      padding-top: 0;
      padding-bottom: 117px
}

.feature-box.style-1 {
      min-height: 237px;
      border: 1px solid #ececec;
      padding: 25px 19px;
      border-radius: 10px;
      position: relative;
      z-index: 1;
      margin-bottom: 30px
}

.feature-box.style-1 .icon-box {
      margin-bottom: 12px;
      line-height: 1;
      font-size: 52px;
      color: #a1a1a1;
      -webkit-transition: .5s ease-in-out;
      transition: .5s ease-in-out
}

.more-feature.style-1 {
      min-height: 237px;
      margin-bottom: 30px;
      background-color: var(--color_primary);
      padding: 25px 20px;
      text-align: center;
      border-radius: 10px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center
}

.more-feature.style-1 .title span {
      font-style: italic;
      font-weight: 400;
      color: var(--color_secondary)
}

.more-feature.style-1 .description {
      color: #fff;
      margin-bottom: 20px
}

.category-box.style-2:hover .more-item-btn,
.more-feature.style-1 .item-btn:hover {
      border: 1px solid #fff;
      color: #fff
}

.feature-box.style-2 {
      margin-bottom: 3px;
      text-align: center;
      border-radius: 15px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.feature-box.style-2 .figure-box .mask-box {
      margin-top: -1px;
      margin-right: -1px;
      -webkit-mask-image: url(../../media/svg/svg3.svg);
      mask-image: url(../../media/svg/svg3.svg);
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center center;
      mask-position: center center;
      position: relative;
      z-index: 1;
      display: block
}

.advantage-box.style-1,
.advantage-box.style-1 .advantage-list li,
.feature-box.style-2 .content-box .icon-box,
.more-category.style-1 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox
}

.feature-box.style-2 .figure-box .shape-list .shape1 {
      z-index: 2;
      top: -5px;
      left: 25%
}

.feature-box.style-2 .figure-box .shape-list .shape2 {
      z-index: -1;
      top: 0;
      right: 0
}

.feature-box.style-2 .figure-box .shape-list .shape3 {
      z-index: 2;
      bottom: 20%;
      left: 0
}

.feature-box.style-2 .content-box {
      padding: 30px 25px 20px
}

.feature-box.style-2 .content-box .icon-box {
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 60px;
      width: 60px;
      font-size: 36px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 25px;
      background-color: #fff;
      line-height: 1;
      position: relative;
      z-index: 1;
      border-radius: 15px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.feature-box.style-2 .content-box .icon-box:before {
      position: absolute;
      z-index: -1;
      content: "";
      background-color: #fff;
      height: 100%;
      width: 100%;
      border-radius: 15px;
      top: 0;
      left: 0;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.feature-box.style-2 .content-box .title {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 10px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.feature-box.style-2 .content-box .description,
.widget-search .input-group-addon button i {
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.feature-box.style-2.color-1 {
      background-color: rgba(36, 190, 155, .1)
}

.feature-box.style-2.color-1 .icon-box {
      color: #24be9b
}

.feature-box.style-2.color-2 {
      background-color: rgba(247, 179, 1, .1)
}

.feature-box.style-2.color-2 .icon-box {
      color: #f7b301
}

.feature-box.style-2.color-3 {
      background-color: rgba(50, 197, 255, .1)
}

.feature-box.style-2.color-3 .icon-box {
      color: #32c5ff
}

.feature-box.style-2.color-4 {
      background-color: rgba(251, 117, 27, .1)
}

.feature-box.style-2.color-4 .icon-box {
      color: #fb751b
}

.feature-box.style-2:hover.color-1 {
      background-color: #24be9b
}

.feature-box.style-2:hover.color-1 .icon-box:before {
      background-color: rgba(36, 190, 155, .1)
}

.feature-box.style-2:hover.color-2 {
      background-color: #f7b301
}

.feature-box.style-2:hover.color-2 .icon-box:before {
      background-color: rgba(247, 179, 1, .1)
}

.feature-box.style-2:hover.color-3 {
      background-color: #32c5ff
}

.feature-box.style-2:hover.color-3 .icon-box:before {
      background-color: rgba(50, 197, 255, .1)
}

.feature-box.style-2:hover.color-4 {
      background-color: #fb751b
}

.feature-box.style-2:hover.color-4 .icon-box:before {
      background-color: rgba(251, 117, 27, .1)
}

@media (min-width:768px) {
      .child-item:nth-child(1n) .feature-box.style-2 {
            border-radius: 15px 0 0
      }

      .child-item:nth-child(2n) .feature-box.style-2 {
            border-radius: 0 15px 0 0
      }

      .child-item:nth-child(3n) .feature-box.style-2 {
            border-radius: 0 0 0 15px
      }

      .child-item:nth-child(4n) .feature-box.style-2 {
            border-radius: 0 0 15px
      }
}

.apply-wrap-style-1 {
      overflow: hidden
}

.apply-box.style-1 {
      padding: 60px;
      position: relative;
      z-index: 1
}

.apply-box.style-1 .shape {
      position: absolute;
      right: 10px;
      top: 10px
}

.apply-box.style-1 .inner,
.category-box.style-1 {
      background-color: #fff;
      position: relative;
      z-index: 1
}

.apply-box.style-1 .inner {
      padding: 60px 55px
}

.category-box.style-1:after,
.category-box.style-1:before {
      position: absolute;
      z-index: -1;
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6)
}

.apply-box.style-1 .inner:before {
      position: absolute;
      z-index: 2;
      content: url("../../media/elements/element34.png");
      top: 50px;
      right: 55px
}

.apply-box.style-1 .inner .heading-title {
      font-size: 30px;
      font-weight: 600;
      margin-bottom: 20px
}

.apply-box.style-1 form input {
      background-color: transparent;
      height: 50px;
      margin-bottom: 30px;
      border: 0;
      border-bottom: 1px solid #e7e7e7;
      border-radius: 0;
      padding: 5px 0;
      color: var(--color_text_heading)
}

.apply-box.style-1 input.form-control::-webkit-input-placeholder {
      color: #929292;
      font-size: 15px;
      font-weight: 300
}

.apply-box.style-1 input.form-control::-moz-placeholder {
      color: #929292;
      font-size: 15px;
      font-weight: 300
}

.apply-box.style-1 input.form-control:-moz-placeholder {
      color: #929292;
      font-size: 15px;
      font-weight: 300
}

.apply-box.style-1 input.form-control:-ms-input-placeholder {
      color: #929292;
      font-size: 15px;
      font-weight: 300
}

.advantage-wrap-style-1 {
      overflow: hidden;
      padding-top: 104px;
      padding-bottom: 105px
}

.advantage-box.style-1 {
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 100%;
      margin-bottom: 30px
}

.advantage-box.style-1 .figure-box .shape-list li.shape-1 {
      top: 180px;
      left: 30px
}

.advantage-box.style-1 .figure-box .shape-list li.shape-2 {
      top: 120px;
      right: 80px
}

.advantage-box.style-1 .figure-box .element-list li.element-1 {
      top: 210px;
      right: -30px
}

.advantage-box.style-1 .figure-box .element-list li.element-2 {
      bottom: 100px;
      left: 0
}

.advantage-box.style-1 .heading-title {
      font-weight: 600;
      max-width: 400px;
      width: 100%;
      margin-bottom: 30px
}

.advantage-box.style-1 .advantage-list li {
      display: flex;
      margin-bottom: 12px
}

.advantage-box.style-1 .advantage-list li .icon-box {
      font-size: 50px;
      line-height: 1.3;
      margin-right: 15px;
      color: var(--color_primary)
}

.advantage-box.style-1 .advantage-list li .content-box .title {
      margin-bottom: 7px;
      font-weight: 500
}

.category-wrap-style-1 {
      overflow: hidden;
      background-color: #f7fbff;
      padding-top: 109px;
      padding-bottom: 100px
}

.category-box.style-1 {
      padding: 55px 35px 47px;
      box-shadow: 0 0 50px 0 rgba(0, 0, 0, .02);
      border-radius: 15px;
      margin-bottom: 20px;
      overflow: hidden
}

.category-box.style-1:before {
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
      content: "";
      height: 100%;
      width: 100%;
      background-color: var(--color_primary);
      top: -1px;
      left: 0;
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

.category-box.style-1:after {
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translateY(-30px) translateX(30px);
      -ms-transform: translateY(-30px) translateX(30px);
      transform: translateY(-30px) translateX(30px);
      content: url("../../media/elements/element11.png");
      top: 0;
      right: 0;
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

.category-box.style-1 .icon-box {
      position: relative;
      z-index: 1;
      margin-bottom: 10px
}

.category-box.style-1 .icon-box .default,
.category-box.style-2 .icon-box .default {
      opacity: 1;
      visibility: visible;
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

.category-box.style-1 .icon-box .hover,
.category-box.style-2 .icon-box .hover {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

.category-box.style-1 .content-box .title,
.category-box.style-2 .content-box .title {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 2px;
      font-family: var(--font_family_body);
}

.category-box.style-1 .content-box .sub-title {
      margin-bottom: 0;
      color: #585858;
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

.category-box.style-1:hover:before {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      top: 0
}

.category-box.style-1:hover:after {
      -webkit-transform: translateY(0) translateX(0);
      -ms-transform: translateY(0) translateX(0);
      transform: translateY(0) translateX(0);
      opacity: 1;
      visibility: visible;
      -webkit-transition-delay: 0.5s;
      transition-delay: 0.5s
}

.more-category.style-1 {
      margin-bottom: 20px;
      padding: 32px 45px 28px;
      border: 1px solid #e4e4e5;
      border-radius: 15px;
      min-height: 233px;
      height: 100%;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.category-box.style-2,
.category-box.style-2 .inner {
      -webkit-box-align: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox
}

.more-category.style-1 .title {
      margin-bottom: 15px;
      font-weight: 600;
      font-size: 24px
}

.more-category.style-1 .item-btn {
      font-size: 50px;
      color: #161616;
      line-height: 1;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.category-box.style-2 {
      padding: 20px 30px;
      border: 1px solid #e3e3e3;
      border-radius: 5px;
      margin-bottom: 30px;
      position: relative;
      z-index: 1;
      overflow: hidden;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between
}

.category-box.style-2 .inner {
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 15px
}

.category-box.style-2 .more-item-btn {
      height: 50px;
      width: 50px;
      border: 1px solid #e3e3e3;
      border-radius: 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 15px;
      color: var(--color_text_heading);
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

.category-box.style-2:before {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
      position: absolute;
      z-index: -1;
      content: "";
      height: 100%;
      width: 100%;
      background-color: var(--color_primary);
      top: 0;
      left: 0;
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

.category-box.style-2 .icon-box {
      position: relative;
      z-index: 1;
      margin-right: 20px
}

.category-box.style-2 .content-box .sub-title {
      font-weight: 500;
      margin-bottom: 0;
      color: #585858;
      -webkit-transition: .4s cubic-bezier(.3, .02, 0, .6);
      transition: .4s cubic-bezier(.3, .02, 0, .6)
}

.category-box.style-2:hover:before {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0)
}

.category-box.style-3 .content-box .top-content {
      padding: 35px 15px 10px;
      position: relative;
      z-index: 1;
      background-color: #f0f7fd;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.category-box.style-3 .content-box .top-content .icon-box {
      position: absolute;
      z-index: -1;
      top: -60px;
      left: 0;
      right: 0;
      background-color: #f0f7fd;
      border-radius: 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 46px;
      height: 120px;
      width: 120px;
      margin: 0 auto;
      color: var(--color_primary);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.category-box.style-3 .content-box .top-content .title {
      font-weight: 500;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.category-box.style-3 .content-box .bottom-content {
      border-radius: 0 0 10px 10px;
      padding: 25px 30px 50px;
      background-color: #f6fbff;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.category-box.style-3:hover .content-box .top-content,
.profile-tab .quizzes-wrap table tbody tr td span.on-progress,
.single-shop-tab .tab-content .review-box .review-form .item-btn:hover,
footer .widget-nav.style-1 .menu .menu-item:hover:after {
      background-color: var(--color_primary)
}

.category-box.style-3:hover .content-box .bottom-content {
      background-color: #eef6fe
}

.category-box.style-3:hover .content-box .bottom-content .item-btn,
.popular-topics-list li a:hover {
      background-color: var(--color_primary);
      color: #fff;
      border: 1px solid var(--color_primary)
}

.category-wrap-style-2 {
      background-color: #f4f9ff;
      padding-top: 114px;
      padding-bottom: 90px
}

.category-wrap-style-3,
.shop-wrap-style-2 {
      padding-bottom: 80px
}

.category-wrap-style-4 {
      background-color: #fff;
      padding-top: 110px;
      padding-bottom: 90px
}

.featured-courses-wrap {
      padding: 32px 0 50px
}

.popular-topics-wrap {
      padding-top: 110px;
      padding-bottom: 104px;
      background-color: #f5faff
}

.popular-topics-list {
      max-width: 1000px;
      margin-left: auto;
      margin-right: auto
}

.popular-topics-list li {
      margin: 0 8px 16px
}

.popular-topics-list li a {
      color: var(--color_primary);
      display: inline-block;
      border: 1px solid #d2d2d2;
      padding: 12px 30px;
      border-radius: 5px;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: 1px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.meeting-box.style-1 {
      box-shadow: 0 0 50px 0 rgba(0, 0, 0, .05);
      margin-bottom: 30px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.meeting-box.style-1 .figure-box {
      position: relative;
      z-index: 1;
      overflow: hidden;
      border-radius: 5px 5px 0 0
}

.meeting-box.style-1 .figure-box img {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
      border-radius: 5px 5px 0 0
}

.meeting-box.style-1 .figure-box .meeting-id {
      position: absolute;
      z-index: 1;
      background-color: var(--color_primary);
      padding: 4px 15px;
      display: inline-block;
      right: 15px;
      top: 17px;
      color: #fff;
      border-radius: 2px;
      font-size: 15px;
      font-family: var(--font_family_heading);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.meeting-box.style-1 .content-box {
      background-color: #fff;
      padding: 20px 30px;
      border-radius: 0 0 5px 5px
}

.meeting-box.style-1 .content-box .title {
      font-weight: 500;
      line-height: 1.4;
      margin-bottom: 15px
}

.meeting-box.style-1 .content-box .entry-meta li {
      color: #706f6f;
      margin-right: 30px
}

.meeting-box.style-1:hover .figure-box img,
.speaker-box.style-1:hover .figure-box img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1)
}

.meeting-box.style-1:hover .figure-box .meeting-id {
      background-color: var(--color_secondary);
      color: var(--color_text_heading)
}

.contact-wrap-style-1 {
      padding-top: 0
}

.address-box.style-1 {
      margin-bottom: 120px;
      box-shadow: 0 0 68px 0 rgba(0, 0, 0, .05);
      margin-top: -70px;
      position: relative;
      z-index: 2;
      background-color: #fff;
      text-align: center;
      padding: 50px 30px;
      border-radius: 5px
}

.address-box.style-1 .icon-box {
      margin-left: auto;
      margin-right: auto;
      height: 100px;
      width: 100px;
      font-size: 48px;
      background-color: var(--color_primary);
      border-radius: 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: #fff;
      margin-bottom: 15px
}

.address-box.style-1 label {
      font-size: 22px;
      color: #747474;
      font-family: var(--font_family_heading);
      margin-bottom: 2px
}

.address-box.style-1 .title {
      font-weight: 500;
      margin-bottom: 0;
      font-size: 24px;
      line-height: 1.4
}

.map-box.style-1 {
      height: 720px;
      border-radius: 15px
}

.contact-form.style-1 {
      padding: 0 150px;
      margin-top: -160px;
      position: relative;
      z-index: 1
}

.contact-form.style-1 .inner {
      border-radius: 10px;
      background-color: #fff;
      padding: 55px 115px 25px;
      box-shadow: 0 0 68px 0 rgba(0, 0, 0, .07)
}

.contact-form.style-1 .inner .title {
      font-size: 24px;
      font-weight: 600;
      text-align: center
}

.contact-form.style-1 .inner .description {
      text-align: center;
      margin-bottom: 25px
}

.contact-form.style-1 .inner form .form-control {
      border: 0;
      background-color: #f7f7f7;
      color: var(--color_text_heading)
}

.contact-form.style-1 .inner form input,
.single-shop-tab .tab-content .review-box .review-form input {
      height: 50px;
      padding: 5px 15px
}

.contact-form.style-1 .inner form textarea,
.single-shop-tab .tab-content .review-box .review-form textarea {
      padding: 20px
}

.contact-form.style-1 input.form-control::-webkit-input-placeholder,
.contact-form.style-1 textarea.form-control::-webkit-input-placeholder {
      color: #818080;
      font-size: 15px
}

.contact-form.style-1 input.form-control::-moz-placeholder,
.contact-form.style-1 textarea.form-control::-moz-placeholder {
      color: #818080;
      font-size: 15px
}

.contact-form.style-1 input.form-control:-moz-placeholder,
.contact-form.style-1 textarea.form-control:-moz-placeholder {
      color: #818080;
      font-size: 15px
}

.contact-form.style-1 input.form-control:-ms-input-placeholder,
.contact-form.style-1 textarea.form-control:-ms-input-placeholder {
      color: #818080;
      font-size: 15px
}

.error-box .content-box .title {
      font-weight: 500;
      max-width: 400px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20px
}

.faq-wrap-style-1 {
      padding-bottom: 57px
}

.faq-box.style-1 .single-item {
      border: none;
      border-bottom: 1px solid #dedede !important
}

.faq-box.style-1 .single-item .item-nav {
      padding: 0;
      border: none;
      margin-bottom: 0;
      background-color: transparent
}

.faq-box.style-1 .single-item .item-nav a {
      border-radius: 0;
      color: var(--color_text_heading);
      width: 100%;
      display: block;
      padding: 10px 50px 0 0;
      font-size: 24px;
      position: relative;
      font-weight: 400;
      font-family: var(--font_family_heading);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.faq-box.style-1 .single-item .item-nav a:after {
      position: absolute;
      content: "\f068";
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 30px;
      font-size: 14px;
      z-index: 5;
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      color: var(--color_primary)
}

.faq-box.style-1 .single-item .item-nav a.collapsed {
      padding: 20px 50px 22px 0;
      background-color: #fff;
      color: var(--color_text_heading)
}

.faq-box.style-1 .single-item .item-content-wrap .item-content {
      padding: 0 0 25px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.faq-box.style-1 .single-item .item-content-wrap .item-content p {
      margin-top: 20px;
      margin-bottom: 0;
      padding-right: 50px
}

.faq-box.style-1 .single-item:last-child {
      border-bottom: 0 !important
}

.sidebar-widget .widget {
      background-color: #fff;
      box-shadow: 0 1px 100px 0 rgba(0, 0, 0, .08);
      padding: 45px 40px;
      border-radius: 15px;
      margin-bottom: 30px
}

.sidebar-widget .widget:last-child {
      margin-bottom: 0 !important
}

.widget-faq .title {
      font-size: 30px;
      font-weight: 500;
      margin-bottom: 20px
}

.widget-faq .info-list li {
      font-size: 18px;
      font-weight: 500;
      font-family: var(--font_family_heading);
      margin-bottom: 8px
}

.widget-faq .info-list li a {
      color: #5b5b5b;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.widget-faq .info-list li a i {
      color: #979797;
      margin-right: 15px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.widget-filter .radio {
      padding-left: 5px;
      margin-bottom: 5px
}

.widget-filter .radio label {
      display: inline-block;
      position: relative;
      padding-left: 20px;
      margin-top: 0;
      margin-bottom: 0;
      color: #8a8a8a;
      font-family: var(--font_family_heading);
      font-size: 16px
}

.widget-filter .radio label:before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 13px;
      height: 13px;
      left: 0;
      top: 6px;
      margin-left: -5px;
      border: 1px solid #a2a2a2;
      border-radius: 3px;
      background-color: transparent;
      -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
      transition: border .15s ease-in-out, color .15s ease-in-out
}

.widget-filter .radio label:after {
      display: inline-block;
      position: absolute;
      width: 13px;
      height: 13px;
      left: 15px;
      top: 6px;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      color: transparent;
      border-radius: 3px;
      border: 1px solid var(--color_primary);
      background-color: var(--color_primary)
}

.widget-filter .radio label span {
      display: inline-block;
      margin-left: 5px
}

.widget-filter .radio .rating-wrap {
      font-size: 14px;
      line-height: 2
}

.widget-filter .radio .rating-wrap span {
      color: #8d8d8d;
      font-size: 15px
}

.widget-filter .radio .rating-wrap.rating-star-1 i:nth-child(-n+1),
.widget-filter .radio .rating-wrap.rating-star-2 i:nth-child(-n+2),
.widget-filter .radio .rating-wrap.rating-star-3 i:nth-child(-n+3),
.widget-filter .radio .rating-wrap.rating-star-4 i:nth-child(-n+4),
.widget-filter .radio .rating-wrap.rating-star-5 i:nth-child(-n+5) {
      color: #f5c415
}

.widget-filter .radio input[type=radio]:focus+label::before {
      outline: dotted thin;
      outline: -webkit-focus-ring-color auto 5px;
      outline-offset: -2px
}

.widget-filter .radio input[type=radio]:checked+label::after {
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      content: "\f00c"
}

.widget-filter .radio input[type=radio]:disabled+label {
      opacity: .65
}

.widget-filter .radio input[type=radio]:disabled+label::before {
      background-color: #eee;
      cursor: not-allowed
}

.widget-course-info .mid-content,
.widget-course-info .top-content {
      padding-left: 40px;
      padding-right: 40px;
      padding-bottom: 40px;
      margin-bottom: 40px;
      border-bottom: 1px solid #e1e1e1
}

.widget-course-info .top-content .regular-price {
      color: #9d9a9a;
      font-size: 20px;
      text-decoration: line-through;
      font-family: var(--font_family_heading)
}

.widget-course-info .top-content .offer-price {
      color: var(--color_text_heading);
      font-size: 40px;
      font-family: var(--font_family_heading);
      margin-bottom: 20px;
      line-height: 1.2
}

.widget-course-info .top-content .item-btn {
      font-size: 18px;
      padding: 8px 32px
}

.widget-course-info .mid-content .info-list li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      color: #6b6b6b;
      margin-bottom: 15px
}

.widget-course-info .mid-content .info-list li span {
      color: var(--color_text_heading);
      font-weight: 500;
      position: relative;
      z-index: 1;
      padding-left: 35px;
      display: inline-block
}

.widget-course-info .mid-content .info-list li span i {
      font-size: 22px;
      color: #646871;
      position: absolute;
      z-index: 1;
      left: 0;
      top: 3px
}

.widget-course-info .bottom-content {
      padding-left: 40px;
      padding-right: 40px
}

.widget-course-info .bottom-content .title {
      margin-bottom: 8px;
      font-weight: 500;
      font-size: 20px
}

.widget-course-info .bottom-content .social {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-transition: var(--transition);
      transition: var(--transition)
}

.widget-course-info .bottom-content .social li {
      margin-right: 12px;
      margin-bottom: 5px
}

.widget-course-info .bottom-content .social li a {
      border: 1px solid #000;
      color: #fff;
      font-size: 13px;
      height: 40px;
      width: 40px;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: #000;
      border-radius: 50%;
      -webkit-transition: var(--transition);
      transition: var(--transition)
}

.widget-tag ul.list-item {
      list-style: none;
      padding: 0
}

.widget-tag ul.list-item li {
      display: inline-flex;
      float: left;
      margin-right: 5px;
      margin-top: 5px;
      background: #edf6ff;
      font-size: 15px;
      font-weight: 500;
      border-radius: 5px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.widget-tag ul.list-item li a {
      color: #6b6b6b;
      display: block;
      padding: 8px 16px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.widget-tag ul.list-item li:hover {
      background: var(--color_primary)
}

.profile-tab .quizzes-wrap table.table-bordered td,
.profile-tab .quizzes-wrap table.table-bordered th,
.widget-search .input-group {
      border: 0
}

.widget-search .form-control {
      height: 50px;
      padding: 5px 20px;
      font-size: 16px;
      color: #000;
      background-color: #f5f5f5;
      border-radius: 5px 0 0 5px;
      border: 0
}

.widget-search .input-group-addon button {
      height: 50px;
      width: 50px;
      background-color: var(--color_primary);
      color: #fff;
      border: 0;
      padding: 10px;
      border-radius: 0 5px 5px 0
}

.footer.style-2 .footer-copyright a:hover,
.widget-recent ul.list-item>li li.entry-date a:hover,
.widget-search .input-group-addon button:hover i {
      color: #000
}

.widget-course-category ul li {
      margin-top: 5px;
      font-size: 18px;
      position: relative;
      z-index: 1;
      font-family: var(--font_family_heading)
}

.widget-course-category ul li a {
      line-height: 35px;
      display: block;
      color: var(--color_text_heading);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.widget-course-category ul li a span {
      display: inline-block;
      position: absolute;
      right: 0;
      top: 0;
      color: #6b6b6b;
      font-size: 16px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.widget-recent ul.list-item>li,
.widget-related-course ul>li {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 15px
}

.widget-recent ul.list-item>li .left-box,
.widget-related-course ul>li .left-box {
      display: inline-block;
      max-width: 100px;
      width: 100%;
      border-radius: 5px
}

.widget-recent ul.list-item>li .left-box .item-figure,
.widget-related-course ul>li .left-box .item-figure {
      display: block;
      border-radius: 5px;
      overflow: hidden;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.widget-recent ul.list-item>li .left-box .item-figure img,
.widget-related-course ul>li .left-box .item-figure img {
      border-radius: 5px;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.widget-recent ul.list-item>li .media-body,
.widget-related-course ul>li .media-body {
      margin-left: 15px
}

.widget-recent ul.list-item>li .entry-title,
.widget-related-course ul>li .entry-title {
      line-height: 1.3;
      margin-bottom: 0;
      font-size: 18px;
      font-weight: 500;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical
}

.widget-recent ul.list-item>li .entry-meta {
      line-height: 1.2;
      font-size: 14px
}

.widget-recent ul.list-item>li li.entry-date a {
      color: var(--color_primary);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.widget-recent ul.list-item>li li.entry-date a i {
      margin-right: 10px;
      margin-top: -5px
}

.widget-recent ul.list-item>li:hover .left-box .item-figure,
.widget-related-course ul>li:hover .left-box .item-figure {
      background-color: #000
}

.widget-recent ul.list-item>li:hover .left-box .item-figure img,
.widget-related-course ul>li:hover .left-box .item-figure img {
      opacity: .5;
      -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
      transform: scale(1.3)
}

.widget-banner {
      background-color: #edf6ff;
      padding-top: 35px;
      text-align: center
}

.widget-banner .title {
      font-size: 24px;
      font-weight: 600
}

.widget-banner .description {
      width: 100%;
      max-width: 300px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 20px
}

.instructor-box.style-1 {
      margin-bottom: 30px;
      background-color: #fff;
      box-shadow: 0 0 35px 0 rgba(0, 0, 0, .08);
      border-radius: 10px;
      padding: 30px 20px 20px;
      -webkit-transition: var(--transition);
      transition: var(--transition)
}

.instructor-box.style-1 .figure-box {
      padding-top: 10px;
      padding-bottom: 10px;
      margin-right: 20px;
      position: relative;
      z-index: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      padding-left: 12px
}

.become-instructor-box.style-3,
.become-instructor-box.style-3 .content-box,
.become-instructor-box.style-3 .figure-box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox
}

.instructor-box.style-1 .figure-box:before {
      border-radius: 10px 0 0 10px;
      content: "";
      position: absolute;
      z-index: -1;
      height: 100%;
      width: 50%;
      background-color: var(--color_primary);
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: 0;
      -webkit-transition: var(--transition);
      transition: var(--transition)
}

.instructor-box.style-1 .figure-box a {
      border-radius: 50%;
      display: inline-block
}

.instructor-box.style-1 .content-box .title {
      font-weight: 600;
      font-size: 20px;
      margin-bottom: 0
}

.instructor-box.style-1 .content-box .designation {
      color: var(--color_primary);
      font-weight: 400;
      font-size: 16px;
      margin-bottom: 5px
}

.instructor-box.style-1 .content-box .qualification {
      color: #161616;
      font-size: 15px
}

.instructor-box.style-1 .content-box .rating li {
      color: #faba1f;
      font-size: 15px;
      margin-right: 8px
}

.instructor-box.style-1 .footer-content {
      padding-top: 20px;
      margin-top: 30px;
      border-top: 1px solid #e5e5e5
}

.instructor-box.style-1 .footer-content .entry-meta li {
      font-size: 16px;
      color: #747474;
      font-family: var(--font_family_heading)
}

.instructor-box.style-1:hover {
      box-shadow: 0 0 35px 0 rgba(0, 0, 0, .15)
}

.instructor-box.style-1:hover .figure-box:before {
      width: 70%
}

.become-instructor-box.style-1 {
      padding: 80px 45px 75px;
      color: #fff;
      position: relative;
      z-index: 1;
      margin-bottom: 30px
}

.become-instructor-box.style-1:before {
      position: absolute;
      z-index: -1;
      content: "";
      height: 100%;
      width: 100%;
      background-color: #1c2a44;
      top: 0;
      left: 0;
      border-radius: 15px;
      -webkit-transition: var(--transition);
      transition: var(--transition)
}

.become-instructor-box.style-1:after {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      -webkit-transition: var(--transition);
      transition: var(--transition)
}

.become-instructor-box.style-1 .icon-box {
      font-size: 70px;
      line-height: 1;
      margin-bottom: 10px
}

.become-instructor-box.style-1 .content-box .title {
      font-weight: 500;
      color: #fff;
      margin-bottom: 5px
}

.become-instructor-box.style-1:hover:after,
.become-instructor-box.style-1:hover:before {
      -webkit-transform: scaleY(1.1);
      -ms-transform: scaleY(1.1);
      transform: scaleY(1.1)
}

.child-item:nth-child(1n) .become-instructor-box.style-1:after,
.child-item:nth-child(2n) .become-instructor-box.style-1:after,
.child-item:nth-child(3n) .become-instructor-box.style-1:after {
      background-image: url("../../media/elements/element56.png")
}

.become-instructor-box.style-2 {
      background-color: #f2f9ff;
      padding: 45px 50px 25px;
      border-radius: 15px;
      margin-bottom: 30px
}

.become-instructor-box.style-2 .box-heading {
      font-size: 30px;
      font-weight: 500;
      margin-bottom: 25px
}

.become-instructor-box.style-2 .content-box .title {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 6px
}

.become-instructor-box.style-3 {
      background-color: var(--color_primary);
      border-radius: 15px;
      margin-bottom: 30px;
      display: flex
}

.become-instructor-box.style-3 .content-box {
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 45px 0 45px 50px;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1
}

.become-instructor-box.style-3 .content-box .title {
      color: #fff;
      font-size: 30px;
      font-weight: 500;
      margin-bottom: 6px
}

.become-instructor-box.style-3 .figure-box {
      padding: 5px 5px 0;
      display: flex;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center
}

.price-box.style-1 .icon-box,
.profile-box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox
}

.price-wrap-style-1,
footer .footer-top-2 {
      padding-top: 110px
}

.price-box.style-2:hover,
.price-wrap-style-1 .pricing-box-shadow {
      box-shadow: 0 0 35px 0 rgba(0, 0, 0, .04)
}

.price-box.style-1 {
      text-align: center;
      margin-bottom: 30px;
      padding: 60px 30px 50px;
      position: relative;
      z-index: 1
}

.price-box.style-1 .icon-box {
      background-color: #f7fbff;
      width: 160px;
      height: 160px;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      margin-bottom: 28px
}

.price-box.style-1 .content-box {
      margin-bottom: 45px
}

.price-box.style-1 .price {
      line-height: 1.3;
      font-size: 40px;
      font-weight: 500;
      color: var(--color_text_heading);
      font-family: var(--font_family_heading)
}

.price-box.style-1 .time-limit {
      color: var(--color_primary);
      font-size: 18px
}

.price-box.style-1 .item-btn {
      padding: 10px 40px
}

.price-box.style-1:hover .item-btn:hover,
.price-box.style-2:hover .item-btn:hover {
      background-color: var(--color_secondary);
      border: 1px solid var(--color_secondary);
      color: #fff
}

.child-item .price-box.style-1:before {
      content: "";
      border-right: 1px solid #e0e0e0;
      position: absolute;
      right: 0;
      top: 0;
      height: calc(100% + 30px);
      width: 1px
}

.child-item .price-box.style-1:after {
      content: "";
      border-bottom: 1px solid #e0e0e0;
      position: absolute;
      left: 0;
      bottom: -30px;
      width: 100%;
      height: 1px
}

@media (min-width:992px) {
      .child-item:nth-child(1n) .category-box.style-3 .figure-box img {
            border-radius: 10px 0 0
      }

      .child-item:nth-child(1n) .category-box.style-3 .content-box .bottom-content {
            border-radius: 0 0 0 10px
      }

      .child-item:nth-child(2n) .become-instructor-box.style-1:before,
      .child-item:nth-child(2n) .category-box.style-3 .content-box .bottom-content,
      .child-item:nth-child(2n) .category-box.style-3 .figure-box img {
            border-radius: 0 !important
      }

      .child-item:nth-child(3n) .category-box.style-3 .figure-box img {
            border-radius: 0 10px 0 0
      }

      .child-item:nth-child(3n) .category-box.style-3 .content-box .bottom-content {
            border-radius: 0 0 10px
      }

      .child-item:nth-child(1n) .become-instructor-box.style-1:before {
            border-radius: 15px 0 0 15px
      }

      .child-item:nth-child(3n) .become-instructor-box.style-1:before {
            border-radius: 0 15px 15px 0
      }

      .child-item .price-box.style-1:after {
            display: none
      }
}

.price-wrap-style-2 {
      background-color: #f7fafe;
      overflow: hidden;
      padding-top: 110px
}

.price-wrap-style-2 .pricing-box-outline {
      border: 1px solid #ecf0fa
}

.price-box.style-2 {
      text-align: center;
      padding: 50px 15px 60px;
      position: relative;
      z-index: 1
}

.price-box.style-2:before {
      opacity: 0;
      visibility: hidden;
      position: absolute;
      z-index: -1;
      content: "";
      height: 100%;
      width: 100%;
      background-color: #fff;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.price-box.style-2 .price-ticket {
      position: absolute;
      right: 0;
      top: 0;
      z-index: 4;
      color: #fff;
      border-radius: 6px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.price-box.style-2 .price-wrap .price,
.profile-box .content-box .designation,
.shop-box-style-1 .content-box .price {
      color: var(--color_primary);
      font-family: var(--font_family_heading)
}

.price-box.style-2 .price-ticket:before {
      content: "";
      position: absolute;
      right: 0;
      top: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 80px 80px 0;
      border-color: transparent var(--color_primary) transparent transparent;
      z-index: -1
}

.price-box.style-2 .price-ticket span {
      display: inline-block;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      font-size: 15px;
      line-height: 58px
}

.price-box.style-2 .price-wrap .price {
      font-size: 36px;
      font-weight: 500
}

.price-box.style-2:hover:before {
      opacity: 1;
      visibility: visible;
      height: calc(100% + 30px);
      width: calc(100% + 30px)
}

.price-box.style-2:hover .price-ticket {
      top: -15px;
      right: -15px
}

.child-item .price-box.style-2 {
      border-right: 1px solid #ecf0fa
}

.child-item:last-child .price-box.style-2 {
      border-right: 0
}

@media (max-width:1191px) {
      .profile-wrap-style-2 {
            padding-bottom: 80px
      }

}

.profile-box {
      padding: 50px;
      box-shadow: 0 1px 100px 0 rgba(0, 0, 0, .06);
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 15px
}

.profile-tab .dashboard-box .dashboard-info li,
.shop-box-style-1 .action-items li a {
      -webkit-box-align: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox
}

.profile-box .figure-box {
      margin-right: 50px;
      text-align: center
}

.profile-box .content-box .title {
      font-size: 36px;
      font-weight: 600
}

.profile-box .content-box .designation {
      margin-right: 15px;
      font-size: 24px
}

.profile-box .content-box .rating {
      margin-top: 6px
}

.profile-box .content-box .rating li {
      color: #f5c415;
      font-size: 12px;
      margin-right: 5px
}

.profile-box .content-box .sub-title {
      font-weight: 500
}

.profile-box .content-box .address-list li {
      font-size: 18px;
      margin-bottom: 5px;
      font-family: var(--font_family_heading)
}

.profile-box .content-box .address-list li span {
      color: var(--color_text_heading);
      font-weight: 500;
      display: inline-block;
      margin-left: 5px
}

.profile-tab .tab-nav-list {
      margin-bottom: 30px;
      border-color: #f6f6f6
}

.profile-tab .tab-nav-list .nav-item {
      margin-right: 10px;
      margin-bottom: 10px
}

.profile-tab .dashboard-box .dashboard-skill,
.shop-box-style-1 {
      margin-bottom: 30px;
      position: relative;
      overflow: hidden
}

.profile-tab .tab-nav-list .nav-item a {
      display: inline-block;
      font-size: 20px;
      font-family: var(--font_family_heading);
      padding: 10px 30px;
      background-color: #f6f6f6;
      color: var(--color_text_heading);
      border-radius: 5px 5px 0 0;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.profile-tab .dashboard-box .dashboard-info li {
      padding: 20px 20px 20px 70px;
      border: 1px solid #ddd;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 5px;
      margin-bottom: 10px
}

.profile-tab .dashboard-box .dashboard-info li .icon-box {
      margin-right: 15px;
      font-size: 52px;
      line-height: 1
}

.profile-tab .dashboard-box .dashboard-info li .content-box .number {
      line-height: 1.1;
      font-size: 30px;
      font-weight: 500;
      font-family: var(--font_family_heading)
}

.profile-tab .dashboard-box .dashboard-info li .content-box .title {
      font-weight: 500;
      font-size: 20px
}

.profile-tab .dashboard-box .dashboard-info li.color-1 .content-box .number,
.profile-tab .dashboard-box .dashboard-info li.color-1 .icon-box {
      color: #0271d2
}

.profile-tab .dashboard-box .dashboard-info li.color-2 .content-box .number,
.profile-tab .dashboard-box .dashboard-info li.color-2 .icon-box {
      color: #f69434
}

.profile-tab .dashboard-box .dashboard-info li.color-3 .content-box .number,
.profile-tab .dashboard-box .dashboard-info li.color-3 .icon-box {
      color: #aa3bf7
}

.profile-tab .dashboard-box .dashboard-info li.color-4 .content-box .number,
.profile-tab .dashboard-box .dashboard-info li.color-4 .icon-box {
      color: #e8c91e
}

.profile-tab .dashboard-box .heading-title {
      font-weight: 500;
      font-size: 30px
}

.profile-tab .dashboard-box .dashboard-skill .progress {
      background-color: transparent;
      border-radius: 0;
      box-shadow: none;
      height: 2px;
      margin-bottom: 120px;
      overflow: visible;
      position: relative;
      margin-top: 70px
}

.profile-tab .dashboard-box .dashboard-skill .progress:before {
      background-color: #e0e0e0;
      content: "";
      bottom: -7px;
      left: 0;
      position: absolute;
      z-index: 1;
      height: 2px;
      width: 100%
}

.profile-tab .dashboard-box .dashboard-skill .progress .lead {
      color: var(--color_text_heading);
      font-size: 18px;
      position: absolute;
      font-family: var(--font_family_heading);
      letter-spacing: 2px;
      top: -24px;
      font-weight: 400
}

.profile-tab .dashboard-box .dashboard-skill .progress:last-child {
      margin-bottom: 8px
}

.profile-tab .dashboard-box .dashboard-skill .progress-bar>span {
      color: var(--color_text_heading);
      font-size: 18px;
      position: absolute;
      font-family: var(--font_family_heading);
      float: right;
      margin-top: -25px;
      padding: 5px;
      top: -4px;
      right: -15px
}

.profile-tab .dashboard-box .dashboard-skill .progress-bar {
      overflow: visible;
      background-color: var(--color_primary);
      height: 4px
}

.profile-tab .quizzes-wrap table {
      font-size: 18px;
      color: #6b6b6b;
      margin-bottom: 0
}

.profile-tab .quizzes-wrap table thead tr th {
      background-color: var(--color_primary);
      font-size: 22px;
      color: #fff;
      font-family: var(--font_family_heading);
      font-weight: 400
}

.profile-tab .quizzes-wrap table tbody tr td {
      min-width: 200px;
      font-family: var(--font_family_heading)
}

.profile-tab .quizzes-wrap table tbody tr td span {
      margin-left: 10px;
      border-radius: 45px;
      display: inline-block;
      padding: 3px 13px;
      color: #fff;
      font-size: 14px
}

.profile-tab .quizzes-wrap table tbody tr td span.completed {
      background-color: #f20033
}

.profile-tab .quizzes-wrap table tbody tr td:first-child {
      min-width: 350px
}

.profile-tab .quizzes-wrap .table td,
.profile-tab .quizzes-wrap .table th {
      padding: 15px
}

.speaker-wrap-style-1 {
      padding-top: 110px;
      padding-bottom: 80px
}

.speaker-box.style-1 .figure-box {
      margin-bottom: 15px;
      overflow: hidden;
      border-radius: 5px
}

.speaker-box.style-1 .figure-box img {
      border-radius: 5px;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.speaker-box.style-1 .content-box .title {
      margin-bottom: 0;
      font-weight: 500
}

.shop-wrap-style-1 {
      padding-top: 116px;
      padding-bottom: 90px
}

.shop-wrap-style-1 .filter-box .title {
      text-align: center;
      font-size: 18px;
      font-weight: 500
}

.shop-box-style-1 {
      z-index: 1;
      border-radius: 10px;
      padding: 30px;
      background-color: #fff;
      box-shadow: 0 0 50px 0 rgba(0, 0, 0, .05)
}

.shop-box-style-1:before {
      content: "";
      height: 100%;
      width: 100%;
      background-color: rgba(255, 255, 255, 0);
      top: 0;
      left: 0;
      position: absolute;
      z-index: 1;
      -webkit-transition: .5s ease-in-out;
      transition: .5s ease-in-out
}

.shop-box-style-1 .figure-box {
      text-align: center;
      padding: 0 30px;
      margin-bottom: 20px
}

.shop-box-style-1 .figure-box img {
      border-radius: 5px;
      margin-left: auto;
      margin-right: auto
}

.shop-box-style-1 .content-box .title {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 5px
}

.shop-box-style-1 .content-box .price {
      font-size: 18px;
      font-weight: 600
}

.shop-box-style-1 .action-items {
      position: absolute;
      z-index: 2;
      right: 35px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
}

.shop-box-style-1 .action-items li {
      opacity: 0;
      visibility: hidden;
      margin-bottom: 10px;
      -webkit-transform: translateX(30px);
      -ms-transform: translateX(30px);
      transform: translateX(30px);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.shop-box-style-1 .action-items li a {
      overflow: hidden;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.shop-box-style-1 .action-items li a .text {
      font-size: 15px;
      position: relative;
      z-index: -1;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff;
      background-color: #0271d2;
      height: 35px;
      padding: 0 0 0 15px;
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.shop-box-style-1 .action-items li a .icon {
      color: #a1a1a1;
      height: 35px;
      width: 35px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      border: 1px solid #a1a1a1;
      -webkit-transition: .3s ease-in-out 0.3s;
      transition: .3s ease-in-out 0.3s
}

.shop-box-style-1 .action-items li a:hover .text {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      -webkit-transition-delay: 0.3s;
      transition-delay: 0.3s
}

.shop-box-style-1 .action-items li a:hover .icon {
      color: #fff;
      background-color: #0271d2;
      border: 1px solid #0271d2;
      -webkit-transition-delay: 0s;
      transition-delay: 0s
}

.shop-box-style-1:hover:before {
      background-color: rgba(255, 255, 255, .8)
}

.shop-box-style-1:hover .action-items li {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0)
}

.shop-box-style-1:hover .action-items li:nth-child(1n) {
      -webkit-transition-delay: 0s;
      transition-delay: 0s
}

.shop-box-style-1:hover .action-items li:nth-child(2n) {
      -webkit-transition-delay: 0.2s;
      transition-delay: 0.2s
}

.shop-box-style-1:hover .action-items li:nth-child(3n) {
      -webkit-transition-delay: 0.4s;
      transition-delay: 0.4s
}

.shop-box-style-1:hover .action-items li:nth-child(4n) {
      -webkit-transition-delay: 0.6s;
      transition-delay: 0.6s
}

.shop-box-style-1:hover .action-items li:nth-child(5n) {
      -webkit-transition-delay: 0.8s;
      transition-delay: 0.8s
}

.shop-wrap-style-2 .inner-title {
      text-align: center;
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 20px
}

.content-single-wrapper .product-img-view {
      position: relative;
      margin-bottom: 20px
}

.content-single-wrapper .product-img-view .tab-content {
      text-align: center;
      padding: 30px;
      position: relative;
      border: 1px solid #e6e6e6;
      margin-bottom: 20px;
      cursor: move
}

.content-single-wrapper .product-img-view .tab-content img {
      box-shadow: 0 11px 16px 0 rgba(0, 0, 0, .34)
}

.content-single-wrapper .product-img-view ul.tab-nav-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      margin-left: -5px;
      margin-right: -5px
}

.content-single-wrapper .product-img-view ul.tab-nav-list li {
      padding-left: 5px;
      padding-right: 5px;
      width: 100%;
      max-width: 25%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      -webkit-flex: 0 0 25%;
      flex: 0 0 25%;
      border: none
}

.content-single-wrapper .product-img-view ul.tab-nav-list li a {
      border: 1px solid #e1e1e1;
      padding: 20px;
      display: block
}

.content-single-wrapper .product-img-view ul.tab-nav-list li a img:hover,
.template-search .close:hover {
      opacity: 1
}

.content-single-wrapper .product-img-view ul.tab-nav-list li a.active {
      border: 1px solid #fff;
      box-shadow: 0 0 32px 0 #b5b5b5
}

.content-single-wrapper .single-product-description .title {
      color: var(--color_text_heading);
      font-size: 30px;
      font-weight: 500;
      margin-bottom: 5px
}

.content-single-wrapper .single-product-description .rating {
      margin-bottom: 10px;
      color: #f5c415;
      font-size: 13px
}

.content-single-wrapper .single-product-description .price {
      color: var(--color_text_heading);
      font-size: 26px;
      font-weight: 500;
      margin-bottom: 8px
}

.content-single-wrapper .single-product-description .description {
      color: #444343;
      font-size: 17px;
      margin-bottom: 0
}

.content-single-wrapper .single-product-description .top-content {
      border-bottom: 1px solid #dcdcdc;
      padding-bottom: 30px;
      margin-bottom: 35px
}

.content-single-wrapper .single-product-description .action-area {
      margin-bottom: 15px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center
}

.content-single-wrapper .single-product-description .action-area li {
      display: inline-block;
      margin-right: 8px;
      margin-bottom: 10px
}

@media only screen and (max-width:479px) {
      .content-single-wrapper .single-product-description .action-area {
            display: block
      }

      .content-single-wrapper .single-product-description .action-area li {
            display: block;
            margin-right: 0
      }
}

.content-single-wrapper .single-product-description .action-area li .input-group {
      width: auto
}

.content-single-wrapper .single-product-description .action-area li .input-group .form-control {
      text-align: center;
      height: 50px;
      width: 50px;
      display: block;
      outline: 0;
      font-size: 24px;
      border-radius: 0;
      color: #051441;
      border: 1px solid #d3d3d3;
      border-right: 0
}

.content-single-wrapper .single-product-description .action-area li .input-group .input-group-btn {
      display: inline-grid
}

.content-single-wrapper .single-product-description .action-area li .input-group .input-group-btn .quantity-btn {
      padding: 2px 12px;
      font-size: 10px;
      color: #444;
      background-color: transparent;
      background-image: none;
      outline: 0;
      border: 1px solid #d3d3d3;
      cursor: pointer
}

.content-single-wrapper .single-product-description .action-area li .cart-btn {
      border: 1px solid #d3d3d3;
      background-color: transparent;
      padding: 12px 25px;
      display: block;
      color: #000;
      font-size: 15px;
      font-weight: 500;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.content-single-wrapper .single-product-description .action-area li .cart-btn:hover {
      background-color: var(--color_primary);
      border: 1px solid var(--color_primary);
      color: #fff
}

.content-single-wrapper .single-product-description .action-area li .item-btn {
      border: 1px solid #d3d3d3;
      padding: 14px 15px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center
}

.content-single-wrapper .single-product-description .action-area li .item-btn i:before {
      margin-left: 0;
      font-size: 20px;
      color: #000;
      line-height: 20px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.content-single-wrapper .single-product-description .action-area li .item-btn:hover {
      border: 1px solid var(--color_primary);
      background-color: var(--color_primary)
}

.content-single-wrapper .single-product-description .action-area2 {
      margin-bottom: 15px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap
}

.content-single-wrapper .single-product-description .action-area2 .link-text {
      color: #444343;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.content-single-wrapper .single-product-description .action-area2 .rotate-me {
      -webkit-animation: 2s ease-in-out sync;
      animation: 2s ease-in-out sync
}

.content-single-wrapper .single-product-description .action-area2 #sync {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: transparent;
      border: 0;
      outline: 0
}

.content-single-wrapper .single-product-description .action-area2 #icon_wrap {
      line-height: 1
}

.content-single-wrapper .single-product-description .action-area2 #icon_wrap i {
      margin: 5px
}

@-webkit-keyframes sync {
      100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
      }
}

@keyframes sync {
      100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
      }
}

.content-single-wrapper .single-product-description .product-meta li {
      color: #1e1e1d;
      font-weight: 500;
      font-size: 15px;
      margin-bottom: 15px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
}

.content-single-wrapper .single-product-description .product-meta li span {
      color: #7e7e7e;
      display: inline-block;
      margin-left: 5px
}

.content-single-wrapper .single-product-description .product-meta li span a {
      color: #7e7e7e;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.content-single-wrapper .single-product-description .product-meta li .social {
      margin-left: 10px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center
}

.content-single-wrapper .single-product-description .product-meta li .social li {
      margin-bottom: 0;
      margin-right: 5px
}

.content-single-wrapper .single-product-description .product-meta li .social li a {
      color: #1e1e1d;
      display: inline-block;
      padding: 0 5px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.single-shop-tab {
      margin-bottom: 80px
}

.single-shop-tab .tab-nav-list {
      border-bottom: 0;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 10px
}

.single-shop-tab .tab-nav-list .nav-item {
      font-size: 22px;
      font-weight: 500;
      font-family: var(--font_family_heading);
      margin-bottom: 0
}

.single-shop-tab .tab-nav-list .nav-item a {
      color: #7f7f7f;
      padding: 7px 20px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.single-shop-tab .tab-nav-list .nav-item a.active {
      color: #121212
}

.single-shop-tab .tab-content {
      padding: 30px 0 0
}

.single-shop-tab .tab-content p {
      font-size: 15px;
      margin-bottom: 50px
}

.single-shop-tab .tab-content .list-info-style-1 li {
      font-size: 15px;
      position: relative;
      padding-left: 20px
}

.single-shop-tab .tab-content .list-info-style-1 li:before {
      position: absolute;
      z-index: 1;
      content: "";
      height: 8px;
      width: 8px;
      border-radius: 50%;
      background-color: #000;
      top: 8px;
      left: 0
}

.single-shop-tab .tab-content .review-box .rating-box li ul li a {
      color: #545454;
      font-size: 14px
}

.single-shop-tab .tab-content .review-box .review-form .form-control {
      border-radius: 0;
      border: 1px solid #dcdcdc;
      background-color: transparent;
      color: var(--color_text_heading)
}

.single-shop-tab .tab-content .review-box .review-form .item-btn {
      width: 100%;
      padding: 10px 30px;
      background-color: #000;
      color: #fff;
      border: 0;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.single-shop-tab .tab-content .review-box .review-form input.form-control::-webkit-input-placeholder,
.single-shop-tab .tab-content .review-box .review-form textarea.form-control::-webkit-input-placeholder {
      color: #7e7e7e;
      font-size: 13px
}

.single-shop-tab .tab-content .review-box .review-form input.form-control::-moz-placeholder,
.single-shop-tab .tab-content .review-box .review-form textarea.form-control::-moz-placeholder {
      color: #7e7e7e;
      font-size: 13px
}

.single-shop-tab .tab-content .review-box .review-form input.form-control:-moz-placeholder,
.single-shop-tab .tab-content .review-box .review-form textarea.form-control:-moz-placeholder {
      color: #7e7e7e;
      font-size: 13px
}

.single-shop-tab .tab-content .review-box .review-form input.form-control:-ms-input-placeholder,
.single-shop-tab .tab-content .review-box .review-form textarea.form-control:-ms-input-placeholder {
      color: #7e7e7e;
      font-size: 13px
}

.brand-wrap-style-1 {
      overflow: hidden;
      padding-top: 110px;
      padding-bottom: 92px
}

.brand-wrap-style-1 .inner-wrap {
      max-width: 890px;
      width: 100%;
      margin-left: auto;
      margin-right: auto
}

.brand-box.style-1 {
      margin-bottom: 30px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center
}

.brand-box.style-1 .figure-box {
      box-shadow: 0 0 90px 0 rgba(0, 0, 0, .08);
      border-radius: 50%;
      display: inline-block;
      position: relative
}

.brand-box.style-1 .figure-box .brand-name {
      opacity: 0;
      visibility: hidden;
      border-radius: 5px;
      font-size: 15px;
      position: absolute;
      z-index: 1;
      left: 60%;
      top: -25px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background-color: #000;
      display: inline-block;
      padding: 8px 18px;
      color: #fff;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

footer .footer-top {
      padding-top: 120px;
      padding-bottom: 85px
}

@media (max-width:1199px) {

      .main-banner-box.style-2 .content-box .title,
      .profile-box .content-box .title {
            font-size: 34px
      }

      .main-banner-wrap-style-3 .right-full-width {
            padding-left: calc((100% - 935px)/ 2)
      }

      .main-banner-wrap-style-3 {
            padding-bottom: 0
      }

      .main-banner-box.style-3 {
            -webkit-box-align: inherit;
            -webkit-align-items: inherit;
            -ms-flex-align: inherit;
            align-items: inherit
      }

      .main-banner-box.style-3 .content-box {
            padding: 105px 0 110px
      }

      .main-banner-wrap-style-4 .banner-text {
            padding: 100px 0;
            width: 80%
      }

      .main-banner-wrap-style-4 .title {
            font-size: 60px
      }

      .about-wrap-style-1 {
            padding-bottom: 72px
      }

      .about-wrap-style-2 {
            padding-bottom: 60px
      }

      .about-wrap-style-3,
      .category-wrap-style-2 {
            padding-top: 104px;
            padding-bottom: 80px
      }

      .about-wrap-style-4 {
            padding-top: 100px;
            padding-bottom: 110px
      }

      .about-wrap-style-5 {
            padding-bottom: 100px
      }

      .about-box.style-1 .info-box.style-1 {
            margin-bottom: 36px
      }

      .about-box.style-2 .figure-box {
            margin: 20px 0
      }

      .about-wrap-style-6 {
            padding-top: 75px;
            padding-bottom: 35px
      }

      .about-wrap-style-6 .about-inner {
            text-align: center
      }

      .about-wrap-style-6 .shape-wrap,
      .advantage-box.style-1 .figure-box .element-list,
      .advantage-box.style-1 .figure-box .shape-list,
      .teacher-feature-box.style-1 .shape,
      .teacher-feature-wrap-style-1 .shape-wrap-right,
      .teacher-feature-wrap-style-1:before {
            display: none
      }

      .about-wrap-style-6 .figure-wrap li {
            position: inherit;
            display: contents
      }

      .team-wrap-style-1 {
            padding-top: 99px;
            padding-bottom: 0
      }

      .become-instructor-wrap-style-1,
      .category-wrap-style-4,
      .course-wrap-style-4,
      .instructor-wrap-style-1,
      .team-wrap-style-2 {
            padding-top: 100px;
            padding-bottom: 80px
      }

      .blog-box.style-2 {
            margin-bottom: 30px
      }

      .blog-box.style-3 .figure-box,
      .blog-box.style-3 .figure-box img {
            border-radius: 10px 10px 0 0
      }

      .blog-box.style-3 .content-box {
            margin-right: 0;
            border-radius: 0 0 10px 10px;
            margin-bottom: 0;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
      }

      .blog-box.style-4 .content-box .title {
            font-size: 28px
      }

      .blog-wrap-style-1 {
            padding-top: 99px;
            padding-bottom: 50px
      }

      .become-instructor-wrap-style-2,
      .blog-wrap-style-2,
      .blog-wrap-style-3,
      .category-wrap-style-3,
      .course-wrap-style-5,
      .course-wrap-style-6,
      .event-wrap-style-2,
      .event-wrap-style-3,
      .feature-wrap-style-1,
      .meeting-wrap-style-1,
      .related-event-wrap,
      .single-course-wrap-style-1,
      .single-course-wrap-style-2 {
            padding-bottom: 80px
      }

      .course-wrap-style-1 {
            padding-top: 99px;
            padding-bottom: 80px
      }

      .course-wrap-style-2 {
            padding-top: 103px;
            padding-bottom: 150px
      }

      .course-wrap-style-3 {
            padding-top: 104px;
            padding-bottom: 72px
      }

      .testimonial-wrap-style-1 {
            padding-top: 99px
      }

      .testimonial-wrap-style-2 {
            padding-top: 100px;
            padding-bottom: 161px
      }

      .testimonial-wrap-style-3 {
            padding-top: 110px;
            padding-bottom: 80px
      }
 

      .event-wrap-style-1 {
            padding-top: 70px;
            padding-bottom: 80px
      }

      .single-event-wrap-style-1 .main-title {
            font-size: 36px;
            line-height: 1.4
      }

      .guide-wrap-style-1 {
            padding-top: 85px;
            padding-bottom: 85px
      }

      .progress-wrap-style-1 {
            padding-top: 60px;
            padding-bottom: 70px
      }

      .works-box.style-2 .title {
            font-size: 52px
      }

      .teacher-feature-wrap-style-1 {
            padding-top: 65px;
            padding-bottom: 0
      }

      .feature-wrap-style-2 {
            padding-bottom: 107px
      }

      .apply-wrap-style-1 {
            padding-top: 110px;
            padding-bottom: 110px
      }

      .advantage-wrap-style-1 {
            padding-top: 94px;
            padding-bottom: 95px
      }

      .category-wrap-style-1 {
            padding-top: 99px;
            padding-bottom: 90px
      }

      .popular-instructors-wrap,
      .popular-topics-wrap {
            padding-top: 100px;
            padding-bottom: 94px
      }

      .address-box.style-1 .icon-box {
            height: 90px;
            width: 90px;
            font-size: 42px
      }

      .faq-wrap-style-1 {
            padding-bottom: 47px
      }

      .price-wrap-style-1 {
            padding-top: 100px
      }

      .speaker-wrap-style-1 {
            padding-bottom: 50px
      }

      .shop-wrap-style-1 {
            padding-top: 106px;
            padding-bottom: 80px
      }

      .shop-wrap-style-2 {
            padding-bottom: 70px
      }

      .brand-wrap-style-1 {
            padding-top: 80px;
            padding-bottom: 82px
      }

      footer .footer-top {
            padding-top: 110px;
            padding-bottom: 75px
      }
}

@media (max-width:991px) {
      .main-banner-wrap-style-3 .right-full-width {
            padding-left: 0
      }

      .main-banner-box.style-3,
      .single-blog-wrap .blog-content-box .blog-tag ul {
            display: block
      }

      .main-banner-box.style-3 .content-box {
            padding: 95px 15px 100px;
            text-align: center;
            margin-left: auto;
            margin-right: auto
      }

      .main-banner-box.style-3 .content-box .description {
            margin-bottom: 45px
      }

      .main-banner-wrap-style-4 .title,
      .works-box.style-2 .title {
            font-size: 48px
      }

      .about-wrap-style-1 {
            padding-top: 150px;
            padding-bottom: 70px
      }

      .about-wrap-style-2 {
            padding-bottom: 50px
      }

      .about-wrap-style-3,
      .category-wrap-style-2 {
            padding-top: 94px;
            padding-bottom: 70px
      }

      .about-wrap-style-4,
      .become-instructor-wrap-style-1,
      .category-wrap-style-4,
      .course-wrap-style-4,
      .instructor-wrap-style-1,
      .team-wrap-style-2 {
            padding-top: 90px;
            padding-bottom: 70px
      }

      .about-wrap-style-5,
      .banner-info-style-1 {
            padding-bottom: 90px
      }

      .about-box.style-1 .slick-carousel .single-item:before,
      .about-box.style-4 .figure-box .shape-list,
      .about-box.style-5 .figure-box .shape-list,
      .call-to-action-wrap-style-3 .inner-bg:after,
      .child-item:nth-child(2n) .price-box.style-1:before {
            display: none
      }

      .about-box.style-1 .slick-prev {
            left: 10px;
            right: inherit
      }

      .about-box.style-1 .slick-next {
            left: 45px;
            right: inherit
      }

      .about-box.style-5 .figure-box,
      .map-box.style-2 {
            margin-right: 0
      }

      .call-to-action-wrap-style-3 .inner-bg {
            background-size: cover
      }

      .call-to-action-wrap-style-3 .inner-bg:before {
            opacity: .5;
            background-color: #000;
            height: 100%;
            width: 100%
      }

      .call-to-action-box.style-3 .description,
      .call-to-action-box.style-3 .title {
            color: #fff
      }

      .call-to-action-box.style-3 .btn-wrap .item-btn:hover {
            color: #fff;
            border: 1px solid #fff
      }

      .call-to-action-box.style-5 .content-box .sub-title,
      .profile-tab .dashboard-box .heading-title,
      .widget-faq .title {
            font-size: 28px
      }

      .call-to-action-box.style-5 .content-box .title,
      .profile-box .content-box .title,
      .single-event-wrap-style-1 .main-title {
            font-size: 32px
      }

      .team-wrap-style-1 {
            padding-top: 89px;
            padding-bottom: 0
      }

      .blog-box.style-2 .content-box {
            padding: 15px;
            bottom: 0;
            margin: 0
      }

      .blog-box.style-2 .content-box .title {
            font-size: 24px
      }

      .blog-box.style-4 .content-box .title {
            font-size: 26px
      }

      .blog-wrap-style-1 {
            padding-top: 89px;
            padding-bottom: 40px
      }

      .become-instructor-wrap-style-2,
      .blog-wrap-style-2,
      .blog-wrap-style-3,
      .category-wrap-style-3,
      .course-wrap-style-5,
      .course-wrap-style-6,
      .event-wrap-style-2,
      .event-wrap-style-3,
      .feature-wrap-style-1,
      .meeting-wrap-style-1,
      .profile-wrap-style-2,
      .related-event-wrap {
            padding-bottom: 70px
      }

      .about-box.style-2 {
            margin-top: 50px;
      }

      .single-blog-wrap .blog-content-box {
            padding: 0
      }

      .single-blog-wrap .blog-content-box blockquote {
            padding: 20px 60px 20px 30px;
            font-size: 24px
      }

      .single-blog-wrap .blog-content-box blockquote:before {
            font-size: 50px
      }

      .course-wrap-style-1 {
            padding-top: 89px;
            padding-bottom: 70px
      }

      .course-wrap-style-2 {
            padding-top: 93px;
            padding-bottom: 140px
      }

      .course-wrap-style-3 {
            padding-top: 94px;
            padding-bottom: 62px
      }

      .banner-info-style-1 .title,
      .banner-info-style-2 .title,
      .banner-info-style-3 .title {
            font-size: 36px
      }

      .single-course-wrap-style-1 {
            padding-top: 95px;
            padding-bottom: 70px
      }

      .single-course-wrap-style-2 {
            padding-top: 0;
            padding-bottom: 70px
      }

      .testimonial-wrap-style-1 {
            padding-top: 89px
      }

      .testimonial-wrap-style-2 {
            padding-top: 90px;
            padding-bottom: 121px
      }

      .testimonial-wrap-style-3 {
            padding-top: 91px;
            padding-bottom: 70px
      }
 

      .event-wrap-style-1 {
            padding-top: 60px;
            padding-bottom: 70px
      }

      .content-single-wrapper .single-product-description .price,
      .single-event-wrap-style-1 .figure-box .event-info .custom-btn-fill {
            font-size: 20px
      }

      .address-box.style-2 {
            width: 100%;
            margin-top: 30px
      }

      .guide-wrap-style-1 {
            padding-top: 65px;
            padding-bottom: 75px
      }

      .progress-wrap-style-1 {
            padding-top: 50px;
            padding-bottom: 60px
      }

      .progress-wrap-style-2 {
            padding-top: 60px;
            padding-bottom: 60px
      }

      .works-wrap-style-2 {
            padding-top: 86px
      }

      .works-box.style-2 .sub-title {
            font-size: 28px;
            margin-bottom: 30px
      }

      .works-box.style-2 .play-btn {
            position: inherit;
            top: inherit;
            -webkit-transform: inherit;
            -ms-transform: inherit;
            transform: inherit;
            margin: 0;
            height: 90px;
            width: 90px;
            font-size: 28px
      }

      .teacher-feature-wrap-style-1 {
            padding-top: 30px
      }

      .teacher-feature-box.style-1 {
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between
      }

      .teacher-feature-box.style-1 .teacher-list-wrap {
            margin: 0 auto 30px;
            max-width: 100%
      }

      .teacher-feature-box.style-1 .feature-course-wrap {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 30px;
            max-width: 100%
      }

      .feature-wrap-style-2 {
            padding-bottom: 97px
      }

      .feature-box.style-2 .figure-box {
            margin-bottom: 30px
      }

      .apply-wrap-style-1 {
            padding-top: 100px;
            padding-bottom: 100px
      }

      .advantage-wrap-style-1 {
            padding-top: 84px;
            padding-bottom: 67px
      }

      .category-wrap-style-1 {
            padding-top: 89px;
            padding-bottom: 80px
      }

      .popular-instructors-wrap,
      .popular-topics-wrap {
            padding-top: 90px;
            padding-bottom: 84px
      }

      .contact-wrap-style-1 {
            padding-top: 100px
      }

      .address-box.style-1 {
            margin-top: 0
      }

      .address-box.style-1 .icon-box {
            height: 80px;
            width: 80px;
            font-size: 36px
      }

      .contact-form.style-1 {
            margin-top: 30px;
            padding: 0
      }

      .contact-form.style-1 .inner {
            padding: 45px 30px 25px
      }

      .faq-wrap-style-1 {
            padding-top: 70px;
            padding-bottom: 70px
      }

      .faq-box.style-1 {
            margin-bottom: 0
      }

      .faq-box.style-1 .single-item .item-nav a,
      .profile-box .content-box .designation {
            font-size: 22px
      }

      .sidebar-widget {
            margin-top: 50px
      }

      .price-wrap-style-1 {
            padding-top: 90px
      }

      .profile-box {
            display: block;
            padding: 15px
      }

      .profile-social {
            justify-content: center
      }

      .profile-box .figure-box {
            margin-right: 0;
            margin-bottom: 30px
      }

      .profile-box .content-box .profile-social li {
            margin-right: 8px
      }

      .profile-tab .dashboard-box .dashboard-skill .progress .lead {
            font-size: 16px
      }

      .speaker-wrap-style-1 {
            padding-top: 55px;
            padding-bottom: 40px
      }

      .shop-wrap-style-1 {
            padding-top: 96px;
            padding-bottom: 70px
      }

      .shop-wrap-style-2 {
            padding-bottom: 60px
      }

      .content-single-wrapper {
            margin-bottom: 40px
      }

      .brand-wrap-style-1 {
            padding-top: 70px;
            padding-bottom: 72px
      }

      footer .footer-top {
            padding-top: 100px;
            padding-bottom: 65px
      }
}

@media (max-width:767px) {
      .main-banner-box.style-3 .content-box {
            padding: 85px 15px 90px
      }

      .main-banner-box.style-3 .content-box .description {
            margin-bottom: 40px
      }

      .main-banner-box.style-3 .figure-box .play-btn {
            height: 110px;
            width: 110px;
            font-size: 32px
      }

      .main-banner-wrap-style-4 .title {
            font-size: 42px;
            line-height: 1.3
      }

      .about-box.style-2 .figure-box .elements-list,
      .about-box.style-2 .figure-box .shape-list,
      .apply-box.style-1 .shape,
      .call-to-action-wrap-style-2 .center-shape,
      .call-to-action-wrap-style-2:before,
      .child-item .price-box.style-1:before,
      .feature-box.style-2 .figure-box .shape-list,
      .main-banner-wrap-style-4 .description {
            display: none;

      }

      .about-wrap-style-1 {
            padding-top: 140px;
            padding-bottom: 60px
      }

      .about-wrap-style-2 {
            padding-bottom: 40px
      }

      .about-wrap-style-3,
      .category-wrap-style-2 {
            padding-top: 84px;
            padding-bottom: 60px
      }

      .about-wrap-style-4,
      .become-instructor-wrap-style-1,
      .category-wrap-style-4,
      .course-wrap-style-4,
      .instructor-wrap-style-1,
      .team-wrap-style-2 {
            padding-top: 80px;
            padding-bottom: 60px
      }

      .about-wrap-style-5 {
            padding-bottom: 55px
      }

      .about-box.style-3 .about-list li {
            padding: 20px 20px 19px
      }

      .about-wrap-style-6 .figure-wrap li,
      .single-course-box.style-1 .instructor-wrap .instructor-box {
            display: block
      }

      .about-wrap-style-6 .figure-wrap li img,
      .call-to-action-wrap-style-2:after {
            width: 100%
      }

      .call-to-action-box.style-2 .description {
            max-width: 100%
      }

      .call-to-action-box.style-5 .content-box .sub-title,
      .profile-tab .dashboard-box .heading-title,
      .widget-faq .title,
      .works-box.style-2 .sub-title {
            font-size: 26px
      }

      .call-to-action-box.style-5 .content-box .title,
      .course-box.style-1.additional-info .title,
      .profile-box .content-box .title,
      .single-event-wrap-style-1 .main-title {
            font-size: 30px
      }

      .team-wrap-style-1 {
            padding-top: 79px;
            padding-bottom: 0
      }

      .blog-box.style-4 .content-box .title {
            font-size: 24px
      }

      .blog-wrap-style-1 {
            padding-top: 79px;
            padding-bottom: 30px
      }

      .become-instructor-wrap-style-2,
      .blog-wrap-style-2,
      .blog-wrap-style-3,
      .category-wrap-style-3,
      .course-wrap-style-5,
      .course-wrap-style-6,
      .event-wrap-style-2,
      .event-wrap-style-3,
      .feature-wrap-style-1,
      .meeting-wrap-style-1,
      .profile-wrap-style-2,
      .related-event-wrap,
      .single-course-wrap-style-2 {
            padding-bottom: 60px
      }

      .single-blog-wrap .main-figure-box .category-name {
            right: auto;
            left: 20px;
            bottom: 20px;
            top: auto
      }

      .course-wrap-style-1 {
            padding-top: 79px;
            padding-bottom: 60px
      }

      .course-wrap-style-2 {
            padding-top: 83px;
            padding-bottom: 130px
      }

      .course-wrap-style-3 {
            padding-top: 84px;
            padding-bottom: 52px
      }

      .course-box.style-1.additional-info {
            min-height: auto
      }

      .course-box.style-5 {
            display: block;
            margin-left: 0;
            margin-top: 35px
      }

      .course-box.style-5 .figure-box {
            display: block;
            max-width: inherit;
            margin: -70px 0 25px
      }

      .course-box.style-5 .figure-box img {
            border-radius: 10px 10px 0 0
      }

      .course-box.style-5 .hover-content {
            height: calc(100% + 25px);
            width: 100%;
            left: 0;
            top: -35px
      }

      .banner-info-style-1 {
            padding-bottom: 80px
      }

      .banner-info-style-1 .title,
      .banner-info-style-2 .title,
      .banner-info-style-3 .title {
            font-size: 32px
      }

      .banner-info-style-1 .figure-box .play-btn,
      .banner-info-style-2 .figure-box .play-btn,
      .banner-info-style-3 .figure-box .play-btn {
            padding: 16px 30px;
            font-size: 22px
      }

      .single-course-wrap-style-1 {
            padding-top: 85px;
            padding-bottom: 60px
      }

      .single-course-box.style-1 .instructor-wrap .instructor-box .figure-box {
            margin-right: 0;
            max-width: inherit;
            margin-bottom: 20px;
            text-align: center
      }

      .testimonial-wrap-style-1 {
            padding-top: 79px
      }

      .testimonial-box.style-4 {
            padding: 35px 15px
      }

      .testimonial-wrap-style-2 {
            padding-top: 80px;
            padding-bottom: 111px
      }

      .testimonial-wrap-style-3 {
            padding-top: 81px;
            padding-bottom: 60px
      }

      .testimonial-wrap-style-4 {
            padding-top: 80px;
            padding-bottom: 72px
      }

      .event-wrap-style-1 {
            padding-top: 50px;
            padding-bottom: 60px
      }

      .single-event-wrap-style-1 .figure-box {
            padding: 25px
      }

      .content-single-wrapper .single-product-description .price,
      .single-event-wrap-style-1 .figure-box .event-info .custom-btn-fill {
            font-size: 18px
      }

      .guide-wrap-style-1 {
            padding-top: 55px;
            padding-bottom: 65px
      }

      .progress-wrap-style-1 {
            padding-top: 40px;
            padding-bottom: 50px
      }

      .faq-box.style-1 .single-item .item-nav a,
      .profile-box .content-box .designation,
      .progress-box.style-1 .counting-text,
      .progress-box.style-2 .counting-text {
            font-size: 20px
      }

      .progress-wrap-style-2,
      .shop-wrap-style-2 {
            padding-bottom: 50px
      }

      .progress-box.style-2 .counting-number,
      .widget-course-info .top-content .offer-price {
            font-size: 36px
      }

      .works-wrap-style-2 {
            padding-top: 76px
      }

      .works-box.style-2 .section-heading {
            font-size: 28px
      }

      .works-box.style-2 .title {
            font-size: 40px
      }

      .works-box.style-2 .play-btn {
            height: 80px;
            width: 80px;
            font-size: 26px
      }

      .feature-wrap-style-2 {
            padding-bottom: 87px
      }

      .apply-wrap-style-1 {
            padding-top: 90px;
            padding-bottom: 90px
      }

      .apply-box.style-1 {
            padding: 0
      }

      .apply-box.style-1 .inner {
            background-color: rgba(255, 255, 255, .95);
            padding: 40px 35px
      }

      .apply-box.style-1 .inner:before {
            -webkit-transform: scale(.7);
            -ms-transform: scale(.7);
            transform: scale(.7);
            top: 20px;
            right: 20px
      }

      .advantage-wrap-style-1 {
            padding-top: 74px;
            padding-bottom: 57px
      }

      .category-wrap-style-1 {
            padding-top: 79px;
            padding-bottom: 70px
      }

      .popular-instructors-wrap,
      .popular-topics-wrap {
            padding-top: 70px;
            padding-bottom: 64px
      }

      .contact-wrap-style-1 {
            padding-top: 90px
      }

      .address-box.style-1 .icon-box {
            height: 70px;
            width: 70px;
            font-size: 32px
      }

      .faq-wrap-style-1 {
            padding-top: 60px;
            padding-bottom: 60px
      }

      .faq-box.style-1 .single-item .item-nav a:after {
            font-size: 12px
      }

      .become-instructor-box.style-2 {
            padding: 45px 30px 25px
      }

      .price-wrap-style-1 {
            padding-top: 80px
      }

      .speaker-wrap-style-1 {
            padding-top: 50px;
            padding-bottom: 30px
      }

      .shop-wrap-style-1 {
            padding-top: 86px;
            padding-bottom: 60px
      }

      .content-single-wrapper {
            margin-bottom: 30px
      }

      .brand-wrap-style-1 {
            padding-top: 60px;
            padding-bottom: 62px
      }

      footer .footer-top {
            padding-top: 90px;
            padding-bottom: 55px
      }
}

footer .footer-address {
      font-size: 17px;
      margin-bottom: 25px
}

footer .footer-email {
      font-size: 18px;
      margin-bottom: 25px;
      font-weight: 300
}

footer .footer-social li {
      display: inline-block;
      margin-right: 14px
}

footer .footer-social li a {
      font-size: 15px;
      padding: 5px
}

footer .footer-social li a:hover.facebook {
      color: var(--facebook)
}

footer .footer-social li a:hover.twitter {
      color: var(--twitter)
}

footer .footer-social li a:hover.instagram {
      color: var(--instagram)
}

footer .footer-social li a:hover.pinterest {
      color: var(--pinterest)
}

footer .footer-social li a:hover.youtube {
      color: var(--youtube)
}

footer .footer-social li:first-child a,
footer .footer-social li:last-child a {
      padding-left: 0
}

footer .footer-bottom {
      padding: 20px 0;
      border-top: 1px solid rgba(75, 89, 113, .35)
}

footer .widget-heading {
      margin-bottom: 20px;
      font-size: 22px;
      font-weight: 500
}

footer .widget-nav .menu .menu-item {
      margin-bottom: 15px;
      font-size: 16px;
      font-family: var(--font_family_heading);
      position: relative;
      z-index: 1
}

footer .widget-nav.style-1 .menu .menu-item:before {
      content: "";
      height: 12px;
      width: 9px;
      background-color: var(--color_primary);
      position: absolute;
      top: 8px;
      left: 0;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

footer .widget-nav.style-1 .menu .menu-item:after {
      content: "";
      height: 12px;
      width: 9px;
      background-color: #bebfc1;
      position: absolute;
      top: 9px;
      left: 1px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

footer .widget-nav.style-1 .menu .menu-item a {
      position: relative;
      margin-left: 22px
}

footer .widget-nav.style-1 .menu .menu-item a:after {
      content: "";
      height: 1px;
      width: 0;
      background-color: #fff;
      position: absolute;
      right: 0;
      bottom: 0;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

footer .widget-nav.style-1 .menu .menu-item:hover:before {
      background-color: #bebfc1
}

footer .widget-nav.style-2 .menu .menu-item:before {
      display: inline-block;
      content: "\f067";
      font-family: "Font Awesome 5 Free";
      font-weight: 600;
      font-size: 13px;
      color: #6b6b6b;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

footer .widget-nav.style-2 .menu .menu-item a {
      position: relative;
      z-index: 1;
      margin-left: 15px
}

footer .widget-nav.style-2 .menu .menu-item a:after {
      content: "";
      height: 1px;
      width: 0;
      background-color: var(--color_primary);
      position: absolute;
      right: 0;
      bottom: 0;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

footer .widget-nav.style-2 .menu .menu-item:hover:before {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      color: var(--color_primary)
}

.footer.style-1 {
      background-color: #1c2a44
}

.footer.style-1 .widget {
      color: #bfc0c1;
      margin-bottom: 30px
}

.footer.style-1 .footer-copyright a,
.footer.style-1 .widget a {
      color: #bfc0c1;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.footer.style-1 .footer-number {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 5px;
      color: #fff
}

.footer.style-1 .footer-number i {
      margin-right: 12px
}

.footer.style-1 .footer-subscribe .form-control {
      height: 45px;
      border-color: #3c4454;
      color: #fff;
      border-radius: 3px;
      background-color: transparent;
      margin-bottom: 10px
}

.footer.style-1 .footer-subscribe .submit-btn {
      color: #fff;
      font-size: 17px;
      font-family: var(--font_family_heading);
      font-weight: 600;
      letter-spacing: 2px;
      padding: 9px 21px 8px;
      background-color: var(--color_primary);
      border: none;
      border-radius: 3px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.footer.style-1 .footer-subscribe input.form-control::-webkit-input-placeholder {
      letter-spacing: 2px;
      font-size: 15px;
      color: #939393
}

.footer.style-1 .footer-copyright {
      color: #bfc0c1;
      margin: 2px 0
}

.footer.style-1 .footer-terms {
      margin: 2px 0
}

.footer.style-1 .footer-terms a {
      color: #bfc0c1;
      margin-right: 30px;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

@media (max-width:575px) {
      .main-banner-box.style-2 .content-box form select {
            border-radius: 5px;
            background-position: center right 20px;
            margin-bottom: 10px
      }

      .main-banner-box.style-2 .content-box form input {
            border-right: 1px solid rgba(255, 255, 255, .5);
            margin-bottom: 10px
      }

      .main-banner-box.style-2 .content-box form .item-btn {
            width: 100%
      }

      .main-banner-box.style-3 .content-box {
            padding: 75px 15px 80px
      }

      .main-banner-box.style-3 .content-box .description {
            margin-bottom: 35px
      }

      .main-banner-box.style-3 .figure-box .play-btn {
            height: 80px;
            width: 80px;
            font-size: 24px
      }

      .main-banner-box.style-3 .figure-box .shape-list {
            display: none
      }

      .main-banner-wrap-style-4 .title,
      .works-box.style-2 .title {
            font-size: 36px
      }

      .about-wrap-style-1 {
            padding-top: 130px;
            padding-bottom: 50px
      }

      .about-wrap-style-2 {
            padding-bottom: 30px
      }

      .about-wrap-style-3,
      .category-wrap-style-2 {
            padding-top: 74px;
            padding-bottom: 50px
      }

      .about-wrap-style-4,
      .become-instructor-wrap-style-1,
      .category-wrap-style-4,
      .course-wrap-style-4,
      .instructor-wrap-style-1,
      .team-wrap-style-2 {
            padding-top: 70px;
            padding-bottom: 50px
      }

      .about-wrap-style-5 {
            padding-bottom: 45px
      }

      .call-to-action-box.style-5 .content-box .sub-title,
      .widget-faq .title,
      .works-box.style-2 .sub-title {
            font-size: 24px
      }

      .call-to-action-box.style-5 .content-box .title,
      .profile-box .content-box .title {
            font-size: 28px
      }

      .team-wrap-style-1 {
            padding-top: 69px;
            padding-bottom: 0
      }

      .blog-wrap-style-1 {
            padding-top: 69px;
            padding-bottom: 20px
      }

      .become-instructor-wrap-style-2,
      .blog-wrap-style-2,
      .blog-wrap-style-3,
      .category-wrap-style-3,
      .course-wrap-style-5,
      .course-wrap-style-6,
      .event-wrap-style-2,
      .event-wrap-style-3,
      .feature-wrap-style-1,
      .meeting-wrap-style-1,
      .profile-wrap-style-2,
      .related-event-wrap,
      .single-course-wrap-style-2 {
            padding-bottom: 50px
      }

      .single-blog-wrap .main-figure-box .category-name {
            right: auto;
            left: 20px;
            bottom: 20px;
            top: auto
      }

      .become-instructor-box.style-3,
      .single-blog-wrap .blog-content-box .blog-author .media {
            display: block
      }

      .content-single-wrapper,
      .single-blog-wrap .blog-content-box .blog-author .media img {
            margin-bottom: 20px
      }

      .course-wrap-style-1 {
            padding-top: 69px;
            padding-bottom: 50px
      }

      .course-wrap-style-2 {
            padding-top: 73px;
            padding-bottom: 120px
      }

      .course-wrap-style-3 {
            padding-top: 74px;
            padding-bottom: 42px
      }

      .course-box.style-1 .hover-content .inner .description,
      .course-box.style-5 .hover-content .inner .description {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical
      }

      .banner-info-style-1 {
            padding-bottom: 70px
      }

      .banner-info-style-1 .title,
      .banner-info-style-2 .title,
      .banner-info-style-3 .title {
            font-size: 30px
      }

      .single-course-wrap-style-1 {
            padding-top: 75px;
            padding-bottom: 50px
      }

      .testimonial-wrap-style-1 {
            padding-top: 69px
      }

      .testimonial-wrap-style-2 {
            padding-top: 70px;
            padding-bottom: 101px
      }

      .testimonial-wrap-style-3 {
            padding-top: 71px;
            padding-bottom: 50px
      }

      .testimonial-wrap-style-4 {
            padding-top: 70px;
            padding-bottom: 62px
      }

      .event-wrap-style-1 {
            padding-top: 40px;
            padding-bottom: 50px
      }

      .guide-wrap-style-1 {
            padding-top: 45px;
            padding-bottom: 55px
      }

      .progress-wrap-style-1 {
            padding-top: 30px;
            padding-bottom: 40px
      }

      .progress-wrap-style-2,
      .shop-wrap-style-2 {
            padding-bottom: 40px
      }

      .works-box.style-1 .work-process li {
            padding: 20px 15px
      }

      .works-wrap-style-2 {
            padding-top: 66px
      }

      .works-box.style-2 .play-btn {
            height: 70px;
            width: 70px;
            font-size: 24px
      }

      .feature-wrap-style-2 {
            padding-bottom: 77px
      }

      .apply-wrap-style-1 {
            padding-top: 80px;
            padding-bottom: 80px
      }

      .advantage-wrap-style-1 {
            padding-top: 64px;
            padding-bottom: 47px
      }

      .category-wrap-style-1 {
            padding-top: 69px;
            padding-bottom: 60px
      }

      .category-box.style-1,
      .more-category.style-1 {
            text-align: center
      }

      .category-box.style-1 .icon-box .hover,
      .category-box.style-2 .icon-box .hover {
            right: 0;
            margin: 0 auto
      }

      .contact-wrap-style-1 {
            padding-top: 80px
      }

      .faq-wrap-style-1 {
            padding-top: 50px;
            padding-bottom: 50px
      }

      .faq-box.style-1 .single-item .item-nav a:after {
            font-size: 10px
      }

      .price-wrap-style-1 {
            padding-top: 70px
      }

      .profile-tab .dashboard-box .dashboard-info li {
            padding: 20px 20px 20px 30px
      }

      .speaker-wrap-style-1 {
            padding-bottom: 20px
      }

      .shop-wrap-style-1 {
            padding-top: 76px;
            padding-bottom: 50px
      }

      .brand-wrap-style-1 {
            padding-top: 50px;
            padding-bottom: 52px
      }

      footer .footer-top {
            padding-top: 80px;
            padding-bottom: 45px
      }

      .footer.style-1 .footer-terms a {
            display: block;
            margin-right: 0
      }
}

.footer.style-2 {
      overflow: hidden;
      background-color: #fff;
      position: relative;
      z-index: 1
}

.footer.style-2 .shap-wrap {
      position: absolute;
      z-index: 0;
      left: 0;
      bottom: 0
}

.footer.style-2 .widget {
      color: #6b6b6b;
      margin-bottom: 30px
}

.footer.style-2 .footer-copyright a,
.footer.style-2 .widget a {
      color: #6b6b6b;
      -webkit-transition: .3s ease-in-out;
      transition: .3s ease-in-out
}

.footer.style-2 .footer-number {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 5px;
      color: #161616
}

.footer.style-2 .footer-number i {
      margin-right: 12px;
      color: var(--color_primary)
}

.footer.style-2 .footer-copyright {
      color: #6b6b6b;
      margin-bottom: 10px;
      text-align: center
}

.footer.style-2 .footer-bottom {
      border-top: 1px solid rgba(195, 195, 195, .34);
      padding: 20px 0 10px
}

.template-search {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #fff;
      transform: translate(0, -100%) scale(0, 0);
      opacity: 0;
      visibility: hidden;
      z-index: 999999;
      transition: .7s ease-in-out
}

.template-search .search-form {
      text-align: center;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      transform: translateY(-50%)
}

.template-search .search-form input[type=search] {
      width: 60%;
      color: #000;
      font-size: 40px;
      text-align: left;
      border: none;
      border-bottom: 2px solid;
      margin: 0 auto;
      padding: 10px 0;
      outline: 0
}

@media screen and (max-width:768px) {
      .template-search .search-form input[type=search] {
            width: 100%;
            margin-bottom: 20px;
      }

      .template-search .search-form .search-btn {
            background-color: #0271d2 !important;
      }

      .about-box.style-2 .btn-wrap {
            text-align: center;
      }

      .about-box.style-2 .btn-wrap a {
            margin-top: 20px;
      }
}

.template-search .search-form .search-btn {
      padding: 28px 60px;
      box-shadow: none;
      border: none;
      cursor: pointer;
      font-size: 24px;
      font-weight: 600;
      transform: translateX(-150px) translateY(-10px);
      background-color: transparent;
      transition: .3s ease-out
}

.template-search .search-form input::-webkit-input-placeholder {
      color: #cfcfcf
}

.template-search .search-form input::-moz-placeholder {
      color: #cfcfcf
}

.template-search .search-form input:-moz-placeholder {
      color: #cfcfcf
}

.template-search .search-form input:-ms-input-placeholder {
      color: #cfcfcf
}

.template-search .close {
      position: fixed;
      top: 15px;
      right: 20px;
      color: #000;
      border: none;
      opacity: .3;
      visibility: visible;
      padding: 3px 15px 5px;
      font-size: 70px;
      font-weight: 300;
      cursor: pointer;
      transition: .3s ease-in-out
}

.template-search .close:focus {
      box-shadow: none;
      border: none;
      outline: 0
}

.template-search.open {
      transform: translate(0, 0) scale(1, 1);
      opacity: .95;
      visibility: visible
}

.mean-bar--right {
      display: flex;
      align-items: center;
      min-width: 120px;
      justify-content: space-between
}

.mean-bar--right .actions a {
      color: #000;
      font-size: 20px
}