/*---------------------------------------------

Template Name: SHMU Education HTML5 Template

Template URL: 

Description: 

Author: 

Author URL: 

Version: 1.0.0



===============================================   

STYLESHEET INDEXING

|

|___ Default Styles

|	|___ Variables

|	|___ Shortcode 

|	|___ Reset Styels

|	|___ Typography

|	|___ Forms Styles

|	|___ Common 

|	|___ Animation 

|

|___ Elements Styles

|	|___ Accordion Style

|	|___ Back To Top

|	|___ Breadcrumb

|	|___ Button

|	|___ Countdown

|	|___ Course Widget

|	|___ Pagination Styles 

|	|___ Sal Styels 

|	|___ Section Title

|	|___ Slick Styles 

|	|___ Social Share Style 

|

|___Template Styles

|	|___ About Styles

|	|___ Brand Styles

|	|___ Call To Action Styles

|	|___ Campus Styles

|	|___ Categorie Styles

|	|___ Contact Styles

|	|___ Counterup Styles

|	|___ Course Styles

|	|___ Course Details Style

|	|___ Event Styles

|	|___ FAQ Styles

|	|___ Features Styles

|	|___ Gallery Styles

|	|___ Hero Banner Styles

|	|___ Instagram Styles

|	|___ Pricing Table Styles

|	|___ Privacy Policy Style

|	|___ Product Details Styles

|	|___ Shop Styles

|	|___ Splash Page Styles

|	|___ Team Styles

|	|___ Testimonial Styles

|	|___ Video Styles

|	|___ Why Choose Styles

|	|___ 404 Error

|

|___Blocks Styles

|	|___ Header Styles

|	|___ Footer Styles

|

|___Blog Styles

|

|___Spacing

|

|___ END STYLESHEET INDEXING



--------------------------------------------*/

/*=======================================================================

1. Default Styles

=========================================================================*/

/*-------------------------

    Variables

-------------------------*/

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Spartan:wght@400;500;600;700;800&display=swap");



:root {



  --color-primary: #0d1e51;

  --color-secondary: #ee4a62;

  --color-textSecondary: #ff5b5c;

  --color-tertiary: #f8b81f;

  --color-dark: #111212;

  --color-heading: #181818;

  --dark-color-heading: #ffffff;

  --color-border: #e5e5e5;

  --dark-color-border: #282f3a;

  --color-body: #808080;

  --gradient-primary: linear-gradient(-90deg, #31b978 0%, #0d1e51 100%);

  --bg-color: #eaf0f2;

  --dark-bg-color: #020b17;

  --cta-color-bg: #f0f4f5;

  --color-bg-body: #ffffff;

  --dark-color-bg-body: #111822;

  --bg-color-2: #1c242f;

  --color-white: #ffffff;

  --color-black: #000000;

  --footer-text: #181818;

  --dark-footer-text: #808080;

  --edu-btn-color: #ffffff;

  --color-title: #bababa;

  --color-lighten01: #f0f4f5;

  --color-lighten02: #edf5f8;

  --color-lighten03: #f5f1eb;

  --color-lighten04: #f7f5f2;

  --color-extra01: #0ecd73;

  --color-extra02: #8e56ff;

  --color-extra03: #f92596;

  --color-extra04: #5866eb;

  --color-extra05: #f8941f;

  --color-extra06: #39c0fa;

  --color-extra07: #da04f8;

  --color-extra08: #4664e4;

  --color-extra09: #525151;

  --color-extra10: #404040;

  --color-extra11: #22272e;

  --color-success: #3eb75e;

  --color-danger: #ff0003;

  --color-warning: #ff8f3c;

  --color-info: #1ba2db;

  --color-placeholder: #808080;

  --color-facebook: #1877f2;

  --color-twitter: #1da1f2;

  --color-youtube: #cd201f;

  --color-linkedin: #0a66c2;

  --color-pinterest: #e60022;

  --color-instagram: #c231a1;

  --color-vimeo: #00adef;

  --color-twitch: #6441a3;

  --color-discord: #7289da;

  --border-width: 2px;

  --radius-small: 4px;

  --radius: 10px;

  --radius-big: 16px;

  --p-light: 300;

  --p-regular: 400;

  --p-medium: 500;

  --p-semi-bold: 600;

  --p-bold: 700;

  --p-extra-bold: 800;

  --shadow-darker: 0px 10px 50px 0px rgba(26, 46, 85, 0.1);

  --shadow-darker2: 0px 20px 50px 0px rgba(26, 46, 85, 0.1);

  --shadow-dark: 0px 10px 30px 0px rgba(20, 36, 66, 0.15);

  --shadow-darkest: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

  --shadow-darker3: 0px 4px 50px 0px rgba(0, 0, 0, 0.1);

  --shadow-darker4: 0px 20px 70px 0px rgba(15, 107, 92, 0.2);

  --transition: 0.3s;

  --transition-2: 0.5s;

  --transition-transform: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1);

  /* --font-primary: 'Poppins', sans-serif; */

  --font-primary: "roboto", sans-serif;

  --font-secondary: "Spartan", sans-serif;

  --font-icomoon: "icomoon";

  --font-size-b1: 15px;

  --font-size-b2: 13px;

  --line-height-b1: 1.73;

  --line-height-b2: 1.85;

  --h1: 50px;

  --h2: 36px;

  --h3: 28px;

  --h4: 20px;

  --h5: 18px;

  --h6: 16px;

  --h1-lineHeight: 1.2;

  --h2-lineHeight: 1.39;

  --h3-lineHeight: 1.43;

  --h4-lineHeight: 1.4;

  --h5-lineHeight: 1.45;

  --h6-lineHeight: 1.62;

}



/*==============================

 *  Shortcode

=================================*/

/*--------------------------------------*/

.container-custom,

.container-custom-1520 {

  width: 100%;

  margin-left: auto;

  margin-right: auto;

  padding-right: 15px;

  padding-left: 15px;

}



.container-custom {

  max-width: 1710px;

}



.container-custom-1520 {

  max-width: 1520px;

}



@media only screen and (max-width: 767px) {



  .container,

  .container-fluid,

  .container-lg,

  .container-md,

  .container-sm,

  .container-xl,

  .container-xxl,

  .container-custom,

  .container-custom-1520 {

    padding-right: 15px;

    padding-left: 15px;

  }

}



/*===========================

    Background Image 

=============================*/

.shape-group,

.edu-breadcrumb-area .edu-breadcrumb,

.edu-breadcrumb-area .course-meta,

.edu-breadcrumb-area .shape-group,

.edu-course-widget.widget-course-summery .content .course-item,

.edu-pagination,

.about-image-gallery .shape-group li,

.about-content .features-list,

.about-style-1 .shape-group,

.about-style-2 .shape-group,

.about-style-3 .about-image-gallery .shape-group,

.about-style-3 .shape-group,

.about-style-5 .shape-group,

.cta-banner-2 .shape-group,

.cta-banner-3 .shape-group,

.edu-cta-banner .shape-group,

.edu-cta-box .shape-group,

.contact-me .thumbnail .shape-group,

.contact-us-info .address-list,

.contact-form-area .shape-group,

.contact-form.form-style-2 .shape-group,

.edu-course .content .course-meta,

.edu-course .hover-content-aside .content .course-feature ul,

.course-layout-five-tooltip-content .content .course-meta,

.course-layout-five-tooltip-content .content .course-feature ul,

.course-area-3 .shape-group,

.course-area-7 .shape-group,

.edu-sorting-area .sorting-right .layout-switcher .switcher-btn,

.course-details-content .entry-content .course-meta,

.course-curriculam .course-lesson ul,

.edu-event .content .event-meta,

.edu-event-list .content .event-meta,

.edu-event-area .shape-group,

.event-details .details-content .event-meta,

.edu-faq-content .shape-group,

.edu-faq-gallery .shape-group,

.faq-style-4 .faq-thumbnail .shape-group,

.hero-banner .banner-content .shape-group,

.hero-banner .banner-thumbnail .shape-group,

.hero-banner.hero-style-2 .banner-gallery .shape-group,

.hero-banner.hero-style-3 .shape-group,

.hero-banner.hero-style-4 .shape-group,

.hero-banner.hero-style-5 .shape-group,

.hero-banner.hero-style-6 .shape-group,

.hero-banner.hero-style-7 .shape-group,

.pricing-table .pricing-body .list-item,

.privacy-policy ul,

.product-details-area .content .product-feature,

.edu-product .inner>.thumbnail .product-hover-info ul,

.account-page-area .shape-group,

.pv-elementor-area .elementor-thumbnail .shape-group li,

.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li,

.pv-inner-page-area .shape-group li,

.pv-zoom-demo-area .zoom-thumbnail .shape-group li,

.pv-cta-area .shape-group li,

.team-share-info,

.team-area-3 .shape-group,

.team-area-4 .shape-group,

.team-area-5 .shape-group,

.team-area-6 .shape-group,

.team-details-content .main-info .team-meta,

.team-details-content .contact-info ul,

.video-gallery .shape-group,

.error-page-area>.shape-group,

.edu-error .thumbnail .shape-group,

.coming-soon-page-area .shape-group,

.header-top .header-info,

.header-action,

.edu-footer .information-list,

.blog-meta,

.edu-blog-area .shape-group,

.edu-blog-widget.widget-categories .category-list {

  padding: 0;

  margin: 0;

  list-style: none;

}



.mainmenu-nav .mainmenu li.has-droupdown .submenu li a {

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.bgImagePosition,

.bg-image {

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

}



.bg-image_fixed {

  background-attachment: fixed !important;

}



.bg-image--1 {

  background-image: url(../images/bg/bg-image-1.png);

}



.bg-image--2 {

  background-image: url(../images/bg/bg-image-2.jpg);

}



.bg-image--9 {

  background-image: url(../images/bg/bg-image-9.png);

}



.bg-image--14 {

  background-image: url(../images/bg/bg-image-14.jpg);

}



.bg-image--17 {

  background-image: url(../images/bg/bg-image-17.webp);

}



.bg-image--19 {

  background-image: url(../images/bg/bg-image-19.webp);

}



.bg-image--21 {

  background-image: url(../images/bg/bg-image-21.webp);

}



/*===================

Custom Row

======================*/

.row--0 {

  margin-left: -0px;

  margin-right: -0px;

}



.row--0>[class*="col"] {

  padding-left: 0px;

  padding-right: 0px;

}



.row--5 {

  margin-left: -5px;

  margin-right: -5px;

}



.row--5>[class*="col"] {

  padding-left: 5px;

  padding-right: 5px;

}



.row--10 {

  margin-left: -10px;

  margin-right: -10px;

}



.row--10>[class*="col"] {

  padding-left: 10px;

  padding-right: 10px;

}



.row--15 {

  margin-left: -15px;

  margin-right: -15px;

}



.row--15>[class*="col"] {

  padding-left: 15px;

  padding-right: 15px;

}



.row--20 {

  margin-left: -20px;

  margin-right: -20px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .row--20 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .row--20 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .row--20 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (max-width: 767px) {

  .row--20 {

    margin-left: -15px !important;

    margin-right: -15px !important;

  }

}



.row--20>[class*="col"],

.row--20>[class*="col-"] {

  padding-left: 20px;

  padding-right: 20px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {



  .row--20>[class*="col"],

  .row--20>[class*="col-"] {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {



  .row--20>[class*="col"],

  .row--20>[class*="col-"] {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {



  .row--20>[class*="col"],

  .row--20>[class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

}



@media only screen and (max-width: 767px) {



  .row--20>[class*="col"],

  .row--20>[class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

}



.row--25 {

  margin-left: -25px;

  margin-right: -25px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .row--25 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .row--25 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .row--25 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (max-width: 767px) {

  .row--25 {

    margin-left: -15px !important;

    margin-right: -15px !important;

  }

}



.row--25>[class*="col"],

.row--25>[class*="col-"] {

  padding-left: 25px;

  padding-right: 25px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {



  .row--25>[class*="col"],

  .row--25>[class*="col-"] {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {



  .row--25>[class*="col"],

  .row--25>[class*="col-"] {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {



  .row--25>[class*="col"],

  .row--25>[class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

}



@media only screen and (max-width: 767px) {



  .row--25>[class*="col"],

  .row--25>[class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

}



.row--30 {

  margin-left: -30px;

  margin-right: -30px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .row--30 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .row--30 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .row--30 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (max-width: 767px) {

  .row--30 {

    margin-left: -15px !important;

    margin-right: -15px !important;

  }

}



.row--30>[class*="col"],

.row--30>[class*="col-"] {

  padding-left: 30px;

  padding-right: 30px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {



  .row--30>[class*="col"],

  .row--30>[class*="col-"] {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {



  .row--30>[class*="col"],

  .row--30>[class*="col-"] {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {



  .row--30>[class*="col"],

  .row--30>[class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

}



@media only screen and (max-width: 767px) {



  .row--30>[class*="col"],

  .row--30>[class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

}



.row--35 {

  margin-left: -35px;

  margin-right: -35px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .row--35 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .row--35 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .row--35 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (max-width: 767px) {

  .row--35 {

    margin-left: -15px !important;

    margin-right: -15px !important;

  }

}



.row--35>[class*="col"],

.row--35>[class*="col-"] {

  padding-left: 35px;

  padding-right: 35px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {



  .row--35>[class*="col"],

  .row--35>[class*="col-"] {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {



  .row--35>[class*="col"],

  .row--35>[class*="col-"] {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {



  .row--35>[class*="col"],

  .row--35>[class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

}



@media only screen and (max-width: 767px) {



  .row--35>[class*="col"],

  .row--35>[class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

}



.row--40 {

  margin-left: -40px;

  margin-right: -40px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .row--40 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .row--40 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .row--40 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (max-width: 767px) {

  .row--40 {

    margin-left: -15px !important;

    margin-right: -15px !important;

  }

}



.row--40>[class*="col"],

.row--40>[class*="col-"] {

  padding-left: 40px;

  padding-right: 40px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {



  .row--40>[class*="col"],

  .row--40>[class*="col-"] {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {



  .row--40>[class*="col"],

  .row--40>[class*="col-"] {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {



  .row--40>[class*="col"],

  .row--40>[class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

}



@media only screen and (max-width: 767px) {



  .row--40>[class*="col"],

  .row--40>[class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

}



.row--45 {

  margin-left: -45px;

  margin-right: -45px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .row--45 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .row--45 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .row--45 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (max-width: 767px) {

  .row--45 {

    margin-left: -15px !important;

    margin-right: -15px !important;

  }

}



.row--45>[class*="col"],

.row--45>[class*="col-"] {

  padding-left: 45px;

  padding-right: 45px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {



  .row--45>[class*="col"],

  .row--45>[class*="col-"] {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {



  .row--45>[class*="col"],

  .row--45>[class*="col-"] {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {



  .row--45>[class*="col"],

  .row--45>[class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

}



@media only screen and (max-width: 767px) {



  .row--45>[class*="col"],

  .row--45>[class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

}



.row--50 {

  margin-left: -50px;

  margin-right: -50px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .row--50 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .row--50 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .row--50 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (max-width: 767px) {

  .row--50 {

    margin-left: -15px !important;

    margin-right: -15px !important;

  }

}



.row--50>[class*="col"],

.row--50>[class*="col-"] {

  padding-left: 50px;

  padding-right: 50px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {



  .row--50>[class*="col"],

  .row--50>[class*="col-"] {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {



  .row--50>[class*="col"],

  .row--50>[class*="col-"] {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {



  .row--50>[class*="col"],

  .row--50>[class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

}



@media only screen and (max-width: 767px) {



  .row--50>[class*="col"],

  .row--50>[class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

}



.row--60 {

  margin-left: -60px;

  margin-right: -60px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .row--60 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .row--60 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .row--60 {

    margin-left: -15px;

    margin-right: -15px;

  }

}



@media only screen and (max-width: 767px) {

  .row--60 {

    margin-left: -15px !important;

    margin-right: -15px !important;

  }

}



.row--60>[class*="col"],

.row--60>[class*="col-"] {

  padding-left: 60px;

  padding-right: 60px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {



  .row--60>[class*="col"],

  .row--60>[class*="col-"] {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {



  .row--60>[class*="col"],

  .row--60>[class*="col-"] {

    padding-left: 15px;

    padding-right: 15px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {



  .row--60>[class*="col"],

  .row--60>[class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

}



@media only screen and (max-width: 767px) {



  .row--60>[class*="col"],

  .row--60>[class*="col-"] {

    padding-left: 15px !important;

    padding-right: 15px !important;

  }

}



#SHMU-preloader {

  position: fixed;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 99999999999999;

  overflow: hidden;

  background-image: -webkit-linear-gradient(70deg, #31b978 0%, #0d1e51 100%);

  background-image: linear-gradient(20deg, #31b978 0%, #0d1e51 100%);

  -webkit-transition: all 1.5s ease-out;

  transition: all 1.5s ease-out;

}



#SHMU-preloader.loaded .preloader-close-btn-wraper {

  bottom: 200%;

}



.preloader-close-btn-wraper {

  position: fixed;

  bottom: 0;

  right: 0;

  padding: 30px;

  -webkit-transition: all 1.5s ease-out;

  transition: all 1.5s ease-out;

}



.preloader-close-btn-wraper .preloader-close-btn {

  border-radius: 50px;

  font-size: 13px;

  padding: 4px 23px;

  background: var(--color-black);

  color: var(--color-white);

  cursor: pointer;

  height: 45px;

  line-height: 35px;

  border: 0;

  text-transform: uppercase;

  font-weight: 600;

}



.loading-spinner {

  width: 40px;

  height: 40px;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

}



.preloader-spin-1 {

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background-color: #ffffff;

  opacity: 0.6;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-animation: SHMU-preloader-bounce-animation 2s infinite ease-in-out;

  animation: SHMU-preloader-bounce-animation 2s infinite ease-in-out;

}



.preloader-spin-2 {

  width: 100%;

  height: 100%;

  border-radius: 50%;

  background-color: #ffffff;

  opacity: 0.6;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-animation: SHMU-preloader-bounce-animation 2s infinite ease-in-out;

  animation: SHMU-preloader-bounce-animation 2s infinite ease-in-out;

  -webkit-animation-delay: -1s;

  animation-delay: -1s;

}



@-webkit-keyframes SHMU-preloader-bounce-animation {



  0%,

  100% {

    -webkit-transform: scale(0);

    transform: scale(0);

  }



  50% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



@keyframes SHMU-preloader-bounce-animation {



  0%,

  100% {

    -webkit-transform: scale(0);

    transform: scale(0);

  }



  50% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



.shape-dark {

  visibility: hidden;

}



.shape-light {

  visibility: visible;

}



.dark-mode .shape-light {

  visibility: hidden;

}



.dark-mode .shape-dark {

  visibility: visible;

}



.d-none-shape-dark {

  display: none;

}



/*-------------------------

    Reset Styels

-------------------------*/

* {

  box-sizing: border-box;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

nav,

section,

summary {

  display: block;

}



audio,

canvas,

video {

  display: inline-block;

}



audio:not([controls]) {

  display: none;

  height: 0;

}



[hidden] {

  display: none;

}



a {

  display: inline-block;

  color: var(--color-heading);

  text-decoration: none;

  outline: none;

}



a:hover,

a:focus,

a:active {

  text-decoration: none;

  outline: none;

  color: var(--color-primary);

}



a:focus {

  outline: none;

}



address {

  margin: 0 0 24px;

}



abbr[title] {

  border-bottom: 1px dotted;

}



b,

strong {

  font-weight: bold;

}



mark {

  background: var(--color-primary);

  color: #ffffff;

}



code,

kbd,

pre,

samp {

  font-size: var(--font-size-b3);

  -webkit-hyphens: none;

  -ms-hyphens: none;

  hyphens: none;

  color: var(--color-primary);

}



kbd,

ins {

  color: #ffffff;

}



pre,

pre.wp-block-code {

  font-family: "Courier 10 Pitch", Courier, monospace !important;

  font-size: 15px !important;

  margin: 40px 0 !important;

  overflow: auto;

  padding: 20px !important;

  white-space: pre !important;

  white-space: pre-wrap !important;

  word-wrap: break-word !important;

  color: var(--color-body) !important;

  background: var(--color-light);

  border-radius: 4px;

}



small {

  font-size: smaller;

}



sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}



sup {

  top: -0.5em;

}



sub {

  bottom: -0.25em;

}



dl {

  margin-top: 0;

  margin-bottom: 10px;

}



dd {

  margin: 0 15px 15px;

}



dt {

  font-weight: bold;

  color: var(--color-heading);

}



menu,

ol,

ul {

  margin: 16px 0;

  padding: 0 0 0 40px;

}



nav ul,

nav ol {

  list-style: none;

  list-style-image: none;

}



li>ul,

li>ol {

  margin: 0;

}



ol ul {

  margin-bottom: 0;

}



img {

  -ms-interpolation-mode: bicubic;

  border: 0;

  vertical-align: middle;

  max-width: 100%;

  height: auto;

}



svg:not(:root) {

  overflow: hidden;

}



figure {

  margin: 0;

}



form {

  margin: 0;

}



fieldset {

  border: 1px solid var(--color-border);

  margin: 0 2px;

  min-width: inherit;

  padding: 0.35em 0.625em 0.75em;

}



legend {

  border: 0;

  padding: 0;

  white-space: normal;

}



button,

input,

select,

textarea {

  font-size: 100%;

  margin: 0;

  max-width: 100%;

  vertical-align: baseline;

}



button,

input {

  line-height: normal;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  -moz-appearance: button;

  appearance: button;

  cursor: pointer;

}



button[disabled],

input[disabled] {

  cursor: default;

}



input[type="checkbox"],

input[type="radio"] {

  padding: 0;

}



input[type="search"] {

  -webkit-appearance: textfield;

  -moz-appearance: textfield;

  appearance: textfield;

  appearance: textfield;

  padding-right: 2px;

  width: 270px;

}



input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

  appearance: none;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

  border: 0;

  padding: 0;

}



textarea {

  overflow: auto;

  vertical-align: top;

}



caption,

th,

td {

  font-weight: normal;

}



table thead th {

  font-weight: 700;

}



td,

.wp-block-calendar tfoot td {

  border: 1px solid var(--color-border);

  padding: 7px 10px;

}



del {

  color: #333;

}



ins {

  background: rgba(56, 88, 246, 0.6);

  text-decoration: none;

  padding: 0 5px;

}



hr {

  background-size: 4px 4px;

  border: 0;

  height: 1px;

  margin: 0 0 24px;

  opacity: 0.6;

}



table a,

table a:link,

table a:visited {

  text-decoration: underline;

}



dt {

  font-weight: bold;

  margin-bottom: 10px;

}



dd {

  margin: 0 15px 15px;

}



caption {

  caption-side: top;

}



kbd {

  background: var(--heading-color);

}



dfn,

cite,

em {

  font-style: italic;

}



/* BlockQuote  */

blockquote,

q {

  -webkit-hyphens: none;

  -ms-hyphens: none;

  hyphens: none;

  quotes: none;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

  content: "";

  content: none;

}



blockquote blockquote {

  margin-right: 0;

}



blockquote cite,

blockquote small {

  font-size: var(--font-size-b3);

  font-weight: normal;

}



blockquote strong,

blockquote b {

  font-weight: 700;

}



/*-------------------------

    Typography

-------------------------*/

html {

  overflow: hidden;

  overflow-y: auto;

  margin: 0;

  padding: 0;

  font-size: 10px;

  scroll-padding-top: 180px;

}



body {

  overflow: hidden;

  font-size: var(--font-size-b1);

  line-height: var(--line-height-b1);

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  font-family: var(--font-primary);

  color: var(--color-body);

  font-weight: 400;

  background-color: var(--color-bg-body);

  margin: 0;

  padding: 0;

}



body.modal-open {

  padding: 0 !important;

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6,

address,

p,

pre,

blockquote,

menu,

ol,

ul,

table,

hr {

  margin: 0;

  margin-bottom: 20px;

}



.display-one {

  font-size: 112px;

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

  word-break: break-word;

  /* font-family: var(--font-secondary); */

  color: var(--color-heading);

}



h1,

.h1 {

  font-size: var(--h1);

  line-height: var(--h1-lineHeight);

}



h2,

.h2 {

  font-size: var(--h2);

  line-height: var(--h2-lineHeight);

}



h3,

.h3 {

  font-size: var(--h3);

  line-height: var(--h3-lineHeight);

}



h4,

.h4 {

  font-size: var(--h4);

  line-height: var(--h4-lineHeight);

}



h5,

.h5 {

  font-size: var(--h5);

  line-height: var(--h5-lineHeight);

}



h6,

.h6 {

  font-size: var(--h6);

  line-height: var(--h6-lineHeight);

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a,

.h1 a,

.h2 a,

.h3 a,

.h4 a,

.h5 a,

.h6 a {

  color: inherit;

  -webkit-transition: 0.5s;

  transition: 0.5s;

}



a {

  color: var(--color-heading);

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



@media only screen and (max-width: 1199px) {



  h1,

  .h1 {

    font-size: 44px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {



  h1,

  .h1 {

    font-size: 38px;

  }



  h2,

  .h2 {

    font-size: 30px;

  }



  h3,

  .h3 {

    font-size: 24px;

  }



  h4,

  .h4 {

    font-size: 18px;

  }

}



@media only screen and (max-width: 767px) {



  h1,

  .h1 {

    font-size: 34px;

  }



  h2,

  .h2 {

    font-size: 26px;

  }



  h3,

  .h3 {

    font-size: 22px;

  }



  h4,

  .h4 {

    font-size: 18px;

  }

}



h1,

.h1,

h2,

.h2,

h3,

.h3 {

  font-weight: var(--p-bold);

}



h4,

.h4,

h5,

.h5,

h6,

.h6 {

  font-weight: var(--p-semi-bold);

}



p {

  font-size: var(--font-size-b1);

  line-height: var(--line-height-b1);

  font-weight: 400;

  color: var(--color-body);

  margin: 0 0 30px;

}



@media only screen and (max-width: 767px) {

  p {

    margin: 0 0 20px;

  }

}



p.b1 {

  font-size: var(--font-size-b1);

  line-height: var(--line-height-b1);

}



p.b2 {

  font-size: var(--font-size-b2);

  line-height: var(--line-height-b2);

}



.b1 {

  font-size: var(--font-size-b1);

  line-height: var(--line-height-b1);

}



.b2 {

  font-size: var(--font-size-b2);

  line-height: var(--line-height-b2);

}



.table,

table {

  border-collapse: collapse;

  border-spacing: 0;

  margin: 0 0 30px;

  width: 100%;

}



table a,

table a:link,

table a:visited {

  text-decoration: none;

}



cite,

.wp-block-pullquote cite,

.wp-block-pullquote.is-style-solid-color blockquote cite,

.wp-block-quote cite {

  color: var(--color-heading);

}



var {

  font-family: "Courier 10 Pitch", Courier, monospace;

}



/*---------------------------

    List Style 

---------------------------*/

ul,

ol {

  padding-left: 18px;

}



ul {

  list-style: square;

  margin-bottom: 30px;

  padding-left: 20px;

}



ul.liststyle.bullet li {

  font-size: var(--font-size-b1);

  line-height: var(--line-height-b1);

  color: var(--color-body);

  position: relative;

  padding-left: 30px;

}



@media only screen and (max-width: 767px) {

  ul.liststyle.bullet li {

    padding-left: 19px;

  }

}



ul.liststyle.bullet li::before {

  position: absolute;

  content: "";

  width: 6px;

  height: 6px;

  border-radius: 100%;

  background: var(--color-body);

  left: 0;

  top: 10px;

}



ul.liststyle.bullet li+li {

  margin-top: 8px;

}



ul li {

  font-size: var(--font-size-b1);

  line-height: var(--line-height-b1);

  margin-top: 10px;

  margin-bottom: 10px;

  color: var(--color-body);

}



ul li a {

  text-decoration: none;

  color: var(--color-body);

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



ul li a:hover {

  color: var(--color-primary);

}



ul ul {

  margin-bottom: 0;

}



ol {

  margin-bottom: 30px;

}



ol li {

  font-size: var(--font-size-b1);

  line-height: var(--line-height-b1);

  color: var(--color-body);

  margin-top: 10px;

  margin-bottom: 10px;

  font-weight: 400;

}



ol li a {

  color: var(--heading-color);

  -webkit-transition: var(--transition);

  transition: var(--transition);

  text-decoration: none;

}



ol li a:hover {

  color: var(--color-primary);

}



ol ul {

  padding-left: 30px;

}



hr {

  display: block;

  height: 0;

  margin: 15px 0;

  border-top: 1px solid var(--color-border);

  background: transparent;

}



kbd {

  background: var(--color-primary);

}



/*-------------------------

    Forms Styles

-------------------------*/

button,

[type="button"],

[type="reset"],

[type="submit"] {

  -webkit-appearance: button;

}



input,

select,

textarea {

  width: 100%;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



input {

  height: 60px;

}



select {

  -webkit-transition: 0.3s;

  transition: 0.3s;

  height: 50px;

  padding: 10px 20px;

  outline: none;

  -moz-appearance: none;

  -webkit-appearance: none;

  appearance: none;

  border: 0 none;

  border-radius: 3px;

  color: var(--color-heading);

  font-family: var(--font-secondary);

  font-size: 15px;

  font-weight: 600;

  background: url(../images/icons/arrow-icon.png) 88% center no-repeat transparent;

  background-color: var(--color-lighten01);

  min-width: 160px;

  cursor: pointer;

}



input[type="text"],

input[type="password"],

input[type="email"],

input[type="number"],

input[type="tel"],

textarea {

  font-size: 15px;

  background-color: var(--color-white);

  box-shadow: none;

  padding: 0 25px;

  outline: none;

  border: none;

  border-radius: 5px;

  color: var(--color-heading);

  /* -- Placeholder -- */

}



input[type="text"]::-webkit-input-placeholder,

input[type="password"]::-webkit-input-placeholder,

input[type="email"]::-webkit-input-placeholder,

input[type="number"]::-webkit-input-placeholder,

input[type="tel"]::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

  color: var(--color-placeholder);

  /* Firefox */

  opacity: 1;

}



input[type="text"]::-moz-placeholder,

input[type="password"]::-moz-placeholder,

input[type="email"]::-moz-placeholder,

input[type="number"]::-moz-placeholder,

input[type="tel"]::-moz-placeholder,

textarea::-moz-placeholder {

  color: var(--color-placeholder);

  /* Firefox */

  opacity: 1;

}



input[type="text"]:-ms-input-placeholder,

input[type="password"]:-ms-input-placeholder,

input[type="email"]:-ms-input-placeholder,

input[type="number"]:-ms-input-placeholder,

input[type="tel"]:-ms-input-placeholder,

textarea:-ms-input-placeholder {

  color: var(--color-placeholder);

  /* Firefox */

  opacity: 1;

}



input[type="text"]::-ms-input-placeholder,

input[type="password"]::-ms-input-placeholder,

input[type="email"]::-ms-input-placeholder,

input[type="number"]::-ms-input-placeholder,

input[type="tel"]::-ms-input-placeholder,

textarea::-ms-input-placeholder {

  color: var(--color-placeholder);

  /* Firefox */

  opacity: 1;

}



input[type="text"]::placeholder,

input[type="password"]::placeholder,

input[type="email"]::placeholder,

input[type="number"]::placeholder,

input[type="tel"]::placeholder,

textarea::placeholder {

  color: var(--color-placeholder);

  /* Firefox */

  opacity: 1;

}



input[type="text"]:-ms-input-placeholder,

input[type="password"]:-ms-input-placeholder,

input[type="email"]:-ms-input-placeholder,

input[type="number"]:-ms-input-placeholder,

input[type="tel"]:-ms-input-placeholder,

textarea:-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: var(--color-placeholder);

  opacity: 1;

}



input[type="text"]::-ms-input-placeholder,

input[type="password"]::-ms-input-placeholder,

input[type="email"]::-ms-input-placeholder,

input[type="number"]::-ms-input-placeholder,

input[type="tel"]::-ms-input-placeholder,

textarea::-ms-input-placeholder {

  /* Microsoft Edge */

  color: var(--color-placeholder);

  opacity: 1;

}



input[type="text"]:focus,

input[type="password"]:focus,

input[type="email"]:focus,

input[type="number"]:focus,

input[type="tel"]:focus,

textarea:focus {

  border-color: var(--color-primary);

}



textarea {

  padding: 20px 25px;

}



input[type="checkbox"],

input[type="radio"] {

  opacity: 0;

  position: absolute;

}



input[type="checkbox"]~label,

input[type="radio"]~label {

  position: relative;

  font-size: 15px;

  line-height: 26px;

  color: var(--color-heading);

  padding-left: 32px;

  cursor: pointer;

  margin-bottom: 0;

}



input[type="checkbox"]~label::before,

input[type="radio"]~label::before {

  content: " ";

  position: absolute;

  top: 4px;

  left: 0;

  width: 17px;

  height: 17px;

  border: 1px solid #d2d5d6;

  border-radius: 2px;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



input[type="checkbox"]~label::after,

input[type="radio"]~label::after {

  content: "\e913";

  font-family: var(--font-icomoon);

  font-size: 10px;

  color: var(--color-white);

  position: absolute;

  top: 0;

  left: 4px;

  opacity: 0;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}



input[type="checkbox"]:checked~label::before,

input[type="radio"]:checked~label::before {

  background-color: var(--color-primary);

  border-color: var(--color-primary);

}



input[type="checkbox"]:checked~label::after,

input[type="radio"]:checked~label::after {

  opacity: 1;

}



input[type="radio"]~label {

  padding-left: 30px;

}



input[type="radio"]~label::before {

  border: 1px solid #dcdfe0;

  border-radius: 50%;

}



input[type="radio"]~label::after {

  content: "";

  height: 7px;

  width: 7px;

  top: 9px;

  left: 5px;

  background-color: var(--color-primary);

  border-radius: 50%;

}



input[type="radio"]:checked~label::before {

  background-color: var(--color-white);

  border-color: #dcdfe0;

}



/*--------------------

    Contact Form 

----------------------*/

.form-group {

  margin-bottom: 20px;

}



.form-group:last-child {

  margin-bottom: 0;

}



.form-group label {

  color: var(--color-heading);

  margin-bottom: 8px;

}



.form-group .submit-btn {

  padding: 0 35px;

}



.form-message {

  margin-bottom: 0;

  text-align: center;

}



.form-message.error {

  margin-top: 20px;

  color: #f80707;

}



.form-message.success {

  margin-top: 20px;

  color: #0d8d2d;

}



/*-------------------------

    Common

-------------------------*/

.color-fb {

  color: var(--color-facebook) !important;

}



.color-ig {

  color: var(--color-instagram) !important;

}



.color-twitter {

  color: var(--color-twitter) !important;

}



.color-yt {

  color: var(--color-youtube) !important;

}



.color-linkd {

  color: var(--color-linkedin) !important;

}



.color-primary {

  color: var(--color-primary);

}



.color-secondary {

  color: var(--color-secondary);

}



.bg-lighten01 {

  background-color: var(--color-lighten01);

}



.bg-lighten02 {

  background-color: var(--color-lighten02);

}



.bg-lighten03 {

  background-color: var(--color-lighten03);

}



.bg-lighten04 {

  background-color: var(--color-lighten04);

}



/*----------------------

    Animation  

-----------------------*/

.SHMU-animated-shape {

  position: relative;

  z-index: 9;

}



.shape-group li {

  margin: 0;

  position: absolute;

  z-index: -1;

}



@media only screen and (max-width: 1199px) {

  .shape-group {

    display: none;

  }

}



.z-10 {

  z-index: 10;

}



.home-four-course {

  position: relative;

  overflow: hidden;

}



.home-four-course::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-3.webp);

  background-size: cover;

  z-index: -1;

}



.home-four-course .shape-group .shape-1 {

  top: 59px;

  right: -88px;

}



.home-four-course .shape-group .shape-2 {

  top: -263px;

  right: -406px;

  z-index: -1;

}



.home-four-course .shape-group .shape-2 span {

  display: block;

  height: 570px;

  width: 570px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



@-webkit-keyframes headerSticky {

  0% {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

  }



  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@keyframes headerSticky {

  0% {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

  }



  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@-webkit-keyframes rotateIt {

  to {

    -webkit-transform: rotate(-360deg);

    transform: rotate(-360deg);

  }

}



@keyframes rotateIt {

  to {

    -webkit-transform: rotate(-360deg);

    transform: rotate(-360deg);

  }

}



@-webkit-keyframes bounceSlide {



  0%,

  20%,

  50%,

  80%,

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }



  40% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }



  60% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}



@keyframes bounceSlide {



  0%,

  20%,

  50%,

  80%,

  100% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }



  40% {

    -webkit-transform: translateY(-30px);

    transform: translateY(-30px);

  }



  60% {

    -webkit-transform: translateY(-15px);

    transform: translateY(-15px);

  }

}



.bounce-slide {

  -webkit-animation-duration: 2.5s;

  animation-duration: 2.5s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-name: bounceSlide;

  animation-name: bounceSlide;

}



@-webkit-keyframes line1 {

  0% {

    opacity: 1;

    bottom: 0;

  }



  30% {

    bottom: 30%;

  }



  50% {

    bottom: 50%;

  }



  70% {

    bottom: 70%;

  }



  100% {

    bottom: 100%;

    opacity: 0.5;

  }

}



@keyframes line1 {

  0% {

    opacity: 1;

    bottom: 0;

  }



  30% {

    bottom: 30%;

  }



  50% {

    bottom: 50%;

  }



  70% {

    bottom: 70%;

  }



  100% {

    bottom: 100%;

    opacity: 0.5;

  }

}



@-webkit-keyframes line2 {

  0% {

    opacity: 1;

    top: 0;

  }



  30% {

    bottom: 30%;

  }



  50% {

    bottom: 50%;

  }



  70% {

    bottom: 70%;

  }



  100% {

    top: 100%;

    opacity: 0.5;

  }

}



@keyframes line2 {

  0% {

    opacity: 1;

    top: 0;

  }



  30% {

    bottom: 30%;

  }



  50% {

    bottom: 50%;

  }



  70% {

    bottom: 70%;

  }



  100% {

    top: 100%;

    opacity: 0.5;

  }

}



@-webkit-keyframes line3 {

  0% {

    opacity: 1;

    top: 500px;

  }



  50% {

    top: 50%;

  }



  100% {

    top: 100%;

    opacity: 0.5;

  }

}



@keyframes line3 {

  0% {

    opacity: 1;

    top: 500px;

  }



  50% {

    top: 50%;

  }



  100% {

    top: 100%;

    opacity: 0.5;

  }

}



@-webkit-keyframes line4 {

  0% {

    opacity: 1;

    top: 300px;

  }



  50% {

    top: 50%;

  }



  100% {

    top: 100%;

    opacity: 0.5;

  }

}



@keyframes line4 {

  0% {

    opacity: 1;

    top: 300px;

  }



  50% {

    top: 50%;

  }



  100% {

    top: 100%;

    opacity: 0.5;

  }

}



@-webkit-keyframes line5 {

  0% {

    opacity: 1;

    bottom: 400px;

  }



  50% {

    bottom: 50%;

  }



  100% {

    bottom: 100%;

    opacity: 0.5;

  }

}



@keyframes line5 {

  0% {

    opacity: 1;

    bottom: 400px;

  }



  50% {

    bottom: 50%;

  }



  100% {

    bottom: 100%;

    opacity: 0.5;

  }

}



@-webkit-keyframes customOne {

  from {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  50% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }



  to {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



@keyframes customOne {

  from {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  50% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }



  to {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

}



@-webkit-keyframes customTwo {

  0% {

    -webkit-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }



  50% {

    -webkit-transform: translate(100px, 0px);

    transform: translate(100px, 0px);

  }



  100% {

    -webkit-transform: translate(50px, 50px);

    transform: translate(50px, 50px);

  }

}



@keyframes customTwo {

  0% {

    -webkit-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

  }



  50% {

    -webkit-transform: translate(100px, 0px);

    transform: translate(100px, 0px);

  }



  100% {

    -webkit-transform: translate(50px, 50px);

    transform: translate(50px, 50px);

  }

}



.customOne {

  -webkit-animation: customOne 2s infinite;

  animation: customOne 2s infinite;

}



.rotateit {

  -webkit-animation: rotateIt 11s linear infinite;

  animation: rotateIt 11s linear infinite;

}



@-webkit-keyframes SHMU-vsm-y-move {

  0% {

    -webkit-transform: translate(0, -30%);

    transform: translate(0, -30%);

  }



  100% {

    -webkit-transform: translate(0, 30%);

    transform: translate(0, 30%);

  }

}



@keyframes SHMU-vsm-y-move {

  0% {

    -webkit-transform: translate(0, -30%);

    transform: translate(0, -30%);

  }



  100% {

    -webkit-transform: translate(0, 30%);

    transform: translate(0, 30%);

  }

}



@-webkit-keyframes SHMU-vsm-y-reverse-move {

  0% {

    -webkit-transform: translate(0, 30%);

    transform: translate(0, 30%);

  }



  100% {

    -webkit-transform: translate(0, -30%);

    transform: translate(0, -30%);

  }

}



@keyframes SHMU-vsm-y-reverse-move {

  0% {

    -webkit-transform: translate(0, 30%);

    transform: translate(0, 30%);

  }



  100% {

    -webkit-transform: translate(0, -30%);

    transform: translate(0, -30%);

  }

}



@-webkit-keyframes SHMU-sm-x-move {

  0% {

    -webkit-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

  }



  100% {

    -webkit-transform: translate(50%, 0);

    transform: translate(50%, 0);

  }

}



@keyframes SHMU-sm-x-move {

  0% {

    -webkit-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

  }



  100% {

    -webkit-transform: translate(50%, 0);

    transform: translate(50%, 0);

  }

}



@-webkit-keyframes SHMU-sm-x-reverse-move {

  0% {

    -webkit-transform: translate(50%, 0);

    transform: translate(50%, 0);

  }



  100% {

    -webkit-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

  }

}



@keyframes SHMU-sm-x-reverse-move {

  0% {

    -webkit-transform: translate(50%, 0);

    transform: translate(50%, 0);

  }



  100% {

    -webkit-transform: translate(-50%, 0);

    transform: translate(-50%, 0);

  }

}



@-webkit-keyframes SHMU-rotate-y {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(-360deg);

    transform: rotate(-360deg);

  }

}



@-webkit-keyframes SHMU-rotate-x {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes SHMU-rotate-x {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes SHMU-rotate-y {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(-360deg);

    transform: rotate(-360deg);

  }

}



@-webkit-keyframes SHMU-zoom1 {

  0% {

    -webkit-transform: scale(0.9);

    transform: scale(0.9);

  }



  100% {

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

  }

}



@-webkit-keyframes SHMU-zoom2 {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  100% {

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

  }

}



@keyframes SHMU-zoom2 {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  100% {

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

  }

}



@-webkit-keyframes SHMU-zoom1 {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  100% {

    -webkit-transform: scale(1.25);

    transform: scale(1.25);

  }

}



@keyframes SHMU-zoom1 {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  100% {

    -webkit-transform: scale(1.25);

    transform: scale(1.25);

  }

}



/* ------------------------

    Custom Animation 01 

----------------------------*/

@-webkit-keyframes headerSlideDown {

  0% {

    margin-top: -100px;

  }



  to {

    margin-top: 0;

  }

}



@keyframes headerSlideDown {

  0% {

    margin-top: -100px;

  }



  to {

    margin-top: 0;

  }

}



/*------------------------

	slidefadeinup

--------------------------*/

@-webkit-keyframes slideFadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 20%, 0);

    transform: translate3d(0, 20%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



@keyframes slideFadeInUp {

  from {

    opacity: 0;

    -webkit-transform: translate3d(0, 20%, 0);

    transform: translate3d(0, 20%, 0);

  }



  to {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

  }

}



.slideFadeInUp {

  -webkit-animation-name: slideFadeInUp;

  animation-name: slideFadeInUp;

}



/* -----------------------------------

    Custom Animation For All Page

---------------------------------------*/

@-webkit-keyframes moveVertical {

  to {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



@keyframes moveVertical {

  to {

    opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

  }

}



/*--------------------------------

Scroll Down Button Animation  

----------------------------------*/

@-webkit-keyframes scrollDown {

  0% {

    opacity: 0;

  }



  10% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

  }



  100% {

    -webkit-transform: translateY(10px);

    transform: translateY(10px);

    opacity: 0;

  }

}



@keyframes scrollDown {

  0% {

    opacity: 0;

  }



  10% {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

  }



  100% {

    -webkit-transform: translateY(10px);

    transform: translateY(10px);

    opacity: 0;

  }

}



@-webkit-keyframes ripple {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  75% {

    -webkit-transform: scale(1.75);

    transform: scale(1.75);

    opacity: 1;

  }



  100% {

    -webkit-transform: scale(2);

    transform: scale(2);

    opacity: 0;

  }

}



@keyframes ripple {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  75% {

    -webkit-transform: scale(1.75);

    transform: scale(1.75);

    opacity: 1;

  }



  100% {

    -webkit-transform: scale(2);

    transform: scale(2);

    opacity: 0;

  }

}



@-webkit-keyframes ripple_2 {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  75% {

    -webkit-transform: scale(3);

    transform: scale(3);

    opacity: 1;

  }



  100% {

    -webkit-transform: scale(4);

    transform: scale(4);

    opacity: 0;

  }

}



@keyframes ripple_2 {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  75% {

    -webkit-transform: scale(3);

    transform: scale(3);

    opacity: 1;

  }



  100% {

    -webkit-transform: scale(4);

    transform: scale(4);

    opacity: 0;

  }

}



@-webkit-keyframes ripple_3 {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  50% {

    -webkit-transform: scale(1.15);

    transform: scale(1.15);

    opacity: 1;

  }



  100% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

    opacity: 0;

  }

}



@keyframes ripple_3 {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }



  50% {

    -webkit-transform: scale(1.15);

    transform: scale(1.15);

    opacity: 1;

  }



  100% {

    -webkit-transform: scale(1.3);

    transform: scale(1.3);

    opacity: 0;

  }

}



@-webkit-keyframes radiusChange {

  0% {

    border-radius: 0px 0px 0px 0px;

  }



  40% {

    border-radius: 50px 0px 100px 0px;

  }



  80% {

    border-radius: 0px 50px 0px 100px;

  }



  100% {

    border-radius: 0px 0px 0px 0px;

  }

}



@keyframes radiusChange {

  0% {

    border-radius: 0px 0px 0px 0px;

  }



  40% {

    border-radius: 50px 0px 100px 0px;

  }



  80% {

    border-radius: 0px 50px 0px 100px;

  }



  100% {

    border-radius: 0px 0px 0px 0px;

  }

}



@-webkit-keyframes radiusChange2 {

  0% {

    border-radius: 0px 0px 0px 0px;

  }



  25% {

    border-radius: 50px 0px;

  }



  50% {

    border-radius: 0px 0px 0px 0px;

  }



  75% {

    border-radius: 0px 50px;

  }



  100% {

    border-radius: 50px 0px;

  }

}



@keyframes radiusChange2 {

  0% {

    border-radius: 0px 0px 0px 0px;

  }



  25% {

    border-radius: 50px 0px;

  }



  50% {

    border-radius: 0px 0px 0px 0px;

  }



  75% {

    border-radius: 0px 50px;

  }



  100% {

    border-radius: 50px 0px;

  }

}



@-webkit-keyframes edu-wave {

  0% {

    -webkit-transform: translateX(0) translateZ(0) scaleY(1);

    transform: translateX(0) translateZ(0) scaleY(1);

  }



  50% {

    -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.55);

    transform: translateX(-25%) translateZ(0) scaleY(0.55);

  }



  100% {

    -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);

    transform: translateX(-50%) translateZ(0) scaleY(1);

  }

}



@keyframes edu-wave {

  0% {

    -webkit-transform: translateX(0) translateZ(0) scaleY(1);

    transform: translateX(0) translateZ(0) scaleY(1);

  }



  50% {

    -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.55);

    transform: translateX(-25%) translateZ(0) scaleY(0.55);

  }



  100% {

    -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);

    transform: translateX(-50%) translateZ(0) scaleY(1);

  }

}



/*=======================================================================

2. Elements Styles

=========================================================================*/

/*-------------------------

    Accordion Style

---------------------------*/

.edu-accordion .accordion-item {

  margin-bottom: 30px;

  border: 1px solid var(--color-border);

}



.edu-accordion .accordion-item:last-child {

  margin-bottom: 0;

}



.edu-accordion .accordion-item .accordion-button {

  font-size: 18px;

  color: var(--color-heading);

  font-weight: var(--p-semi-bold);

  background-color: transparent;

  border: none;

  padding: 28px 30px;

  box-shadow: none;

}



.edu-accordion .accordion-item .accordion-button:focus {

  border: none;

  box-shadow: none;

}



.edu-accordion .accordion-item .accordion-button:after {

  background-image: none;

  content: "\e95d";

  font-family: var(--font-icomoon);

  font-size: 22px;

  font-weight: 500;

  height: auto;

  width: auto;

}



.edu-accordion .accordion-item .accordion-button.collapsed:after {

  content: "\e95c";

}



.edu-accordion .accordion-body {

  padding: 0;

}



.edu-accordion .accordion-body .course-lesson {

  border: none;

  padding: 0;

}



.edu-accordion .accordion-body .course-lesson ul li {

  padding: 14px 30px;

}



.edu-accordion .accordion-body .course-lesson ul li:last-child {

  border-bottom: none;

}



/*-------------------------

    Back To Top  

---------------------------*/

@-webkit-keyframes border-transform {



  0%,

  100% {

    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;

  }



  14% {

    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;

  }



  28% {

    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;

  }



  42% {

    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;

  }



  56% {

    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;

  }



  70% {

    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;

  }



  84% {

    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;

  }

}



.paginacontainer {

  height: 3000px;

}



.rn-progress-parent {

  position: fixed;

  right: 30px;

  bottom: 30px;

  height: 46px;

  width: 46px;

  cursor: pointer;

  display: block;

  border-radius: 50px;

  box-shadow: inset 0 0 0 2px rgba(255, 71, 87, 0.2);

  z-index: 10000;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(15px);

  -ms-transform: translateY(15px);

  transform: translateY(15px);

  -webkit-transition: all 200ms linear;

  transition: all 200ms linear;

}



.rn-progress-parent.rn-backto-top-active {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}



.rn-progress-parent::after {

  position: absolute;

  font-family: "remixicon" !important;

  content: "\ea78";

  text-align: center;

  line-height: 46px;

  font-size: 24px;

  color: var(--color-secondary);

  left: 0;

  top: 0;

  height: 46px;

  width: 46px;

  cursor: pointer;

  display: block;

  z-index: 2;

  -webkit-transition: all 200ms linear;

  transition: all 200ms linear;

}



.rn-progress-parent:hover::after {

  color: var(--color-secondary);

}



.rn-progress-parent:hover::before {

  opacity: 1;

}



.rn-progress-parent svg path {

  fill: none;

}



.rn-progress-parent svg.rn-back-circle path {

  stroke: var(--color-secondary);

  stroke-width: 4;

  box-sizing: border-box;

  -webkit-transition: all 200ms linear;

  transition: all 200ms linear;

}



/*-------------------------

    Breadcrumb

---------------------------*/

.edu-breadcrumb-area {

  background-color: #f5f9fa;

  padding: 95px 0 85px;

  position: relative;

  z-index: 1;

  overflow: hidden;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .edu-breadcrumb-area {

    padding: 70px 0 60px;

  }

}



@media only screen and (max-width: 767px) {

  .edu-breadcrumb-area {

    padding: 55px 0 45px;

  }

}



.edu-breadcrumb-area .breadcrumb-inner {

  text-align: center;

}



.shmu-act-main {

  text-align: center;

  border: 1px solid #777;

  padding: 1rem;

}



.shmu-act-heading {

  /*old background-color: #1cb79e; */

  background-color: var(--color-primary);

  padding-top: 1rem;

  margin-bottom: 15px;

}



.shmu-act-heading h4 {

  color: #f9f9f9;

  margin-bottom: 0;

}



.shmu-act-heading p {

  color: #f9f9f9;

  margin-bottom: 0;

}



.shmu-act-body {

  text-align: start;

}



.edu-breadcrumb-area .page-title .pre-title {

  margin-bottom: 15px;

  letter-spacing: 1px;

  display: block;

}



.edu-breadcrumb-area .page-title .title {

  margin-bottom: 12px;

}



@media only screen and (max-width: 767px) {

  .edu-breadcrumb-area .page-title .title {

    font-size: 30px;

  }

}



@media only screen and (max-width: 575px) {

  .edu-breadcrumb-area .page-title .title {

    font-size: 26px;

  }

}



.edu-breadcrumb-area .edu-breadcrumb {

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  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;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  font-family: var(--font-secondary);

}



.edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item {

  color: var(--color-heading);

  font-size: 16px;

  font-weight: var(--p-medium);

}



.edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a {

  color: var(--color-heading);

}



.edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a:hover {

  color: var(--color-primary);

}



.edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item.active {

  font-weight: var(--p-semi-bold);

}



.edu-breadcrumb-area .edu-breadcrumb li.separator i {

  font-size: 16px;

  font-weight: var(--p-bold);

  margin: 0 10px;

  color: var(--color-heading);

  position: relative;

  display: inline-block;

  top: 2px;

}



.edu-breadcrumb-area .course-meta {

  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;

  margin-right: -20px;

  margin-left: -20px;

}



@media only screen and (max-width: 767px) {

  .edu-breadcrumb-area .course-meta {

    display: block;

    margin-top: 20px;

  }

}



.edu-breadcrumb-area .course-meta li {

  margin-right: 20px;

  margin-left: 20px;

  font-weight: 500;

  color: var(--color-heading);

  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;

}



.edu-breadcrumb-area .course-meta li:after {

  content: "";

  height: 19px;

  width: 1px;

  background-color: #dbdbdb;

  position: absolute;

  top: 4px;

  right: -20px;

}



@media only screen and (max-width: 767px) {

  .edu-breadcrumb-area .course-meta li:after {

    display: none;

  }

}



.edu-breadcrumb-area .course-meta li:last-child:after {

  display: none;

}



.edu-breadcrumb-area .course-meta li i {

  padding-right: 14px;

  font-size: 24px;

  color: var(--color-primary);

}



.edu-breadcrumb-area .course-meta .course-rating .rating {

  margin-right: 8px;

}



.edu-breadcrumb-area .course-meta .course-rating .rating i {

  font-size: 15px;

  color: #f8b81f;

  padding: 0;

}



@media only screen and (max-width: 991px) {

  .edu-breadcrumb-area .shape-group {

    display: none;

  }

}



.edu-breadcrumb-area .shape-group li {

  position: absolute;

  z-index: -1;

}



.edu-breadcrumb-area .shape-group li.shape-1 {

  top: -315px;

  left: -60px;

}



.edu-breadcrumb-area .shape-group li.shape-2 {

  top: 60px;

  left: 11%;

}



.edu-breadcrumb-area .shape-group li.shape-3 {

  bottom: 120px;

  right: 13%;

  z-index: 1;

}



.edu-breadcrumb-area .shape-group li.shape-4 {

  top: 30px;

  right: -180px;

}



.edu-breadcrumb-area .shape-group li.shape-5 {

  top: -70px;

  right: -88px;

}



.edu-breadcrumb-area .shape-group li.shape-1,

.edu-breadcrumb-area .shape-group li.shape-4 {

  height: 470px;

  width: 470px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.breadcrumb-style-2 {

  position: relative;

  z-index: 1;

  padding: 190px 0 180px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .breadcrumb-style-2 {

    padding: 150px 0 140px;

  }

}



@media only screen and (max-width: 767px) {

  .breadcrumb-style-2 {

    padding: 100px 0 90px;

  }

}



@media only screen and (max-width: 575px) {

  .breadcrumb-style-2 {

    padding: 80px 0 70px;

  }

}



.breadcrumb-style-2:before {

  content: "";

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.6);

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: -1;

}



.breadcrumb-style-2 .page-title {

  width: 70%;

  margin: 0 auto;

}



@media only screen and (max-width: 767px) {

  .breadcrumb-style-2 .page-title {

    width: 100%;

  }

}



.breadcrumb-style-2 .page-title .title {

  color: var(--color-white);

}



.breadcrumb-style-2 .edu-breadcrumb li.breadcrumb-item {

  color: var(--color-white);

}



.breadcrumb-style-2 .edu-breadcrumb li.breadcrumb-item a {

  color: var(--color-white);

}



.breadcrumb-style-2 .edu-breadcrumb li.separator i {

  color: var(--color-white);

}



.breadcrumb-style-3 {

  padding: 5px 0 90px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .breadcrumb-style-3 {

    padding: 5px 0 70px;

  }

}



@media only screen and (max-width: 767px) {

  .breadcrumb-style-3 {

    padding: 5px 0 70px;

  }

}



.breadcrumb-style-3 .breadcrumb-inner {

  text-align: left;

}



.breadcrumb-style-3 .breadcrumb-inner .page-title {

  width: 55%;

}



@media only screen and (max-width: 991px) {

  .breadcrumb-style-3 .breadcrumb-inner .page-title {

    width: 100%;

  }

}



.breadcrumb-style-3 .breadcrumb-inner .page-title .title {

  font-size: 36px;

  margin-bottom: 4px;

  line-height: 1.4;

}



@media only screen and (max-width: 767px) {

  .breadcrumb-style-3 .breadcrumb-inner .page-title .title {

    font-size: 30px;

  }

}



@media only screen and (max-width: 575px) {

  .breadcrumb-style-3 .breadcrumb-inner .page-title .title {

    font-size: 26px;

  }

}



.breadcrumb-style-3 .breadcrumb-inner .edu-breadcrumb {

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  margin-bottom: 55px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .breadcrumb-style-3 .breadcrumb-inner .edu-breadcrumb {

    margin-bottom: 40px;

  }

}



@media only screen and (max-width: 767px) {

  .breadcrumb-style-3 .breadcrumb-inner .edu-breadcrumb {

    margin-bottom: 40px;

  }

}



.breadcrumb-style-3 .breadcrumb-inner .course-meta {

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

}



.breadcrumb-style-3 .shape-group li.shape-2 {

  left: 7%;

}



.breadcrumb-style-3 .shape-group li.shape-2 img {

  width: 160px;

}



.breadcrumb-style-4 {

  padding: 110px 0 105px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .breadcrumb-style-4 {

    padding: 80px 0;

  }

}



@media only screen and (max-width: 767px) {

  .breadcrumb-style-4 {

    padding: 60px 0;

  }

}



.breadcrumb-style-4 .page-title .title {

  width: 75%;

  margin: 0 auto 5px;

}



.breadcrumb-style-4 .course-meta li {

  font-weight: 400;

  color: var(--color-body);

}



@media only screen and (max-width: 767px) {

  .breadcrumb-style-4 .course-meta li {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}



.breadcrumb-style-4 .course-meta li i {

  font-size: 18px;

}



.breadcrumb-style-5 {

  padding: 0;

  padding-top: 18px;

  background: -webkit-linear-gradient(right,

      #f5f1eb 0%,

      rgba(245, 241, 235, 0.3) 100%);

  background: linear-gradient(-90deg,

      #f5f1eb 0%,

      rgba(245, 241, 235, 0.3) 100%);

}



.breadcrumb-style-5 .edu-breadcrumb {

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  margin: -10px 0;

}



/*-------------------

 * Button

---------------------*/

a.btn-transparent,

button.btn-transparent {

  font-weight: 600;

  font-size: 18px;

  line-height: 28px;

  color: var(--color-primary);

  display: inline-block;

  position: relative;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



a.btn-transparent::after,

button.btn-transparent::after {

  position: absolute;

  content: "";

  left: auto;

  right: 0;

  bottom: 0;

  width: 0;

  height: 2px;

  background: var(--color-primary);

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



a.btn-transparent i,

button.btn-transparent i {

  padding-left: 6px;

  top: -1px;

  position: relative;

  font-size: 12px;

}



a.btn-transparent:hover,

button.btn-transparent:hover {

  color: var(--color-primary);

}



a.btn-transparent:hover::after,

button.btn-transparent:hover::after {

  width: 100%;

  left: 0;

  right: auto;

}



a.edu-btn,

button.edu-btn {

  text-align: center;

  border-radius: 5px;

  display: inline-block;

  height: 60px;

  line-height: 62px;

  color: var(--edu-btn-color);

  background: var(--color-primary);

  padding: 0 30px;

  font-size: 15px;

  font-weight: 500;

  -webkit-transition: 0.4s;

  transition: 0.4s;

  font-family: var(--font-secondary);

  border: 0 none;

  overflow: hidden;

  position: relative;

  z-index: 1;

}



@media only screen and (max-width: 767px) {



  a.edu-btn,

  button.edu-btn {

    padding: 0 20px;

    font-size: 14px;

    height: 50px;

    line-height: 52px;

  }

}



a.edu-btn:after,

button.edu-btn:after {

  content: "";

  height: 100%;

  width: 0;

  background: -webkit-linear-gradient(right, #31b978 0%, #0d1e51 100%);

  background: linear-gradient(-90deg, #31b978 0%, #0d1e51 100%);

  border-radius: 5px;

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  z-index: -1;

  -webkit-transition: 0.4s;

  transition: 0.4s;

}



a.edu-btn i,

button.edu-btn i {

  padding-left: 6px;

  position: relative;

  font-size: 11px;

}



@media only screen and (max-width: 767px) {



  a.edu-btn i,

  button.edu-btn i {

    font-size: 9px;

  }

}



a.edu-btn:hover:after,

button.edu-btn:hover:after {

  left: 0;

  width: 100%;

}



a.edu-btn.btn-large,

button.edu-btn.btn-large {

  padding: 0 40px;

}



a.edu-btn.btn-large i,

button.edu-btn.btn-large i {

  top: 0;

  padding-left: 10px;

}



a.edu-btn.btn-medium,

button.edu-btn.btn-medium {

  height: 50px;

  line-height: 51px;

  padding: 0 25px;

}



a.edu-btn.btn-small,

button.edu-btn.btn-small {

  height: 40px;

  line-height: 40px;

  padding: 0 20px;

  font-size: 14px;

}



a.edu-btn.left-icon i,

button.edu-btn.left-icon i {

  padding-left: 0;

  padding-right: 10px;

}



a.edu-btn.btn-curved,

button.edu-btn.btn-curved {

  border-radius: 30px 5px;

}



a.edu-btn.btn-curved:hover,

button.edu-btn.btn-curved:hover {

  border-radius: 5px 30px;

}



a.edu-btn.curved-medium,

button.edu-btn.curved-medium {

  border-radius: 20px 5px;

  padding: 0 40px;

}



a.edu-btn.curved-medium:hover,

button.edu-btn.curved-medium:hover {

  border-radius: 5px 25px;

}



a.edu-btn.btn-secondary,

button.edu-btn.btn-secondary {

  /* background: var(--color-secondary); */

  color: var(--color-white);

}



a.edu-btn.btn-secondary:hover,

button.edu-btn.btn-secondary:hover {

  color: var(--color-white);

  background: var(--color-primary);

}



a.edu-btn.btn-secondary1,

button.edu-btn.btn-secondary1 {

  background: var(--color-secondary);

  color: var(--color-white);

}



a.edu-btn.btn-secondary1:hover,

button.edu-btn.btn-secondary1:hover {

  color: var(--color-heading);

  background: var(--color-white);

}



a.edu-btn.btn-border,

button.edu-btn.btn-border {

  background-color: transparent;

  border: 1px solid var(--color-border);

  color: var(--color-heading);

  padding: 0 25px;

}



a.edu-btn.btn-border:after,

button.edu-btn.btn-border:after {

  display: none;

}



a.edu-btn.btn-border:hover,

button.edu-btn.btn-border:hover {

  background-color: var(--color-primary);

  border-color: var(--color-primary);

  color: var(--color-white);

}



a.edu-btn.btn-round,

button.edu-btn.btn-round {

  background-color: var(--color-white);

  color: var(--color-heading) !important;

  border-radius: 30px;

}



a.edu-btn.btn-round:hover,

button.edu-btn.btn-round:hover {

  color: var(--color-white) !important;

}



.button-group {

  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: -5px;

}



.button-group a {

  margin: 5px;

}



.btn-gradient {

  background: -webkit-linear-gradient(right,

      #31b978 0%,

      #0d1e51 100%) !important;

  background: linear-gradient(-90deg, #31b978 0%, #0d1e51 100%) !important;

}



.btn-gradient::after {

  background: -webkit-linear-gradient(right,

      #0d1e51 0%,

      #31b978 100%) !important;

  background: linear-gradient(-90deg, #0d1e51 0%, #31b978 100%) !important;

}



.wishlist-btn {

  background: rgba(255, 255, 255, 0.15);

  width: 40px;

  height: 40px;

  line-height: 45px;

  text-align: center;

  border-radius: 50%;

  border: 0 none;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.wishlist-btn i {

  color: var(--color-white);

  font-size: 19px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.wishlist-btn:hover {

  background-color: var(--color-secondary);

}



.wishlist-btn.btn-outline-dark {

  height: 50px;

  width: 50px;

  line-height: 55px;

  border: 1px solid #e5e5e5;

  color: var(--color-heading);

  pointer-events: all;

}



.wishlist-btn.btn-outline-dark i {

  color: var(--color-heading);

}



.wishlist-btn.btn-outline-dark:hover {

  border-color: var(--color-secondary);

}



.wishlist-btn.btn-outline-dark:hover i {

  color: var(--color-white);

}



.btn-icon-round {

  text-align: center;

  height: 60px;

  width: 60px;

  line-height: 60px;

  background-color: var(--color-primary);

  border-radius: 50%;

  color: var(--color-white);

  font-size: 12px;

}



.btn-icon-round:hover {

  color: var(--color-white);

  background-color: var(--color-secondary);

}



/*-------------------------

Countdown 

--------------------------*/

.countdown {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.countdown .countdown-section {

  margin-right: 10px;

  text-align: center;

}



.countdown .countdown-section:last-child {

  margin-right: 0;

}



.countdown .countdown-number {

  font-size: 20px;

  font-weight: var(--p-semi-bold);

  line-height: 1;

  margin-bottom: 10px;

  height: 60px;

  width: 60px;

  line-height: 60px;

  text-align: center;

  border-radius: 50%;

}



.countdown .countdown-number.day {

  background-color: rgba(26, 182, 157, 0.1);

  color: var(--color-primary);

}



.countdown .countdown-number.hour {

  background-color: rgba(238, 74, 98, 0.1);

  color: var(--color-secondary);

}



.countdown .countdown-number.minute {

  background-color: rgba(142, 86, 255, 0.1);

  color: var(--color-extra02);

}



.countdown .countdown-number.second {

  background-color: rgba(248, 148, 31, 0.1);

  color: var(--color-extra05);

}



.countdown .countdown-unit {

  line-height: 1;

  font-size: 15px;

  font-weight: var(--p-medium);

  color: var(--color-body);

}



.coming-countdown {

  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;

}



.coming-countdown .countdown-section {

  margin: 0 30px;

  position: relative;

  min-width: 80px;

}



.coming-countdown .countdown-section:after {

  content: ":";

  font-size: 30px;

  color: var(--color-white);

  font-weight: var(--s-bold);

  position: absolute;

  right: -30px;

  top: -9px;

}



.coming-countdown .countdown-section:last-child:after {

  display: none;

}



.coming-countdown .countdown-number {

  margin-bottom: 0;

  font-size: 50px;

  font-weight: var(--p-bold);

  color: var(--color-white);

  font-family: var(--font-secondary);

  line-height: 1;

}



.coming-countdown .countdown-unit {

  font-size: 15px;

  font-weight: 500;

  color: rgba(255, 255, 255, 0.6);

}



/*-------------------

  Course Widget

---------------------*/

.edu-course-widget {

  background-color: #f5f9fa;

  border-radius: 5px;

  padding: 38px 30px 20px;

  margin-bottom: 50px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .edu-course-widget {

    padding: 38px 20px 20px;

  }

}



@media only screen and (max-width: 991px) {

  .edu-course-widget {

    margin-bottom: 30px;

  }

}



.edu-course-widget:last-child {

  margin-bottom: 0;

}



.edu-course-widget .widget-title {

  margin-bottom: 0;

}



.edu-course-widget .widget-title.widget-toggle {

  position: relative;

  cursor: pointer;

}



.edu-course-widget .widget-title.widget-toggle:after {

  content: "\e91e";

  font-family: var(--font-icomoon);

  font-size: 6px;

  position: absolute;

  top: 8px;

  right: 0;

  -webkit-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  transform: rotate(180deg);

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-course-widget .content {

  padding-top: 10px;

}



.edu-course-widget .content .edu-form-check {

  position: relative;

  margin: 20px 0;

}



.edu-course-widget .content .edu-form-check label span {

  margin-left: 2px;

}



.edu-course-widget.collapsed .widget-title.widget-toggle:after {

  -webkit-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

}



.edu-course-widget.widget-rating .content .edu-form-check label i {

  color: #eda803;

}



.edu-course-widget.widget-rating .content .edu-form-check label i.off {

  color: #c8cbcc;

}



.edu-course-widget.widget-course-summery {

  padding: 15px;

}



.edu-course-widget.widget-course-summery .widget-title {

  margin-bottom: 16px;

}



.edu-course-widget.widget-course-summery .thumbnail {

  position: relative;

  margin-bottom: 10px;

}



.edu-course-widget.widget-course-summery .thumbnail:after {

  content: "";

  height: 100%;

  width: 100%;

  background-color: var(--color-black);

  border-radius: 5px;

  opacity: 0.3;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}



.edu-course-widget.widget-course-summery .thumbnail img {

  border-radius: 5px;

  width: 100%;

}



.edu-course-widget.widget-course-summery .thumbnail .play-btn {

  display: inline-block;

  text-align: center;

  width: 70px;

  height: 70px;

  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%;

  background: var(--color-white);

  -webkit-transition: var(--transition);

  transition: var(--transition);

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  z-index: 1;

  color: var(--color-secondary);

  font-size: 18px;

}



.edu-course-widget.widget-course-summery .thumbnail .play-btn i {

  margin-left: 5px;

}



.edu-course-widget.widget-course-summery .thumbnail .play-btn:hover {

  background-color: var(--color-primary);

  color: var(--color-white);

}



.edu-course-widget.widget-course-summery .content {

  padding: 30px 25px 25px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .edu-course-widget.widget-course-summery .content {

    padding: 30px 10px 25px;

  }

}



@media only screen and (max-width: 479px) {

  .edu-course-widget.widget-course-summery .content {

    padding: 30px 10px 25px;

  }

}



.edu-course-widget.widget-course-summery .content .course-item 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;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  font-weight: 500;

  color: var(--color-heading);

  border-bottom: 1px solid var(--color-border);

  padding: 15px 0;

  margin: 0;

}



.edu-course-widget.widget-course-summery .content .course-item li:last-child {

  border-bottom: none;

}



.edu-course-widget.widget-course-summery .content .course-item li i {

  font-size: 24px;

  padding-right: 15px;

  max-width: 35px;

}



.edu-course-widget.widget-course-summery .content .course-item li svg {

  margin-right: 15px;

  max-width: 35px;

}



.edu-course-widget.widget-course-summery .content .course-item li .label {

  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-secondary);

}



.edu-course-widget.widget-course-summery .content .course-item li .price {

  font-size: 20px;

  font-weight: var(--p-semi-bold);

  color: var(--color-secondary);

}



.edu-course-widget.widget-course-summery .content .read-more-btn {

  margin-top: 24px;

  margin-bottom: 30px;

}



.edu-course-widget.widget-course-summery .content .read-more-btn .edu-btn {

  width: 100%;

}



.edu-course-widget.widget-course-summery .content .share-area .title {

  margin-bottom: 15px;

}



.edu-course-widget.widget-course-summery .content .share-area .social-share {

  margin: -8px;

}



.edu-course-widget.widget-course-summery .content .share-area .social-share li {

  margin: 8px;

}



.edu-course-widget.widget-course-summery .content .share-area .social-share li a {

  height: 40px;

  width: 40px;

  line-height: 40px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .edu-course-sidebar {

    margin-bottom: 50px;

  }

}



@media only screen and (max-width: 767px) {

  .edu-course-sidebar {

    margin-bottom: 50px;

  }

}



.course-sidebar-2 {

  background-color: var(--color-white);

  border-radius: 5px;

  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.07);

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .course-sidebar-2 {

    margin-bottom: 50px;

  }

}



@media only screen and (max-width: 767px) {

  .course-sidebar-2 {

    margin-bottom: 50px;

  }

}



.course-sidebar-2 .edu-course-widget {

  background-color: transparent;

  margin-bottom: 0;

  padding-bottom: 0;

}



.course-sidebar-2 .edu-course-widget .inner {

  border-bottom: 1px solid var(--color-border);

  padding-bottom: 15px;

}



.course-sidebar-2 .edu-course-widget:last-child .inner {

  border-bottom: none;

}



.course-sidebar-3 .edu-blog-widget,

.course-sidebar-3 .edu-course-widget {

  background-color: var(--color-white);

  border-radius: 5px;

  box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.07);

  margin-bottom: 30px;

}



.course-sidebar-3 .edu-blog-widget:last-child,

.course-sidebar-3 .edu-course-widget:last-child {

  margin-bottom: 0;

}



.course-sidebar-3 .edu-blog-widget {

  padding: 40px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .course-sidebar-3 .edu-blog-widget {

    padding: 40px 25px;

  }

}



@media only screen and (max-width: 479px) {

  .course-sidebar-3 .edu-blog-widget {

    padding: 40px 25px;

  }

}



.course-sidebar-3 .edu-blog-widget .widget-title {

  margin-bottom: 40px;

}



@media only screen and (max-width: 991px) {

  .course-sidebar-3 {

    margin-top: 50px;

  }

}



@media only screen and (min-width: 992px) {

  .sidebar-top-position {

    margin-top: -365px;

    position: relative;

    z-index: 2;

  }

}



/*-------------------

  Pagination Styles

---------------------*/

.edu-pagination {

  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-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding-top: 70px;

}



.edu-pagination li {

  margin: 0 2px;

}



.edu-pagination li a {

  width: 50px;

  height: 50px;

  line-height: 50px;

  display: block;

  border-radius: 50%;

  text-align: center;

  color: var(--color-heading);

  -webkit-transition: var(--transition);

  transition: var(--transition);

  font-size: 18px;

  font-weight: 600;

  position: relative;

  z-index: 1;

}



.edu-pagination li a:before {

  content: "";

  height: 100%;

  width: 100%;

  background: var(--gradient-primary);

  border-radius: 50%;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  z-index: -1;

  opacity: 0;

}



.edu-pagination li a i {

  font-weight: 700;

  position: relative;

  top: 2px;

}



.edu-pagination li.active a,

.edu-pagination li:hover a {

  color: var(--color-white);

}



.edu-pagination li.active a:before,

.edu-pagination li:hover a:before {

  opacity: 1;

}



.edu-pagination li.more-next a {

  position: relative;

}



.edu-pagination li.more-next a:after {

  content: ". . .";

  font-size: 18px;

  font-weight: 700;

  position: absolute;

  top: 40%;

  left: 50%;

  -webkit-transform: translateY(-50%) translateX(-50%);

  -ms-transform: translateY(-50%) translateX(-50%);

  transform: translateY(-50%) translateX(-50%);

}



.edu-pagination.top-space-30 {

  padding-top: 30px;

}



/*-------------------------

    Sal Styels

-------------------------*/

/**

 * Settings

 */

/**

  * Easings

  */

/**

  * Core

  */

[data-sal] {

  -webkit-transition-duration: 0.2s;

  transition-duration: 0.2s;

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

  -webkit-transition-duration: var(--sal-duration, 0.2s);

  transition-duration: var(--sal-duration, 0.2s);

  -webkit-transition-delay: var(--sal-delay, 0s);

  transition-delay: var(--sal-delay, 0s);

  -webkit-transition-timing-function: var(--sal-easing, ease);

  transition-timing-function: var(--sal-easing, ease);

}



[data-sal][data-sal-duration="200"] {

  -webkit-transition-duration: 0.2s;

  transition-duration: 0.2s;

}



[data-sal][data-sal-duration="250"] {

  -webkit-transition-duration: 0.25s;

  transition-duration: 0.25s;

}



[data-sal][data-sal-duration="300"] {

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}



[data-sal][data-sal-duration="350"] {

  -webkit-transition-duration: 0.35s;

  transition-duration: 0.35s;

}



[data-sal][data-sal-duration="400"] {

  -webkit-transition-duration: 0.4s;

  transition-duration: 0.4s;

}



[data-sal][data-sal-duration="450"] {

  -webkit-transition-duration: 0.45s;

  transition-duration: 0.45s;

}



[data-sal][data-sal-duration="500"] {

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

}



[data-sal][data-sal-duration="550"] {

  -webkit-transition-duration: 0.55s;

  transition-duration: 0.55s;

}



[data-sal][data-sal-duration="600"] {

  -webkit-transition-duration: 0.6s;

  transition-duration: 0.6s;

}



[data-sal][data-sal-duration="650"] {

  -webkit-transition-duration: 0.65s;

  transition-duration: 0.65s;

}



[data-sal][data-sal-duration="700"] {

  -webkit-transition-duration: 0.7s;

  transition-duration: 0.7s;

}



[data-sal][data-sal-duration="750"] {

  -webkit-transition-duration: 0.75s;

  transition-duration: 0.75s;

}



[data-sal][data-sal-duration="800"] {

  -webkit-transition-duration: 0.8s;

  transition-duration: 0.8s;

}



[data-sal][data-sal-duration="850"] {

  -webkit-transition-duration: 0.85s;

  transition-duration: 0.85s;

}



[data-sal][data-sal-duration="900"] {

  -webkit-transition-duration: 0.9s;

  transition-duration: 0.9s;

}



[data-sal][data-sal-duration="950"] {

  -webkit-transition-duration: 0.95s;

  transition-duration: 0.95s;

}



[data-sal][data-sal-duration="1000"] {

  -webkit-transition-duration: 1s;

  transition-duration: 1s;

}



[data-sal][data-sal-duration="1050"] {

  -webkit-transition-duration: 1.05s;

  transition-duration: 1.05s;

}



[data-sal][data-sal-duration="1100"] {

  -webkit-transition-duration: 1.1s;

  transition-duration: 1.1s;

}



[data-sal][data-sal-duration="1150"] {

  -webkit-transition-duration: 1.15s;

  transition-duration: 1.15s;

}



[data-sal][data-sal-duration="1200"] {

  -webkit-transition-duration: 1.2s;

  transition-duration: 1.2s;

}



[data-sal][data-sal-duration="1250"] {

  -webkit-transition-duration: 1.25s;

  transition-duration: 1.25s;

}



[data-sal][data-sal-duration="1300"] {

  -webkit-transition-duration: 1.3s;

  transition-duration: 1.3s;

}



[data-sal][data-sal-duration="1350"] {

  -webkit-transition-duration: 1.35s;

  transition-duration: 1.35s;

}



[data-sal][data-sal-duration="1400"] {

  -webkit-transition-duration: 1.4s;

  transition-duration: 1.4s;

}



[data-sal][data-sal-duration="1450"] {

  -webkit-transition-duration: 1.45s;

  transition-duration: 1.45s;

}



[data-sal][data-sal-duration="1500"] {

  -webkit-transition-duration: 1.5s;

  transition-duration: 1.5s;

}



[data-sal][data-sal-duration="1550"] {

  -webkit-transition-duration: 1.55s;

  transition-duration: 1.55s;

}



[data-sal][data-sal-duration="1600"] {

  -webkit-transition-duration: 1.6s;

  transition-duration: 1.6s;

}



[data-sal][data-sal-duration="1650"] {

  -webkit-transition-duration: 1.65s;

  transition-duration: 1.65s;

}



[data-sal][data-sal-duration="1700"] {

  -webkit-transition-duration: 1.7s;

  transition-duration: 1.7s;

}



[data-sal][data-sal-duration="1750"] {

  -webkit-transition-duration: 1.75s;

  transition-duration: 1.75s;

}



[data-sal][data-sal-duration="1800"] {

  -webkit-transition-duration: 1.8s;

  transition-duration: 1.8s;

}



[data-sal][data-sal-duration="1850"] {

  -webkit-transition-duration: 1.85s;

  transition-duration: 1.85s;

}



[data-sal][data-sal-duration="1900"] {

  -webkit-transition-duration: 1.9s;

  transition-duration: 1.9s;

}



[data-sal][data-sal-duration="1950"] {

  -webkit-transition-duration: 1.95s;

  transition-duration: 1.95s;

}



[data-sal][data-sal-duration="2000"] {

  -webkit-transition-duration: 2s;

  transition-duration: 2s;

}



[data-sal][data-sal-delay="50"] {

  -webkit-transition-delay: 0.05s;

  transition-delay: 0.05s;

}



[data-sal][data-sal-delay="100"] {

  -webkit-transition-delay: 0.1s;

  transition-delay: 0.1s;

}



[data-sal][data-sal-delay="150"] {

  -webkit-transition-delay: 0.15s;

  transition-delay: 0.15s;

}



[data-sal][data-sal-delay="200"] {

  -webkit-transition-delay: 0.2s;

  transition-delay: 0.2s;

}



[data-sal][data-sal-delay="250"] {

  -webkit-transition-delay: 0.25s;

  transition-delay: 0.25s;

}



[data-sal][data-sal-delay="300"] {

  -webkit-transition-delay: 0.3s;

  transition-delay: 0.3s;

}



[data-sal][data-sal-delay="350"] {

  -webkit-transition-delay: 0.35s;

  transition-delay: 0.35s;

}



[data-sal][data-sal-delay="400"] {

  -webkit-transition-delay: 0.4s;

  transition-delay: 0.4s;

}



[data-sal][data-sal-delay="450"] {

  -webkit-transition-delay: 0.45s;

  transition-delay: 0.45s;

}



[data-sal][data-sal-delay="500"] {

  -webkit-transition-delay: 0.5s;

  transition-delay: 0.5s;

}



[data-sal][data-sal-delay="550"] {

  -webkit-transition-delay: 0.55s;

  transition-delay: 0.55s;

}



[data-sal][data-sal-delay="600"] {

  -webkit-transition-delay: 0.6s;

  transition-delay: 0.6s;

}



[data-sal][data-sal-delay="650"] {

  -webkit-transition-delay: 0.65s;

  transition-delay: 0.65s;

}



[data-sal][data-sal-delay="700"] {

  -webkit-transition-delay: 0.7s;

  transition-delay: 0.7s;

}



[data-sal][data-sal-delay="750"] {

  -webkit-transition-delay: 0.75s;

  transition-delay: 0.75s;

}



[data-sal][data-sal-delay="800"] {

  -webkit-transition-delay: 0.8s;

  transition-delay: 0.8s;

}



[data-sal][data-sal-delay="850"] {

  -webkit-transition-delay: 0.85s;

  transition-delay: 0.85s;

}



[data-sal][data-sal-delay="900"] {

  -webkit-transition-delay: 0.9s;

  transition-delay: 0.9s;

}



[data-sal][data-sal-delay="950"] {

  -webkit-transition-delay: 0.95s;

  transition-delay: 0.95s;

}



[data-sal][data-sal-delay="1000"] {

  -webkit-transition-delay: 1s;

  transition-delay: 1s;

}



[data-sal][data-sal-easing="linear"] {

  -webkit-transition-timing-function: linear;

  transition-timing-function: linear;

}



[data-sal][data-sal-easing="ease"] {

  -webkit-transition-timing-function: ease;

  transition-timing-function: ease;

}



[data-sal][data-sal-easing="ease-in"] {

  -webkit-transition-timing-function: ease-in;

  transition-timing-function: ease-in;

}



[data-sal][data-sal-easing="ease-out"] {

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}



[data-sal][data-sal-easing="ease-in-out"] {

  -webkit-transition-timing-function: ease-in-out;

  transition-timing-function: ease-in-out;

}



[data-sal][data-sal-easing="ease-in-cubic"] {

  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);

}



[data-sal][data-sal-easing="ease-out-cubic"] {

  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);

}



[data-sal][data-sal-easing="ease-in-out-cubic"] {

  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);

  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);

}



[data-sal][data-sal-easing="ease-in-circ"] {

  -webkit-transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);

  transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335);

}



[data-sal][data-sal-easing="ease-out-circ"] {

  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);

  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);

}



[data-sal][data-sal-easing="ease-in-out-circ"] {

  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);

  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



[data-sal][data-sal-easing="ease-in-expo"] {

  -webkit-transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);

  transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);

}



[data-sal][data-sal-easing="ease-out-expo"] {

  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

}



[data-sal][data-sal-easing="ease-in-out-expo"] {

  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);

  transition-timing-function: cubic-bezier(1, 0, 0, 1);

}



[data-sal][data-sal-easing="ease-in-quad"] {

  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);

  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);

}



[data-sal][data-sal-easing="ease-out-quad"] {

  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);

}



[data-sal][data-sal-easing="ease-in-out-quad"] {

  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);

  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);

}



[data-sal][data-sal-easing="ease-in-quart"] {

  -webkit-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);

  transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);

}



[data-sal][data-sal-easing="ease-out-quart"] {

  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

}



[data-sal][data-sal-easing="ease-in-out-quart"] {

  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);

  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);

}



[data-sal][data-sal-easing="ease-in-quint"] {

  -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

  transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);

}



[data-sal][data-sal-easing="ease-out-quint"] {

  -webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);

  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);

}



[data-sal][data-sal-easing="ease-in-out-quint"] {

  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);

  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);

}



[data-sal][data-sal-easing="ease-in-sine"] {

  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);

  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);

}



[data-sal][data-sal-easing="ease-out-sine"] {

  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);

  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);

}



[data-sal][data-sal-easing="ease-in-out-sine"] {

  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);

  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);

}



[data-sal][data-sal-easing="ease-in-back"] {

  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);

  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);

}



[data-sal][data-sal-easing="ease-out-back"] {

  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);

}



[data-sal][data-sal-easing="ease-in-out-back"] {

  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);

  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);

}



/**

  * Animations

  */

[data-sal|="fade"] {

  opacity: 0;

  -webkit-transition-property: opacity;

  transition-property: opacity;

}



[data-sal|="fade"].sal-animate,

body.sal-disabled [data-sal|="fade"] {

  opacity: 1;

}



[data-sal|="slide"] {

  opacity: 0;

  -webkit-transition-property: opacity, -webkit-transform;

  transition-property: opacity, -webkit-transform;

  transition-property: opacity, transform;

  transition-property: opacity, transform, -webkit-transform;

}



[data-sal="slide-up"] {

  -webkit-transform: translateY(20%);

  -ms-transform: translateY(20%);

  transform: translateY(20%);

}



[data-sal="slide-down"] {

  -webkit-transform: translateY(-20%);

  -ms-transform: translateY(-20%);

  transform: translateY(-20%);

}



[data-sal="slide-left"] {

  -webkit-transform: translateX(20%);

  -ms-transform: translateX(20%);

  transform: translateX(20%);

}



[data-sal="slide-right"] {

  -webkit-transform: translateX(-20%);

  -ms-transform: translateX(-20%);

  transform: translateX(-20%);

}



[data-sal|="slide"].sal-animate,

body.sal-disabled [data-sal|="slide"] {

  opacity: 1;

  -webkit-transform: none;

  -ms-transform: none;

  transform: none;

}



[data-sal|="zoom"] {

  opacity: 0;

  -webkit-transition-property: opacity, -webkit-transform;

  transition-property: opacity, -webkit-transform;

  transition-property: opacity, transform;

  transition-property: opacity, transform, -webkit-transform;

}



[data-sal="zoom-in"] {

  -webkit-transform: scale(0.5);

  -ms-transform: scale(0.5);

  transform: scale(0.5);

}



[data-sal="zoom-out"] {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}



[data-sal|="zoom"].sal-animate,

body.sal-disabled [data-sal|="zoom"] {

  opacity: 1;

  -webkit-transform: none;

  -ms-transform: none;

  transform: none;

}



[data-sal|="flip"] {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

}



[data-sal="flip-left"] {

  -webkit-transform: perspective(2000px) rotateY(-91deg);

  transform: perspective(2000px) rotateY(-91deg);

}



[data-sal="flip-right"] {

  -webkit-transform: perspective(2000px) rotateY(91deg);

  transform: perspective(2000px) rotateY(91deg);

}



[data-sal="flip-up"] {

  -webkit-transform: perspective(2000px) rotateX(-91deg);

  transform: perspective(2000px) rotateX(-91deg);

}



[data-sal="flip-down"] {

  -webkit-transform: perspective(2000px) rotateX(91deg);

  transform: perspective(2000px) rotateX(91deg);

}



[data-sal|="flip"].sal-animate,

body.sal-disabled [data-sal|="flip"] {

  -webkit-transform: none;

  -ms-transform: none;

  transform: none;

}



/*---------------------------

  Section Title

----------------------------*/

.section-title {

  /* margin-bottom: 44px; */

}



@media only screen and (max-width: 767px) {

  .section-title {

    margin-bottom: 40px;

  }

}



.section-title .pre-title {

  font-weight: 500;

  display: inline-block;

  text-transform: uppercase;

  margin-bottom: 14px;

  letter-spacing: 1px;

}



.section-title .pre-title.pre-textsecondary {

  color: var(--color-secondary);

}



.section-title .title {

  margin-bottom: 4px;

}



@media only screen and (max-width: 767px) {

  .section-title .title br {

    display: none;

  }

}



.section-title .shape-line {

  display: block;

  color: var(--color-primary);

}



.section-title p {

  margin-bottom: 24px;

  margin-top: 15px;

}



.section-title.section-left {

  text-align: left;

}



.section-title.section-center {

  text-align: center;

}



.section-title-flex {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



@media only screen and (max-width: 767px) {

  .section-title-flex {

    display: block;

    text-align: center;

  }

}



.section-title-flex .left-content {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  text-align: right;

  margin-right: 90px;

  margin-bottom: 20px;

  position: relative;

}



@media only screen and (max-width: 767px) {

  .section-title-flex .left-content {

    text-align: center;

    margin-right: 0;

  }

}



.section-title-flex .left-content:after {

  content: "";

  height: 83px;

  width: 1px;

  background-color: #e5e1dc;

  position: absolute;

  top: 5px;

  right: -45px;

}



@media only screen and (max-width: 767px) {

  .section-title-flex .left-content:after {

    display: none;

  }

}



.section-title-flex .right-content {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.section-title-flex .right-content p {

  margin: 0;

  color: var(--color-heading);

}



.splash-title .number {

  font-size: 60px;

  font-weight: 700;

  font-family: var(--font-secondary);

  line-height: 1;

  margin-bottom: 5px;

  background: #31b978;

  background: -webkit-linear-gradient(right, #31b978 0%, #0d1e51 76%);

  background: linear-gradient(to left, #31b978 0%, #0d1e51 76%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .splash-title .number {

    font-size: 50px;

  }

}



@media only screen and (max-width: 767px) {

  .splash-title .number {

    font-size: 40px;

  }

}



.splash-title .pre-title {

  font-size: 16px;

  font-weight: 700;

  background: #31b978;

  background: -webkit-linear-gradient(right, #31b978 0%, #0d1e51 76%);

  background: linear-gradient(to left, #31b978 0%, #0d1e51 76%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.splash-title .title {

  font-size: 40px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .splash-title .title {

    font-size: 36px;

  }

}



@media only screen and (max-width: 767px) {

  .splash-title .title {

    font-size: 30px;

  }

}



/*---------------------------

 * Swiper Styles

----------------------------*/

.swiper-wrapper .swiper-slide {

  padding: 0 15px;

}



.swiper-navigation .swiper-btn-nxt,

.swiper-navigation .swiper-btn-prv {

  display: inline-block;

  height: 60px;

  width: 60px;

  line-height: 60px;

  border-radius: 50%;

  margin-right: 10px;

  font-size: 24px;

  text-align: center;

  background-color: var(--color-white);

  color: var(--color-heading);

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



@media only screen and (max-width: 767px) {



  .swiper-navigation .swiper-btn-nxt,

  .swiper-navigation .swiper-btn-prv {

    height: 45px;

    width: 45px;

    line-height: 45px;

    font-size: 18px;

  }

}



.swiper-navigation .swiper-btn-nxt:hover,

.swiper-navigation .swiper-btn-prv:hover {

  color: var(--color-white);

  background: var(--gradient-primary);

}



.blog-gallery-activation {

  position: relative;

}



.blog-gallery-activation .swiper-navigation .swiper-btn-nxt,

.blog-gallery-activation .swiper-navigation .swiper-btn-prv {

  position: absolute;

  top: 45%;

  z-index: 1;

}



.blog-gallery-activation .swiper-navigation .swiper-btn-nxt {

  left: 30px;

}



.blog-gallery-activation .swiper-navigation .swiper-btn-prv {

  right: 20px;

}



.testimonial-area-4 .swiper-navigation .swiper-btn-nxt,

.testimonial-area-4 .swiper-navigation .swiper-btn-prv {

  border: 1px solid var(--color-border);

}



/*---------------------------

    Social Share Style

---------------------------*/

.social-share {

  margin: -10px;

  padding: 0;

  list-style: none;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.social-share li {

  margin: 10px;

}



.social-share li a {

  border: 1px solid var(--color-border);

  border-radius: 50%;

  width: 46px;

  height: 46px;

  line-height: 46px;

  display: inline-block;

  font-size: 16px;

  color: var(--color-body);

  -webkit-transition: 0.3s;

  transition: 0.3s;

  text-align: center;

}



.social-share li a:hover {

  background-color: var(--color-primary);

  border-color: var(--color-primary);

  color: var(--color-white);

}



.social-share.icon-transparent {

  margin: 0 -15px;

}



.social-share.icon-transparent li {

  margin: 0 15px;

}



.social-share.icon-transparent li a {

  height: auto;

  width: auto;

  color: var(--color-body);

  -webkit-transition: 0.4s;

  transition: 0.4s;

  line-height: initial;

  font-size: 18px;

  border: none;

  border-radius: 0;

}



.social-share.icon-transparent li a:hover {

  color: var(--color-primary);

  background-color: transparent;

}



/*-------------------------

    Theme Switcher Style

---------------------------*/

.theme-switcher {

  position: fixed;

  left: 0;

  top: 200px;

  z-index: 123;

  background: #333;

  border: 2px solid rgba(255, 255, 255, 0.07);

  border-radius: 50%;

  -webkit-border-radius: 50%;

  -moz-border-radius: 50%;

  -ms-border-radius: 50%;

  -o-border-radius: 50%;

  padding: 6px 6px;

  transition: all 0.3s ease-in-out;

  -webkit-transition: all 0.3s ease-in-out;

  -moz-transition: all 0.3s ease-in-out;

  -ms-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

}



.theme-switcher #moon {

  width: 25px;

  margin-bottom: 0;

  cursor: pointer;

}



/*=======================================================================

3. Template Styles

=========================================================================*/

/*-------------------

  About Styles

---------------------*/

.about-image-gallery {

  position: relative;

  padding: 90px 0 60px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .about-image-gallery {

    text-align: center;

  }

}



.about-image-gallery img {

  border-radius: 10px;

}



.about-image-gallery .video-box {

  position: absolute;

  top: 0;

  right: 40px;

}



@media only screen and (max-width: 575px) {

  .about-image-gallery .video-box {

    -webkit-transform: scale(0.7);

    -ms-transform: scale(0.7);

    transform: scale(0.7);

    right: 0;

  }

}



.about-image-gallery .video-box .inner {

  padding: 20px;

  background-color: var(--color-white);

  border-radius: 10px;

  box-shadow: 0px 40px 70px rgba(27, 20, 78, 0.1);

}



.about-image-gallery .video-box .inner .thumb {

  position: relative;

  text-align: center;

}



.about-image-gallery .video-box .inner .thumb img {

  border-radius: 6px;

}



.about-image-gallery .video-box .inner .thumb .popup-icon {

  cursor: pointer;

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  margin: 0 auto;

  height: 60px;

  width: 60px;

  line-height: 62px;

  background-color: var(--color-white);

  border-radius: 50%;

  color: var(--color-secondary);

  font-size: 18px;

}



.about-image-gallery .video-box .inner .thumb .popup-icon i {

  margin-left: 5px;

}



.about-image-gallery .video-box .inner .thumb .popup-icon:hover {

  background-color: var(--color-primary);

  color: var(--color-white);

}



.about-image-gallery .video-box .inner .loading-bar {

  margin: -20px 0;

  padding-top: 20px;

}



.about-image-gallery .video-box .inner .loading-bar span {

  display: block;

  height: 7px;

  background-color: #eaf0f2;

  border-radius: 10px;

  margin: 20px 0;

}



.about-image-gallery .video-box .inner .loading-bar span:first-child {

  width: 80%;

}



.about-image-gallery .video-box .inner .loading-bar span:nth-child(2n) {

  width: 45%;

}



.about-image-gallery .award-status {

  position: absolute;

  right: 70px;

  bottom: 0;

}



@media only screen and (max-width: 479px) {

  .about-image-gallery .award-status {

    right: 0;

  }

}



.about-image-gallery .award-status .inner {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  padding: 22px 20px 18px 30px;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  box-shadow: 0px 40px 70px rgba(27, 20, 78, 0.1);

  background: #ffffff;

  border-radius: 10px;

}



.about-image-gallery .award-status .inner .icon {

  width: 60px;

  height: 60px;

  background: rgba(26, 182, 157, 0.1);

  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;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  border-radius: 50%;

  margin-right: 15px;

  color: var(--color-primary);

  font-size: 30px;

}



.about-image-gallery .award-status .inner .content {

  text-align: left;

}



.about-image-gallery .award-status .inner .content .title {

  color: var(--color-primary);

  font-size: 24px;

  line-height: 1;

  margin-bottom: 0;

}



.about-image-gallery .shape-group li {

  position: absolute;

  z-index: -1;

}



.about-image-gallery .shape-group li.shape-1 {

  top: 20px;

  left: -100px;

}



@media only screen and (max-width: 991px) {

  .about-image-gallery .shape-group li.shape-1 {

    left: 0;

  }

}



.about-image-gallery .shape-group li.shape-2 {

  bottom: -30px;

  right: 130px;

}



.about-content {

  padding-left: 30px;

}



@media only screen and (max-width: 991px) {

  .about-content {

    padding-left: 0;

  }

}



.about-content .section-title {

  margin-bottom: 20px;

}



.about-content .features-list li {

  font-weight: var(--p-medium);

  font-family: var(--font-secondary);

  color: var(--color-heading);

  padding-left: 35px;

  position: relative;

  margin-bottom: 16px;

  margin-top: 16px;

}



.about-content .features-list li:before {

  content: "\e913";

  font-family: "icomoon";

  color: var(--color-tertiary);

  font-size: 19px;

  position: absolute;

  left: 0;

  top: -3px;

}



.about-style-1,

.about-style-2 {

  position: relative;

}



.about-style-1 .shape-group li,

.about-style-2 .shape-group li {

  position: absolute;

  top: 107px;

  right: -210px;

  z-index: -1;

}



.about-style-1 .shape-group li.shape-1.circle span,

.about-style-2 .shape-group li.shape-1.circle span {

  display: block;

  height: 101px;

  width: 101px;

  border: 15px solid var(--color-tertiary);

  border-radius: 50%;

}



@media only screen and (max-width: 1650px) {



  .about-style-1 .shape-group li,

  .about-style-2 .shape-group li {

    right: -110px;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {



  .about-style-1 .shape-group li,

  .about-style-2 .shape-group li {

    right: -50px;

  }

}



@media only screen and (max-width: 991px) {

  .about-style-1 .about-image-gallery .shape-group li {

    display: none;

  }

}



.about-style-1 .about-image-gallery .shape-group li.shape-1 {

  top: 20px;

  left: -100px;

}



.about-style-1 .about-image-gallery .shape-group li.shape-2 {

  top: 4px;

  left: -50px;

}



.about-style-1 .about-image-gallery .shape-group li.shape-3 {

  bottom: -33px;

  right: 120px;

  top: inherit;

}



.about-style-2 .about-image-gallery {

  position: relative;

  padding: 80px 0 60px 70px;

}



@media only screen and (max-width: 767px) {

  .about-style-2 .about-image-gallery {

    padding: 0;

  }

}



.about-style-2 .about-image-gallery .author-box {

  position: absolute;

  top: 15px;

  right: 0;

  max-width: 220px;

}



@media only screen and (max-width: 767px) {

  .about-style-2 .about-image-gallery .author-box {

    display: none;

  }

}



.about-style-2 .about-image-gallery .author-box .inner {

  background-color: var(--color-white);

  box-shadow: 0px 40px 70px rgba(15, 11, 44, 0.2);

  padding: 40px 20px;

  border-radius: 10px 40px 10px 80px;

  text-align: center;

}



.about-style-2 .about-image-gallery .author-box .inner .thumb {

  margin-bottom: 20px;

}



.about-style-2 .about-image-gallery .author-box .inner .content .title {

  margin-bottom: 10px;

}



.about-style-2 .about-image-gallery .author-box .inner .content p {

  margin-bottom: 0;

}



.about-style-2 .about-image-gallery .award-status {

  right: auto;

  left: 0;

}



.about-style-2 .about-image-gallery .award-status .inner {

  box-shadow: 0px 40px 60px rgba(15, 11, 44, 0.15);

  border-radius: 30px 10px 50px 10px;

}



.about-style-2 .about-image-gallery .award-status .inner .icon {

  background: rgba(238, 74, 98, 0.1);

  color: var(--color-secondary);

}



.about-style-2 .about-image-gallery .award-status .inner .content .title {

  color: var(--color-secondary);

}



.about-style-2 .about-image-gallery .award-status .inner .content .subtitle {

  color: var(--color-heading);

}



.about-style-2 .about-image-gallery .shape-group li.shape-1 {

  top: 0;

  left: -55px;

  right: inherit;

}



.about-style-2 .about-image-gallery .shape-group li.shape-2 {

  top: 0;

  left: 0;

  bottom: inherit;

  right: inherit;

}



.about-style-2 .about-image-gallery .shape-group li.shape-3 {

  top: inherit;

  bottom: -15px;

  right: -5px;

}



.about-style-2 .about-content {

  padding-left: 80px;

}



@media only screen and (max-width: 1199px) {

  .about-style-2 .about-content {

    padding-left: 30px;

  }

}



@media only screen and (max-width: 991px) {

  .about-style-2 .about-content {

    padding-left: 0;

  }

}



.about-style-3 {

  /* padding: 90px 0 120px; */

  position: relative;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .about-style-3 {

    padding: 90px 0 100px;

  }

}



@media only screen and (max-width: 767px) {

  .about-style-3 {

    padding: 80px 0;

  }

}



.about-style-3 .about-content {

  padding-right: 30px;

  padding-left: 0;

}



@media only screen and (max-width: 575px) {

  .about-style-3 .about-content {

    padding-right: 0;

  }

}



.about-style-3 .about-content .section-title {

  margin-bottom: 34px;

}



.about-style-3 .about-content .nav-tabs {

  border-bottom: none;

  margin: -8px -16px;

  padding-bottom: 20px;

}



.about-style-3 .about-content .nav-tabs .nav-item {

  margin: 8px 16px;

  position: relative;

}



.about-style-3 .about-content .nav-tabs .nav-item:after {

  content: "";

  height: 14px;

  width: 2px;

  background-color: #e5e5e5;

  position: absolute;

  top: 2px;

  right: -18px;

}



.about-style-3 .about-content .nav-tabs .nav-item:last-child:after {

  display: none;

}



.about-style-3 .about-content .nav-tabs .nav-link {

  color: var(--color-heading);

  font-size: 17px;

  font-weight: var(--p-semi-bold);

  font-family: var(--font-secondary);

  background-color: transparent;

  border: none;

  padding: 0;

  position: relative;

  padding-bottom: 1px;

}



.about-style-3 .about-content .nav-tabs .nav-link:after {

  content: "";

  height: 2px;

  width: 0;

  background-color: var(--color-secondary);

  position: absolute;

  bottom: 0;

  left: 0;

  opacity: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.about-style-3 .about-content .nav-tabs .nav-link:hover,

.about-style-3 .about-content .nav-tabs .nav-link.active {

  color: var(--color-secondary);

}



.about-style-3 .about-content .nav-tabs .nav-link:hover:after,

.about-style-3 .about-content .nav-tabs .nav-link.active:after {

  width: 100%;

  opacity: 1;

}



.about-style-3 .about-content .tab-content p {

  margin-bottom: 20px;

}



.about-style-3 .about-content .tab-content .features-list li:before {

  color: var(--color-secondary);

}



.about-style-3 .about-image-gallery {

  padding: 80px 0 65px 30px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .about-style-3 .about-image-gallery {

    text-align: left;

    padding: 20px 0 65px;

  }

}



@media only screen and (max-width: 767px) {

  .about-style-3 .about-image-gallery {

    padding: 20px 0 65px;

  }

}



@media only screen and (max-width: 479px) {

  .about-style-3 .about-image-gallery {

    padding: 0;

  }

}



.about-style-3 .about-image-gallery .main-img-2 {

  position: absolute;

  bottom: 0;

  right: 0;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .about-style-3 .about-image-gallery .main-img-2 {

    right: 115px;

  }

}



@media only screen and (max-width: 479px) {

  .about-style-3 .about-image-gallery .main-img-2 {

    display: none;

  }

}



.about-style-3 .about-image-gallery .shape-group li {

  position: absolute;

  z-index: -1;

}



.about-style-3 .about-image-gallery .shape-group li img {

  position: initial;

}



.about-style-3 .about-image-gallery .shape-group li.shape-1 {

  left: inherit;

  right: 95px;

  top: -15px;

}



.about-style-3 .about-image-gallery .shape-group li.shape-2 {

  left: inherit;

  bottom: inherit;

  right: 39px;

  top: 13px;

  z-index: -2;

}



.about-style-3 .about-image-gallery .shape-group li.shape-3 {

  top: inherit;

  right: inherit;

  left: -2px;

  bottom: 33px;

}



.about-style-3 .about-image-gallery .shape-group li.shape-4 {

  right: 40px;

  bottom: -25px;

  z-index: -1;

}



.about-style-3 .about-image-gallery .shape-group li.shape-4 span {

  display: block;

  height: 320px;

  width: 320px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



@media only screen and (max-width: 767px) {

  .about-style-3 .shape-group {

    display: none;

  }

}



.about-style-3 .shape-group li {

  position: absolute;

  z-index: -1;

}



.about-style-3 .shape-group li img {

  position: initial;

}



.about-style-3 .shape-group li.shape-5 {

  left: 110px;

  top: 20px;

}



@media only screen and (max-width: 1650px) {

  .about-style-3 .shape-group li.shape-5 {

    left: 0;

    top: 0;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  .about-style-3 .shape-group li.shape-5 {

    left: -90px;

  }

}



.about-style-3 .shape-group li.shape-6 {

  top: -350px;

  left: 80px;

  z-index: -1;

}



.about-style-3 .shape-group li.shape-6 span {

  display: block;

  height: 470px;

  width: 470px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



@media only screen and (max-width: 1650px) {

  .about-style-3 .shape-group li.shape-6 {

    left: 0;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  .about-style-3 .shape-group li.shape-6 {

    left: -90px;

  }

}



.about-style-4 .about-content {

  padding-right: 0;

  padding-left: 30px;

}



.about-style-4 .about-content .section-title p {

  margin-top: 26px;

}



.about-style-4 .about-content .features-list {

  margin-bottom: 35px;

}



.about-style-4 .about-content .features-list li:before {

  color: var(--color-secondary);

}



.about-style-4 .about-image-gallery {

  padding: 80px 0 65px;

  margin-right: 30px;

}



.about-style-4 .about-image-gallery .main-img-1 {

  background-color: var(--color-white);

  padding: 20px;

  display: inline-block;

  border-radius: 20px;

  box-shadow: 0 20px 40px 0 rgba(42, 11, 88, 0.1);

}



.about-style-4 .about-image-gallery .main-img-2 {

  position: absolute;

  bottom: 0;

  right: 0;

}



.about-style-4 .about-image-gallery .shape-group .shape-1 {

  left: inherit;

  right: 85px;

  top: 0;

}



.about-style-4 .about-image-gallery .shape-group .shape-2 {

  right: 31px;

  left: inherit;

  top: 32px;

  z-index: -2;

  bottom: inherit;

}



.about-style-4 .about-image-gallery .shape-group .shape-3 {

  right: inherit;

  left: -32px;

  bottom: 32px;

}



.about-style-4 .about-image-gallery .shape-group .shape-4 {

  right: 70px;

  bottom: -25px;

  z-index: -1;

}



.about-style-4 .about-image-gallery .shape-group .shape-4 span {

  display: block;

  height: 320px;

  width: 320px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.about-style-5 {

  position: relative;

}



.about-style-5 .section-title {

  margin-bottom: 60px;

}



.about-style-5 .about-image-gallery {

  padding: 0;

}



@media only screen and (max-width: 1199px) {

  .about-style-5 .about-image-gallery .shape-group {

    display: block;

  }

}



.about-style-5 .about-image-gallery .shape-group li.shape-1 {

  top: -40px;

  right: -10px;

  left: inherit;

  bottom: inherit;

  z-index: 1;

}



.about-style-5 .about-image-gallery .shape-group li.shape-2 {

  right: auto;

  left: -80px;

  bottom: -78px;

  -webkit-animation: rotateIt 10s linear infinite;

  animation: rotateIt 10s linear infinite;

}



.about-style-5 .about-content .features-list {

  padding-bottom: 18px;

}



.about-style-5 .about-content .features-list li:before {

  color: var(--color-secondary);

}



.about-style-5 .shape-group li {

  position: absolute;

  z-index: -1;

}



.about-style-5 .shape-group li.shape-1 {

  bottom: 80px;

  right: 180px;

}



.about-style-6 {

  position: relative;

  padding: 90px 0 50px;

  background-color: var(--color-white);

  z-index: 2;

}



@media only screen and (max-width: 767px) {

  .about-style-6 {

    padding: 50px 0;

  }

}



@media only screen and (max-width: 479px) {

  .about-style-6 {

    padding: 20px 0 50px;

  }

}



.about-style-6:after {

  content: url(../images/about/shape-32.png);

  position: absolute;

  top: -110px;

  left: 0;

  right: 0;

  z-index: 2;

}



.about-style-6 .about-content .section-title {

  margin-bottom: 30px;

}



.about-style-6 .about-content .section-title p {

  margin-top: 25px;

}



.about-style-6 .about-content .about-mission {

  margin-bottom: 20px;

}



.about-style-6 .about-content .about-mission .title {

  margin-bottom: 14px;

}



.about-style-6 .about-content .about-mission p {

  margin-bottom: 25px;

}



.about-style-6 .about-content .about-mission .features-list li:before {

  color: var(--color-secondary);

}



.about-style-6 .about-image-gallery {

  padding: 0;

}



.about-style-6 .about-image-gallery .main-img-2 {

  text-align: right;

  margin-top: -240px;

}



@media only screen and (max-width: 575px) {

  .about-style-6 .about-image-gallery .main-img-2 {

    display: none;

  }

}



.about-style-6 .about-image-gallery .shape-group .shape-1 {

  top: 130px;

  right: 35px;

  left: auto;

}



.about-style-6 .about-image-gallery .shape-group .shape-2 {

  bottom: 240px;

  right: auto;

  left: -15px;

  z-index: 1;

  -webkit-animation: rotateIt 10s linear infinite;

  animation: rotateIt 10s linear infinite;

}



.about-style-6 .about-image-gallery .shape-group .shape-3 {

  bottom: 110px;

  left: 20px;

}



.about-style-7 {

  position: relative;

}



.about-style-7 .about-image-gallery {

  position: relative;

  padding: 80px 0 0 70px;

}



@media only screen and (max-width: 767px) {

  .about-style-7 .about-image-gallery {

    padding: 0;

  }

}



.about-style-7 .about-image-gallery .main-img-2 {

  position: absolute;

  right: 0;

  top: 15px;

}



@media only screen and (max-width: 767px) {

  .about-style-7 .about-image-gallery .main-img-2 {

    display: none;

  }



  .director-message-content {

    padding: 0;

    justify-content: center;

    flex-direction: column-reverse;

  }

}



@media only screen and (max-width: 767px) {

  .about-style-7 .about-image-gallery .shape-group {

    display: none;

  }

}



.about-style-7 .about-image-gallery .shape-group li {

  position: absolute;

  z-index: -1;

}



.about-style-7 .about-image-gallery .shape-group li img {

  position: initial;

}



.about-style-7 .about-image-gallery .shape-group li.shape-1 {

  top: 0;

  left: -55px;

}



.about-style-7 .about-image-gallery .shape-group li.shape-2 {

  top: 0;

  left: 0;

  bottom: inherit;

  right: inherit;

}



.about-style-7 .about-image-gallery .shape-group li.shape-3 {

  bottom: -60px;

  right: -10px;

}



.about-style-7 .about-image-gallery .shape-group li.shape-4 {

  bottom: -80px;

  left: 10px;

  z-index: 1;

}



.about-style-7 .about-content {

  padding-right: 80px;

  padding-left: 0;

}



@media only screen and (max-width: 1199px) {

  .about-style-7 .about-content {

    padding-right: 30px;

  }

}



@media only screen and (max-width: 991px) {

  .about-style-7 .about-content {

    padding-right: 0;

  }

}



.about-style-7 .about-content .section-title p {

  margin-bottom: 28px;

  margin-top: 30px;

}



.about-style-7>.shape-group>li {

  position: absolute;

  z-index: -1;

  top: 75px;

  left: 125px;

  height: 100px;

  width: 100px;

  border: 16px solid #f8b81f;

  border-radius: 50%;

}



@media only screen and (max-width: 1650px) {

  .about-style-7>.shape-group>li {

    left: 20px;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {

  .about-style-7>.shape-group>li {

    left: -20px;

    top: 45px;

  }

}



.about-style-8 {

  position: relative;

}



.about-style-8:before {

  content: "";

  height: 1030px;

  width: 100%;

  background: -webkit-linear-gradient(right,

      #f5f1eb 0%,

      rgba(245, 241, 235, 0.3) 100%);

  background: linear-gradient(-90deg,

      #f5f1eb 0%,

      rgba(245, 241, 235, 0.3) 100%);

  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 90%);

  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 90%);

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: -1;

}



.about-style-8 .about-content {

  padding-right: 40px;

  padding-left: 0;

}



@media only screen and (max-width: 767px) {

  .about-style-8 .about-content {

    padding-right: 0;

  }

}



.about-style-8 .about-content .section-title p {

  margin-top: 30px;

}



.about-style-8 .about-content .about-mission {

  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-top: 45px;

}



@media only screen and (max-width: 575px) {

  .about-style-8 .about-content .about-mission {

    display: block;

  }

}



.about-style-8 .about-content .about-mission .single-item {

  padding-right: 50px;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



@media only screen and (max-width: 575px) {

  .about-style-8 .about-content .about-mission .single-item {

    padding-right: 0;

    margin-bottom: 30px;

  }

}



.about-style-8 .about-content .about-mission .single-item:last-child {

  padding-right: 0;

}



.about-style-8 .about-content .about-mission .single-item .icon {

  font-size: 50px;

  line-height: 1;

  margin-bottom: 25px;

}



.about-style-8 .about-content .about-mission .single-item .icon.color-extra02 {

  color: var(--color-extra02);

}



.about-style-8 .about-content .about-mission .single-item .icon.color-extra06 {

  color: var(--color-extra06);

}



.about-style-8 .about-content .about-mission .single-item .title {

  margin-bottom: 10px;

}



.about-style-8 .about-image-gallery {

  padding: 0;

}



.about-style-8 .about-image-gallery .thumbnail img {

  width: 100%;

}



.about-style-8 .about-image-gallery .thumbnail-1 {

  text-align: right;

  margin-top: 40px;

}



.about-style-8 .about-image-gallery .thumbnail-1 img {

  border-radius: 70px 10px 10px 10px;

}



.about-style-8 .about-image-gallery .thumbnail-2 img {

  border-radius: 10px;

}



.about-style-8 .about-image-gallery .thumbnail-3 {

  text-align: right;

}



.about-style-8 .about-image-gallery .thumbnail-3 img {

  border-radius: 10px 10px 90px 10px;

}



.about-style-8 .about-image-gallery .thumbnail-4 img {

  border-radius: 10px;

}



.about-style-8 .about-image-gallery .shape-group li img {

  position: initial;

}



.about-style-8 .about-image-gallery .shape-group li.shape-1 {

  top: 0;

  left: -90px;

}



.about-style-8 .about-image-gallery .shape-group li.shape-2 {

  top: -20px;

  left: 25px;

  bottom: inherit;

  right: inherit;

}



.about-style-8 .about-image-gallery .shape-group li.shape-3 {

  bottom: 20px;

  right: -70px;

}



@media only screen and (max-width: 991px) {

  .about-style-8 .about-image-gallery .shape-group li.shape-3 {

    display: none;

  }

}



.about-style-8 .about-image-gallery .shape-group li.shape-4 {

  bottom: -75px;

  right: -165px;

}



.about-style-8 .about-image-gallery .shape-group li.shape-4 span {

  height: 400px;

  width: 400px;

  border: 1px solid #e8e6e3;

  border-radius: 50%;

  display: block;

}



.about-style-8:after {

  content: "";

  height: 600px;

  width: 600px;

  border: 1px solid #e8e6e3;

  border-radius: 50%;

  position: absolute;

  top: -175px;

  left: -70px;

  z-index: -1;

}



@media only screen and (max-width: 1650px) {

  .about-style-8:after {

    left: -195px;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {

  .about-style-8:after {

    left: -250px;

  }

}



.about-style-9 .about-image-gallery {

  padding: 15px 0 60px 0;

  margin-bottom: 34px;

}



.about-style-9 .about-image-gallery .author-box {

  position: absolute;

  right: 38px;

  bottom: -36px;

}



@media only screen and (max-width: 767px) {

  .about-style-9 .about-image-gallery .author-box {

    right: 0;

  }

}



@media (max-width: 450px) {

  .about-style-9 .about-image-gallery .author-box {

    display: none;

  }

}



.about-style-9 .about-image-gallery .shape-group li.shape-1 {

  left: -126px;

  top: -19px;

}



.about-style-9 .about-image-gallery .shape-group li.shape-2 {

  left: -63px;

  top: -47px;

}



.about-style-9 .about-image-gallery .shape-group li.shape-3 {

  right: -5px;

  bottom: 211px;

  z-index: 1;

}



.about-style-9 .about-image-gallery .shape-group li.shape-3 span {

  display: block;

  height: 101px;

  width: 101px;

  border: 15px solid var(--color-tertiary);

  border-radius: 50%;

}



.about-style-9 .about-content {

  padding-left: 45px;

}



@media only screen and (max-width: 991px) {

  .about-style-9 .about-content {

    padding-left: 0;

    padding-top: 50px;

  }

}



@media (max-width: 450px) {

  .about-style-9 .about-content {

    padding-top: 0;

    margin-top: -60px;

  }

}



.about-style-9 .about-content .edu-btn {

  margin-top: 25px;

}



.about-style-9 .about-content .features-list li {

  font-weight: var(--p-bold);

}



.about-style-9 .shape-group li.shape-4 {

  right: -150px;

  bottom: -60px;

}



/* mission vission start */

/* new mission vision */



/* end new mission vision */



.flex-container-mission {

  position: absolute;

  height: 100%;

  width: 100%;

  display: -webkit-flex;

  /* Safari */

  display: flex;

  overflow: hidden;

}



@media screen and (max-width: 768px) {

  .flex-container-mission {

    flex-direction: column;

  }

}



.flex-title-mission {

  color: #f1f1f1;

  position: relative;

  font-size: 3vw;

  margin: auto;

  text-align: center;

  top: 15%;

  -webkit-transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

}



.flex-about-mission {

  opacity: 0;

  color: #f1f1f1;

  background-color: #000a;

  position: relative;

  width: 70%;

  font-size: 2vw;

  padding: 5%;

  top: 10%;

  border: 2px solid #f1f1f1;

  border-radius: 10px;

  line-height: 1.3;

  margin: auto;

  text-align: left;

  transform: rotate(0deg);

  -webkit-transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

}



@media screen and (max-width: 768px) {

  .flex-about-mission {

    padding: 0%;

    border: 0px solid #f1f1f1;

  }



  .flex-about-mission p {

    padding: 15px;

  }

}



.flex-slide-mission {

  -webkit-flex: 1;

  /* Safari 6.1+ */

  -ms-flex: 1;

  /* IE 10 */

  flex: 1;

  cursor: pointer;

  -webkit-transition: all 500ms ease;

  -moz-transition: all 500ms ease;

  -ms-transition: all 500ms ease;

  -o-transition: all 500ms ease;

  transition: all 500ms ease;

}



@media screen and (max-width: 768px) {

  .flex-slide-mission {

    overflow: auto;

    overflow-x: hidden;

  }

}



@media screen and (max-width: 768px) {

  .flex-slide-mission p {

    font-size: 2em;

  }

}



@media screen and (max-width: 768px) {

  .flex-slide-mission ul li {

    font-size: 2em;

  }

}



.flex-slide-mission:hover {

  -webkit-flex-grow: 3;

  flex-grow: 3;

}



.home-mission {

  height: 100vh;

  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),

    url(../images/about/vission.webp);

  background-size: cover;

  background-position: center center;

}



.home-mission p,

.about-mission p,

.work-mission p {

  color: #f1f1f1;

  font-size: 18px;

}



@media screen and (min-width: 768px) {

  .home-mission {

    animation: aboutFlexSlide 3s 1;

    animation-delay: 0s;

  }

}



@keyframes aboutFlexSlide-mission {

  0% {

    -webkit-flex-grow: 1;

    flex-grow: 1;

  }



  50% {

    -webkit-flex-grow: 3;

    flex-grow: 3;

  }



  100% {

    -webkit-flex-grow: 1;

    flex-grow: 1;

  }

}



@media screen and (min-width: 768px) {

  .flex-title-home-mission {

    top: 15%;

    animation: aboutFlexSlide 3s 1;

    animation-delay: 0s;

  }

}



/* @keyframes homeFlextitle-mission {

  0% {

    transform: rotate(90deg);

    top: 15%;

  }

  50% {

    transform: rotate(0deg);

    top: 15%;

  }

  100% {

    transform: rotate(90deg);

    top: 15%;

  }

} */

.flex-about-home-mission {

  opacity: 0;

}



@media screen and (min-width: 768px) {

  .flex-about-home-mission {

    animation: aboutFlexSlide 3s 1;

    animation-delay: 0s;

  }

}



@keyframes flexAboutHome-mission {

  0% {

    opacity: 0;

  }



  50% {

    opacity: 1;

  }



  100% {

    opacity: 0;

  }

}



.about-mission {

  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),

    url(../images/about/mission.webp);

  background-size: cover;

  background-position: center center;

  /* background-attachment: fixed; */

}



.contact-form-mission {

  width: 100%;

}



input-mission {

  width: 100%;

}



textarea-mission {

  width: 100%;

}



.work-mission {

  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),

    url(../images/about/conduct.webp);

  background-size: cover;

  background-position: center center;

  /* background-attachment: fixed; */

}



.spinner {

  position: fixed;

  top: 0;

  left: 0;

  background: #222;

  height: 100%;

  width: 100%;

  z-index: 11;

  margin-top: 0;

  color: #fff;

  font-size: 1em;

}



.cube1,

.cube2 {

  background-color: #fff;

  width: 15px;

  height: 15px;

  position: absolute;

  top: 0;

  left: 0;

  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;

  animation: sk-cubemove 1.8s infinite ease-in-out;

}



.cube2 {

  -webkit-animation-delay: -0.9s;

  animation-delay: -0.9s;

}



@-webkit-keyframes sk-cubemove {

  25% {

    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);

  }



  50% {

    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);

  }



  75% {

    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);

  }



  100% {

    -webkit-transform: rotate(-360deg);

  }

}



@keyframes sk-cubemove {

  25% {

    transform: translateX(42px) rotate(-90deg) scale(0.5);

    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);

  }



  50% {

    transform: translateX(42px) translateY(42px) rotate(-179deg);

    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);

  }



  50.1% {

    transform: translateX(42px) translateY(42px) rotate(-180deg);

    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);

  }



  75% {

    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);

    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);

  }



  100% {

    transform: rotate(-360deg);

    -webkit-transform: rotate(-360deg);

  }

}



/* mission vission end */



/* faq css start */



.faq-section .page h1 {

  font-size: 4rem;

  font-weight: 300;

  letter-spacing: 0.2rem;

  margin: 0 0 2.4rem;

  text-transform: uppercase;

}



.faq-section .page h2 {

  font-size: 1.6rem;

}



.faq-section .page img {

  max-width: 100%;

}



.faq-section .page .page {

  background-color: #fff;

  margin: 4rem 0;

  position: relative;

  width: calc(100% - 16rem);

  z-index: 1;

}



@media (max-width: 1023px) {

  .faq-section .page .page {

    margin: 2.4rem;

    width: calc(100% - 8rem);

  }

}

.faq-section .page .masthead {

  align-items: center;

  display: flex;

  justify-content: space-between;

  padding: 3.2rem 4rem;

  position: relative;

}

.faq-section .page .masthead nav {

  align-items: center;

  display: flex;

  gap: 1.6rem;

}

.faq-section .page .menu-toggle {

  margin-right: -0.4rem;

  margin-top: -0.2rem;

}

.faq-section .page .logo {

  color: #c36e05;

  font-size: 4rem;

  left: 50%;

  position: absolute;

  top: 50%;

  transform: translate(-50%, -50%);

}



.faq-section .page .content {

  display: grid;

  gap: 8rem;

  grid-template-columns: 30rem auto;

  padding: 4rem 8rem 6.4rem;

}



@media (max-width: 1023px) {

  .faq-section .page .content {

    grid-template-columns: auto;

  }

}



@media (max-width: 1023px) {

  .faq-section .page .content aside {

    text-align: center;

  }

}



.faq-section .page .content img {

  display: block;

  margin-left: -8rem;

  margin-top: 4rem;

  max-width: calc(100% + 8rem);

}



@media (max-width: 1023px) {

  .faq-section .page .content img {

    margin-left: auto;

    margin-right: auto;

    max-width: 100%;

  }

}



.faq-section .page .content main {

  margin-top: 6.6rem;

}



@media (max-width: 1023px) {

  .faq-section .page .content main {

    margin-top: 0;

  }

}



.faq-section .page details[open] summary::after {

  transform: rotate(45deg);

}



.faq-section .page details:last-of-type {

  border-bottom: 0.1rem solid #d4bb8f;

}



.faq-section .page details summary {

  border-top: 0.1rem solid #d4bb8f;

  cursor: pointer;

  display: flex;

  font-size: 2rem;

  font-weight: 300;

  list-style: none;

  margin-bottom: 1.6rem;

  padding-top: 1.6rem;

}



@media (max-width: 425px) {

  .faq-section .page .content {

    padding: 3rem 0;

  }

}

/* faq css end */



/* syndicate css start */


.syndicate-list {

  padding-block: 3rem;

}



.syndicate-list .member {

  margin-top: 60px;

  border: 2px solid #ddd;

  border-radius: 10px;

  padding: 15px;

}



.syndicate-list .member-img {

  position: relative;

  padding-block: 3rem;

}



.syndicate-list .member-img img {

  position: absolute;

  top: 0;

  left: 0;

  max-width: 100%;

  width: 100px;

  height: 100px;

  object-fit: cover;

  transform: translateY(-60%);

  border-radius: 50%;

  outline: 10px solid #fff;

}



.syndicate-list .member-name {

  color: #363636;

  font-size: 22px;

}



/* syndicate css End */



/* career css start here */



.career-list .row {

  border-block: 2px dashed #2c3a65;

  padding-block: 15px;

  align-items: center;

}



.career-list .row .col-10 {

  overflow: hidden;

}



.career-list .row a p {

  margin: 0;

}



/* career css End here */



/* faculty of medicine css start*/



figure.snip1178 {

  position: relative;

  overflow: hidden;

  margin: 15px;

  background: #000000;

  text-align: left;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

}



figure.snip1178 * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}



figure.snip1178 img {

  width: 100%;

  position: relative;

  -webkit-transform: scale(1);

  transform: scale(1);

}



/* figure.snip1178:after {

  background: rgb(26, 182, 157, 0.7);

  width: 70px;

  height: 100%;

  position: absolute;

  top: 0;

  left: -70px;

  content: "";

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

figure.snip1178 .icons {

  height: 100%;

  width: 70px;

  top: 50%;

  left: 30px;

  position: absolute;

  text-align: left;

  z-index: 1;

  -webkit-transition-delay: 0.2s;

  transition-delay: 0.2s;

}

figure.snip1178 .icons i {

  font-size: 32px;

  display: inline-block;

  border-radius: 4px;

  text-align: center;

  color: #ffffff;

  width: 60px;

  height: 60px;

  line-height: 60px;

  margin: 3px;

  background-color: #372990;

  background-image: -webkit-linear-gradient(

    top,

    rgba(0, 0, 0, 0) 0%,

    rgba(0, 0, 0, 0.1) 100%

  );

  background-image: linear-gradient(

    to bottom,

    rgba(0, 0, 0, 0) 0%,

    rgba(0, 0, 0, 0.1) 100%

  );

}

figure.snip1178 a {

  display: inline-block;

  opacity: 0;

  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.4);

  -webkit-transform: translateX(10px);

  transform: translateX(10px);

}

figure.snip1178 a:hover i {

  -webkit-transform: translateX(5px);

  transform: translateX(5px);

  box-shadow: -5px 0px 8px rgba(0, 0, 0, 0.3);

}

figure.snip1178:hover img {

  -webkit-transform: translateX(10px);

  transform: translateX(10px);

}

figure.snip1178:hover:after {

  left: 0;

}

figure.snip1178:hover .icons a {

  opacity: 1;

  -webkit-transform: translateX(0px);

  transform: translateX(0px);

}

figure.snip1178:hover a:first-child {

  -webkit-transition-delay: 0.2s;

  transition-delay: 0.2s;

}

figure.snip1178:hover a:nth-child(2) {

  -webkit-transition-delay: 0.3s;

  transition-delay: 0.3s;

}

figure.snip1178:hover a:nth-child(3) {

  -webkit-transition-delay: 0.4s;

  transition-delay: 0.4s;

} */



/* fetures box */



.gr-1 {

  background: url(../images/administration/faculty\ of\ medicine/strategy.webp) no-repeat center;

  background-size: 100% 100%;

}



.gr-2 {

  background: url(../images/administration/faculty\ of\ medicine/member.webp) no-repeat center;

  background-size: cover;

}



.gr-3 {

  background: url(../images/administration/faculty\ of\ medicine/research.webp) no-repeat center;

  background-size: 100% 100%;

}



.gr-1:hover,

.gr-2:hover,

.gr-3:hover {

  transform: scale(1.1);

  transition: 500ms all ease;

}



.card {

  min-height: 170px;

  margin: 0;

  padding: 1.7rem 1.2rem;

  border: none;

  border-radius: 0;

  color: rgba(0, 0, 0, 1);

  letter-spacing: 0.05rem;

  font-family: "Oswald", sans-serif;

  box-shadow: 0 0 21px rgba(0, 0, 0, 0.27);

}



.align-middle {

  position: relative;

  top: 50%;

  transform: translateY(-50%);

}



.column {

  margin-top: 3rem;

  padding-left: 3rem;

  transition: 300ms all ease;

  overflow: hidden;

}



.column:hover {

  padding-left: 0;

  transition: 500ms all ease;

}



.column:hover .card .txt {

  margin-left: 1rem;

  transition: 500ms all ease;

}



.column:hover .card .txt h1,

.column:hover .card .txt p {

  color: dark;

  transition: 500ms all ease;

  opacity: 1;

}



.column:hover a {

  color: white;

  transition: 500ms all ease;

}



.column:hover a:after {

  width: 10%;

  transition: 500ms all ease;

}



.card .txt {

  margin-left: -3rem;

  z-index: 1;

  transition: 300ms all ease;

}



.card .txt h1 {

  font-size: 1.5rem;

  font-weight: 300;

  position: relative;

  text-transform: uppercase;

  padding: 5px;

}



.card .txt h1::before {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  content: "";

  background-color: #f1f1f1;

  z-index: -1;

  border-radius: 5px;

}



.column .card a {

  z-index: 3;

  font-size: 18px;

  color: black;

  margin-left: 1rem;

  position: relative;

  bottom: -0.5rem;

  padding: 15px;

  text-transform: uppercase;

}



.column .card a::before {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 10%;

  content: "";

  background-color: #0ecd73;

  z-index: -1;

  border-radius: 5px;

  transition: 500ms all ease-out;

}



.column .card:hover a::before {

  width: 35%;

  transition: 500ms all ease-out;

}



.column .card a:after {

  content: "";

  display: inline-block;

  height: 0.5em;

  width: 30px;

  margin-right: -100%;

  margin-left: 10px;

  border-top: 1px solid white;

  transition: 0.5s;

}



.card .ico-card {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.column .card i {

  position: relative;

  right: -50%;

  top: 60%;

  font-size: 12rem;

  line-height: 0;

  opacity: 0.2;

  color: white;

  z-index: 0;

}



/* faculty of medicine css end*/



/* floating menu / sidebar menu start */



.side-nav-content {

  position: fixed;

  display: grid;

  top: 80px;

  padding: 15px;

  background-color: #fff;

  height: calc(100vh - 80px);

  right: 0;

  z-index: 99;

}



.side-nav-item a {

  display: flex;

  align-items: center;

  justify-content: end;

  text-wrap: nowrap;

  max-width: 30px;

  overflow: hidden;

  transition: 500ms all ease;

}



.rotate-item {

  transform: rotate(180deg);

  transition: 500ms all ease;

}



.side-nav-item a.expanded {

  max-width: 300px;

  transition: 500ms all ease;

}



.side-nav-item a .rotate-full {

  transform: rotate(0deg);

  transition: 500ms all ease;

}



.side-nav-item:first-child a {

  justify-content: center;

}



@media (max-width: 767px) {

  .side-nav-content {

    display: none;

  }

}



/* floating menu / sidebar menu end */



/* academic calendar start */

.academic-calendar-btn-group {

  display: flex;

  gap: 15px;

  justify-content: center;

  align-items: center;

}



.academic-calendar-btn-group a {

  border: 1px solid #1cb79e;

  font-size: 1.2rem;

  transition: 300ms all ease;

  color: #1cb79e;

  font-weight: 700;

}



.academic-calendar-btn-group a.btn.active {

  /*old background-color: #1cb79e; */

  background-color: var(--color-primary);

  transition: 500ms all ease;

  color: #f9f9f9;

}



.academic-calendar-btn-group a:hover {

  /*old background-color: #1cb79e; */

  background-color: var(--color-primary);

  transition: 500ms all ease;

  color: #f9f9f9;

}



.academic-calendar .row .col-lg-3.col-md-4.col-sm-6 {

  padding: var(--bs-gutter-x);

}



.calendar-content:hover {

  box-shadow: 2px 2px 15px #c8cbcc;

}



.calendar-content:hover .calendar-content h4 {

  color: #0d1e51;

}



.academic-calendar .calendar-img-box {

  z-index: -1;

  position: relative;

  height: 200px;

  padding: 10px 10px 0;

  overflow: hidden;

}



.academic-calendar .calendar-img-box img {

  height: 100%;

  width: 100%;

  object-fit: cover;

  object-position: top;

}



.academic-calendar .calendar-body {

  background-color: #f9f9f9;

  margin-top: -2rem;

  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

  padding: 0px 10px;

}



/* academic calendar end */



/* massage from chancellor */



#page-content {

  font-size: 22px;

}



#page-content img {

  margin: 15px;

}



.language-about .about-image-gallery {

  padding: 90px 0 20px;

}



@media only screen and (max-width: 991px) {

  .language-about .about-image-gallery {

    text-align: center;

  }

}



@media only screen and (max-width: 479px) {

  .language-about .about-image-gallery {

    padding: 90px 0 0 0;

  }

}



.language-about .about-image-gallery .main-img-1 {

  border-radius: 200px;

}



.language-about .about-image-gallery .main-img-wrapper .main-img-inner {

  position: relative;

  right: 34px;

  bottom: 50px;

}



@media only screen and (max-width: 991px) {

  .language-about .about-image-gallery .main-img-wrapper .main-img-inner {

    right: -105px;

  }

}



@media only screen and (max-width: 767px) {

  .language-about .about-image-gallery .main-img-wrapper .main-img-inner {

    right: -40px;

  }

}



@media only screen and (max-width: 575px) {

  .language-about .about-image-gallery .main-img-wrapper .main-img-inner {

    display: none;

  }

}



.language-about .about-image-gallery .main-img-wrapper .main-img-inner .main-img-2 {

  border-radius: 120px;

  box-shadow: 0px 30px 90px 0px rgba(14, 4, 29, 0.15);

  z-index: 1;

}



.language-about .about-image-gallery .main-img-wrapper .main-img-inner::after {

  content: "";

  position: absolute;

  width: 240px;

  height: 320px;

  background: var(--color-white);

  border-radius: 120px;

  bottom: -10px;

  right: 20px;

}



@media only screen and (max-width: 991px) {

  .language-about .about-image-gallery .main-img-wrapper .main-img-inner::after {

    right: 134px;

  }

}



@media only screen and (max-width: 767px) {

  .language-about .about-image-gallery .main-img-wrapper .main-img-inner::after {

    right: 20px;

  }

}



.language-about .about-image-gallery .shape-group li.shape-1 {

  bottom: 397px;

  right: 104px;

  top: inherit;

  left: inherit;

}



.language-about .about-image-gallery .shape-group li.shape-2 {

  z-index: 12;

}



.language-about .about-content {

  padding-left: 40px;

  padding-right: 0;

  padding-top: 40px;

}



/* .col-lg-5 .notice-box {

    border: 2px solid #000000;

} */



/* notice search box css */



.notice-search {

  position: relative;

}



.notice-search-box {

  z-index: 1;

  bottom: 0;

  right: 0;

  position: absolute;

}



.search-box {

  width: fit-content;

  height: fit-content;

  position: relative;

}



.input-search {

  height: 50px !important;

  width: 50px;

  padding: 10px !important;

  font-size: 18px !important;

  letter-spacing: 2px;

  border-radius: 25px;

  transition: all 0.5s ease-in-out;

  background-color: #fff !important;

  padding-right: 40px !important;

  color: #363636 !important;

}



.input-search::placeholder {

  color: #159c7e !important;

  font-size: 18px;

  letter-spacing: 2px;

  font-weight: 100;

}



.btn-search {

  width: 50px;

  height: 50px;

  border-style: none;

  font-size: 20px;

  font-weight: bold;

  outline: none;

  cursor: pointer;

  border-radius: 50%;

  position: absolute;

  right: 0px;

  color: #159c7e;

  background-color: transparent;

  pointer-events: painted;

}



.btn-search:focus~.input-search {

  width: 300px;

  border-radius: 0px;

  border: 1px solid #aaa !important;

  background-color: transparent;

  border-bottom: 2px solid #aaa;

  transition: all 0.5s cubic-bezier(0, 0.11, 0.35, 2);

}



.input-search:focus {

  width: 300px;

  border-radius: 0px;

  background-color: transparent;

  border-bottom: 1px solid rgba(255, 255, 255, 0.5);

  transition: all 500ms cubic-bezier(0, 0.11, 0.35, 2);

}

.director-message-content {

  box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 4px;

  padding: 1rem;

  background-color: #fff;

  border-radius: 15px;

}



.director-img img.director-img-full {

  width: 100%;

}



.director-message p {

  margin-bottom: 8px !important;

}



.director-img {

  position: relative;

  border: 5px solid #0d1e51;

  /* Border color */

  border-radius: 20px;

  /* Border radius for rounded corners */

  overflow: hidden;

  /* Hide overflowing content (if any) */

}



.director-img-full {

  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  /* Maintain aspect ratio while covering the entire frame */

}



.director-img-caption {

  position: absolute;

  bottom: 0;

  left: 50%;

  width: 100%;

  /*old background-color: #0ecd7383; */

  background-color: #0d1e5183;

  transform: translateX(-50%);

  text-align: center;

  font-family: 'Arial', sans-serif;

  /* Choose an appropriate font */

}



.director-img-caption p {

  margin: 0;

  color: #f9f9f9;

  /* Text color */

}



@media only screen and (max-width: 767px) {

  .language-about .about-content {

    padding-left: 0;

  }

}



.language-about .about-content .features-list li {

  font-weight: var(--p-bold);

}



.language-about .about-btn {

  margin-top: 40px;

}



@media only screen and (max-width: 991px) {

  .language-about {

    padding: 0 0 100px;

  }

}



/*-------------------

  Brand Styles

---------------------*/

.brand-section-heading {

  padding-right: 60px;

}



@media only screen and (max-width: 575px) {

  .brand-section-heading {

    padding-right: 0;

  }



  .director-message-content .director-message {

    padding: 0;

  }

}



.brand-grid-wrap {

  display: grid;

  grid-template-columns: repeat(6, 1fr);

  position: relative;

}



.brand-grid-wrap:after {

  content: "";

  height: 1px;

  width: 100%;

  background-color: #f0f0f0;

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.brand-grid-wrap .brand-grid {

  padding: 18px 5px;

  text-align: center;

  border-right: 1px solid #f0f0f0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.brand-grid-wrap .brand-grid a img {

  width: 100px;

}



.brand-grid-wrap .brand-grid:first-child {

  border-left: 1px solid #f0f0f0;

}



.brand-grid-wrap .brand-grid:nth-child(5n) {

  border-left: 1px solid #f0f0f0;

}



.brand-grid-wrap .brand-grid:hover {

  box-shadow: var(--shadow-darker);

}



.brand-grid-wrap.brand-style-2 {

  grid-template-columns: repeat(10, 1fr);

}



@media only screen and (max-width: 991px) {

  .brand-grid-wrap.brand-style-2 {

    grid-template-columns: repeat(3, 1fr);

  }

}



@media only screen and (max-width: 479px) {

  .brand-grid-wrap.brand-style-2 {

    grid-template-columns: repeat(2, 1fr);

  }

}



.brand-grid-wrap.brand-style-2:after {

  display: none;

}



.brand-grid-wrap.brand-style-2 .brand-grid {

  padding: 10px 20px;

}



.brand-grid-wrap.brand-style-2 .brand-grid:first-child {

  border-left: none;

}



@media only screen and (max-width: 479px) {

  .brand-grid-wrap.brand-style-2 .brand-grid:nth-child(2n) {

    border-right: none;

  }

}



@media only screen and (max-width: 991px) {

  .brand-grid-wrap.brand-style-2 .brand-grid:nth-child(3n) {

    border-right: none;

  }

}



@media only screen and (max-width: 479px) {

  .brand-grid-wrap.brand-style-2 .brand-grid:nth-child(3n) {

    border-right: 1px solid #f0f0f0;

  }

}



.brand-grid-wrap.brand-style-2 .brand-grid:nth-child(5n) {

  border-left: none;

}



.brand-grid-wrap.brand-style-2 .brand-grid:last-child {

  border-right: none;

}



.brand-grid-wrap.brand-style-2 .brand-grid:hover {

  box-shadow: none;

}



.brand-grid-wrap.brand-style-3 {

  grid-template-columns: repeat(5, 1fr);

  gap: 10px;

}



@media only screen and (max-width: 991px) {

  .brand-grid-wrap.brand-style-3 {

    grid-template-columns: repeat(3, 1fr);

  }

}



@media only screen and (max-width: 767px) {

  .brand-grid-wrap.brand-style-3 {

    grid-template-columns: repeat(2, 1fr);

  }

}



@media only screen and (max-width: 575px) {

  .brand-grid-wrap.brand-style-3 {

    grid-template-columns: repeat(1, 1fr);

  }

}



.brand-grid-wrap.brand-style-3:after {

  display: none;

}



.brand-grid-wrap.brand-style-3 .brand-grid {

  border: none;

  background-color: var(--color-lighten04);

  border-radius: 5px;

  padding: 30px 0;

  opacity: 0.4;

}



.brand-grid-wrap.brand-style-3 .brand-grid:hover {

  box-shadow: none;

  opacity: 1;

}



.brand-area-2 {

  position: relative;

  background: #f9f7f4;

  padding: 75px 0;

  overflow: hidden;

}



@media only screen and (max-width: 575px) {

  .brand-area-2 {

    padding: 50px 0;

  }

}



.brand-area-2 .shape-group li {

  position: absolute;

  z-index: -1;

}



.brand-area-2 .shape-group li.shape-1 {

  bottom: -170px;

  left: -220px;

}



.brand-area-2 .shape-group li.shape-2 {

  top: -22px;

  right: -21px;

  z-index: 1;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .brand-area-2 .shape-group li.shape-2 {

    top: -60px;

    right: -70px;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {

  .brand-area-2 .shape-group li.shape-2 {

    display: none;

  }

}



.brand-area-5 {

  padding: 400px 0 120px;

  background-position: bottom;

  position: relative;

}



.brand-area-5::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-20.svg);

}



.brand-area-5::before svg {

  background: #f7f5f2;

  background: -webkit-linear-gradient(right,

      #f7f5f2 0%,

      rgba(247, 245, 242, 0.30196) 50%);

  background: linear-gradient(-90deg,

      #f7f5f2 0%,

      rgba(247, 245, 242, 0.30196) 50%);

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .brand-area-5 {

    padding: 380px 0 100px;

  }

}



@media only screen and (max-width: 767px) {

  .brand-area-5 {

    padding: 260px 0 80px;

    margin-top: 100px;

  }

}



@media only screen and (max-width: 991px) {

  .brand-area-5 {

    background: none;

    background-color: #fcfbfa;

  }

}



@media only screen and (max-width: 575px) {

  .brand-area-5 {

    padding: 80px 0 80px;

    margin-top: 80px;

  }

}



.remote-brand {

  position: relative;

}



.remote-brand::after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  height: 100%;

  width: 100%;

  background: url(../images/bg/bg-image-37.webp);

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  z-index: -1;

}



.remote-brand .brand-grid-wrap::after {

  background-color: var(--color-white);

}



.remote-brand .brand-grid {

  border-right: 1px solid var(--color-white);

}



.remote-brand .brand-grid:first-child {

  border-left: 1px solid var(--color-white);

}



.remote-brand .brand-grid:nth-child(5n) {

  border-left: 1px solid var(--color-white);

}



.remote-brand .brand-grid:hover {

  background: var(--color-white);

}



.apa-section {

  position: relative;

}



.apa-section.bg-gradient-down {

  background-image: linear-gradient(to bottom, #fff, #f7f5f2);

}



.apa-section .row .apa-card .card {

  border-radius: 10px;

  background-image: linear-gradient(30deg, #e6f9ff, transparent 50%);

  padding: 15px;

  box-shadow: 1px 1px #a7a7a6;

  margin-block: 10px;

  height: 320px;

}



.apa-section .row .apa-card .card .card-body .row .col-sm-8 ul li {

  line-height: 24px;

  margin-top: 0;

  margin-bottom: 0;

}



.row .isotope-item {

  margin-block: 0 15px;

}



/*-------------------

  Call To Action Styles

---------------------*/

.edu-cta-banner-area {

  padding: 15px 0;

  background-color: #f0f4f5;

  position: relative;

  z-index: 1;

}



.edu-cta-banner-area::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/cta/cta.svg);

  -webkit-filter: brightness(0) saturate(100%) invert(52%) sepia(75%) saturate(451%) hue-rotate(121deg) brightness(96%) contrast(90%);

  filter: brightness(0) saturate(100%) invert(52%) sepia(75%) saturate(451%) hue-rotate(121deg) brightness(96%) contrast(90%);

  background-position: center bottom;

  background-repeat: no-repeat;

  background-size: cover;

}



@media (min-width: 992px) and (max-width: 1200px) {

  .apa-section .row .apa-card .card {

    height: 400px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .edu-cta-banner-area {

    padding: 80px 0 70px;

  }



  .apa-section .row .apa-card .card {

    height: 220px;

  }

}



@media only screen and (max-width: 767px) {

  .edu-cta-banner-area {

    padding: 80px 0 70px;

  }



  .apa-section .row .apa-card .card {

    height: 240px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .edu-cta-banner-area .shape-group {

    display: none;

  }

}



@media only screen and (max-width: 767px) {

  .edu-cta-banner-area .shape-group {

    display: none;

  }

}



@media (max-width: 775px) {

  .apa-section .row .apa-card .card {

    height: 320px;

  }

}



@media (max-width: 379px) {

  .apa-section .row .apa-card .card {

    height: 400px;

  }

}



.cta-banner-2 {

  position: relative;

  background-color: #f7f5f2;

  z-index: 1;

  overflow: hidden;

}



.cta-banner-2::before {

  display: none;

}



.cta-banner-2 .shape-group li {

  margin: 0;

  position: absolute;

  z-index: -1;

}



.cta-banner-2 .shape-group li.shape-1 {

  top: 30px;

  left: 100px;

}



.cta-banner-2 .shape-group li.shape-2 {

  bottom: -20px;

  left: 17%;

}



.cta-banner-2 .shape-group li.shape-3 {

  bottom: 60px;

  right: 120px;

}



.cta-banner-2 .shape-group li.shape-4 {

  top: 10px;

  right: 18%;

}



.cta-banner-2 .shape-group li.shape-5 {

  bottom: -55px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

}



.cta-banner-2 .shape-group li.shape-5 img {

  opacity: 1;

  -webkit-transform: scaleX(1);

  -ms-transform: scaleX(1);

  transform: scaleX(1);

}



.cta-banner-3 {

  padding: 220px 0 130px;

  position: relative;

  z-index: 1;

  background-color: transparent;

}



.cta-banner-3::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-4.svg);

  -webkit-filter: brightness(0) saturate(100%) invert(93%) sepia(4%) saturate(983%) hue-rotate(324deg) brightness(104%) contrast(94%);

  filter: brightness(0) saturate(100%) invert(93%) sepia(4%) saturate(983%) hue-rotate(324deg) brightness(104%) contrast(94%);

  z-index: -1;

}



@media only screen and (max-width: 767px) {

  .cta-banner-3 {

    padding: 150px 0 80px;

  }

}



.cta-banner-3 .edu-cta-banner .section-title .title {

  margin-bottom: 40px;

}



.cta-banner-3 .edu-cta-banner .newsletter-form {

  width: 82%;

  margin: 0 auto;

}



@media only screen and (max-width: 767px) {

  .cta-banner-3 .edu-cta-banner .newsletter-form {

    width: 100%;

  }

}



@media only screen and (max-width: 1199px) {

  .cta-banner-3 .shape-group {

    display: block;

  }

}



@media only screen and (max-width: 991px) {

  .cta-banner-3 .shape-group {

    display: none;

  }

}



.cta-banner-3 .shape-group li {

  margin: 0;

  position: absolute;

  z-index: -1;

}



.cta-banner-3 .shape-group li.shape-1 {

  bottom: -70px;

  left: -290px;

  z-index: 0;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px),

only screen and (max-width: 1199px) {

  .cta-banner-3 .shape-group li.shape-1 {

    left: -60px;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1599px),

only screen and (max-width: 1199px) {

  .cta-banner-3 .shape-group li.shape-1 img {

    width: 60%;

  }

}



.cta-banner-3 .shape-group li.shape-2 {

  bottom: -105px;

  right: -175px;

  z-index: 0;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .cta-banner-3 .shape-group li.shape-2 {

    right: -100px;

    bottom: -25px;

  }

}



@media only screen and (max-width: 1199px) {

  .cta-banner-3 .shape-group li.shape-2 {

    right: -130px;

    bottom: -25px;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1599px),

only screen and (max-width: 1199px) {

  .cta-banner-3 .shape-group li.shape-2 img {

    width: 70%;

  }

}



.cta-banner-3 .shape-group li.shape-3 {

  top: -70px;

  left: 119px;

}



.cta-banner-3 .shape-group li.shape-3 img {

  opacity: 0.3;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px),

only screen and (max-width: 1199px) {

  .cta-banner-3 .shape-group li.shape-3 img {

    width: 70%;

  }

}



.cta-banner-3 .shape-group li.shape-4 {

  bottom: -115px;

  right: 180px;

}



.cta-banner-3 .shape-group li.shape-4 img {

  opacity: 0.3;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px),

only screen and (max-width: 1199px) {

  .cta-banner-3 .shape-group li.shape-4 img {

    width: 70%;

  }

}



.health-coach-wrapper {

  background-image: url(../images/bg/bg-image-33.webp);

  width: 100%;

  height: 100%;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



.health-coach-wrapper.cta-banner-7::before {

  display: none;

}



.health-coach-wrapper.cta-banner-7 .input-group {

  -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;

}



@media only screen and (max-width: 479px) {

  .health-coach-wrapper.cta-banner-7 .input-group {

    display: block;

  }

}



.health-coach-wrapper.cta-banner-7 .input-group input {

  width: 50%;

  display: block;

  -webkit-box-flex: 0;

  -webkit-flex: none;

  -ms-flex: none;

  flex: none;

  margin-right: 20px;

  border-radius: 5px !important;

}



@media only screen and (max-width: 479px) {

  .health-coach-wrapper.cta-banner-7 .input-group input {

    width: 100%;

    margin-bottom: 20px;

  }

}



.health-coach-wrapper.cta-banner-7 .input-group button.btn-medium {

  height: 60px;

  line-height: 61px;

  border-radius: 5px !important;

}



@media only screen and (max-width: 479px) {

  .health-coach-wrapper.cta-banner-7 .input-group button.btn-medium {

    width: 100%;

  }

}



.edu-brand-area {

  background-image: linear-gradient(to bottom, #f7f5f2, #fff);

}



.edu-cta-banner {

  position: relative;

  z-index: 1;

}



.edu-cta-banner .section-title {

  margin-bottom: 0;

}



.edu-cta-banner .section-title .title {

  margin-bottom: 28px;

}



@media only screen and (max-width: 767px) {

  .edu-cta-banner .shape-group {

    display: none;

  }

}



.edu-cta-banner .shape-group li {

  position: absolute;

  z-index: -1;

}



.edu-cta-banner .shape-group li.shape-1 {

  bottom: 0;

  left: -130px;

}



.edu-cta-banner .shape-group li.shape-2 {

  top: -105px;

  right: -160px;

}



.university-cta-wrapper {

  background-color: #f7f5f2;

}



.university-cta-wrapper.edu-cta-banner-area::before {

  -webkit-filter: brightness(0) saturate(100%) invert(90%) sepia(23%) saturate(5531%) hue-rotate(343deg) brightness(101%) contrast(94%);

  filter: brightness(0) saturate(100%) invert(90%) sepia(23%) saturate(5531%) hue-rotate(343deg) brightness(101%) contrast(94%);

}



.online-academy-cta-wrapper.edu-cta-banner-area {

  background-image: url(../images/cta/h-4-cta-compressed.webp);

}



.online-academy-cta-wrapper.edu-cta-banner-area::before {

  background-image: url(../images/cta/h-4-cta.svg);

  filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(10%) hue-rotate(90deg) brightness(105%) contrast(90%);

  -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(10%) hue-rotate(90deg) brightness(105%) contrast(90%);

  background-size: cover;

  background-repeat: no-repeat;

}



.home-one-cta-wrapper,

.university-cta-wrapper,

.online-academy-cta-wrapper {

  overflow: hidden;

}



.home-one-cta-wrapper .edu-cta-banner .shape-group li.shape-01,

.university-cta-wrapper .edu-cta-banner .shape-group li.shape-01,

.online-academy-cta-wrapper .edu-cta-banner .shape-group li.shape-01 {

  top: 109px;

  left: -68px;

}



.home-one-cta-wrapper .edu-cta-banner .shape-group li.shape-02,

.university-cta-wrapper .edu-cta-banner .shape-group li.shape-02,

.online-academy-cta-wrapper .edu-cta-banner .shape-group li.shape-02 {

  bottom: 29px;

  left: 11px;

}



.home-one-cta-wrapper .edu-cta-banner .shape-group li.shape-03,

.university-cta-wrapper .edu-cta-banner .shape-group li.shape-03,

.online-academy-cta-wrapper .edu-cta-banner .shape-group li.shape-03 {

  top: -61px;

  right: -168px;

  z-index: 0;

}



.home-one-cta-wrapper .edu-cta-banner .shape-group li.shape-04,

.university-cta-wrapper .edu-cta-banner .shape-group li.shape-04,

.online-academy-cta-wrapper .edu-cta-banner .shape-group li.shape-04 {

  top: -126px;

  right: -118px;

}



.cta-area-2 {

  position: relative;

  z-index: 1;

  margin-top: -70px;

}



.cta-area-2 .edu-cta-box::before {

  -webkit-filter: brightness(0) saturate(100%) invert(56%) sepia(0%) saturate(0%) hue-rotate(221deg) brightness(90%) contrast(90%);

  filter: brightness(0) saturate(100%) invert(56%) sepia(0%) saturate(0%) hue-rotate(221deg) brightness(90%) contrast(90%);

}



.edu-cta-box {

  background: var(--gradient-primary);

  border-radius: 10px;

  padding: 50px 50px;

  position: relative;

}



.edu-cta-box::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/cta-bg-imgae-07.png);

  background-size: cover;

  background-repeat: no-repeat;

}



@media only screen and (max-width: 767px) {

  .edu-cta-box {

    padding: 40px 30px;

  }

}



.edu-cta-box.home-one-cta .title a:hover,

.edu-cta-box.home-four-cta .title a:hover {

  color: rgba(255, 255, 255, 0.85);

}



.edu-cta-box.home-one-cta .shape-group li.shape-01,

.edu-cta-box.home-four-cta .shape-group li.shape-01 {

  top: -11px;

  left: -118px;

}



.edu-cta-box.home-one-cta .shape-group li.shape-02,

.edu-cta-box.home-four-cta .shape-group li.shape-02 {

  top: -31px;

  left: -63px;

  z-index: -2;

}



.edu-cta-box.home-one-cta .shape-group li.shape-03,

.edu-cta-box.home-four-cta .shape-group li.shape-03 {

  bottom: -50px;

  right: -45px;

}



.edu-cta-box .inner {

  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;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  position: relative;

  z-index: 1;

}



@media only screen and (max-width: 767px) {

  .edu-cta-box .inner {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

    text-align: center;

  }

}



.edu-cta-box .inner .content {

  font-family: var(--font-secondary);

}



.edu-cta-box .inner .content .subtitle {

  font-weight: var(--p-medium);

  font-size: 18px;

  color: #fff;

}



.edu-cta-box .inner .content .title {

  font-size: 26px;

  margin-bottom: 0;

  color: #fff;

}



@media only screen and (max-width: 767px) {

  .edu-cta-box .inner .content .title {

    font-size: 20px;

  }

}



.edu-cta-box .inner .sparator {

  margin: 0 30px;

}



@media only screen and (max-width: 767px) {

  .edu-cta-box .inner .sparator {

    margin: 15px 0;

  }

}



.edu-cta-box .inner .sparator span {

  display: block;

  text-align: center;

  height: 70px;

  width: 70px;

  line-height: 60px;

  border: 4px solid rgba(26, 182, 157, 0.2);

  border-radius: 50%;

  font-size: 24px;

  font-weight: var(--p-semi-bold);

  color: var(--color-primary);

  background-color: #fff;

}



.edu-cta-box .shape-group li {

  position: absolute;

  z-index: -1;

  margin: 0;

}



.edu-cta-box .shape-group li.shape-1 {

  top: -31px;

  left: -118px;

}



.edu-cta-box .shape-group li.shape-2 {

  bottom: -50px;

  right: -45px;

}



.edu-cta-box.cta-style-3 {

  background: var(--color-secondary);

}



@media only screen and (max-width: 767px) {

  .edu-cta-box.cta-style-3 {

    padding: 40px 30px;

  }

}



.edu-cta-box.cta-style-3 .inner .content .subtitle {

  color: var(--color-white);

}



.edu-cta-box.cta-style-3 .inner .content .title {

  color: var(--color-white);

  font-weight: var(--p-semi-bold);

}



.edu-cta-box.cta-style-3 .inner .sparator span {

  border: 4px solid rgba(238, 74, 98, 0.7);

  color: var(--color-secondary);

}



.edu-cta-box.cta-style-2 {

  background: var(--color-tertiary);

}



.edu-cta-box.cta-style-2 .inner .content .subtitle {

  color: var(--color-heading);

}



.edu-cta-box.cta-style-2 .inner .content .title a {

  color: var(--color-heading);

}



.edu-cta-box.cta-style-2 .inner .content .title a:hover {

  color: rgba(24, 24, 24, 0.75);

}



.edu-cta-box.cta-style-2 .inner .sparator span {

  color: #000;

  border-color: rgba(20, 20, 23, 0.1);

}



@media only screen and (max-width: 575px) {

  .newsletter-form .input-group {

    display: block;

    text-align: left;

  }

}



.newsletter-form .input-group .form-control {

  height: 60px;

  border-radius: 5px !important;

  background-color: var(--color-white);

  border: none;

  color: var(--color-heading);

  padding: 0 40px;

  /* -- Placeholder -- */

}



@media only screen and (max-width: 767px) {

  .newsletter-form .input-group .form-control {

    height: 50px;

  }

}



@media only screen and (max-width: 575px) {

  .newsletter-form .input-group .form-control {

    width: 100%;

  }

}



.newsletter-form .input-group .form-control::-webkit-input-placeholder {

  color: var(--color-heading);

  /* Firefox */

  opacity: 1;

}



.newsletter-form .input-group .form-control::-moz-placeholder {

  color: var(--color-heading);

  /* Firefox */

  opacity: 1;

}



.newsletter-form .input-group .form-control:-ms-input-placeholder {

  color: var(--color-heading);

  /* Firefox */

  opacity: 1;

}



.newsletter-form .input-group .form-control::-ms-input-placeholder {

  color: var(--color-heading);

  /* Firefox */

  opacity: 1;

}



.newsletter-form .input-group .form-control::placeholder {

  color: var(--color-heading);

  /* Firefox */

  opacity: 1;

}



.newsletter-form .input-group .form-control:-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: var(--color-heading);

  opacity: 1;

}



.newsletter-form .input-group .form-control::-ms-input-placeholder {

  /* Microsoft Edge */

  color: var(--color-heading);

  opacity: 1;

}



.newsletter-form .input-group .form-control:focus {

  box-shadow: none;

}



.newsletter-form .input-group button {

  border-radius: 30px 5px !important;

  margin-left: 20px !important;

  padding: 0 40px;

}



@media only screen and (max-width: 575px) {

  .newsletter-form .input-group button {

    margin: 20px 0 0 !important;

  }

}



.newsletter-form .input-group button:hover {

  border-radius: 5px 30px !important;

}



/*-------------------

  Campus Styles

---------------------*/

.campus-thumbnail .thumbnail img {

  border-radius: 5px;

  min-height: 350px;

  object-fit: cover;

}



@media only screen and (max-width: 1199px) {

  .campus-thumbnail .thumbnail img {

    width: 100%;

  }

}



.campus-content {

  box-shadow: var(--shadow-darker);

  border-radius: 0 5px 5px 5px;

  padding: 30px;

  background-color: var(--color-white);

  margin-left: -160px;

  margin-top: 90px;

}



@media only screen and (max-width: 1199px) {

  .campus-content {

    margin-left: 0;

    margin-top: 20px;

  }

}



@media only screen and (max-width: 575px) {

  .campus-content {

    box-shadow: none;

    padding: 0;

  }

}



.campus-content .features-box {

  background-color: transparent;

  box-shadow: none;

  padding: 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  text-align: left;

  margin-bottom: 24px;

}



.campus-content .features-box:last-child {

  margin-bottom: 0;

}



.campus-content .features-box .icon {

  font-size: 48px;

  margin-right: 20px;

  margin-bottom: 0;

}



.campus-content .features-box .icon .fitness-icon {

  font-size: 32px;

}



.campus-content .features-box .content {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.campus-content .features-box .content .title {

  margin-bottom: 12px;

}



.campus-content .features-box .content p {

  color: var(--color-body);

}



.edu-campus-area {

  position: relative;

}



.edu-campus-area .campus-image-gallery {

  position: relative;

}



.edu-campus-area .campus-image-gallery .shape-1 {

  z-index: -1;

  bottom: -220px;

  left: -235px;

}



.edu-campus-area .campus-image-gallery .shape-1 span {

  display: block;

  height: 470px;

  width: 470px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.edu-campus-area .campus-image-gallery .shape-2 {

  bottom: -84px;

  left: -144px;

}



.edu-campus-area .campus-image-gallery .shape-3 {

  bottom: -118px;

  left: -85px;

}



.edu-campus-area .campus-content {

  position: relative;

}



.edu-campus-area .campus-content .shape-4 {

  z-index: -1;

  top: -140px;

  right: -158px;

}



.edu-campus-area .campus-content .shape-4 span {

  display: block;

  height: 320px;

  width: 320px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.edu-campus-area .campus-content .shape-5 {

  top: -33px;

  right: -64px;

}



.edu-campus-area .campus-content .shape-5 span {

  display: block;

  height: 150px;

  width: 150px;

  border-radius: 100%;

  background: #f3f8fa;

}



.edu-campus-area .campus-content .shape-6 {

  top: -80px;

  right: -28px;

  z-index: 0;

}



/*-------------------

  Categorie Styles

---------------------*/

.categorie-area-3 {

  position: relative;

}



.categorie-area-3::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-4.webp);

  background-size: cover;

  z-index: -1;

}



.categorie-grid {

  padding: 50px 30px;

  text-align: center;

  border-radius: 5px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.categorie-grid .icon {

  height: 80px;

  width: 80px;

  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: 48px;

  margin: 0 auto 28px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.categorie-grid .content .title {

  margin-bottom: 15px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.categorie-grid .content p {

  color: var(--color-heading);

  margin-bottom: 25px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.categorie-grid .content .course-remain {

  font-weight: 500;

  display: inline-block;

  padding: 2px 18px;

  border-radius: 5px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.categorie-grid:hover .content .title {

  color: var(--color-white);

}



.categorie-grid:hover .content p {

  color: var(--color-white);

}



.categorie-grid:hover .icon svg path {

  stroke: var(--color-white);

}



.categorie-grid.color-primary-style {

  background-color: rgba(26, 182, 157, 0.07);

}



.categorie-grid.color-primary-style .icon,

.categorie-grid.color-primary-style .course-remain {

  background-color: rgba(26, 182, 157, 0.1);

  color: var(--color-primary);

}



.categorie-grid.color-primary-style:hover {

  background-color: #0d1e51;

}



.categorie-grid.color-primary-style:hover .icon,

.categorie-grid.color-primary-style:hover .course-remain {

  background-color: rgba(255, 255, 255, 0.15);

  color: var(--color-white);

}



.categorie-grid.color-secondary-style {

  background-color: rgba(238, 74, 98, 0.07);

}



.categorie-grid.color-secondary-style .icon,

.categorie-grid.color-secondary-style .course-remain {

  background-color: rgba(238, 74, 98, 0.1);

  color: var(--color-secondary);

}



.categorie-grid.color-secondary-style:hover {

  background-color: #ee4a62;

}



.categorie-grid.color-secondary-style:hover .icon,

.categorie-grid.color-secondary-style:hover .course-remain {

  background-color: rgba(255, 255, 255, 0.15);

  color: var(--color-white);

}



.categorie-grid.color-tertiary-style {

  background-color: rgba(248, 184, 31, 0.07);

}



.categorie-grid.color-tertiary-style .icon,

.categorie-grid.color-tertiary-style .course-remain {

  background-color: rgba(248, 184, 31, 0.1);

  color: var(--color-tertiary);

}



.categorie-grid.color-tertiary-style:hover {

  background-color: #f8b81f;

}



.categorie-grid.color-tertiary-style:hover .icon,

.categorie-grid.color-tertiary-style:hover .course-remain {

  background-color: rgba(255, 255, 255, 0.15);

  color: var(--color-white);

}



.categorie-grid.color-extra01-style {

  background-color: rgba(14, 205, 115, 0.07);

}



.categorie-grid.color-extra01-style .icon,

.categorie-grid.color-extra01-style .course-remain {

  background-color: rgba(14, 205, 115, 0.1);

  color: var(--color-extra01);

}



.categorie-grid.color-extra01-style:hover {

  background-color: #0ecd73;

}



.categorie-grid.color-extra01-style:hover .icon,

.categorie-grid.color-extra01-style:hover .course-remain {

  background-color: rgba(255, 255, 255, 0.15);

  color: var(--color-white);

}



.categorie-grid.color-extra02-style {

  background-color: rgba(142, 86, 255, 0.07);

}



.categorie-grid.color-extra02-style .icon,

.categorie-grid.color-extra02-style .course-remain {

  background-color: rgba(142, 86, 255, 0.1);

  color: var(--color-extra02);

}



.categorie-grid.color-extra02-style svg path {

  fill: var(--color-extra02) !important;

}



.categorie-grid.color-extra02-style:hover {

  background-color: #8e56ff;

}



.categorie-grid.color-extra02-style:hover .icon,

.categorie-grid.color-extra02-style:hover .course-remain {

  background-color: rgba(255, 255, 255, 0.15);

  color: var(--color-white);

}



.categorie-grid.color-extra02-style:hover svg path {

  fill: var(--color-white) !important;

}



.categorie-grid.color-extra03-style {

  background-color: rgba(249, 37, 150, 0.07);

}



.categorie-grid.color-extra03-style .icon,

.categorie-grid.color-extra03-style .course-remain {

  background-color: rgba(249, 37, 150, 0.1);

  color: var(--color-extra03);

}



.categorie-grid.color-extra03-style:hover {

  background-color: #f92596;

}



.categorie-grid.color-extra03-style:hover .icon,

.categorie-grid.color-extra03-style:hover .course-remain {

  background-color: rgba(255, 255, 255, 0.15);

  color: var(--color-white);

}



.categorie-grid.color-extra04-style {

  background-color: rgba(88, 102, 235, 0.07);

}



.categorie-grid.color-extra04-style .icon,

.categorie-grid.color-extra04-style .course-remain {

  background-color: rgba(88, 102, 235, 0.1);

  color: var(--color-extra04);

}



.categorie-grid.color-extra04-style:hover {

  background-color: #5866eb;

}



.categorie-grid.color-extra04-style:hover .icon,

.categorie-grid.color-extra04-style:hover .course-remain {

  background-color: rgba(255, 255, 255, 0.15);

  color: var(--color-white);

}



.categorie-grid.color-extra05-style {

  background-color: rgba(248, 148, 31, 0.07);

}



.categorie-grid.color-extra05-style .icon,

.categorie-grid.color-extra05-style .course-remain {

  background-color: rgba(248, 148, 31, 0.1);

  color: var(--color-extra05);

}



.categorie-grid.color-extra05-style:hover {

  background-color: #f8941f;

}



.categorie-grid.color-extra05-style:hover .icon,

.categorie-grid.color-extra05-style:hover .course-remain {

  background-color: rgba(255, 255, 255, 0.15);

  color: var(--color-white);

}



.categorie-grid.color-extra06-style {

  background-color: rgba(57, 192, 250, 0.07);

}



.categorie-grid.color-extra06-style .icon,

.categorie-grid.color-extra06-style .course-remain {

  background-color: rgba(57, 192, 250, 0.1);

  color: var(--color-extra06);

}



.categorie-grid.color-extra06-style svg path {

  fill: var(--color-extra06) !important;

}



.categorie-grid.color-extra06-style:hover {

  background-color: #39c0fa;

}



.categorie-grid.color-extra06-style:hover .icon,

.categorie-grid.color-extra06-style:hover .course-remain {

  background-color: rgba(255, 255, 255, 0.15);

  color: var(--color-white);

}



.categorie-grid.color-extra06-style:hover svg path {

  fill: var(--color-white) !important;

}



.categorie-grid.color-extra07-style {

  background-color: rgba(218, 4, 248, 0.07);

}



.categorie-grid.color-extra07-style .icon,

.categorie-grid.color-extra07-style .course-remain {

  background-color: rgba(218, 4, 248, 0.1);

  color: var(--color-extra07);

}



.categorie-grid.color-extra07-style:hover {

  background-color: #da04f8;

}



.categorie-grid.color-extra07-style:hover .icon,

.categorie-grid.color-extra07-style:hover .course-remain {

  background-color: rgba(255, 255, 255, 0.15);

  color: var(--color-white);

}



.categorie-grid.color-extra08-style {

  background-color: rgba(70, 100, 228, 0.07);

}



.categorie-grid.color-extra08-style .icon,

.categorie-grid.color-extra08-style .course-remain {

  background-color: rgba(70, 100, 228, 0.1);

  color: var(--color-extra08);

}



.categorie-grid.color-extra08-style:hover {

  background-color: #4664e4;

}



.categorie-grid.color-extra08-style:hover .icon,

.categorie-grid.color-extra08-style:hover .course-remain {

  background-color: rgba(255, 255, 255, 0.15);

  color: var(--color-white);

}



.categorie-grid.categorie-style-2 {

  padding: 16px 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;

  text-align: left;

  min-height: 80px;

}



.categorie-grid.categorie-style-2 .icon {

  background-color: transparent;

  margin-bottom: 0;

  -webkit-box-pack: start;

  -webkit-justify-content: flex-start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  height: auto;

  width: auto;

  min-width: 84px;

}



.categorie-grid.categorie-style-2 .icon .art-design {

  font-size: 45px;

}



.categorie-grid.categorie-style-2 .icon .personal-development {

  font-size: 44px;

}



.categorie-grid.categorie-style-2 .icon .health-fitness {

  font-size: 46px;

}



.categorie-grid.categorie-style-2 .icon .data-science {

  font-size: 41px;

}



.categorie-grid.categorie-style-2 .icon .computer-science {

  font-size: 33px;

}



.categorie-grid.categorie-style-2 .icon .video-photography {

  font-size: 37px;

}



.categorie-grid.categorie-style-2 .content {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.categorie-grid.categorie-style-2 .content .title {

  margin-bottom: 0;

  font-size: 15px;

  font-weight: var(--p-semi-bold);

}



.categorie-grid.categorie-style-2:hover .icon {

  background-color: transparent;

}



.categorie-grid.categorie-style-3 {

  background-color: var(--color-white);

  padding: 40px 20px 35px;

  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);

}



.categorie-grid.categorie-style-3 .icon {

  font-size: 40px;

}



.categorie-grid.categorie-style-3 .icon.laptop-icon {

  font-size: 34px;

}



.categorie-grid.categorie-style-3 .icon.design-pencil-icon {

  font-size: 34px;

}



.categorie-grid.categorie-style-3 .content .title {

  font-size: 18px;

  color: var(--color-heading);

}



.categorie-grid.categorie-style-3.color-primary-style .content .title:hover {

  color: var(--color-primary);

}



.categorie-grid.categorie-style-3.color-secondary-style .content .title:hover {

  color: var(--color-secondary);

}



.categorie-grid.categorie-style-3.color-extra01-style .content .title:hover {

  color: var(--color-extra01);

}



.categorie-grid.categorie-style-3.color-extra02-style .content .title:hover {

  color: var(--color-extra02);

}



.categorie-grid.categorie-style-3.color-extra03-style .content .title:hover {

  color: var(--color-extra03);

}



.categorie-grid.categorie-style-3.color-extra04-style .content .title:hover {

  color: var(--color-extra04);

}



.categorie-grid.categorie-style-3.color-extra05-style .content .title:hover {

  color: var(--color-extra05);

}



.categorie-grid.categorie-style-3.color-extra06-style .content .title:hover {

  color: var(--color-extra06);

}



.categorie-grid.categorie-style-3.color-extra07-style .content .title:hover {

  color: var(--color-extra07);

}



.categorie-grid.categorie-style-3.color-tertiary-style .content .title:hover {

  color: var(--color-tertiary);

}



.categorie-grid.categorie-style-3:hover {

  background-color: var(--color-white);

  box-shadow: 0px 10px 45px 0px rgba(0, 0, 0, 0.1);

}



.categorie-grid.categorie-style-3:hover.color-primary-style .icon {

  background-color: var(--color-primary);

}



.categorie-grid.categorie-style-3:hover.color-secondary-style .icon {

  background-color: var(--color-secondary);

}



.categorie-grid.categorie-style-3:hover.color-extra01-style .icon {

  background-color: var(--color-extra01);

}



.categorie-grid.categorie-style-3:hover.color-extra02-style .icon {

  background-color: var(--color-extra02);

}



.categorie-grid.categorie-style-3:hover.color-extra03-style .icon {

  background-color: var(--color-extra03);

}



.categorie-grid.categorie-style-3:hover.color-extra04-style .icon {

  background-color: var(--color-extra04);

}



.categorie-grid.categorie-style-3:hover.color-extra05-style .icon {

  background-color: var(--color-extra05);

}



.categorie-grid.categorie-style-3:hover.color-extra06-style .icon {

  background-color: var(--color-extra06);

}



.categorie-grid.categorie-style-3:hover.color-extra07-style .icon {

  background-color: var(--color-extra07);

}



.categorie-grid.categorie-style-3:hover.color-tertiary-style .icon {

  background-color: var(--color-tertiary);

}



/*-------------------

  Contact Styles

---------------------*/

.contact-me .inner {

  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;

}



@media only screen and (max-width: 767px) {

  .contact-me .inner {

    display: block;

    text-align: center;

  }

}



.contact-me .thumbnail {

  margin-right: 130px;

  position: relative;

  z-index: 1;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .contact-me .thumbnail {

    margin-right: 50px;

  }

}



@media only screen and (max-width: 767px) {

  .contact-me .thumbnail {

    margin-bottom: 40px;

    margin-right: 0;

  }

}



.contact-me .thumbnail .thumb {

  box-shadow: 0px 20px 40px 0px rgba(42, 11, 88, 0.1);

  border-radius: 50%;

}



@media only screen and (max-width: 767px) {

  .contact-me .thumbnail .thumb {

    display: inline-block;

  }

}



.contact-me .thumbnail .thumb img {

  border-radius: 50%;

}



@media only screen and (max-width: 767px) {

  .contact-me .thumbnail .shape-group {

    display: none;

  }

}



.contact-me .thumbnail .shape-group li {

  margin: 0;

  position: absolute;

  z-index: -1;

}



.contact-me .thumbnail .shape-group li.shape-1 {

  top: -45px;

  right: 30px;

}



.contact-me .thumbnail .shape-group li.shape-2 {

  top: -20px;

  right: -30px;

  z-index: 1;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .contact-me .thumbnail .shape-group li.shape-2 {

    display: none;

  }

}



.contact-me .thumbnail .shape-group li.shape-3 {

  bottom: -15px;

  left: -40px;

}



.contact-me .contact-us-info {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.contact-us-info .heading-title {

  margin-bottom: 26px;

}



.contact-us-info .address-list li .title {

  margin-bottom: 5px;

}



.contact-us-info .address-list li p {

  margin-bottom: 20px;

}



.contact-us-info .social-share {

  padding-top: 12px;

}



@media only screen and (max-width: 767px) {

  .contact-me-area .contact-us-info .social-share {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}



.contact-form-area {

  background-color: var(--color-lighten01);

  position: relative;

  z-index: 1;

  overflow: hidden;

}



@media only screen and (max-width: 991px) {

  .contact-form-area .shape-group {

    display: none;

  }

}



.contact-form-area .shape-group li {

  position: absolute;

  z-index: -1;

}



.contact-form-area .shape-group li.shape-1 {

  top: 32%;

  left: 13%;

}



.contact-form-area .shape-group li.shape-2 {

  top: 32%;

  left: 9%;

}



.contact-form-area .shape-group li.shape-3 {

  top: -200px;

  right: -110px;

}



.contact-form-area .shape-group li.shape-3 span {

  display: block;

  height: 476px;

  width: 476px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.contact-form-area .shape-group li.shape-4 {

  top: 150px;

  right: 135px;

}



.contact-form.form-style-2 {

  padding: 70px;

  box-shadow: var(--shadow-darker);

  background-color: var(--color-white);

  border-radius: 5px;

  margin-bottom: -80px;

  position: relative;

}



@media only screen and (max-width: 479px) {

  .contact-form.form-style-2 {

    padding: 40px;

  }

}



.contact-form.form-style-2 .section-title {

  margin-bottom: 5px;

}



.contact-form.form-style-2 .section-title p {

  margin-top: 10px;

  margin-bottom: 0;

}



.contact-form.form-style-2 .form-group {

  margin-bottom: 0;

}



.contact-form.form-style-2 .form-group input,

.contact-form.form-style-2 .form-group textarea {

  border-bottom: 1px solid var(--color-border);

  border-radius: 0;

  padding: 20px 0 10px;

}



.contact-form.form-style-2 .form-group .edu-btn {

  margin-top: 40px;

}



@media only screen and (max-width: 991px) {

  .contact-form.form-style-2 .shape-group {

    display: none;

  }

}



.contact-form.form-style-2 .shape-group li {

  position: absolute;

  z-index: -1;

}



.contact-form.form-style-2 .shape-group li.shape-1 {

  top: -60px;

  right: -90px;

}



.contact-form.form-style-2 .shape-group li.shape-2 {

  top: -80px;

  right: -10px;

  z-index: 1;

}



.contact-form .error-msg p,

.contact-form .success-msg p {

  margin-top: 10px;

  margin-bottom: 0;

}



.contact-us-area {

  padding: 120px 0 0;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .contact-us-area {

    padding: 100px 0 0;

  }

}



@media only screen and (max-width: 767px) {

  .contact-us-area {

    padding: 80px 0 0;

  }

}



.google-map-area #gmap_canvas {

  width: 100%;

  height: 600px;

  margin-bottom: -8px;

}



/* ticker notice start */



.ticker-notice a {

  color: #0d1e51;

}



.ticker-notice a:hover {

  color: #159c7e;

}



/* ticker notice end */



/* counter style start */



row>* {

  padding: calc(var(--bs-gutter-x) * 0.5);

}



.counter {

  background-color: #0d1e51;

  color: #ffffff;

}



.counter-box {

  text-align: center;

  padding-bottom: 2rem;

}



/* counter style end */



/*-------------------

  Affiliat Styles

---------------------*/



.aff-clg-logo {

  max-width: 50px;

  max-height: 50px;

  border-radius: 50%;

}



.college_link_for_logo .banner-content .features-list .features-box:hover {

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

  border-radius: 5px;

}



/*-------------------

  Counterup Styles

---------------------*/

.edu-counterup {

  border-radius: 10px;

  text-align: center;

  padding: 38px 30px;

}



@media only screen and (max-width: 479px) {

  .edu-counterup {

    padding: 25px;

  }

}



@media only screen and (max-width: 767px) {

  .edu-counterup .odometer.odometer-auto-theme .odometer-digit .odometer-value {

    line-height: 1.2;

  }

}



.edu-counterup .count-number {

  margin-bottom: 5px;

}



.edu-counterup .count-number span,

.edu-counterup .count-number em {

  font-family: var(--font-secondary);

  font-weight: var(--p-extra-bold);

}



.edu-counterup .count-number.primary-color {

  color: var(--color-primary);

}



.edu-counterup .count-number.secondary-color {

  color: var(--color-secondary);

}



.edu-counterup .count-number.extra02-color {

  color: var(--color-extra02);

}



.edu-counterup .count-number.extra05-color {

  color: var(--color-extra05);

}



.edu-counterup .title {

  margin-bottom: 0;

  font-size: 13px;

  text-transform: uppercase;

  font-weight: var(--p-medium);

}



.edu-counterup.counterup-style-1 {

  box-shadow: 0px 10px 30px 6px rgba(0, 0, 0, 0.07);

}



.edu-counterup.counterup-style-3 {

  padding: 0;

  border-radius: 0;

  position: relative;

}



.edu-counterup.counterup-style-3:after {

  content: "";

  height: 100%;

  width: 1px;

  background-color: var(--color-border);

  position: absolute;

  top: 50%;

  right: -15px;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



@media only screen and (max-width: 575px) {

  .edu-counterup.counterup-style-3:after {

    display: none;

  }

}



.edu-counterup.counterup-style-3.border-none:after {

  display: none;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .edu-counterup.counterup-style-3.border-none:after {

    display: block;

  }

}



@media only screen and (max-width: 767px) {

  .edu-counterup.counterup-style-3.border-none:after {

    display: block;

  }

}



@media only screen and (max-width: 575px) {

  .edu-counterup.counterup-style-3.border-none:after {

    display: none;

  }

}



.edu-counterup.counterup-style-4 {

  box-shadow: 0px 30px 70px 0px rgba(16, 12, 47, 0.05);

  border-radius: 4px;

  background-color: var(--color-white);

}



.edu-counterup.counterup-style-4 .icon {

  text-align: center;

  height: 90px;

  width: 90px;

  line-height: 95px;

  border-radius: 50%;

  font-size: 50px;

  margin: 0 auto 25px;

}



.edu-counterup.counterup-style-4 .icon.primary-color {

  background-color: rgba(26, 182, 157, 0.1);

  color: var(--color-primary);

}



.edu-counterup.counterup-style-4 .icon.secondary-color {

  background-color: rgba(255, 91, 92, 0.1);

  color: var(--color-secondary);

}



.edu-counterup.counterup-style-4 .icon.extra08-color {

  background-color: rgba(70, 100, 228, 0.1);

  color: var(--color-extra08);

}



.edu-counterup.counterup-style-4 .icon.extra05-color {

  background-color: rgba(248, 150, 36, 0.1);

  color: var(--color-extra05);

}



.edu-counterup.counterup-style-4 .count-number span {

  font-weight: var(--p-bold);

}



.edu-counterup.counterup-style-5.primary-color {

  background-color: rgba(26, 182, 157, 0.1);

}



.edu-counterup.counterup-style-5.primary-color .count-number {

  color: var(--color-primary);

}



.edu-counterup.counterup-style-5.secondary-color {

  background-color: rgba(255, 91, 92, 0.1);

}



.edu-counterup.counterup-style-5.secondary-color .count-number {

  color: var(--color-secondary);

}



.edu-counterup.counterup-style-5.extra02-color {

  background-color: rgba(142, 86, 255, 0.1);

}



.edu-counterup.counterup-style-5.extra02-color .count-number {

  color: var(--color-extra02);

}



.edu-counterup.counterup-style-5.extra05-color {

  background-color: rgba(248, 150, 36, 0.1);

}



.edu-counterup.counterup-style-5.extra05-color .count-number {

  color: var(--color-extra05);

}



.edu-counterup.counterup-style-6 {

  position: relative;

  padding: 5px 0;

}



.edu-counterup.counterup-style-6:after {

  content: "";

  height: 100%;

  width: 1px;

  background-color: rgba(255, 255, 255, 0.2);

  position: absolute;

  top: 50%;

  right: -15px;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.edu-counterup.counterup-style-6.border-none:after {

  display: none;

}



.edu-counterup.counterup-style-6 .icon {

  font-size: 60px;

  color: var(--color-white);

  line-height: 1;

  margin-bottom: 10px;

}



.edu-counterup.counterup-style-6 .count-number {

  color: var(--color-white);

}



.edu-counterup.counterup-style-6 .title {

  color: var(--color-white);

}



.counterup-area-2 {

  position: relative;

  z-index: 1;

}



.counterup-area-2:before {

  content: "";

  height: 53%;

  width: 100%;

  background-color: var(--color-lighten01);

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: -1;

}



.counterup-area-2 .counterup-box-wrap {

  background-color: var(--color-white);

  box-shadow: 0px 30px 70px 0px rgba(16, 12, 47, 0.08);

  border-radius: 10px;

  padding: 70px;

  position: relative;

}



@media only screen and (max-width: 767px) {

  .counterup-area-2 .counterup-box-wrap {

    padding: 40px;

  }

}



@media only screen and (max-width: 575px) {

  .counterup-area-2 .counterup-box-wrap {

    padding: 10px;

  }

}



.counterup-area-2 .counterup-box-wrap .counterup-box {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  position: relative;

}



@media only screen and (max-width: 479px) {

  .counterup-area-2 .counterup-box-wrap .counterup-box {

    grid-template-columns: repeat(1, 1fr);

  }

}



.counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup {

  border-radius: 0;

}



.counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:first-child {

  border-right: 0.8px solid var(--color-border);

}



@media only screen and (max-width: 479px) {

  .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:first-child {

    border-right: none;

  }

}



.counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {

  border-right: 0.8px solid var(--color-border);

}



@media only screen and (max-width: 479px) {

  .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {

    border-right: none;

  }

}



.counterup-area-2 .counterup-box-wrap .counterup-box.counterup-box-1 {

  border-bottom: 0.8px solid var(--color-border);

}



@media only screen and (max-width: 479px) {

  .counterup-area-2 .counterup-box-wrap .counterup-box.counterup-box-1 {

    border-bottom: none;

  }

}



@media only screen and (max-width: 991px) {

  .counterup-area-2 .counterup-box-wrap .shape-group {

    display: none;

  }

}



.counterup-area-2 .counterup-box-wrap .shape-group li {

  position: absolute;

  z-index: -1;

}



.counterup-area-2 .counterup-box-wrap .shape-group li.shape-1 {

  top: -80px;

  left: -90px;

}



.counterup-area-2 .counterup-box-wrap .shape-group li.shape-2 {

  top: -100px;

  left: -15px;

  z-index: 1;

}



.counterup-area-2 .counterup-box-wrap .shape-group li.shape-3 {

  bottom: -60px;

  right: -70px;

}



.counterup-area-2 .counterup-box-wrap .shape-group li.shape-4 {

  bottom: -63px;

  right: 30px;

}



@media only screen and (max-width: 991px) {



  .counterup-area-3 :nth-child(2) .edu-counterup.counterup-style-3:after,

  .counterup-area-3 :nth-child(4) .edu-counterup.counterup-style-3:after {

    width: 0px;

  }

}



.counterup-area-4 {

  margin-top: -160px;

  position: relative;

}



.counterup-area-6 {

  background: var(--gradient-primary);

  padding: 65px 0;

}



@media only screen and (max-width: 991px) {

  .counterup-area-6 :nth-child(2) .counterup-style-6:after {

    width: 0px;

  }

}



.counterup-area-7 {

  position: relative;

  z-index: 1;

  background-color: var(--color-lighten04);

}



.counterup-area-7 .counterup-content {

  padding-right: 80px;

  padding-top: 30px;

}



.counterup-area-7 .counterup-box-wrap {

  background-color: var(--color-white);

  box-shadow: 0px 30px 70px 0px rgba(16, 12, 47, 0.08);

  border-radius: 10px;

  padding: 70px;

  position: relative;

}



@media only screen and (max-width: 767px) {

  .counterup-area-7 .counterup-box-wrap {

    padding: 40px;

  }

}



@media only screen and (max-width: 575px) {

  .counterup-area-7 .counterup-box-wrap {

    padding: 10px;

  }

}



.counterup-area-7 .counterup-box-wrap .counterup-box {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  position: relative;

}



@media only screen and (max-width: 479px) {

  .counterup-area-7 .counterup-box-wrap .counterup-box {

    grid-template-columns: repeat(1, 1fr);

  }

}



.counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup {

  border-radius: 0;

}



.counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:first-child {

  border-right: 0.8px solid var(--color-border);

}



@media only screen and (max-width: 479px) {

  .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:first-child {

    border-right: none;

  }

}



.counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {

  border-right: 0.8px solid var(--color-border);

}



@media only screen and (max-width: 479px) {

  .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {

    border-right: none;

  }

}



.counterup-area-7 .counterup-box-wrap .counterup-box.counterup-box-1 {

  border-bottom: 0.8px solid var(--color-border);

}



@media only screen and (max-width: 479px) {

  .counterup-area-7 .counterup-box-wrap .counterup-box.counterup-box-1 {

    border-bottom: none;

  }

}



.counterup-area-7 .counterup-box-wrap .shape-group li {

  position: absolute;

  z-index: -1;

}



@media only screen and (max-width: 767px) {

  .counterup-area-7 .counterup-box-wrap .shape-group li img {

    -webkit-transform: scale(0.5);

    -ms-transform: scale(0.5);

    transform: scale(0.5);

    -webkit-animation: none;

    animation: none;

  }

}



.counterup-area-7 .counterup-box-wrap .shape-group li.shape-1 {

  top: -80px;

  left: -90px;

}



.counterup-area-7 .counterup-box-wrap .shape-group li.shape-2 {

  top: -100px;

  left: -15px;

  z-index: 1;

}



.counterup-area-7 .counterup-box-wrap .shape-group li.shape-3 {

  bottom: -60px;

  right: -90px;

}



.counterup-area-7 .counterup-box-wrap .shape-group li.shape-4 {

  bottom: -63px;

  right: 30px;

}



.counterup-area-8 {

  position: relative;

}



.counterup-area-8 .shape-group li {

  position: absolute;

  z-index: -1;

}



.counterup-area-8 .shape-group li img {

  opacity: 0.9;

}



.counterup-area-8 .shape-group li.shape-1 {

  bottom: -70px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

}



.counterup-area-9 .shape-group li.shape-1 {

  bottom: -34px;

  right: -54px;

}



.counterup-area-11 {

  background: var(--gradient-primary);

  padding: 65px 0;

}



.counterup-area-11 .counterup-style-6 {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



@media only screen and (max-width: 575px) {

  .counterup-area-11 .counterup-style-6 {

    display: block;

  }

}



.counterup-area-11 .counterup-style-6:after {

  display: none;

}



.counterup-area-11 .counterup-style-6 .icon {

  width: 100px;

  height: 100px;

  border-radius: 50%;

  background-color: rgba(255, 255, 255, 0.149);

  line-height: 104px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .counterup-area-11 .counterup-style-6 .icon {

    width: 80px;

    height: 80px;

    line-height: 82px;

    font-size: 45px;

  }

}



@media only screen and (max-width: 575px) {

  .counterup-area-11 .counterup-style-6 .icon {

    text-align: center;

    display: inline-block;

  }

}



.counterup-area-11 .counterup-style-6 .icon.icon-flower {

  font-size: 47px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .counterup-area-11 .counterup-style-6 .icon.icon-flower {

    font-size: 40px;

  }

}



.counterup-area-11 .counterup-style-6 .counterup-wrapper {

  margin-left: 20px;

  margin-top: 15px;

  text-align: left;

}



.counterup-area-11 .counterup-style-6 .counterup-wrapper .count-number {

  text-align: left;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .counterup-area-11 .counterup-style-6 .counterup-wrapper .count-number {

    font-size: 30px;

  }

}



@media only screen and (max-width: 575px) {

  .counterup-area-11 .counterup-style-6 .counterup-wrapper .count-number {

    text-align: center;

  }

}



@media only screen and (max-width: 575px) {

  .counterup-area-11 .counterup-style-6 .counterup-wrapper .title {

    text-align: center;

  }

}



.counterup-area-12 .edu-counterup {

  padding: 0;

}



.counterup-area-13 {

  background: var(--gradient-primary);

}



.counterup-area-13 .counterup-style-13 {

  margin: 50px 0 60px 0;

  border-right: 1px solid rgba(255, 255, 255, 0.2);

  border-radius: 0;

}



.counterup-area-13 .counterup-style-13 .count-number {

  color: var(--color-white);

}



.counterup-area-13 .counterup-style-13 .title {

  color: var(--color-white);

}



/****************************************

        Governance page start 

 ****************************************/







/****************************************

        Governance page End 

 ****************************************/



/* faculty features page css start*/



.strategy-section .main-strategy p {

  font-size: 24px;

  line-height: 26px;

}



#btn_member_mbbs {

  position: relative;

}



#btn_member_mbbs::before {

  position: absolute;

  content: "";

  top: 50%;

  left: 0;

  transform: translateY(-50%);

  height: 80%;

  width: 2px;

  background-color: #f9f9f9;

}



#btn_member_mbbs::after {

  position: absolute;

  content: "";

  top: 50%;

  right: 0;

  transform: translateY(-50%);

  height: 80%;

  width: 2px;

  background-color: #f9f9f9;

}



.btn-custom {

  background-color: #159c7e;

  color: #f9f9f9;

  transition: 500ms all ease;

}



.selected-btn {

  background-color: #f9f9f9;

  color: #159c7e;

}



.faculty-member-list-in .card {

  flex-direction: row;

  align-items: center;

  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

  border-radius: 5px;

}



.faculty-member-list-in .card p {

  margin: 0;

}



.faculty-member-list-in .card p i {

  color: #777;

  opacity: 1;

  font-size: 30px;

  right: 0;

}



/* faculty researce */



.faculty-research-paper {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}



.faculty-research-paper .card {

  width: 300px;

  background: #fff;

  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  transition: box-shadow 0.3s;

  margin: 15px;

}



.faculty-research-paper .card:hover {

  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);

}



.faculty-research-paper .card a {

  color: inherit;

  text-decoration: none;

}



.faculty-research-paper .card__date {

  background: #08c;

  position: absolute;

  top: 20px;

  right: 20px;

  width: 45px;

  height: 45px;

  border-radius: 50%;

  color: #fff;

  text-align: center;

  line-height: 13px;

  font-weight: bold;

  padding-top: 10px;

}



.faculty-research-paper .card__date__day {

  display: block;

  font-size: 14px;

}



.faculty-research-paper .card__date__month {

  display: block;

  font-size: 10px;

  text-transform: uppercase;

}



.faculty-research-paper .card__thumb {

  height: 180px;

  overflow: hidden;

  background-color: #000;

  transition: height 0.3s;

}



.faculty-research-paper .card__thumb img {

  display: block;

  opacity: 1;

  transition: opacity 0.3s, transform 0.3s;

  transform: scale(1);

  object-fit: fill;

}



.card:hover .faculty-research-paper .card__thumb img {

  opacity: 0.6;

  transform: scale(1.2);

}



.card:hover .faculty-research-paper .card__thumb {

  height: 90px;

}



.faculty-research-paper .card__body {

  position: relative;

  padding: 20px;

  height: 185px;

  transition: height 0.3s;

}



.card:hover .faculty-research-paper .card__body {

  height: 330px;

}



.faculty-research-paper .card__category {

  position: absolute;

  top: -25px;

  left: 0;

  height: 25px;

  padding: 0 15px;

  background: #08c;

  color: #fff;

  font-size: 11px;

  line-height: 25px;

}



.faculty-research-paper .card__category a {

  color: #fff;

  text-decoration: none;

  text-transform: uppercase;

}



.faculty-research-paper .card__title {

  padding: 0 0 10px 0;

  margin: 0;

  font-size: 22px;

  color: #000;

  font-weight: bold;

}



.card:hover .faculty-research-paper .card__title {

  animation: titleBlur 0.3s;

}



.faculty-research-paper .card__subtitle {

  margin: 0;

  padding: 0 0 10px 0;

  color: #08c;

  font-size: 19px;

}



.card:hover .faculty-research-paper .card__subtitle {

  animation: subtitleBlur 0.3s;

}



.faculty-research-paper .card__description {

  position: absolute;

  left: 20px;

  right: 20px;

  bottom: 65px;

  margin: 0;

  padding: 0;

  color: #666c74;

  font-size: 14px;

  line-height: 27px;

  opacity: 0;

  transition: opacity 0.2s, transform 0.2s;

  transition-delay: 0s;

  transform: translateY(25px);

}



.card:hover .faculty-research-paper .card__description {

  opacity: 1;

  transition-delay: 0.1s;

  transform: translateY(0);

}



.faculty-research-paper .card__footer {

  position: absolute;

  color: #a3a9ab;

  bottom: 20px;

  left: 20px;

  right: 20px;

  font-size: 11px;

}



.faculty-research-paper .card__footer .icon--comment {

  margin-left: 10px;

}



.faculty-research-paper .icon {

  display: inline-block;

  vertical-align: middle;

  margin-right: 2px;

}



.faculty-research-paper .icon:before {

  display: inline-block;

  text-align: center;

  height: 14px;

  width: 14px;

  margin-top: -2px;

  margin-right: 6px;

}



.faculty-research-paper .icon--comment:before {

  content: "\f0e6 ";

  display: inline-block;

  font: normal normal normal 16px/1 FontAwesome;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  transform: translate(0, 0);

}



.faculty-research-paper .icon--time:before {

  content: "\f017 ";

  display: inline-block;

  font: normal normal normal 16px/1 FontAwesome;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  transform: translate(0, 0);

}



@keyframes titleBlur {

  0% {

    opacity: 0.6;

    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6);

  }



  100% {

    opacity: 1;

    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0);

  }

}



@keyframes subtitleBlur {

  0% {

    opacity: 0.6;

    text-shadow: 0px 5px 5px rgba(0, 136, 204, 0.6);

  }



  100% {

    opacity: 1;

    text-shadow: 0px 5px 5px rgba(0, 136, 204, 0);

  }

}



/* faculty features page css start*/



/*-------------------

  Course Styles

---------------------*/

.edu-course {

  background-color: var(--color-white);

  position: relative;

  border-radius: 5px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-course.course-style-1 {

  -webkit-transition: var(--transition-2);

  transition: var(--transition-2);

}



.edu-course.course-style-1 .thumbnail {

  -webkit-transition: var(--transition-2);

  transition: var(--transition-2);

}



.edu-course.course-style-1 .thumbnail img {

  -webkit-transition: var(--transition-2);

  transition: var(--transition-2);

}



.edu-course.course-style-1 .thumbnail:after {

  -webkit-transition: var(--transition-2);

  transition: var(--transition-2);

}



.edu-course.course-style-1 .course-hover-content-wrapper {

  -webkit-transition: var(--transition-2);

  transition: var(--transition-2);

}



.edu-course.course-style-1 .course-hover-content {

  -webkit-transition: var(--transition-2);

  transition: var(--transition-2);

}



.edu-course.course-style-1 .course-hover-content p {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}



.edu-course .thumbnail {

  position: relative;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-course .thumbnail a {

  display: block;

  overflow: hidden;

  border-radius: 5px 5px 0 0;

}



.edu-course .thumbnail a img {

  border-radius: 5px 5px 0 0;

  -webkit-transition: 0.4s;

  transition: 0.4s;

  width: 100%;

}



.edu-course .thumbnail a:after {

  content: "";

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.2);

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  border-radius: 5px 5px 0 0;

}



.edu-course .thumbnail .time-top {

  position: absolute;

  top: 10px;

  right: 10px;

}



.edu-course .thumbnail .duration {

  background-color: #f8b81f;

  border-radius: 3px;

  padding: 4px 8px;

  font-weight: 500;

  font-size: 13px;

  color: var(--color-white);

  font-family: var(--font-secondary);

  display: block;

}



.edu-course .thumbnail .duration i {

  font-size: 16px;

  position: relative;

  top: 2px;

  margin-right: 6px;

}



.edu-course .content {

  padding: 30px 20px 16px 30px;

}



.edu-course .content .course-level {

  font-size: 13px;

  font-weight: 500;

  color: var(--color-primary);

  font-family: var(--font-secondary);

  background-color: rgba(26, 182, 157, 0.15);

  border-radius: 3px;

  padding: 1px 10px;

  margin-bottom: 15px;

  display: inline-block;

}



.edu-course .content .title {

  margin-bottom: 8px;

}



.edu-course .content .title a {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}



.edu-course .content .course-rating {

  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: 8px;

}



.edu-course .content .course-rating .rating {

  color: #f8b81f;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-course .content .course-rating .rating-count {

  font-size: 14px;

  font-weight: 500;

  color: var(--color-heading);

  margin-left: 10px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-course .content .course-price {

  font-size: 14px;

  font-weight: var(--p-semi-bold);

  color: var(--color-secondary);

  font-family: var(--font-secondary);

  margin-bottom: 14px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-course .content .course-price.price-round {

  font-size: 22px;

  font-weight: var(--p-bold);

  color: var(--color-white);

  height: 80px;

  width: 80px;

  line-height: 84px;

  background-color: var(--color-primary);

  border-radius: 50%;

  text-align: center;

}



.edu-course .content .course-meta li {

  display: inline-block;

  font-size: 13px;

  color: var(--color-heading);

  margin-right: 25px;

  position: relative;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-course .content .course-meta li:after {

  content: "";

  height: 19px;

  width: 1px;

  background-color: #e5e5e5;

  position: absolute;

  top: 1px;

  right: -15px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-course .content .course-meta li:last-child {

  margin-right: 0;

}



.edu-course .content .course-meta li:last-child:after {

  display: none;

}



.edu-course .content .course-meta li i {

  color: #a7a7a7;

  font-size: 14px;

  margin-right: 7px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-course .course-hover-content-wrapper {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  opacity: 0;

  background-color: var(--color-primary);

}



.edu-course .course-hover-content-wrapper button.wishlist-btn {

  background: rgba(255, 255, 255, 0.15);

  position: absolute;

  top: 20px;

  right: 20px;

  display: none;

}



.edu-course .course-hover-content-wrapper button.wishlist-btn:hover {

  background: var(--color-secondary);

}



@media only screen and (max-width: 1199px) {

  .edu-course .course-hover-content-wrapper button.wishlist-btn {

    display: block;

  }

}



.edu-course .course-hover-content {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  bottom: 0;

  left: 0;

  right: 0;

  border-radius: 4px;

  padding: 50px 20px 45px 30px;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  display: inline-table;

}



.edu-course .course-hover-content .content {

  padding: 0;

}



.edu-course .course-hover-content .content .wishlist-btn {

  background: rgba(255, 255, 255, 0.15);

  position: absolute;

  top: 10px;

  right: 10px;

}



.edu-course .course-hover-content .content .wishlist-btn:hover {

  background: var(--color-secondary);

}



@media only screen and (max-width: 1199px) {

  .edu-course .course-hover-content .content .wishlist-btn {

    display: none;

  }

}



.edu-course .course-hover-content .content .course-level {

  background-color: var(--color-white);

  color: var(--color-heading);

}



.edu-course .course-hover-content .content .title {

  color: var(--color-white);

}



.edu-course .course-hover-content .content .title a:hover {

  color: var(--color-white);

}



.edu-course .course-hover-content .content .course-rating .rating-count {

  color: var(--color-white);

}



.edu-course .course-hover-content .content .course-price {

  color: var(--color-white);

}



.edu-course .course-hover-content .content p {

  color: var(--color-white);

  margin-bottom: 15px;

}



.edu-course .course-hover-content .content .course-meta {

  margin-bottom: 16px;

}



.edu-course .course-hover-content .content .course-meta li {

  color: var(--color-white);

}



.edu-course .course-hover-content .content .course-meta li:after {

  background-color: rgba(255, 255, 255, 0.25);

}



.edu-course .course-hover-content .content .course-meta li i {

  color: var(--color-white);

}



.edu-course .hover-content-aside {

  width: 344px;

  padding-left: 12px;

  position: absolute;

  top: 50%;

  left: 100%;

  -webkit-transform: translateY(-50%) translateX(-20px);

  -ms-transform: translateY(-50%) translateX(-20px);

  transform: translateY(-50%) translateX(-20px);

  visibility: hidden;

  opacity: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  pointer-events: none;

  z-index: 1;

}



.edu-course .hover-content-aside .content {

  background-color: var(--color-white);

  border-radius: 4px;

  box-shadow: 0px 0px 50px 0px rgba(26, 46, 85, 0.2);

  padding: 30px 30px 40px 30px;

}



.edu-course .hover-content-aside .content:before {

  content: "";

  border-top: 12px solid transparent;

  border-right: 13px solid var(--color-white);

  border-bottom: 12px solid transparent;

  position: absolute;

  top: 50%;

  left: -13px;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.edu-course .hover-content-aside .content .course-rating {

  margin-bottom: 0;

}



.edu-course .hover-content-aside .content .course-meta {

  margin-bottom: 5px;

}



.edu-course .hover-content-aside .content .course-meta li {

  font-size: var(--font-size-b1);

  color: var(--color-body);

}



.edu-course .hover-content-aside .content .course-meta li:after {

  height: 5px;

  width: 5px;

  background-color: #d1d1d1;

  border-radius: 50%;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  right: -17px;

}



.edu-course .hover-content-aside .content .course-feature {

  margin-bottom: 25px;

}



.edu-course .hover-content-aside .content .course-feature ul li {

  font-size: 13px;

  position: relative;

  padding-left: 28px;

}



.edu-course .hover-content-aside .content .course-feature ul li:before {

  content: "\e913";

  font-family: "icomoon";

  color: var(--color-heading);

  margin-right: 15px;

  position: absolute;

  left: 0;

  top: 2px;

}



.edu-course .hover-content-aside .content .button-group .edu-btn {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.edu-course .hover-content-aside.content-right {

  left: auto;

  right: 100%;

  padding-left: 0;

  padding-right: 12px;

}



.edu-course .hover-content-aside.content-right .content:before {

  left: auto;

  right: -12px;

  -webkit-transform: scaleX(-1);

  -ms-transform: scaleX(-1);

  transform: scaleX(-1);

}



.edu-course:hover .course-hover-content-wrapper {

  opacity: 1;

}



.edu-course:hover .thumbnail a img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}



.edu-course:hover .course-hover-content {

  visibility: visible;

  opacity: 1;

}



.edu-course:hover .hover-content-aside {

  pointer-events: all;

  visibility: visible;

  opacity: 1;

  -webkit-transform: translateY(-50%) translateX(0);

  -ms-transform: translateY(-50%) translateX(0);

  transform: translateY(-50%) translateX(0);

}



.edu-course.course-style-2 .course-hover-content .content p {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

}



.edu-course.course-style-3 {

  background-color: transparent;

  padding-bottom: 5px;

  z-index: 1;

}



.edu-course.course-style-3:before {

  content: "";

  height: 10px;

  width: 100%;

  background-color: var(--color-white);

  border-radius: 0 0 4px 4px;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: -1;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-course.course-style-3 .thumbnail .time-top {

  right: auto;

  left: 10px;

}



.edu-course.course-style-3 .content {

  padding: 30px 30px 30px;

  background-color: var(--color-white);

  border-radius: 0 0 4px 4px;

  position: relative;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-course.course-style-3 .content .course-level {

  color: var(--color-secondary);

  background-color: rgba(238, 74, 98, 0.15);

  margin-bottom: 17px;

}



.edu-course.course-style-3 .content .title {

  margin-bottom: 14px;

}



.edu-course.course-style-3 .content p {

  margin-bottom: 20px;

}



.edu-course.course-style-3 .content .course-rating {

  margin-bottom: 0;

}



.edu-course.course-style-3 .content .read-more-btn {

  visibility: hidden;

  opacity: 0;

  margin-bottom: -50px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-course.course-style-3:hover:before {

  background-color: rgba(255, 91, 92, 0.3);

}



.edu-course.course-style-3:hover .thumbnail {

  margin-bottom: -75px;

}



.edu-course.course-style-3:hover .thumbnail a:after {

  background-color: rgba(0, 0, 0, 0.5);

}



.edu-course.course-style-3:hover .content .read-more-btn {

  margin-top: 24px;

  margin-bottom: 0;

  visibility: visible;

  opacity: 1;

}



.edu-course.course-style-4 {

  box-shadow: var(--shadow-darkest);

  padding: 30px;

}



.edu-course.course-style-4 .inner {

  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;

}



@media only screen and (max-width: 575px) {

  .edu-course.course-style-4 .inner {

    display: block;

  }

}



.edu-course.course-style-4 .thumbnail {

  margin-right: 30px;

}



@media only screen and (max-width: 575px) {

  .edu-course.course-style-4 .thumbnail {

    margin-right: 0;

    margin-bottom: 20px;

  }

}



.edu-course.course-style-4 .thumbnail a {

  border-radius: 4px;

}



.edu-course.course-style-4 .thumbnail a img {

  border-radius: 4px;

}



.edu-course.course-style-4 .thumbnail a:after {

  background-color: rgba(0, 0, 0, 0.1);

}



.edu-course.course-style-4 .thumbnail .time-top {

  left: 10px;

  right: auto;

}



.edu-course.course-style-4 .content {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  padding: 0;

}



.edu-course.course-style-4 .content .course-price {

  font-weight: var(--p-bold);

  font-size: 16px;

  margin-bottom: 10px;

}



.edu-course.course-style-4 .content .course-rating {

  margin-bottom: 14px;

}



.edu-course.course-style-4:hover {

  background-color: var(--color-primary);

}



.edu-course.course-style-4:hover .content .title a {

  color: var(--color-white);

}



.edu-course.course-style-4:hover .content .course-price {

  color: var(--color-white);

}



.edu-course.course-style-4:hover .content .course-rating .rating-count {

  color: var(--color-white);

}



.edu-course.course-style-4:hover .content .course-meta li {

  color: var(--color-white);

}



.edu-course.course-style-4:hover .content .course-meta li i {

  color: var(--color-white);

}



.edu-course.course-style-4:hover .content .course-meta li:after {

  background-color: rgba(255, 255, 255, 0.3);

}



.edu-course.course-style-5 {

  background-color: var(--color-lighten04);

  border-radius: 4px;

}



.edu-course.course-style-5 .thumbnail a:after {

  background-color: rgba(0, 0, 0, 0);

}



.edu-course.course-style-5 .content {

  position: relative;

}



.edu-course.course-style-5 .content .price-round {

  position: absolute;

  top: -40px;

  right: 30px;

}



.edu-course.course-style-5 .content .course-level {

  background-color: transparent;

  color: var(--color-secondary);

  font-size: 15px;

  padding: 0;

}



.edu-course.course-style-5 .content .title a {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}



.edu-course.course-style-5 .content p {

  margin-bottom: 12px;

}



.edu-course.course-style-6 {

  background-color: transparent;

}



.edu-course.course-style-6 .thumbnail {

  margin-bottom: 15px;

}



.edu-course.course-style-6 .thumbnail a:after {

  background-color: rgba(0, 0, 0, 0);

}



.edu-course.course-style-6 .thumbnail .price-round {

  font-size: 22px;

  font-weight: var(--p-bold);

  color: var(--color-white);

  height: 80px;

  width: 80px;

  line-height: 84px;

  background-color: var(--color-primary);

  font-family: var(--font-secondary);

  border-radius: 50%;

  text-align: center;

  position: absolute;

  top: 20px;

  right: 20px;

}



.edu-course.course-style-6 .content {

  background-color: var(--color-white);

  padding: 35px 40px 30px;

  border-radius: 0 0 4px 4px;

}



.edu-course.course-style-6 .content .course-level {

  background-color: transparent;

  padding: 0;

  color: var(--color-secondary);

  font-size: 15px;

}



.edu-course.course-style-6 .content .title {

  margin-bottom: 15px;

}



.edu-course.course-style-7 {

  border-radius: 10px;

  box-shadow: var(--shadow-darkest);

  background-color: transparent;

}



.edu-course.course-style-7 .thumbnail {

  margin-bottom: -23px;

}



.edu-course.course-style-7 .thumbnail a {

  border-radius: 10px 10px 0 0;

}



.edu-course.course-style-7 .thumbnail a img {

  border-radius: 10px 10px 0 0;

}



.edu-course.course-style-7 .thumbnail a:after {

  background-color: rgba(0, 0, 0, 0);

}



.edu-course.course-style-7 .thumbnail .course-price {

  font-family: var(--font-secondary);

  -webkit-transition: var(--transition);

  transition: var(--transition);

  position: absolute;

  bottom: -40px;

  right: 30px;

  z-index: 1;

}



@media only screen and (max-width: 767px) {

  .edu-course.course-style-7 .thumbnail .course-price {

    bottom: -18px;

  }

}



.edu-course.course-style-7 .thumbnail .course-price.price-round {

  font-size: 22px;

  font-weight: var(--p-bold);

  color: var(--color-white);

  height: 80px;

  width: 80px;

  line-height: 84px;

  background-color: var(--color-white);

  border-radius: 50%;

  text-align: center;

}



.edu-course.course-style-7 .content {

  position: relative;

  -webkit-mask-image: url(../images/others/mask-06.png);

  mask-image: url(../images/others/mask-06.png);

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-size: cover;

  -webkit-mask-position: center;

  padding: 50px 20px 10px 30px;

  border-radius: 0 0 10px 10px;

}



@media only screen and (max-width: 767px) {

  .edu-course.course-style-7 .content {

    -webkit-mask-image: none;

    mask-image: none;

  }

}



.edu-course.course-style-7 .content .course-level {

  background-color: transparent;

  padding: 0;

  font-size: 15px;

  color: var(--color-white);

}



.edu-course.course-style-7 .content .title {

  color: var(--color-white);

}



.edu-course.course-style-7 .content .title a:hover {

  color: rgba(255, 255, 255, 0.8);

}



.edu-course.course-style-7 .content .course-meta {

  margin-bottom: 10px;

}



.edu-course.course-style-7 .content .course-meta li {

  color: var(--color-white);

}



.edu-course.course-style-7 .content .course-meta li i {

  color: var(--color-white);

}



.edu-course.course-style-7 .content p {

  color: var(--color-white);

}



.edu-course.course-style-7.bg-color-extra02 .thumbnail .price-round {

  color: var(--color-extra02);

}



.edu-course.course-style-7.bg-color-extra02 .content {

  background-color: var(--color-extra02);

}



.edu-course.course-style-7.bg-color-secondary .thumbnail .price-round {

  color: var(--color-textSecondary);

}



.edu-course.course-style-7.bg-color-secondary .content {

  background-color: var(--color-textSecondary);

}



.edu-course.course-style-7.bg-color-primary .thumbnail .price-round {

  color: var(--color-primary);

}



.edu-course.course-style-7.bg-color-primary .content {

  background-color: var(--color-primary);

}



.edu-course.course-style-14 {

  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.07);

  margin-bottom: 50px;

}



.edu-course.course-style-14:last-child {

  margin-bottom: 0;

}



.edu-course.course-style-14 .content .course-rating {

  margin-bottom: 10px;

}



.edu-course.course-style-14 .content p {

  margin-bottom: 12px;

}



.edu-course.course-style-14 .content .course-meta {

  margin: -10px 0;

}



.edu-course.course-style-14 .hover-content-aside {

  top: 100%;

  left: 50%;

  -webkit-transform: translateY(0) translateX(-50%);

  -ms-transform: translateY(0) translateX(-50%);

  transform: translateY(0) translateX(-50%);

  padding-top: 12px;

  z-index: 2;

}



.edu-course.course-style-14 .hover-content-aside .content {

  padding: 30px 30px 40px;

}



.edu-course.course-style-14 .hover-content-aside .content:before {

  border-left: 11px solid transparent;

  border-right: 11px solid transparent;

  border-bottom: 12px solid var(--color-white);

  border-top: none;

  top: 0;

  left: 50%;

  -webkit-transform: translateY(0) translateX(-50%);

  -ms-transform: translateY(0) translateX(-50%);

  transform: translateY(0) translateX(-50%);

}



.edu-course.course-style-14 .hover-content-aside .content .course-level {

  background-color: transparent;

  padding: 0;

  color: var(--color-secondary);

  font-size: 15px;

  margin-bottom: 10px;

}



.edu-course.course-style-14 .hover-content-aside .content .course-meta {

  margin-bottom: 2px;

}



.edu-course.course-style-14:hover {

  background-color: var(--color-white);

}



.edu-course.course-style-14:hover .content .course-price {

  color: var(--color-secondary);

}



.edu-course.course-style-14:hover .content .title a {

  color: var(--color-heading);

}



.edu-course.course-style-14:hover .content .title a:hover {

  color: var(--color-primary);

}



.edu-course.course-style-14:hover .content .course-rating .rating-count {

  color: var(--color-heading);

}



.edu-course.course-style-14:hover .content .course-meta li {

  color: var(--color-heading);

}



.edu-course.course-style-14:hover .content .course-meta li:after {

  background-color: #e5e5e5;

}



.edu-course.course-style-14:hover .content .course-meta li i {

  color: #a7a7a7;

}



.edu-course.course-style-9 {

  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.07);

  margin-bottom: 50px;

  margin-left: 105px;

}



@media only screen and (max-width: 575px) {

  .edu-course.course-style-9 {

    margin-left: 0px;

  }

}



.edu-course.course-style-9:last-child {

  margin-bottom: 0;

}



.edu-course.course-style-9 .thumbnail {

  margin-left: -135px;

}



@media only screen and (max-width: 575px) {

  .edu-course.course-style-9 .thumbnail {

    margin-left: 0px;

  }

}



.edu-course.course-style-9 .thumbnail a {

  border-radius: 50%;

}



.edu-course.course-style-9 .thumbnail a img {

  border-radius: 50%;

}



.edu-course.course-style-9 .thumbnail a:after {

  border-radius: 50%;

}



.edu-course.course-style-9 .content .course-rating {

  margin-bottom: 10px;

}



.edu-course.course-style-9 .content p {

  margin-bottom: 12px;

}



.edu-course.course-style-9 .content .course-meta {

  margin: -10px 0;

}



.edu-course.course-style-9 .hover-content-aside {

  top: 100%;

  left: 50%;

  -webkit-transform: translateY(0) translateX(-50%);

  -ms-transform: translateY(0) translateX(-50%);

  transform: translateY(0) translateX(-50%);

  padding-top: 12px;

  z-index: 2;

}



.edu-course.course-style-9 .hover-content-aside .content {

  padding: 30px 30px 40px;

}



.edu-course.course-style-9 .hover-content-aside .content:before {

  border-left: 11px solid transparent;

  border-right: 11px solid transparent;

  border-bottom: 12px solid var(--color-white);

  border-top: none;

  top: 0;

  left: 50%;

  -webkit-transform: translateY(0) translateX(-50%);

  -ms-transform: translateY(0) translateX(-50%);

  transform: translateY(0) translateX(-50%);

}



.edu-course.course-style-9 .hover-content-aside .content .course-level {

  background-color: transparent;

  padding: 0;

  color: var(--color-secondary);

  font-size: 15px;

  margin-bottom: 10px;

}



.edu-course.course-style-9 .hover-content-aside .content .course-meta {

  margin-bottom: 2px;

}



.edu-course.course-style-9:hover {

  background-color: var(--color-white);

}



.edu-course.course-style-9:hover .content .course-price {

  color: var(--color-secondary);

}



.edu-course.course-style-9:hover .content .title a {

  color: var(--color-heading);

}



.edu-course.course-style-9:hover .content .title a:hover {

  color: var(--color-primary);

}



.edu-course.course-style-9:hover .content .course-rating .rating-count {

  color: var(--color-heading);

}



.edu-course.course-style-9:hover .content .course-meta li {

  color: var(--color-heading);

}



.edu-course.course-style-9:hover .content .course-meta li:after {

  background-color: #e5e5e5;

}



.edu-course.course-style-9:hover .content .course-meta li i {

  color: #a7a7a7;

}



.edu-course.course-box-shadow {

  box-shadow: var(--shadow-darker);

}



.edu-course.course-style-1.hover-button-bg-white a.edu-btn.btn-secondary:hover,

.edu-course.course-style-2.hover-button-bg-white a.edu-btn.btn-secondary:hover {

  color: var(--color-black);

  background: #ffffff;

}



.edu-course.course-style-1.hover-button-bg-white a.edu-btn.btn-secondary:hover:after,

.edu-course.course-style-2.hover-button-bg-white a.edu-btn.btn-secondary:hover:after {

  background: #ffffff;

}



.edu-course.course-style-1.hover-button-bg-white a.edu-btn.btn-secondary:after,

.edu-course.course-style-2.hover-button-bg-white a.edu-btn.btn-secondary:after {

  display: none;

}



.edu-course-area {

  position: relative;

}



.edu-course-area.course-area-6 {

  padding-bottom: 175px;

}



@media only screen and (max-width: 767px) {

  .edu-course-area.course-area-6 .course-activation .swiper-wrapper .swiper-slide {

    padding: 0;

  }

}



.edu-course-area.course-area-6 .swiper-pagination-bullets.swiper-pagination-horizontal {

  bottom: 110px;

  left: 0;

  width: 100%;

}



@media only screen and (max-width: 479px) {

  .edu-course-area.course-area-6 .swiper-pagination-bullets.swiper-pagination-horizontal {

    bottom: 90px;

  }

}



.edu-course-area.course-area-8 {

  background-color: var(--color-lighten01);

  position: relative;

  overflow: hidden;

}



.edu-course-area.course-area-8::before {

  display: none;

}



.edu-course-area.course-area-8 ul {

  padding-left: 0;

  list-style: none;

}



.edu-course-area.course-area-8 ul .section-title {

  display: inline-block;

  margin-top: 0px;

}



@media only screen and (max-width: 991px) {

  .edu-course-area.course-area-8 ul .section-title {

    display: block;

    text-align: center;

  }

}



.edu-course-area.course-area-8 ul .course-view-all {

  text-align: right;

  margin-top: -140px;

  margin-bottom: 55px;

}



@media only screen and (max-width: 991px) {

  .edu-course-area.course-area-8 ul .course-view-all {

    margin-top: -15px;

    margin-bottom: 33px;

    text-align: center;

  }

}



.edu-course-area.course-area-8 ul .course-view-all a:hover {

  color: var(--color-white);

}



.edu-course-area.course-area-8 .shape-group li.shape-1 {

  left: -280px;

  top: 13px;

}



.edu-course-area.course-area-8 .shape-group li.shape-2 {

  left: -600px;

  top: -430px;

  z-index: -1;

}



.edu-course-area.course-area-8 .shape-group li.shape-2 span {

  width: 570px;

  height: 570px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

  display: block;

}



.edu-course-area.course-area-8 .shape-group li.shape-3 {

  bottom: -68px;

  right: -111px;

}



.edu-course-area.course-area-8 .shape-group li.shape-4 {

  right: -100px;

  bottom: -12px;

  z-index: 1;

}



.edu-course-area .edu-course.course-style-8::after {

  position: absolute;

  content: "";

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background: var(--gradient-primary);

  border-radius: 5px;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.edu-course-area .edu-course.course-style-8 .inner {

  position: relative;

  z-index: 12;

}



.edu-course-area .edu-course.course-style-8 .thumbnail a::after {

  border-radius: 50%;

}



.edu-course-area .edu-course.course-style-8 .thumbnail a img {

  border-radius: 50% !important;

}



.edu-course-area .edu-course.course-style-8 .thumbnail .time-top {

  left: 0;

}



.edu-course-area .edu-course.course-style-8:hover {

  background: transparent;

}



.edu-course-area .edu-course.course-style-8:hover::after {

  opacity: 1;

  visibility: visible;

}



.edu-course-area .edu-course.course-style-8:hover .course-hover-content-wrapper {

  opacity: 1;

}



.edu-course-area .edu-course.course-style-8:hover .thumbnail a img {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}



.edu-course-area .edu-course.course-style-8:hover .title a {

  color: var(--color-white);

}



.edu-course-area .edu-course.course-style-8:hover .title a:hover {

  color: var(--color-white);

}



.edu-course-area .edu-course.course-style-8:hover .course-rating .rating-count {

  color: var(--color-white);

}



.edu-course-area .edu-course.course-style-8:hover .course-meta li {

  color: var(--color-white);

}



.edu-course-area .edu-course.course-style-8:hover .course-meta li i {

  color: var(--color-white);

}



.edu-course-area.course-area-9 ul {

  padding-left: 0;

  list-style: none;

}



.edu-course-area.course-area-9 ul .section-title {

  display: inline-block;

  margin-top: 0px;

}



@media only screen and (max-width: 991px) {

  .edu-course-area.course-area-9 ul .section-title {

    display: block;

    text-align: center;

  }

}



.edu-course-area.course-area-9 ul .course-view-all {

  text-align: right;

  margin-top: -140px;

  margin-bottom: 55px;

}



@media only screen and (max-width: 991px) {

  .edu-course-area.course-area-9 ul .course-view-all {

    margin-top: -15px;

    margin-bottom: 33px;

    text-align: center;

  }

}



.edu-course-area.course-area-9 ul .course-view-all a.edu-btn {

  background-color: var(--color-lighten01);

  color: var(--color-primary);

}



.edu-course-area.course-area-9 ul .course-view-all a.edu-btn:hover {

  color: var(--color-white);

}



.edu-course-area .course-style-12 {

  background-color: var(--color-white);

}



.edu-course-area .course-style-12 .inner .thumbnail {

  position: relative;

}



.edu-course-area .course-style-12 .inner .thumbnail a {

  border-radius: 5px;

}



.edu-course-area .course-style-12 .inner .thumbnail a img {

  border-radius: 5px;

}



.edu-course-area .course-style-12 .inner .thumbnail .course-price {

  position: absolute;

  left: 20px;

  top: 20px;

  background-color: var(--color-extra05);

  color: var(--color-white);

  font-size: 14px;

  width: 80px;

  height: 26px;

  line-height: 28px;

  text-align: center;

  border-radius: 5px;

}



.edu-course-area .course-style-12 .inner .thumbnail .read-more-btn {

  position: absolute;

  right: 30px;

  bottom: -30px;

}



.edu-course-area .course-style-12 .inner .thumbnail .read-more-btn a.btn-icon-round {

  border-radius: 50%;

  background-color: var(--color-white);

  color: var(--color-primary);

  box-shadow: var(--shadow-dark);

}



.edu-course-area .course-style-12 .inner .thumbnail .read-more-btn a.btn-icon-round:hover {

  background-color: var(--color-primary);

  color: var(--color-white);

}



.edu-course-area .course-style-12 .inner .instructor {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  margin-top: 30px;

}



.edu-course-area .course-style-12 .inner .instructor img {

  width: 40px;

  height: 40px;

  border-radius: 50%;

}



.edu-course-area .course-style-12 .inner .instructor .instructor-name {

  margin-top: 12px;

  margin-left: 15px;

  font-size: 15px;

  font-weight: var(--p-semi-bold);

}



.edu-course-area .course-style-12 .inner .content {

  padding: 0px 50px 10px 0px;

}



.edu-course-area .course-style-12 .inner .content .title {

  font-size: 18px;

  font-weight: var(--p-bold);

}



.edu-course-area.course-area-10 {

  background: var(--cta-color-bg);

  overflow: hidden;

}



.edu-course-area.course-area-10 .shape-group li.shape-1 {

  left: -183px;

  bottom: -63px;

  z-index: 1;

}



.edu-course-area.course-area-10 .shape-group li.shape-2 {

  right: -81px;

  top: -226px;

  z-index: 1;

}



.edu-course-area.course-area-10 .shape-group li.shape-3 {

  top: 155px;

  left: 100px;

  z-index: 0;

}



.edu-course-area.course-area-10 .shape-group li.shape-4 {

  left: -173px;

  top: -185px;

  z-index: 1;

}



.edu-course-area.course-area-10 .shape-group li.shape-4 span {

  display: block;

  height: 470px;

  width: 470px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.edu-course-area .course-style-10 .inner .thumbnail img {

  border-top-left-radius: 5px;

  border-top-right-radius: 5px;

}



.edu-course-area .course-style-10 .course-price {

  position: absolute;

  left: 20px;

  top: 20px;

  background-color: var(--color-extra05);

  color: var(--color-white);

  font-size: 14px;

  width: 137px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  border-radius: 5px;

}



.edu-course-area .course-style-10 .flag-wrap {

  position: absolute;

  right: 30px;

  bottom: -30px;

  background-color: var(--color-white);

  border: 8px solid var(--color-white);

  border-radius: 50%;

  box-shadow: var(--shadow-dark);

  z-index: 1;

}



.edu-course-area .course-style-10 .flag-wrap .flag-content {

  border-radius: 50%;

}



.edu-course-area .course-style-10 .flag-wrap .flag-content img {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}



.edu-course-area .course-style-10 .content {

  background: var(--color-white);

  border-bottom-right-radius: 5px;

  border-bottom-left-radius: 5px;

}



.edu-course-area .course-style-10 .content .title a {

  font-size: 18px;

  font-weight: var(--p-bold);

  color: var(--color-heading);

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-course-area .course-style-10 .content .title a:hover {

  color: var(--color-primary);

}



.edu-course-area .course-style-11 .inner .thumbnail::after {

  content: "";

  height: 100%;

  width: 100%;

  background: white;

  background: -webkit-linear-gradient(top,

      rgba(51, 51, 51, 0.01) 25%,

      rgba(51, 51, 51, 0.7) 100%);

  background: linear-gradient(top,

      rgba(51, 51, 51, 0.01) 25%,

      rgba(51, 51, 51, 0.7) 100%);

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  border-radius: 5px;

  overflow: hidden;

  visibility: visible;

  opacity: 1;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-course-area .course-style-11 .inner .thumbnail img {

  border-radius: 5px;

}



.edu-course-area .course-style-11 .inner .thumbnail .course-meta {

  position: absolute;

  left: 0;

  bottom: 10px;

  margin-bottom: 0;

}



.edu-course-area .course-style-11 .inner .thumbnail .course-meta li {

  display: inline-block;

  font-size: 13px;

  color: var(--color-heading);

  font-weight: var(--p-semi-bold);

  background-color: var(--color-white);

  line-height: 22px;

  border-radius: 30px;

  margin-right: 10px;

  padding: 4px 18px;

  position: relative;

  z-index: 2;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-course-area .course-style-11 .inner .thumbnail .course-meta li .icon-course {

  color: var(--color-body);

  margin-right: 6px;

}



.edu-course-area .course-style-11 .inner .thumbnail a {

  border-radius: 5px;

}



.edu-course-area .course-style-11 .inner .thumbnail a::after {

  border-radius: 5px !important;

}



.edu-course-area .course-style-11 .course-price {

  position: absolute;

  left: 20px;

  top: 20px;

  background-color: var(--color-primary);

  color: var(--color-white);

  font-size: 22px;

  font-weight: var(--p-bold);

  width: 80px;

  height: 80px;

  line-height: 80px;

  text-align: center;

  border-radius: 50%;

  z-index: 1;

}



.edu-course-area .course-style-11 .content {

  background: var(--color-white);

  padding: 30px 40px 0 0;

}



.edu-course-area .course-style-11 .content .pre-textsecondary {

  color: var(--color-secondary);

  margin-bottom: 8px;

}



.edu-course-area .course-style-11 .content .title a {

  font-size: 18px;

  font-weight: var(--p-bold);

  color: var(--color-heading);

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-course-area .course-style-11 .content .title a:hover {

  color: var(--color-primary);

}



.edu-course-area .course-style-13 .inner .thumbnail::after {

  background: -webkit-linear-gradient(top,

      rgba(51, 51, 51, 0.1) 49%,

      #333333 100%);

  background: linear-gradient(top, rgba(51, 51, 51, 0.1) 49%, #333333 100%);

}



.edu-course-area .course-style-13 .inner .thumbnail .course-meta li {

  font-size: 14px;

  margin-left: 20px;

}



.edu-course-area .course-style-13 .course-price {

  font-size: 22px;

  width: 70px;

  height: 70px;

  line-height: 70px;

}



.home-photography-course {

  padding: 180px 0 120px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .home-photography-course {

    padding: 95px 0 100px;

  }

}



@media only screen and (max-width: 767px) {

  .home-photography-course {

    padding: 75px 0 80px;

  }

}



.home-photography-course ul {

  padding-left: 0;

  list-style: none;

}



.home-photography-course ul .section-title {

  display: inline-block;

  margin-top: 0px;

}



@media only screen and (max-width: 991px) {

  .home-photography-course ul .section-title {

    display: block;

    text-align: center;

  }

}



.home-photography-course ul .course-view-all {

  text-align: right;

  margin-top: -140px;

  margin-bottom: 55px;

}



@media only screen and (max-width: 991px) {

  .home-photography-course ul .course-view-all {

    margin-top: -15px;

    margin-bottom: 33px;

    text-align: center;

  }

}



.home-photography-course ul .course-view-all a {

  font-weight: var(--p-semi-bold);

}



.home-photography-course ul .course-view-all a.edu-btn {

  background-color: var(--color-lighten01);

  color: var(--color-primary);

}



.home-photography-course ul .course-view-all a:hover {

  color: var(--color-white);

}



.home-photography-course .course-style-13 .content {

  padding: 30px 10px 0 0;

}



.course-view-all {

  text-align: center;

  margin-top: 60px;

}



.course-view-all .view-text {

  margin-bottom: 0;

}



.course-layout-five-tooltip-content {

  width: 344px;

  pointer-events: none;

  z-index: 1;

}



.course-layout-five-tooltip-content .content {

  border-radius: 4px;

  padding: 30px 30px 40px 30px;

  position: relative;

}



.course-layout-five-tooltip-content .content .price-round {

  position: absolute;

  top: -40px;

  right: 30px;

}



.course-layout-five-tooltip-content .content .course-level {

  background-color: transparent;

  color: var(--color-secondary);

  font-size: 15px;

  padding: 0;

  margin-bottom: 15px;

  display: inline-block;

  font-weight: 500;

  font-family: var(--font-secondary);

}



.course-layout-five-tooltip-content .content .title {

  margin-top: 0px;

  margin-bottom: 8px;

}



.course-layout-five-tooltip-content .content .title a {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  pointer-events: all;

}



.course-layout-five-tooltip-content .content .title a:hover {

  color: var(--color-primary);

}



.course-layout-five-tooltip-content .content .course-rating {

  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: 0px;

}



.course-layout-five-tooltip-content .content .course-rating .rating {

  color: #f8b81f;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.course-layout-five-tooltip-content .content .course-rating .rating-count {

  font-size: 14px;

  font-weight: 500;

  color: var(--color-heading);

  margin-left: 10px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.course-layout-five-tooltip-content .content .course-price {

  font-size: 14px;

  font-weight: var(--p-semi-bold);

  color: var(--color-secondary);

  font-family: var(--font-secondary);

  margin-bottom: 14px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.course-layout-five-tooltip-content .content .course-price.price-round {

  font-size: 22px;

  font-weight: var(--p-bold);

  color: var(--color-white);

  height: 80px;

  width: 80px;

  line-height: 84px;

  background-color: var(--color-primary);

  border-radius: 50%;

  text-align: center;

}



.course-layout-five-tooltip-content .content .course-meta li {

  display: inline-block;

  margin-right: 25px;

  position: relative;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  font-size: var(--font-size-b1);

  color: var(--color-body);

}



.course-layout-five-tooltip-content .content .course-meta li:after {

  position: absolute;

  content: "";

  height: 5px;

  width: 5px;

  background-color: #d1d1d1;

  border-radius: 50%;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  right: -17px;

}



.course-layout-five-tooltip-content .content .course-meta li:last-child {

  margin-right: 0;

}



.course-layout-five-tooltip-content .content .course-meta li:last-child:after {

  display: none;

}



.course-layout-five-tooltip-content .content .course-meta li i {

  color: #a7a7a7;

  font-size: 14px;

  margin-right: 7px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.course-layout-five-tooltip-content .content .course-feature {

  margin-bottom: 25px;

}



.course-layout-five-tooltip-content .content .course-feature ul li {

  font-size: 13px;

  position: relative;

  padding-left: 28px;

}



.course-layout-five-tooltip-content .content .course-feature ul li:before {

  content: "\e913";

  font-family: "icomoon";

  color: var(--color-heading);

  margin-right: 15px;

  position: absolute;

  left: 0;

  top: 2px;

}



.course-layout-five-tooltip-content .content .button-group .edu-btn {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  color: var(--color-white) !important;

  pointer-events: all;

}



body .tpd-size-medium .tpd-content {

  padding: inherit;

  font-size: inherit;

  line-height: inherit;

}



.tpd-tooltip .tpd-content-wrapper {

  overflow: unset;

}



@media only screen and (max-width: 767px) {

  .tpd-tooltip .tpd-content-wrapper {

    display: none;

  }

}



.tpd-tooltip .tpd-content {

  padding: 0;

  line-height: inherit;

  font-size: var(--fontSize);

}



.tpd-tooltip .tpd-shift-stem-side {

  display: none !important;

}



.tpd-tooltip .tpd-backgrounds,

.tpd-tooltip .tpd-stem {

  display: none !important;

}



.tpd-visible-frame-left .tpd-frame-left,

.tpd-visible-frame-right .tpd-frame-left {

  position: relative;

}



.tpd-visible-frame-left .tpd-frame-left:before,

.tpd-visible-frame-right .tpd-frame-left:before {

  content: "";

  border-top: 12px solid transparent;

  border-right: 13px solid var(--color-white);

  border-bottom: 12px solid transparent;

  position: absolute;

  top: 50%;

  left: -12px;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 9;

}



.tpd-visible-frame-right .tpd-frame-left:after {

  content: "";

  border-top: 12px solid transparent;

  border-right: 13px solid var(--color-white);

  border-bottom: 12px solid transparent;

  position: absolute;

  top: 50%;

  left: -12px;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 9;

}



.tpd-visible-frame-right .tpd-frame-right {

  position: relative;

  list-style: none;

}



.tpd-visible-frame-right .tpd-frame-right:after {

  content: "";

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 9;

  border-left: 13px solid var(--color-white);

  border-top: 12px solid transparent;

  border-bottom: 12px solid transparent;

  left: inherit !important;

  right: 0px;

}



.tpd-skin {

  left: 12px;

}



@media only screen and (max-width: 767px) {

  .tpd-skin {

    display: none;

  }

}



.tpd-content-spacer {

  background: var(--color-white);

  box-shadow: 0px 0px 50px 0px rgba(26, 46, 85, 0.2);

  border-radius: 4px;

}



.tpd-skin.tpd-visible-frame-right {

  left: 0px;

}



.tpd-skin-light a {

  color: inherit !important;

}



.tpd-tooltip {

  z-index: 9 !important;

}



.tpd-tooltip a,

.tpd-tooltip a:hover {

  color: inherit !important;

  text-decoration: inherit !important;

}



.load-more-btn {

  text-align: center;

  margin-top: 70px;

}



@media only screen and (max-width: 767px) {

  .load-more-btn {

    margin-top: 50px;

  }

}



.load-more-btn .edu-btn {

  padding: 0 50px;

}



@media only screen and (max-width: 767px) {

  .load-more-btn .edu-btn {

    padding: 0 30px;

  }

}



.load-more-btn .edu-btn i {

  font-size: 20px;

  top: 4px;

  padding-left: 10px;

}



@media only screen and (max-width: 767px) {

  .load-more-btn .edu-btn i {

    font-size: 15px;

    top: 2px;

  }

}



.isotop-button {

  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;

  margin: -5px -5px 45px;

}



@media only screen and (max-width: 575px) {

  .isotop-button {

    display: inline-block;

    text-align: center;

  }

}



.isotop-button button {

  text-align: center;

  font-size: 14px;

  font-weight: var(--p-medium);

  text-transform: uppercase;

  color: var(--color-heading);

  background-color: #ede8e1;

  border-radius: 5px;

  border: none;

  padding: 0 30px;

  height: 60px;

  margin: 5px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  position: relative;

  z-index: 1;

}



@media only screen and (max-width: 575px) {

  .isotop-button button {

    padding: 0 25px;

    height: 50px;

    font-size: 12px;

  }

}



.isotop-button button:after {

  content: "";

  width: 0;

  height: 0;

  border-left: 7px solid transparent;

  border-right: 7px solid transparent;

  border-top: 10px solid var(--color-secondary);

  position: absolute;

  bottom: -5px;

  left: 0;

  right: 0;

  margin: 0 auto;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  z-index: -1;

}



@media only screen and (max-width: 575px) {

  .isotop-button button:after {

    display: none;

  }

}



.isotop-button button:hover,

.isotop-button button.is-checked {

  background-color: var(--color-secondary);

  color: var(--color-white);

}



.isotop-button button:hover:after,

.isotop-button button.is-checked:after {

  bottom: -10px;

  visibility: visible;

  opacity: 1;

}



.isotop-button.button-transparent button {

  text-align: center;

  font-size: 16px;

  font-weight: var(--p-medium);

  text-transform: capitalize;

  background-color: transparent;

  color: var(--color-body);

  height: auto;

  padding: 0 12px;

}



.isotop-button.button-transparent button:after {

  display: block;

  border: none;

  height: 2px;

  width: 0;

  background-color: var(--color-primary);

  bottom: 0;

}



.isotop-button.button-transparent button:hover:after,

.isotop-button.button-transparent button.is-checked:after {

  width: 100%;

  visibility: visible;

  opacity: 1;

}



.course-area-3 {

  overflow: hidden;

  position: relative;

  z-index: 1;

}



@media only screen and (max-width: 767px) {

  .course-area-3 .shape-group {

    display: none;

  }

}



.course-area-3 .shape-group li {

  position: absolute;

  z-index: -1;

}



.course-area-3 .shape-group li.shape-1 {

  top: -75px;

  right: -50px;

}



.course-area-3 .shape-group li.shape-2 {

  bottom: -65px;

  left: -155px;

}



.course-area-7 {

  padding: 220px 0;

  position: relative;

  z-index: 1;

}



.course-area-7::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-6.svg);

  background-repeat: no-repeat;

  background-size: cover;

  z-index: -1;

}



@media only screen and (max-width: 767px) {

  .course-area-7 {

    padding: 150px 0;

  }

}



.course-area-7 .shape-group li {

  position: absolute;

  z-index: -1;

}



.course-area-7 .shape-group li img {

  opacity: 0.3;

}



.course-area-7 .shape-group li.shape-1 {

  top: 64px;

  left: -100px;

}



.course-area-7 .shape-group li.shape-2 {

  bottom: -50px;

  right: -90px;

}



.course-area-7 .shape-group li.shape-3 {

  top: 140px;

  right: -25px;

}



.edu-sorting-area {

  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;

  margin-bottom: 30px;

}



@media only screen and (max-width: 991px) {

  .edu-sorting-area {

    display: block;

    text-align: center;

  }

}



.edu-sorting-area .showing-text {

  margin-bottom: 0;

}



.edu-sorting-area .showing-text span {

  color: var(--color-primary);

}



.edu-sorting-area .sorting-right {

  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;

}



@media only screen and (max-width: 991px) {

  .edu-sorting-area .sorting-right {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}



@media only screen and (max-width: 479px) {

  .edu-sorting-area .sorting-right {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

  }

}



.edu-sorting-area .sorting-right .layout-switcher {

  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: 30px;

}



@media only screen and (max-width: 991px) {

  .edu-sorting-area .sorting-right .layout-switcher {

    margin-top: 20px;

  }

}



@media only screen and (max-width: 479px) {

  .edu-sorting-area .sorting-right .layout-switcher {

    margin-right: 0;

  }

}



.edu-sorting-area .sorting-right .layout-switcher label {

  font-family: var(--font-secondary);

  font-size: 16px;

  font-weight: 600;

  color: var(--color-heading);

  margin-right: 10px;

  margin-top: 4px;

}



.edu-sorting-area .sorting-right .layout-switcher .switcher-btn {

  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: -5px;

}



.edu-sorting-area .sorting-right .layout-switcher .switcher-btn li {

  margin: 5px;

}



.edu-sorting-area .sorting-right .layout-switcher .switcher-btn li a {

  border: 1px solid var(--color-border);

  border-radius: 3px;

  padding: 8px;

  color: #d1d1d1;

  font-size: 16px;

  line-height: 1;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-sorting-area .sorting-right .layout-switcher .switcher-btn li a:hover,

.edu-sorting-area .sorting-right .layout-switcher .switcher-btn li a.active {

  border-color: var(--color-primary);

  color: var(--color-primary);

}



.edu-sorting-area .sorting-right .edu-sorting {

  position: relative;

}



@media only screen and (max-width: 991px) {

  .edu-sorting-area .sorting-right .edu-sorting {

    margin-top: 20px;

  }

}



.edu-sorting-area .sorting-right .edu-sorting .icon {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  left: 22px;

  font-size: 10px;

  color: var(--color-heading);

}



.edu-sorting-area .sorting-right .edu-sorting .edu-select {

  padding-left: 50px;

  width: 200px;

}



/*-------------------

  Course Details Style

---------------------*/

.course-details-content {

  padding-right: 10px;

}



@media only screen and (max-width: 991px) {

  .course-details-content {

    padding-right: 0;

  }

}



.course-details-content .nav-tabs {

  border-bottom: 1px solid var(--color-border);

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.course-details-content .nav-tabs .nav-item {

  margin: 0 5px;

}



.course-details-content .nav-tabs .nav-item .nav-link {

  font-weight: 600;

  font-size: 16px;

  line-height: 28px;

  border: 0 none;

  background: transparent;

  padding: 15px 25px;

  position: relative;

  color: var(--color-body);

  font-family: var(--font-secondary);

}



.course-details-content .nav-tabs .nav-item .nav-link::after {

  position: absolute;

  content: "";

  background: var(--color-primary);

  height: 2px;

  width: 0;

  -webkit-transition: 0.4s;

  transition: 0.4s;

  left: 0;

  bottom: 0;

  opacity: 0;

}



.course-details-content .nav-tabs .nav-item .nav-link.active,

.course-details-content .nav-tabs .nav-item .nav-link:hover {

  color: var(--color-primary);

}



.course-details-content .nav-tabs .nav-item .nav-link.active::after,

.course-details-content .nav-tabs .nav-item .nav-link:hover::after {

  width: 100%;

  opacity: 1;

}



.course-details-content .course-tab-content {

  margin-top: 65px;

}



@media only screen and (max-width: 767px) {

  .course-details-content .course-tab-content {

    margin-top: 50px;

  }

}



.course-details-content .entry-content .title {

  margin-bottom: 4px;

}



.course-details-content .entry-content .course-meta {

  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;

  margin-left: -20px;

}



@media only screen and (max-width: 767px) {

  .course-details-content .entry-content .course-meta {

    display: block;

    margin-top: 20px;

  }

}



.course-details-content .entry-content .course-meta li {

  margin-right: 20px;

  margin-left: 20px;

  font-weight: 500;

  color: var(--color-heading);

  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;

}



.course-details-content .entry-content .course-meta li:after {

  content: "";

  height: 19px;

  width: 1px;

  background-color: #dbdbdb;

  position: absolute;

  top: 4px;

  right: -20px;

}



@media only screen and (max-width: 767px) {

  .course-details-content .entry-content .course-meta li:after {

    display: none;

  }

}



.course-details-content .entry-content .course-meta li:last-child:after {

  display: none;

}



.course-details-content .entry-content .course-meta li i {

  padding-right: 14px;

  font-size: 24px;

  color: var(--color-primary);

}



.course-details-content .entry-content .course-meta .course-rating .rating {

  margin-right: 8px;

}



.course-details-content .entry-content .course-meta .course-rating .rating i {

  font-size: 15px;

  color: #f8b81f;

  padding: 0;

}



.course-details-content .entry-content .thumbnail {

  position: relative;

  margin-top: 60px;

}



@media only screen and (max-width: 767px) {

  .course-details-content .entry-content .thumbnail {

    margin-top: 40px;

  }

}



.course-details-content .entry-content .thumbnail img {

  border-radius: 5px;

}



.course-details-content .entry-content .thumbnail:after {

  content: "";

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.7);

  border-radius: 5px;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}



.course-details-content .entry-content .thumbnail .video-play-btn {

  position: absolute;

  z-index: 1;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  border: 0;

  width: 80px;

  height: 80px;

  line-height: 82px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  border-radius: 50%;

  background-color: var(--color-white);

  margin: 0 auto;

  display: inline-block;

  font-size: 20px;

  text-align: center;

  color: var(--color-secondary);

}



@media only screen and (max-width: 575px) {

  .course-details-content .entry-content .thumbnail .video-play-btn {

    width: 60px;

    height: 60px;

    line-height: 62px;

  }

}



.course-details-content .entry-content .thumbnail .video-play-btn i {

  margin-left: 5px;

}



.course-details-content .entry-content .thumbnail .video-play-btn:hover {

  background-color: var(--color-secondary);

  color: var(--color-white);

}



.course-details-content .course-enroll-box {

  margin-top: 110px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  background-color: var(--color-white);

  padding: 40px 0;

  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.07);

}



@media only screen and (max-width: 767px) {

  .course-details-content .course-enroll-box {

    margin-top: 80px;

    display: block;

    padding: 10px 0;

  }

}



.course-details-content .course-enroll-box .single-item {

  padding: 0 45px;

  position: relative;

  font-family: var(--font-secondary);

  text-align: center;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .course-details-content .course-enroll-box .single-item {

    padding: 0 35px;

  }

}



@media only screen and (max-width: 767px) {

  .course-details-content .course-enroll-box .single-item {

    padding: 30px 35px;

  }

}



.course-details-content .course-enroll-box .single-item:after {

  content: "";

  height: 140px;

  width: 1px;

  background-color: var(--color-border);

  position: absolute;

  top: 50%;

  right: 0;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



@media only screen and (max-width: 767px) {

  .course-details-content .course-enroll-box .single-item:after {

    height: 1px;

    width: 100%;

    bottom: 0;

    top: auto;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

  }

}



.course-details-content .course-enroll-box .single-item:last-child:after {

  display: none;

}



.course-details-content .course-enroll-box .single-item .enroll-status {

  display: block;

  background-color: rgba(70, 100, 228, 0.07);

  border-radius: 5px;

  padding: 8px 28px;

  font-size: 14px;

  font-weight: 500;

  color: var(--color-extra08);

}



.course-details-content .course-enroll-box .single-item .price {

  font-size: 28px;

  font-weight: 700;

  color: var(--color-secondary);

}



.course-details-content .course-enroll-box .single-item .login-btn {

  font-size: 14px;

}



.course-details-content .course-enroll-box .single-item .login-btn a {

  font-weight: 500;

  color: var(--color-heading);

}



.course-details-content .course-enroll-box .single-item .login-btn a:hover {

  color: var(--color-primary);

}



.course-details-content .course-enroll-box .single-item.course-price {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.course-overview ul {

  list-style: none;

  padding: 0;

  margin: 30px 0;

}



.course-overview ul li {

  margin-top: 15px;

  margin-bottom: 15px;

  padding-left: 30px;

  position: relative;

}



.course-overview ul li:after {

  content: "\e938";

  font-family: var(--font-icomoon);

  color: var(--color-primary);

  position: absolute;

  left: 0;

  top: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.course-overview .border-box {

  border: 1px solid var(--color-border);

  padding: 40px 40px 30px;

  margin-bottom: 90px;

}



@media only screen and (max-width: 575px) {

  .course-overview .border-box {

    padding: 40px 30px 30px;

  }

}



.course-overview .border-box ul {

  margin: 0;

}



.course-curriculam .course-lesson {

  border: 1px solid var(--color-border);

  padding: 40px 50px 50px;

  margin-bottom: 50px;

}



@media only screen and (max-width: 767px) {

  .course-curriculam .course-lesson {

    padding: 35px 20px 40px;

  }

}



.course-curriculam .course-lesson .title {

  margin-bottom: 6px;

}



.course-curriculam .course-lesson:last-child {

  margin-bottom: 0;

}



.course-curriculam .course-lesson ul 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;

  line-height: 26px;

  padding: 14px 0;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  margin: 0;

  color: var(--color-heading);

  border-bottom: 1px solid var(--color-border);

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.course-curriculam .course-lesson ul li:first-child {

  border-top: 1px solid var(--color-border);

}



.course-curriculam .course-lesson ul li i {

  font-size: 16px;

  position: relative;

  top: 1px;

}



.course-curriculam .course-lesson ul li .text i {

  margin-right: 8px;

}



.course-curriculam .course-lesson ul li:hover {

  color: var(--color-primary);

}



.course-curriculam .course-lesson .badge-list {

  margin: -3px;

  text-align: right;

}



.course-curriculam .course-lesson .badge {

  border-radius: 3px;

  font-size: 13px;

  font-weight: 500;

  padding: 7px;

  margin: 3px;

}



.course-curriculam .course-lesson .badge.badge-primary {

  background-color: rgba(26, 182, 157, 0.07);

  opacity: 1;

  color: var(--color-primary);

}



.course-curriculam .course-lesson .badge.badge-secondary {

  background-color: rgba(238, 74, 99, 0.07);

  opacity: 1;

  color: var(--color-secondary);

}



.course-instructor {

  padding: 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.course-instructor .thumbnail {

  min-width: 170px;

  margin-right: 30px;

}



@media only screen and (max-width: 575px) {

  .course-instructor .thumbnail {

    min-width: 80px;

  }

}



.course-instructor .thumbnail img {

  width: 100%;

  object-fit: cover;

  border-radius: 5px;

}



.course-instructor .author-content .title {

  margin-bottom: 0;

  font-size: 20px;

}



.course-instructor .author-content .subtitle {

  display: block;

  margin-bottom: 20px;

}



.course-instructor .author-content p {

  margin-bottom: 25px;

}



.course-review .heading-title {

  margin-bottom: 5px;

}



.course-review .rating-box {

  background: #ffffff;

  box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.07);

  border-radius: 5px;

  text-align: center;

  width: 170px;

  height: 170px;

  padding: 20px 10px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -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;

}



@media only screen and (max-width: 575px) {

  .course-review .rating-box {

    margin: 0 auto;

  }

}



.course-review .rating-box .rating {

  color: #f8b81f;

  margin-bottom: 5px;

}



.course-review .rating-box .rating-number {

  font-weight: 700;

  font-size: 28px;

  line-height: 1;

  font-family: var(--font-secondary);

  color: var(--color-secondary);

  margin-bottom: 10px;

}



.course-review .rating-box span {

  font-size: 14px;

  line-height: 26px;

}



.course-review .review-wrapper {

  margin-top: -30px;

}



@media only screen and (max-width: 767px) {

  .course-review .review-wrapper {

    margin-left: 30px;

  }

}



@media only screen and (max-width: 575px) {

  .course-review .review-wrapper {

    margin-top: 0;

    margin-left: 0;

  }

}



.course-review .review-wrapper .single-progress-bar {

  position: relative;

}



.course-review .review-wrapper .rating-text {

  display: inline-block;

  position: relative;

  top: 17px;

  font-family: var(--font-secondary);

  font-size: 14px;

  font-weight: 500;

  color: var(--color-heading);

}



.course-review .review-wrapper .rating-text i {

  color: #f8b81f;

  padding-left: 12px;

}



.course-review .review-wrapper .progress {

  margin-right: 38px;

  margin-left: 70px;

  height: 6px;

  background: #f2f2f2;

}



.course-review .review-wrapper .progress .progress-bar {

  background-color: #f8b81f;

}



.course-review .review-wrapper span.rating-value {

  font-family: var(--font-secondary);

  font-size: 14px;

  font-weight: 500;

  color: var(--color-heading);

  position: absolute;

  right: 0;

  top: 55%;

}



.course-review .comment-area {

  margin-top: 70px;

}



.course-review .comment-list-wrapper .comment .comment-content .rating {

  color: #f8b81f;

  margin-bottom: 6px;

}



.course-review .comment-list-wrapper .comment+.comment {

  margin-top: 5px;

}



.course-review .comment-form-area {

  margin-top: 40px;

}



.course-review .comment-form-area .heading-title {

  margin-bottom: 25px;

}



.course-review .comment-form-area .rating-icon {

  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: 20px;

}



.course-review .comment-form-area .rating-icon .title {

  margin-bottom: 0;

  margin-right: 22px;

}



.course-review .comment-form-area .rating-icon .rating i {

  color: #e1e1e1;

}



.course-review .comment-form-area .rating-icon .rating i:hover {

  color: #f8b81f;

}



.course-review .border-box {

  border: 1px solid var(--color-border);

  padding-bottom: 10px;

}



.course-review .border-box .rating-box {

  margin: 30px 0 30px 30px;

}



@media only screen and (max-width: 991px) {

  .course-review .border-box .rating-box {

    margin: 30px auto;

  }

}



.course-review .border-box .review-wrapper {

  margin-right: 30px;

}



@media only screen and (max-width: 1199px) {

  .course-review .border-box .review-wrapper {

    margin-left: 30px;

  }

}



@media only screen and (max-width: 991px) {

  .course-review .border-box .review-wrapper {

    margin-bottom: 40px;

  }

}



.course-review .border-box .comment-area {

  border-top: 1px solid var(--color-border);

  margin-top: 0;

  padding-top: 30px;

}



.course-review .border-box .comment-list-wrapper .comment {

  padding-left: 30px;

  padding-right: 30px;

}



@media only screen and (max-width: 575px) {

  .course-review .border-box .comment-list-wrapper .comment {

    padding-left: 20px;

    padding-right: 20px;

  }

}



.course-details-3 .nav-tabs {

  margin-top: 80px;

}



@media only screen and (max-width: 767px) {

  .course-details-3 .nav-tabs {

    margin-top: 60px;

  }

}



.course-details-3 .nav-tabs .nav-item .nav-link.active,

.course-details-3 .nav-tabs .nav-item .nav-link:hover {

  color: var(--color-heading);

}



.course-details-3 .course-curriculam .heading-title {

  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;

}



.course-details-3 .course-curriculam .heading-title .title {

  margin-bottom: 0;

}



.course-details-3 .course-curriculam .heading-title button i {

  font-size: 6px;

  top: -2px;

}



.course-details-3 .course-curriculam .edu-accordion .heading-title {

  margin-bottom: 15px;

  margin-top: 40px;

}



.course-details-3 .course-curriculam .edu-accordion .accordion-item {

  margin-bottom: 10px;

}



.course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button {

  padding: 30px 50px 26px 65px;

  display: block;

}



.course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button:before {

  content: "";

  height: 20px;

  width: 20px;

  border: 3px solid var(--color-border);

  border-radius: 50%;

  position: absolute;

  top: 28px;

  left: 30px;

}



.course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button:after {

  content: "\e91e";

  font-size: 6px;

  height: 20px;

  width: 20px;

  line-height: 20px;

  text-align: center;

  background: var(--gradient-primary);

  color: var(--color-white);

  font-weight: 400;

  border-radius: 50%;

  position: absolute;

  top: 30%;

  right: 47px;

}



.course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button .topics {

  display: block;

  font-size: 15px;

  color: var(--color-body);

  font-family: var(--font-primary);

  font-weight: 500;

  margin-top: 4px;

}



.course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button .expand {

  position: absolute;

  top: 60%;

  right: 30px;

  font-size: 13px;

}



.course-details-3 .course-curriculam .edu-accordion .accordion-item.no-collapsed .accordion-button:after {

  display: none;

}



.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status {

  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;

  padding: 22px 30px 20px 70px;

  background-color: var(--color-primary);

  color: var(--color-white);

}



.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .title {

  color: var(--color-white);

  margin-bottom: 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .title i {

  font-size: 20px;

  margin-right: 15px;

}



.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text {

  font-size: 13px;

  font-weight: 500;

}



.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span {

  position: relative;

  display: inline-block;

  margin-right: 20px;

}



.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span:after {

  content: "";

  height: 13px;

  width: 1px;

  background-color: var(--color-white);

  position: absolute;

  top: 4px;

  right: -12px;

}



.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span:last-child {

  margin-right: 0;

}



.course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span:last-child:after {

  display: none;

}



.course-details-3 .course-curriculam .edu-accordion .course-lesson ul li {

  padding: 14px 30px 14px 100px;

  position: relative;

}



.course-details-3 .course-curriculam .edu-accordion .course-lesson ul li:before {

  content: "";

  height: 20px;

  width: 20px;

  border: 3px solid var(--color-border);

  border-radius: 50%;

  position: absolute;

  top: 50%;

  left: 70px;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



/*-------------------

  Event Styles

---------------------*/

.edu-event {

  position: relative;

  box-shadow: var(--shadow-darkest);

}



.edu-event.event-style-1 {

  box-shadow: none;

}


.event-style-1 .thumbnail img {
    aspect-ratio: 6/4;
}


.edu-event .thumbnail {

  -webkit-transition: var(--transition);

  transition: var(--transition);

  position: relative;

}



.edu-event .thumbnail a {

  display: block;

  border-radius: 5px 5px 0 0;

  position: relative;

  overflow: hidden;

}



.edu-event .thumbnail a:after {

  content: "";

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-event .thumbnail a img {

  width: 100%;

  height: 150px;

  border-radius: 5px 5px 0 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-event .thumbnail .event-time {

  position: absolute;

  top: 10px;

  left: 10px;

}



.edu-event .thumbnail .event-time span {

  background-color: #f8941f;

  border-radius: 4px;

  padding: 4px 10px;

  font-weight: 500;

  font-size: 12px;

  color: var(--color-white);

  font-family: var(--font-secondary);

  display: block;

}



.edu-event .thumbnail .event-time span i {

  margin-right: 5px;

  font-size: 18px;

  position: relative;

  top: 2px;

}



.edu-event .content {

  background-color: #f7f5f2;

  position: relative;

  padding: 40px 30px 45px;

  border-radius: 0 0 5px 5px;

  box-shadow: none;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-event .content:after {

  content: "";

  height: 10px;

  width: 100%;

  background-color: rgba(255, 91, 92, 0.3);

  border-radius: 0 0 5px 5px;

  position: absolute;

  bottom: -5px;

  left: 0;

  right: 0;

  z-index: -1;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-event .content .event-date {

  width: 80px;

  height: 80px;

  background: var(--color-primary);

  border-radius: 50%;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -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: -40px;

  right: 30px;

  z-index: 1;

}



.edu-event .content .event-date span {

  font-weight: 700;

  font-size: 22px;

  display: block;

  color: var(--color-white);

  text-align: center;

  font-family: var(--font-secondary);

}



.edu-event .content .event-date span.day {

  line-height: 1;

  margin-bottom: 4px;

}



.edu-event .content .event-date span.month {

  line-height: 1;

  font-size: 14px;

  font-weight: 500;

}



.edu-event .content .title {

  max-height: 50px;

  overflow: hidden;

}



.edu-event .content .event-meta {

  padding-top: 14px;

  padding-bottom: 0;

  margin: -5px -16px;

}



.edu-event .content .event-meta li {

  color: var(--color-body);

  margin: 5px 16px;

}



.edu-event .content .event-meta li i {

  color: var(--color-secondary);

  font-size: 22px;

  top: 5px;

  padding-right: 10px;

  position: relative;

}



.edu-event .content .read-more-btn {

  visibility: hidden;

  opacity: 0;

  margin-bottom: -50px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-event .content p {

  margin-bottom: 0;

}



.edu-event:hover .thumbnail {

  margin-bottom: -75px;

}



.edu-event:hover .thumbnail a:after {

  visibility: visible;

  opacity: 1;

}



.edu-event:hover .thumbnail a img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}



.edu-event:hover .content {

  padding: 40px 30px 35px;

  background-color: var(--color-white);

}



.edu-event:hover .content:after {

  visibility: visible;

  opacity: 1;

}



.edu-event:hover .content .read-more-btn {

  margin-top: 25px;

  margin-bottom: 0;

  visibility: visible;

  opacity: 1;

}



.edu-event.event-style-2 .content {

  padding: 40px 30px 45px;

}



.edu-event.event-style-2 .content:after {

  display: none;

}



.edu-event.event-style-2:hover .thumbnail {

  margin-bottom: -70px;

}



.edu-event-list {

  background-color: transparent;

  border-radius: 10px;

  padding: 30px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.event-img-top img {

  aspect-ratio: 1/0.5;

  object-fit: cover;

}



@media only screen and (max-width: 575px) {

  .edu-event-list {

    padding: 20px;

  }

}



.edu-event-list .inner {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



@media only screen and (max-width: 575px) {

  .edu-event-list .thumbnail {

    max-width: 100px;

  }

}



.edu-event-list .thumbnail a {

  display: block;

  -webkit-mask-image: url(../images/others/mask-05.png);

  mask-image: url(../images/others/mask-05.png);

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-size: cover;

  -webkit-mask-position: center;

}



.edu-event-list .content {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  padding-left: 28px;

  padding-top: 12px;

}



@media only screen and (max-width: 575px) {

  .edu-event-list .content {

    padding-left: 15px;

  }

}



.edu-event-list .content .event-meta {

  margin: -5px -10px;

  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;

  padding-bottom: 10px;

}



.edu-event-list .content .event-meta li {

  color: var(--color-body);

  margin: 5px 10px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-event-list .content .event-meta li i {

  color: var(--color-secondary);

  font-size: 16px;

  padding-right: 10px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-event-list .content .title {

  margin-bottom: 12px;

}



.edu-event-list .content .event-location {

  padding-bottom: 10px;

  color: var(--color-body);

  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: var(--transition);

  transition: var(--transition);

}



.edu-event-list .content .event-location i {

  color: var(--color-secondary);

  font-size: 22px;

  padding-right: 10px;

  position: relative;

  top: -1px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-event-list .content p {

  margin: 5px 0 22px;

}



.edu-event-list.event-list-2 {

  padding: 0;

  border-radius: 0;

  border-bottom: 1px solid var(--color-border);

  padding-bottom: 30px;

}



.edu-event-list.event-list-2 .inner {

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

}



@media only screen and (max-width: 767px) {

  .edu-event-list.event-list-2 .inner {

    display: block;

  }

}



.edu-event-list.event-list-2 .thumbnail a {

  -webkit-mask-image: none;

  mask-image: none;

  border-radius: 10px;

}



.edu-event-list.event-list-2 .thumbnail a img {

  border-radius: 10px;

}



@media only screen and (max-width: 767px) {

  .edu-event-list.event-list-2 .thumbnail a img {

    width: 100%;

  }

}



.edu-event-list.event-list-2 .content {

  padding-left: 40px;

  padding-top: 6px;

}



@media only screen and (max-width: 767px) {

  .edu-event-list.event-list-2 .content {

    padding-left: 0;

    padding-top: 30px;

  }

}



.edu-event-list.event-list-2 .content .event-meta li i {

  color: var(--color-primary);

}



.edu-event-list.event-list-2 .content .event-location i {

  color: var(--color-primary);

}



.edu-event-list.event-list-3 {

  background-color: var(--color-white);

}



.edu-event-list.event-list-3 .title a {

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-event-list.event-list-3.bg-style-extra02 .content .edu-btn {

  background-color: var(--color-extra02);

}



.edu-event-list.event-list-3.bg-style-extra02:hover {

  background-color: var(--color-extra02);

}



.edu-event-list.event-list-3.bg-style-extra05 .content .edu-btn {

  background-color: var(--color-extra05);

}



.edu-event-list.event-list-3.bg-style-extra05:hover {

  background-color: var(--color-extra05);

}



.edu-event-list.event-list-3.bg-style-primary .content .edu-btn {

  background-color: var(--color-primary);

}



.edu-event-list.event-list-3.bg-style-primary:hover {

  background-color: var(--color-primary);

}



.edu-event-list.event-list-3.bg-style-primary .content .edu-btn:hover {

  background-color: var(--color-white) !important;

  color: var(--color-heading) !important;

}



.edu-event-list.event-list-3.bg-style-primary .content .edu-btn:hover:after {

  background: var(--color-white) !important;

}



.edu-event-list.event-list-3.bg-style-secondary .content .edu-btn {

  background-color: var(--color-secondary);

}



.edu-event-list.event-list-3.bg-style-secondary:hover {

  background-color: var(--color-secondary);

}



.edu-event-list.event-list-3:hover:not(.event-list-2) .content .title {

  color: var(--color-white);

}



.edu-event-list.event-list-3:hover:not(.event-list-2) .content .title a:hover {

  color: rgba(255, 255, 255, 0.8);

}



.edu-event-list.event-list-3:hover:not(.event-list-2) .content .event-meta li {

  color: var(--color-white);

}



.edu-event-list.event-list-3:hover:not(.event-list-2) .content .event-meta li i {

  color: var(--color-white);

}



.edu-event-list.event-list-3:hover:not(.event-list-2) .content .event-location {

  color: var(--color-white);

}



.edu-event-list.event-list-3:hover:not(.event-list-2) .content .event-location i {

  color: var(--color-white);

}



.edu-event-list.event-list-3:hover:not(.event-list-2) .content p {

  color: var(--color-white);

}



.edu-event-list.event-list-3:hover .content .edu-btn {

  background-color: var(--color-white);

  color: var(--color-heading);

}



.edu-event-list.event-list-3:hover .content .edu-btn:hover {

  color: var(--color-white);

  background-color: transparent;

}



.event-view-all-btn {

  text-align: center;

  margin-top: 55px;

}



.event-view-all-btn .view-text {

  font-size: 18px;

  margin-bottom: 0;

}



.edu-event-area {

  position: relative;

}



.edu-event-area .shape-group li {

  position: absolute;

  z-index: -1;

}



.edu-event-area .shape-group li.shape-1 {

  top: 81px;

  left: -81px;

}



.edu-event-area .shape-group li.shape-2 {

  top: -44px;

  left: -190px;

  z-index: -1;

}



.edu-event-area .shape-group li.shape-2 span {

  display: block;

  height: 400px;

  width: 400px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.event-area-2 {

  padding: 115px 0 120px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .event-area-2 {

    padding: 55px 0 100px;

  }

}



@media only screen and (max-width: 767px) {

  .event-area-2 {

    padding: 35px 0 80px;

  }

}



.event-area-3 {

  padding: 220px 0 230px;

  z-index: 1;

}



.event-area-3::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-5.svg);

  background-repeat: no-repeat;

  background-size: cover;

  z-index: -1;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .event-area-3 {

    padding: 200px 0;

  }

}



@media only screen and (max-width: 767px) {

  .event-area-3 {

    padding: 200px 0;

  }

}



.event-area-3 .shape-group li {

  z-index: -1;

}



.event-area-3 .shape-group li img {

  opacity: 0.3;

}



.event-area-3 .shape-group li.shape-1 {

  right: -77px;

  top: 108px;

  left: inherit;

}



.event-area-3 .shape-group li.shape-2 {

  top: inherit;

  bottom: -71px;

  left: -90px;

}



.event-area-4 .edu-event.event-style-1 .content {

  background-color: var(--color-white);

  box-shadow: var(--shadow-dark);

}



.event-area-4 .edu-event.event-style-1 .content::after {

  display: none;

}



.event-area-4 .edu-event.event-style-1 .content .event-date {

  background: var(--color-white);

  box-shadow: 0px 20px 70px 0px rgba(20, 20, 20, 0.15);

}



.event-area-4 .edu-event.event-style-1 .content .event-date .day {

  color: var(--color-primary);

}



.event-area-4 .edu-event.event-style-1 .content .event-date .month {

  color: var(--color-heading);

}



.event-area-4 .edu-event.event-style-1 .content .title {

  font-weight: var(--p-bold);

}



.event-area-4 .edu-event.event-style-1 .content .event-meta li {

  color: var(--color-heading);

}



.event-area-4 .event-view-all-btn a.btn-transparent {

  color: var(--color-primary);

}



.event-details {

  margin-bottom: 60px;

}



.event-details .main-thumbnail {

  margin-bottom: 70px;

}



.event-details .main-thumbnail img {

  border-radius: 10px;

}



.event-details .details-content ul {

  list-style-type: disc;

  margin-bottom: 60px;

}



.event-details .details-content ul li {

  color: var(--color-heading);

}



.event-details .details-content .event-meta {

  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: -10px -20px;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.event-details .details-content .event-meta li {

  margin-right: 20px;

  margin-left: 20px;

  color: var(--color-heading);

  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;

}



.event-details .details-content .event-meta li:after {

  content: "";

  height: 19px;

  width: 1px;

  background-color: #dbdbdb;

  position: absolute;

  top: 4px;

  right: -20px;

}



.event-details .details-content .event-meta li:last-child:after {

  display: none;

}



.event-details .details-content .event-meta li i {

  padding-right: 10px;

  font-size: 20px;

  color: var(--color-primary);

}



.event-details .details-content .gmap_canvas {

  margin-top: 40px;

}



.event-details .details-content .gmap_canvas #gmap_canvas {

  height: 370px;

  width: 100%;

  border-radius: 5px;

}



.event-speaker .heading-title {

  margin-bottom: 30px;

}



.business-event .event-style-5 .content {

  background-color: var(--color-white);

  box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.1);

}



.business-event .event-style-5 .content::after {

  display: none;

}



.business-event .event-style-5 .content .event-date {

  background-color: var(--color-white);

  box-shadow: var(--shadow-darker4);

}



.business-event .event-style-5 .content .event-date .day {

  color: var(--color-primary);

}



.business-event .event-style-5 .content .event-date .month {

  color: var(--color-heading);

}



.business-event .event-view-all-btn .view-text a {

  color: var(--color-primary);

}



/*-------------------

  NOTICE Styles Start 

---------------------*/



.btn-outline-success.btn-success.notice-toggle-btn {

  color: #f9f9f9;

  position: relative;

}





.notice-box .notice-list {

  padding: 0;

}



.notice-date {

  position: relative;

  text-align: center;

  padding: 10px;

  color: #fff;

  font-weight: 700;

}



.d-flex.align-items-center p {

  margin: 0;

}



.notice-date span.d-block {

  font-weight: 500;

  color: var(--color-primary);

}



.notice-date::after {

  position: absolute;

  content: "";

  bottom: 2%;

  left: 50%;

  transform: translateX(-50%);

  height: 50%;

  width: 95%;

  background-color: #fff;

  border-radius: 5px;

  z-index: -1;

}



.notice-date::before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: #0d1e51;

  border-radius: 5px;

  z-index: -2;

}



.notice-box {

  position: relative;

  z-index: 1;

  height: 255px;

  padding: 0 0 5px 5px;

}



.notice-box ul {

  margin: 0;

}



:root {

  --before-height: calc(100% + 10px);

  --before-width: 100%;

}


.notice-content a {

  display: -webkit-box;

  -webkit-line-clamp: 3; /* Number of lines before ellipsis */

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-overflow: ellipsis;

  max-height: 80px; /* Optional: limits the height */

  width: 250px;

  color: #363636;

}


.notice-box::before {

  position: absolute;

  bottom: 0;

  left: 0;

  height: var(--before-height);

  width: var(--before-width);

  content: "";

  background-color: #e7e7e7;

  z-index: -3;

  transition: var(--before-tran);

}



.notice-section-details {

  box-shadow: rgba(75, 75, 75, 0.2) 0px 8px 24px;

  background-color: #f9f9f9;

  padding: 1rem;

  margin-top: 3rem;

  font-family: "nikosh", serif;

}





.searchBox {

  background: #f9f9f9;

  height: 24px;

  border-radius: 40px;

}



.searchBox:hover>.searchInput {

  width: 240px;

  padding: 0 6px;

}



.searchBox:hover>.searchButton {

  background: rgb(224, 224, 224);

  color: #2f3640;

}



.searchButton {

  color: white;

  float: right;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background: #363636;

  display: flex;

  justify-content: center;

  align-items: center;

  transition: 0.4s;

}



.searchInput {

  border: none;

  background: none;

  outline: none;

  float: left;

  padding: 0;

  color: rgb(247, 21, 21);

  font-size: 16px;

  transition: 0.4s;

  line-height: 40px;

  width: 0px;



}



@media screen and (max-width: 620px) {

  .searchBox:hover>.searchInput {

    width: 150px;

    padding: 0 6px;

  }

}



.btn-outline-notice {

  outline: 1.5px solid #159c7e;

  color: #159c7e;

}



.btn-outline-notice:hover {

  color: #f9f9f9;

  background-color: #159c7e;

}



.btn-outline-notice.active-btn {

  color: #f9f9f9;

  background-color: #159c7e;

}



.notice-section-details button {

  font-family: sans-serif !important;

}



.notice-type-btn {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 15px;

}



.notice-section-details .card-notice {

  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;

  position: relative;

  display: -webkit-box;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  flex-direction: column;

  min-width: 0;

  word-wrap: break-word;

  background-color: #fff;

  background-clip: border-box;

  border: 1px solid rgba(0, 0, 0, .125);

  border-radius: 0.25rem;

}



.notice-section-details .card-notice .card-body {

  -webkit-box-flex: 1;

  flex: 1 1 auto;

  min-height: 1px;

  padding: 1.25rem;

}



.notice-section-details .card-notice .card-body .row {

  display: -webkit-box;

  display: flex;

  flex-wrap: wrap;

  margin-right: -15px;

  margin-left: -15px;

}



.notice_date_time {

  text-align: center;

}





.notice_list .notice_body {

  max-height: 85px;

  overflow: hidden;

  text-overflow: ellipsis;

}



.notice_date_time .day {

  font-size: 20px;

  font-weight: 500;

  color: #1a3155;

}



.notice_date_time .month {

  font-weight: 500;

  font-size: 24px;

  color: #159c7e;

}



.notice_date_time .year {

  font-size: 20px;

  font-weight: 500;

  color: #1a3155;

}



.notice_body h5 a {

  color: #1a3155;

}



/*-------------------

  NOTICE Styles End

---------------------*/

/*--------------------------

  GALLARY Event Style start

----------------------------*/



.event-gallary {

  display: grid;

  grid-template-columns: repeat(5, 1fr);

  gap: 15px;

  padding: 15px;

  place-content: center;

}



.event-gallary .gallary-img {

  position: relative;

  height: 100%;

  width: 100%;

}



.gallary-img .gallary-img-title {

  position: absolute;

  bottom: 0;

  left: 0;

  max-height: 50%;

  overflow: auto;

  width: 100%;

  padding: 10px 20px;

  background-color: #313131c0;

  color: #f9f9f9;

}



.gallary-img-title::-webkit-scrollbar {

  width: 4px;

  background-color: transparent;

}



.gallary-img-title::-webkit-scrollbar-thumb {

  width: 8px;

  background-color: #fff;

}



.event-gallary img {

  width: 100%;

  height: 100%;

  display: block;

  object-fit: cover;

  /* filter: grayscale(0.7); */

  transition: all 100ms ease-out;

}



.gallary-img:hover img {

  transform: scale(1.05);

  /* -webkit-filter: grayscale(0); */

  /* filter: grayscale(0); */

}



@media (max-width: 768px) {

  .event-gallary {

    grid-template-columns: repeat(3, 1fr);

  }

}



@media (max-width: 350px) {

  .event-gallary {

    grid-template-columns: repeat(1, 1fr);

  }

}



/* img modal css here */



.event-gallery-img {

  display: flex;

  gap: 15px;

  flex-wrap: wrap;

}



.gallery-img-event {

  max-width: 220px;

  width: 100%;

  cursor: pointer;

  object-fit: cover;

  object-position: top;

  transition: 0.5s all ease;

}



.gallery-img-event:hover {

  transform: scale(1.1);

  transition: 0.5s all ease;

}



/* The Modal (background) */

.modal {

  display: none;

  /* Hidden by default */

  position: fixed;

  /* Stay in place */

  z-index: 100;

  /* Sit on top */

  padding-top: 100px;

  /* Location of the box */

  left: 0;

  top: 0;

  width: 100%;

  /* Full width */

  height: 100%;

  /* Full height */

  overflow: auto;

  /* Enable scroll if needed */

  background-color: rgb(0, 0, 0);

  /* Fallback color */

  background-color: rgba(0, 0, 0, 0.9);

  /* Black w/ opacity */

}



/* Modal Content (Image) */

.modal-content {

  margin: auto;

  display: block;

  width: 80%;

  max-width: 700px;

}



/* Caption of Modal Image (Image Text) - Same Width as the Image */

#caption {

  margin: auto;

  display: block;

  width: 80%;

  max-width: 700px;

  text-align: center;

  color: #ccc;

  padding: 10px 0;

  height: 150px;

}



/* Add Animation - Zoom in the Modal */

.modal-content,

#caption {

  animation-name: zoom;

  animation-duration: 0.6s;

}



@keyframes zoom {

  from {

    transform: scale(0)

  }



  to {

    transform: scale(1)

  }

}



/* The Close Button */

.close {

  position: absolute;

  top: 15px;

  right: 35px;

  color: #f1f1f1;

  font-size: 40px;

  font-weight: bold;

  transition: 0.3s;

}



.close:hover,

.close:focus {

  color: #bbb;

  text-decoration: none;

  cursor: pointer;

}



/* 100% Image Width on Smaller Screens */

@media only screen and (max-width: 700px) {

  .modal-content {

    width: 100%;

  }

}



/*---------------------------

  GALLARY Event Style end

----------------------------*/



/*-------------------

  FAQ Styles

---------------------*/

.faq-accordion .accordion-item {

  border: none;

  border-radius: 10px;

  margin-bottom: 30px;

  box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.1);

}



.faq-accordion .accordion-item:last-child {

  margin-bottom: 0;

}



.faq-accordion .accordion-item .accordion-header {

  padding: 0;

  position: relative;

}



.faq-accordion .accordion-item .accordion-button {

  background-color: var(--color-primary);

  padding: 20px 45px 20px 30px;

  border-radius: 10px 10px 0 0;

  border: none;

  box-shadow: none;

  font-size: 18px;

  font-weight: 600;

  color: var(--color-white);

  -webkit-transition: 0.3s;

  transition: 0.3s;

  z-index: 2;

}



@media only screen and (max-width: 575px) {

  .faq-accordion .accordion-item .accordion-button {

    font-size: 16px;

  }

}



.faq-accordion .accordion-item .accordion-button:after {

  display: none;

}



.faq-accordion .accordion-item .accordion-button:before {

  content: "\e91e";

  font-family: "icomoon";

  font-size: 6px;

  color: var(--color-white);

  background-image: none;

  position: absolute;

  top: 22px;

  right: 30px;

  line-height: 1;

  -webkit-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  transform: rotate(180deg);

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.faq-accordion .accordion-item .accordion-button.collapsed {

  background-color: transparent;

  color: var(--color-heading);

}



.faq-accordion .accordion-item .accordion-button.collapsed:before {

  top: 26px;

  -webkit-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

  color: var(--color-body);

}



.faq-accordion .accordion-item .accordion-body {

  padding: 25px 30px 30px;

}



.faq-accordion .accordion-item .accordion-body p {

  margin-bottom: 0;

}



.edu-faq-content {

  position: relative;

}



.edu-faq-content .shape-group {

  margin: 0;

}



.edu-faq-content .shape-group li {

  position: absolute;

  z-index: -1;

}



.edu-faq-content .shape-group li.shape-1 {

  bottom: -115px;

  right: -145px;

}



.edu-faq-content .shape-group li.shape-2 {

  bottom: -95px;

  right: -165px;

}



.edu-faq-content .shape-group li.shape-2 span {

  display: block;

  height: 101px;

  width: 101px;

  border: 15px solid var(--color-secondary);

  border-radius: 50%;

}



.edu-faq-gallery {

  position: relative;

}



.edu-faq-gallery .thumbnail-1 {

  text-align: right;

}



.edu-faq-gallery .thumbnail-1 img {

  border-radius: 120px 120px 0 120px;

}



.edu-faq-gallery .thumbnail-2 {

  margin-top: 70px;

}



.edu-faq-gallery .thumbnail-2 img {

  border-radius: 60px 0 100px;

}



.edu-faq-gallery .thumbnail-3 {

  margin-top: -30px;

  text-align: right;

}



.edu-faq-gallery .thumbnail-3 img {

  border-radius: 60px 0 100px;

}



.edu-faq-gallery .thumbnail-4 img {

  border-radius: 0 50px 120px 120px;

}



.edu-faq-gallery .shape-group {

  margin: 0;

}



.edu-faq-gallery .shape-group li {

  position: absolute;

  z-index: -1;

  margin: 0;

}



.edu-faq-gallery .shape-group li.shape-1 {

  top: -45px;

  left: 44%;

}



.edu-faq-gallery .shape-group li.shape-2 {

  top: 56px;

  right: -10px;

}



.edu-faq-gallery .shape-group li.shape-3 {

  bottom: -15px;

  left: -7px;

  z-index: 1;

}



@media only screen and (max-width: 991px) {

  .edu-faq-gallery .shape-group li.shape-3 {

    display: none;

  }

}



.edu-faq-gallery .shape-group li.shape-4 {

  bottom: -45px;

  left: -45px;

}



@media only screen and (max-width: 991px) {

  .edu-faq-gallery .shape-group li.shape-4 {

    display: none;

  }

}



.faq-style-1 {

  padding: 150px 0 120px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .faq-style-1 {

    padding: 150px 0 100px;

  }

}



@media only screen and (max-width: 767px) {

  .faq-style-1 {

    padding: 100px 0;

  }

}



.faq-style-2 {

  padding: 120px 0 150px;

  position: relative;

}



.faq-style-2::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-10.webp);

  background-size: cover;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .faq-style-2 {

    padding: 100px 0;

  }

}



@media only screen and (max-width: 767px) {

  .faq-style-2 {

    padding: 80px 0 100px;

  }

}



.faq-style-2 .edu-faq-gallery {

  z-index: 1;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .faq-style-2 .edu-faq-gallery {

    margin-top: 50px;

  }

}



@media only screen and (max-width: 767px) {

  .faq-style-2 .edu-faq-gallery {

    margin-top: 20px;

  }

}



.faq-style-2 .edu-faq-gallery .thumbnail-1 {

  margin-top: 35px;

}



.faq-style-2 .edu-faq-gallery .thumbnail-1 img {

  border-radius: 0 80px 0 80px;

}



.faq-style-2 .edu-faq-gallery .thumbnail-2 {

  margin-top: 285px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .faq-style-2 .edu-faq-gallery .thumbnail-2 {

    margin-top: 0;

  }

}



@media only screen and (max-width: 767px) {

  .faq-style-2 .edu-faq-gallery .thumbnail-2 {

    margin-top: 0;

  }

}



.faq-style-2 .edu-faq-gallery .thumbnail-2 img {

  border-radius: 80px 0 80px 0;

}



@media only screen and (max-width: 991px) {

  .faq-style-2 .edu-faq-gallery .shape-group {

    display: none;

  }

}



.faq-style-2 .edu-faq-gallery .shape-group .shape-1 {

  top: 35px;

  left: -35px;

}



.faq-style-2 .edu-faq-gallery .shape-group .shape-2 {

  top: 35px;

  left: 210px;

  right: auto;

  z-index: 1;

}



.faq-style-2 .edu-faq-gallery .shape-group .shape-3 {

  top: 230px;

  left: inherit;

  bottom: inherit;

  right: -22px;

  z-index: -1;

}



.faq-style-2 .edu-faq-gallery .shape-group .shape-4 {

  top: 270px;

  left: inherit;

  right: -58px;

  bottom: inherit;

}



.faq-style-2 .edu-faq-gallery .shape-group .shape-5 {

  bottom: 110px;

  left: -50px;

}



.faq-style-2 .edu-faq-gallery .shape-group .shape-6 {

  bottom: 35px;

  left: 90px;

}



.faq-style-3 .edu-faq-gallery {

  text-align: right;

}



@media only screen and (max-width: 991px) {

  .faq-style-3 .edu-faq-gallery {

    text-align: center;

  }

}



.faq-style-3 .edu-faq-gallery .thumbnail-1 {

  background-color: var(--color-white);

  box-shadow: 0px 20px 40px 0px rgba(42, 11, 88, 0.1);

  padding: 20px;

  border-radius: 10px;

  display: inline-block;

}



@media only screen and (max-width: 991px) {

  .faq-style-3 .edu-faq-gallery .thumbnail-1 {

    display: block;

  }

}



.faq-style-3 .edu-faq-gallery .thumbnail-1 img {

  border-radius: 0;

  width: 100%;

}



@media only screen and (max-width: 767px) {

  .faq-style-3 .edu-faq-gallery .shape-group {

    display: none;

  }

}



.faq-style-3 .edu-faq-gallery .shape-group .shape-1 {

  top: -30px;

  right: -50px;

  left: inherit;

}



.faq-style-3 .edu-faq-gallery .shape-group .shape-2 {

  top: 70px;

  right: -97px;

  z-index: 1;

}



.faq-style-3 .edu-faq-gallery .shape-group .shape-3 {

  bottom: -40px;

  left: -68px;

  z-index: -1;

}



.faq-style-4 {

  padding-bottom: 100px;

}



@media only screen and (max-width: 767px) {

  .faq-style-4 {

    padding-bottom: 50px;

  }

}



.faq-style-4 .faq-accordion .accordion-item .accordion-button {

  color: var(--color-white);

}



.faq-style-4 .faq-accordion .accordion-item .accordion-button:before {

  color: var(--color-white);

}



.faq-style-4 .faq-accordion .accordion-item .accordion-button.style-extra02 {

  background-color: var(--color-extra02);

}



.faq-style-4 .faq-accordion .accordion-item .accordion-button.style-extra05 {

  background-color: var(--color-extra05);

}



.faq-style-4 .faq-accordion .accordion-item .accordion-button.style-primary {

  background-color: var(--color-primary);

}



.faq-style-4 .faq-accordion .accordion-item .accordion-button.collapsed {

  border-radius: 10px;

}



.faq-style-4 .faq-thumbnail {

  position: relative;

}



.faq-style-4 .faq-thumbnail .thumbnail {

  -webkit-mask-image: url(../images/others/mask-09.png);

  mask-image: url(../images/others/mask-09.png);

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-size: contain;

  -webkit-mask-position: center;

  text-align: center;

}



.faq-style-4 .faq-thumbnail .shape-group li {

  margin: 0;

  position: absolute;

  z-index: -1;

}



.faq-style-4 .faq-thumbnail .shape-group li.shape-1 {

  top: -78px;

  right: 115px;

  z-index: 1;

}



@media only screen and (max-width: 991px) {

  .faq-style-4 .faq-thumbnail .shape-group li.shape-1 {

    z-index: -1;

  }

}



.faq-style-4 .faq-thumbnail .shape-group li.shape-2 {

  top: 0;

  right: 30px;

}



.faq-style-4 .faq-thumbnail .shape-group li.shape-3 {

  bottom: 40px;

  left: 10px;

}



.faq-page-area {

  overflow: hidden;

}



.faq-page-nav {

  padding-right: 30px;

}



@media only screen and (max-width: 991px) {

  .faq-page-nav {

    text-align: center;

    margin-bottom: 40px;

    padding-right: 0;

  }

}



.faq-page-nav .title {

  margin-bottom: 14px;

}



.faq-page-nav .nav-tabs {

  border: none;

  display: block;

}



.faq-page-nav .nav-tabs .nav-item {

  margin: 18px 0;

}



.faq-page-nav .nav-tabs .nav-link {

  border: none;

  background-color: transparent;

  padding: 5px 0;

  color: var(--color-heading);

  font-weight: 600;

  font-family: var(--font-secondary);

  position: relative;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



@media only screen and (max-width: 991px) {

  .faq-page-nav .nav-tabs .nav-link {

    margin: 0 auto;

  }

}



.faq-page-nav .nav-tabs .nav-link:after {

  content: "\e95a";

  font-family: var(--font-icomoon);

  color: var(--color-primary);

  font-size: 20px;

  font-weight: 400;

  position: absolute;

  top: 1px;

  left: -20px;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.faq-page-nav .nav-tabs .nav-link.active {

  padding-left: 30px;

  color: var(--color-primary);

}



.faq-page-nav .nav-tabs .nav-link.active:after {

  font-size: 20px;

  left: 0;

  visibility: visible;

  opacity: 1;

}



.faq-page-tab-content {

  position: relative;

}



.faq-page-tab-content:after {

  content: url(../images/others/map-shape-1.png);

  position: absolute;

  bottom: -90px;

  right: 70px;

  z-index: -1;

}



/******************************************

           Tender page style Start here 

*******************************************/



.midlebody1 {

  border: 2px solid #0d1e51;

  margin-block: 3rem;

}



/******************************************

           Tender page style End here 

*******************************************/



/*-------------------

  Features Styles

---------------------*/

.features-area-1 .features-box svg {

  max-width: 37px;

}



.features-area-1 .features-box:hover .icon svg path {

  stroke: var(--color-white);

}



.features-box {

  padding: 10px;

  text-align: center;

  border-radius: 4px;

  /* box-shadow: var(--shadow-darker); */

  background-color: var(--color-white);

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.features-box .content-img {

  padding-bottom: 10px;

}



.features-box .content-img img {

  border-radius: 5px;

  width: 100%;

  height: 100px;

  object-fit: cover;

  object-position: top;

}



.features-box .icon {

  height: 80px;

  width: 80px;

  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: 32px;

  margin: 0 auto 28px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.features-box .content .title {

  margin-bottom: 15px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.features-box .content .title span {

  display: block;

}



.features-box .content p {

  color: var(--color-heading);

  margin-bottom: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.features-box.color-primary-style .icon {

  background-color: rgba(26, 182, 157, 0.1);

  color: var(--color-primary);

}



.features-box.color-primary-style .icon:after {

  background-color: var(--color-primary);

}



.features-box.color-primary-style:hover .icon {

  background-color: #0d1e51;

  color: var(--color-white);

}



.features-box.color-secondary-style .icon {

  background-color: rgba(238, 74, 98, 0.1);

  color: var(--color-secondary);

}



.features-box.color-secondary-style .icon:after {

  background-color: var(--color-secondary);

}



.features-box.color-secondary-style:hover .icon {

  background-color: #ee4a62;

  color: var(--color-white);

}



.features-box.color-extra05-style .icon {

  background-color: rgba(248, 148, 31, 0.1);

  color: var(--color-extra05);

}



.features-box.color-extra05-style .icon:after {

  background-color: var(--color-extra05);

}



.features-box.color-extra05-style:hover .icon {

  background-color: #f8941f;

  color: var(--color-white);

}



.features-box.color-extra08-style .icon {

  background-color: rgba(70, 100, 228, 0.1);

  color: var(--color-extra08);

}



.features-box.color-extra08-style:hover .icon {

  background-color: #4664e4;

  color: var(--color-white);

}



.features-box.color-extra02-style .icon {

  background-color: #8e56ff;

  color: var(--color-extra02);

}



.features-box.color-extra02-style .icon:after {

  background-color: var(--color-extra02);

}



.features-box.color-extra02-style:hover .icon {

  background-color: #8e56ff;

  color: var(--color-white);

}



.features-box.color-extra03-style .icon {

  background-color: rgba(249, 37, 150, 0.1);

  color: var(--color-extra03);

}



.features-box.color-extra03-style .icon:after {

  background-color: var(--color-extra03);

}



.features-box.color-extra03-style:hover .icon {

  background-color: #f92596;

  color: var(--color-white);

}



.features-box.color-extra04-style .icon {

  background-color: rgba(88, 102, 235, 0.1);

  color: var(--color-extra04);

}



.features-box.color-extra04-style .icon:after {

  background-color: var(--color-extra04);

}



.features-box.color-extra04-style:hover .icon {

  background-color: #5866eb;

  color: var(--color-white);

}



.features-box.features-style-2 {

  background-color: transparent;

  box-shadow: none;

  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: 30px 0;

  text-align: left;

  border-right: 1px solid rgba(255, 255, 255, 0.15);

  padding-left: 40px;

}



@media only screen and (max-width: 1199px) {

  .features-box.features-style-2 {

    padding-left: 0;

    border-right: none;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .features-box.features-style-2 {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}



@media only screen and (max-width: 767px) {

  .features-box.features-style-2 {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}



@media only screen and (max-width: 575px) {

  .features-box.features-style-2 {

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

  }

}



.features-box.features-style-2 .SHMU-svg-animate svg path {

  stroke: #ffffff !important;

  max-width: 38px;

}



.features-box.features-style-2:first-child {

  padding-left: 0;

}



.features-box.features-style-2:last-child {

  border-right: none;

}



.features-box.features-style-2 .icon {

  margin: 0;

  background-color: rgba(255, 255, 255, 0.1);

  color: var(--color-white);

}



.features-box.features-style-2 .content {

  padding-left: 20px;

}



.features-box.features-style-2 .content .title {

  margin-bottom: 0;

  font-weight: var(--p-medium);

  color: var(--color-white);

}



.features-box.features-style-3 {

  background-color: transparent;

  box-shadow: none;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  padding: 50px 25px 42px;

  text-align: left;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .features-box.features-style-3 {

    padding: 40px 50px;

  }

}



@media only screen and (max-width: 767px) {

  .features-box.features-style-3 {

    padding: 30px 25px;

  }

}



.features-box.features-style-3:first-child {

  padding-left: 50px;

}



@media only screen and (max-width: 767px) {

  .features-box.features-style-3:first-child {

    padding-left: 25px;

  }

}



.features-box.features-style-3 .icon {

  margin-top: 2px;

  height: auto;

  width: auto;

  min-width: 50px;

  background-color: transparent;

  font-size: 40px;

  margin-right: 20px;

  margin-bottom: 0;

}



.features-box.features-style-3 .content {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.features-box.features-style-3 .content p {

  color: var(--color-body);

}



.features-box.features-style-3:hover .icon {

  background-color: transparent;

  color: inherit;

}



.features-box.features-style-3:hover.color-primary-style {

  background-color: rgba(26, 182, 157, 0.07);

}



.features-box.features-style-3:hover.color-primary-style:hover .icon {

  color: var(--color-primary);

}



.features-box.features-style-3:hover.color-secondary-style:hover {

  background-color: rgba(238, 74, 98, 0.07);

}



.features-box.features-style-3:hover.color-secondary-style:hover .icon {

  color: var(--color-secondary);

}



.features-box.features-style-3:hover.color-extra02-style:hover {

  background-color: rgba(142, 86, 255, 0.07);

}



.features-box.features-style-3:hover.color-extra02-style:hover .icon {

  color: var(--color-extra02);

}



.features-box.features-style-4 {

  background-color: transparent;

  box-shadow: none;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  padding: 0;

  text-align: left;

  margin-bottom: 50px;

}



.features-box.features-style-4 .icon {

  -webkit-mask-image: url(../images/others/mask-08.png);

  mask-image: url(../images/others/mask-08.png);

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-size: cover;

  -webkit-mask-position: center;

  height: 83px;

  width: 109px;

  font-size: 40px;

  margin-right: 30px;

  margin-bottom: 0;

  border-radius: 0;

  position: relative;

}



@media only screen and (max-width: 575px) {

  .features-box.features-style-4 .icon {

    margin-right: 15px;

  }

}



.features-box.features-style-4 .icon:after {

  content: "";

  -webkit-mask-image: url(../images/others/mask-07.png);

  mask-image: url(../images/others/mask-07.png);

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-position: center;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}



.features-box.features-style-4 .content {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.features-box.features-style-4 .content .title {

  font-weight: var(--p-bold);

  margin-bottom: 5px;

}



.features-box.features-style-4 .content p {

  color: var(--color-body);

}



.features-grid-wrap {

  position: relative;

  display: grid;

  grid-template-columns: repeat(4, 1fr);

}



.features-grid-wrap h6,

.features-grid-wrap p {

  line-height: auto;

}



.features-grid-wrap .right-arrow-event {

  position: absolute;

  top: 50%;

  right: 0;

  transform: translate(50%, -50%);

  height: 75px;

  width: 75px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  background-color: #0d1e5183;

  /* backdrop-filter: blur(2px); */

  color: #f9f9f9;

  font-weight: 700;

  font-size: 48px;

  cursor: pointer;

}



.title .event-date {

  position: relative;

  text-align: center;

  margin-right: 5px;

  /* padding: 0.5rem 1.5rem; */

  width: 80px;

  height: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

  color: #fff;

  font-weight: 700;

  width: 120px;

}



.title .event-date span {

  z-index: 1;

  position: relative;

  font-size: 14px;

  color: #f9f9f9;

  line-height: 18px;

}



.title .event-date span.d-block {

  font-weight: 500;

  color: #0d1e51;

}





.features-grid-wrap .features-box .event-date::after {

  position: absolute;

  content: "";

  bottom: 2%;

  left: 50%;

  transform: translateX(-50%);

  height: 50%;

  width: 95%;

  background-color: #fff;

  border-radius: 5px;

}



.features-grid-wrap .features-box .event-date::before {

  position: absolute;

  content: "";

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: #0d1e51;

  border-radius: 5px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .features-grid-wrap {

    grid-template-columns: repeat(2, 1fr);

  }

}



@media only screen and (max-width: 767px) {

  .features-grid-wrap {

    grid-template-columns: repeat(2, 1fr);

  }

}



@media only screen and (max-width: 575px) {

  .features-grid-wrap {

    grid-template-columns: repeat(1, 1fr);

  }

}



.features-area-2 {

  background: -webkit-linear-gradient(right, #31b978 0%, #0d1e51 100%);

  background: linear-gradient(-90deg, #31b978 0%, #0d1e51 100%);

}



.features-area-3 .features-grid-wrap {

  grid-template-columns: repeat(3, 1fr);

  background-color: var(--color-white);

  box-shadow: 0px 20px 40px 0px rgba(42, 11, 88, 0.1);

  border-radius: 5px;

  margin-top: -90px;

  position: relative;

  z-index: 2;

}



@media only screen and (max-width: 991px) {

  .features-area-3 .features-grid-wrap {

    grid-template-columns: repeat(1, 1fr);

  }

}



.features-area-4 {

  padding: 120px 0 90px;

}



@media only screen and (max-width: 1199px) {

  .features-area-4 {

    padding: 100px 0 90px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .features-area-4 {

    padding: 60px 0 80px;

  }

}



@media only screen and (max-width: 767px) {

  .features-area-4 {

    padding: 60px 0;

  }

}



/*-------------------

  Gallery Styles

---------------------*/

.edu-gallery-area .gallery-grid-wrap {

  margin: -15px;

}



.edu-gallery-grid {

  position: relative;

  display: block;

  padding: 15px;

  width: 33.33%;

}



@media only screen and (max-width: 767px) {

  .edu-gallery-grid {

    width: 50%;

  }

}



@media only screen and (max-width: 479px) {

  .edu-gallery-grid {

    width: 100%;

  }

}



.edu-gallery-grid .thumbnail {

  position: relative;

}



.edu-gallery-grid .thumbnail img {

  border-radius: 5px;

  width: 100%;

}



.edu-gallery-grid .thumbnail::before {

  background: -webkit-linear-gradient(235deg, #31b978 0%, #0d1e51 100%);

  background: linear-gradient(-145deg, #31b978 0%, #0d1e51 100%);

  border-radius: 5px;

  position: absolute;

  content: "";

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.edu-gallery-grid .zoom-icon {

  opacity: 0;

  position: absolute;

  top: 55%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  -webkit-transition: 0.3s;

  transition: 0.3s;

  height: 70px;

  width: 70px;

  line-height: 70px;

  background-color: var(--color-white);

  border-radius: 50%;

  text-align: center;

  font-size: 20px;

  color: var(--color-primary);

  cursor: pointer;

}



@media only screen and (max-width: 767px) {

  .edu-gallery-grid .zoom-icon {

    width: 50px;

    height: 50px;

    line-height: 52px;

    font-size: 16px;

  }

}



.edu-gallery-grid:hover .thumbnail:before {

  opacity: 0.9;

}



.edu-gallery-grid:hover .zoom-icon {

  top: 50%;

  opacity: 1;

}



/*-------------------

  Hero Banner Styles

---------------------*/

.hero-banner {

  min-height: 600px;

  margin-top: 8px;

  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;

}



@media only screen and (max-width: 1199px) {

  .hero-banner {

    min-height: 600px;

  }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner {

    min-height: 100%;

  }

}

.hero-banner .banner-content {

  position: relative;

  z-index: 1;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner .banner-content {

    text-align: center;

    margin-bottom: 50px;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner .banner-content {

    text-align: center;

    margin-bottom: 40px;

  }

}



.hero-banner .banner-content .subtitle {

  font-family: var(--font-secondary);

  font-weight: var(--p-bold);

  color: var(--color-tertiary);

  text-transform: uppercase;

  letter-spacing: 2.6px;

  font-size: 16px;

  margin-bottom: 20px;

  display: block;

}



.hero-banner .banner-content .title {

  margin-bottom: 18px;

}



@media only screen and (max-width: 1199px) {

  .hero-banner .banner-content .title br {

    display: none;

  }

}



.hero-banner .banner-content p {

  color: var(--color-heading);

  font-size: 18px;

}



.hero-banner .banner-content .shape-group li {

  margin: 0;

  position: absolute;

  z-index: -1;

}



.hero-banner .banner-content .shape-group li.shape-1 {

  top: -75px;

  left: -90px;

}



.hero-banner .banner-thumbnail {

  margin-right: -75px;

  position: relative;

  z-index: 1;

}



@media only screen and (max-width: 1199px) {

  .hero-banner .banner-thumbnail {

    margin-right: 0;

  }

}



.hero-banner .banner-thumbnail .thumbnail {

  text-align: right;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner .banner-thumbnail .thumbnail {

    text-align: center;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner .banner-thumbnail .thumbnail {

    text-align: center;

  }

}



.hero-banner .banner-thumbnail .instructor-info {

  position: absolute;

  bottom: 70px;

  left: 0;

}



@media only screen and (max-width: 767px) {

  .hero-banner .banner-thumbnail .instructor-info {

    bottom: 40px;

  }

}



.hero-banner .banner-thumbnail .instructor-info .inner {

  background-color: var(--color-white);

  border-radius: 10px;

  padding: 26px 30px 16px;

  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);

}



.hero-banner .banner-thumbnail .instructor-info .inner .title {

  margin-bottom: 5px;

}



.hero-banner .banner-thumbnail .instructor-info .inner .media {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.hero-banner .banner-thumbnail .instructor-info .inner .media .thumb {

  margin-left: -2px;

}



.hero-banner .banner-thumbnail .instructor-info .inner .media .content {

  line-height: 1;

  color: var(--color-heading);

  font-weight: 500;

  margin-top: 10px;

}



.hero-banner .banner-thumbnail .instructor-info .inner .media .content span {

  display: block;

  font-weight: 700;

  color: var(--color-secondary);

}



.hero-banner .banner-thumbnail .shape-group li {

  margin: 0;

  position: absolute;

  z-index: -1;

}



.hero-banner .banner-thumbnail .shape-group li.shape-1 {

  top: 50px;

  left: 160px;

}



.hero-banner .banner-thumbnail .shape-group li.shape-2 {

  top: 115px;

  left: 170px;

}



.hero-banner .banner-thumbnail .shape-group li.shape-3 {

  top: 45%;

  left: 17%;

}



.hero-banner .banner-thumbnail .shape-group li.shape-3 span.circle-shape {

  width: 41px;

  height: 41px;

  background: var(--color-tertiary);

  border-radius: 100%;

}



.hero-banner .banner-thumbnail .shape-group li.shape-4 {

  top: 114px;

  right: 41px;

  z-index: 1;

}



.hero-banner .banner-thumbnail .shape-group li.shape-5 {

  bottom: 100px;

  right: -50px;

}



.hero-banner .banner-thumbnail .shape-group li.shape-6 {

  bottom: 132px;

  right: -98px;

}



.hero-banner.presentation-hero-style {

  min-height: 745px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  position: relative;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  z-index: 1;

  -webkit-clip-path: none;

  clip-path: none;

  min-height: 930px;

  margin-top: -110px;

}



.hero-banner.presentation-hero-style::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-27.png);

  z-index: -1;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.presentation-hero-style {

    min-height: 740px;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.presentation-hero-style {

    min-height: 600px;

  }

}



.hero-banner.presentation-hero-style .banner-content {

  text-align: center;

  padding-bottom: 30px;

}



@media only screen and (max-width: 767px) {

  .hero-banner.presentation-hero-style .banner-content {

    padding: 160px 0;

  }

}



.hero-banner.presentation-hero-style .banner-content .subtitle {

  letter-spacing: 1px;

  background: #31b978;

  background: -webkit-linear-gradient(right, #31b978 0%, #0d1e51 76%);

  background: linear-gradient(to left, #31b978 0%, #0d1e51 76%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  margin-bottom: 40px;

}



@media only screen and (max-width: 767px) {

  .hero-banner.presentation-hero-style .banner-content .subtitle {

    font-size: 14px;

  }

}



.hero-banner.presentation-hero-style .banner-content .title {

  margin-bottom: 40px;

}



.hero-banner.presentation-hero-style .banner-content:before,

.hero-banner.presentation-hero-style .banner-content:after {

  content: "";

  display: block;

  position: absolute;

  z-index: -1;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  border-radius: 50%;

  border: 1px solid #dae1e3;

}



@media only screen and (max-width: 767px) {



  .hero-banner.presentation-hero-style .banner-content:before,

  .hero-banner.presentation-hero-style .banner-content:after {

    display: none;

  }

}



.hero-banner.presentation-hero-style .banner-content:before {

  height: 570px;

  width: 570px;

  top: -140px;

  left: 200px;

  -webkit-animation: ripple_3 2.5s linear 1s infinite;

  animation: ripple_3 2.5s linear 1s infinite;

}



@media only screen and (max-width: 1199px) {

  .hero-banner.presentation-hero-style .banner-content:before {

    left: 110px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.presentation-hero-style .banner-content:before {

    height: 400px;

    width: 400px;

    left: 154px;

    top: -70px;

  }

}



.hero-banner.presentation-hero-style .banner-content:after {

  height: 370px;

  width: 370px;

  top: -43px;

  left: 299px;

  -webkit-animation: ripple_3 2.5s linear infinite;

  animation: ripple_3 2.5s linear infinite;

}



@media only screen and (max-width: 1199px) {

  .hero-banner.presentation-hero-style .banner-content:after {

    left: 210px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.presentation-hero-style .banner-content:after {

    height: 300px;

    width: 300px;

    left: 202px;

    top: -16px;

  }

}



.hero-banner.presentation-hero-style .banner-content p {

  width: 70%;

  margin: 0 auto 30px;

}



@media only screen and (max-width: 991px) {

  .hero-banner.presentation-hero-style .banner-content p {

    width: 100%;

  }

}



.hero-banner.presentation-hero-style .banner-gallery {

  display: block;

  position: initial;

}



@media only screen and (max-width: 991px) {

  .hero-banner.presentation-hero-style .banner-gallery {

    display: none;

  }

}



.hero-banner.presentation-hero-style .banner-gallery .thumbnail {

  position: absolute;

  z-index: 2;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .hero-banner.presentation-hero-style .banner-gallery .thumbnail img {

    width: 75%;

  }

}



@media only screen and (max-width: 1199px) {

  .hero-banner.presentation-hero-style .banner-gallery .thumbnail img {

    width: 65%;

  }

}



.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-1 {

  top: 225px;

  left: 0;

}



.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-1 img {

  -webkit-animation: none;

  animation: none;

}



.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-2 {

  top: inherit;

  bottom: 158px;

  right: inherit;

  left: 0;

  padding: 0;

}



.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-3 {

  top: 195px;

  right: 0;

}



.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-3 img {

  border-radius: 0;

}



.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-4 {

  bottom: 180px;

  right: 0;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px),

only screen and (max-width: 1199px) {

  .hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-4 {

    right: -115px;

  }

}



.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-5 {

  top: 135px;

  left: 325px;

  border-radius: 10px;

}



.hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-5 img {

  border-radius: 10px;

  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.04);

}



@media only screen and (max-width: 767px) {

  .hero-banner.presentation-hero-style .banner-gallery .thumbnail.thumbnail-5 {

    display: none;

  }

}



@media only screen and (max-width: 991px) {

  .hero-banner.presentation-hero-style .shape-group {

    display: none;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .hero-banner.presentation-hero-style .shape-group li img {

    width: 75%;

  }

}



@media only screen and (max-width: 1199px) {

  .hero-banner.presentation-hero-style .shape-group li img {

    width: 65%;

  }

}



.hero-banner.presentation-hero-style .shape-group li.shape-1 {

  top: auto;

  bottom: 37%;

  left: 19%;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .hero-banner.presentation-hero-style .shape-group li.shape-1 {

    bottom: 32%;

    left: 19%;

  }

}



.hero-banner.presentation-hero-style .shape-group li.shape-1 img {

  opacity: 1;

}



.hero-banner.presentation-hero-style .shape-group li.shape-2 {

  top: auto;

  bottom: 29%;

  left: 20%;

  z-index: 2;

}



.hero-banner.presentation-hero-style .shape-group li.shape-3 {

  top: 145px;

  bottom: auto;

  left: auto;

  right: 13%;

}



.hero-banner.presentation-hero-style .shape-group li.shape-4 {

  top: 29%;

  bottom: auto;

  left: auto;

  right: 15%;

  z-index: 2;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .hero-banner.presentation-hero-style .shape-group li.shape-4 {

    top: 19%;

    right: 23%;

  }

}



.hero-banner.presentation-hero-style .shape-group li.shape-4 span {

  display: block;

  height: 100px;

  width: 100px;

  border: 16px solid var(--color-tertiary);

  border-radius: 50%;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .hero-banner.presentation-hero-style .shape-group li.shape-4 span {

    height: 50px;

    width: 50px;

    border: 7px solid var(--color-tertiary);

  }

}



.hero-banner.hero-style-1 {

  -webkit-box-align: end;

  -webkit-align-items: flex-end;

  -ms-flex-align: end;

  align-items: flex-end;

  position: relative;

  background-color: var(--bg-color);

}



.hero-banner.hero-style-1::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/banner/BG-1.webp);

}



@media only screen and (max-width: 991px) {

  .hero-banner.hero-style-1::before {

    display: none;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-1 {

    padding-top: 95px;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-1 {

    padding-top: 75px;

  }

}



@media only screen and (max-width: 1199px) {

  .hero-banner.hero-style-1 .banner-content .shape-group {

    display: none;

  }

}



@media only screen and (max-width: 1199px) {

  .hero-banner.hero-style-1 .banner-thumbnail .shape-group {

    display: none;

  }

}



.hero-banner.hero-style-1 .banner-thumbnail .shape-group .shape-1 {

  -webkit-animation: SHMU-sm-x-move 3.5s alternate infinite linear;

  animation: SHMU-sm-x-move 3.5s alternate infinite linear;

}



.hero-banner.hero-style-1 .shape-7 {

  position: absolute;

  right: -6px;

  top: 13%;

  z-index: 1;

}



@media only screen and (max-width: 1199px) {

  .hero-banner.hero-style-1 .shape-7 {

    display: none;

  }

}



.hero-banner.hero-style-1 .shape-7 img {

  filter: opacity(0.7);

  -webkit-filter: opacity(0.7);

}



.hero-banner.hero-style-2 {

  padding: 143px 0 180px;

  background-position: center bottom;

  position: relative;

}



@media only screen and (max-width: 1199px) {

  .hero-banner.hero-style-2 {

    padding: 0;

  }

}



.hero-banner.hero-style-2::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: url(../images/bg/bg-image-1.svg);

  -webkit-filter: brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(503%) hue-rotate(316deg) brightness(103%) contrast(92%);

  filter: brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(503%) hue-rotate(316deg) brightness(103%) contrast(92%);

  background-size: cover;

  background-position: center;

  z-index: -1;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-2 {

    padding: 100px 0 150px;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-2 {

    padding: 80px 0 150px;

  }

}



.hero-banner.hero-style-2 .banner-gallery {

  text-align: right;

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  position: relative;

  z-index: 1;

}



.hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-1 img {

  border-radius: 0 70px 0 110px;

}



.hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-2 {

  padding-top: 120px;

  padding-left: 30px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-2 {

    text-align: left;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-2 {

    text-align: left;

    padding-top: 0;

  }

}



.hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-2 img {

  border-radius: 50px 0 90px 0;

}



.hero-banner.hero-style-2 .banner-gallery .online-support {

  position: absolute;

  left: 50px;

  bottom: 40px;

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-2 .banner-gallery .online-support {

    display: none;

  }

}



.hero-banner.hero-style-2 .banner-gallery .online-support .inner {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  padding: 30px;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);

  background: #ffffff;

  border-radius: 50px 10px 50px 10px;

}



.hero-banner.hero-style-2 .banner-gallery .online-support .inner .icon {

  width: 50px;

  height: 50px;

  background: rgba(238, 74, 98, 0.1);

  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;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  border-radius: 50%;

  margin-right: 15px;

  color: var(--color-secondary);

  font-size: 22px;

}



.hero-banner.hero-style-2 .banner-gallery .online-support .inner .content {

  text-align: left;

}



.hero-banner.hero-style-2 .banner-gallery .online-support .inner .content .subtitle {

  font-size: 13px;

  font-weight: var(--p-bold);

  color: rgba(20, 20, 23, 0.5);

  text-transform: uppercase;

  margin-bottom: 5px;

  display: block;

}



.hero-banner.hero-style-2 .banner-gallery .online-support .inner .content .title {

  font-weight: var(--p-medium);

  line-height: 1;

  margin-bottom: 0;

}



.hero-banner.hero-style-2 .banner-gallery .online-support .inner .content .title a {

  color: var(--color-secondary);

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-2 .banner-gallery .shape-group {

    display: none;

  }

}



.hero-banner.hero-style-2 .banner-gallery .shape-group li {

  margin: 0;

  position: absolute;

  z-index: -1;

}



.hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-1 {

  top: -58px;

  right: 125px;

}



.hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-2 {

  top: 85px;

  right: -50px;

}



.hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-3 {

  bottom: 30px;

  right: -108px;

}



.hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-4 {

  bottom: -10px;

  left: -12px;

}



.hero-banner.hero-style-3 {

  min-height: 600px;

  position: relative;

  z-index: 1;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-3 {

    min-height: 100%;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-3 {

    min-height: 100%;

  }

}



.hero-banner.hero-style-3 .swiper-slide {

  padding: 0;

  display: block;

}



/* .hero-banner.hero-style-3 .swiper-slide:before {

  content: "";

  height: 100%;

  width: 100%;

  background: -webkit-linear-gradient(left,

      rgba(0, 0, 0, 0.85) 0%,

      rgba(0, 0, 0, 0) 80%);

  background: linear-gradient(90deg,

      rgba(0, 0, 0, 0.85) 0%,

      rgba(0, 0, 0, 0) 80%);

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 1;

} */



.hero-banner.hero-style-3 .swiper-slide img {

  /* transform: scale(1.4); */

  transition: transform 5s linear;

  max-width: 100%;

  width: 100%;

  background-size: cover;

  background-position: 100%;

  /* min-height: 715px; */

  height: 650px;

  object-fit: cover;

  object-position: top;

}



.hero-banner.hero-style-3 .swiper-slide.swiper-slide-duplicate-active img,

.hero-banner.hero-style-3 .swiper-slide.swiper-slide.swiper-slide-active img {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}



.thumbnail-bg-content {

  background-color: #ffffff;

  color: #111822;

}



.hero-banner.hero-style-3 .thumbnail-bg-content .banner-content {

  /* max-width: 560px;

  position: absolute;

  left: 0;

  bottom: 280px; */

  z-index: 12;

}



@media only screen and (min-width: 1401px) and (max-width: 1650px) {

  .hero-banner.hero-style-3 .thumbnail-bg-content .banner-content {

    /* bottom: 240px; */

  }

}



@media only screen and (max-width: 991px) {

  .hero-banner.hero-style-3 .thumbnail-bg-content .banner-content {

    /* max-width: 100%;

    bottom: 220px; */

  }

}



.hero-banner.hero-style-3 .thumbnail-bg-content .banner-content .subtitle {

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(50px);

  -ms-transform: translateY(50px);

  transform: translateY(50px);

  -webkit-transition-delay: 1500ms;

  transition-delay: 1500ms;

}



.hero-banner.hero-style-3 .thumbnail-bg-content .banner-content .title {

  /* color: var(--color-white); */

  color: #363636;

  font-weight: var(--p-extra-bold);

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(60px);

  -ms-transform: translateY(60px);

  transform: translateY(60px);

  -webkit-transition-delay: 1700ms;

  transition-delay: 1700ms;

}



.hero-banner.hero-style-3 .thumbnail-bg-content .banner-content p {

  color: #363636;

  /* color: var(--color-white); */

  font-size: 18px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(70px);

  -ms-transform: translateY(70px);

  transform: translateY(70px);

  -webkit-transition-delay: 1900ms;

  transition-delay: 1900ms;

}



.hero-banner.hero-style-3 .thumbnail-bg-content .banner-content .banner-btn {

  opacity: 0;

  -webkit-transform: translateY(80px);

  -ms-transform: translateY(80px);

  transform: translateY(80px);

  -webkit-transition-delay: 2100ms;

  transition-delay: 2100ms;

}



.hero-banner.hero-style-3 .swiper-slide-active .thumbnail-bg-content .banner-content .subtitle {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

}



.hero-banner.hero-style-3 .swiper-slide-active .thumbnail-bg-content .banner-content .title {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

}



.hero-banner.hero-style-3 .swiper-slide-active .thumbnail-bg-content .banner-content p {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

}



.hero-banner.hero-style-3 .swiper-slide-active .thumbnail-bg-content .banner-content .banner-btn {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-3 .shape-group {

    display: none;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-3 .shape-group {

    display: none;

  }

}



.hero-banner.hero-style-3 .shape-group li {

  margin: 0;

  position: absolute;

  z-index: 1;

}



.hero-banner.hero-style-3 .shape-group li.shape-1 {

  top: 45px;

  left: 8.2%;

}



@media only screen and (min-width: 1600px) and (max-width: 1919px) {

  .hero-banner.hero-style-3 .shape-group li.shape-1 {

    left: 4.2%;

  }

}



@media only screen and (max-width: 1650px) {

  .hero-banner.hero-style-3 .shape-group li.shape-1 {

    display: none;

  }

}



.hero-banner.hero-style-3 .shape-group li.shape-2 {

  top: 21px;

  left: 26%;

}



.hero-banner.hero-style-3 .shape-group li.shape-3 {

  top: -290px;

  left: -153px;

}



.hero-banner.hero-style-3 .hero-slider-bg-controls {

  position: absolute;

  right: 70px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 10;

}



@media only screen and (max-width: 991px) {

  .hero-banner.hero-style-3 .hero-slider-bg-controls {

    display: none;

  }

}



.hero-banner.hero-style-3 .hero-slider-bg-controls .swiper-slide-controls {

  display: inline-block;

  width: 60px;

  height: 60px;

  line-height: 60px;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  background-color: var(--color-white);

  color: var(--color-heading);

  cursor: pointer;

}



.hero-banner.hero-style-3 .hero-slider-bg-controls .swiper-slide-controls i {

  font-size: 20px;

  line-height: 58px;

}



.hero-banner.hero-style-3 .hero-slider-bg-controls .swiper-slide-controls:hover {

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  background-color: var(--color-secondary);

  color: var(--color-white);

}



.hero-banner.hero-style-3 .hero-slider-bg-controls .slide-prev,

.hero-banner.hero-style-3 .hero-slider-bg-controls .slide-next {

  position: relative;

  width: 60px !important;

  margin-left: auto;

  margin-right: 6px;

  text-align: center;

  border-radius: 50%;

  box-shadow: var(--shadow-darker3);

}



.hero-banner.hero-style-3 .hero-slider-bg-controls .slide-next {

  right: 0px;

  top: -69px;

}



.hero-banner.hero-style-3 .hero-slider-bg-controls .slide-prev {

  right: -70px;

  top: 0;

}



.hero-banner.hero-style-4 {

  min-height: 745px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  position: relative;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  z-index: 1;

  -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 92%, 0% 100%);

  clip-path: polygon(0 0%, 100% 0%, 100% 92%, 0% 100%);

}



.hero-banner.hero-style-4::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-18.webp);

  z-index: -1;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-4 {

    -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 92%, 0% 97%);

    clip-path: polygon(0 0%, 100% 0%, 100% 92%, 0% 97%);

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-4 {

    -webkit-clip-path: none;

    clip-path: none;

  }

}



.hero-banner.hero-style-4 .banner-content {

  text-align: center;

  padding-bottom: 30px;

}



.hero-banner.hero-style-4 .banner-content p {

  width: 70%;

  margin: 0 auto 30px;

}



@media only screen and (max-width: 991px) {

  .hero-banner.hero-style-4 .banner-content p {

    width: 100%;

  }

}



.hero-banner.hero-style-4 .banner-gallery {

  display: block;

  position: initial;

}



.hero-banner.hero-style-4 .banner-gallery .thumbnail {

  position: absolute;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .hero-banner.hero-style-4 .banner-gallery .thumbnail {

    width: 17%;

  }

}



@media only screen and (max-width: 1199px) {

  .hero-banner.hero-style-4 .banner-gallery .thumbnail {

    width: 15%;

  }

}



@media only screen and (max-width: 575px) {

  .hero-banner.hero-style-4 .banner-gallery .thumbnail {

    width: 30%;

  }

}



@media only screen and (max-width: 991px) {

  .hero-banner.hero-style-4 .banner-gallery .thumbnail {

    display: none;

  }

}



.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-1 {

  top: 140px;

  left: 120px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-1 {

    left: 30px;

  }

}



@media only screen and (max-width: 1200px) {

  .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-1 {

    left: 80px;

  }

}



.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-1 img {

  border-radius: 0;

  -webkit-animation: radiusChange 8s linear infinite;

  animation: radiusChange 8s linear infinite;

}



.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-2 {

  top: 100px;

  right: 120px;

  padding-top: 0;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-2 {

    right: 40px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-2 {

    right: 15px;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-2 {

    right: 15px;

  }

}



.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-2 img {

  border-radius: 50px 0px;

  -webkit-animation: radiusChange2 5s linear;

  animation: radiusChange2 5s linear;

}



.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 {

  bottom: 160px;

  right: 310px;

  padding-top: 0;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 {

    right: 200px;

  }

}



@media only screen and (max-width: 1199px) {

  .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 {

    right: 100px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 {

    right: 15px;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 {

    right: 15px;

  }

}



.hero-banner.hero-style-4 .banner-gallery .thumbnail.thumbnail-3 img {

  border-radius: 10px 40px;

}



.hero-banner.hero-style-4 .banner-gallery .online-support {

  position: absolute;

  left: 240px;

  bottom: 160px;

}



@media only screen and (max-width: 1199px) {

  .hero-banner.hero-style-4 .banner-gallery .online-support {

    left: 100px;

    bottom: 100px;

  }

}



@media only screen and (max-width: 991px) {

  .hero-banner.hero-style-4 .banner-gallery .online-support {

    display: none;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-4 .banner-gallery .online-support {

    left: 0;

    bottom: -40px;

  }

}



.hero-banner.hero-style-4 .banner-gallery .online-support .inner {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  padding: 30px;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);

  background: #ffffff;

  border-radius: 50px 10px 50px 10px;

}



.hero-banner.hero-style-4 .banner-gallery .online-support .inner .icon {

  width: 50px;

  height: 50px;

  background: rgba(238, 74, 98, 0.1);

  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;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  border-radius: 50%;

  margin-right: 15px;

  color: var(--color-secondary);

  font-size: 22px;

}



.hero-banner.hero-style-4 .banner-gallery .online-support .inner .content {

  text-align: left;

}



.hero-banner.hero-style-4 .banner-gallery .online-support .inner .content .subtitle {

  font-size: 13px;

  font-weight: var(--p-bold);

  color: rgba(20, 20, 23, 0.5);

  text-transform: uppercase;

  margin-bottom: 5px;

  display: block;

}



.hero-banner.hero-style-4 .banner-gallery .online-support .inner .content .title {

  color: var(--color-heading);

  font-weight: var(--p-medium);

  line-height: 1;

  margin-bottom: 0;

}



.hero-banner.hero-style-4 .scroll-down-btn {

  position: absolute;

  bottom: -75px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-4 .scroll-down-btn {

    bottom: -10px;

    z-index: 12;

  }

}



.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn {

  height: 200px;

  width: 200px;

  background-color: rgba(255, 255, 255, 0.5);

  border-radius: 50%;

  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;

  position: relative;

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn {

    height: 50px;

    width: 50px;

    background-color: white;

    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

  }

}



.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn i {

  padding-top: 40px;

  font-size: 26px;

  color: var(--color-primary);

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn i {

    font-size: 16px;

    padding-top: 0;

  }

}



.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:before,

.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  z-index: -1;

  bottom: 0;

  left: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  border-radius: 50%;

  border: 1px solid #dfe7e9;

}



@media only screen and (max-width: 767px) {



  .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:before,

  .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:after {

    display: none;

  }

}



.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:before {

  -webkit-animation: ripple_2 3s linear infinite;

  animation: ripple_2 3s linear infinite;

}



.hero-banner.hero-style-4 .scroll-down-btn .scroll-btn:after {

  -webkit-animation: ripple_2 3s linear 1s infinite;

  animation: ripple_2 3s linear 1s infinite;

}



.hero-banner.hero-style-4 .shape-group li {

  margin: 0;

  position: absolute;

  z-index: -1;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-4 .shape-group li {

    width: 10%;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-4 .shape-group li {

    width: 10%;

  }

}



.hero-banner.hero-style-4 .shape-group li.shape-1 {

  top: 50px;

  left: 195px;

}



.hero-banner.hero-style-4 .shape-group li.shape-1 img {

  opacity: 0.5;

}



@media only screen and (max-width: 1599px) {

  .hero-banner.hero-style-4 .shape-group li.shape-1 {

    left: 161px;

  }

}



.hero-banner.hero-style-4 .shape-group li.shape-2 {

  top: 85px;

  left: 335px;

}



.hero-banner.hero-style-4 .shape-group li.shape-2 img {

  width: 130px;

}



@media only screen and (max-width: 1599px) {

  .hero-banner.hero-style-4 .shape-group li.shape-2 {

    left: 215px;

  }

}



.hero-banner.hero-style-4 .shape-group li.shape-3 {

  bottom: 200px;

  left: 130px;

}



.hero-banner.hero-style-4 .shape-group li.shape-4 {

  bottom: 220px;

  left: 26%;

}



.hero-banner.hero-style-4 .shape-group li.shape-5 {

  top: 35px;

  right: 24%;

}



.hero-banner.hero-style-4 .shape-group li.shape-6 {

  top: 66px;

  right: 88px;

}



@media only screen and (max-width: 1599px) {

  .hero-banner.hero-style-4 .shape-group li.shape-6 {

    right: 8px;

  }

}



.hero-banner.hero-style-4 .shape-group li.shape-7 {

  bottom: 210px;

  right: 60px;

}



@media only screen and (max-width: 1599px) {

  .hero-banner.hero-style-4 .shape-group li.shape-7 {

    bottom: 220px;

    right: -50px;

  }

}



.hero-banner.hero-style-4 .shape-group li.shape-7 img {

  opacity: 0.3;

}



.hero-banner.hero-style-4 .shape-group li.shape-8 {

  z-index: -2;

  bottom: 120px;

  left: -95px;

}



.hero-banner.hero-style-4 .shape-group li.shape-8 span {

  display: block;

  height: 270px;

  width: 270px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.hero-banner.hero-style-5 {

  background-color: var(--color-lighten04);

  -webkit-mask-image: url(../images/others/mask-02.webp);

  mask-image: url(../images/others/mask-02.webp);

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-size: cover;

  -webkit-mask-position: center;

  min-height: 715px;

  position: relative;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-5 {

    padding: 100px 0;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-5 {

    padding: 80px 0;

  }

}



.hero-banner.hero-style-5 .banner-thumbnail {

  margin-right: 0;

  text-align: right;

  padding: 40px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-5 .banner-thumbnail {

    text-align: center;

  }

}



.hero-banner.hero-style-5 .banner-thumbnail .thumbnail {

  display: inline-block;

  background-color: var(--color-white);

  border-radius: 10px;

  padding: 20px;

  box-shadow: var(--shadow-darker);

  position: relative;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .hero-banner.hero-style-5 .banner-thumbnail .shape-group {

    display: block;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-5 .banner-thumbnail .shape-group li {

    width: 100%;

  }

}



.hero-banner.hero-style-5 .banner-thumbnail .shape-group img {

  -webkit-transform: none;

  -ms-transform: none;

  transform: none;

}



.hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-1 {

  top: 0;

  left: auto;

  right: 0;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-1 {

    left: 0;

    right: 0;

  }

}



.hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-2 {

  top: auto;

  bottom: 85px;

  left: 52px;

  z-index: 1;

}



.hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-3 {

  top: 18px;

  left: auto;

  right: -45px;

  z-index: -2;

}



.hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-4 {

  top: -45px;

  right: 8px;

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-5 .shape-group {

    display: none;

  }

}



.hero-banner.hero-style-5 .shape-group li {

  margin: 0;

  position: absolute;

  z-index: -1;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-5 .shape-group li {

    width: 15%;

  }

}



.hero-banner.hero-style-5 .shape-group li.shape-1 {

  top: 40px;

  left: 70px;

}



.hero-banner.hero-style-5 .shape-group li.shape-2 {

  bottom: 28px;

  left: 160px;

}



.hero-banner.hero-style-5 .shape-group li.shape-3 {

  top: 85px;

  left: 46%;

}



.hero-banner.hero-style-5 .shape-group li.shape-4 {

  bottom: 70px;

  right: 205px;

}



.hero-banner.hero-style-5 .shape-group li.shape-5 {

  top: 55px;

  right: 75px;

}



.hero-banner.hero-style-6 {

  min-height: 710px;

  position: relative;

  z-index: 1;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-6 {

    padding: 100px 0 0;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-6 {

    padding: 80px 0 0;

  }

}



.hero-banner.hero-style-6:before {

  content: "";

  height: 100%;

  width: 100%;

  background-color: var(--color-lighten01);

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: -1;

  -webkit-mask-image: url(../images/others/mask-03.webp);

  mask-image: url(../images/others/mask-03.webp);

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-size: cover;

  -webkit-mask-position: center;

}



.hero-banner.hero-style-6 .banner-thumbnail {

  margin-right: -15px;

  text-align: right;

  margin-bottom: -125px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-6 .banner-thumbnail {

    margin-bottom: 0;

    margin-right: 0;

    text-align: center;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-6 .banner-thumbnail {

    margin-bottom: 0;

    margin-right: 0;

    text-align: center;

  }

}



.hero-banner.hero-style-6 .banner-thumbnail .thumbnail {

  display: inline-block;

  position: relative;

}



@media only screen and (max-width: 1199px),

only screen and (max-width: 767px) {

  .hero-banner.hero-style-6 .banner-thumbnail .shape-group {

    display: block;

  }

}



.hero-banner.hero-style-6 .banner-thumbnail .shape-group img {

  opacity: 1;

}



.hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-1 {

  top: 80px;

  left: auto;

  right: 15px;

}



@media only screen and (max-width: 991px) {

  .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-1 {

    right: inherit;

    left: 180px;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-1 {

    left: 60px;

  }

}



.hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-2 {

  top: auto;

  bottom: 250px;

  left: 80px;

  z-index: 1;

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-2 {

    display: none;

  }

}



.hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-3 {

  top: 80px;

  left: auto;

  right: -75px;

  z-index: -2;

}



.hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-4 {

  top: 26px;

  right: 22px;

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-4 {

    display: none;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-6 .shape-group {

    display: none;

  }

}



.hero-banner.hero-style-6 .shape-group li {

  margin: 0;

  position: absolute;

  z-index: -1;

}



.hero-banner.hero-style-6 .shape-group li img {

  opacity: 0.2;

}



.hero-banner.hero-style-6 .shape-group li.shape-1 {

  top: 45px;

  left: 250px;

}



.hero-banner.hero-style-6 .shape-group li.shape-2 {

  bottom: 26px;

  left: 115px;

}



.hero-banner.hero-style-6 .shape-group li.shape-3 {

  top: 25px;

  right: 0px;

  z-index: -1;

}



.hero-banner.hero-style-7 {

  min-height: 820px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  position: relative;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  background: -webkit-linear-gradient(right,

      rgba(49, 185, 120, 0.2) 0%,

      rgba(26, 182, 157, 0.2) 100%);

  background: linear-gradient(-90deg,

      rgba(49, 185, 120, 0.2) 0%,

      rgba(26, 182, 157, 0.2) 100%);

  overflow: hidden;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-7 {

    min-height: 100%;

    padding: 80px 0 100px;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-7 {

    min-height: 100%;

    padding: 60px 0 80px;

  }

}



.hero-banner.hero-style-7 .banner-content {

  text-align: center;

  padding-top: 30px;

  z-index: 2;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-7 .banner-content {

    padding-top: 0;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-7 .banner-content {

    padding-top: 0;

  }

}



.hero-banner.hero-style-7 .banner-content p {

  width: 70%;

  margin: 0 auto 30px;

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-7 .banner-content p {

    width: 100%;

  }

}



.hero-banner.hero-style-7 .banner-content .features-list {

  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;

  margin: 0 -50px;

  padding-top: 65px;

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-7 .banner-content .features-list {

    margin: 0 -20px;

    padding-top: 50px;

  }

}



@media only screen and (max-width: 575px) {

  .hero-banner.hero-style-7 .banner-content .features-list {

    margin: 0 -5px;

  }

}



.hero-banner.hero-style-7 .banner-content .features-box {

  background-color: transparent;

  padding: 0;

  box-shadow: none;

  margin: 0 50px;

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-7 .banner-content .features-box {

    margin: 0 20px;

  }

}



@media only screen and (max-width: 575px) {

  .hero-banner.hero-style-7 .banner-content .features-box {

    margin: 0 5px;

  }

}



.hero-banner.hero-style-7 .banner-content .features-box .icon {

  color: var(--color-white);

}



@media only screen and (max-width: 575px) {

  .hero-banner.hero-style-7 .banner-content .features-box .content .title {

    font-size: 14px;

  }

}



.hero-banner.hero-style-7 .banner-content .features-box.color-extra02-style .icon {

  background-color: #8e56ff;

}



.hero-banner.hero-style-7 .banner-content .features-box.color-secondary-style .icon {

  background-color: #ee4a62;

}



.hero-banner.hero-style-7 .banner-content .features-box.color-primary-style .icon {

  background-color: #0d1e51;

}



.hero-banner.hero-style-7 .banner-gallery {

  display: block;

  position: initial;

}



.hero-banner.hero-style-7 .banner-gallery .thumbnail {

  position: absolute;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .hero-banner.hero-style-7 .banner-gallery .thumbnail {

    width: 20%;

  }

}



@media only screen and (max-width: 1199px) {

  .hero-banner.hero-style-7 .banner-gallery .thumbnail {

    width: 20%;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-7 .banner-gallery .thumbnail {

    display: none;

  }

}



.hero-banner.hero-style-7 .banner-gallery .thumbnail img {

  border-radius: 0;

}



.hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-1 {

  bottom: 160px;

  left: 130px;

}



@media only screen and (max-width: 1650px) {

  .hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-1 {

    left: 20px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-1 {

    bottom: 50%;

  }

}



@media only screen and (max-width: 1199px) {

  .hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-1 {

    bottom: 50%;

  }

}



.hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-2 {

  bottom: 120px;

  right: 150px;

  padding-top: 0;

}



@media only screen and (max-width: 1650px) {

  .hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-2 {

    right: 20px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-2 {

    bottom: 50%;

  }

}



@media only screen and (max-width: 1199px) {

  .hero-banner.hero-style-7 .banner-gallery .thumbnail.thumbnail-2 {

    bottom: 50%;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-7 .shape-group {

    display: none;

  }

}



.hero-banner.hero-style-7 .shape-group li {

  margin: 0;

  position: absolute;

  z-index: -1;

}



.hero-banner.hero-style-7 .shape-group li img {

  opacity: 0.3;

}



.hero-banner.hero-style-7 .shape-group li.shape-1 {

  top: 100px;

  left: 82px;

}



.hero-banner.hero-style-7 .shape-group li.shape-2 {

  top: 47%;

  left: 24%;

}



.hero-banner.hero-style-7 .shape-group li.shape-3 {

  bottom: 0;

  left: 44%;

}



.hero-banner.hero-style-7 .shape-group li.shape-4 {

  top: 220px;

  right: 21%;

}



.hero-banner.hero-style-7 .shape-group li.shape-5 {

  top: 135px;

  right: 65px;

}



.hero-banner.hero-style-7 .shape-group li.shape-6 {

  top: -60px;

  left: 35%;

}



.hero-banner.hero-style-7 .shape-group li.shape-6 img {

  opacity: 1;

}



.hero-banner.hero-style-7 .shape-group li.shape-7 {

  bottom: -35px;

  right: 21%;

}



.hero-banner.hero-style-7 .shape-group li.shape-7 img {

  opacity: 1;

}



/*-------------------

  Instagram Styles

---------------------*/

.instagram-grid {

  text-align: center;

}



.instagram-grid a {

  position: relative;

  border-radius: 5px;

  overflow: hidden;

  display: block;

}



.instagram-grid a img {

  border-radius: 5px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  width: 100%;

}



.instagram-grid a:after {

  content: "";

  height: 100%;

  width: 100%;

  background-color: var(--color-black);

  border-radius: 5px;

  opacity: 0.5;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.instagram-grid a .user-info {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  -webkit-transform: translateY(-50%) scale(1.5);

  -ms-transform: translateY(-50%) scale(1.5);

  transform: translateY(-50%) scale(1.5);

  z-index: 1;

  color: var(--color-white);

  visibility: hidden;

  opacity: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.instagram-grid a .user-info .icon {

  display: block;

  font-size: 26px;

}



.instagram-grid a .user-info .user-name {

  font-size: 18px;

  font-family: var(--font-secondary);

  font-weight: var(--p-semi-bold);

}



.instagram-grid:hover a img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}



.instagram-grid:hover a:after {

  visibility: visible;

  opacity: 0.5;

}



.instagram-grid:hover a .user-info {

  -webkit-transform: translateY(-50%) scale(1);

  -ms-transform: translateY(-50%) scale(1);

  transform: translateY(-50%) scale(1);

  visibility: visible;

  opacity: 1;

}



/*-------------------

  Pricing Table Styles 

---------------------*/

.pricing-table {

  background-color: var(--color-white);

  box-shadow: var(--shadow-darker);

  border-radius: 5px;

  padding: 50px 30px 45px;

  position: relative;

  text-align: center;

}



.pricing-table .pricing-header {

  margin-bottom: 35px;

  text-align: center;

  border-bottom: 1px solid #e7e7e7;

}



.pricing-table .pricing-header .price-wrap {

  font-family: var(--font-secondary);

  line-height: 1;

  margin-bottom: 20px;

}



.pricing-table .pricing-header .price-wrap .amount {

  font-weight: var(--p-bold);

  font-size: 40px;

  color: var(--color-heading);

  display: block;

  margin-bottom: 18px;

}



.pricing-table .pricing-header .price-wrap .duration {

  color: var(--color-body);

  font-size: 15px;

  font-weight: var(--p-medium);

}



.pricing-table .pricing-header .title {

  text-transform: uppercase;

  font-family: var(--font-secondary);

  font-weight: var(--p-medium);

  font-size: 15px;

  color: var(--color-primary);

  margin-bottom: 18px;

}



.pricing-table .pricing-body {

  margin-bottom: 40px;

}



.pricing-table .pricing-body .list-item 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: 0;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: var(--color-heading);

}



.pricing-table .pricing-body .list-item li i {

  color: var(--color-primary);

  margin-right: 10px;

}



.pricing-table .pricing-body .list-item li+li {

  margin-top: 16px;

}



.pricing-table .pricing-body .list-item li.item-off {

  color: var(--color-body);

}



.pricing-table .pricing-body .list-item li.item-off i {

  color: var(--color-body);

  opacity: 0.5;

}



.pricing-table .edu-btn.btn-border {

  padding: 0 30px;

}



.pricing-table .edu-btn.btn-border i {

  font-size: 15px;

  font-weight: 600;

  top: 2px;

  padding-left: 10px;

}



.pricing-table .edu-btn.btn-border:after {

  display: block;

}



.pricing-table:hover .edu-btn {

  background-color: var(--color-primary);

  color: var(--color-white);

  border-color: var(--color-primary);

}



/*-------------------

  Privacy Policy Style

---------------------*/

.privacy-policy-area {

  padding: 120px 0 100px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .privacy-policy-area {

    padding: 100px 0;

  }

}



@media only screen and (max-width: 767px) {

  .privacy-policy-area {

    padding: 80px 0;

  }

}



.privacy-policy {

  padding-right: 50px;

}



.privacy-policy h4.title {

  margin-bottom: 25px;

}



.privacy-policy p {

  margin-bottom: 28px;

}



.privacy-policy .text-block {

  margin-bottom: 60px;

}



@media only screen and (max-width: 767px) {

  .privacy-policy .text-block {

    margin-bottom: 50px;

  }

}



.privacy-policy .text-block:last-child {

  margin-bottom: 0;

}



.privacy-policy ul li {

  padding-left: 30px;

  position: relative;

  margin-top: 15px;

  margin-bottom: 15px;

}



.privacy-policy ul li:after {

  content: "\e913";

  font-family: var(--font-icomoon);

  color: var(--color-primary);

  position: absolute;

  left: 0;

  top: 0;

}



/*----------------------------

    Product Details Styles 

------------------------------*/

.product-details-area {

  padding-bottom: 95px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .product-details-area {

    padding-bottom: 70px;

  }

}



@media only screen and (max-width: 767px) {

  .product-details-area {

    padding-bottom: 50px;

  }

}



.product-details-area .thumbnail {

  border: 1px solid var(--color-border);

  text-align: center;

}



.product-details-area .content .title {

  margin-bottom: 12px;

}



.product-details-area .content .product-rating {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-align-content: center;

  -ms-flex-line-pack: center;

  align-content: center;

  margin-bottom: 10px;

}



.product-details-area .content .product-rating .rating {

  margin-right: 5px;

}



.product-details-area .content .product-rating .rating i {

  font-size: 14px;

  color: #f8b81f;

  padding: 0;

}



.product-details-area .content .product-rating .rating-count {

  font-size: 14px;

  color: var(--color-heading);

  font-weight: 600;

}



.product-details-area .content .price {

  font-size: 18px;

  font-weight: 600;

  color: var(--color-primary);

  font-family: var(--font-secondary);

}



.product-details-area .content p {

  margin-top: 22px;

  margin-bottom: 34px;

}



.product-details-area .content .product-action .add-to-cart-btn {

  margin-top: 40px;

  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;

}



@media only screen and (max-width: 575px) {

  .product-details-area .content .product-action .add-to-cart-btn {

    margin-top: 20px;

  }

}



.product-details-area .content .product-action .add-to-cart-btn a {

  margin-right: 10px;

}



.product-details-area .content .product-action .add-to-cart-btn a:last-child {

  margin-right: 0;

}



.product-details-area .content .product-action .add-to-cart-btn .wishlist-btn {

  border: 1px solid var(--color-border);

  height: 50px;

  width: 50px;

  line-height: 50px;

  border-radius: 5px;

}



.product-details-area .content .product-action .add-to-cart-btn .wishlist-btn i {

  font-size: 16px;

  color: var(--color-heading);

}



.product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover {

  border-color: var(--color-secondary);

}



.product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover i {

  color: var(--color-white);

}



.product-details-area .content .product-feature {

  margin-top: 32px;

}



.product-details-area .content .product-feature li {

  font-weight: 400;

  margin: 6px 0;

  font-size: 16px;

}



.product-details-area .content .product-feature li span {

  font-weight: 600;

  color: var(--color-heading);

}



.product-details-area .content .product-feature li a {

  position: relative;

  display: inline-block;

}



.product-details-area .content .product-feature li a::after {

  position: absolute;

  content: ",";

  right: -3px;

}



.product-details-area .content .product-feature li a:last-child:after {

  display: none;

}



.product-description-nav {

  border-bottom: 1px solid var(--color-border);

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-bottom: 35px;

}



.product-description-nav .nav-item {

  margin: 0 5px;

}



.product-description-nav .nav-item button.nav-link {

  background: transparent;

  border: 0 none;

  font-weight: 600;

  font-size: 16px;

  line-height: 28px;

  padding: 22px 25px;

  color: var(--color-body);

  font-family: var(--font-secondary);

  position: relative;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.product-description-nav .nav-item button.nav-link::after {

  position: absolute;

  content: "";

  bottom: 0;

  left: 0;

  height: 2px;

  background: var(--color-primary);

  -webkit-transition: 0.4s;

  transition: 0.4s;

  width: 0;

}



.product-description-nav .nav-item button.nav-link:hover,

.product-description-nav .nav-item button.nav-link.active {

  color: var(--color-heading);

}



.product-description-nav .nav-item button.nav-link:hover::after,

.product-description-nav .nav-item button.nav-link.active::after {

  width: 100%;

}



.product-description-content .comment-area {

  margin-top: 0;

  border-bottom: 1px solid var(--color-border);

  padding-bottom: 45px;

}



.product-description-content .comment-area .heading-title {

  margin-bottom: 40px;

}



.product-description-content .comment-list-wrapper .comment .comment-content .title {

  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;

}



@media only screen and (max-width: 479px) {

  .product-description-content .comment-list-wrapper .comment .comment-content .title {

    display: block;

  }

}



.product-description-content .comment-list-wrapper .comment .comment-content .date {

  margin-bottom: 0;

  font-size: 15px;

  color: var(--color-body);

  font-weight: 400;

  margin-left: 5px;

}



@media only screen and (max-width: 479px) {

  .product-description-content .comment-list-wrapper .comment .comment-content .date {

    margin-left: 0;

    margin-top: 4px;

  }

}



.product-description-content .comment-list-wrapper .comment .comment-content .rating {

  font-size: 13px;

  color: #ffc92e;

  margin-bottom: 16px;

}



.product-description-content .comment-form-area {

  margin-top: 70px;

}



.product-description-content .comment-form .review-rating {

  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: 15px;

}



.product-description-content .comment-form .review-rating .title {

  margin-bottom: 0;

  margin-right: 15px;

}



.product-description-content .comment-form .review-rating .rating {

  font-size: 14px;

  color: #ffc92e;

}



.product-description-content .comment-form .form-group label {

  color: var(--color-body);

  margin-bottom: 5px;

}



.product-description-content .comment-form .form-group input {

  box-shadow: none;

  border: 1px solid var(--color-border);

  height: 50px;

}



.product-description-content .comment-form .form-group textarea {

  box-shadow: none;

  border: 1px solid var(--color-border);

}



.product-description-content .comment-form .form-group .edu-form-check label:before {

  background-color: transparent;

}



/*-------------------

  Shop Styles 

---------------------*/

.edu-product {

  margin-bottom: 15px;

}



.edu-product .inner {

  text-align: center;

}



.edu-product .inner>.thumbnail {

  position: relative;

}



.edu-product .inner>.thumbnail>a {

  display: block;

  border: 1px solid var(--color-border);

  overflow: hidden;

}



.edu-product .inner>.thumbnail>a img {

  width: 100%;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-product .inner>.thumbnail .product-hover-info {

  text-align: center;

  position: absolute;

  top: 55%;

  left: 0;

  right: 0;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: var(--transition);

  transition: var(--transition);

  opacity: 0;

  visibility: hidden;

  z-index: 1;

}



.edu-product .inner>.thumbnail .product-hover-info ul li {

  margin: 0;

  padding: 7px;

  position: relative;

}



.edu-product .inner>.thumbnail .product-hover-info ul li a {

  text-align: center;

  font-size: 18px;

  color: var(--color-black);

  height: 36px;

  width: 36px;

  line-height: 40px;

  background-color: var(--color-white);

  border-radius: 50%;

  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);

}



.edu-product .inner>.thumbnail .product-hover-info ul li a:hover {

  background-color: var(--color-primary);

  color: var(--color-white);

}



.edu-product .inner .content {

  padding-top: 26px;

}



.edu-product .inner .content .title {

  font-size: 16px;

  margin-bottom: 8px;

}



.edu-product .inner .content .product-rating {

  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;

  margin-bottom: 8px;

}



.edu-product .inner .content .product-rating .rating {

  color: #ffc92e;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  font-size: 14px;

}



.edu-product .inner .content .product-rating .rating-count {

  font-size: 14px;

  font-weight: 500;

  color: var(--color-heading);

  margin-left: 5px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-product .inner .content .price {

  font-size: 14px;

  font-family: var(--font-secondary);

  font-weight: var(--p-semi-bold);

  color: var(--color-primary);

}



.edu-product:hover .inner .thumbnail a {

  box-shadow: var(--shadow-darker);

  border-color: var(--color-white);

}



.edu-product:hover .inner .thumbnail a img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

  opacity: 0.3;

}



.edu-product:hover .inner .thumbnail .product-hover-info {

  top: 50%;

  visibility: visible;

  opacity: 1;

}



.pro-qty {

  width: 136px;

  height: 55px;

  border-radius: 5px;

  border: 1px solid var(--color-border);

  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;

  padding: 5px 18px;

}



@media only screen and (max-width: 575px) {

  .pro-qty {

    width: 110px;

    height: 50px;

  }

}



.pro-qty input {

  width: 28px;

  float: left;

  border: none;

  height: 32px;

  line-height: 30px;

  padding: 0;

  text-align: center;

  background-color: transparent;

  font-size: 15px;

  margin: 0 12px;

  color: #101010;

}



.pro-qty .qtybtn {

  display: block;

  float: left;

  cursor: pointer;

  text-align: center;

  font-size: 20px;

  color: #848484;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.pro-qty .qtybtn:hover {

  color: var(--color-primary);

}



.pro-qty input::-webkit-outer-spin-button,

.pro-qty input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



.pro-qty input[type="number"] {

  -moz-appearance: textfield;

}



.cart-table th,

.cart-table td {

  border: none;

  border-bottom: 1px solid #e6e6e6 !important;

}



@media only screen and (max-width: 767px) {



  .cart-table th:last-child,

  .cart-table td:last-child {

    border-bottom: none;

  }

}



@media only screen and (max-width: 767px) {

  .cart-table thead {

    display: none;

  }

}



.cart-table thead th {

  font-size: 16px;

  font-weight: var(--p-semi-bold);

  font-family: var(--font-secondary);

  text-transform: capitalize;

  color: var(--color-heading);

  padding: 18px 15px;

}



@media only screen and (max-width: 991px) {

  .cart-table thead th {

    padding: 20px 10px;

  }

}



@media only screen and (max-width: 767px) {

  .cart-table tbody tr {

    padding-left: 120px;

    position: relative;

    display: block;

    border-bottom: 1px solid var(--color-lighter);

    margin-bottom: 30px;

  }



  .cart-table tbody tr:last-child {

    margin-bottom: 0;

  }

}



@media only screen and (max-width: 575px) {

  .cart-table tbody tr {

    padding-left: 90px;

  }

}



.cart-table tbody td {

  vertical-align: middle;

  padding: 30px 15px;

  font-size: 15px;

  color: #222222;

  min-width: 150px;

}



@media only screen and (max-width: 991px) {

  .cart-table tbody td {

    font-size: 18px;

    padding: 20px 10px;

  }

}



@media only screen and (max-width: 767px) {

  .cart-table tbody td {

    font-size: 16px;

    display: block;

    text-align: right;

    padding: 10px 0;

    position: relative;

  }



  .cart-table tbody td:before {

    content: attr(data-title) " :";

    position: absolute;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 13px;

    color: var(--color-black);

  }

}



.cart-table tbody td.product-remove {

  min-width: auto;

}



@media only screen and (max-width: 767px) {

  .cart-table tbody td.product-remove {

    position: absolute;

    top: 0;

    right: 0;

    border-bottom: none !important;

    z-index: 1;

  }

}



.cart-table tbody td.product-remove .remove-wishlist {

  display: block;

  text-align: center;

  height: 32px;

  width: 32px;

  line-height: 30px;

  font-size: 14px;

  color: var(--color-black);

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



@media only screen and (max-width: 767px) {

  .cart-table tbody td.product-remove .remove-wishlist {

    font-size: 10px;

  }

}



.cart-table tbody td.product-remove .remove-wishlist:hover {

  color: var(--color-primary);

}



.cart-table tbody td.product-remove:before {

  display: none;

}



.cart-table tbody td.product-thumbnail {

  width: 110px;

}



@media only screen and (max-width: 767px) {

  .cart-table tbody td.product-thumbnail {

    width: 80px;

    position: absolute;

    left: 0;

    top: 0;

    border-bottom: none !important;

    text-align: left;

  }

}



.cart-table tbody td.product-thumbnail a {

  border: 1px solid var(--color-border);

}



.cart-table tbody td.product-thumbnail a img {

  height: 110px;

}



@media only screen and (max-width: 575px) {

  .cart-table tbody td.product-thumbnail a img {

    height: 85px;

  }

}



.cart-table tbody td.product-thumbnail:before {

  display: none;

}



.cart-table tbody td.product-title {

  width: 30%;

  color: var(--color-heading);

  font-size: 16px;

  font-weight: var(--p-semi-bold);

  font-family: var(--font-secondary);

}



@media only screen and (max-width: 767px) {

  .cart-table tbody td.product-title {

    width: 100%;

    text-align: left;

    padding-right: 40px;

  }

}



.cart-table tbody td.product-title a {

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.cart-table tbody td.product-title:before {

  display: none;

}



.cart-table tbody td.product-quantity .pro-qty {

  margin: 0 auto;

  margin-right: 0;

}



.wishlist-table tbody td.product-add-cart:before {

  display: none;

}



.cart-update-btn-area {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 30px;

}



@media only screen and (max-width: 575px) {

  .cart-update-btn-area {

    display: block;

  }

}



.cart-update-btn-area .product-cupon {

  -webkit-flex-wrap: nowrap;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  border: 1px solid #e6e6e6;

  border-radius: 5px;

  height: 50px;

  padding: 5px 5px 5px 20px;

  max-width: 430px;

}



.cart-update-btn-area .product-cupon input {

  padding: 0;

  border: none;

  height: auto;

  padding-right: 20px;

}



.cart-update-btn-area .product-cupon .submit-btn {

  border: none;

  background: var(--gradient-primary);

  color: var(--color-white);

  border-radius: 5px !important;

  padding: 5px 22px;

  font-size: 12px;

}



.cart-update-btn-area .update-btn {

  text-align: right;

}



@media only screen and (max-width: 575px) {

  .cart-update-btn-area .update-btn {

    text-align: left;

    margin-top: 20px;

  }

}



.cart-update-btn-area .update-btn .edu-btn.disabled {

  opacity: 0.5;

}



.order-summery {

  margin-top: 100px;

}



@media only screen and (max-width: 767px) {

  .order-summery {

    margin-top: 80px;

  }

}



.order-summery .title {

  margin-bottom: 24px;

}



.order-summery .summery-table tbody td {

  border-color: #e6e6e6;

  font-size: 16px;

  color: var(--color-heading);

  padding: 14px 30px;

}



.order-summery .summery-table tbody td:first-child {

  font-weight: var(--p-semi-bold);

  width: 165px;

  font-family: var(--font-secondary);

}



.order-summery .summery-table tbody td:last-child {

  font-size: 15px;

  text-align: right;

  color: #848484;

}



.order-summery .summery-table .order-total td:last-child {

  color: var(--color-heading);

  font-weight: var(--p-semi-bold);

}



.order-summery .checkout-btn {

  width: 100%;

}



.order-summery.checkout-summery {

  margin-top: 0;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .order-summery.checkout-summery {

    margin-top: 80px;

  }

}



@media only screen and (max-width: 767px) {

  .order-summery.checkout-summery {

    margin-top: 60px;

  }

}



.order-summery.checkout-summery .summery-table-wrap {

  border: 1px solid var(--color-border);

  border-radius: 5px;

  padding: 45px 50px 30px;

}



@media only screen and (max-width: 575px) {

  .order-summery.checkout-summery .summery-table-wrap {

    padding: 40px 20px 20px;

  }

}



.order-summery.checkout-summery .summery-table-wrap .title {

  margin-bottom: 18px;

}



.order-summery.checkout-summery .summery-table-wrap table {

  margin-bottom: 0;

}



.order-summery.checkout-summery .summery-table-wrap table tr:last-child td {

  border-bottom: none;

}



.order-summery.checkout-summery .summery-table-wrap table td {

  border: none;

  border-bottom: 1px solid var(--color-border);

  width: auto;

  padding: 12px 0;

  color: var(--color-heading);

}



@media only screen and (max-width: 575px) {

  .order-summery.checkout-summery .summery-table-wrap table td {

    font-size: 14px;

  }

}



.order-summery.checkout-summery .summery-table-wrap table .order-subtotal td:last-child {

  color: var(--color-body);

  font-weight: var(--p-medium);

}



.order-summery.checkout-summery .summery-table-wrap table .order-total td {

  font-weight: var(--p-bold);

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .account-page-area .shape-group {

    display: none;

  }

}



@media only screen and (max-width: 767px) {

  .account-page-area .shape-group {

    display: none;

  }

}



.account-page-area .shape-group li {

  position: absolute;

  z-index: -1;

}



.account-page-area .shape-group li.shape-1 {

  bottom: -10px;

  left: 60px;

}



.account-page-area .shape-group li.shape-2 {

  top: -60px;

  right: 50px;

}



.account-page-area .shape-group li.shape-3 {

  top: -30px;

  right: 0px;

  z-index: 1;

}



.login-form-box {

  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);

  padding: 70px 50px;

  border-radius: 5px;

  background-color: var(--color-white);

}



@media only screen and (max-width: 767px) {

  .login-form-box {

    padding: 40px 30px;

  }

}



.login-form-box .title {

  margin-bottom: 5px;

}



.login-form-box a {

  color: var(--color-primary);

}



.login-form-box a:hover {

  color: var(--color-secondary);

}



.login-form-box p {

  color: var(--color-heading);

  margin-bottom: 25px;

}



.login-form-box .form-group {

  position: relative;

}



.login-form-box .form-group input {

  border: 1px solid var(--color-border);

  height: 50px;

}



.login-form-box .form-group .edu-btn {

  width: 100%;

}



.login-form-box .form-group .password-show {

  position: absolute;

  bottom: 11px;

  right: 18px;

  color: #b2b2b2;

  font-size: 13px;

  cursor: pointer;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.login-form-box .form-group .password-show:hover {

  color: var(--color-primary);

}



.login-form-box .chekbox-area {

  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;

  margin: 25px 0;

}



@media only screen and (max-width: 479px) {

  .login-form-box .chekbox-area {

    display: block;

  }

}



.login-form-box .chekbox-area .edu-form-check {

  position: relative;

}



.login-form-box .chekbox-area .edu-form-check label {

  padding-left: 28px;

}



.login-form-box .chekbox-area .edu-form-check label:before {

  background-color: #f7f7f7;

  border-color: var(--color-border);

}



.login-form-box .chekbox-area .edu-form-check input {

  height: auto;

}



.login-form-box .chekbox-area .edu-form-check input:checked~label::before {

  background-color: var(--color-primary);

  border-color: var(--color-primary);

}



.login-form-box .chekbox-area .edu-form-check input:checked~label::after {

  opacity: 1;

}



.login-form-box .chekbox-area .password-reset {

  font-size: 16px;

}



@media only screen and (max-width: 479px) {

  .login-form-box .chekbox-area .password-reset {

    padding-left: 30px;

    margin-top: 5px;

  }

}



.checkout-notice {

  margin-bottom: 65px;

}



.checkout-notice .coupn-box {

  padding: 0 30px;

  border: 1px solid var(--color-border);

  border-radius: 5px;

}



.checkout-notice .toggle-bar {

  padding: 18px 0;

  margin-bottom: 0;

}



.checkout-notice .toggle-bar a {

  color: var(--color-primary);

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



@media only screen and (max-width: 479px) {

  .checkout-notice .input-group {

    display: block;

  }

}



.checkout-notice .input-group input {

  width: auto;

  border: 1px solid var(--color-border);

  height: 50px;

  border-radius: 5px !important;

}



.checkout-notice .input-group .apply-btn {

  margin-left: 10px !important;

}



@media only screen and (max-width: 479px) {

  .checkout-notice .input-group .apply-btn {

    margin-left: 0 !important;

    margin-top: 15px;

  }

}



.checkout-notice .toggle-open {

  display: none;

  margin-top: 10px;

  margin-bottom: 30px;

}



.checkout-billing .title {

  margin-bottom: 30px;

}



.checkout-billing .form-group {

  margin-bottom: 25px;

}



.checkout-billing .form-group label {

  font-size: 16px;

  margin-bottom: 5px;

}



.checkout-billing .form-group input {

  border: 1px solid #e6e6e6;

  border-radius: 5px;

  height: 45px;

  margin-bottom: 10px;

}



.checkout-billing .form-group input:last-child {

  margin-bottom: 0;

}



.checkout-billing .form-group textarea {

  border: 1px solid #e6e6e6;

  border-radius: 5px;

}



.checkout-billing .form-group select {

  height: 45px;

  background-color: transparent;

  border: 1px solid var(--color-border);

  color: var(--color-body);

  font-weight: 400;

  background: url(../images/icons/arrow-icon.png) 92% center no-repeat transparent;

}



.order-payment {

  border: 1px solid var(--color-border);

  border-radius: 5px;

  padding: 50px 50px 42px;

  margin-top: 50px;

}



@media only screen and (max-width: 575px) {

  .order-payment {

    padding: 40px 20px 30px;

  }

}



.order-payment .title {

  margin-bottom: 40px;

}



.order-payment .payment-method {

  background-color: #f5f9fa;

  padding: 30px 30px 45px;

  margin-bottom: 30px;

}



@media only screen and (max-width: 575px) {

  .order-payment .payment-method {

    padding: 30px 20px 30px;

  }

}



.order-payment .form-group {

  position: relative;

  border-bottom: 1px solid #dce0e0;

  margin-bottom: 22px;

  padding-bottom: 22px;

}



.order-payment .form-group:last-child {

  margin-bottom: 0;

  padding-bottom: 0;

}



.order-payment .form-group p {

  margin-top: 5px;

  margin-bottom: 0;

  padding-left: 30px;

}



.order-payment .form-group a {

  margin-left: 20px;

  font-weight: 500;

}



.order-payment .form-group label {

  font-size: 16px;

  font-weight: 500;

}



.order-payment .form-group:last-child {

  border-bottom: none;

}



.order-payment .form-group input[type="checkbox"],

.order-payment .form-group input[type="radio"] {

  width: auto;

}



/*-------------------

  Splash Page Styles 

---------------------*/

.SHMU-landing-page #SHMU-preloader {

  display: none !important;

}



.pv-header-style.edu-header .header-mainmenu {

  background-color: transparent;

  box-shadow: none;

  z-index: 5;

}



.pv-header-style.edu-header .header-mainmenu.edu-sticky {

  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.05);

}



.pv-header-style .mainmenu-nav {

  margin-right: 30px;

}



.pv-header-style .mainmenu-nav .mainmenu {

  -webkit-box-pack: end !important;

  -webkit-justify-content: flex-end !important;

  -ms-flex-pack: end !important;

  justify-content: flex-end !important;

}



.pv-header-style .mainmenu-nav .mainmenu li a {

  padding: 0 20px;

  height: 90px;

  line-height: 90px;

}



.pv-header-style .SHMU-vue-mobile-popup-menu .mainmenu li.header-btn {

  padding-top: 30px;

}



.pv-header-style .SHMU-vue-mobile-popup-menu .mainmenu li.header-btn .edu-btn {

  padding: 0;

}



.pv-header-style .SHMU-vue-mobile-popup-menu .mainmenu li.header-btn .edu-btn:hover {

  color: var(--color-white);

}



.pv-demo-counterup {

  margin-top: -95px;

  position: relative;

  z-index: 1;

}



.pv-demo-counterup .counterup-wrap {

  background-color: var(--color-white);

  max-width: 870px;

  width: 100%;

  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.03);

  border-radius: 10px;

  margin: 0 auto;

  padding: 50px 0;

}



@media only screen and (max-width: 767px) {

  .pv-demo-counterup .counterup-wrap {

    padding: 40px 0;

  }

}



.pv-demo-counterup .counterup-wrap .edu-counterup {

  box-shadow: none;

  padding: 0 30px;

  border-radius: 0;

}



@media only screen and (max-width: 767px) {

  .pv-demo-counterup .counterup-wrap .edu-counterup {

    padding: 0 20px;

  }

}



@media only screen and (max-width: 575px) {

  .pv-demo-counterup .counterup-wrap .edu-counterup {

    padding: 20px;

  }

}



.pv-demo-counterup .counterup-wrap .edu-counterup.border-end {

  border-color: var(--color-border);

}



@media only screen and (max-width: 575px) {

  .pv-demo-counterup .counterup-wrap .edu-counterup.border-end {

    border: none !important;

  }

}



.pv-demo-counterup .counterup-wrap .edu-counterup .count-number {

  font-size: 50px;

  margin-bottom: 0;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .pv-demo-counterup .counterup-wrap .edu-counterup .count-number {

    font-size: 40px;

  }

}



@media only screen and (max-width: 767px) {

  .pv-demo-counterup .counterup-wrap .edu-counterup .count-number {

    font-size: 30px;

  }

}



.pv-demo-counterup .counterup-wrap .edu-counterup .title {

  font-weight: 600;

  font-size: 17px;

  color: var(--color-heading);

  text-transform: capitalize;

}



.pv-demo-area {

  padding: 140px 0 90px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .pv-demo-area {

    padding: 110px 0 60px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .pv-demo-area {

    padding: 90px 0 40px;

  }

}



@media only screen and (max-width: 767px) {

  .pv-demo-area {

    padding: 70px 0 20px;

  }

}



.single-demo {

  text-align: center;

  margin-bottom: 60px;

  position: relative;

}



.single-demo .new-wrapper {

  position: absolute;

  right: -15px;

  top: -15px;

  background-color: var(--color-tertiary);

  color: var(--color-white);

  width: 70px;

  height: 70px;

  line-height: 70px;

  box-shadow: 0px 10px 30px 0px rgba(179, 109, 28, 0.4);

  border-radius: 50%;

  z-index: 1;

}



.single-demo .inner {

  background-color: var(--color-white);

  box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.07);

  border-radius: 5px;

  padding: 15px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.single-demo.coming-soon a {

  pointer-events: none;

}



.single-demo .thumbnail {

  position: relative;

  text-align: center;

}



.single-demo .thumbnail .thumbnail-link {

  display: block;

  position: relative;

}



.single-demo .thumbnail .thumbnail-link::before {

  background: rgba(0, 0, 0, 0.35);

  border-radius: 5px;

  position: absolute;

  content: "";

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  height: 100%;

  width: 100%;

  opacity: 0;

}



.single-demo .thumbnail .thumbnail-link img {

  border-radius: 5px;

  width: 100%;

}



.single-demo .thumbnail .hover-action {

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 1;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  opacity: 0;

}



.single-demo .title {

  font-weight: 700;

  font-size: 20px;

  margin-top: 28px;

  margin-bottom: 10px;

}



.single-demo:hover .inner {

  box-shadow: 0px 30px 70px rgba(0, 0, 0, 0.12);

  -webkit-transform: translateY(-10px);

  -ms-transform: translateY(-10px);

  transform: translateY(-10px);

}



.single-demo:hover .thumbnail .thumbnail-link::before {

  opacity: 1;

}



.single-demo:hover .thumbnail .hover-action {

  opacity: 1;

}



.pv-elementor-area {

  padding: 150px 0;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .pv-elementor-area {

    padding: 120px 0 100px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .pv-elementor-area {

    padding: 100px 0 80px;

  }

}



@media only screen and (max-width: 767px) {

  .pv-elementor-area {

    padding: 80px 0 60px;

  }

}



@media only screen and (max-width: 1199px) {

  .pv-elementor-area .elementor-content .splash-title {

    text-align: center;

  }

}



.pv-elementor-area .elementor-content .splash-title img {

  margin-bottom: 35px;

}



.pv-elementor-area .elementor-content .splash-title p {

  width: 60%;

}



@media only screen and (max-width: 1199px) {

  .pv-elementor-area .elementor-content .splash-title p {

    width: 100%;

  }

}



.pv-elementor-area .elementor-thumbnail {

  position: relative;

  z-index: 1;

}



@media only screen and (max-width: 1199px) {

  .pv-elementor-area .elementor-thumbnail {

    text-align: center;

  }

}



.pv-elementor-area .elementor-thumbnail img {

  border-radius: 20px;

}



@media only screen and (max-width: 991px) {

  .pv-elementor-area .elementor-thumbnail .shape-group {

    display: none;

  }

}



.pv-elementor-area .elementor-thumbnail .shape-group li {

  position: absolute;

  z-index: -1;

}



.pv-elementor-area .elementor-thumbnail .shape-group li.shape-1 {

  top: -50px;

  left: -75px;

}



.pv-elementor-area .elementor-thumbnail .shape-group li.shape-2 {

  top: -82px;

  left: -14px;

  z-index: 1;

}



.pv-elementor-area .elementor-thumbnail .shape-group li.shape-3 {

  bottom: -70px;

  right: 50px;

}



.pv-elementor-area .elementor-thumbnail .shape-group li.shape-4 {

  bottom: -80px;

  right: -80px;

  z-index: -2;

}



.pv-courses-demo {

  position: relative;

  padding: 150px 0 40px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .pv-courses-demo {

    padding: 120px 0 30px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .pv-courses-demo {

    padding: 100px 0 20px;

  }

}



@media only screen and (max-width: 767px) {

  .pv-courses-demo {

    padding: 80px 0 10px;

  }

}



.pv-courses-demo .splash-title.section-title {

  margin-bottom: 80px;

}



@media only screen and (max-width: 991px) {

  .pv-courses-demo .splash-title.section-title {

    margin-bottom: 50px;

  }

}



.pv-courses-demo .splash-title .shape-line {

  margin-bottom: 28px;

}



.pv-courses-demo .splash-title p {

  color: var(--color-heading);

  font-size: 16px;

}



.pv-courses-demo .margque-courses {

  background-image: url(../images/preview/courses.webp);

  background-repeat: repeat-x;

  background-size: auto;

  height: 460px;

  position: relative;

  z-index: 1;

  margin-top: -20px;

}



.pv-courses-demo .shape-group li.shape-1 {

  top: 100px;

  right: 140px;

}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {

  .pv-courses-demo .shape-group li.shape-1 {

    top: 80px;

    right: 30px;

  }

}



.pv-courses-demo .shape-group li.shape-2 {

  top: 310px;

  left: 40px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .pv-courses-demo .shape-group li.shape-2 {

    display: none;

  }

}



.pv-courses-demo .shape-group li.shape-3 {

  top: 330px;

  left: 165px;

  z-index: 1;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .pv-courses-demo .shape-group li.shape-3 {

    display: none;

  }

}



.pv-courses-demo .shape-group li.shape-4 {

  top: 130px;

  left: 15%;

}



.pv-courses-demo .shape-group li.shape-5 {

  top: -252px;

  right: -111px;

  z-index: -2;

}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {

  .pv-courses-demo .shape-group li.shape-5 {

    top: -230px;

    right: -270px;

  }

}



.pv-courses-demo .shape-group li.shape-5 span {

  display: block;

  height: 470px;

  width: 470px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.pv-course-details-area {

  position: relative;

  padding: 115px 0 135px;

}



.pv-course-details-area::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/preview-course-bg.jpg);

  z-index: -1;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .pv-course-details-area {

    padding: 120px 0 65px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .pv-course-details-area {

    padding: 100px 0 20px;

  }

}



@media only screen and (max-width: 767px) {

  .pv-course-details-area {

    padding: 80px 0 40px;

  }

}



.pv-course-details-area .course-content {

  max-width: 460px;

}



@media only screen and (max-width: 1710px) {

  .pv-course-details-area .course-content {

    padding-left: 50px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .pv-course-details-area .course-content {

    padding-left: 0px;

  }

}



@media only screen and (max-width: 991px) {

  .pv-course-details-area .course-content {

    max-width: 100%;

    padding-left: 0px;

  }

}



@media only screen and (max-width: 991px) {

  .pv-course-details-area .course-content .splash-title.section-title {

    margin-bottom: 20px;

  }

}



@media only screen and (max-width: 991px) {

  .pv-course-details-area .course-content .splash-title {

    text-align: center;

  }

}



.pv-course-details-area .course-content .splash-title img {

  margin-bottom: 35px;

}



.pv-course-details-area .course-thumbnail {

  position: relative;

  z-index: 1;

  text-align: right;

}



@media only screen and (max-width: 991px) {

  .pv-course-details-area .course-thumbnail {

    text-align: center;

  }

}



.pv-course-details-area .course-thumbnail .course-instructor {

  position: absolute;

  content: "";

  left: -40px;

  top: 150px;

}



@media only screen and (max-width: 1650px) {

  .pv-course-details-area .course-thumbnail .course-instructor {

    left: -50px;

    max-width: 320px;

  }

}



@media only screen and (max-width: 1199px) {

  .pv-course-details-area .course-thumbnail .course-instructor {

    display: none;

  }

}



@media only screen and (max-width: 991px) {

  .pv-course-details-area .course-thumbnail .shape-group {

    display: none;

  }

}



.pv-course-details-area .course-thumbnail .shape-group li {

  position: absolute;

  z-index: -1;

}



.pv-course-details-area .course-thumbnail .shape-group li.shape-1 {

  top: -30px;

  left: 60px;

}



@media only screen and (max-width: 1710px) {

  .pv-course-details-area .course-thumbnail .shape-group li.shape-1 {

    top: -30px;

    left: -10px;

  }

}



.pv-course-details-area .course-thumbnail .shape-group li.shape-2 {

  top: -40px;

  left: 135px;

  z-index: 1;

}



@media only screen and (max-width: 1710px) {

  .pv-course-details-area .course-thumbnail .shape-group li.shape-2 {

    top: -40px;

    left: 65px;

  }

}



.pv-course-details-area .course-thumbnail .shape-group li.shape-3 {

  bottom: -10px;

  right: -30px;

}



.pv-course-details-area .course-thumbnail .shape-group li.shape-4 {

  bottom: 7px;

  right: 100px;

}



.pv-shop-area {

  position: relative;

  padding: 125px 0 115px;

}



.pv-shop-area::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-24.jpg);

  background-size: cover;

  z-index: -1;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .pv-shop-area {

    padding: 120px 0 65px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .pv-shop-area {

    padding: 100px 0 20px;

  }

}



@media only screen and (max-width: 767px) {

  .pv-shop-area {

    padding: 80px 0 40px;

  }

}



.pv-shop-area .shop-content {

  padding-left: 145px;

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  .pv-shop-area .shop-content {

    padding-left: 55px;

  }

}



@media only screen and (max-width: 1199px) {

  .pv-shop-area .shop-content {

    padding-left: 0px;

  }

}



@media only screen and (max-width: 991px) {

  .pv-shop-area .shop-content .splash-title.section-title {

    margin-bottom: 20px;

  }

}



@media only screen and (max-width: 991px) {

  .pv-shop-area .shop-content .splash-title {

    text-align: center;

  }

}



.pv-shop-area .shop-content .splash-title img {

  margin-bottom: 35px;

}



@media only screen and (max-width: 991px) {

  .pv-shop-area .shop-thumbnail {

    text-align: center;

  }

}



.pv-shop-area .shop-thumbnail .shop-thumbnail-images {

  position: relative;

  z-index: 1;

}



.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-left {

  position: absolute;

  content: "";

  left: -160px;

  top: 150px;

}



@media only screen and (min-width: 1401px) and (max-width: 1750px),

only screen and (min-width: 1200px) and (max-width: 1400px) {

  .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-left {

    left: -50px;

    max-width: 300px;

  }

}



@media only screen and (max-width: 1199px) {

  .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-left {

    display: none;

  }

}



.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-right {

  position: absolute;

  content: "";

  right: -50px;

  top: 100px;

}



@media only screen and (min-width: 1401px) and (max-width: 1750px) {

  .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-right {

    right: 0px;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {

  .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-right {

    right: -30px;

  }

}



@media only screen and (max-width: 1199px) {

  .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shop-demo-right {

    display: none;

  }

}



@media only screen and (max-width: 991px) {

  .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group {

    display: none;

  }

}



.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li {

  position: absolute;

  z-index: -1;

}



.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-1 {

  top: -55px;

  left: -35px;

}



.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-2 {

  bottom: -46px;

  right: 160px;

}



.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-3 {

  top: 147px;

  left: 130px;

  z-index: 0;

}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {

  .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-3 {

    top: 151px;

    left: 154px;

  }

}



.pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-3 span {

  display: block;

  height: 100px;

  width: 100px;

  border: 16px solid var(--color-tertiary);

  border-radius: 50%;

}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {

  .pv-shop-area .shop-thumbnail .shop-thumbnail-images .shape-group li.shape-3 span {

    height: 70px;

    width: 70px;

    border: 11px solid var(--color-tertiary);

  }

}



.pv-features-area {

  padding: 150px 0 100px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .pv-features-area {

    padding: 120px 0 70px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .pv-features-area {

    padding: 100px 0 50px;

  }

}



@media only screen and (max-width: 767px) {

  .pv-features-area {

    padding: 80px 0 30px;

  }

}



.demo-feature {

  margin-bottom: 45px;

}



.demo-feature .inner {

  text-align: center;

}



.demo-feature .inner .icon {

  background: #ffffff;

  box-shadow: 0px 15px 60px 0 rgba(0, 0, 0, 0.1);

  border-radius: 30px;

  width: 100%;

  height: 202px;

  margin: 0 auto;

  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;

}



.demo-feature .inner .icon img {

  max-height: 80px;

}



.demo-feature .inner .title {

  margin-bottom: 0;

  margin-top: 30px;

  font-weight: 700;

}



.pv-inner-page-area {

  padding: 150px 0 75px;

  position: relative;

  z-index: 1;

  overflow: hidden;

}



.pv-inner-page-area::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-25.jpg);

  background-size: cover;

  z-index: -1;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .pv-inner-page-area {

    padding: 120px 0 45px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .pv-inner-page-area {

    padding: 100px 0 30px;

  }

}



@media only screen and (max-width: 767px) {

  .pv-inner-page-area {

    padding: 80px 0 20px;

  }

}



.pv-inner-page-area .splash-title .shape-line {

  margin-bottom: 28px;

}



.pv-inner-page-area .splash-title p {

  color: var(--color-heading);

  font-size: 16px;

}



.pv-inner-page-area .margque-inner-page {

  background-image: url(../images/preview/inner-demo.webp);

  background-repeat: repeat-x;

  background-size: auto;

  height: 650px;

  position: relative;

  z-index: 1;

  margin-top: -20px;

}



@media only screen and (max-width: 991px) {

  .pv-inner-page-area .shape-group {

    display: none;

  }

}



.pv-inner-page-area .shape-group li {

  position: absolute;

  z-index: -1;

}



.pv-inner-page-area .shape-group li.shape-1 {

  top: -65px;

  left: -85px;

}



.pv-inner-page-area .shape-group li.shape-2 {

  top: 80px;

  left: 152px;

}



.pv-inner-page-area .shape-group li.shape-3 {

  top: 20%;

  right: 18%;

}



.pv-inner-page-area .shape-group li.shape-3 span {

  display: block;

  height: 100px;

  width: 100px;

  border: 15px solid var(--color-tertiary);

  border-radius: 50%;

}



.pv-zoom-demo-area {

  padding: 85px 0 20px;

}



@media only screen and (max-width: 991px) {

  .pv-zoom-demo-area .zoom-content .splash-title {

    text-align: center;

  }

}



.pv-zoom-demo-area .zoom-content .splash-title img {

  margin-bottom: 35px;

}



.pv-zoom-demo-area .zoom-content .splash-title p {

  width: 80%;

}



@media only screen and (max-width: 991px) {

  .pv-zoom-demo-area .zoom-content .splash-title p {

    width: 100%;

  }

}



.pv-zoom-demo-area .zoom-thumbnail {

  position: relative;

  z-index: 1;

  margin-right: -60px;

  padding-right: 15px;

}



@media only screen and (max-width: 991px) {

  .pv-zoom-demo-area .zoom-thumbnail {

    margin-right: 0;

    padding-right: 0;

  }

}



@media only screen and (max-width: 991px) {

  .pv-zoom-demo-area .zoom-thumbnail .shape-group {

    display: none;

  }

}



.pv-zoom-demo-area .zoom-thumbnail .shape-group li {

  position: absolute;

  z-index: -1;

}



.pv-zoom-demo-area .zoom-thumbnail .shape-group li.shape-1 {

  top: 25px;

  right: 175px;

}



.pv-zoom-demo-area .zoom-thumbnail .shape-group li.shape-2 {

  top: 0;

  right: 308px;

}



.pv-zoom-demo-area .zoom-thumbnail .shape-group li.shape-2 span {

  display: block;

  height: 100px;

  width: 100px;

  border: 15px solid var(--color-tertiary);

  border-radius: 50%;

}



.pv-zoom-demo-area .zoom-thumbnail .shape-group li.shape-3 {

  bottom: 45px;

  left: 130px;

}



.pv-cta-area {

  background-color: #1b1c1c;

  padding: 145px 0 120px;

  position: relative;

  z-index: 1;

}



.pv-cta-area::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-29.png);

  background-size: cover;

  z-index: -1;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .pv-cta-area {

    padding: 120px 0 100px;

  }

}



@media only screen and (max-width: 767px) {

  .pv-cta-area {

    padding: 100px 0;

  }

}



.pv-cta-area .cta-content {

  text-align: center;

}



.pv-cta-area .cta-content .subtitle {

  font-size: 20px;

  font-weight: 600;

  font-family: var(--font-secondary);

  color: var(--color-tertiary);

  margin-bottom: 30px;

  display: block;

}



.pv-cta-area .cta-content .title {

  font-size: 40px;

  color: var(--color-white);

  margin-bottom: 55px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .pv-cta-area .cta-content .title {

    font-size: 36px;

  }

}



@media only screen and (max-width: 767px) {

  .pv-cta-area .cta-content .title {

    font-size: 30px;

  }

}



.pv-cta-area .cta-content .button-group {

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin: -10px;

}



@media only screen and (max-width: 575px) {

  .pv-cta-area .cta-content .button-group {

    display: block;

  }

}



.pv-cta-area .cta-content .button-group a {

  margin: 10px;

}



.pv-cta-area .cta-content .button-group .btn-bg-white {

  background-color: var(--color-white);

  color: var(--color-heading);

}



.pv-cta-area .cta-content .button-group .btn-bg-white:hover {

  color: var(--color-white);

}



@media only screen and (max-width: 1199px) {

  .pv-cta-area .shape-group {

    display: block;

  }

}



@media only screen and (max-width: 991px) {

  .pv-cta-area .shape-group {

    display: none;

  }

}



.pv-cta-area .shape-group li {

  position: absolute;

  z-index: -1;

}



.pv-cta-area .shape-group li.shape-1 {

  top: 80px;

  left: 7%;

}



@media only screen and (max-width: 1199px) {

  .pv-cta-area .shape-group li.shape-1 {

    left: 3%;

  }

}



.pv-cta-area .shape-group li.shape-2 {

  top: 90px;

  left: 10%;

  z-index: -1;

}



@media only screen and (max-width: 1199px) {

  .pv-cta-area .shape-group li.shape-2 {

    left: 7%;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1450px),

only screen and (min-width: 992px) and (max-width: 1199px) {

  .pv-cta-area .shape-group li.shape-2 img {

    width: 85%;

  }

}



.pv-cta-area .shape-group li.shape-3 {

  top: 32%;

  right: 11%;

}



@media only screen and (max-width: 1199px) {

  .pv-cta-area .shape-group li.shape-3 {

    right: 2%;

  }

}



.pv-cta-area .shape-group li.shape-4 {

  bottom: 25%;

  right: 14%;

}



@media only screen and (max-width: 1199px) {

  .pv-cta-area .shape-group li.shape-4 {

    right: 2%;

  }

}



.pv-cta-area .shape-group li.shape-4 span {

  display: block;

  height: 135px;

  width: 135px;

  border: 16px solid var(--color-tertiary);

  border-radius: 50%;

}



/*-------------------

  Team Styles

---------------------*/

.honour-board-img {

  height: 70px;

  width: 70px;

  border-radius: 50%;

  object-fit: cover;

  object-position: top;

}



.team-share-info {

  margin: -5px;

  text-align: center;

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.team-share-info li {

  display: inline-block;

  margin: 5px;

}



.team-share-info li a {

  width: 40px;

  height: 40px;

  line-height: 39px;

  border: 2px solid var(--color-white);

  text-align: center;

  border-radius: 50%;

  font-size: 18px;

  color: var(--color-white);

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.team-share-info li a:hover {

  background: var(--color-white);

  color: var(--color-primary);

}



.edu-team-grid .thumbnail-wrap {

  position: relative;

}



.edu-team-grid .thumbnail {

  margin-bottom: 25px;

}



.edu-team-grid .thumbnail a {

  border-radius: 10px;

  position: relative;

  display: block;

}



.edu-team-grid .thumbnail a img {

  border-radius: 10px;

  width: 100%;

}



.edu-team-grid .thumbnail a:after {

  content: "";

  height: 100%;

  width: 100%;

  background-color: rgba(26, 182, 157, 0.6);

  border-radius: 10px;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-team-grid .content {

  text-align: center;

}



.edu-team-grid .content .title {

  margin-bottom: 4px;

}



.edu-team-grid .content .designation {

  display: inline-block;

}



.edu-team-grid .team-share-info li {

  -webkit-transform: translateX(10px);

  -ms-transform: translateX(10px);

  transform: translateX(10px);

  visibility: hidden;

  opacity: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-team-grid:hover .thumbnail a:after {

  visibility: visible;

  opacity: 1;

}



.edu-team-grid:hover .team-share-info li {

  -webkit-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0);

  visibility: visible;

  opacity: 1;

}



.edu-team-grid:hover .team-share-info li:nth-child(1n) {

  -webkit-transition-delay: 0.2s;

  transition-delay: 0.2s;

}



.edu-team-grid:hover .team-share-info li:nth-child(2n) {

  -webkit-transition-delay: 0.3s;

  transition-delay: 0.3s;

}



.edu-team-grid:hover .team-share-info li:nth-child(3n) {

  -webkit-transition-delay: 0.4s;

  transition-delay: 0.4s;

}



.edu-team-grid:hover .team-share-info li:nth-child(4n) {

  -webkit-transition-delay: 0.5s;

  transition-delay: 0.5s;

}



.edu-team-grid.team-style-1 .team-share-info {

  top: 20px;

  right: 20px;

  left: auto;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

  margin: -10px 0;

}



.edu-team-grid.team-style-1 .team-share-info li {

  display: block;

  margin: 10px 0;

  -webkit-transform: translateY(-10px);

  -ms-transform: translateY(-10px);

  transform: translateY(-10px);

}



.edu-team-grid.team-style-1 .team-share-info li:first-child {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

  visibility: visible;

  opacity: 1;

}



.edu-team-grid.team-style-1 .team-share-info li:first-child a {

  border-color: var(--color-primary);

  color: var(--color-primary);

}



.edu-team-grid.team-style-1:hover .team-share-info li {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}



.edu-team-grid.team-style-1:hover .team-share-info li:first-child a {

  background-color: var(--color-white);

  border-color: var(--color-white);

  color: var(--color-primary);

}



.edu-team-grid.team-style-2 {

  padding: 0 30px 36px;

  position: relative;

  z-index: 1;

}



.edu-team-grid.team-style-2:after {

  content: "";

  height: 75%;

  width: 100%;

  background-color: var(--color-white);

  border-radius: 10px;

  box-shadow: var(--shadow-darker);

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: -1;

}



.edu-team-grid.team-style-2 .content .designation {

  margin-bottom: 15px;

}



.edu-team-grid.team-style-2 .content p {

  margin-bottom: 0;

}



.edu-team-grid.team-style-3 {

  position: relative;

}



.edu-team-grid.team-style-3 .thumbnail {

  margin-bottom: 0;

}



.edu-team-grid.team-style-3 .content {

  text-align: left;

  position: absolute;

  bottom: 30px;

  left: 30px;

}



.edu-team-grid.team-style-3 .content .title,

.edu-team-grid.team-style-3 .content .designation {

  background-color: var(--color-white);

  box-shadow: var(--shadow-darker2);

  border-radius: 4px;

}



.edu-team-grid.team-style-3 .content .title {

  margin-bottom: 10px;

  font-size: 20px;

  padding: 11px 25px 9px;

}



.edu-team-grid.team-style-3 .content .designation {

  padding: 4px 20px;

  font-size: 16px;

}



.edu-team-grid.team-style-3 .team-share-info {

  top: 35%;

}



.edu-team-grid.team-style-4 {

  position: relative;

}



.edu-team-grid.team-style-4 .thumbnail {

  margin-bottom: 0;

}



.edu-team-grid.team-style-4 .thumbnail a:after {

  background: -webkit-linear-gradient(215deg,

      rgba(49, 185, 120, 0.8) 0%,

      rgba(26, 182, 157, 0.8) 100%);

  background: linear-gradient(-125deg,

      rgba(49, 185, 120, 0.8) 0%,

      rgba(26, 182, 157, 0.8) 100%);

}



.edu-team-grid.team-style-4 .content {

  text-align: left;

  display: inline-block;

  margin-top: -30px;

  position: relative;

  margin-left: 30px;

}



.edu-team-grid.team-style-4 .content .title,

.edu-team-grid.team-style-4 .content .designation {

  background-color: var(--color-white);

  box-shadow: var(--shadow-darker2);

  border-radius: 4px;

}



.edu-team-grid.team-style-4 .content .title {

  margin-bottom: 10px;

  font-size: 20px;

  padding: 16px 25px 15px;

}



.edu-team-grid.team-style-4 .content .designation {

  padding: 4px 20px;

  font-size: 16px;

}



.edu-team-grid.team-style-5 .thumbnail {

  margin-bottom: 0;

}



.edu-team-grid.team-style-5 .content {

  position: relative;

  background-color: var(--color-white);

  box-shadow: var(--shadow-darker2);

  border-radius: 5px;

  margin: -55px 30px 0;

  padding: 30px 0 25px;

}



@media only screen and (max-width: 991px) {

  .edu-team-grid.team-style-7 {

    margin-bottom: 20px;

  }

}



.edu-team-grid.team-style-7 .thumbnail a::after {

  border-radius: 50%;

  background-color: rgba(24, 24, 24, 0.3);

}



.edu-team-grid.team-style-7 .thumbnail a img {

  border-radius: 50%;

}



.team-area-7 .g-custom-5 {

  --bs-gutter-x: 10rem;

}



.team-area-3 {

  position: relative;

}



.team-area-3 .shape-group li {

  margin: 0;

  position: absolute;

  z-index: -1;

}



.team-area-3 .shape-group li.shape-1 {

  bottom: -20px;

  left: 135px;

}



@media only screen and (max-width: 1650px) {

  .team-area-3 .shape-group li.shape-1 {

    left: 0px;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  .team-area-3 .shape-group li.shape-1 {

    left: -70px;

  }

}



.team-area-4 {

  position: relative;

  -webkit-mask-image: url(../images/others/mask-04.png);

  mask-image: url(../images/others/mask-04.png);

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-size: cover;

  -webkit-mask-position: center;

  background-color: var(--color-lighten01);

  padding: 120px 0 390px;

}



.team-area-4 .shape-group li {

  margin: 0;

  position: absolute;

  z-index: -1;

}



.team-area-4 .shape-group li img {

  -webkit-transform: scaleX(-1);

  -ms-transform: scaleX(-1);

  transform: scaleX(-1);

  opacity: 0.2;

}



.team-area-4 .shape-group li.shape-1 {

  top: 20px;

  left: -10px;

}



.team-area-4 .shape-group li.shape-2 {

  bottom: 35%;

  right: 130px;

}



.team-area-4 .shape-group li.shape-3 {

  top: 40px;

  right: 240px;

}



.team-area-5 {

  background-color: var(--color-lighten04);

  position: relative;

  z-index: 1;

  overflow: hidden;

}



@media only screen and (max-width: 991px) {

  .team-area-5 .shape-group {

    display: none;

  }

}



.team-area-5 .shape-group li {

  position: absolute;

  z-index: -1;

}



.team-area-5 .shape-group li.shape-1 {

  top: -170px;

  right: -150px;

}



.team-area-5 .shape-group li.shape-1 span {

  display: block;

  height: 476px;

  width: 476px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.team-area-5 .shape-group li.shape-2 {

  top: 150px;

  right: 8%;

}



.team-area-5 .shape-group li.shape-3 {

  bottom: -110px;

  left: -200px;

}



.team-area-5 .shape-group li.shape-3 span {

  display: block;

  height: 476px;

  width: 476px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.team-area-6 {

  position: relative;

}



.team-area-6 .shape-group li {

  margin: 0;

  position: absolute;

  z-index: -1;

}



.team-area-6 .shape-group li img {

  opacity: 0.6;

}



.team-area-6 .shape-group li.shape-1 {

  top: -165px;

  left: -90px;

}



@media only screen and (max-width: 991px) {

  .team-area-6 .shape-group li.shape-1 {

    display: none;

  }

}



.team-area-6 .shape-group li.shape-2 {

  top: -180px;

  right: -55px;

}



.team-area-6 .shape-group li.shape-3 {

  bottom: -150px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .team-details-thumb {

    text-align: center;

    margin-bottom: 50px;

  }

}



@media only screen and (max-width: 767px) {

  .team-details-thumb {

    text-align: center;

    margin-bottom: 40px;

  }

}



.team-details-thumb .thumbnail {

  margin-bottom: 30px;

}



.team-details-thumb .thumbnail img {

  border-radius: 50%;

  width: 100%;

}



.team-details-thumb .social-share {

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .team-details-content {

    text-align: center;

  }

}



@media only screen and (max-width: 767px) {

  .team-details-content {

    text-align: center;

  }

}



.team-details-content .main-info {

  margin-bottom: 30px;

}



.team-details-content .main-info .subtitle {

  font-weight: var(--p-medium);

  color: var(--color-primary);

  text-transform: uppercase;

  margin-bottom: 6px;

  display: block;

}



.team-details-content .main-info .title {

  margin-bottom: 0;

}



.team-details-content .main-info .team-meta {

  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-top: 10px;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .team-details-content .main-info .team-meta {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}



@media only screen and (max-width: 767px) {

  .team-details-content .main-info .team-meta {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}



.team-details-content .main-info .team-meta 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;

  color: var(--color-heading);

  margin-right: 40px;

  position: relative;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.team-details-content .main-info .team-meta li:after {

  content: "";

  height: 19px;

  width: 1px;

  background-color: #e5e5e5;

  position: absolute;

  top: 3px;

  right: -22px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.team-details-content .main-info .team-meta li:last-child {

  margin-right: 0;

}



.team-details-content .main-info .team-meta li:last-child:after {

  display: none;

}



.team-details-content .main-info .team-meta li i {

  color: #a7a7a7;

  font-size: 15px;

  margin-right: 7px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.team-details-content .main-info .team-meta li .rating {

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.team-details-content .main-info .team-meta li .rating i {

  color: #f8b81f;

  margin-right: 0;

}



.team-details-content .main-info .team-meta li .rating-count {

  font-size: 14px;

  font-weight: 500;

  color: var(--color-heading);

  margin-left: 10px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.team-details-content .contact-info {

  margin-top: 40px;

}



.team-details-content .contact-info ul li span {

  font-family: var(--font-secondary);

  min-width: 100px;

  display: inline-block;

  font-weight: var(--p-semi-bold);

  color: var(--color-heading);

}



/*-------------------

  Testimonial Styles

---------------------*/

.home-one-testimonial {

  margin-top: 30px;

}



@media only screen and (max-width: 991px) {

  .home-one-testimonial {

    margin-top: 0px;

  }

}



.testimonial-heading-area {

  padding-right: 50px;

}



@media only screen and (max-width: 479px) {

  .testimonial-heading-area {

    padding-right: 0;

  }

}



.testimonial-grid {

  box-shadow: var(--shadow-darker);

  background-color: var(--color-white);

  border-radius: 10px;

  padding: 60px 30px 50px;

  position: relative;

  z-index: 1;

  overflow: hidden;

}



.testimonial-grid:after {

  content: url(../images/testimonial/shape-1.png);

  position: absolute;

  top: -5px;

  right: -5px;

  z-index: -1;

}



.testimonial-grid .thumbnail {

  display: inline-block;

  position: relative;

  margin-bottom: 35px;

}



.testimonial-grid .thumbnail img {

  border-radius: 50%;

}



.testimonial-grid .thumbnail .qoute-icon {

  height: 34px;

  width: 34px;

  line-height: 30px;

  font-size: 13px;

  color: var(--color-white);

  background-color: var(--color-primary);

  border-radius: 50%;

  border: 4px solid var(--color-white);

  display: block;

  text-align: center;

  position: absolute;

  bottom: -8px;

  right: -12px;

}



.testimonial-grid .content p {

  margin-bottom: 20px;

  font-size: 16px;

}



.testimonial-grid .content .rating-icon {

  margin-bottom: 6px;

}



.testimonial-grid .content .rating-icon i {

  color: #f8b81f;

}



.testimonial-grid .content .title {

  font-weight: var(--p-medium);

  margin-bottom: 2px;

}



.testimonial-grid.testimonial-style-3 {

  text-align: center;

  margin-bottom: 40px;

  margin-top: 30px;

}



.testimonial-grid.testimonial-style-3:after {

  display: none;

}



.testimonial-slide .content {

  background-color: var(--color-white);

  box-shadow: var(--shadow-darker);

  padding: 35px 28px 35px 40px;

  border-radius: 4px;

  margin-bottom: 30px;

  margin-top: 30px;

}



.testimonial-slide .content .logo {

  margin-bottom: 22px;

}



.testimonial-slide .content p {

  color: var(--color-heading);

  font-size: 16px;

  margin-bottom: 15px;

}



.testimonial-slide .content .rating-icon i {

  color: #f8b81f;

}



.testimonial-slide .author-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;

}



.testimonial-slide .author-info .thumb {

  margin-right: 20px;

}



.testimonial-slide .author-info .thumb img {

  border-radius: 50%;

}



.testimonial-slide .author-info .info {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.testimonial-slide .author-info .info .title {

  margin-bottom: 0;

}



.testimonial-slide.testimonial-style-2 .content {

  padding: 45px 40px 50px 50px;

  border-radius: 5px;

}



@media only screen and (max-width: 479px) {

  .testimonial-slide.testimonial-style-2 .content {

    padding: 40px 30px;

  }

}



.testimonial-slide.testimonial-style-2 .content .rating-icon {

  margin-bottom: 20px;

}



.testimonial-slide.testimonial-style-2 .content p {

  margin-bottom: 24px;

}



.testimonial-slide.testimonial-style-3 .content {

  background-color: transparent;

  padding: 0;

  box-shadow: none;

  margin: 0;

}



.testimonial-slide.testimonial-style-3 .content .rating-icon {

  margin-bottom: 15px;

}



.testimonial-slide.testimonial-style-3 .content p {

  margin-bottom: 20px;

}



.testimonial-area-2 {

  position: relative;

}



.testimonial-area-2 .testimonial-activation {

  padding: 0 30px;

  margin: -30px -30px 0;

  margin-bottom: 50px;

}



.testimonial-area-2 .testimonial-activation .swiper-slide {

  opacity: 0;

  visibility: hidden;

}



.testimonial-area-2 .testimonial-activation .swiper-slide.swiper-slide-active,

.testimonial-area-2 .testimonial-activation .swiper-slide.swiper-slide-next,

.testimonial-area-2 .testimonial-activation .swiper-slide.swiper-slide-next+.swiper-slide {

  opacity: 1;

  visibility: visible;

}



@media only screen and (max-width: 991px) {

  .testimonial-area-2 .testimonial-activation .swiper-slide.swiper-slide-next+.swiper-slide {

    opacity: 0;

    visibility: hidden;

  }

}



@media only screen and (max-width: 767px) {

  .testimonial-area-2 .testimonial-activation .swiper-slide.swiper-slide-next {

    opacity: 0;

    visibility: hidden;

  }

}



.testimonial-area-2 .swiper-pagination {

  bottom: -70px;

}



.testimonial-area-2 .shape-group .shape-1 {

  top: 168px;

  right: -75px;

}



.testimonial-area-2 .shape-group .shape-2 {

  top: 217px;

  right: -106px;

}



.testimonial-area-2 .shape-group .shape-3 {

  bottom: 50px;

  left: 45%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

}



.testimonial-area-2.edu-section-gap .shape-group .shape-3 {

  bottom: 58px;

}



.testimonial-area-3 {

  position: relative;

  -webkit-mask-image: url(../images/others/mask-04.png);

  mask-image: url(../images/others/mask-04.png);

  -webkit-mask-repeat: no-repeat;

  -webkit-mask-size: cover;

  -webkit-mask-position: center;

  background-color: var(--color-lighten04);

  padding: 115px 0 250px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .testimonial-area-3 {

    padding: 95px 0 200px;

  }

}



@media only screen and (max-width: 767px) {

  .testimonial-area-3 {

    padding: 75px 0 180px;

  }

}



.testimonial-area-3 .testimonial-activation-2 {

  margin: 0 -45px;

  padding: 0 30px;

}



.testimonial-area-3 .testimonial-activation-2 .testimonial-slide .content {

  margin-top: 0;

  margin-bottom: 50px;

}



.testimonial-area-3 .testimonial-activation-2 .swiper-wrapper .swiper-slide {

  opacity: 0;

  visibility: hidden;

}



.testimonial-area-3 .testimonial-activation-2 .swiper-wrapper .swiper-slide.swiper-slide-active,

.testimonial-area-3 .testimonial-activation-2 .swiper-wrapper .swiper-slide.swiper-slide-next {

  opacity: 1;

  visibility: visible;

}



@media only screen and (max-width: 991px) {

  .testimonial-area-3 .testimonial-activation-2 .swiper-wrapper .swiper-slide.swiper-slide-next {

    opacity: 0;

  }

}



.testimonial-area-3 .swiper-pagination {

  bottom: 235px;

}



@media only screen and (max-width: 991px) {

  .testimonial-area-3 .swiper-pagination {

    bottom: 170px;

  }

}



@media only screen and (max-width: 767px) {

  .testimonial-area-3 .shape-group {

    display: none;

  }

}



.testimonial-area-3 .shape-group li.shape-1 {

  top: 95px;

  left: 95px;

}



.testimonial-area-3 .shape-group li.shape-2 {

  bottom: 215px;

  left: 245px;

}



.testimonial-area-3 .shape-group li.shape-3 {

  bottom: 150px;

  right: 170px;

}



.testimonial-area-3 .shape-group li.shape-4 {

  top: 120px;

  right: 70px;

}



.testimonial-area-3 .shape-group li.shape-5 {

  bottom: 140px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

}



.testimonial-area-3 .shape-group li.shape-5 img {

  -webkit-transform: scaleX(1);

  -ms-transform: scaleX(1);

  transform: scaleX(1);

  opacity: 1;

}



.testimonial-area-4 {

  padding: 120px 0 70px;

  position: relative;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .testimonial-area-4 {

    padding: 100px 0 50px;

  }

}



@media only screen and (max-width: 991px) {

  .testimonial-area-4 .testimonial-heading-area {

    padding-right: 0;

  }

}



@media only screen and (max-width: 991px) {

  .testimonial-area-4 .testimonial-heading-area .section-title.section-left {

    text-align: center;

  }

}



.testimonial-area-4 .testimonial-activation-3 {

  margin: 0 -50px;

  padding: 0 30px;

  margin-top: -30px;

  margin-bottom: 10px;

}



.testimonial-area-4 .testimonial-activation-3 .swiper-slide {

  opacity: 0;

  visibility: hidden;

}



.testimonial-area-4 .testimonial-activation-3 .swiper-slide.swiper-slide-active,

.testimonial-area-4 .testimonial-activation-3 .swiper-slide.swiper-slide-next {

  opacity: 1;

  visibility: visible;

}



.testimonial-area-4 .shape-group li img {

  opacity: 0.2;

}



.testimonial-area-4 .shape-group li.shape-1 {

  bottom: 60px;

  left: 42%;

}



.testimonial-area-4 .shape-group li.shape-2 {

  bottom: 35px;

  right: 12%;

}



.testimonial-area-4 .shape-group li.shape-2 img {

  opacity: 0.7;

}



.testimonial-area-4 .swiper-navigation {

  text-align: left;

}



@media only screen and (max-width: 991px) {

  .testimonial-area-4 .swiper-navigation {

    text-align: center;

  }

}



.testimonial-area-8 {

  position: relative;

}



.testimonial-area-8::before {

  position: absolute;

  content: "";

  left: 0;

  bottom: 0;

  right: 0;

  z-index: -1;

  background-image: url(../images/bg/h8-testimonial-bg.svg);

  width: 100%;

  height: 100%;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center bottom;

}



.testimonial-area-8 .testimonial-activation {

  padding: 0 30px;

  margin: -30px -30px 0;

  margin-bottom: 50px;

}



.testimonial-area-8 .testimonial-activation .swiper-slide {

  opacity: 0;

  visibility: hidden;

}



.testimonial-area-8 .testimonial-activation .swiper-slide.swiper-slide-active,

.testimonial-area-8 .testimonial-activation .swiper-slide.swiper-slide-next,

.testimonial-area-8 .testimonial-activation .swiper-slide.swiper-slide-next+.swiper-slide {

  opacity: 1;

  visibility: visible;

}



@media only screen and (max-width: 991px) {

  .testimonial-area-8 .testimonial-activation .swiper-slide.swiper-slide-next+.swiper-slide {

    opacity: 0;

    visibility: hidden;

  }

}



@media only screen and (max-width: 767px) {

  .testimonial-area-8 .testimonial-activation .swiper-slide.swiper-slide-next {

    opacity: 0;

    visibility: hidden;

  }

}



.testimonial-area-8 .testimonial-slide {

  margin-top: 93px;

}



.testimonial-area-8 .testimonial-slide .author-info {

  display: block;

}



.testimonial-area-8 .testimonial-slide .author-info .thumb {

  margin-right: 0;

  margin-top: -100px;

  margin-bottom: 35px;

}



.testimonial-area-8 .testimonial-slide .content {

  text-align: center;

  margin-bottom: 45px;

  border-radius: 10px;

}



.testimonial-area-8 .testimonial-slide .content p {

  margin-bottom: 30px;

}



.testimonial-area-8 .testimonial-slide .content .info .title {

  margin-bottom: 5px;

}



.testimonial-area-8 .shape-group li.shape-3 {

  bottom: 109px;

  left: 50%;

  z-index: -1;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

}



.testimonial-area-8 .swiper-horizontal>.swiper-pagination-bullets,

.testimonial-area-8 .swiper-pagination-bullets.swiper-pagination-horizontal,

.testimonial-area-8 .swiper-pagination-custom,

.testimonial-area-8 .swiper-pagination-fraction {

  bottom: -30px;

}



.testimonial-area-9 {

  background: var(--color-lighten01);

}



.testimonial-area-9 .testimonial-heading-area {

  width: 380px;

  padding-right: 0;

  padding-top: 50px;

  position: relative;

  z-index: 12;

}



@media only screen and (max-width: 991px) {

  .testimonial-area-9 .testimonial-heading-area {

    width: 100%;

    text-align: center;

    padding-top: 0;

  }

}



@media only screen and (max-width: 991px) {

  .testimonial-area-9 .testimonial-heading-area .section-left {

    text-align: center;

  }

}



@media only screen and (max-width: 991px) {

  .testimonial-area-9 .bg-thumbnail {

    text-align: center;

  }

}



.testimonial-area-9 .bg-thumbnail .shape-group li.shape-3 {

  left: -41px;

  bottom: -87px;

}



.testimonial-area-9 .bg-thumbnail .shape-group li.shape-4 {

  top: -80px;

  right: -105px;

}



.testimonial-area-9 .bg-thumbnail .shape-group li.shape-5 {

  left: -54px;

  bottom: -18px;

  z-index: 1;

}



.testimonial-area-9 .health-bg-thumbnail {

  margin-left: 34px;

}



@media only screen and (max-width: 991px) {

  .testimonial-area-9 .health-bg-thumbnail {

    margin-left: 0;

  }

}



.testimonial-area-9 .home-health-testimonial-activator {

  margin-top: 110px;

  padding-left: 20px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .testimonial-area-9 .home-health-testimonial-activator {

    margin-top: 0;

  }

}



@media only screen and (max-width: 991px) {

  .testimonial-area-9 .home-health-testimonial-activator {

    margin-top: 0;

    padding-left: 0;

    text-align: center;

  }

}



.testimonial-area-9 .home-health-testimonial-activator .testimonial-grid {

  background-color: transparent;

  box-shadow: none;

}



.testimonial-area-9 .home-health-testimonial-activator .testimonial-grid::after {

  display: none;

}



.testimonial-area-9 .home-health-testimonial-activator .testimonial-grid .thumbnail {

  margin-bottom: 25px;

}



.testimonial-area-9 .home-health-testimonial-activator .testimonial-grid .content .title {

  font-weight: var(--p-semi-bold);

}



.testimonial-area-9 .home-health-testimonial-activator .testimonial-grid .content p {

  color: var(--color-heading);

}



.testimonial-area-9 .home-health-testimonial-activator .swiper-navigation {

  position: relative;

  bottom: 25px;

  left: 44px;

  z-index: 12;

}



@media only screen and (max-width: 991px) {

  .testimonial-area-9 .home-health-testimonial-activator .swiper-navigation {

    left: 0;

    bottom: 20px;

  }

}



.testimonial-area-9 .home-health-testimonial-activator .swiper-navigation .swiper-btn-prv,

.testimonial-area-9 .home-health-testimonial-activator .swiper-navigation .swiper-btn-nxt {

  line-height: 57px;

}



.testimonial-area-9 .home-health-testimonial-activator .swiper-navigation .swiper-btn-prv:hover img,

.testimonial-area-9 .home-health-testimonial-activator .swiper-navigation .swiper-btn-nxt:hover img {

  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(321deg) brightness(101%) contrast(103%);

  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(321deg) brightness(101%) contrast(103%);

}



@media only screen and (max-width: 767px) {



  .testimonial-area-9 .home-health-testimonial-activator .swiper-navigation .swiper-btn-prv,

  .testimonial-area-9 .home-health-testimonial-activator .swiper-navigation .swiper-btn-nxt {

    line-height: 45px;

  }

}



.testimonial-area-9 .shape-group li.shape-1 {

  bottom: 0px;

  left: -169px;

}



.testimonial-area-9 .shape-group li.shape-2 {

  top: -91px;

  right: -150px;

}



.testimonial-coverflow {

  margin: -55px 0;

}



.testimonial-coverflow .testimonial-grid {

  margin: 55px 0;

  position: relative;

}



@media only screen and (max-width: 575px) {

  .testimonial-coverflow .testimonial-grid {

    margin: 55px 30px;

  }

}



.testimonial-coverflow .testimonial-grid:before {

  content: "";

  height: 100%;

  width: 100%;

  background-color: var(--color-white);

  opacity: 0.7;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 1;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.testimonial-coverflow .swiper-slide {

  padding: 0;

}



.testimonial-coverflow .swiper-slide.swiper-slide-visible.swiper-slide-active .testimonial-grid:before {

  opacity: 0;

}



.swiper-testimonial-slider-wrapper .swiper-slide {

  opacity: 0;

}



.swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible {

  opacity: 1;

}



.swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-prev .testimonial-grid {

  margin-left: 36px;

  box-shadow: 70px 0px 50px 0px rgba(26, 46, 85, 0.1);

  padding: 40px 30px 50px;

}



@media only screen and (max-width: 1199px) {

  .swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-prev .testimonial-grid {

    margin-left: 0px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-prev .testimonial-grid {

    margin-left: 40px;

  }

}



.swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-next .testimonial-grid {

  margin-left: 40px;

  margin-right: 36px;

  box-shadow: -40px 0px 50px 0px rgba(26, 46, 85, 0.1);

  padding: 40px 30px 50px;

}



@media only screen and (max-width: 1199px) {

  .swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-next .testimonial-grid {

    margin-left: 0px;

    margin-right: 0px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-next .testimonial-grid {

    margin-left: 40px;

  }

}



.testimonial-area-1 {

  margin-bottom: -40px;

}



@media only screen and (max-width: 1199px) {

  .testimonial-area-1 {

    margin-top: 0px;

  }

}



.testimonial-area-1 .home-one-testimonial-activator {

  padding: 0 30px;

  margin: 0 -45px;

  margin-top: -20px;

}



.testimonial-area-1 .home-one-testimonial-activator .swiper-wrapper .swiper-slide {

  opacity: 0;

  visibility: hidden;

}



.testimonial-area-1 .home-one-testimonial-activator .swiper-wrapper .swiper-slide.swiper-slide-active,

.testimonial-area-1 .home-one-testimonial-activator .swiper-wrapper .swiper-slide.swiper-slide-next {

  opacity: 1;

  visibility: visible;

}



.testimonial-area-1 .home-one-testimonial-activator .testimonial-grid {

  margin: 30px 0px 50px 0px;

}



.swiper-pagination .swiper-pagination-bullet {

  height: 7px;

  width: 7px;

  background-color: rgba(26, 182, 157, 0.3);

  opacity: 1;

  margin: 0 8px !important;

}



.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background-color: #0d1e51;

}



.testimonial-area-6 {

  position: relative;

}



.testimonial-area-6:before {

  content: "";

  height: 925px;

  width: 100%;

  background: -webkit-linear-gradient(right,

      #f5f1eb 0%,

      rgba(245, 241, 235, 0.3) 100%);

  background: linear-gradient(-90deg,

      #f5f1eb 0%,

      rgba(245, 241, 235, 0.3) 100%);

  -webkit-clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);

  clip-path: polygon(0 10%, 100% 0%, 100% 100%, 0% 100%);

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: -1;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .testimonial-area-6:before {

    height: 55%;

  }

}



@media only screen and (max-width: 767px) {

  .testimonial-area-6:before {

    height: 55%;

  }

}



.testimonial-area-6 .testimonial-activation-5 .swiper-wrapper .swiper-slide {

  padding: 0;

}



.testimonial-area-6 .swiper-pagination {

  bottom: 30px;

  text-align: right;

}



.testimonial-area-6 .shape-group li.shape-1 {

  bottom: 80px;

  left: -100px;

}



.testimonial-area-6 .shape-group li.shape-2 {

  top: -50px;

  right: -94px;

}



.testimonial-area-6 .shape-group li.shape-3 {

  top: -200px;

  right: -250px;

}



.testimonial-area-6 .shape-group li.shape-3 span {

  height: 400px;

  width: 400px;

  border: 1px solid #e8e6e3;

  border-radius: 50%;

  display: block;

}



.testimonial-area-10 {

  background: var(--bg-color);

  overflow: hidden;

}



.testimonial-area-10 .testimonial-heading-area {

  padding-right: 0;

}



.testimonial-area-10 .home-language-testimonial-activator {

  max-width: 770px;

}



.testimonial-area-10 .home-language-testimonial-activator .testimonial-grid {

  box-shadow: none;

  border-radius: 5px;

  text-align: center;

  padding: 45px 64px 80px;

}



@media only screen and (max-width: 479px) {

  .testimonial-area-10 .home-language-testimonial-activator .testimonial-grid {

    padding: 45px 30px 80px;

  }

}



.testimonial-area-10 .home-language-testimonial-activator .testimonial-grid::after {

  display: none;

}



.testimonial-area-10 .home-language-testimonial-activator .testimonial-grid .content .rating-icon {

  margin-bottom: 15px;

}



.testimonial-area-10 .home-language-testimonial-activator .testimonial-grid .content p {

  color: var(--color-heading);

}



.testimonial-area-10 .home-language-testimonial-activator .testimonial-grid .content .title {

  font-weight: var(--p-semi-bold);

}



.testimonial-area-10 .testimonial-thumb-wrap {

  margin: -56px auto 0;

  max-width: 400px;

  text-align: center;

  width: 100%;

  position: relative;

  left: 20px;

}



.testimonial-area-10 .testimonial-thumb-wrap .nav-thumb {

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}



.testimonial-area-10 .testimonial-thumb-wrap .nav-thumb .clint-thumb img {

  cursor: pointer;

  border-radius: 50%;

  -webkit-transform: scale(0.6667);

  -ms-transform: scale(0.6667);

  transform: scale(0.6667);

  height: 104px;

  max-width: 100%;

  vertical-align: top;

  width: 104px;

}



.testimonial-area-10 .testimonial-thumb-wrap .nav-thumb.swiper-slide-active {

  margin: 0 -20px;

}



.testimonial-area-10 .testimonial-thumb-wrap .nav-thumb.swiper-slide-active .clint-thumb img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

  padding: 6px;

}



.testimonial-area-10 .testimonial-thumb-wrap .swiper-slide {

  padding: 0;

  opacity: 0;

  visibility: hidden;

}



.testimonial-area-10 .testimonial-thumb-wrap .swiper-slide.swiper-slide-prev,

.testimonial-area-10 .testimonial-thumb-wrap .swiper-slide.swiper-slide-active,

.testimonial-area-10 .testimonial-thumb-wrap .swiper-slide.swiper-slide-next {

  opacity: 1;

  visibility: visible;

}



@media (max-width: 499px) {



  .testimonial-area-10 .testimonial-thumb-wrap .swiper-slide.swiper-slide-prev,

  .testimonial-area-10 .testimonial-thumb-wrap .swiper-slide.swiper-slide-next {

    visibility: hidden;

    opacity: 0;

  }

}



.testimonial-area-10 .shape-group li.shape-1 {

  left: 120px;

  top: 145px;

}



.testimonial-area-10 .shape-group li.shape-2 {

  left: 85px;

  top: 43%;

}



.testimonial-area-10 .shape-group li.shape-2 span {

  width: 70px;

  height: 70px;

  background: var(--color-tertiary);

  border-radius: 100%;

}



.testimonial-area-10 .shape-group li.shape-3 {

  left: -55px;

  top: 13px;

}



.testimonial-area-10 .shape-group li.shape-3 span {

  display: block;

  height: 400px;

  width: 400px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.testimonial-area-10 .shape-group .shape-4 {

  right: 248px;

  top: 170px;

  z-index: 1;

}



.testimonial-area-10 .shape-group .shape-5 {

  right: -105px;

  top: -118px;

}



.testimonial-area-10 .shape-group .shape-5 span {

  display: block;

  height: 470px;

  width: 470px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.testimonial-area-11 {

  z-index: 1;

}



.testimonial-area-11 .home-remote-testimonial-activator {

  max-width: 870px;

  padding: 0 30px;

  margin-top: -35px;

}



@media only screen and (max-width: 575px) {

  .testimonial-area-11 .home-remote-testimonial-activator {

    padding: 0 10px;

  }

}



.testimonial-area-11 .home-remote-testimonial-activator .swiper-slide {

  opacity: 1;

  visibility: visible;

}



.testimonial-area-11 .home-remote-testimonial-activator .swiper-slide.swiper-slide-prev,

.testimonial-area-11 .home-remote-testimonial-activator .swiper-slide.swiper-slide-next {

  opacity: 0;

  visibility: hidden;

}



.testimonial-area-11 .testimonial-slide {

  margin-top: 93px;

}



.testimonial-area-11 .testimonial-slide .author-info {

  display: block;

}



.testimonial-area-11 .testimonial-slide .author-info .thumb {

  margin-right: 0;

  margin-top: -100px;

  margin-bottom: 35px;

}



.testimonial-area-11 .testimonial-slide .content {

  width: 770px;

  text-align: center;

  margin-bottom: 45px;

  border-radius: 10px;

  padding: 40px 95px;

}



@media only screen and (max-width: 991px) {

  .testimonial-area-11 .testimonial-slide .content {

    width: 100%;

    padding: 40px 50px;

  }

}



@media only screen and (max-width: 479px) {

  .testimonial-area-11 .testimonial-slide .content {

    padding: 40px 20px;

  }

}



.testimonial-area-11 .testimonial-slide .content p {

  margin-bottom: 20px;

}



.testimonial-area-11 .testimonial-slide .content .info .title {

  margin-bottom: 5px;

}



.testimonial-area-11 .swiper-horizontal>.swiper-pagination-bullets,

.testimonial-area-11 .swiper-pagination-bullets.swiper-pagination-horizontal,

.testimonial-area-11 .swiper-pagination-custom,

.testimonial-area-11 .swiper-pagination-fraction {

  bottom: -30px;

}



.testimonial-area-11 .shape-group li.shape-1 {

  left: 107px;

  bottom: -50px;

}



.testimonial-area-11 .shape-group li.shape-2 {

  left: 70px;

  bottom: 29px;

}



.testimonial-area-11 .shape-group li.shape-2 span {

  width: 70px;

  height: 70px;

  background: var(--color-tertiary);

  border-radius: 100%;

}



.testimonial-area-11 .shape-group li.shape-3 {

  left: -28px;

  bottom: -235px;

  z-index: -1;

}



.testimonial-area-11 .shape-group li.shape-3 span {

  display: block;

  height: 400px;

  width: 400px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.testimonial-area-11 .shape-group .shape-4 {

  right: 248px;

  top: 170px;

  z-index: 1;

}



.testimonial-area-11 .shape-group .shape-5 {

  right: 0;

  top: 0;

}



.photography-testimonial {

  padding-bottom: 260px;

  z-index: 0;

}



.photography-testimonial .photography-testimonial-activator {

  max-width: 800px;

}



.photography-testimonial .photography-testimonial-activator .testimonial-grid {

  background-color: transparent;

  box-shadow: none;

  border-radius: 5px;

  text-align: center;

  padding: 40px 0px 80px;

}



@media only screen and (max-width: 479px) {

  .photography-testimonial .photography-testimonial-activator .testimonial-grid {

    padding: 40px 30px 80px;

  }

}



.photography-testimonial .photography-testimonial-activator .testimonial-grid::after {

  display: none;

}



.photography-testimonial .photography-testimonial-activator .testimonial-grid .content .quote-icon img {

  margin-top: -63px;

  -webkit-filter: brightness(0) saturate(100%) invert(49%) sepia(99%) saturate(345%) hue-rotate(121deg) brightness(97%) contrast(94%);

  filter: brightness(0) saturate(100%) invert(49%) sepia(99%) saturate(345%) hue-rotate(121deg) brightness(97%) contrast(94%);

}



.photography-testimonial .photography-testimonial-activator .testimonial-grid .content p {

  font-size: 22px;

  color: var(--color-heading);

}



.photography-testimonial .photography-testimonial-activator .testimonial-grid .content .title {

  font-weight: var(--p-semi-bold);

}



.photography-testimonial .photo-testimonial-thumb-wrap {

  margin: -56px auto 0;

  max-width: 400px;

  text-align: center;

  width: 100%;

  position: relative;

  left: 20px;

}



.photography-testimonial .photo-testimonial-thumb-wrap .nav-thumb {

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

}



.photography-testimonial .photo-testimonial-thumb-wrap .nav-thumb .clint-thumb img {

  cursor: pointer;

  border-radius: 50%;

  -webkit-transform: scale(0.6667);

  -ms-transform: scale(0.6667);

  transform: scale(0.6667);

}



.photography-testimonial .photo-testimonial-thumb-wrap .nav-thumb.swiper-slide-active {

  margin: 0 -20px;

}



.photography-testimonial .photo-testimonial-thumb-wrap .nav-thumb.swiper-slide-active .clint-thumb img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

  padding: 6px;

}



.photography-testimonial .photo-testimonial-thumb-wrap .swiper-slide {

  opacity: 0;

  visibility: hidden;

}



.photography-testimonial .photo-testimonial-thumb-wrap .swiper-slide.swiper-slide-prev,

.photography-testimonial .photo-testimonial-thumb-wrap .swiper-slide.swiper-slide-active,

.photography-testimonial .photo-testimonial-thumb-wrap .swiper-slide.swiper-slide-next {

  opacity: 1;

  visibility: visible;

}



@media (max-width: 499px) {



  .photography-testimonial .photo-testimonial-thumb-wrap .swiper-slide.swiper-slide-prev,

  .photography-testimonial .photo-testimonial-thumb-wrap .swiper-slide.swiper-slide-next {

    visibility: hidden;

    opacity: 0;

  }

}



.photography-testimonial .shape-group li.shape-1 {

  left: -78px;

  bottom: -228px;

  top: inherit;

}



.photography-testimonial .shape-group li.shape-2 {

  left: 46%;

  top: 38%;

}



.photography-testimonial .shape-group li.shape-3 {

  left: -317px;

  top: -151px;

}



.photography-testimonial .swiper-slide-controls {

  display: inline-block;

  width: 60px;

  height: 60px;

  line-height: 60px;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  background-color: var(--color-white);

  color: var(--color-heading);

  cursor: pointer;

}



.photography-testimonial .swiper-slide-controls i {

  font-size: 20px;

  line-height: 58px;

}



.photography-testimonial .swiper-slide-controls:hover {

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  background-color: var(--color-primary);

  color: var(--color-white);

}



.photography-testimonial .slide-prev,

.photography-testimonial .slide-next {

  position: absolute;

  top: 50%;

  z-index: 1;

  width: 60px !important;

  margin-left: auto;

  margin-right: 6px;

  text-align: center;

  border-radius: 50%;

}



@media (max-width: 1450px) {



  .photography-testimonial .slide-prev,

  .photography-testimonial .slide-next {

    display: none;

  }

}



.photography-testimonial .slide-next {

  right: 15px;

}



.photography-testimonial .slide-prev {

  left: 15px;

}



.business-testimonial {

  background: rgba(234, 248, 241, 0.7);

  position: relative;

}



.business-testimonial::before {

  content: "";

  position: absolute;

  top: -66px;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/testimonial/testimonial-1.svg);

  background-repeat: repeat no-repeat;

  background-size: 50% 120px;

  -webkit-animation: edu-wave 10s linear infinite;

  animation: edu-wave 10s linear infinite;

  -webkit-animation-delay: 1s;

  animation-delay: 1s;

}



.business-testimonial::after {

  content: "";

  position: absolute;

  top: -66px;

  left: 0;

  right: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/testimonial/testimonial-2.svg);

  background-repeat: repeat no-repeat;

  background-size: 50% 100px;

  -webkit-animation: edu-wave 15s linear infinite;

  animation: edu-wave 15s linear infinite;

}



.business-testimonial .business-testimonial-activation {

  margin: 0 -50px;

  padding: 0 30px;

  margin-top: -30px;

  margin-bottom: 10px;

}



.business-testimonial .business-testimonial-activation .swiper-slide {

  opacity: 0;

  visibility: hidden;

}



.business-testimonial .business-testimonial-activation .swiper-slide.swiper-slide-active,

.business-testimonial .business-testimonial-activation .swiper-slide.swiper-slide-next {

  opacity: 1;

  visibility: visible;

}



/*-------------------

  Video Styles

---------------------*/

.video-gallery {

  position: relative;

  z-index: 1;

}



.video-gallery .thumbnail {

  position: relative;

}



.video-gallery .thumbnail img {

  border-radius: 0 80px 0 120px;

}



.video-gallery .thumbnail .video-play-btn {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  border: 0;

  width: 80px;

  height: 80px;

  line-height: 82px;

  -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);

  transition: all 1s cubic-bezier(0, 0, 0.2, 1);

  border-radius: 50%;

  background: var(--color-secondary);

  margin: 0 auto;

  display: inline-block;

  font-size: 24px;

  text-align: center;

  color: var(--color-white);

}



@media only screen and (max-width: 575px) {

  .video-gallery .thumbnail .video-play-btn {

    width: 60px;

    height: 60px;

    line-height: 62px;

  }

}



.video-gallery .thumbnail .video-play-btn i {

  margin-left: 5px;

}



.video-gallery .thumbnail .video-play-btn:before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  z-index: -1;

  bottom: 0;

  left: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  border-radius: 50%;

  border: 1px solid rgba(255, 255, 255, 0.3);

  -webkit-animation: ripple 2s linear infinite;

  animation: ripple 2s linear infinite;

}



.video-gallery .thumbnail .video-play-btn:after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  z-index: -1;

  bottom: 0;

  left: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  border-radius: 50%;

  border: 1px solid rgba(255, 255, 255, 0.3);

  -webkit-animation: ripple 2s linear 1s infinite;

  animation: ripple 2s linear 1s infinite;

}



.video-gallery .thumbnail:before {

  content: "";

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.3);

  border-radius: 0 80px 0 120px;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

}



.video-gallery .shape-group li {

  margin: 0;

  position: absolute;

  z-index: -1;

}



.video-gallery .shape-group li.shape-1 {

  top: -70px;

  right: -70px;

}



.video-gallery .shape-group li.shape-2 {

  top: -100px;

  right: 15px;

  z-index: 1;

}



@media only screen and (max-width: 767px) {

  .video-gallery .shape-group li.shape-2 {

    display: none;

  }

}



.video-gallery .shape-group li.shape-3 {

  bottom: -40px;

  left: -130px;

}



.video-area-1 {

  position: relative;

}



.video-area-1::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-13.png);

  background-repeat: no-repeat;

  background-position: center top;

  background-size: contain;

}



.video-area-2 {

  position: relative;

  z-index: 1;

  padding: 210px 0;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .video-area-2 {

    padding: 150px 0 200px;

  }

}



@media only screen and (max-width: 767px) {

  .video-area-2 {

    padding: 120px 0 150px;

  }

}



.video-area-2:before {

  content: "";

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.6);

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: -1;

}



.video-banner-content {

  text-align: center;

}



.video-banner-content .video-btn {

  margin-bottom: 100px;

}



@media only screen and (max-width: 767px) {

  .video-banner-content .video-btn {

    margin-bottom: 70px;

  }

}



.video-banner-content .video-play-btn {

  position: relative;

  border: 0;

  width: 80px;

  height: 80px;

  line-height: 82px;

  -webkit-transition: all 1s cubic-bezier(0, 0, 0.2, 1);

  transition: all 1s cubic-bezier(0, 0, 0.2, 1);

  border-radius: 50%;

  background: var(--color-secondary);

  margin: 0 auto;

  display: inline-block;

  font-size: 24px;

  text-align: center;

  color: var(--color-white);

}



.video-banner-content .video-play-btn i {

  margin-left: 5px;

}



.video-banner-content .video-play-btn:before {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  z-index: -1;

  bottom: 0;

  left: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  border-radius: 50%;

  border: 1px solid rgba(255, 255, 255, 0.3);

  -webkit-animation: ripple 2s linear infinite;

  animation: ripple 2s linear infinite;

}



.video-banner-content .video-play-btn:after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  z-index: -1;

  bottom: 0;

  left: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  border-radius: 50%;

  border: 1px solid rgba(255, 255, 255, 0.3);

  -webkit-animation: ripple 2s linear 1s infinite;

  animation: ripple 2s linear 1s infinite;

}



.video-banner-content .title {

  color: var(--color-white);

  margin-bottom: 0;

}



.video-area-3 {

  margin-top: -270px;

}



.video-area-3 .video-gallery .thumbnail img {

  border-radius: 10px;

}



.video-area-3 .video-gallery .thumbnail:before {

  border-radius: 10px;

}



.video-area-3 .video-gallery .shape-group li.shape-1 {

  top: -70px;

  right: auto;

  left: -70px;

}



.video-area-3 .video-gallery .shape-group li.shape-2 {

  top: -20px;

  right: auto;

  left: -110px;

}



.video-area-3 .video-gallery .shape-group li.shape-3 {

  bottom: -40px;

  right: -40px;

  left: auto;

  z-index: 1;

}



.video-area-4 .video-gallery {

  margin-bottom: -275px;

}



@media only screen and (max-width: 575px) {

  .video-area-4 .video-gallery {

    margin-bottom: 0px;

  }

}



.video-gallery-5 {

  margin-top: 40px;

}



.video-gallery-5 .thumbnail:before {

  border-radius: 50px 10px 0 0;

}



.video-gallery-5 .thumbnail img {

  border-radius: 50px 10px 0 0;

  width: 100%;

}



.video-gallery-5 .content {

  background-color: var(--color-white);

  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);

  border-radius: 0 0 10px 10px;

  padding: 22px 30px;

}



.video-gallery-5 .content .title {

  margin-bottom: 0;

  width: 60%;

}



@media only screen and (max-width: 1199px) {

  .video-gallery-5 .content .title {

    width: 100%;

  }

}



/*-------------------

  Why Choose Styles

---------------------*/

.why-choose-content .section-title {

  margin-bottom: 32px;

}



.why-choose-content .features-list .features-box {

  padding: 0;

  background-color: transparent;

  box-shadow: none;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  text-align: left;

  margin-bottom: 36px;

}



.why-choose-content .features-list .features-box .icon {

  background-color: transparent;

  margin-right: 30px;

  margin-bottom: 0;

}



.why-choose-content .features-list .features-box .content {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.why-choose-content .features-list .features-box .content .title {

  margin-bottom: 6px;

}



.why-choose-content .features-list .features-box .content p {

  color: var(--color-body);

}



.why-choose-content .features-list .features-box.color-secondary-style .icon {

  border: 1px solid rgba(238, 74, 98, 0.2);

}



.why-choose-content .features-list .features-box.color-secondary-style:hover .icon {

  background-color: var(--color-secondary);

}



.why-choose-content .features-list .features-box.color-primary-style .icon {

  border: 1px solid rgba(26, 182, 157, 0.2);

}



.why-choose-content .features-list .features-box.color-primary-style:hover .icon {

  background-color: var(--color-primary);

}



.why-choose-content .features-list .features-box.color-extra05-style .icon {

  border: 1px solid rgba(248, 148, 31, 0.2);

}



.why-choose-content .features-list .features-box.color-extra05-style:hover .icon {

  background-color: var(--color-extra05);

}



.why-choose-gallery {

  position: relative;

  z-index: 1;

}



.why-choose-gallery .thumbnail img {

  border-radius: 10px;

}



.why-choose-gallery .thumbnail.thumbnail-1 {

  text-align: right;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .why-choose-gallery .thumbnail.thumbnail-1 {

    margin-right: 80px;

  }

}



.why-choose-gallery .thumbnail.thumbnail-2 {

  margin-top: -230px;

}



@media only screen and (max-width: 767px) {

  .why-choose-gallery .thumbnail.thumbnail-2 {

    -webkit-transform: none !important;

    -ms-transform: none !important;

    transform: none !important;

  }

}



.why-choose-gallery .thumbnail.thumbnail-2 img {

  background-color: var(--color-white);

  padding: 10px;

  box-shadow: 0 30px 90px 0 rgba(26, 46, 85, 0.1);

}



.why-choose-gallery .shape-group li.shape-1 {

  top: 100px;

  left: 30px;

}



.why-choose-gallery .shape-group li.shape-2 {

  bottom: -35px;

  right: 45px;

}



.why-choose-gallery .shape-group li.shape-2 img {

  -webkit-animation: rotateIt 10s linear infinite;

  animation: rotateIt 10s linear infinite;

}



.why-choose-area-2 {

  position: relative;

  z-index: 2;

  overflow: hidden;

  background-color: var(--color-white);

}



.why-choose-area-2:before {

  content: "";

  height: 68%;

  width: 100%;

  background-color: var(--color-lighten04);

  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 84%, 0% 100%);

  clip-path: polygon(0 0, 100% 0%, 100% 84%, 0% 100%);

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: -1;

}



@media only screen and (max-width: 991px) {

  .why-choose-area-2 .shape-group {

    display: none;

  }

}



.why-choose-area-2 .shape-group li {

  position: absolute;

  z-index: -1;

}



.why-choose-area-2 .shape-group li.shape-1 {

  top: -310px;

  left: -50px;

}



.why-choose-area-2 .shape-group li.shape-1 span {

  display: block;

  height: 476px;

  width: 476px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.why-choose-area-2 .shape-group li.shape-2 {

  top: 80px;

  left: 100px;

}



.why-choose-area-2 .shape-group li.shape-3 {

  top: 100px;

  right: -20px;

}



.why-choose-area-2 .shape-group li.shape-3 span {

  display: block;

  height: 476px;

  width: 476px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.why-choose-area-2 .shape-group li.shape-4 {

  top: 50px;

  right: 10px;

}



.why-choose-area-2 .shape-group li.shape-5 {

  bottom: -50px;

  right: -50px;

}



.why-choose-area-2 .shape-group li.shape-5 span {

  display: block;

  height: 100px;

  width: 100px;

  border: 16px solid #f8b81f;

  border-radius: 50%;

}



.why-choose-box.features-box {

  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.05);

  padding: 60px 50px 55px;

  border-radius: 5px;

}



.why-choose-box.features-box .icon {

  height: 90px;

  width: 90px;

  font-size: 44px;

}



.why-choose-box.features-box .content .title {

  margin-bottom: 22px;

}



.why-choose-box-2.features-box {

  box-shadow: var(--shadow-darker);

  padding: 0 50px 55px;

  border-radius: 5px 50px 5px 70px;

}



.why-choose-box-2.features-box .icon {

  height: 90px;

  width: 90px;

  font-size: 44px;

  -webkit-transform: translateY(-55px);

  -ms-transform: translateY(-55px);

  transform: translateY(-55px);

  margin-top: 55px;

  margin-bottom: -20px;

  color: var(--color-white);

}



.why-choose-box-2.features-box .content .title {

  margin-bottom: 22px;

}



.why-choose-box-2.features-box.color-primary-style .icon {

  background-color: #0d1e51;

}



.why-choose-box-2.features-box.color-secondary-style .icon {

  background-color: #ee4a62;

}



.why-choose-box-2.features-box.color-extra08-style .icon {

  background-color: #4664e4;

}



.why-choose-box-3.features-box {

  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

  padding: 0;

  border-radius: 5px;

  max-width: 370px;

  margin: 0 auto;

}



.why-choose-box-3.features-box .thumbnail img {

  border-radius: 5px 5px 0 0;

}



.why-choose-box-3.features-box .content {

  padding: 0 40px 45px;

}



.why-choose-box-3.features-box .icon {

  margin-top: -40px;

  position: relative;

  height: 90px;

  width: 90px;

  font-size: 44px;

  color: var(--color-white);

}



.why-choose-box-3.features-box .content .title {

  margin-bottom: 22px;

}



.why-choose-box-3.features-box.color-primary-style .icon {

  background-color: #0d1e51;

}



.why-choose-box-3.features-box.color-secondary-style .icon {

  background-color: #ee4a62;

}



.why-choose-box-3.features-box.color-extra08-style .icon {

  background-color: #4664e4;

}



.why-choose-area-3 {

  position: relative;

  z-index: 2;

  overflow: hidden;

}



@media only screen and (max-width: 991px) {

  .why-choose-area-3 .shape-group {

    display: none;

  }

}



.why-choose-area-3 .shape-group li.shape-1 {

  top: -180px;

  left: 75px;

}



@media only screen and (max-width: 1650px) {

  .why-choose-area-3 .shape-group li.shape-1 {

    left: -100px;

  }

}



.why-choose-area-3 .shape-group li.shape-1 span {

  display: block;

  height: 476px;

  width: 476px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.why-choose-area-3 .shape-group li.shape-2 {

  top: 195px;

  left: 120px;

}



@media only screen and (max-width: 1650px) {

  .why-choose-area-3 .shape-group li.shape-2 {

    left: 60px;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  .why-choose-area-3 .shape-group li.shape-2 {

    left: -60px;

    top: 150px;

  }

}



.why-choose-area-3 .shape-group li.shape-3 {

  top: 210px;

  right: -60px;

}



.why-choose-area-4 {

  position: relative;

  z-index: 2;

}



@media only screen and (max-width: 991px) {

  .why-choose-area-4 .shape-group {

    display: none;

  }

}



.why-choose-area-4 .shape-group li {

  position: absolute;

  z-index: -1;

}



.why-choose-area-4 .shape-group li.shape-1 {

  top: -25px;

  left: -205px;

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  .why-choose-area-4 .shape-group li.shape-1 {

    top: -35px;

    left: -165px;

  }

}



.why-choose-area-4 .shape-group li.shape-2 {

  top: 10px;

  right: -270px;

}



.why-choose-area-4 .shape-group li.shape-2 span {

  height: 400px;

  width: 400px;

  border: 1px solid #e8e6e3;

  border-radius: 50%;

  display: block;

}



.why-choose-area-4 .shape-group li.shape-3 {

  right: -45px;

  bottom: -27px;

}



.why-choose-area-4 .shape-group li.shape-3 span {

  display: block;

  height: 101px;

  width: 101px;

  border: 15px solid var(--color-tertiary);

  border-radius: 50%;

}



/*-------------------

  404 Error

---------------------*/

.error-page-area {

  position: relative;

}



.error-page-area>.shape-group li {

  position: absolute;

  z-index: -1;

}



.error-page-area>.shape-group li.shape-1 {

  bottom: -12px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  opacity: 0.3;

}



.edu-error {

  text-align: center;

}



.edu-error .thumbnail {

  margin-bottom: 60px;

  position: relative;

  display: inline-block;

}



@media only screen and (max-width: 575px) {

  .edu-error .thumbnail {

    margin-bottom: 50px;

  }

}



@media only screen and (max-width: 767px) {

  .edu-error .thumbnail .shape-group {

    display: none;

  }

}



.edu-error .thumbnail .shape-group li {

  position: absolute;

  z-index: -1;

}



.edu-error .thumbnail .shape-group li.shape-1 {

  left: -46px;

  top: -5px;

  opacity: 0.4;

}



.edu-error .thumbnail .shape-group li.shape-2 {

  left: 50px;

  top: -15px;

}



.edu-error .thumbnail .shape-group li.shape-3 {

  right: -46px;

  top: -25px;

  opacity: 0.4;

}



.edu-error .thumbnail .shape-group li.shape-4 {

  right: -12px;

  top: 40px;

  z-index: 1;

}



.edu-error .content .title {

  font-size: 50px;

  margin-bottom: 10px;

}



@media only screen and (max-width: 767px) {

  .edu-error .content .title {

    font-size: 40px;

  }

}



@media only screen and (max-width: 575px) {

  .edu-error .content .title {

    font-size: 30px;

  }

}



.edu-error .content .subtitle {

  margin-bottom: 65px;

}



@media only screen and (max-width: 575px) {

  .edu-error .content .subtitle {

    margin-bottom: 50px;

  }

}



.edu-error .content .edu-btn i {

  padding-right: 10px;

  font-size: 16px;

  top: 1px;

}



.coming-soon-page-area {

  height: 100vh;

  width: 100%;

  background: var(--gradient-primary);

  background-position: center;

  background-size: cover;

  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;

  padding: 50px 0;

  min-height: 500px;

  overflow-y: auto;

  position: relative;

  z-index: 1;

  overflow-y: inherit;

}



.coming-soon-page-area::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-22.png);

  z-index: -1;

}



.coming-soon-page-area .shape-group li {

  position: absolute;

  z-index: -1;

}



.coming-soon-page-area .shape-group li.shape-1 {

  top: 70px;

  left: 155px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .coming-soon-page-area .shape-group li.shape-1 {

    left: -55px;

  }

}



.coming-soon-page-area .shape-group li.shape-2 {

  top: 240px;

  left: 360px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .coming-soon-page-area .shape-group li.shape-2 {

    left: 105px;

  }

}



.coming-soon-page-area .shape-group li.shape-3 {

  top: 170px;

  right: 19%;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {

  .coming-soon-page-area .shape-group li.shape-3 {

    right: 0;

  }

}



.coming-soon-page-area .shape-group li.shape-4 {

  top: 50px;

  right: 14%;

  height: 71px;

  width: 71px;

  border: 11px solid rgba(255, 255, 255, 0.2);

  border-radius: 50%;

}



.coming-soon-content {

  max-width: 660px;

  margin: 0 auto;

  text-align: center;

}



.coming-soon-content .coming-countdown {

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



@media only screen and (max-width: 767px) {

  .coming-soon-content .coming-countdown .countdown-section {

    margin: 0 15px 30px;

  }



  .coming-soon-content .coming-countdown .countdown-section .countdown-number {

    font-size: 35px;

  }



  .coming-soon-content .coming-countdown .countdown-section:after {

    top: -14px;

    right: -20px;

  }

}



.coming-soon-content .title {

  font-size: 90px;

  color: var(--color-white);

  font-weight: var(--p-extra-bold);

  margin-bottom: 70px;

}



@media only screen and (max-width: 1199px) {

  .coming-soon-content .title {

    font-size: 75px;

    margin-bottom: 60px;

  }

}



@media only screen and (max-width: 991px) {

  .coming-soon-content .title {

    font-size: 65px;

    margin-bottom: 50px;

  }

}



@media only screen and (max-width: 767px) {

  .coming-soon-content .title {

    font-size: 50px;

    margin-bottom: 40px;

  }

}



@media only screen and (max-width: 575px) {

  .coming-soon-content .title {

    font-size: 40px;

    margin-bottom: 35px;

  }

}



.coming-soon-content .input-group {

  background-color: var(--color-white);

  border-radius: 5px;

  margin-top: 70px;

  -webkit-box-align: center;

  -webkit-align-items: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 10px;

}



@media only screen and (max-width: 767px) {

  .coming-soon-content .input-group {

    margin-top: 30px;

  }

}



.coming-soon-content .input-group .form-control {

  background-color: transparent;

  height: 50px;

}



.coming-soon-content .input-group .form-control:focus {

  box-shadow: none;

}



.coming-soon-content .input-group .edu-btn {

  border-radius: 5px !important;

  padding: 0 35px;

}



@media only screen and (max-width: 479px) {

  .coming-soon-content .input-group .edu-btn {

    padding: 0 15px;

  }

}



/*=======================================================================

    Modern Schooling Styles Starts

=========================================================================*/

.hero-banner.hero-style-8 {

  min-height: 790px;

  position: relative;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .hero-banner.hero-style-8 {

    padding-top: 95px;

  }

}



.hero-banner.hero-style-8 .banner-content {

  z-index: 12;

}



@media only screen and (max-width: 991px) {

  .hero-banner.hero-style-8 .banner-content {

    text-align: center;

    padding-bottom: 50px;

  }

}



@media only screen and (max-width: 767px) {

  .hero-banner.hero-style-8 .banner-content {

    padding-top: 50px;

  }

}



.hero-banner.hero-style-8 .banner-content p {

  padding-right: 90px;

}



@media only screen and (max-width: 991px) {

  .hero-banner.hero-style-8 .banner-content p {

    padding-right: 0;

  }

}



.hero-banner.hero-style-8 .banner-content .banner-search {

  width: 92%;

}



@media only screen and (max-width: 991px) {

  .hero-banner.hero-style-8 .banner-content .banner-search {

    width: 100%;

  }

}



.hero-banner.hero-style-8 .banner-content .banner-search .input-group {

  box-shadow: var(--shadow-darker3);

  border: none;

  border-radius: 4px;

}



.hero-banner.hero-style-8 .banner-content .banner-search .input-group .form-control {

  height: 70px;

  border: none;

  line-height: 1;

  font-size: 15px;

  color: var(--color-body);

  font-weight: 400;

  padding: 0 0 0 20px;

}



.hero-banner.hero-style-8 .banner-content .banner-search .input-group .form-control:focus {

  box-shadow: none;

}



.hero-banner.hero-style-8 .banner-content .banner-search .input-group .search-btn {

  border: none;

  background-color: transparent;

  font-size: 20px;

  color: var(--color-heading);

  padding: 0 20px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.hero-banner.hero-style-8 .banner-content .banner-search .input-group .search-btn:hover {

  color: var(--color-primary);

}



.hero-banner.hero-style-8 .banner-thumbnail {

  margin-right: -100px;

  margin-top: -60px;

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  .hero-banner.hero-style-8 .banner-thumbnail {

    margin-right: -40px;

  }

}



@media only screen and (max-width: 1199px) {

  .hero-banner.hero-style-8 .banner-thumbnail {

    margin-right: 0;

  }

}



@media only screen and (max-width: 991px) {

  .hero-banner.hero-style-8 .banner-thumbnail .thumbnail {

    padding-bottom: 100px;

  }

}



.hero-banner.hero-style-8 .banner-thumbnail .instructor-info {

  bottom: -60px;

  left: 35px;

}



@media only screen and (max-width: 991px) {

  .hero-banner.hero-style-8 .banner-thumbnail .instructor-info {

    left: 0;

    bottom: 90px;

  }

}



.hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-1 {

  top: 120px;

  left: 162px;

}



.hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-2 {

  top: 92px;

  left: inherit;

  right: -30px;

}



.hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-3 {

  top: inherit;

  left: inherit;

  right: -100px;

  bottom: 9px;

}



@media only screen and (min-width: 1401px) and (max-width: 1650px) {

  .hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-3 {

    right: -40px;

  }

}



.hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-4 {

  top: -25px;

  right: inherit;

  left: -10px;

  z-index: -1;

}



.hero-banner.hero-style-8 .shape-group li {

  position: absolute;

}



.hero-banner.hero-style-8 .shape-group li.shape-5 {

  left: -220px;

  top: -240px;

  z-index: 1;

}



.hero-banner.hero-style-8 .shape-group li.shape-5 span {

  display: block;

  width: 400px;

  height: 400px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.hero-banner.hero-style-8 .shape-group li.shape-6 {

  left: -297px;

  top: -23px;

  z-index: 1;

}



.brand-area-6 {

  background-color: var(--cta-color-bg);

  padding: 30px 0;

}



.brand-area-6 .brand-grid-wrap .brand-grid {

  border-right: 1px solid #e8eced;

}



.categorie-area-4 .categorie-grid {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  background: transparent;

  padding: 0;

  text-align: left;

}



.categorie-area-4 .categorie-grid .icon {

  font-size: 40px;

  margin: 0 20px 0 0;

}



.categorie-area-4 .categorie-grid .icon .computer-science {

  font-size: 33px;

}



.categorie-area-4 .categorie-grid .icon .health-fitness {

  font-size: 46px;

}



.categorie-area-4 .categorie-grid .icon .personal-development {

  font-size: 44px;

}



.categorie-area-4 .categorie-grid .icon .art-design {

  font-size: 45px;

}



.categorie-area-4 .categorie-grid .icon .video-photography {

  font-size: 37px;

}



.categorie-area-4 .categorie-grid .icon .data-science {

  font-size: 41px;

}



.categorie-area-4 .categorie-grid.color-primary-style,

.categorie-area-4 .categorie-grid.color-secondary-style,

.categorie-area-4 .categorie-grid.color-extra01-style,

.categorie-area-4 .categorie-grid.color-extra02-style,

.categorie-area-4 .categorie-grid.color-extra03-style,

.categorie-area-4 .categorie-grid.color-extra04-style,

.categorie-area-4 .categorie-grid.color-extra05-style,

.categorie-area-4 .categorie-grid.color-extra06-style,

.categorie-area-4 .categorie-grid.color-extra07-style,

.categorie-area-4 .categorie-grid.color-tertiary-style {

  background-color: transparent;

}



.categorie-area-4 .categorie-grid.categorie-style-4 .content {

  margin-top: 13px;

}



.categorie-area-4 .categorie-grid.categorie-style-4 .content .title {

  font-size: 16px;

  margin-bottom: 5px;

}



.categorie-area-4 .categorie-grid.categorie-style-4 .content span {

  display: block;

}



.categorie-area-4 .categorie-grid.categorie-style-4.color-primary-style .content .title:hover {

  color: var(--color-primary);

}



.categorie-area-4 .categorie-grid.categorie-style-4.color-secondary-style .content .title:hover {

  color: var(--color-secondary);

}



.categorie-area-4 .categorie-grid.categorie-style-4.color-extra01-style .content .title:hover {

  color: var(--color-extra01);

}



.categorie-area-4 .categorie-grid.categorie-style-4.color-extra02-style .content .title:hover {

  color: var(--color-extra02);

}



.categorie-area-4 .categorie-grid.categorie-style-4.color-extra03-style .content .title:hover {

  color: var(--color-extra03);

}



.categorie-area-4 .categorie-grid.categorie-style-4.color-extra04-style .content .title:hover {

  color: var(--color-extra04);

}



.categorie-area-4 .categorie-grid.categorie-style-4.color-extra05-style .content .title:hover {

  color: var(--color-extra05);

}



.categorie-area-4 .categorie-grid.categorie-style-4.color-extra06-style .content .title:hover {

  color: var(--color-extra06);

}



.categorie-area-4 .categorie-grid.categorie-style-4.color-extra07-style .content .title:hover {

  color: var(--color-extra07);

}



.categorie-area-4 .categorie-grid.categorie-style-4.color-tertiary-style .content .title:hover {

  color: var(--color-tertiary);

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-primary-style {

  background-color: transparent;

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-primary-style .icon {

  background-color: var(--color-primary);

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-secondary-style {

  background-color: transparent;

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-secondary-style .icon {

  background-color: var(--color-secondary);

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra01-style {

  background-color: transparent;

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra01-style .icon {

  background-color: var(--color-extra01);

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra02-style {

  background-color: transparent;

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra02-style .icon {

  background-color: var(--color-extra02);

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra03-style {

  background-color: transparent;

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra03-style .icon {

  background-color: var(--color-extra03);

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra04-style {

  background-color: transparent;

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra04-style .icon {

  background-color: var(--color-extra04);

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra05-style {

  background-color: transparent;

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra05-style .icon {

  background-color: var(--color-extra05);

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra06-style {

  background-color: transparent;

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra06-style .icon {

  background-color: var(--color-extra06);

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-extra07-style .icon {

  background-color: var(--color-extra07);

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-tertiary-style {

  background-color: transparent;

}



.categorie-area-4 .categorie-grid.categorie-style-4:hover.color-tertiary-style .icon {

  background-color: var(--color-tertiary);

}



.categorie-area-4 .categorie-grid:hover {

  background-color: transparent;

}



.categorie-area-4 .categorie-grid:hover .content .title {

  color: var(--color-heading);

}



@media only screen and (max-width: 991px) {

  .faq-style-5 .section-title {

    text-align: center;

  }

}



@media only screen and (max-width: 991px) {

  .faq-style-5 .edu-faq-gallery .thumbnail-1 {

    text-align: center;

  }

}



.faq-style-5 .edu-faq-gallery .shape-group li.shape-1 {

  top: 179px;

  left: 3px;

}



.faq-style-5 .edu-faq-gallery .shape-group li.shape-2 {

  right: 147px;

  top: 61%;

}



.faq-style-5 .edu-faq-gallery .shape-group li.shape-3 {

  bottom: 0;

  left: -66%;

}



.faq-style-5 .faq-accordion .accordion-item .accordion-button {

  background: var(--gradient-primary);

  -webkit-transition: background 0.3s ease;

  transition: background 0.3s ease;

}



.faq-style-5 .faq-accordion .accordion-item .accordion-button.collapsed {

  background: transparent;

}



.edu-cta-banner-area-6 {

  background: var(--gradient-primary);

  width: 100%;

  overflow: visible !important;

}



.edu-cta-banner-area-6 .thumbnail img {

  height: 567px;

  margin-top: -67px;

  margin-left: 60px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .edu-cta-banner-area-6 .thumbnail img {

    margin-top: -30px;

  }

}



@media only screen and (max-width: 991px) {

  .edu-cta-banner-area-6 .thumbnail img {

    display: none;

  }

}



.edu-cta-banner-area-6 .section-title {

  padding: 120px 0;

}



@media only screen and (max-width: 991px) {

  .edu-cta-banner-area-6 .section-title {

    text-align: center;

    padding: 70px 0;

  }



  .edu-cta-banner-area-6 .section-title br {

    display: none;

  }

}



.edu-cta-banner-area-6 .section-title .title {

  color: var(--color-white);

}



.edu-cta-banner-area-6 .section-title a.edu-btn.btn-sceondary:hover {

  color: var(--color-heading) !important;

  background-color: var(--color-white) !important;

}



.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-01 {

  top: 100px !important;

  left: -8px !important;

}



.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-02 {

  top: 161px !important;

  left: -64px !important;

  bottom: inherit !important;

}



.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-03 {

  left: 28% !important;

  bottom: 100px !important;

  z-index: -1 !important;

  right: inherit !important;

  top: inherit !important;

}



.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-04 {

  top: inherit !important;

  right: inherit !important;

  bottom: 29% !important;

  left: 29% !important;

  z-index: 1;

}



.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-05 {

  top: 110px !important;

  right: -251px !important;

}



.edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-06 {

  top: 0 !important;

  right: -32% !important;

}



.edu-cta-banner-area-6 .btn-secondary::after {

  background: var(--color-white);

}



.edu-cta-banner-area-6 .btn-secondary:hover {

  color: var(--color-heading) !important;

}



/*=======================================================================

    Modern Schooling Styles End

=========================================================================*/

/*=======================================================================

    Health Coach Styles Starts

=========================================================================*/

.hero-banner.hero-style-9 {

  position: relative;

  overflow: hidden;

}



.hero-banner.hero-style-9 .slider {

  width: 100%;

  height: 95vh;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  position: relative;

}



@media only screen and (max-width: 991px) {

  .hero-banner.hero-style-9 .slider {

    height: auto;

  }

}



.hero-banner.hero-style-9 .slider .container {

  position: relative;

  padding-top: 200px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  .hero-banner.hero-style-9 .slider .container {

    padding-top: 150px;

  }

}



@media only screen and (max-width: 1199px) {

  .hero-banner.hero-style-9 .slider .container {

    padding-top: 100px;

  }

}



.hero-banner.hero-style-9 .slider .container .shape-group li.shape-1 {

  left: -460px;

  top: -308px;

  z-index: -1;

}



.hero-banner.hero-style-9 .slider .container .shape-group li.shape-1 span {

  display: block;

  width: 474px;

  height: 474px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.hero-banner.hero-style-9 .slider .container .shape-group li.shape-2 {

  left: -257px;

  top: 70px;

}



.hero-banner.hero-style-9 .slider .health-slider-content {

  width: calc(61% - 120px);

  position: relative;

  overflow: hidden;

  margin: 0;

  margin-right: 40px;

}



@media only screen and (max-width: 991px) {

  .hero-banner.hero-style-9 .slider .health-slider-content {

    width: 100%;

    margin-right: 0;

    margin-bottom: 30px;

  }

}



@media only screen and (max-width: 479px) {

  .hero-banner.hero-style-9 .slider .health-slider-content br {

    display: none;

  }

}



.hero-banner.hero-style-9 .slider .health-slider-content .swiper-slide {

  padding: 0;

}



.hero-banner.hero-style-9 .slider .health-slider-content .swiper-slide .inner {

  width: 100%;

  display: block;

}



@media only screen and (max-width: 991px) {

  .hero-banner.hero-style-9 .slider .health-slider-content .swiper-slide .inner {

    text-align: center;

  }

}



.hero-banner.hero-style-9 .slider .health-slider-content .swiper-slide .inner .pre-title {

  font-weight: var(--p-bold);

  text-transform: uppercase;

  letter-spacing: 2.5px;

  margin-left: 5px;

}



.hero-banner.hero-style-9 .slider .health-slider-content .swiper-slide .inner .title {

  padding-top: 15px;

}



.hero-banner.hero-style-9 .slider .health-slider-content .swiper-slide .inner p {

  font-size: 18px;

  color: var(--color-heading);

}



.hero-banner.hero-style-9 .slider .health-slider-main {

  width: calc(44vw + 80px);

  height: calc(80vh - 150px);

  overflow: hidden;

  margin: 0;

  position: absolute;

  left: calc(60% - 80px);

  top: 100px;

}



@media only screen and (max-width: 991px) {

  .hero-banner.hero-style-9 .slider .health-slider-main {

    width: 100%;

    position: static;

  }

}



.hero-banner.hero-style-9 .slider .health-slider-main .swiper-slide {

  padding: 0;

}



.hero-banner.hero-style-9 .slider .health-slider-main .slide-image {

  width: 100%;

  height: 100%;

  display: inline-block;

  background-position: center !important;

  background-size: cover !important;

}



.hero-banner.hero-style-9 .hero-slider-bg-controls {

  position: absolute;

  left: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 10;

}



@media (max-width: 1400px) {

  .hero-banner.hero-style-9 .hero-slider-bg-controls {

    display: none;

  }

}



.hero-banner.hero-style-9 .hero-slider-bg-controls .swiper-slide-controls {

  display: inline-block;

  width: 60px;

  height: 60px;

  line-height: 60px;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  background-color: var(--color-white);

  color: var(--color-heading);

  cursor: pointer;

}



.hero-banner.hero-style-9 .hero-slider-bg-controls .swiper-slide-controls i {

  font-size: 20px;

  line-height: 58px;

}



.hero-banner.hero-style-9 .hero-slider-bg-controls .swiper-slide-controls:hover {

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  background-color: var(--color-primary);

  color: var(--color-white);

}



.hero-banner.hero-style-9 .hero-slider-bg-controls .slide-prev,

.hero-banner.hero-style-9 .hero-slider-bg-controls .slide-next {

  position: relative;

  width: 60px !important;

  margin-left: auto;

  margin-right: 6px;

  text-align: center;

  border-radius: 50%;

  box-shadow: var(--shadow-darker3);

}



.hero-banner.hero-style-9 .hero-slider-bg-controls .slide-next {

  right: 0px;

  top: -69px;

}



.hero-banner.hero-style-9 .hero-slider-bg-controls .slide-prev {

  right: -70px;

  top: 0;

}



.hero-banner.hero-style-9 .shape-group li.shape-3 {

  top: 35px;

  left: 39%;

}



.hero-banner.hero-style-9 .shape-group li.shape-4 {

  bottom: 25%;

  left: 100px;

}



@media only screen and (min-width: 1401px) and (max-width: 1650px) {

  .hero-banner.hero-style-9 .shape-group li.shape-4 {

    left: 2px;

  }

}



@media (max-width: 1400px) {

  .hero-banner.hero-style-9 .shape-group li.shape-4 {

    display: none;

  }

}



.hero-banner.hero-style-9 .shape-group li.shape-5 {

  right: 38.5%;

  bottom: 12.6%;

  z-index: 1;

}



.hero-banner.hero-style-9 .shape-group li.shape-6 {

  right: 42.5%;

  bottom: 14.5%;

}



@media only screen and (max-width: 991px) {

  .features-area-5 {

    padding-top: 100px;

  }

}



.features-area-5 .features-box {

  box-shadow: none;

  padding: 0;

  -webkit-transition: var(--transition-2);

  transition: var(--transition-2);

}



.features-area-5 .features-box .icon {

  width: 120px;

  height: 120px;

  margin: 0 auto -50px;

  border: 7px solid var(--color-white);

  box-shadow: var(--shadow-darker4);

  border-radius: 50%;

  position: relative;

  z-index: 1;

  -webkit-transition: var(--transition-2);

  transition: var(--transition-2);

}



.features-area-5 .features-box .content {

  background-color: var(--color-white);

  box-shadow: var(--shadow-darker);

  padding: 100px 40px 50px 40px;

  border-radius: 5px;

}



@media only screen and (max-width: 991px) {

  .features-area-5 .features-box .content {

    margin-bottom: 20px;

  }

}



.features-area-5 .features-box .content .title {

  font-weight: var(--p-bold);

}



.features-area-5 .features-box.color-primary-style .icon img {

  -webkit-filter: brightness(0) saturate(100%) invert(53%) sepia(56%) saturate(571%) hue-rotate(121deg) brightness(99%) contrast(92%);

  filter: brightness(0) saturate(100%) invert(53%) sepia(56%) saturate(571%) hue-rotate(121deg) brightness(99%) contrast(92%);

}



.features-area-5 .features-box.color-primary-style:hover .icon img {

  -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%);

  filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%);

}



.features-area-5 .features-box.color-secondary-style .icon {

  background-color: rgba(238, 74, 98, 0.1);

  box-shadow: 0px 20px 70px 0px rgba(176, 57, 75, 0.2);

}



.features-area-5 .features-box.color-secondary-style .icon img {

  -webkit-filter: brightness(0) saturate(100%) invert(47%) sepia(93%) saturate(3371%) hue-rotate(324deg) brightness(96%) contrast(93%);

  filter: brightness(0) saturate(100%) invert(47%) sepia(93%) saturate(3371%) hue-rotate(324deg) brightness(96%) contrast(93%);

}



.features-area-5 .features-box.color-secondary-style:hover .icon {

  background-color: #ee4a62;

}



.features-area-5 .features-box.color-secondary-style:hover .icon img {

  -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%);

  filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%);

}



.features-area-5 .features-box.color-extra06-style .icon {

  background-color: #e7f7fe;

  box-shadow: 0px 20px 70px 0px rgba(27, 89, 116, 0.2);

}



.features-area-5 .features-box.color-extra06-style .icon img {

  -webkit-filter: brightness(0) saturate(100%) invert(67%) sepia(25%) saturate(4311%) hue-rotate(170deg) brightness(104%) contrast(96%);

  filter: brightness(0) saturate(100%) invert(67%) sepia(25%) saturate(4311%) hue-rotate(170deg) brightness(104%) contrast(96%);

}



.features-area-5 .features-box.color-extra06-style:hover .icon {

  background-color: var(--color-extra06);

}



.features-area-5 .features-box.color-extra06-style:hover .icon img {

  -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%);

  filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(498%) hue-rotate(41deg) brightness(119%) contrast(100%);

}



.categorie-area-5 {

  position: relative;

  z-index: 1;

}



.categorie-area-5::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-32.webp);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  background-attachment: fixed;

  z-index: -1;

}



.categorie-area-5 .categorie-grid {

  padding: 30px 30px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  text-align: left;

  background-color: var(--color-white);

  box-shadow: var(--shadow-darker);

}



.categorie-area-5 .categorie-grid .icon {

  height: 80px;

  width: 80px;

  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: 32px;

  margin: 0 auto 28px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.categorie-area-5 .categorie-grid .content {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  margin-top: 10px;

  margin-left: 20px;

}



.categorie-area-5 .categorie-grid .content .title {

  font-weight: var(--p-bold);

  margin-bottom: 10px;

  color: var(--color-heading);

}



.categorie-area-5 .categorie-grid .content p {

  color: var(--color-body);

  margin-bottom: 0;

}



.categorie-area-5 .categorie-grid.color-primary .icon {

  background-color: rgba(26, 182, 157, 0.07);

  color: #0d1e51;

}



.categorie-area-5 .categorie-grid.color-primary:hover .icon {

  background-color: #0d1e51;

  color: var(--color-white);

}



.categorie-area-5 .categorie-grid.color-secondary .icon {

  background-color: rgba(238, 74, 98, 0.102);

  color: #ee4a62;

}



.categorie-area-5 .categorie-grid.color-secondary:hover .icon {

  background-color: #ee4a62;

  color: var(--color-white);

}



.categorie-area-5 .categorie-grid.color-extra08 .icon {

  background-color: rgba(70, 100, 228, 0.102);

  color: #4664e4;

}



.categorie-area-5 .categorie-grid.color-extra08:hover .icon {

  background-color: #4664e4;

  color: var(--color-white);

}



.categorie-area-5 .categorie-grid.color-tertiary .icon {

  background-color: rgba(248, 148, 31, 0.102);

}



.categorie-area-5 .categorie-grid.color-tertiary .icon img {

  -webkit-filter: brightness(0) saturate(100%) invert(71%) sepia(92%) saturate(605%) hue-rotate(343deg) brightness(101%) contrast(95%);

  filter: brightness(0) saturate(100%) invert(71%) sepia(92%) saturate(605%) hue-rotate(343deg) brightness(101%) contrast(95%);

}



.categorie-area-5 .categorie-grid.color-tertiary:hover .icon {

  background-color: #f8941f;

}



.categorie-area-5 .categorie-grid.color-tertiary:hover .icon img {

  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);

  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);

}



.categorie-area-5 .categorie-grid.color-extra02 .icon {

  background-color: rgba(142, 86, 255, 0.102);

}



.categorie-area-5 .categorie-grid.color-extra02 .icon img {

  -webkit-filter: brightness(0) saturate(100%) invert(46%) sepia(76%) saturate(4932%) hue-rotate(240deg) brightness(101%) contrast(104%);

  filter: brightness(0) saturate(100%) invert(46%) sepia(76%) saturate(4932%) hue-rotate(240deg) brightness(101%) contrast(104%);

}



.categorie-area-5 .categorie-grid.color-extra02:hover .icon {

  background-color: #8e56ff;

}



.categorie-area-5 .categorie-grid.color-extra02:hover .icon img {

  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);

  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);

}



.categorie-area-5 .categorie-grid.color-extra07 .icon {

  background-color: rgba(249, 37, 150, 0.102);

  color: #f92596;

}



.categorie-area-5 .categorie-grid.color-extra07 .icon.Physical-activity {

  font-size: 30px;

}



.categorie-area-5 .categorie-grid.color-extra07:hover .icon {

  background-color: #f92596;

  color: var(--color-white);

}



/*=======================================================================

    Health Coach Styles End

=========================================================================*/

/*=======================================================================

    Language Academy Styles Starts

=========================================================================*/

.hero-style-10 {

  min-height: 890px;

  background: var(--bg-color);

  position: relative;

  top: -110px;

  overflow: hidden;

}



@media only screen and (max-width: 1199px) {

  .hero-style-10 {

    min-height: 700px;

  }

}



@media only screen and (max-width: 991px) {

  .hero-style-10 {

    min-height: 100%;

  }

}



.hero-style-10 .banner-content {

  position: relative;

  z-index: 2;

}



.hero-style-10 .banner-content p {

  padding-right: 85px;

}



@media only screen and (max-width: 991px) {

  .hero-style-10 .banner-content p {

    padding-right: 0;

  }

}



.hero-style-10 .banner-content .shape-group li.shape-1 {

  left: -485px;

  top: -430px;

}



.hero-style-10 .banner-content .shape-group li.shape-1 span {

  border: 32px solid rgba(255, 255, 255, 0.302);

  border-radius: 50%;

  width: 453px;

  height: 453px;

  display: inline-block;

}



.hero-style-10 .banner-content .shape-group li.shape-2 {

  left: -209px;

  top: -30px;

}



.hero-style-10 .banner-content .shape-group li.shape-2 span {

  width: 100px;

  height: 100px;

  background: var(--color-tertiary);

  border-radius: 100%;

}



@media only screen and (max-width: 991px) {

  .hero-style-10 .banner-content {

    margin-top: 200px;

  }

}



@media only screen and (max-width: 767px) {

  .hero-style-10 .banner-content {

    margin-top: 150px;

    margin-bottom: 100px;

  }

}



@media only screen and (max-width: 575px) {

  .hero-style-10 .banner-content {

    margin-bottom: 50px;

  }

}



.hero-style-10 .banner-thumbnail {

  margin-right: -213px;

  margin-bottom: -170px;

}



@media only screen and (max-width: 1199px) {

  .hero-style-10 .banner-thumbnail {

    margin-left: 0;

    margin-right: -70px;

  }

}



@media only screen and (max-width: 991px) {

  .hero-style-10 .banner-thumbnail {

    margin-bottom: -20px;

    margin-right: 0;

  }

}



.hero-style-10 .banner-thumbnail .instructor-info {

  bottom: 236px;

  left: 27px;

}



@media only screen and (max-width: 1199px) {

  .hero-style-10 .banner-thumbnail .instructor-info {

    bottom: 150px;

    left: -50px;

  }

}



@media only screen and (max-width: 991px) {

  .hero-style-10 .banner-thumbnail .instructor-info {

    bottom: 250px;

    left: -16px;

  }

}



@media only screen and (max-width: 575px) {

  .hero-style-10 .banner-thumbnail .instructor-info {

    display: none;

  }

}



.hero-style-10 .banner-thumbnail .instructor-info .inner {

  max-width: 150px;

  width: 100%;

  max-height: 290px;

  background-color: var(--color-white);

  border-radius: 75px;

  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);

  text-align: center;

  padding: 26px 27px 40px;

  position: relative;

}



.hero-style-10 .banner-thumbnail .instructor-info .inner::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  bottom: 50%;

  width: 70px;

  height: 1px;

  background-color: var(--color-border);

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

}



.hero-style-10 .banner-thumbnail .instructor-info .inner .counter-item {

  font-size: 35px;

  font-weight: var(--p-bold);

  text-align: center;

  margin-bottom: 0;

}



.hero-style-10 .banner-thumbnail .instructor-info .inner .counter-item.primary-color {

  color: var(--color-primary);

}



.hero-style-10 .banner-thumbnail .instructor-info .inner .counter-item.secondary-color {

  color: var(--color-secondary);

}



.hero-style-10 .banner-thumbnail .instructor-info .inner .counter-item.count-number span {

  font-size: 30px;

  font-family: var(--font-secondary);

  font-weight: var(--p-extra-bold);

}



.hero-style-10 .banner-thumbnail .instructor-info .inner .title {

  font-size: 13px;

  text-transform: uppercase;

}



.hero-style-10 .banner-thumbnail .instructor-info .inner .enrolled-counter {

  margin-top: 10px;

}



.hero-style-10 .banner-thumbnail .instructor-info .inner .lahguage-counter {

  margin-top: 72px;

}



.hero-style-10 .banner-thumbnail .shape-group li.shape-3 {

  top: 11px;

  left: -24%;

  z-index: 1;

}



.hero-style-10 .banner-thumbnail .shape-group li.shape-4 {

  top: -12px;

  left: -122px;

  right: inherit;

  z-index: -1;

}



.hero-style-10 .banner-thumbnail .shape-group li.shape-5 {

  top: -90px;

  right: 175px;

}



.hero-style-10 .banner-thumbnail .shape-group li.shape-6 {

  top: -35px;

  right: 228px;

}



.hero-style-10 .banner-thumbnail .shape-group li.shape-7 {

  right: 203px;

  bottom: 240px;

}



.hero-style-10 .wave-bottom-bg {

  position: absolute;

  bottom: 0;

  width: 100%;

  z-index: 1;

  background-repeat: no-repeat;

  background-size: cover;

  overflow-x: hidden;

}



@media only screen and (max-width: 991px) {

  .hero-style-10 .wave-bottom-bg {

    display: none;

  }

}



.hero-style-10 .shape-group li.shape-8 {

  right: 0;

  top: 225px;

  z-index: 1;

}



.features-area-6 {

  padding-bottom: 50px;

  position: relative;

}



.features-area-6::after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: -297px;

  width: 100%;

  height: 100%;

  z-index: 1;

  background: url(../images/bg/wave-banner.svg);

  background-repeat: no-repeat;

  background-position: center top;

}



@media only screen and (max-width: 575px) {

  .features-area-6::after {

    display: none;

  }

}



.features-area-6 .section-title {

  margin-bottom: -40px;

}



.features-area-6 .features-box {

  background-color: transparent;

  box-shadow: none;

}



.features-area-6 .features-box .title {

  font-weight: var(--p-bold);

}



.features-area-6 .features-box p {

  color: var(--color-body);

}



.features-area-6 .features-box .icon {

  width: 100%;

  height: 100%;

  text-align: center;

}



.features-area-6 .features-box .icon.icon-course {

  background: url(../images/bg/features-bg-1.svg);

  background-repeat: no-repeat;

  background-position: center;

}



.features-area-6 .features-box .icon.icon-course svg {

  -webkit-filter: brightness(0) saturate(100%) invert(37%) sepia(79%) saturate(3130%) hue-rotate(240deg) brightness(101%) contrast(102%);

  filter: brightness(0) saturate(100%) invert(37%) sepia(79%) saturate(3130%) hue-rotate(240deg) brightness(101%) contrast(102%);

}



.features-area-6 .features-box .icon.icon-tag {

  background: url(../images/bg/features-bg-2.svg);

  background-repeat: no-repeat;

  background-position: center;

}



@media only screen and (max-width: 575px) {

  .features-area-6 .features-box .icon.icon-tag {

    margin-top: 20px;

  }

}



.features-area-6 .features-box .icon.icon-tag svg {

  -webkit-filter: brightness(0) saturate(100%) invert(47%) sepia(23%) saturate(4728%) hue-rotate(321deg) brightness(92%) contrast(102%);

  filter: brightness(0) saturate(100%) invert(47%) sepia(23%) saturate(4728%) hue-rotate(321deg) brightness(92%) contrast(102%);

}



.features-area-6 .features-box .icon.icon-certificate {

  background-repeat: no-repeat;

  background-position: center;

}



.features-area-6 .features-box .icon.icon-certificate svg {

  -webkit-filter: brightness(0) saturate(100%) invert(68%) sepia(74%) saturate(5492%) hue-rotate(138deg) brightness(105%) contrast(80%);

  filter: brightness(0) saturate(100%) invert(68%) sepia(74%) saturate(5492%) hue-rotate(138deg) brightness(105%) contrast(80%);

}



.features-area-6 .features-box .icon.icon-member {

  background-repeat: no-repeat;

  background-position: center;

}



.features-area-6 .features-box .icon.icon-member svg {

  -webkit-filter: brightness(0) saturate(100%) invert(83%) sepia(54%) saturate(3372%) hue-rotate(345deg) brightness(109%) contrast(94%);

  filter: brightness(0) saturate(100%) invert(83%) sepia(54%) saturate(3372%) hue-rotate(345deg) brightness(109%) contrast(94%);

}



@media only screen and (max-width: 991px) {

  .features-area-6 .features-box.feature-wrapper {

    margin-top: 50px;

  }

}



.features-area-6 .shape-group li.shape-1 {

  right: 160px;

  top: -88px;

  z-index: 13;

}



.features-area-6 .shape-group li.shape-2 {

  right: 0px;

  top: -297px;

  z-index: 12;

}



.faq-style-6 {

  overflow: hidden;

}



.faq-style-6 .edu-faq-content {

  padding-bottom: 120px;

}



@media only screen and (max-width: 991px) {

  .faq-style-6 .edu-faq-content {

    padding-bottom: 60px;

  }

}



.faq-style-6 .edu-faq-gallery {

  bottom: -96px;

}



@media only screen and (max-width: 1199px) {

  .faq-style-6 .edu-faq-gallery {

    bottom: -115px;

    left: 40px;

  }

}



@media only screen and (max-width: 991px) {

  .faq-style-6 .edu-faq-gallery {

    left: 0;

    bottom: 0;

  }

}



.faq-style-6 .edu-faq-gallery .thumbnail-1 img {

  border-radius: 0;

}



@media only screen and (max-width: 991px) {

  .faq-style-6 .edu-faq-gallery .thumbnail-1 {

    text-align: center;

  }

}



.faq-style-6 .edu-faq-gallery .shape-group li.shape-1 {

  top: -88px;

  left: 0%;

}



.faq-style-6 .edu-faq-gallery .shape-group li.shape-1 span {

  width: 550px;

  height: 550px;

  border-radius: 50%;

  display: block;

  background-color: rgba(255, 255, 255, 0.4);

  box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.05);

}



.faq-style-6 .edu-faq-gallery .shape-group li.shape-2 {

  top: -37px;

  left: 50px;

}



.faq-style-6 .edu-faq-gallery .shape-group li.shape-2 span {

  width: 450px;

  height: 450px;

  border-radius: 50%;

  display: block;

  background-color: rgba(255, 255, 255, 0.4);

  box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.05);

}



.faq-style-6 .edu-faq-gallery .shape-group li.shape-3 {

  top: 165px;

  left: 367px;

  bottom: inherit;

  z-index: -1;

}



.faq-style-6 .edu-faq-gallery .shape-group li.shape-4 {

  top: 80px;

  right: -38px;

  left: inherit;

  bottom: inherit;

  z-index: 1;

}



.faq-style-6 .edu-faq-gallery .shape-group li.shape-5 {

  left: -20px;

  bottom: 153px;

}



.faq-style-6 .faq-accordion .accordion-item {

  box-shadow: none;

}



.faq-style-6 .faq-accordion .accordion-item .accordion-button.collapsed {

  border: 1px solid var(--color-border);

  border-bottom-right-radius: 10px;

  border-bottom-left-radius: 10px;

}



.faq-style-6 .faq-accordion .accordion-item .accordion-body {

  box-shadow: var(--shadow-darker);

  border-bottom-right-radius: 10px;

  border-bottom-left-radius: 10px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {



  .faq-style-6 .row--45>[class*="col"],

  .faq-style-6 .row--45>[class*="col-"] {

    padding-left: 40px;

    padding-right: 40px;

  }

}



.video-area-5 {

  position: relative;

  width: 100;

}



.video-area-5::after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: url(../images/bg/testimonial-wave-bg.png);

  background-repeat: no-repeat;

  background-position: center top;

}



.video-area-5 .video-gallery .thumbnail::before {

  border-radius: 5px;

}



.video-area-5 .video-gallery .thumbnail img {

  width: 100%;

  border-radius: 5px;

  box-shadow: 0px 30px 60px 0px rgba(15, 11, 44, 0.15);

}



.video-area-5 .video-gallery .thumbnail .video-play-btn {

  background: var(--color-white);

}



.video-area-5 .video-gallery .thumbnail .video-play-btn i {

  color: var(--color-secondary);

}



.video-area-5 .video-gallery .thumbnail .video-play-btn::before {

  border: 1px solid rgba(238, 74, 98, 0.4);

}



.video-area-5 .video-gallery .thumbnail .video-play-btn::after {

  border: 1px solid rgba(238, 74, 98, 0.4);

}



@media only screen and (max-width: 991px) {

  .video-area-5 .video-gallery .thumbnail-2 {

    margin-top: 50px;

  }

}



/*=======================================================================

   Language Academy Styles End

=========================================================================*/

/*=======================================================================

    Remote Training Styles Starts

=========================================================================*/

.hero-style-11 {

  padding: 240px 0 160px;

}



@media only screen and (max-width: 1199px) {

  .hero-style-11 {

    padding: 200px 0 130px;

  }

}



@media only screen and (max-width: 575px) {

  .hero-style-11 {

    padding: 150px 0 80px;

  }

}



.hero-style-11.remote-training {

  min-height: 840px;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  position: relative;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

  z-index: 1;

  margin-top: -110px;

}



@media only screen and (max-width: 1199px) {

  .hero-style-11.remote-training {

    min-height: 100%;

  }

}



.hero-style-11::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-35.webp);

  background-repeat: no-repeat;

  background-size: cover;

  z-index: -1;

}



.hero-style-11 .banner-content p {

  padding-right: 20px;

}



@media only screen and (max-width: 991px) {

  .hero-style-11 .banner-content p {

    padding-right: 0;

  }

}



.hero-style-11 .banner-content .shape-group li.shape-1 {

  top: -57px;

  left: -218px;

}



.hero-style-11 .banner-thumbnail {

  margin-right: 0;

}



.hero-style-11 .banner-thumbnail .thumbnail img {

  border-radius: 20px;

  box-shadow: var(--shadow-darker);

}



.hero-style-11 .banner-thumbnail .shape-group li.shape-2 {

  top: inherit;

  left: -68px;

  bottom: -65px;

}



.hero-style-11 .banner-thumbnail .shape-group li.shape-3 {

  left: 75px;

  bottom: -50px;

  top: inherit;

}



.hero-style-11 .banner-thumbnail .shape-group li.shape-3 span {

  width: 80px;

  height: 80px;

  background: var(--color-tertiary);

  border-radius: 100%;

}



.hero-style-11 .banner-thumbnail .shape-group li.shape-4 {

  top: -103px;

  right: -54px;

}



.hero-style-11 .banner-thumbnail .shape-group li.shape-5 {

  top: -64px;

  right: -116px;

  bottom: inherit;

}



.about-counterup {

  overflow: hidden;

  position: relative;

}



.about-counterup .about-style-3 {

  padding: 90px 0;

}



.about-counterup::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background: url(../images/bg/bg-image-38.webp);

  background-repeat: no-repeat;

  z-index: -1;

}



.about-counterup .about-course {

  padding-top: 30px;

}



.about-counterup .about-course .about-course-box {

  padding: 50px 30px;

  text-align: center;

  border-radius: 4px;

  box-shadow: var(--shadow-darker);

  background-color: var(--color-white);

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.about-counterup .about-course .about-course-style-2 {

  max-width: 480px;

  min-height: 160px;

  background-color: var(--color-white);

  box-shadow: var(--shadow-darker);

  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;

  padding: 30px 0;

  text-align: left;

  padding-left: 30px;

  margin-bottom: 30px;

}



.about-counterup .about-course .about-course-style-2 .icon-online {

  margin: 0;

  background-color: rgba(26, 182, 157, 0.1);

  padding: 0 21px;

}



.about-counterup .about-course .about-course-style-2 .icon-online svg {

  -webkit-filter: brightness(0) saturate(100%) invert(71%) sepia(32%) saturate(6176%) hue-rotate(126deg) brightness(92%) contrast(80%);

  filter: brightness(0) saturate(100%) invert(71%) sepia(32%) saturate(6176%) hue-rotate(126deg) brightness(92%) contrast(80%);

}



.about-counterup .about-course .about-course-style-2 .instructor {

  margin: 0;

  background-color: rgba(238, 74, 98, 0.1);

  padding: 0 27px;

}



.about-counterup .about-course .about-course-style-2 .instructor svg {

  -webkit-filter: brightness(0) saturate(100%) invert(29%) sepia(88%) saturate(1186%) hue-rotate(321deg) brightness(111%) contrast(87%);

  filter: brightness(0) saturate(100%) invert(29%) sepia(88%) saturate(1186%) hue-rotate(321deg) brightness(111%) contrast(87%);

}



.about-counterup .about-course .about-course-style-2 .certificate {

  margin: 0;

  background-color: #e7f7fe;

  padding: 0 22px;

}



.about-counterup .about-course .about-course-style-2 .certificate svg {

  -webkit-filter: brightness(0) saturate(100%) invert(72%) sepia(64%) saturate(2427%) hue-rotate(167deg) brightness(95%) contrast(105%);

  filter: brightness(0) saturate(100%) invert(72%) sepia(64%) saturate(2427%) hue-rotate(167deg) brightness(95%) contrast(105%);

}



.about-counterup .about-course .about-course-style-2 .content {

  padding-left: 20px;

}



.about-counterup .about-course .about-course-style-2 .content .title {

  margin-bottom: 0;

  font-size: var(--h5);

  font-weight: var(--p-semi-bold);

}



.about-counterup .about-course .about-course-style-2 .content p {

  margin: 0;

  padding-right: 40px;

  color: var(--color-heading);

}



.about-counterup .about-course .about-course-style-2.remote-course {

  margin-left: 50px;

}



@media only screen and (max-width: 1199px) {

  .about-counterup .about-course .about-course-style-2.remote-course {

    margin-left: 0;

  }

}



.about-counterup .about-course .icon {

  height: 80px;

  width: 80px;

  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: 32px;

  margin: 0 auto 28px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.about-counterup .shape-group li.shape-1 {

  left: -39%;

  top: -153px;

}



.about-counterup .shape-group li.shape-1 span {

  display: block;

  width: 400px;

  height: 400px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.about-counterup .shape-group li.shape-2 {

  left: -257px;

  top: 96px;

}



.about-counterup .shape-group li.shape-3 {

  right: -204px;

  bottom: -199px;

}



.about-counterup .remote-training-about .about-content {

  padding-left: 30px;

  padding-right: 0;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .about-counterup .remote-training-about .about-content {

    padding-left: 60px;

  }

}



@media only screen and (max-width: 991px) {

  .about-counterup .remote-training-about .about-content {

    padding-left: 0;

  }

}



.about-counterup .remote-training-about .features-list {

  padding-bottom: 20px;

}



.about-counterup .remote-training-about .features-list li {

  font-weight: var(--p-bold);

}



.faq-style-7 {

  overflow: hidden;

  padding-top: 350px;

  margin-top: -240px;

  position: relative;

}



.faq-style-7::after {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: url("../images/bg/bg-image-36.webp");

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center bottom;

  z-index: -1;

}



.faq-style-7 .edu-faq-content {

  padding-bottom: 120px;

}



@media only screen and (max-width: 991px) {

  .faq-style-7 .edu-faq-content {

    padding-bottom: 60px;

  }

}



.faq-style-7 .edu-faq-gallery {

  bottom: 0;

}



@media only screen and (max-width: 1199px) {

  .faq-style-7 .edu-faq-gallery {

    left: 0;

    bottom: -8px;

  }

}



.faq-style-7 .edu-faq-gallery .thumbnail-1 {

  margin-left: -277px;

}



@media only screen and (min-width: 1401px) and (max-width: 1750px) {

  .faq-style-7 .edu-faq-gallery .thumbnail-1 {

    margin-left: -140px;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {

  .faq-style-7 .edu-faq-gallery .thumbnail-1 {

    margin-left: -60px;

  }

}



@media only screen and (max-width: 1199px) {

  .faq-style-7 .edu-faq-gallery .thumbnail-1 {

    margin-left: -70px;

  }

}



@media only screen and (max-width: 991px) {

  .faq-style-7 .edu-faq-gallery .thumbnail-1 {

    margin-left: 0;

  }

}



.faq-style-7 .edu-faq-gallery .thumbnail-1 img {

  border-radius: 0;

  min-height: 727px;

  max-width: 100%;

  position: relative;

  z-index: 9;

}



@media only screen and (max-width: 767px) {

  .faq-style-7 .edu-faq-gallery .thumbnail-1 img {

    min-height: 100%;

  }

}



@media only screen and (max-width: 991px) {

  .faq-style-7 .edu-faq-gallery .thumbnail-1 {

    text-align: center;

  }

}



.faq-style-7 .edu-faq-gallery .shape-group li.shape-1 {

  top: 251px;

  left: -27px;

  bottom: inherit;

  z-index: 1;

}



.faq-style-7 .faq-accordion .accordion-item {

  box-shadow: none;

}



.faq-style-7 .faq-accordion .accordion-item .accordion-button.collapsed {

  border-bottom-right-radius: 10px;

  border-bottom-left-radius: 10px;

}



.faq-style-7 .faq-accordion .accordion-item .accordion-body {

  box-shadow: var(--shadow-darker);

  border-bottom-right-radius: 10px;

  border-bottom-left-radius: 10px;

}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {



  .faq-style-7 .row--45>[class*="col"],

  .faq-style-7 .row--45>[class*="col-"] {

    padding-left: 40px;

    padding-right: 40px;

  }

}



.remote-training-wrapper {

  background: url("../images/cta/cta-banner-remote.webp");

}



.remote-training-wrapper::before {

  display: none;

}



.remote-training-wrapper .edu-cta-banner .section-title .title {

  color: var(--color-white);

}



.remote-training-wrapper .edu-cta-banner .section-title .subs-button {

  -webkit-box-pack: center;

  -webkit-justify-content: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.remote-training-wrapper .edu-cta-banner .section-title .subs-button .btn-medium {

  background: var(--color-white);

  color: var(--color-heading);

  font-weight: var(--p-semi-bold);

  height: 60px;

}



.remote-training-wrapper .edu-cta-banner .section-title .subs-button .btn-medium::after {

  background: var(--color-secondary);

}



.remote-training-wrapper .edu-cta-banner .section-title .subs-button .btn-medium:hover {

  color: var(--color-white) !important;

}



.remote-training-wrapper .edu-cta-banner .shape-group li.shape-01 {

  right: -252px;

  top: -25px;

}



.remote-training-wrapper .edu-cta-banner .shape-group li.shape-02 {

  left: -4px;

  bottom: -20px;

}



/*=======================================================================

    Remote Training Styles End

=========================================================================*/

/*=======================================================================

    Photography Styles Starts

=========================================================================*/

.photography-banner {

  min-height: 100%;

  position: relative;

  z-index: 1;

  overflow: hidden;

  margin-top: -110px;

}



@media only screen and (max-width: 767px) {

  .photography-banner {

    margin-top: -115px;

  }

}



.photography-banner .swiper-slide {

  padding: 0;

  display: block;

}



.photography-banner .swiper-slide:before {

  content: "";

  height: 100%;

  width: 100%;

  background: -webkit-linear-gradient(268deg,

      rgba(0, 0, 0, 0.4) 0%,

      rgba(0, 0, 0, 0) 25%);

  background: linear-gradient(182deg,

      rgba(0, 0, 0, 0.4) 0%,

      rgba(0, 0, 0, 0) 25%);

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 1;

}



.photography-banner .swiper-slide img {

  height: 100%;

  -webkit-transform: scale(1.4);

  -ms-transform: scale(1.4);

  transform: scale(1.4);

  -webkit-transition: -webkit-transform 4s linear;

  transition: -webkit-transform 4s linear;

  transition: transform 4s linear;

  transition: transform 4s linear, -webkit-transform 4s linear;

  max-width: 100%;

  width: 100%;

  background-size: cover;

  background-position: 100%;

  object-fit: cover;

}



@media only screen and (max-width: 1199px) {

  .photography-banner .swiper-slide img {

    min-height: 600px;

  }

}



.photography-banner .swiper-slide.swiper-slide-duplicate-active img,

.photography-banner .swiper-slide.swiper-slide.swiper-slide-active img {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}



.photography-banner .thumbnail-bg-content .banner-content {

  max-width: 760px;

  width: 100%;

  position: absolute;

  left: 0;

  bottom: 280px;

}



@media only screen and (min-width: 1401px) and (max-width: 1650px) {

  .photography-banner .thumbnail-bg-content .banner-content {

    bottom: 174px;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {

  .photography-banner .thumbnail-bg-content .banner-content {

    left: 20px;

    bottom: 120px;

  }

}



@media only screen and (max-width: 1199px) {

  .photography-banner .thumbnail-bg-content .banner-content {

    max-width: 100%;

    bottom: 100px;

    text-align: center;

  }

}



@media only screen and (max-width: 991px) {

  .photography-banner .thumbnail-bg-content .banner-content {

    bottom: 50px;

  }

}



@media only screen and (max-width: 767px) {

  .photography-banner .thumbnail-bg-content .banner-content {

    bottom: 70px;

  }

}



.photography-banner .thumbnail-bg-content .banner-content .title {

  color: var(--color-white);

  font-weight: var(--p-extra-bold);

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(60px);

  -ms-transform: translateY(60px);

  transform: translateY(60px);

  -webkit-transition-delay: 1700ms;

  transition-delay: 1700ms;

}



.photography-banner .thumbnail-bg-content .banner-content p {

  color: var(--color-white);

  font-size: 18px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(70px);

  -ms-transform: translateY(70px);

  transform: translateY(70px);

  -webkit-transition-delay: 1900ms;

  transition-delay: 1900ms;

}



.photography-banner .thumbnail-bg-content .banner-content .banner-btn {

  opacity: 0;

  -webkit-transform: translateY(80px);

  -ms-transform: translateY(80px);

  transform: translateY(80px);

  -webkit-transition-delay: 2100ms;

  transition-delay: 2100ms;

}



.photography-banner .swiper-slide-active .thumbnail-bg-content .banner-content .subtitle {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

}



.photography-banner .swiper-slide-active .thumbnail-bg-content .banner-content .title {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

}



.photography-banner .swiper-slide-active .thumbnail-bg-content .banner-content p {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

}



.photography-banner .swiper-slide-active .thumbnail-bg-content .banner-content .banner-btn {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

}



.photography-banner .hero-slider-bg-controls {

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  z-index: 10;

}



@media only screen and (max-width: 991px) {

  .photography-banner .hero-slider-bg-controls {

    display: none;

  }

}



.photography-banner .swiper-slide-controls {

  display: inline-block;

  width: 60px;

  height: 60px;

  line-height: 60px;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  background-color: var(--color-white);

  color: var(--color-heading);

  cursor: pointer;

}



.photography-banner .swiper-slide-controls i {

  font-size: 20px;

  line-height: 58px;

}



.photography-banner .swiper-slide-controls:hover {

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  background-color: var(--color-primary);

  color: var(--color-white);

}



.photography-banner .slide-prev,

.photography-banner .slide-next {

  position: absolute;

  top: 50%;

  z-index: 1;

  width: 60px !important;

  margin-left: auto;

  margin-right: 6px;

  text-align: center;

  border-radius: 50%;

}



@media (max-width: 1450px) {



  .photography-banner .slide-prev,

  .photography-banner .slide-next {

    display: none;

  }

}



.photography-banner .slide-next {

  right: 50px;

}



.photography-banner .slide-prev {

  left: 50px;

}



.photography-banner .pagination-box-wrapper {

  position: absolute;

  bottom: -120px;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  z-index: 1;

}



@media only screen and (max-width: 1199px) {

  .photography-banner .pagination-box-wrapper {

    display: none;

  }

}



.photography-banner .pagination-box-wrapper .pagination-box-wrap {

  height: 200px;

  width: 200px;

  background-color: rgba(255, 255, 255, 0.902);

  border-radius: 50%;

  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;

  position: relative;

}



.photography-banner .pagination-box-wrapper .pagination-box-wrap::before,

.photography-banner .pagination-box-wrapper .pagination-box-wrap::after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  right: 0;

  z-index: -1;

  bottom: 0;

  left: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  border-radius: 50%;

  border: 1px solid rgba(255, 255, 255, 0.1);

}



.photography-banner .pagination-box-wrapper .pagination-box-wrap::after {

  -webkit-animation: ripple_2 3s linear 1s infinite;

  animation: ripple_2 3s linear 1s infinite;

}



.photography-banner .pagination-box-wrapper .pagination-box-wrap::before {

  -webkit-animation: ripple_2 3s linear infinite;

  animation: ripple_2 3s linear infinite;

}



.photography-banner .swiper-pagination-fraction {

  bottom: 132px;

  left: 0;

  width: 100%;

  color: var(--color-heading);

  font-size: 20px;

  font-family: var(--font-secondary);

  font-weight: var(--p-medium);

}



@media only screen and (max-width: 479px) {

  .photography-banner br {

    display: none;

  }

}



.photography-about-style {

  position: relative;

}



.photography-about-style::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background: -webkit-linear-gradient(right,

      rgba(240, 244, 245, 0.70196) 0%,

      rgba(240, 244, 245, 0.2) 100%);

  background: linear-gradient(-90deg,

      rgba(240, 244, 245, 0.70196) 0%,

      rgba(240, 244, 245, 0.2) 100%);

  z-index: -1;

}



.photography-about-style .about-content {

  padding-left: 0;

  padding: 0 10px;

}



.photography-about-style .about-content p {

  font-size: 18px;

  color: var(--color-heading);

  text-align: center;

}



@media only screen and (max-width: 991px) {

  .photography-about-style .about-content p {

    font-size: 16px;

  }

}



.photography-about-style .contact-us-btn {

  text-align: center;

  margin-top: 20px;

}



.photography-about-style .View_All_Courses {

  font-size: 15px;

  font-family: "Spartan";

  color: #0d1e51;

  line-height: 2;

  text-align: left;

  position: absolute;

  left: 1354.937px;

  top: 2012.5px;

  z-index: 253;

}



.photography-about-style .shape-group li.shape-7 {

  left: 98px;

  top: 169px;

}



.photography-about-style .shape-group li.shape-8 {

  left: -98px;

  top: -128px;

}



.photography-about-style .shape-group li.shape-8 span {

  display: block;

  height: 400px;

  width: 400px;

  border: 1px solid var(--color-border);

  border-radius: 50%;

}



.photography-about-style .shape-group li.shape-9 {

  left: 257px;

  top: 207px;

}



.photography-about-style .shape-group li.shape-9 span {

  width: 70px;

  height: 70px;

  background: var(--color-tertiary);

  border-radius: 100%;

  display: block;

}



.photography-about-style .shape-group li.shape-1 {

  right: -263px;

  bottom: -3px;

}



.photography-about-style .shape-group li.shape-2 {

  right: -205px;

  bottom: 38px;

  z-index: 0;

}



.photography-about-style .shape-group li.shape-3 {

  left: 241px;

  top: -20px;

}



.photography-about-style .shape-group li.shape-4 {

  left: -245px;

  bottom: -143px;

}



@media only screen and (max-width: 1650px) {

  .photography-about-style .shape-group li.shape-4 {

    left: 0;

  }

}



.photography-about-style .shape-group li.shape-5 {

  left: -65px;

  bottom: -170px;

}



@media only screen and (max-width: 1650px) {

  .photography-about-style .shape-group li.shape-5 {

    left: 170px;

  }

}



.photography-about-style .shape-group li.shape-6 {

  right: -169px;

  bottom: -250px;

}



@media only screen and (max-width: 1650px) {

  .photography-about-style .shape-group li.shape-6 {

    right: 0;

  }

}



.photography-gallery {

  padding: 120px 20px 0;

}



.photography-gallery .p-gallery-grid-wrap {

  width: 25%;

}



@media only screen and (max-width: 767px) {

  .photography-gallery .p-gallery-grid-wrap {

    width: 50%;

  }

}



@media only screen and (max-width: 479px) {

  .photography-gallery .p-gallery-grid-wrap {

    width: 100%;

  }

}



.photography-gallery .p-gallery-grid-wrap .thumbnail img {

  border-radius: 0;

  width: 100%;

  height: 100%;

}



.photography-gallery .p-gallery-grid-wrap .thumbnail::before {

  border-radius: 0;

}



/*=======================================================================

    Photography Styles End

=========================================================================*/

/*=======================================================================

    Business Coach Styles Starts

=========================================================================*/

.hero-style-13 {

  min-height: 950px;

  background: var(--gradient-primary);

  position: relative;

  top: -110px;

  overflow: hidden;

}



@media only screen and (max-width: 1199px) {

  .hero-style-13 {

    min-height: 700px;

  }

}



@media only screen and (max-width: 991px) {

  .hero-style-13 {

    min-height: 100%;

  }

}



.hero-style-13 .banner-content .title {

  color: var(--color-white);

}



.hero-style-13 .banner-content p {

  color: var(--color-white);

}



.hero-style-13 .banner-content .banner-btn a.edu-btn {

  background-color: var(--color-white);

  color: #181818;

}



.hero-style-13 .banner-content .banner-btn a.edu-btn::after {

  display: none;

}



.hero-style-13 .banner-content .banner-btn a.edu-btn:hover {

  background-color: var(--color-secondary);

  color: var(--color-white);

}



.hero-style-13 .banner-thumbnail {

  margin-right: -20px;

  margin-bottom: -95px;

}



.hero-style-13 .banner-thumbnail .shape-group li.shape-5 {

  bottom: 117px;

  right: -55px;

}



.hero-style-13 .banner-thumbnail .shape-group li.shape-5 span {

  width: 650px;

  height: 650px;

  border-radius: 50%;

  background-color: rgba(255, 255, 255, 0.051);

  display: block;

}



.hero-style-13 .banner-thumbnail .shape-group li.shape-6 {

  bottom: 201px;

  right: 20px;

}



.hero-style-13 .banner-thumbnail .shape-group li.shape-6 span {

  width: 500px;

  height: 500px;

  border-radius: 50%;

  background-color: rgba(255, 255, 255, 0.051);

  display: block;

}



.hero-style-13 .shape-group li.shape-8 {

  right: -6px;

  top: 13%;

  z-index: 0;

}



.hero-style-13 .shape-group li.shape-9 {

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 1;

}



.hero-style-13 .shape-group li.shape-10 {

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 1;

}



.hero-style-13 .shape-group li.shape-11 {

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 1;

}



.categorie-area-6 {

  position: relative;

  z-index: 1;

}



.categorie-area-6 .categorie-grid {

  padding: 30px 30px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  text-align: left;

  background-color: var(--color-white);

  box-shadow: var(--shadow-darker);

}



.categorie-area-6 .categorie-grid .icon {

  height: 80px;

  width: 80px;

  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: 32px;

  margin: 0 auto 28px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.categorie-area-6 .categorie-grid .content {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  margin-top: 10px;

  margin-left: 20px;

}



.categorie-area-6 .categorie-grid .content .title {

  font-weight: var(--p-bold);

  margin-bottom: 10px;

  color: var(--color-heading);

}



.categorie-area-6 .categorie-grid .content p {

  color: var(--color-body);

  margin-bottom: 0;

}



.categorie-area-6 .categorie-grid.color-primary .icon {

  background-color: rgba(26, 182, 157, 0.07);

  color: #0d1e51;

}



.categorie-area-6 .categorie-grid.color-primary:hover .icon {

  background-color: #0d1e51;

  color: var(--color-white);

}



.categorie-area-6 .categorie-grid.color-secondary .icon {

  background-color: rgba(238, 74, 98, 0.102);

  color: #ee4a62;

}



.categorie-area-6 .categorie-grid.color-secondary:hover .icon {

  background-color: #ee4a62;

  color: var(--color-white);

}



.categorie-area-6 .categorie-grid.color-extra08 .icon {

  background-color: rgba(70, 100, 228, 0.102);

  color: #4664e4;

}



.categorie-area-6 .categorie-grid.color-extra08:hover .icon {

  background-color: #4664e4;

  color: var(--color-white);

}



.categorie-area-6 .categorie-grid.color-tertiary .icon {

  background-color: rgba(248, 148, 31, 0.102);

}



.categorie-area-6 .categorie-grid.color-tertiary .icon img {

  -webkit-filter: brightness(0) saturate(100%) invert(71%) sepia(92%) saturate(605%) hue-rotate(343deg) brightness(101%) contrast(95%);

  filter: brightness(0) saturate(100%) invert(71%) sepia(92%) saturate(605%) hue-rotate(343deg) brightness(101%) contrast(95%);

}



.categorie-area-6 .categorie-grid.color-tertiary:hover .icon {

  background-color: #f8941f;

}



.categorie-area-6 .categorie-grid.color-tertiary:hover .icon img {

  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);

  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);

}



.categorie-area-6 .categorie-grid.color-extra02 .icon {

  background-color: rgba(142, 86, 255, 0.102);

}



.categorie-area-6 .categorie-grid.color-extra02 .icon img {

  -webkit-filter: brightness(0) saturate(100%) invert(46%) sepia(76%) saturate(4932%) hue-rotate(240deg) brightness(101%) contrast(104%);

  filter: brightness(0) saturate(100%) invert(46%) sepia(76%) saturate(4932%) hue-rotate(240deg) brightness(101%) contrast(104%);

}



.categorie-area-6 .categorie-grid.color-extra02:hover .icon {

  background-color: #8e56ff;

}



.categorie-area-6 .categorie-grid.color-extra02:hover .icon img {

  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);

  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);

}



.categorie-area-6 .categorie-grid.color-extra07 .icon {

  background-color: rgba(249, 37, 150, 0.102);

  color: #f92596;

}



.categorie-area-6 .categorie-grid.color-extra07 .icon.Physical-activity {

  font-size: 30px;

}



.categorie-area-6 .categorie-grid.color-extra07:hover .icon {

  background-color: #f92596;

  color: var(--color-white);

}



.faq-style-8 .shape-group li.shape-1 {

  left: 19%;

  top: -14px;

  -webkit-transform: translateX(0%);

  -ms-transform: translateX(0%);

  transform: translateX(0%);

}



/*=======================================================================

    Business Coach Styles End

=========================================================================*/

/*=======================================================================

4.Blocks Styles 

=========================================================================*/

/*--------------------------

    Header Styles  

--------------------------*/



#edu-custom-placeholder {

  height: 137px;

  background-color: #0d1e51;

}



.edu-header {

  z-index: 99;

}



.edu-header .header-mainmenu {

  background-color: var(--color-white);

  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.05);

  position: fixed;

  top: 0px;

  right: 0px;

  left: 0px;

  z-index: 99;

  background-color: var(--color-white);

}



@media only screen and (max-width: 1199px) {

  .edu-header .header-mainmenu {

    /* padding-top: 10px;

    padding-bottom: 10px; */

  }

}



@media only screen and (max-width: 767px) {

  .edu-header .header-mainmenu {

    /* padding-top: 12px;

    padding-bottom: 12px; */

  }

}



.edu-header .header-mainmenu.edu-sticky {

  position: fixed;

  top: 0;

  right: 0;

  left: 0;

  z-index: 99;

  background-color: var(--color-white);

  /* -webkit-animation: headerSticky 0.95s ease forwards;

  animation: headerSticky 0.95s ease forwards; */

}



.edu-header .header-navbar {

  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;

}



@media only screen and (max-width: 1199px) {

  .edu-header .header-navbar {

    -webkit-box-pack: justify;

    -webkit-justify-content: space-between;

    -ms-flex-pack: justify;

    justify-content: space-between;

  }

}



.edu-header .header-navbar .header-mainnav {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.header-navbar .header-brand .logo a img {

  width: 330px;

  /* width: 35vw; */

  max-width: 600px;

  height: auto;

}


.nav-img .img-nav-left img {

  height: 50px;

  width: 10vw;

  margin-left: 20px;

}



@media only screen and (max-width: 1199px) {

  .edu-header .header-mainnav {

    display: none;

  }



  #edu-custom-placeholder {

    height: 80px;

  }

}



.edu-header .header-brand {

  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;

}



.edu-header .header-brand img.logo-dark {

  display: none;

}



.edu-header .header-brand img.logo-light {

  display: inline-block;

}



/* .edu-header .header-brand .logo {

    margin-right: 40px;

} */



@media only screen and (max-width: 575px) {

  .edu-header .header-brand .logo {

    margin-right: 15px;

  }

}



.edu-header .header-brand .logo a {

  display: block;

}



.edu-header .header-category {

  border-left: 1.5px solid #f2f2f2;

  border-right: 1.5px solid #f2f2f2;

  margin-right: 10px;

}



@media only screen and (max-width: 1350px) {

  .edu-header .header-category {

    display: none;

  }

}

@media only screen and (max-width: 400px) {

  #edu-custom-placeholder {

    height: 68px;

    background-color: #ffffff;

  }

  .header-navbar .header-brand .logo a img {

    width: 290px;

  }

}


/* @media only screen and (max-width: 1199px) {

  .header-mainnav {

    display: none;

  }

} */



.edu-header .header-category .mainmenu li.has-droupdown>a {

  padding: 0 40px;

}



.edu-header .header-category .mainmenu li.has-droupdown>a i {

  padding-right: 10px;

  font-size: 18px;

  position: relative;

  top: 2px;

}



.edu-header .header-category .mainmenu li.has-droupdown>a:after {

  display: none;

}



.edu-header.header-fullwidth .header-mainmenu,

.edu-header.header-fullwidth .header-top-bar {

  padding-left: 62px;

  padding-right: 62px;

}



@media only screen and (max-width: 1699px) {



  .edu-header.header-fullwidth .header-mainmenu,

  .edu-header.header-fullwidth .header-top-bar {

    padding-left: 22px;

    padding-right: 22px;

  }

}



@media only screen and (max-width: 767px) {



  .edu-header.header-fullwidth .header-mainmenu,

  .edu-header.header-fullwidth .header-top-bar {

    padding-left: 0;

    padding-right: 0;

  }

}



/*------------------------

    Header Style One  

--------------------------*/

.header-style-1 {

  position: relative;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .header-style-1 .header-top .header-top-left .header-notify {

    font-size: 13px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .header-style-1 .header-top .header-top-left .header-notify {

    text-align: center;

    padding: 15px 0 5px;

  }

}



@media only screen and (max-width: 767px) {

  .header-style-1 .header-top .header-top-left .header-notify {

    text-align: center;

    padding: 15px 0 5px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .header-style-1 .header-top .header-info {

    margin: 0 -20px;

  }

}



@media only screen and (max-width: 767px) {

  .header-style-1 .header-top .header-info {

    margin: 0 -10px;

  }

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .header-style-1 .header-top .header-info li {

    padding: 14px 15px 12px;

    font-size: 13px;

  }

}



@media only screen and (max-width: 767px) {

  .header-style-1 .header-top .header-info li {

    padding: 10px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .header-style-1 .header-top .header-info li:after {

    height: 50%;

  }

}



@media only screen and (max-width: 767px) {

  .header-style-1 .header-top .header-info li:after {

    display: none;

  }

}



@media only screen and (max-width: 1350px) {

  .header-style-1 .header-top .header-info li:nth-last-child(2):after {

    display: none;

  }

}



@media only screen and (max-width: 1350px) {

  .header-style-1 .header-top .header-info li.social-icon {

    display: none;

  }

}



@media only screen and (max-width: 1350px) {

  .header-style-1 .header-mainnav .mainmenu-nav .mainmenu {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}



.header-style-1 .header-action li.search-icon {

  display: none;

}



@media only screen and (max-width: 1699px) {

  .header-style-1 .header-action li.search-icon {

    display: block;

  }

}



/*------------------------

    Header Style Two  

--------------------------*/

.header-style-2 .header-mainmenu .header-right {

  position: relative;

  padding-left: 20px;

  margin-left: 12px;

}



@media only screen and (max-width: 479px) {

  .header-style-2 .header-mainmenu .header-right {

    padding-left: 20px;

    margin-left: 0px;

  }

}



.header-style-2 .header-mainmenu .header-right:after {

  content: "";

  height: 40px;

  width: 2px;

  background-color: #f2f2f2;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  left: 0;

}



.header-style-2 .header-mainmenu .mainmenu {

  -webkit-box-pack: end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: center;

}



.header-style-2 .header-action {

  margin: 0 -16px;

}



.header-style-2 .header-action li {

  margin: 0 10px;

}



.header-style-2 .header-action li.icon a .count {

  background-color: var(--color-secondary);

}



.header-style-2 .header-action li.icon.cart-icon {

  margin-right: 26px;

}



.header-style-2 .header-top-bar {

  background-color: var(--color-lighten04);

}



.header-style-2 .header-top .header-info li {

  color: var(--color-heading);

  font-weight: 500;

}



.header-style-2 .header-top .header-info li:after {

  background-color: #e0ddd7;

  height: 30px;

  display: none;

}



.header-style-2 .header-top .header-info li:first-child:after {

  display: block;

}



.header-style-2 .header-top .header-info li a {

  color: var(--color-heading);

}



.header-style-2 .header-top .header-info li i {

  color: var(--color-secondary);

}



/*------------------------

    Header Style Three  

--------------------------*/

.header-style-3 .header-mainmenu .header-right {

  position: relative;

  padding-left: 50px;

  margin-left: 22px;

}



@media only screen and (max-width: 479px) {

  .header-style-3 .header-mainmenu .header-right {

    padding-left: 20px;

    margin-left: 0px;

  }

}



.header-style-3 .header-mainmenu .header-right:after {

  content: "";

  height: 40px;

  width: 2px;

  background-color: #f2f2f2;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  left: 0;

}



.header-style-3 .header-mainmenu .mainmenu {

  -webkit-box-pack: end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

}



.header-style-3 .header-action {

  margin: 0 -16px;

}



.header-style-3 .header-action li {

  margin: 0 16px;

}



.header-style-3 .header-action li.icon.cart-icon {

  margin-right: 26px;

}



.header-style-3 .header-top-bar {

  background-color: #232323;

}



.header-style-3 .header-top .header-info li {

  color: rgba(255, 255, 255, 0.7);

  font-weight: 500;

}



.header-style-3 .header-top .header-info li:after {

  background-color: rgba(255, 255, 255, 0.2);

  height: 30px;

  display: none;

}



.header-style-3 .header-top .header-info li:first-child:after {

  display: block;

}



.header-style-3 .header-top .header-info li a {

  color: rgba(255, 255, 255, 0.7);

}



.header-style-3 .header-top .header-info li a:hover {

  color: var(--color-white);

}



.header-style-3 .header-top .header-info li i {

  color: var(--color-primary);

}



/*------------------------

    Header Style Four  

--------------------------*/

.header-style-4 {

  position: relative;

}



.header-style-4:before {

  content: url(../images/others/shape-19.png);

  position: absolute;

  top: 0;

  left: 0;

}



@media only screen and (max-width: 1399px) {

  .header-style-4:before {

    display: none;

  }

}



.header-style-4:after {

  content: url(../images/others/shape-20.png);

  position: absolute;

  top: 0;

  right: 0;

  z-index: -1;

}



@media only screen and (max-width: 1399px) {

  .header-style-4:after {

    display: none;

  }

}



.header-style-4 .header-mainmenu {

  box-shadow: none;

  background: transparent;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.header-style-4 .header-mainmenu.edu-sticky {

  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.05);

}



.header-style-4.header-fullwidth .header-mainmenu {

  padding-left: 90px;

  padding-right: 90px;

}



@media only screen and (max-width: 1350px) {

  .header-style-4.header-fullwidth .header-mainmenu {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media only screen and (max-width: 767px) {

  .header-style-4.header-fullwidth .header-mainmenu {

    padding-left: 0;

    padding-right: 0;

  }

}



.header-style-4 .header-navbar .header-mainnav {

  margin-left: 25px;

}



@media only screen and (max-width: 1350px) {

  .header-style-4 .header-navbar .header-mainnav {

    margin-left: 0;

  }

}



@media only screen and (max-width: 1350px) {

  .header-style-4 .header-navbar .header-mainnav .mainmenu {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}



.header-style-4 .header-action li.search-icon {

  display: none;

}



@media only screen and (max-width: 1699px) {

  .header-style-4 .header-action li.search-icon {

    display: block;

  }

}



/*------------------------

    Header Style Seven  

--------------------------*/

.header-style-7 .header-mainmenu {

  background-color: transparent;

  box-shadow: none;

  z-index: 3;

  padding-left: 120px;

  padding-right: 120px;

}



@media only screen and (max-width: 1199px) {

  .header-style-7 .header-mainmenu {

    line-height: 90px;

  }

}



@media only screen and (max-width: 1350px) {

  .header-style-7 .header-mainmenu {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media only screen and (max-width: 767px) {

  .header-style-7 .header-mainmenu {

    padding-left: 0;

    padding-right: 0;

  }

}



.header-style-7 .header-mainmenu.edu-sticky {

  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.05);

}



.header-style-7 input[type="text"],

.header-style-7 input[type="password"],

.header-style-7 input[type="email"],

.header-style-7 input[type="number"],

.header-style-7 input[type="tel"],

.header-style-7 textarea {

  background-color: transparent;

}



.header-style-7 .header-action li.search-icon {

  display: none;

}



@media (max-width: 1699px) {

  .header-style-7 .header-action li.search-icon {

    display: block;

  }

}



@media (min-width: 1350px) and (max-width: 1599px) {

  .header-style-7 .mainmenu-nav .mainmenu li ul.mega-menu {

    left: -430px;

  }

}



@media (max-width: 1350px) {

  .header-style-7 .mainmenu-nav .mainmenu li ul.mega-menu {

    left: -345px;

  }

}



.header-style-7.header-business .header-mainmenu.edu-sticky {

  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.05);

}



.header-style-7.header-business .header-mainmenu.edu-sticky .header-brand img.logo-dark {

  display: block;

}



.header-style-7.header-business .header-mainmenu.edu-sticky .header-brand img.logo-light {

  display: none;

}



.header-style-7.header-business .header-mainmenu.edu-sticky .header-action li.icon a {

  color: var(--color-heading);

}



.header-style-7.header-business .header-mainmenu.edu-sticky .header-action li.icon a .count {

  background-color: var(--color-primary);

  color: var(--color-white);

}



.header-style-7.header-business .header-mainmenu.edu-sticky .header-action .search-bar .input-group {

  border: 1px solid #e5e5e5;

}



.header-style-7.header-business .header-mainmenu.edu-sticky .header-action .mobile-menu-bar .hamberger-button {

  color: var(--color-heading);

}



.header-style-7.header-business .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu>li>a {

  color: var(--color-heading);

}



.header-style-7.header-business .mainmenu-nav .mainmenu>li>a {

  color: var(--color-white);

}



.header-style-7.header-business .header-action li.icon a {

  color: var(--color-white);

}



.header-style-7.header-business .header-action li.icon a .count {

  background-color: var(--color-white);

  color: var(--color-heading);

}



.header-style-7.header-business .header-action li.search-icon {

  display: block;

}



.remote-training .header-mainmenu {

  padding-left: 90px;

  padding-right: 90px;

}



@media (max-width: 1250px) {

  .remote-training .header-mainmenu {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media only screen and (max-width: 767px) {

  .remote-training .header-mainmenu {

    padding-left: 15px;

    padding-right: 15px;

  }

}



.remote-training .header-mainmenu.edu-sticky .header-action .search-bar .input-group {

  border: 1px solid #e5e5e5;

}



.remote-training .header-right .header-action .search-bar .input-group {

  background: var(--color-white);

  border: none;

}



/*------------------------

    Photography  

--------------------------*/

.header-photography {

  position: relative;

}



.header-photography .header-mainmenu {

  background-color: transparent;

  padding-left: 90px;

  padding-right: 90px;

  box-shadow: none;

}



@media (max-width: 1250px) {

  .header-photography .header-mainmenu {

    padding-left: 40px;

    padding-right: 40px;

  }

}



@media only screen and (max-width: 767px) {

  .header-photography .header-mainmenu {

    padding-left: 15px;

    padding-right: 15px;

  }

}



.header-photography .header-mainmenu .mainmenu-nav .mainmenu>li>a {

  color: #ffffff;

}



.header-photography .header-mainmenu.edu-sticky {

  box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.05);

}



.header-photography .header-mainmenu.edu-sticky .header-brand img.logo-dark {

  display: block;

}



.header-photography .header-mainmenu.edu-sticky .header-brand img.logo-light {

  display: none;

}



.header-photography .header-mainmenu.edu-sticky .header-action li.icon a {

  color: var(--color-heading);

}



.header-photography .header-mainmenu.edu-sticky .header-action li.icon a .count {

  background-color: var(--color-primary);

}



.header-photography .header-mainmenu.edu-sticky .header-action .search-bar .input-group {

  border: 1px solid #e5e5e5;

}



.header-photography .header-mainmenu.edu-sticky .header-action .mobile-menu-bar .hamberger-button {

  color: var(--color-heading);

}



.header-photography .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu>li>a {

  color: var(--color-heading);

}



.header-photography .header-mainmenu .header-right::after {

  background-color: rgba(255, 255, 255, 0.302);

}



.header-photography .header-right .header-action li.icon a {

  color: #ffffff;

}



.header-photography .header-right .header-action li.icon a .count {

  background-color: var(--color-primary);

}



.header-photography .header-right .header-action .mobile-menu-bar .hamberger-button {

  color: var(--color-white);

}



@media only screen and (max-width: 1199px) {

  .header-photography .header-right::after {

    display: none;

  }

}



/*--------------------------

    Navigation Styles 

----------------------------*/

.mainmenu-nav .mainmenu {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: 0;

  padding: 0;

  font-family: var(--font-secondary);

}



.mainmenu-nav .mainmenu>li>a {

  color: var(--color-primary);

  font-size: 13px;

  font-weight: 600;

  padding: 0 14px;

  display: block;

  height: 90px;

  line-height: 94px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .mainmenu-nav .mainmenu>li>a {

    padding: 0 17px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .mainmenu-nav .mainmenu>li>a {

    padding: 0 12px;

  }

}



.mainmenu-nav .mainmenu>li>a.active {

  color: var(--color-primary) !important;

}



.mainmenu-nav .mainmenu>li>a:hover {

  color: #f9f9f9;

}



.mainmenu-nav .mainmenu li {

  margin-top: 0;

  margin-bottom: 0;

  position: relative;

  padding-inline-start: 3px;

}



.mainmenu-nav .mainmenu li a {

  line-height: 35px;

  height: auto;

  border-radius: 5px;

  background: #0d1e51;

  /*old background: #0bddbb; */

  color: #fff;

}



.mainmenu-nav .mainmenu li a:hover {

  background: #fff;

  color: #f9cb55;

  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}



.mainmenu-nav .mainmenu li.has-droupdown>a {

  position: relative;

}



.mainmenu-nav .mainmenu li.has-droupdown>a::after {

  position: absolute;

  content: "\e91e";

  font-family: "icomoon";

  right: 3px;

  top: 0;

  font-size: 6px;

  font-weight: 400;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .mainmenu-nav .mainmenu li.has-droupdown>a::after {

    right: 0px;

  }

}



.mainmenu-nav .mainmenu li.has-droupdown .submenu {

  min-width: 270px;

  height: auto;

  position: absolute;

  top: 90%;

  left: 8px;

  z-index: 8;

  opacity: 0;

  visibility: hidden;

  text-align: left;

  padding: 5px 0 0 0;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  background-color: transparent;

  /* old bg background-color: var(--color-white); */

  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);

  pointer-events: none;

  border-radius: 3px;

}



.mainmenu-nav .mainmenu li.has-droupdown .submenu li {

  position: relative;

  /* padding: 0 3px 3px; */

}



.mainmenu-nav .mainmenu li.has-droupdown .submenu li a {

  font-size: 13px;

  border-radius: 0;

  font-weight: 600;

  padding: 0px 10px;

  display: block;

  color: #fff;

  /*old background-color: #04ebc6; */

  background-color: #0d1e51;

}



.mainmenu-nav .mainmenu li.has-droupdown .submenu li a:hover {

  background: #fff;

  color: #159c7e;

}



.mainmenu-nav .mainmenu li.has-droupdown .submenu li a.active {

  color: #f9f9f9 !important;

  background: #0d1e51;

  /*old background: #1cb79e; */

}



.mainmenu-nav .mainmenu li.has-droupdown .submenu li.has-droupdown>a::after {

  -webkit-transform: rotate(-90deg);

  -ms-transform: rotate(-90deg);

  transform: rotate(-90deg);

  top: 0px;

  right: 40px;

}



.mainmenu-nav .mainmenu li.has-droupdown .submenu li.has-droupdown .submenu {

  position: absolute;

  left: 100%;

  top: 90%;

  z-index: 90;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.mainmenu-nav .mainmenu li.has-droupdown .submenu li.has-droupdown:hover .submenu {

  left: 100%;

  top: 0;

  z-index: 90;

  opacity: 1;

  visibility: visible;

}



.mainmenu-nav .mainmenu li.has-droupdown:hover>.submenu {

  opacity: 1;

  visibility: visible;

  top: 100%;

  pointer-events: auto;

}



.mainmenu-nav .mainmenu li.has-droupdown:hover .mega-menu {

  opacity: 1;

  visibility: visible;

  top: 100%;

  pointer-events: auto;

}



.mainmenu-nav .mainmenu li.has-droupdown:hover .mega-menu .submenu {

  pointer-events: auto;

}



.mainmenu-nav .mainmenu li ul.mega-menu {

  min-width: 1170px;

  height: auto;

  position: absolute;

  top: 90%;

  left: -324px;

  padding: 70px 0;

  z-index: 10;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  background-color: var(--color-white);

  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);

  display: grid;

  pointer-events: none;

  grid-template-columns: repeat(3, 1fr);

}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {

  .mainmenu-nav .mainmenu li ul.mega-menu {

    left: -275px;

  }

}



.mainmenu-nav .mainmenu li ul.mega-menu .menu-title {

  font-weight: 700;

  padding-left: 100px;

  margin-bottom: 20px;

}



.mainmenu-nav .mainmenu li ul.mega-menu>li {

  border-right: 1px solid var(--color-border);

}



.mainmenu-nav .mainmenu li ul.mega-menu>li:last-child {

  border-right: 0;

}



.mainmenu-nav .mainmenu li ul.mega-menu .submenu {

  position: initial;

  visibility: visible;

  opacity: 1;

  box-shadow: none;

  padding: 0 0 0 70px;

}



.mainmenu-nav .mainmenu li ul.mega-menu-one li .submenu {

  padding: 0 0 0 35px;

}



.mainmenu-nav .mainmenu li ul.mega-menu-one li:nth-child(2) {

  border-right: none;

}



.mainmenu-nav .mainmenu li ul.mega-menu-one li a {

  padding: 0;

}



.mainmenu-nav .mainmenu li ul.mega-menu-one li a img {

  max-width: 450px;

  min-height: 275px;

  margin-bottom: -50px;

  margin-right: 15px;

}



.badge {

  display: inline-block;

  padding: 0.63em 0.65em 0.35em 0.65em;

  font-size: 9px;

  font-family: var(--font-secondary);

  font-weight: var(--p-bold);

  line-height: 1;

  color: var(--color-white);

  background-color: var(--color-primary);

  text-transform: uppercase;

  text-align: center;

  white-space: nowrap;

  vertical-align: baseline;

  border-radius: 0.25rem;

  margin-left: 5px;

}



.badge-1 {

  display: inline-block;

  padding: 0.63em 0.65em 0.35em 0.65em;

  font-size: 9px;

  font-family: var(--font-secondary);

  font-weight: var(--p-bold);

  line-height: 1;

  color: var(--color-white);

  background-color: var(--color-secondary);

  text-transform: uppercase;

  text-align: center;

  white-space: nowrap;

  vertical-align: baseline;

  border-radius: 0.25rem;

  margin-left: 5px;

}



.header-style-2 .mainmenu-nav .mainmenu li ul.mega-menu,

.header-style-3 .mainmenu-nav .mainmenu li ul.mega-menu {

  left: auto;

  right: -397px;

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {



  .header-style-2 .mainmenu-nav .mainmenu li ul.mega-menu,

  .header-style-3 .mainmenu-nav .mainmenu li ul.mega-menu {

    right: -570px;

  }

}



.header-style-4 .mainmenu-nav .mainmenu li ul.mega-menu,

.header-style-7 .mainmenu-nav .mainmenu li ul.mega-menu {

  left: -145px;

}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {



  .header-style-4 .mainmenu-nav .mainmenu li ul.mega-menu,

  .header-style-7 .mainmenu-nav .mainmenu li ul.mega-menu {

    left: -260px;

  }

}



/*--------------------------

    Header Top Styles  

--------------------------*/

.header-top-bar {

  background-color: #1f2432;

}



@media only screen and (max-width: 991px) {

  .header-top-bar {

    display: none;

  }

}



.header-top {

  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;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .header-top {

    display: block;

  }

}



@media only screen and (max-width: 767px) {

  .header-top {

    display: block;

  }

}



.header-top .header-top-left {

  margin-right: 30px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .header-top .header-top-left {

    margin-right: 0;

  }

}



@media only screen and (max-width: 767px) {

  .header-top .header-top-left {

    margin-right: 0;

  }

}



.header-top .header-top-right {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  text-align: right;

}



.header-top .header-notify {

  font-family: var(--font-secondary);

  font-size: 14px;

  color: var(--color-white);

}



.header-top .header-notify a {

  color: var(--color-secondary);

  text-decoration: underline;

  font-weight: 500;

}



.header-top .header-notify a:hover {

  color: var(--color-primary);

}



.header-top .header-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;

  -webkit-box-pack: end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: 0 -30px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .header-top .header-info {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}



@media only screen and (max-width: 767px) {

  .header-top .header-info {

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 0 -15px;

  }

}



.header-top .header-info li {

  display: inline-block;

  margin: 0;

  font-family: var(--font-secondary);

  font-size: 14px;

  color: var(--color-white);

  padding: 14px 30px 12px;

  position: relative;

}



@media only screen and (max-width: 767px) {

  .header-top .header-info li {

    padding: 15px;

  }

}



.header-top .header-info li:after {

  content: "";

  height: 100%;

  width: 1px;

  background-color: rgba(255, 255, 255, 0.1);

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  right: 0;

}



.header-top .header-info li a {

  color: var(--color-white);

}



.header-top .header-info li a:hover {

  color: var(--color-secondary);

}



.header-top .header-info li i {

  font-size: 15px;

  color: var(--color-secondary);

  padding-right: 10px;

  position: relative;

  top: 1px;

}



.header-top .header-info li:last-child:after {

  display: none;

}



.header-top .header-info li.social-icon {

  margin: 0 -12px;

}



.header-top .header-info li.social-icon a {

  padding: 0 12px;

}



.header-top .header-info li.social-icon a i {

  color: var(--color-white);

  -webkit-transition: var(--transition);

  transition: var(--transition);

  padding: 0;

}



.header-top .header-info li.social-icon a:hover i {

  color: var(--color-secondary);

}



.header-top .header-info li.header-btn {

  padding: 0 30px 0 0;

}



@media only screen and (max-width: 991px) {

  .header-top .header-info li.header-btn {

    padding: 0;

  }

}



.header-top .header-info li.header-btn .edu-btn {

  color: var(--color-white);

  border-radius: 0;

  overflow: visible;

}



.header-top .header-info li.header-btn .edu-btn i {

  color: var(--color-white);

  padding-right: 0;

  font-size: 11px;

  top: 0;

}



.header-top .header-info li.header-btn .edu-btn:after {

  border-radius: 0;

}



/*------------------------

    Header Actions  

-------------------------*/

.header-action {

  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: 0 -20px;

}



@media only screen and (max-width: 575px) {

  .header-action {

    margin: 0 -10px;

  }

}



.header-action li {

  margin: 0 20px;

  line-height: 1;

}



@media only screen and (max-width: 575px) {

  .header-action li {

    margin: 0 10px;

  }

}



.header-action li.icon a {

  font-size: 16px;

  color: var(--color-heading);

  position: relative;

  height: 80px;

  line-height: 84px;

}



.header-action li.icon a .count {

  position: absolute;

  top: 24px;

  right: -10px;

  display: block;

  text-align: center;

  height: 20px;

  width: 20px;

  line-height: 23px;

  background-color: var(--color-primary);

  border-radius: 50%;

  color: var(--color-white);

  font-size: 12px;

  font-weight: 500;

  font-family: var(--font-secondary);

}



.header-action li.icon a:hover {

  color: var(--color-primary);

}



.header-action li.icon.cart-icon {

  margin-right: 30px;

}



@media only screen and (max-width: 575px) {

  .header-action li.icon.cart-icon {

    margin-right: 20px;

  }

}



@media only screen and (max-width: 1699px) {

  .header-action .search-bar {

    display: none;

  }

}



.header-action .search-bar .input-group {

  border: 1px solid #e5e5e5;

  border-radius: 4px;

}



.header-action .search-bar .input-group .form-control {

  height: 50px;

  border: none;

  line-height: 1;

  font-size: 15px;

  color: var(--color-heading);

  font-weight: 400;

  padding: 0 0 0 20px;

}



.header-action .search-bar .input-group .form-control:focus {

  box-shadow: none;

}



.header-action .search-bar .input-group .search-btn {

  border: none;

  background-color: transparent;

  font-size: 20px;

  color: var(--color-heading);

  padding: 0 20px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.header-action .search-bar .input-group .search-btn:hover {

  color: var(--color-primary);

}



@media only screen and (max-width: 767px) {

  .header-action .header-btn {

    display: none;

  }

}



.header-action .header-btn a {

  display: block;

  color: var(--color-white);

  padding: 0 30px;

}



.header-action .mobile-menu-bar .hamberger-button {

  background-color: transparent;

  border: none;

  padding: 0;

  color: var(--color-heading);

  font-size: 15px;

  line-height: 1;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.header-action .mobile-menu-bar .hamberger-button:hover {

  color: var(--color-primary);

}



/*------------------------------

    Popup Menu Styles  

--------------------------------*/

.popup-mobile-menu {

  z-index: 9999;

  position: fixed;

  content: "";

  width: 100%;

  height: 100%;

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  background-color: rgba(0, 0, 0, 0.8);

  visibility: hidden;

  opacity: 0;

  -webkit-transition: opacity 0.5s ease-out;

  transition: opacity 0.5s ease-out;

}



.popup-mobile-menu .inner {

  width: 305px;

  z-index: 999;

  position: absolute;

  background: #ffffff;

  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);

  height: 100%;

  height: 100vh;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  opacity: 0;

  left: -150px;

  -webkit-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.popup-mobile-menu .inner .header-top {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  border-bottom: 1px solid var(--color-border);

  -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: 15px 20px;

}



.popup-mobile-menu .inner .header-top .logo a img {

  max-height: 45px;

}



.popup-mobile-menu .inner .header-top .logo a img.logo-dark {

  display: none;

}



.popup-mobile-menu .inner .header-top .logo a img.logo-light {

  display: inline-block;

}



.popup-mobile-menu .inner .header-top .close-menu .close-button {

  background: var(--color-white);

  border: 0 none;

  color: var(--color-heading);

  width: 40px;

  height: 40px;

  font-size: 14px;

  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: 100%;

  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.06);

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.popup-mobile-menu .inner .header-top .close-menu .close-button:hover {

  background-color: var(--color-primary);

  color: var(--color-white);

}



.popup-mobile-menu.active {

  visibility: visible;

  opacity: 1;

}



.popup-mobile-menu.active .inner {

  opacity: 1;

  left: 0;

  overflow-y: auto;

}



.popup-mobile-menu .mainmenu {

  list-style: none;

  padding: 0;

  margin: 0;

  padding: 15px 20px;

}



.popup-mobile-menu .mainmenu li {

  margin: 0;

}



.popup-mobile-menu .mainmenu li a {

  margin: 8px 0;

  display: block;

  font-size: 16px;

  font-weight: 500;

}



.popup-mobile-menu .mainmenu li a.active {

  color: var(--color-primary) !important;

}



.popup-mobile-menu .mainmenu li+li {

  border-top: 1px solid var(--color-border);

}



.popup-mobile-menu .mainmenu .has-droupdown .submenu {

  padding: 0;

  max-width: 100%;

  list-style: none;

  padding-left: 14px;

  display: none;

}



.popup-mobile-menu .mainmenu .has-droupdown .submenu li a {

  font-size: 15px;

}



.popup-mobile-menu .mainmenu .has-droupdown .submenu li a.active {

  color: var(--color-primary) !important;

}



.popup-mobile-menu .mainmenu .has-droupdown>a {

  position: relative;

}



.popup-mobile-menu .mainmenu .has-droupdown>a::after {

  position: absolute;

  content: "\e942";

  font-family: "icomoon" !important;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: 0.4s;

  transition: 0.4s;

  font-size: 12px;

}



.popup-mobile-menu .mainmenu .has-droupdown>a.open::after {

  content: "\ea0b";

}



.popup-mobile-menu .mainmenu .mega-menu {

  padding: 0;

  max-width: 100%;

  list-style: none;

  padding-left: 14px;

  display: none;

}



.popup-mobile-menu .mainmenu .mega-menu>li .menu-title {

  margin-bottom: 5px;

  padding-top: 15px;

}



.popup-mobile-menu .mainmenu .mega-menu .submenu {

  padding: 0;

  margin: 0;

  display: block;

}



/*----------------------

    Search Popup  

-----------------------*/

.edu-search-popup {

  position: fixed;

  top: 0px;

  left: 0;

  right: 0;

  width: 100%;

  z-index: 99;

  -webkit-transform: scale(1, 0);

  -ms-transform: scale(1, 0);

  transform: scale(1, 0);

  -webkit-transform-origin: top center;

  -ms-transform-origin: top center;

  transform-origin: top center;

  -webkit-transition: -webkit-transform 0.7s ease;

  transition: -webkit-transform 0.7s ease;

  transition: transform 0.7s ease;

  transition: transform 0.7s ease, -webkit-transform 0.7s ease;

}



.edu-search-popup.open {

  -webkit-transform-origin: top center;

  -ms-transform-origin: top center;

  transform-origin: top center;

  -webkit-transform: scale(1, 1);

  -ms-transform: scale(1, 1);

  transform: scale(1, 1);

  height: 100%;

}



.edu-search-popup .content-wrap {

  background-color: var(--color-white);

  width: 100%;

  min-height: 560px;

  position: relative;

  box-shadow: 0px 10px 40px 0 rgba(0, 0, 0, 0.08);

  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;

  padding: 20px;

}



@media only screen and (max-width: 767px) {

  .edu-search-popup .content-wrap {

    min-height: 450px;

  }

}



.edu-search-popup .site-logo {

  position: absolute;

  top: 60px;

  left: 70px;

}



.edu-search-popup .site-logo img.logo-dark {

  display: none;

}



.edu-search-popup .site-logo img.logo-light {

  display: inline-block;

}



@media only screen and (max-width: 1199px) {

  .edu-search-popup .site-logo {

    top: 40px;

    left: 20px;

  }

}



.edu-search-popup .close-button {

  position: absolute;

  right: 62px;

  top: 62px;

}



@media only screen and (max-width: 1199px) {

  .edu-search-popup .close-button {

    top: 50px;

    right: 15px;

  }

}



.edu-search-popup .close-button .close-trigger {

  background: transparent;

  border: none;

  color: var(--color-heading);

  font-size: 22px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-search-popup .close-button .close-trigger:hover {

  color: var(--color-primary);

}



.edu-search-popup .inner {

  width: 100%;

  max-width: 1170px;

  margin: 0 auto;

}



.edu-search-popup .inner .search-form {

  position: relative;

  border-bottom: 1px solid var(--color-border);

}



.edu-search-popup .inner .search-form input {

  height: 90px;

  border: 0 none;

  border-radius: 5px;

  background: transparent;

  padding: 0;

  padding-right: 55px;

  font-weight: 400;

  font-family: var(--font-secondary);

  font-size: 24px;

}



@media only screen and (max-width: 767px) {

  .edu-search-popup .inner .search-form input {

    font-size: 16px;

    height: 60px;

  }

}



.edu-search-popup .inner .search-form .submit-button {

  position: absolute;

  right: 0;

  padding: 0;

  margin: 0;

  border: 0 none;

  outline: none;

  color: var(--color-heading);

  background: transparent;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  font-size: 24px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-search-popup .inner .search-form .submit-button:hover {

  color: var(--color-primary);

}



@media only screen and (max-width: 767px) {

  .edu-search-popup .inner .search-form .submit-button {

    font-size: 20px;

  }

}



.edu-search-popup::before {

  position: absolute;

  background-color: transparent;

  content: "";

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: -1;

}



.no-topbar .edu-search-popup {

  top: 0px;

}



/*-------------------------

   Footer Styles

-------------------------*/

.edu-footer {

  bottom: 0;

  position: relative;

}



.edu-footer .footer-top {

  position: relative;

  padding: 1rem;

}



.edu-footer .footer-top::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

}



@media only screen and (max-width: 991px) {

  .edu-footer .footer-top::before {

    display: none;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .edu-footer .footer-top {

    padding: 80px 0;

  }

}



@media only screen and (max-width: 767px) {

  .edu-footer .footer-top {

    padding: 60px 0;

  }

}



.edu-footer.footer-style-1 {

  background-color: #f0f4f5;

}



.edu-footer.footer-style-1 .footer-top .edu-footer-widget .logo a img.logo-dark {

  display: none;

}



.edu-footer.footer-style-2 {

  background-color: #111212;

}



.edu-footer.footer-style-2 .footer-top .edu-footer-widget .widget-title {

  color: #ffffff;

}



.edu-footer.footer-style-3 {

  background-color: #111212;

}



.edu-footer.footer-style-7 .footer-top::before {

  display: none;

}



.edu-footer.footer-style-7 .footer-top .edu-footer-widget .logo a img.logo-dark {

  display: none;

}



.edu-footer.footer-style-7 .footer-top .edu-footer-widget .description {

  color: var(--footer-text);

}



.edu-footer.footer-style-7 .footer-top .edu-footer-widget .widget-title {

  font-weight: var(--p-bold);

  margin-top: 12px;

}



.edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner {

  margin-top: 30px;

}



.edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .footer-link a {

  color: var(--footer-text);

}



.edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .footer-link a:hover {

  color: var(--color-primary);

}



.edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li {

  color: var(--footer-text);

}



.edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li a {

  color: var(--footer-text);

}



.edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li a:hover {

  color: var(--color-primary);

}



.edu-footer.footer-style-7 .footer-top .edu-footer-widget .social-share {

  margin-top: 20px;

}



.edu-footer.footer-style-7 .footer-top .shape-group li.shape-1 {

  left: 100px;

  bottom: 45px;

}



.edu-footer.footer-style-7 .footer-top .shape-group li.shape-2 {

  right: 100px;

  bottom: -2px;

}



.edu-footer.footer-style-7 .copyright-area {

  border-top: 1px solid var(--color-border);

}



.edu-footer.footer-style-7 .copyright-area a {

  color: var(--color-heading);

}



.edu-footer .description {

  margin-top: 20px;

  margin-bottom: 20px;

}



.edu-footer .information-list li {

  margin-top: 0;

  margin-bottom: 0;

}



.edu-footer .information-list li span {

  font-weight: 500;

  margin-right: 5px;

}



.edu-footer .information-list li a {

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.edu-footer .information-list li+li {

  margin-top: 5px;

}



.edu-footer .information-list li:hover a {

  color: var(--color-primary);

}



.edu-footer .edu-footer-widget {

  position: relative;

  z-index: 1;

}



.edu-footer .edu-footer-widget .logo a img.logo-light {

  display: inline-block;

}



.edu-footer .edu-footer-widget .inner {

  /* margin-top: 36px; */

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .edu-footer .edu-footer-widget .inner {

    margin-top: 20px;

  }

}



@media only screen and (max-width: 767px) {

  .edu-footer .edu-footer-widget .inner {

    margin-top: 20px;

  }

}



.edu-footer .edu-footer-widget .footer-link {

  list-style: none;

  padding: 0;

  margin-bottom: 0;

}



.edu-footer .edu-footer-widget .footer-link li {

  margin-top: 0;

  margin-bottom: 0;

}



.edu-footer .edu-footer-widget .footer-link li a {

  display: block;

  /* line-height: 26px; */

}



.edu-footer .edu-footer-widget .footer-link li+li {

  /* margin-top: 11px; */

}



.edu-footer .edu-footer-widget .footer-link li:hover a {

  color: var(--color-primary);

}



.edu-footer .edu-footer-widget .input-group {

  margin-bottom: 35px;

}



.edu-footer .edu-footer-widget .input-group .form-control {

  background-color: var(--color-white);

  border-radius: 5px !important;

  font-size: var(--font-size-b1);

  font-weight: 400;

  border: none;

  height: auto;

  padding: 0 15px;

}



.edu-footer .edu-footer-widget .input-group button {

  margin-left: 10px !important;

  border-radius: 5px !important;

}



.edu-footer .edu-footer-widget.explore-widget {

  margin-left: 65px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .edu-footer .edu-footer-widget.explore-widget {

    margin-left: 0;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .edu-footer .edu-footer-widget.explore-widget {

    margin-left: 0;

  }

}



@media only screen and (max-width: 767px) {

  .edu-footer .edu-footer-widget.explore-widget {

    margin-left: 0;

  }

}



@media only screen and (max-width: 479px) {

  .edu-footer .edu-footer-widget .input-group.footer-subscription-form {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

  }

}



@media only screen and (max-width: 479px) {

  .edu-footer .edu-footer-widget .input-group.footer-subscription-form .form-control {

    width: 100%;

    height: 50px;

    margin-bottom: 20px;

  }

}



@media only screen and (max-width: 479px) {

  .edu-footer .edu-footer-widget .input-group.footer-subscription-form button {

    margin-left: 0px !important;

  }

}



.edu-footer.footer-dark .widget-title {

  color: var(--color-white);

}



.edu-footer.footer-dark p {

  color: #bababa;

}



.edu-footer.footer-dark li {

  color: #bababa;

}



.edu-footer.footer-dark a {

  color: #bababa;

}



.edu-footer.footer-lighten .widget-title {

  font-weight: var(--p-bold);

}



.edu-footer.footer-lighten p {

  color: var(--footer-text);

}



.edu-footer.footer-lighten li {

  color: var(--footer-text);

}



.edu-footer.footer-lighten a {

  color: var(--footer-text);

}



.edu-footer.footer-light p {

  color: var(--color-heading);

}



.edu-footer.footer-light li {

  color: var(--color-heading);

}



.edu-footer.footer-light a {

  color: var(--color-heading);

}



.edu-footer.footer-light .edu-footer-widget .input-group .form-control {

  background-color: var(--color-lighten04);

}



.edu-footer.footer-kindergarten {

  background-color: #111212;

}



.edu-footer.footer-kindergarten .footer-top {

  padding: 100px 0 40px;

}



.edu-footer.footer-kindergarten .footer-top::before {

  display: none;

}



.edu-footer.footer-kindergarten .edu-footer-widget .widget-information {

  margin-bottom: 24px;

}



.edu-footer.footer-kindergarten .widget-title {

  color: var(--color-white);

}



.edu-footer.footer-kindergarten p {

  color: #bababa;

}



.edu-footer.footer-kindergarten li {

  color: #bababa;

}



.edu-footer.footer-kindergarten a {

  color: #bababa;

}



.edu-footer.footer-kindergarten .copyright-area {

  position: relative;

  z-index: 1;

}



.edu-footer.footer-kindergarten .copyright-area::before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-3.svg);

  background-size: cover;

  background-repeat: no-repeat;

  z-index: -1;

}



.edu-footer.footer-for-kitchen .footer-top::before {

  display: none;

}



.edu-footer.footer-for-kitchen .shape-group li.shape-1 {

  top: 45px;

  left: 6%;

}



@media only screen and (max-width: 1650px),

only screen and (min-width: 1401px) and (max-width: 1750px) {

  .edu-footer.footer-for-kitchen .shape-group li.shape-1 {

    left: 0;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  .edu-footer.footer-for-kitchen .shape-group li.shape-1 {

    left: -80px;

  }

}



.edu-footer.footer-for-kitchen .shape-group li.shape-2 {

  bottom: 30px;

  left: 40px;

}



@media only screen and (max-width: 1650px) {

  .edu-footer.footer-for-kitchen .shape-group li.shape-2 {

    left: 0;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  .edu-footer.footer-for-kitchen .shape-group li.shape-2 {

    left: -80px;

  }

}



.edu-footer.footer-for-kitchen .shape-group li.shape-3 {

  bottom: -50px;

  left: 46%;

}



.edu-footer.footer-for-kitchen .shape-group li.shape-4 {

  bottom: -10px;

  right: 40px;

}



@media only screen and (max-width: 1650px) {

  .edu-footer.footer-for-kitchen .shape-group li.shape-4 {

    right: 0;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  .edu-footer.footer-for-kitchen .shape-group li.shape-4 {

    right: -50px;

  }

}



.edu-footer.footer-for-kitchen .shape-group li.shape-5 {

  top: 50px;

  right: 6%;

}



@media only screen and (max-width: 1650px) {

  .edu-footer.footer-for-kitchen .shape-group li.shape-5 {

    right: 0;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  .edu-footer.footer-for-kitchen .shape-group li.shape-5 {

    right: -50px;

  }

}



.edu-footer.footer-for-yoga .footer-top::before {

  display: none;

}



.edu-footer.footer-for-yoga .shape-group li img {

  opacity: 0.3;

}



.edu-footer.footer-for-yoga .shape-group li.shape-1 {

  top: 45px;

  left: 6%;

}



@media only screen and (max-width: 1650px),

only screen and (min-width: 1401px) and (max-width: 1750px) {

  .edu-footer.footer-for-yoga .shape-group li.shape-1 {

    left: 0;

  }

}



.edu-footer.footer-for-yoga .shape-group li.shape-2 {

  bottom: 30px;

  left: 40px;

}



@media only screen and (max-width: 1650px) {

  .edu-footer.footer-for-yoga .shape-group li.shape-2 {

    left: 0;

  }

}



.edu-footer.footer-for-yoga .shape-group li.shape-2 img {

  opacity: 0.2;

}



.edu-footer.footer-for-yoga .shape-group li.shape-3 {

  bottom: -83px;

  left: 46%;

}



.edu-footer.footer-for-yoga .shape-group li.shape-3 img {

  opacity: 0.7;

}



.edu-footer.footer-for-yoga .shape-group li.shape-4 {

  bottom: -10px;

  right: 40px;

}



@media only screen and (max-width: 1650px) {

  .edu-footer.footer-for-yoga .shape-group li.shape-4 {

    right: 0;

  }

}



.edu-footer.footer-for-yoga .shape-group li.shape-4 img {

  opacity: 0.2;

}



.edu-footer.footer-for-yoga .shape-group li.shape-5 {

  top: 50px;

  right: 6%;

}



@media only screen and (max-width: 1650px) {

  .edu-footer.footer-for-yoga .shape-group li.shape-5 {

    right: 0;

  }

}



.edu-footer.footer-for-photography .footer-top::before {

  display: none;

}



.edu-footer.footer-for-photography .shape-group li.shape-1 {

  top: 65px;

  left: 200px;

}



@media only screen and (max-width: 1650px),

only screen and (min-width: 1401px) and (max-width: 1750px) {

  .edu-footer.footer-for-photography .shape-group li.shape-1 {

    left: 0;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  .edu-footer.footer-for-photography .shape-group li.shape-1 {

    left: -80px;

  }

}



.edu-footer.footer-for-photography .shape-group li.shape-2 {

  bottom: 50px;

  left: 75px;

}



@media only screen and (max-width: 1650px) {

  .edu-footer.footer-for-photography .shape-group li.shape-2 {

    left: 0;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  .edu-footer.footer-for-photography .shape-group li.shape-2 {

    left: -80px;

  }

}



.edu-footer.footer-for-photography .shape-group li.shape-3 {

  bottom: -13px;

  left: 46%;

}



.edu-footer.footer-for-photography .shape-group li.shape-4 {

  bottom: 40px;

  right: 100px;

}



@media only screen and (max-width: 1650px) {

  .edu-footer.footer-for-photography .shape-group li.shape-4 {

    right: 0;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  .edu-footer.footer-for-photography .shape-group li.shape-4 {

    right: -50px;

  }

}



.edu-footer.footer-for-photography .shape-group li.shape-5 {

  top: 70px;

  right: 253px;

}



@media only screen and (max-width: 1650px) {

  .edu-footer.footer-for-photography .shape-group li.shape-5 {

    right: 0;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  .edu-footer.footer-for-photography .shape-group li.shape-5 {

    right: -50px;

  }

}



.edu-footer .copyright-area a {

  color: var(--color-primary);

  -webkit-transition: background 0.2s linear;

  transition: background 0.2s linear;

}



.edu-footer .copyright-area a:hover {

  background: var(--gradient-primary);

  background-clip: text;

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



/*-------------------------

    Copyright Styles  

--------------------------*/

.copyright-area {

  /* padding: 15px 0; */

}



.copyright-area p {

  margin-bottom: 0;

}



.footer-dark .copyright-area {

  border-top: 1px solid #1f2020;

}



.footer-lighten .copyright-area {

  background-color: #ebeff0;

}



.footer-lighten .copyright-area p {

  color: var(--color-black);

}



.footer-light .copyright-area {

  background-color: var(--color-white);

  border-top: 1px solid #e5e5e5;

}



.footer-light .copyright-area p {

  color: var(--color-heading);

}



.footer-kindergarten .copyright-area {

  padding: 105px 0 50px;

}



/*=======================================================================

5.Blog Styles 

=========================================================================*/

/*-------------------------

    Blog Styles  

---------------------------*/

.blog-meta {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding-bottom: 18px;

  margin: -5px -16px;

}



@media only screen and (max-width: 1199px) {

  .blog-meta {

    margin: -5px -10px;

  }

}



.blog-meta li {

  margin: 5px 16px;

  color: var(--color-heading);

  position: relative;

}



@media only screen and (max-width: 1199px) {

  .blog-meta li {

    margin: 5px 10px;

  }

}



.blog-meta li:last-child:after {

  display: none;

}



.blog-meta li:after {

  content: "";

  height: 19px;

  width: 1px;

  background-color: #dbdbdb;

  position: absolute;

  top: 3px;

  right: -18px;

}



@media only screen and (max-width: 1199px) {

  .blog-meta li:after {

    right: -12px;

  }

}



.blog-meta li a {

  color: var(--color-heading);

}



.blog-meta li i,

.blog-meta li img {

  font-size: 16px;

  padding-right: 10px;

  position: relative;

  top: 2px;

  color: var(--color-primary);

}



.edu-blog {

  position: relative;

}



.edu-blog .thumbnail {

  position: relative;

}



.edu-blog .thumbnail a {

  display: block;

  border-radius: 10px;

  position: relative;

  overflow: hidden;

}



.edu-blog .thumbnail a:after {

  content: "";

  height: 100%;

  width: 100%;

  background-color: rgba(0, 0, 0, 0.5);

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-blog .thumbnail a img {

  width: 100%;

  border-radius: 10px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-blog .thumbnail .video-play-btn {

  height: 80px;

  width: 80px;

  line-height: 80px;

  background-color: var(--color-white);

  border-radius: 50% !important;

  text-align: center;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translateY(-50%) translateX(-50%);

  -ms-transform: translateY(-50%) translateX(-50%);

  transform: translateY(-50%) translateX(-50%);

  z-index: 2;

  font-size: 18px;

  color: var(--color-primary);

}



.edu-blog .thumbnail .video-play-btn:after {

  display: none;

}



@media only screen and (max-width: 575px) {

  .edu-blog .thumbnail .video-play-btn {

    height: 65px;

    width: 65px;

    line-height: 65px;

  }

}



.edu-blog .content {

  background-color: var(--color-white);

  padding: 30px;

  border-radius: 10px;

  position: relative;

  box-shadow: var(--shadow-darker);

}



@media only screen and (max-width: 1199px) {

  .edu-blog .content {

    padding: 30px 20px;

  }

}



@media only screen and (max-width: 479px) {

  .edu-blog .content {

    padding: 20px;

  }

}



.edu-blog .content .blog-category {

  color: var(--color-body);

  margin-bottom: 10px;

  text-transform: uppercase;

}



.edu-blog .content .blog-category:hover {

  color: var(--color-primary);

}



.edu-blog .content .title {

  margin-bottom: 10px;

}



.edu-blog .content p {

  margin-bottom: 0;

}



.edu-blog .content.position-top {

  margin-top: -175px;

  margin-left: 30px;

  margin-right: 30px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .edu-blog .content.position-top {

    margin-top: -125px;

  }

}



@media only screen and (max-width: 767px) {

  .edu-blog .content.position-top {

    margin-top: -105px;

  }

}



@media only screen and (max-width: 1199px) {

  .edu-blog .content.position-top {

    margin-left: 15px;

    margin-right: 15px;

  }

}



@media only screen and (max-width: 479px) {

  .edu-blog .content.position-top {

    margin-left: 15px;

    margin-right: 15px;

  }

}



.edu-blog .content.position-top .read-more-btn {

  position: absolute;

  top: -40px;

  right: 30px;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-blog .content.position-top .read-more-btn .btn-icon-round {

  box-shadow: var(--shadow-dark);

}



.edu-blog:hover .thumbnail a:after {

  visibility: visible;

  opacity: 1;

}



.edu-blog:hover .thumbnail a img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}



.edu-blog:hover .position-top .read-more-btn {

  visibility: visible;

  opacity: 1;

  top: -30px;

}



.edu-blog.blog-style-2 {

  margin-bottom: 40px;

}



.edu-blog.blog-style-2:last-child {

  margin-bottom: 0;

}



.edu-blog.blog-style-2 .inner {

  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;

}



@media only screen and (max-width: 575px) {

  .edu-blog.blog-style-2 .inner {

    display: block;

  }

}



.edu-blog.blog-style-2 .thumbnail {

  margin-right: 30px;

}



@media only screen and (max-width: 575px) {

  .edu-blog.blog-style-2 .thumbnail {

    margin-right: 0;

    margin-bottom: 20px;

  }

}



.edu-blog.blog-style-2 .thumbnail a:after {

  visibility: visible;

  opacity: 1;

  background-color: rgba(0, 0, 0, 0.3);

}



.edu-blog.blog-style-2 .thumbnail a img {

  width: 100%;

}



.edu-blog.blog-style-2 .content {

  box-shadow: none;

  padding: 0;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.edu-blog.blog-style-2 .content .blog-meta {

  padding-bottom: 0;

}



.edu-blog.blog-style-2 .content .blog-meta i {

  color: #d0d0d1;

}



.edu-blog.blog-style-2 .blog-date {

  width: 80px;

  height: 80px;

  background: var(--color-primary);

  border-radius: 60px 60px 14px 60px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -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: 0;

  right: 0;

  z-index: 1;

}



.edu-blog.blog-style-2 .blog-date span {

  font-weight: 700;

  font-size: 22px;

  display: block;

  color: var(--color-white);

  text-align: center;

  font-family: var(--font-secondary);

}



.edu-blog.blog-style-2 .blog-date span.day {

  line-height: 1;

  margin-bottom: 4px;

}



.edu-blog.blog-style-2 .blog-date span.month {

  line-height: 1;

  font-size: 14px;

  font-weight: 500;

}



@media only screen and (max-width: 991px) {

  .edu-blog.blog-style-2.first-large-blog {

    margin-bottom: 20px;

  }

}



.edu-blog.blog-style-2.first-large-blog .inner {

  display: block;

}



.edu-blog.blog-style-2.first-large-blog .thumbnail {

  margin-right: 0;

  margin-bottom: 20px;

}



.edu-blog.blog-style-2.first-large-blog .thumbnail a:after {

  display: none;

}



.edu-blog.blog-style-2.first-large-blog .content {

  padding-left: 110px;

}



.edu-blog.blog-style-2.first-large-blog .content .blog-date {

  top: 6px;

  right: auto;

  left: 0;

}



.edu-blog.blog-style-2.first-large-blog .content .title {

  margin-bottom: 15px;

}



.edu-blog.blog-style-2.first-large-blog .content .blog-meta {

  padding-top: 20px;

}



.edu-blog.blog-style-3 .thumbnail a {

  border-radius: 10px 10px 0 0;

}



.edu-blog.blog-style-3 .thumbnail a img {

  border-radius: 10px 10px 0 0;

}



.edu-blog.blog-style-3 .thumbnail .read-more-btn {

  position: absolute;

  top: 53%;

  left: 0;

  right: 0;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  text-align: center;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.edu-blog.blog-style-3 .thumbnail .read-more-btn a {

  display: inline-block;

  border-radius: 50%;

}



.edu-blog.blog-style-3 .thumbnail .read-more-btn a:after {

  display: none;

}



.edu-blog.blog-style-3 .content {

  border-radius: 0 0 10px 10px;

}



.edu-blog.blog-style-3 .content:before {

  content: url(../images/blog/shape-01.png);

  position: absolute;

  top: -36px;

  left: 0;

  right: 0;

  overflow: hidden;

}



@media only screen and (max-width: 767px) {

  .edu-blog.blog-style-3 .content:before {

    content: "";

  }

}



.edu-blog.blog-style-3 .content .title {

  font-weight: var(--p-bold);

}



.edu-blog.blog-style-3:hover .thumbnail .read-more-btn {

  visibility: visible;

  opacity: 1;

  top: 51%;

}



.edu-blog.blog-style-4 {

  margin-bottom: 70px;

}



.edu-blog.blog-style-4 .thumbnail .blog-gallery-activation .swiper-wrapper .swiper-slide {

  padding: 0;

}



.edu-blog.blog-style-4 .thumbnail .blog-gallery-activation .swiper-wrapper .swiper-slide a {

  border-radius: 10px 10px 0 0;

}



.edu-blog.blog-style-4 .thumbnail .blog-gallery-activation .swiper-wrapper .swiper-slide a img {

  border-radius: 10px 10px 0 0;

}



.edu-blog.blog-style-4 .inner .thumbnail a {

  border-radius: 10px 10px 0 0;

}



.edu-blog.blog-style-4 .inner .thumbnail a img {

  border-radius: 10px 10px 0 0;

}



.edu-blog.blog-style-4 .content {

  border-radius: 0 0 10px 10px;

  padding: 44px 50px;

}



@media only screen and (max-width: 575px) {

  .edu-blog.blog-style-4 .content {

    padding: 30px 25px;

  }

}



.edu-blog.blog-style-4 .content .read-more-btn {

  margin-top: 25px;

}



.edu-blog.blog-style-5 {

  margin-bottom: 40px;

}



.edu-blog.blog-style-list {

  background-color: var(--color-white);

  box-shadow: var(--shadow-darker);

  padding: 40px 40px 30px;

  border-radius: 10px;

  margin-bottom: 40px;

}



@media only screen and (max-width: 575px) {

  .edu-blog.blog-style-list {

    padding: 30px 20px 30px;

  }

}



.edu-blog.blog-style-list .inner {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.edu-blog.blog-style-list .thumbnail {

  margin-right: 40px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .edu-blog.blog-style-list .thumbnail {

    max-width: 250px;

    margin-right: 30px;

  }

}



@media only screen and (max-width: 575px) {

  .edu-blog.blog-style-list .thumbnail {

    margin-right: 20px;

  }

}



.edu-blog.blog-style-list .content {

  background-color: transparent;

  box-shadow: none;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  padding: 0;

}



@media only screen and (max-width: 767px) {

  .edu-blog.blog-style-list .content {

    -webkit-box-flex: 1;

    -webkit-flex: auto;

    -ms-flex: auto;

    flex: auto;

  }

}



.edu-blog.blog-style-list .content .read-more-btn {

  margin-top: 24px;

}



.edu-blog.post-video .thumbnail a:after {

  visibility: visible;

  opacity: 1;

  background-color: rgba(0, 0, 0, 0.3);

}



.edu-blog.post-gallery .thumbnail a img {

  -webkit-transform: none;

  -ms-transform: none;

  transform: none;

}



.edu-blog.post-gallery .thumbnail a:after {

  display: none;

}



.edu-blog-area.blog-area-6 .thumbnail {

  position: relative;

}



.edu-blog-area.blog-area-6 .thumbnail a {

  border-radius: 10px 10px 0px 0px;

}



.edu-blog-area.blog-area-6 .thumbnail a img {

  border-radius: 10px 10px 0px 0px;

}



.edu-blog-area.blog-area-6 .thumbnail .date {

  position: absolute;

  left: 20px;

  top: 20px;

  background: var(--gradient-primary);

  border-radius: 3px;

  padding: 3px 12px;

  font-size: 15px;

  color: var(--color-white);

  display: block;

}



.edu-blog-area.blog-area-6 .content {

  border-radius: 0px 0px 10px 10px;

}



.edu-blog-area.blog-area-6 .content.position-top {

  margin-top: 0;

  margin-left: 0;

  margin-right: 0;

}



.blog-view-all-btn {

  text-align: center;

  margin-top: 55px;

}



.blog-view-all-btn .view-text {

  font-size: 18px;

  margin-bottom: 0;

}



.edu-blog-area {

  position: relative;

}



@media only screen and (max-width: 991px) {

  .edu-blog-area .shape-group {

    display: none;

  }

}



.edu-blog-area .shape-group li {

  position: absolute;

  z-index: -1;

}



.edu-blog-area .shape-group li.shape-1 {

  left: -117px;

  top: -70px;

}



.edu-blog-area .shape-group li.shape-2 {

  top: 99px;

  left: 55px;

}



.edu-blog-area .shape-group li.shape-2 span {

  display: block;

  height: 101px;

  width: 101px;

  border: 15px solid var(--color-secondary);

  border-radius: 50%;

}



.edu-blog-area .shape-group li.shape-3 {

  right: 85px;

  bottom: 90px;

}



.edu-blog-area.blog-area-2 {

  padding-top: 128px;

  position: relative;

}



.edu-blog-area.blog-area-2::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/bg/bg-image-2.svg);

  -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(2%) saturate(484%) hue-rotate(339deg) brightness(103%) contrast(95%);

  filter: brightness(0) saturate(100%) invert(96%) sepia(2%) saturate(484%) hue-rotate(339deg) brightness(103%) contrast(95%);

  background-position: center top;

  background-repeat: no-repeat;

  background-size: cover;

  z-index: -1;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .edu-blog-area.blog-area-2 {

    padding-top: 120px;

  }

}



@media only screen and (max-width: 767px) {

  .edu-blog-area.blog-area-2 {

    padding-top: 120px;

  }

}



.edu-blog-area.blog-area-2 .shape-group li.shape-1 {

  left: 135px;

  top: 30px;

  z-index: 1;

}



@media only screen and (max-width: 1650px) {

  .edu-blog-area.blog-area-2 .shape-group li.shape-1 {

    left: 0;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .blog-area-4 {

    padding: 30px 0 60px !important;

  }

}



@media only screen and (max-width: 767px) {

  .blog-area-4 {

    padding: 0 0 30px !important;

  }

}



.blog-style-1.remote-traning-sytle .thumbnail a {

  border-radius: 10px 10px 0 0;

}



.blog-style-1.remote-traning-sytle .thumbnail a img {

  border-radius: 10px 10px 0 0;

}



.blog-style-1.remote-traning-sytle .content {

  padding: 25px 30px 30px;

  border-radius: 0 0 10px 10px;

}



/*-------------------------

    Blog Details Styles  

---------------------------*/

.blog-details-content {

  border-bottom: 1px solid var(--color-border);

  padding-bottom: 70px;

}



.blog-details-content .entry-content .category {

  letter-spacing: 1px;

  margin-bottom: 8px;

  text-transform: uppercase;

  display: block;

}



.blog-details-content .entry-content .title {

  margin-bottom: 5px;

}



.blog-details-content .entry-content .thumbnail {

  margin: 50px 0 65px;

}



@media only screen and (max-width: 767px) {

  .blog-details-content .entry-content .thumbnail {

    margin: 20px 0 30px;

  }

}



.blog-details-content .entry-content .thumbnail img {

  border-radius: 10px;

  width: 100%;

}



.blog-details-content>.title {

  margin-top: 60px;

}



.blog-details-content>p {

  margin-bottom: 26px;

}



.blog-details-content>ul {

  list-style: disc;

}



.blog-details-content>ul li {

  color: var(--color-heading);

  margin-top: 12px;

  margin-bottom: 12px;

}



.blog-details-content .features-image {

  margin: 65px 0;

}



@media only screen and (max-width: 767px) {

  .blog-details-content .features-image {

    margin: 40px 0;

  }

}



.blog-details-content .features-image .thumb img {

  width: 100%;

  border-radius: 5px;

}



.blog-details-content blockquote {

  margin: 65px 0 70px;

}



@media only screen and (max-width: 767px) {

  .blog-details-content blockquote {

    margin: 40px 0 30px;

  }

}



.blog-details-content .blog-share-area {

  margin-top: 65px;

}



.blog-details-content .blog-tags,

.blog-details-content .blog-share {

  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;

}



.blog-details-content .blog-tags .title,

.blog-details-content .blog-share .title {

  margin-bottom: 0;

  margin-right: 12px;

}



.blog-details-content .blog-share {

  -webkit-box-pack: end;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

}



@media only screen and (max-width: 767px) {

  .blog-details-content .blog-share {

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    margin-top: 30px;

  }

}



.blog-details-content .blog-share .title {

  margin-right: 25px;

}



.blog-details-content .blog-share .social-share {

  margin: 0 -12px;

}



.blog-details-content .blog-share .social-share li {

  margin: 0 12px;

}



blockquote {

  box-shadow: 0px 5px 50px 0px rgba(26, 46, 85, 0.1);

  background-color: var(--color-white);

  border-radius: 10px;

  padding: 35px 40px 35px 120px;

  position: relative;

}



@media only screen and (max-width: 767px) {

  blockquote {

    padding: 35px 30px 35px 100px;

  }

}



blockquote:after {

  content: "\e94a";

  font-family: var(--font-icomoon);

  font-size: 35px;

  color: var(--color-primary);

  position: absolute;

  top: 30px;

  left: 40px;

}



@media only screen and (max-width: 767px) {

  blockquote:after {

    left: 30px;

    font-size: 30px;

  }

}



blockquote p {

  font-size: 17px;

  margin-bottom: 8px;

}



blockquote .author {

  margin-bottom: 0;

  font-weight: var(--p-medium);

}



.blog-author {

  padding: 70px 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;

}



@media only screen and (max-width: 575px) {

  .blog-author {

    display: block;

  }

}



.blog-author .thumbnail {

  margin-right: 30px;

}



@media only screen and (max-width: 767px) {

  .blog-author .thumbnail {

    margin-right: 20px;

  }

}



@media only screen and (max-width: 575px) {

  .blog-author .thumbnail {

    margin-right: 0;

    margin-bottom: 20px;

  }

}



.blog-author .thumbnail img {

  border-radius: 50%;

}



.blog-author .author-content {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.blog-author .author-content .title {

  margin-bottom: 10px;

}



.blog-author .author-content p {

  margin-bottom: 15px;

}



.blog-author .author-content .social-share.icon-transparent {

  margin: 0 -10px;

}



.blog-author .author-content .social-share.icon-transparent li {

  margin: 0 10px;

}



.blog-author .author-content .social-share.icon-transparent li a {

  font-size: 18px;

}



.blog-pagination-list {

  border: 1px solid #e7e7e7;

  border-radius: 5px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  position: relative;

  z-index: 2;

}



.blog-pagination-list 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;

  padding: 25px 30px;

  position: relative;

  z-index: 1;

  color: var(--color-heading);

  font-family: var(--font-secondary);

  font-weight: var(--p-semi-bold);

  font-size: 18px;

  line-height: 26px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



.blog-pagination-list a i {

  font-size: 20px;

  -webkit-transition: 0.4s;

  transition: 0.4s;

  margin-right: 20px;

}



.blog-pagination-list:hover {

  background-color: #f0f4f5;

  border-color: #f0f4f5;

}



.blog-pagination-list.next-post {

  text-align: right;

}



.blog-pagination-list.next-post a i {

  margin-right: 0;

  margin-left: 20px;

}



/*-----------------------------

    Blog Comments Style  

------------------------------*/

.comment-area {

  margin-top: 100px;

}



.comment-area .heading-title {

  margin-bottom: 30px;

}



.comment-list-wrapper .comment {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

}



.comment-list-wrapper .comment .thumbnail {

  min-width: 80px;

  width: 80px;

  max-height: 80px;

  border-radius: 50%;

  margin-right: 30px;

}



@media only screen and (max-width: 575px) {

  .comment-list-wrapper .comment .thumbnail {

    margin-right: 20px;

    min-width: 60px;

    width: 60px;

  }

}



.comment-list-wrapper .comment .thumbnail img {

  border-radius: 50%;

  width: 100%;

}



.comment-list-wrapper .comment .comment-content .title {

  margin-bottom: 2px;

}



.comment-list-wrapper .comment .comment-content .date {

  display: block;

  margin-bottom: 14px;

}



.comment-list-wrapper .comment .comment-content p {

  margin-bottom: 18px;

}



.comment-list-wrapper .comment .comment-content .reply-btn {

  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-weight: 500;

  font-size: 15px;

  line-height: 26px;

  font-family: var(--font-secondary);

}



.comment-list-wrapper .comment .comment-content .reply-btn i {

  margin-right: 10px;

}



.comment-list-wrapper .comment.comment-reply {

  margin-left: 110px;

}



@media only screen and (max-width: 575px) {

  .comment-list-wrapper .comment.comment-reply {

    margin-left: 40px;

  }

}



.comment-list-wrapper .comment+.comment {

  border-top: 1px solid var(--color-border);

  padding-top: 30px;

  margin-top: 30px;

}



/*-----------------------------

    Blog Comments Form

------------------------------*/

.comment-form-area {

  margin-top: 90px;

}



.comment-form-area .heading-title {

  margin-bottom: 30px;

}



.comment-form .form-group {

  margin-bottom: 0;

}



.comment-form .form-group input,

.comment-form .form-group textarea {

  box-shadow: var(--shadow-darker);

}



.comment-form .form-group .edu-form-check label {

  color: var(--color-body);

  padding-left: 27px;

}



.comment-form .form-group .edu-form-check label:before {

  background-color: #f7f7f7;

  border-color: var(--color-border);

  height: 15px;

  width: 15px;

  top: 5px;

}



.comment-form .form-group .edu-form-check label:after {

  left: 3px;

}



.comment-form .form-group .edu-form-check input:checked~label::before {

  background-color: var(--color-primary);

  border-color: var(--color-primary);

}



.comment-form .form-group .edu-form-check input:checked~label::after {

  opacity: 1;

}



/*-------------------

  Blog Widget

---------------------*/

.edu-blog-sidebar {

  background-color: var(--color-white);

  box-shadow: 0px 10px 50px 0px rgba(26, 46, 85, 0.07);

  border-radius: 5px;

  padding: 35px 0;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .edu-blog-sidebar {

    margin-top: 70px;

  }

}



@media only screen and (max-width: 767px) {

  .edu-blog-sidebar {

    margin-top: 60px;

  }

}



.edu-blog-widget {

  padding: 35px 40px;

}



@media only screen and (max-width: 767px) {

  .edu-blog-widget {

    padding: 20px;

  }

}



.edu-blog-widget .widget-title {

  margin-bottom: 35px;

}



.edu-blog-widget.widget-search .blog-search {

  position: relative;

}



.edu-blog-widget.widget-search .blog-search .search-button {

  position: absolute;

  left: 30px;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  border: none;

  padding: 0;

  color: var(--color-placeholder);

  background-color: transparent;

  font-size: 18px;

}



.edu-blog-widget.widget-search .blog-search input {

  padding: 0 20px 0 56px;

  border: 1px solid var(--color-border);

}



.edu-blog-widget.widget-latest-post .latest-post {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  position: relative;

  border-bottom: 1px solid var(--color-border);

  padding-bottom: 20px;

  margin-bottom: 20px;

}



.edu-blog-widget.widget-latest-post .latest-post:last-child {

  padding-bottom: 0;

  margin-bottom: 0;

  border-bottom: none;

}



.edu-blog-widget.widget-latest-post .latest-post .thumbnail {

  margin-right: 20px;

}



@media only screen and (max-width: 767px) {

  .edu-blog-widget.widget-latest-post .latest-post .thumbnail {

    margin-right: 10px;

  }

}



.edu-blog-widget.widget-latest-post .latest-post .thumbnail a img {

  border-radius: 5px;

  max-height: 95px;

  object-fit: cover;

}



.edu-blog-widget.widget-latest-post .latest-post .post-content {

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.edu-blog-widget.widget-latest-post .latest-post .post-content .title {

  margin-bottom: 5px;

}



.edu-blog-widget.widget-latest-post .latest-post .post-content .title a {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

}



.edu-blog-widget.widget-latest-post .latest-post .post-content .blog-meta {

  padding-bottom: 0;

}



.edu-blog-widget.widget-categories .category-list {

  margin: -14px 0;

}



.edu-blog-widget.widget-categories .category-list li {

  margin: 14px 0;

}



.edu-blog-widget.widget-categories .category-list li a {

  font-family: var(--font-secondary);

  color: var(--color-heading);

  font-weight: var(--p-medium);

}



.edu-blog-widget.widget-categories .category-list li a:hover {

  color: var(--color-primary);

}



.edu-blog-widget.widget-action .inner {

  background-color: #f5f9fa;

  text-align: center;

  padding: 40px 40px 90px;

  border-radius: 10px;

  position: relative;

}



.edu-blog-widget.widget-action .inner::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url(../images/others/shape-21.png);

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  filter: opacity(0.3);

  -webkit-filter: opacity(0.3);

}



@media only screen and (max-width: 1199px) {

  .edu-blog-widget.widget-action .inner {

    padding: 40px 25px 60px;

  }

}



.edu-blog-widget.widget-action .inner .title {

  font-size: 22px;

  margin-bottom: 5px;

}



.edu-blog-widget.widget-action .inner .title span {

  color: var(--color-secondary);

}



.edu-blog-widget.widget-action .inner .shape-line {

  font-size: 10px;

  color: var(--color-primary);

  display: block;

  margin-bottom: 14px;

}



.edu-blog-widget.widget-action .inner p {

  color: var(--color-heading);

  margin-bottom: 20px;

}



.tag-list {

  margin: -5px;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-wrap: wrap;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.tag-list a {

  border: 1px solid var(--color-border);

  border-radius: 5px;

  font-weight: 500;

  font-size: 14px;

  font-family: var(--font-secondary);

  margin: 5px;

  height: 40px;

  line-height: 40px;

  padding: 0 14px;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  position: relative;

  z-index: 1;

}



.tag-list a:after {

  content: "";

  height: 100%;

  width: 100%;

  background: var(--gradient-primary);

  border-radius: 5px;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: -1;

  -webkit-transition: var(--transition);

  transition: var(--transition);

  opacity: 0;

}



.tag-list a:hover {

  color: var(--color-white);

  border-color: transparent;

}



.tag-list a:hover:after {

  opacity: 1;

}



/*=======================================================================

    custom media screen

    media quaries for 4k display or display size: 1250px+

 ========================================================================*/



/* @media only screen and (min-width: 1440px) {

  .container {

    max-width: 95dvw;

  }



  .features-area-3 .container {

    width: 70vw;

  }



  .header-navbar .header-brand .logo a img {

    width: 25vw;

  }



  .features-box .content-img img {

    height: 7vw;

  }

} */



.btn-grid-size {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

}



.btn-grid-size-gap {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 15px;

  overflow: auto;

}



/*=======================================================================

6. Spacing/Dark

=========================================================================*/

/*-------------------------

    Spacing

-------------------------*/



.edu-section-gap {

  padding: 115px 0 120px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .edu-section-gap {

    padding: 95px 0 100px;

  }

}



@media only screen and (max-width: 767px) {

  .edu-section-gap {

    padding: 75px 0 80px;

  }

}



.gap-tb-text {

  padding: 115px 0 112px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .gap-tb-text {

    padding: 95px 0 92px;

  }

}



@media only screen and (max-width: 767px) {

  .gap-tb-text {

    padding: 75px 0 72px;

  }

}



.section-gap-equal {

  padding: 120px 0;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .section-gap-equal {

    padding: 100px 0;

  }

}



@media only screen and (max-width: 767px) {

  .section-gap-equal {

    padding: 80px 0;

  }

}



.gap-top-text {

  padding-top: 115px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .gap-top-text {

    padding-top: 95px;

  }

}



@media only screen and (max-width: 767px) {

  .gap-top-text {

    padding-top: 75px;

  }

}



.gap-bottom-text {

  padding-bottom: 112px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .gap-bottom-text {

    padding-bottom: 92px;

  }

}



@media only screen and (max-width: 767px) {

  .gap-bottom-text {

    padding-bottom: 72px;

  }

}



.gap-top-equal {

  padding-top: 120px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .gap-top-equal {

    padding-top: 100px;

  }

}



@media only screen and (max-width: 767px) {

  .gap-top-equal {

    padding-top: 80px;

  }

}



.gap-bottom-equal {

  padding-bottom: 120px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .gap-bottom-equal {

    padding-bottom: 100px;

  }

}



@media only screen and (max-width: 767px) {

  .gap-bottom-equal {

    padding-bottom: 80px;

  }

}



.section-gap-large {

  padding: 145px 0 150px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .section-gap-large {

    padding: 115px 0 120px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .section-gap-large {

    padding: 95px 0 100px;

  }

}



@media only screen and (max-width: 767px) {

  .section-gap-large {

    padding: 75px 0 80px;

  }

}



.gap-large-text {

  padding: 145px 0 142px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .gap-large-text {

    padding: 115px 0 112px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .gap-large-text {

    padding: 95px 0 92px;

  }

}



@media only screen and (max-width: 767px) {

  .gap-large-text {

    padding: 75px 0 72px;

  }

}



.gap-large-equal {

  padding: 150px 0;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .gap-large-equal {

    padding: 120px 0;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .gap-large-equal {

    padding: 100px 0;

  }

}



@media only screen and (max-width: 767px) {

  .gap-large-equal {

    padding: 80px 0;

  }

}



.gap-lg-top-text {

  padding-top: 145px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .gap-lg-top-text {

    padding-top: 115px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .gap-lg-top-text {

    padding-top: 95px;

  }

}



@media only screen and (max-width: 767px) {

  .gap-lg-top-text {

    padding-top: 75px;

  }

}



.gap-lg-bottom-text {

  padding-bottom: 142px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .gap-lg-bottom-text {

    padding-bottom: 112px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .gap-lg-bottom-text {

    padding-bottom: 92px;

  }

}



@media only screen and (max-width: 767px) {

  .gap-lg-bottom-text {

    padding-bottom: 72px;

  }

}



.gap-lg-bottom-equal {

  padding-bottom: 150px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .gap-lg-bottom-equal {

    padding-bottom: 120px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .gap-lg-bottom-equal {

    padding-bottom: 100px;

  }

}



@media only screen and (max-width: 767px) {

  .gap-lg-bottom-equal {

    padding-bottom: 80px;

  }

}



.gap-lg-top-equal {

  padding-top: 150px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .gap-lg-top-equal {

    padding-top: 120px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .gap-lg-top-equal {

    padding-top: 100px;

  }

}



@media only screen and (max-width: 767px) {

  .gap-lg-top-equal {

    padding-top: 80px;

  }

}



.brand-section-gap {

  padding: 85px 0;

}



.mb--10 {

  margin-bottom: 10px;

}



.mb--20 {

  margin-bottom: 20px;

}



.mb--30 {

  margin-bottom: 30px;

}



.mb--40 {

  margin-bottom: 40px;

}



.mb--50 {

  margin-bottom: 50px !important;

}



.mb--60 {

  margin-bottom: 60px !important;

}



.mb--90 {

  margin-bottom: 90px !important;

}



.mt--50 {

  margin-top: 50px;

}



@media only screen and (min-width: 1200px) {

  .col-pl--35 {

    padding-left: 35px;

  }



  .col-pr--35 {

    padding-right: 35px;

  }

}



.pt--50 {

  padding-top: 50px;

}



/*-------------------------

  Dark Mode CSS Starts Here

---------------------------*/

body.dark-mode {

  background-color: var(--dark-color-bg-body);

}



.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control::-webkit-input-placeholder {

  color: var(--color-white);

}



.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control::-moz-placeholder {

  color: var(--color-white);

}



.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control:-ms-input-placeholder {

  color: var(--color-white);

}



.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control::-ms-input-placeholder {

  color: var(--color-white);

}



.dark-mode .hero-banner .banner-content p,

.dark-mode .popup-mobile-menu .inner .header-top .close-menu .close-button,

.dark-mode .SHMU-vue-mobile-popup-menu .inner .header-top .close-menu .close-button,

.dark-mode .header-action .mobile-menu-bar .hamberger-button,

.dark-mode .edu-course .content .course-rating .rating-count,

.dark-mode .edu-course .content .course-meta li,

.dark-mode .event-details .details-content .event-meta li a,

.dark-mode .edu-sorting-area .sorting-right .layout-switcher label,

.dark-mode .course-details-content .course-enroll-box .single-item .login-btn a,

.dark-mode .course-details-3 .nav-tabs .nav-item .nav-link.active,

.dark-mode .course-details-3 .nav-tabs .nav-item .nav-link:hover,

.dark-mode .header-action .search-bar .input-group .form-control,

.dark-mode .team-details-content .main-info .team-meta li,

.dark-mode .team-details-content .main-info .team-meta li .rating-count,

.dark-mode .team-details-content .contact-info ul li span,

.dark-mode .blog-details-content>ul li,

.dark-mode .blog-meta li,

.dark-mode input[type="text"],

.dark-mode input[type="password"],

.dark-mode input[type="email"],

.dark-mode input[type="number"],

.dark-mode input[type="tel"],

.dark-mode textarea,

.dark-mode a.edu-btn.btn-border,

.dark-mode button.edu-btn.btn-border,

.dark-mode .edu-search-popup .inner .search-form .submit-button,

.dark-mode .edu-search-popup .close-button .close-trigger,

.dark-mode .about-style-3 .about-content .nav-tabs .nav-link,

.dark-mode .isotop-button button,

.dark-mode .blog-meta li a,

.dark-mode .edu-course .hover-content-aside .content .course-feature ul li:before,

.dark-mode .edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item,

.dark-mode .edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a,

.dark-mode .edu-breadcrumb-area .edu-breadcrumb li.separator i,

.dark-mode .faq-page-nav .nav-tabs .nav-link,

.dark-mode .edu-course-widget.widget-course-summery .content .course-item li,

.dark-mode .event-details .details-content ul li,

.dark-mode .pricing-table .pricing-header .price-wrap .amount,

.dark-mode .pricing-table .pricing-body .list-item li,

.dark-mode .edu-pagination li a,

.dark-mode .product-details-area .content .product-rating .rating-count,

.dark-mode .tag-list a,

.dark-mode .form-group label,

.dark-mode select,

.dark-mode .edu-breadcrumb-area .course-meta li,

.dark-mode .edu-product .inner>.thumbnail .product-hover-info ul li a,

.dark-mode .edu-sorting-area .sorting-right .edu-sorting .icon,

.dark-mode .edu-product .inner .content .product-rating .rating-count,

.dark-mode .edu-blog-widget.widget-categories .category-list li a,

.dark-mode .product-description-nav .nav-item button.nav-link:hover,

.dark-mode .course-details-content .entry-content .course-meta li,

.dark-mode .product-description-nav .nav-item button.nav-link.active,

.dark-mode .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn i,

.dark-mode .product-details-area .content .product-feature li span,

.dark-mode .cart-table thead th,

.dark-mode .cart-table tbody td.product-remove .remove-wishlist,

.dark-mode .pv-demo-counterup .counterup-wrap .edu-counterup .title,

.dark-mode .order-summery .summery-table tbody td,

.dark-mode .order-summery .summery-table .order-total td:last-child,

.dark-mode a,

.dark-mode a.edu-btn:hover,

.dark-mode button.edu-btn:hover,

.dark-mode .course-layout-five-tooltip-content .content .course-feature ul li:before,

.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control,

.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control::placeholder,

.dark-mode .footer-light .copyright-area p,

.dark-mode .header-action .search-bar .input-group .search-btn,

.dark-mode .hero-banner.hero-style-8 .banner-content .banner-search .input-group .search-btn,

.dark-mode .categorie-grid.categorie-style-3 .content .title,

.dark-mode .categorie-area-5 .categorie-grid .content .title,

.dark-mode .edu-course-area .course-style-10 .content .title a,

.dark-mode .header-photography .header-mainmenu.edu-sticky .mainmenu-nav .mainmenu>li>a,

.dark-mode .course-style-11 .content .title a,

.dark-mode .header-photography .header-mainmenu.edu-sticky .header-action li.icon a {

  color: var(--color-white);

}



.dark-mode ul li a:hover,

.dark-mode .edu-blog-widget.widget-categories .category-list li a:hover,

.dark-mode a:hover,

.dark-mode a.btn-transparent:hover,

.dark-mode button.btn-transparent:hover,

.dark-mode .course-details-content .course-enroll-box .single-item .login-btn a:hover,

.dark-mode .social-share.icon-transparent li a:hover,

.dark-mode .hero-banner.hero-style-2 .banner-gallery .online-support .inner .content .title a:hover,

.dark-mode .hero-banner.hero-style-4 .banner-gallery .online-support .inner .content .title a:hover,

.dark-mode .edu-team-grid.team-style-3 .content .title a:hover,

.dark-mode .edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item a:hover,

.dark-mode .popup-mobile-menu .mainmenu li a:hover,

.dark-mode .login-form-box a,

.dark-mode .edu-course.course-style-4 .content .title a:hover,

.dark-mode .faq-page-nav .nav-tabs .nav-link.active,

.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .footer-link a:hover,

.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li a:hover {

  color: var(--color-primary);

}



.dark-mode .section-title .pre-title.pre-textsecondary,

.dark-mode .login-form-box a:hover,

.dark-mode .about-style-3 .about-content .nav-tabs .nav-link:hover,

.dark-mode .about-style-3 .about-content .nav-tabs .nav-link.active {

  color: var(--color-secondary);

}



.dark-mode ul li a,

.dark-mode .edu-course.course-style-5 .content .course-meta li,

.dark-mode .edu-breadcrumb-area.breadcrumb-style-4 .course-meta li,

.dark-mode .pricing-table .pricing-body .list-item li.item-off {

  color: var(--color-body);

}



.dark-mode .about-image-gallery .video-box .inner .thumb .popup-icon:hover,

.dark-mode .popup-mobile-menu .inner .header-top .close-menu .close-button:hover,

.dark-mode .edu-product .inner>.thumbnail .product-hover-info ul li a:hover {

  background-color: var(--color-primary);

}



.dark-mode .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover {

  background-color: var(--color-secondary);

}



.dark-mode a.btn-transparent,

.dark-mode button.btn-transparent {

  color: var(--color-textSecondary);

}



.dark-mode .bg-lighten01,

.dark-mode .bg-lighten04,

.dark-mode .counterup-area-2:before,

.dark-mode .hero-banner.hero-style-5,

.dark-mode .edu-course-area.course-area-10,

.dark-mode .hero-style-10,

.dark-mode .testimonial-area-3,

.dark-mode .testimonial-area-9,

.dark-mode .hero-banner.hero-style-6:before,

.dark-mode .team-area-4,

.dark-mode .why-choose-area-2:before,

.dark-mode .team-area-5,

.dark-mode .counterup-area-7,

.dark-mode .contact-form-area,

.dark-mode .hero-banner.hero-style-1,

.dark-mode .brand-area-6,

.dark-mode .course-area-8,

.dark-mode .testimonial-area-10,

.dark-mode .brand-area-2,

.dark-mode .hero-style-11.remote-training,

.dark-mode .remote-brand,

.dark-mode .edu-sorting-area .sorting-right .edu-sorting .edu-select option,

.dark-mode .faq-style-7 {

  background-color: var(--dark-bg-color);

}



.dark-mode .photography-about-style::before {

  background: var(--dark-bg-color);

}



.dark-mode .remote-training .header-right .header-action .search-bar .input-group {

  background: transparent;

  border: 1px solid #333a44;

}



.dark-mode .header-style-7 .header-mainmenu {

  background-color: transparent !important;

}



.dark-mode .header-style-7 .header-mainmenu.edu-sticky {

  background-color: var(--bg-color-2) !important;

}



.dark-mode .header-photography .header-mainmenu .header-right::after {

  background-color: rgba(255, 255, 255, 0.302) !important;

}



.dark-mode .header-photography .header-mainmenu.edu-sticky .header-action .mobile-menu-bar .hamberger-button {

  color: var(--color-white);

}



.dark-mode .counterup-area-7 .counterup-box-wrap .counterup-box:before,

.dark-mode .counterup-area-7 .counterup-box-wrap .counterup-box:after,

.dark-mode .course-details-content .course-enroll-box .single-item:after,

.dark-mode .edu-counterup.counterup-style-3:after {

  background-color: var(--dark-color-border);

}



.dark-mode .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:first-child {

  border-right: 0.8px solid var(--dark-color-border);

}



.dark-mode .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {

  border-right: 0.8px solid var(--dark-color-border);

}



.dark-mode .counterup-area-7 .counterup-box-wrap .counterup-box.counterup-box-1 {

  border-bottom: 0.8px solid var(--dark-color-border);

}



.dark-mode .edu-course-area .course-style-10 .content {

  background: var(--dark-color-bg-body);

}



.dark-mode .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover {

  border-color: var(--color-secondary);

}



.dark-mode .hero-style-11 .banner-thumbnail .shape-group li.shape-2 {

  -webkit-filter: opacity(0.2);

  filter: opacity(0.2);

}



.dark-mode .photography-testimonial .shape-group li.shape-2 img {

  -webkit-filter: brightness(0) saturate(100%) invert(10%) sepia(5%) saturate(4893%) hue-rotate(178deg) brightness(92%) contrast(78%);

  filter: brightness(0) saturate(100%) invert(10%) sepia(5%) saturate(4893%) hue-rotate(178deg) brightness(92%) contrast(78%);

}



.dark-mode .language-about .about-image-gallery .shape-group li.shape-2 img,

.dark-mode .faq-style-6 .edu-faq-gallery .shape-group li.shape-4 img {

  -webkit-filter: opacity(1) !important;

  filter: opacity(1) !important;

}



.dark-mode .edu-campus-area .campus-image-gallery .shape-1 span,

.dark-mode .edu-campus-area .campus-content .shape-4 span,

.dark-mode .edu-event-area .shape-group li.shape-2 span,

.dark-mode .SHMU-vue-mobile-popup-menu .inner .header-top,

.dark-mode .SHMU-vue-mobile-popup-menu .mainmenu li+li,

.dark-mode .about-style-3 .about-image-gallery .shape-group li.shape-4 span,

.dark-mode .home-four-course .shape-group .shape-2 span,

.dark-mode .hero-banner.hero-style-4 .shape-group li.shape-8 span,

.dark-mode .about-style-4 .about-image-gallery .shape-group .shape-4 span,

.dark-mode .why-choose-area-2 .shape-group li.shape-1 span,

.dark-mode .why-choose-area-2 .shape-group li.shape-3 span,

.dark-mode .team-area-5 .shape-group li.shape-3 span,

.dark-mode .team-area-5 .shape-group li.shape-1 span,

.dark-mode .why-choose-area-3 .shape-group li.shape-1 span,

.dark-mode .edu-breadcrumb-area .shape-group li.shape-1,

.dark-mode .edu-breadcrumb-area .shape-group li.shape-4,

.dark-mode .edu-event-list.event-list-2,

.dark-mode .popup-mobile-menu .inner .header-top,

.dark-mode .edu-blog-widget.widget-search .blog-search input,

.dark-mode .login-form-box .form-group input,

.dark-mode .tag-list a,

.dark-mode .edu-product:hover .inner .thumbnail a,

.dark-mode .pro-qty,

.dark-mode .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn,

.dark-mode .product-description-nav,

.dark-mode .product-description-content .comment-area,

.dark-mode .product-details-area .thumbnail,

.dark-mode .checkout-notice .coupn-box,

.dark-mode .order-summery.checkout-summery .summery-table-wrap,

.dark-mode .checkout-billing .form-group select,

.dark-mode .edu-course-widget.widget-course-summery .content .course-item li,

.dark-mode .course-details-content .nav-tabs,

.dark-mode .order-payment,

.dark-mode a.edu-btn.btn-border,

.dark-mode .course-curriculam .course-lesson ul li:first-child,

.dark-mode .course-curriculam .course-lesson ul li,

.dark-mode .course-curriculam .course-lesson,

.dark-mode .social-share li a,

.dark-mode .about-style-3 .shape-group li.shape-6 span,

.dark-mode .footer-dark .copyright-area,

.dark-mode .comment-list-wrapper .comment+.comment,

.dark-mode .course-overview .border-box,

.dark-mode .edu-accordion .accordion-item,

.dark-mode .blog-details-content,

.dark-mode .course-review .border-box,

.dark-mode .course-review .border-box .comment-area,

.dark-mode .edu-blog-widget.widget-latest-post .latest-post,

.dark-mode .contact-form.form-style-2 .form-group input,

.dark-mode .contact-form.form-style-2 .form-group textarea,

.dark-mode .contact-form-area .shape-group li.shape-3 span,

.dark-mode .pv-courses-demo .shape-group li.shape-5 span,

.dark-mode .testimonial-area-4 .swiper-navigation .swiper-btn-nxt,

.dark-mode .testimonial-area-4 .swiper-navigation .swiper-btn-prv,

.dark-mode .course-sidebar-2 .edu-course-widget .inner,

.dark-mode .hero-banner.hero-style-8 .shape-group li.shape-5 span,

.dark-mode .course-area-8 .shape-group li.shape-2 span,

.dark-mode .hero-banner.hero-style-9 .slider .container .shape-group li.shape-1 span,

.dark-mode button.edu-btn.btn-border,

.dark-mode .edu-footer.footer-style-7 .copyright-area,

.dark-mode .edu-course-area.course-area-10 .shape-group li.shape-4 span,

.dark-mode .testimonial-area-10 .shape-group .shape-5 span,

.dark-mode .faq-style-6 .faq-accordion .accordion-item .accordion-button.collapsed,

.dark-mode .testimonial-area-10 .shape-group li.shape-3 span,

.dark-mode .about-counterup .shape-group li.shape-1 span,

.dark-mode .testimonial-area-11 .shape-group li.shape-3 span,

.dark-mode .photography-about-style .shape-group li.shape-8 span {

  border-color: var(--dark-color-border);

}



.dark-mode .pv-demo-counterup .counterup-wrap .edu-counterup.border-end {

  border-color: var(--dark-color-border) !important;

}



.dark-mode .hero-style-10 .banner-content .shape-group li.shape-1 span {

  border-color: rgba(28, 36, 47, 0.2);

}



.dark-mode .tpd-visible-frame-left .tpd-frame-left:before,

.dark-mode .tpd-visible-frame-right .tpd-frame-left:before,

.dark-mode .tpd-visible-frame-right .tpd-frame-left:after {

  border-right: 13px solid var(--color-black);

}



.dark-mode .tpd-visible-frame-right .tpd-frame-right:after {

  border-left: 13px solid var(--color-black);

}



.dark-mode .about-counterup .about-course .about-course-style-2,

.dark-mode .hero-banner.hero-style-8 .banner-content .banner-search .input-group .form-control,

.dark-mode .hero-banner.hero-style-8 .banner-content .banner-search .input-group .search-btn {

  background-color: var(--bg-color-2);

}



.dark-mode .hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-1 img {

  filter: opacity(0.03);

  -webkit-filter: opacity(0.03);

}



.dark-mode .video-area-5 .video-gallery .thumbnail .video-play-btn i {

  color: var(--color-secondary);

}



.dark-mode .hero-style-10 .wave-bottom-bg img,

.dark-mode .language-about .about-image-gallery .main-img-3 {

  -webkit-filter: brightness(0) saturate(100%) invert(6%) sepia(10%) saturate(3102%) hue-rotate(176deg) brightness(96%) contrast(93%);

  filter: brightness(0) saturate(100%) invert(6%) sepia(10%) saturate(3102%) hue-rotate(176deg) brightness(96%) contrast(93%);

}



.dark-mode .video-area-5::after {

  -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(6549%) hue-rotate(193deg) brightness(83%) contrast(100%);

  filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(6549%) hue-rotate(193deg) brightness(83%) contrast(100%);

}



.dark-mode .features-area-6::after {

  -webkit-filter: brightness(0) saturate(100%) invert(7%) sepia(8%) saturate(2950%) hue-rotate(173deg) brightness(97%) contrast(95%);

  filter: brightness(0) saturate(100%) invert(7%) sepia(8%) saturate(2950%) hue-rotate(173deg) brightness(97%) contrast(95%);

}



.dark-mode .features-area-6 .shape-group li.shape-2 img,

.dark-mode .testimonial-area-11 .shape-group .shape-5 img {

  -webkit-filter: brightness(0) saturate(100%) invert(16%) sepia(6%) saturate(1952%) hue-rotate(178deg) brightness(94%) contrast(92%);

  filter: brightness(0) saturate(100%) invert(16%) sepia(6%) saturate(1952%) hue-rotate(178deg) brightness(94%) contrast(92%);

}



.dark-mode .language-about .about-image-gallery .main-img-wrapper .main-img-inner::after {

  background: var(--dark-color-border);

  opacity: 0.99;

}



.dark-mode .edu-course-area .course-style-10 .content .title a:hover {

  color: var(--color-primary);

}



.dark-mode .hero-style-10 .banner-thumbnail .shape-group li.shape-5 img,

.dark-mode .hero-style-10 .banner-thumbnail .shape-group li.shape-6 img {

  -webkit-filter: opacity(0.05);

  filter: opacity(0.05);

}



.dark-mode .faq-style-6 .edu-faq-gallery .shape-group li.shape-1 span,

.dark-mode .faq-style-6 .edu-faq-gallery .shape-group li.shape-2 span {

  -webkit-filter: opacity(0.05);

  filter: opacity(0.05);

}



.dark-mode .hero-style-11::before,

.dark-mode .remote-brand::after,

.dark-mode .faq-style-7::after {

  display: none;

}



.dark-mode .about-counterup .about-course .about-course-style-2 .certificate {

  background-color: #24353c;

}



.dark-mode .hero-banner.hero-style-9 .slider .health-slider-content .swiper-slide .inner p,

.dark-mode .testimonial-area-9 .home-health-testimonial-activator .testimonial-grid .content p,

.dark-mode .event-area-4 .edu-event.event-style-1 .content .event-meta li,

.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .description,

.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .footer-link a,

.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li,

.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .inner .widget-information ul li a,

.dark-mode .edu-footer.footer-style-7 .copyright-area a,

.dark-mode .testimonial-area-10 .home-language-testimonial-activator .testimonial-grid .content p,

.dark-mode .about-counterup .about-course .about-course-style-2 .content p,

.dark-mode .photography-about-style .about-content p,

.dark-mode .photography-testimonial .photography-testimonial-activator .testimonial-grid .content p,

.dark-mode .footer-for-photography .description,

.dark-mode .footer-for-photography .information-list li,

.dark-mode .footer-for-photography .information-list li a {

  color: var(--color-title);

}



.dark-mode .footer-for-photography .copyright-area {

  background-color: var(--dark-color-bg-body);

  border: 1px solid var(--dark-color-border);

}



.dark-mode .pv-cta-area .cta-content .button-group .btn-bg-white,

.dark-mode .remote-training-wrapper .edu-cta-banner .section-title .subs-button .btn-medium {

  color: var(--color-black) !important;

}



.dark-mode .course-style-11 .content {

  background: var(--dark-color-bg-body);

}



.dark-mode .features-area-5 .features-box:hover .icon {

  border: 7px solid var(--color-white);

}



.dark-mode .features-area-5 .features-box.color-primary-style:hover .icon {

  background-color: var(--color-primary);

  border: 7px solid var(--color-white);

}



.dark-mode .features-area-5 .features-box.color-extra06-style:hover .icon {

  background-color: var(--color-extra06);

}



.dark-mode .features-box,

.dark-mode .edu-course-area.course-area-9 .edu-course.course-style-5 {

  background-color: transparent;

}



.dark-mode .features-area-5 .features-box .icon {

  background-color: #1c242f;

  border: 7px solid #2e353f;

  box-shadow: none;

}



.dark-mode .features-area-5 .features-box .content {

  background: var(--bg-color-2);

  box-shadow: none;

}



.dark-mode .about-counterup .about-course .about-course-style-2,

.dark-mode .faq-style-6 .faq-accordion .accordion-item .accordion-body,

.dark-mode .video-area-5 .video-gallery .thumbnail img {

  box-shadow: none;

}



.dark-mode .testimonial-area-9 .bg-thumbnail .shape-group li.shape-4 img {

  -webkit-filter: opacity(0.09);

  filter: opacity(0.09);

}



.dark-mode .testimonial-area-9 .swiper-navigation .swiper-btn-prv,

.dark-mode .testimonial-area-9 .swiper-navigation .swiper-btn-nxt {

  background-color: var(--color-white);

}



.dark-mode .health-coach-wrapper.cta-banner-7 .input-group input {

  background-color: var(--color-white) !important;

}



.dark-mode .edu-footer.footer-style-7 .footer-top .edu-footer-widget .logo a img.logo-dark {

  display: inline-block;

}



.dark-mode .home-photography-course ul .course-view-all a.edu-btn {

  color: var(--color-heading) !important;

}



.dark-mode .home-photography-course ul .course-view-all a:hover {

  color: var(--color-white) !important;

}



.dark-mode .health-coach-wrapper.cta-banner-7 .input-group input {

  color: var(--color-heading);

}



.dark-mode .cta-banner-7::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background: rgba(2, 11, 23, 0.8);

  z-index: 1;

}



.dark-mode .categorie-area-5 .container,

.dark-mode .cta-banner-7 .container {

  position: relative;

  z-index: 2;

}



.dark-mode .categorie-area-5::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background: rgba(2, 11, 23, 0.8);

  z-index: 1;

}



.dark-mode .edu-course-area.course-area-9 ul .course-view-all a.edu-btn {

  color: var(--color-primary) !important;

}



.dark-mode .edu-course-area.course-area-9 ul .course-view-all a.edu-btn:hover {

  color: var(--color-white) !important;

}



.dark-mode {

  /*-------------------

    About Dark Styles

    ---------------------*/

  /*-------------------

    Breadcrumb Dark Styles

    ---------------------*/

  /*-------------------

    Brand Dark Styles

    ---------------------*/

  /*-------------------

    Blog Dark Styles

    ---------------------*/

  /*-------------------

    Call To Action Dark Styles

    ---------------------*/

  /*-------------------

    Categorie Dark Styles

    ---------------------*/

  /*-------------------------

        Counterup Styles  

    --------------------------*/

  /*-------------------------

        Landing Page Dark Styles  

    --------------------------*/

  /*-------------------------

        Course Styles  

    --------------------------*/

  /*-------------------------

        Campus Styles  

    --------------------------*/

  /*-------------------------

        Copyright Styles  

    --------------------------*/

  /*-------------------

    Event Dark Styles

    ---------------------*/

  /*-------------------

    Features Dark Styles

    ---------------------*/

  /*-------------------

    FAQ Dark Styles

    ---------------------*/

  /*-------------------

    Footer Dark Styles

    ---------------------*/

  /*-------------------

    Header Dark Styles

    ---------------------*/

  /*-------------------

    Hero Banner Dark Styles

    ---------------------*/

  /*-------------------

    Instagram Dark Styles

    ---------------------*/

  /*-------------------

    Shop Dark Styles

    ---------------------*/

  /*-------------------

    Team Dark Styles

    ---------------------*/

  /*-------------------

    Testimonial Dark Styles

    ---------------------*/

  /*-------------------

    Video Dark Styles

    ---------------------*/

  /*--------------------------

    why-choose-us Dark Styles

    ----------------------------*/

  /*----------------------------------------

    Coming Soon/Gallery/Pagination Dark Styles

    ------------------------------------------*/

  /*-------------------

    Section Dark Styles

    ---------------------*/

  /*-------------------

    Button Dark Styles

    ---------------------*/

  /*-------------------

    Form Dark Styles

    ---------------------*/

  /*-------------------

    Swiper Slider Dark Styles

    ---------------------*/

}



.dark-mode p {

  color: var(--color-title);

}



.dark-mode h1,

.dark-mode h2,

.dark-mode h3,

.dark-mode h4,

.dark-mode h5,

.dark-mode h6,

.dark-mode .h1,

.dark-mode .h2,

.dark-mode .h3,

.dark-mode .h4,

.dark-mode .h5,

.dark-mode .h6 {

  color: var(--color-white);

}



.dark-mode .edu-pagination li:hover a {

  color: var(--color-white);

}



.dark-mode #SHMU-preloader {

  background: var(--dark-bg-color);

}



.dark-mode #SHMU-preloader .preloader-close-btn-wraper .preloader-close-btn {

  background: #1c252f;

  color: var(--color-white);

}



.dark-mode .edu-btn {

  color: var(--color-white) !important;

}



.dark-mode .d-none-shape-dark {

  display: block;

}



.dark-mode .d-block-shape-light {

  display: none;

}



.dark-mode .about-image-gallery .video-box .inner {

  background-color: var(--color-white);

}



.dark-mode .about-image-gallery .video-box .inner .thumb .popup-icon {

  background-color: var(--color-white);

}



.dark-mode .about-style-1 .about-image-gallery .shape-group li.shape-1 img,

.dark-mode .about-style-2 .about-image-gallery .shape-group li.shape-1 img,

.dark-mode .about-style-7 .about-image-gallery .shape-group li.shape-1 img,

.dark-mode .about-style-9 .about-image-gallery .shape-group li.shape-1 img {

  -webkit-filter: opacity(0.06);

  filter: opacity(0.06);

}



.dark-mode .about-style-4 .about-image-gallery .main-img-1 {

  background-color: var(--color-white);

}



.dark-mode .about-style-4 .about-image-gallery .shape-group .shape-2 img {

  -webkit-filter: opacity(0.06);

  filter: opacity(0.06);

}



.dark-mode .about-style-3 .about-image-gallery .shape-group li.shape-2 img {

  -webkit-filter: opacity(0.06);

  filter: opacity(0.06);

}



.dark-mode .about-style-3 .about-content .nav-tabs .nav-item::after {

  background-color: var(--color-extra09);

}



.dark-mode .about-style-6 {

  background-color: var(--dark-color-bg-body);

}



.dark-mode .about-style-6::after {

  -webkit-filter: brightness(0) saturate(100%) invert(6%) sepia(8%) saturate(3633%) hue-rotate(174deg) brightness(95%) contrast(93%);

  filter: brightness(0) saturate(100%) invert(6%) sepia(8%) saturate(3633%) hue-rotate(174deg) brightness(95%) contrast(93%);

}



.dark-mode .about-style-2 .about-image-gallery .author-box .inner {

  background-color: var(--color-white);

}



.dark-mode .about-style-2 .about-image-gallery .author-box .inner .title {

  color: var(--color-black);

}



.dark-mode .about-style-2 .about-image-gallery .award-status .inner .content .subtitle {

  color: var(--color-black);

}



.dark-mode .about-style-8::before {

  background: var(--dark-bg-color);

}



.dark-mode .about-style-8::after {

  border: 1px solid var(--color-extra10);

}



.dark-mode .about-style-8 .about-image-gallery .shape-group li.shape-1 img {

  -webkit-filter: opacity(0.06);

  filter: opacity(0.06);

}



.dark-mode .about-style-8 .about-image-gallery .shape-group li.shape-4 span {

  border: 1px solid var(--color-extra10);

}



.dark-mode .about-content .features-list li {

  color: var(--color-title);

}



.dark-mode .breadcrumb-style-2 .page-title .title {

  color: var(--color-white);

}



.dark-mode .breadcrumb-style-2 .edu-breadcrumb li {

  color: var(--color-white);

}



.dark-mode .breadcrumb-style-2 .edu-breadcrumb li.breadcrumb-item a {

  color: var(--color-white);

}



.dark-mode .breadcrumb-style-2 .edu-breadcrumb li.separator i {

  color: var(--color-white);

}



.dark-mode .breadcrumb-style-5 {

  background: var(--dark-bg-color);

}



.dark-mode .edu-breadcrumb-area {

  background-color: var(--dark-bg-color);

  z-index: -1;

}



.dark-mode .edu-breadcrumb-area .course-meta li::after {

  background-color: var(--color-extra10);

}



.dark-mode .why-choose-box.features-box {

  background-color: var(--bg-color-2);

}



.dark-mode .why-choose-box-2.features-box {

  background-color: var(--bg-color-2);

  box-shadow: none;

}



.dark-mode .why-choose-box-2.features-box .icon {

  color: var(--color-white);

}



.dark-mode .why-choose-box-2.features-box.color-extra08-style:hover .icon {

  color: var(--color-white);

}



.dark-mode .brand-grid-wrap::after {

  background-color: var(--color-extra11);

}



.dark-mode .brand-grid-wrap .brand-grid {

  border-right: 1px solid var(--color-extra11);

}



.dark-mode .brand-grid-wrap .brand-grid:first-child {

  border-left: 1px solid var(--color-extra11);

}



.dark-mode .brand-grid-wrap .brand-grid:nth-child(5n) {

  border-left: 1px solid var(--color-extra11);

}



.dark-mode .brand-grid-wrap .brand-grid:hover {

  box-shadow: var(--shadow-darker);

}



.dark-mode .brand-area-1 .brand-grid-wrap .brand-grid:hover {

  background-color: #232c38;

}



.dark-mode .brand-area-3 .brand-grid-wrap .brand-grid {

  border-right: none;

}



.dark-mode .brand-area-3 .brand-grid-wrap.brand-style-3 .brand-grid {

  background-color: var(--bg-color-2);

  opacity: 1;

}



.dark-mode .brand-area-3 .brand-grid-wrap.brand-style-3 .brand-grid img {

  -webkit-filter: brightness(0) saturate(100%) invert(73%) sepia(0%) saturate(4982%) hue-rotate(288deg) brightness(90%) contrast(90%);

  filter: brightness(0) saturate(100%) invert(73%) sepia(0%) saturate(4982%) hue-rotate(288deg) brightness(90%) contrast(90%);

}



.dark-mode .brand-area-3 .brand-grid-wrap.brand-style-3 .brand-grid:hover img {

  -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(71%) saturate(0%) hue-rotate(333deg) brightness(106%) contrast(100%);

  filter: brightness(0) saturate(100%) invert(99%) sepia(71%) saturate(0%) hue-rotate(333deg) brightness(106%) contrast(100%);

}



.dark-mode .brand-area-5::before {

  background-image: url(../images/bg/dark-bg-image-20.svg);

}



@media only screen and (max-width: 991px) {

  .dark-mode .brand-area-5::before {

    background: var(--dark-bg-color);

  }

}



.dark-mode .brand-area-2 .brand-grid-wrap .brand-grid:first-child,

.dark-mode .brand-area-4 .brand-grid-wrap .brand-grid:first-child,

.dark-mode .brand-area-5 .brand-grid-wrap .brand-grid:first-child,

.dark-mode .brand-area-6 .brand-grid-wrap .brand-grid:first-child,

.dark-mode .brand-area-4 .brand-grid-wrap .brand-grid:nth-child(5n),

.dark-mode .brand-area-5 .brand-grid-wrap .brand-grid:nth-child(5n),

.dark-mode .brand-area-6 .brand-grid-wrap .brand-grid:nth-child(5n) {

  border-left: none;

}



.dark-mode .edu-blog .content {

  background-color: var(--bg-color-2);

  box-shadow: none;

}



.dark-mode .edu-blog.blog-style-3 .content::before {

  -webkit-filter: brightness(0) saturate(100%) invert(11%) sepia(21%) saturate(912%) hue-rotate(174deg) brightness(83%) contrast(92%);

  filter: brightness(0) saturate(100%) invert(11%) sepia(21%) saturate(912%) hue-rotate(174deg) brightness(83%) contrast(92%);

}



.dark-mode .edu-blog.blog-style-list {

  background-color: var(--bg-color-2);

}



.dark-mode .blog-meta li::after {

  background-color: var(--color-extra09);

}



.dark-mode .edu-blog-area.blog-area-2::before {

  -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(3862%) hue-rotate(182deg) brightness(105%) contrast(102%);

  filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(3862%) hue-rotate(182deg) brightness(105%) contrast(102%);

}



.dark-mode .edu-blog-area.blog-area-3 .blog-style-2 .content {

  background-color: transparent;

}



.dark-mode .edu-blog-area.blog-area-3 .blog-style-2 .content .blog-date span {

  color: var(--color-white);

}



.dark-mode .edu-blog-area.blog-area-3 .blog-style-2 .content .blog-meta i {

  color: var(--color-title);

}



.dark-mode .edu-blog-area.blog-area-3 .blog-style-2 .inner .thumbnail .blog-date span {

  color: var(--color-white);

}



.dark-mode .edu-blog-sidebar {

  background-color: var(--bg-color-2);

}



.dark-mode .blog-pagination-list {

  border: 1px solid var(--dark-color-border);

}



.dark-mode .blog-pagination-list:hover {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-cta-banner-area {

  background-color: var(--dark-bg-color);

}



.dark-mode .edu-cta-banner-area::before {

  -webkit-filter: brightness(0) saturate(101%) invert(36%) sepia(57%) saturate(374%) hue-rotate(121deg) brightness(86%) contrast(74%);

  filter: brightness(0) saturate(101%) invert(36%) sepia(57%) saturate(374%) hue-rotate(121deg) brightness(86%) contrast(74%);

}



.dark-mode .university-cta-wrapper.edu-cta-banner-area::before {

  -webkit-filter: brightness(0) saturate(101%) invert(36%) sepia(57%) saturate(374%) hue-rotate(121deg) brightness(86%) contrast(74%) !important;

  filter: brightness(0) saturate(101%) invert(36%) sepia(57%) saturate(374%) hue-rotate(121deg) brightness(86%) contrast(74%) !important;

}



.dark-mode .online-academy-cta-wrapper {

  background-image: none;

  background-color: var(--dark-bg-color);

}



.dark-mode .online-academy-cta-wrapper::before {

  background-image: url(../images/cta/h-4-cta.svg);

  background-size: cover;

  background-repeat: no-repeat;

  -webkit-filter: brightness(0) saturate(100%) invert(6%) sepia(18%) saturate(1959%) hue-rotate(173deg) brightness(98%) contrast(97%);

  filter: brightness(0) saturate(100%) invert(6%) sepia(18%) saturate(1959%) hue-rotate(173deg) brightness(98%) contrast(97%);

}



.dark-mode .cta-banner-2 {

  background-color: var(--dark-bg-color);

}



.dark-mode .cta-banner-2::before {

  display: none;

}



.dark-mode .cta-banner-2 .shape-group li.shape-5 {

  bottom: 0;

}



.dark-mode .cta-banner-3 {

  background-color: var(--dark-color-bg-body);

}



.dark-mode .cta-banner-3::before {

  -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);

  filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);

}



.dark-mode .cta-banner-3 .newsletter-form .input-group .form-control {

  background-color: var(--dark-color-bg-body);

}



.dark-mode .cta-banner-3 .shape-group li.shape-3 img,

.dark-mode .cta-banner-3 .shape-group li.shape-4 img {

  opacity: 0.65;

}



.dark-mode .cta-area-1 .cta-style-3 .inner .content .subtitle {

  color: var(--color-white);

}



.dark-mode .cta-area-1 .cta-style-3 .inner .content .title {

  color: var(--color-white);

}



.dark-mode .cta-area-1 .cta-style-3 .shape-group li.shape-02 img {

  -webkit-filter: opacity(0.06);

  filter: opacity(0.06);

}



.dark-mode .cta-area-1 .home-one-cta .shape-group li.shape-02 img {

  -webkit-filter: opacity(0.06);

  filter: opacity(0.06);

}



.dark-mode .cta-area-2 .cta-style-2 .inner .content .subtitle {

  color: var(--color-black);

}



.dark-mode .cta-area-2 .cta-style-2 .inner .content .title a {

  color: var(--color-black);

}



.dark-mode .cta-area-2 .cta-style-2 .inner .content .title a:hover {

  color: rgba(24, 24, 24, 0.75);

}



.dark-mode .categorie-grid {

  background-color: var(--bg-color-2);

}



.dark-mode .categorie-grid .content p {

  color: var(--color-title);

}



.dark-mode .categorie-grid:hover .icon {

  color: var(--color-white);

}



.dark-mode .categorie-grid:hover .content .title {

  color: var(--color-white);

}



.dark-mode .categorie-grid:hover .content p {

  color: var(--color-white);

}



.dark-mode .categorie-grid:hover .icon svg path {

  stroke: var(--color-white);

}



.dark-mode .categorie-grid.color-primary-style:hover .icon,

.dark-mode .categorie-grid.color-primary-style:hover .course-remain,

.dark-mode .categorie-grid.color-secondary-style:hover .icon,

.dark-mode .categorie-grid.color-secondary-style:hover .course-remain,

.dark-mode .categorie-grid.color-tertiary-style:hover .icon,

.dark-mode .categorie-grid.color-tertiary-style:hover .course-remain,

.dark-mode .categorie-grid.color-extra01-style:hover .icon,

.dark-mode .categorie-grid.color-extra01-style:hover .course-remain,

.dark-mode .categorie-grid.color-extra02-style:hover .icon,

.dark-mode .categorie-grid.color-extra02-style:hover .course-remain,

.dark-mode .categorie-grid.color-extra03-style:hover .icon,

.dark-mode .categorie-grid.color-extra03-style:hover .course-remain,

.dark-mode .categorie-grid.color-extra04-style:hover .icon,

.dark-mode .categorie-grid.color-extra04-style:hover .course-remain,

.dark-mode .categorie-grid.color-extra05-style:hover .icon,

.dark-mode .categorie-grid.color-extra05-style:hover .course-remain,

.dark-mode .categorie-grid.color-extra06-style:hover .icon,

.dark-mode .categorie-grid.color-extra06-style:hover .course-remain,

.dark-mode .categorie-grid.color-extra07-style:hover .icon,

.dark-mode .categorie-grid.color-extra07-style:hover .course-remain,

.dark-mode .categorie-grid.color-extra08-style:hover .icon,

.dark-mode .categorie-grid.color-extra08-style:hover .course-remain {

  color: var(--color-white);

}



.dark-mode .categorie-grid.color-primary-style:hover .icon,

.dark-mode .categorie-grid.color-secondary-style:hover .icon,

.dark-mode .categorie-grid.color-tertiary-style:hover .icon,

.dark-mode .categorie-grid.color-extra01-style:hover .icon,

.dark-mode .categorie-grid.color-extra02-style:hover .icon,

.dark-mode .categorie-grid.color-extra03-style:hover .icon,

.dark-mode .categorie-grid.color-extra04-style:hover .icon,

.dark-mode .categorie-grid.color-extra05-style:hover .icon,

.dark-mode .categorie-grid.color-extra06-style:hover .icon,

.dark-mode .categorie-grid.color-extra07-style:hover .icon,

.dark-mode .categorie-grid.color-extra08-style:hover .icon {

  color: var(--color-white);

}



.dark-mode .categorie-grid.categorie-style-3 {

  background-color: var(--bg-color-2);

}



.dark-mode .categorie-area-3 {

  background-color: var(--dark-color-bg-body);

}



.dark-mode .categorie-area-3::before {

  display: none;

}



.dark-mode .home-four-course::before {

  display: none;

}



.dark-mode .edu-counterup.counterup-style-5 {

  background-color: var(--bg-color-2);

}



.dark-mode .counterup-area-1 .counterup-style-1 {

  background-color: var(--bg-color-2);

  box-shadow: none;

}



.dark-mode .counterup-area-2 .counterup-box-wrap {

  background-color: var(--bg-color-2);

  box-shadow: inherit;

}



.dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup {

  border-radius: 0;

}



.dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:first-child {

  border-right: 0.8px solid var(--dark-color-border);

}



@media only screen and (max-width: 479px) {

  .dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:first-child {

    border-right: none;

  }

}



.dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {

  border-right: 0.8px solid var(--dark-color-border);

}



@media only screen and (max-width: 479px) {

  .dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:nth-child(3) {

    border-right: none;

  }

}



.dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box.counterup-box-1 {

  border-bottom: 0.8px solid var(--dark-color-border);

}



@media only screen and (max-width: 479px) {

  .dark-mode .counterup-area-2 .counterup-box-wrap .counterup-box.counterup-box-1 {

    border-bottom: none;

  }

}



.dark-mode .course-area-3 .isotop-button button {

  background-color: var(--bg-color-2);

}



.dark-mode .course-area-3 .isotop-button button.is-checked,

.dark-mode .course-area-3 .isotop-button button:hover {

  background-color: var(--color-secondary);

}



.dark-mode .counterup-area-7 .counterup-box-wrap {

  background-color: var(--bg-color-2);

}



.dark-mode .counterup-area-8 .shape-group li.shape-1 img {

  -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);

  filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);

}



.dark-mode .counterup-style-4 {

  background-color: var(--bg-color-2);

  box-shadow: none;

}



.dark-mode .counterup-style-6 .icon,

.dark-mode .counterup-style-6 .count-number,

.dark-mode .counterup-style-6 .title {

  color: var(--color-white);

}



.dark-mode .pv-demo-counterup .counterup-wrap {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-sorting-area .sorting-right .edu-sorting .edu-select {

  background-color: var(--bg-color-2);

}



.dark-mode .pv-demo-area .single-demo .inner {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-course {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-course .thumbnail .duration {

  color: var(--color-white);

}



.dark-mode .edu-course .inner .content .course-meta li::after {

  background-color: var(--color-extra09);

}



.dark-mode .edu-course .course-hover-content .content .course-level {

  background-color: var(--color-white);

  color: var(--color-black);

}



.dark-mode .edu-course .course-hover-content .content .title {

  color: var(--color-white);

}



.dark-mode .edu-course .course-hover-content .content .course-rating .rating-count {

  color: var(--color-white);

}



.dark-mode .edu-course .course-hover-content .content .course-price {

  color: var(--color-white);

}



.dark-mode .edu-course .course-hover-content .content p {

  color: var(--color-white);

}



.dark-mode .edu-course .course-hover-content .content .course-meta li {

  color: var(--color-white);

}



.dark-mode .edu-course .course-hover-content .content .course-meta li i {

  color: var(--color-white);

}



.dark-mode .edu-course .course-hover-content .content .btn-secondary {

  color: var(--color-white);

}



.dark-mode .edu-course .course-hover-content .content .btn-secondary:hover {

  color: var(--color-black) !important;

}



.dark-mode .edu-course.course-style-3::before {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-course.course-style-3 .inner .content {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-course.course-style-4:hover .content .course-price {

  color: var(--color-white);

}



.dark-mode .edu-course.course-style-4:hover .content .title a {

  color: var(--color-white);

}



.dark-mode .edu-course.course-style-4:hover .content .course-rating .rating-count {

  color: var(--color-white);

}



.dark-mode .edu-course.course-style-4:hover .content .course-meta li {

  color: var(--color-white);

}



.dark-mode .edu-course.course-style-4:hover .content .course-meta li::after {

  background-color: var(--color-title);

}



.dark-mode .edu-course.course-style-4:hover .content .course-meta li i {

  color: var(--color-white);

}



.dark-mode .edu-course.course-style-5 .inner .content .price-round {

  color: var(--color-white);

}



.dark-mode .edu-course.course-style-6 {

  background-color: var(--dark-bg-color);

}



.dark-mode .edu-course.course-style-6 .content {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-course.course-style-6 .thumbnail .price-round {

  color: var(--color-white);

}



.dark-mode .edu-course.course-style-7 .thumbnail .course-price.price-round {

  background-color: var(--color-white);

}



.dark-mode .edu-course.course-style-7 .content .course-level,

.dark-mode .edu-course.course-style-7 .content .title {

  color: var(--color-white);

}



.dark-mode .edu-course.course-style-7 .content .course-meta li {

  color: var(--color-white);

}



.dark-mode .edu-course.course-style-7 .content .course-meta li::after {

  background-color: #a19c9c;

}



.dark-mode .edu-course.course-style-7 .content .course-meta li i {

  color: var(--color-white);

}



.dark-mode .edu-course.course-style-7 .content p {

  color: var(--color-white);

}



.dark-mode .edu-course.course-style-8:hover .content .course-price,

.dark-mode .edu-course.course-style-4:hover .content .course-price {

  color: var(--color-white);

}



.dark-mode .edu-course.course-style-8 .hover-content-aside .content:before,

.dark-mode .edu-course.course-style-4 .hover-content-aside .content:before {

  border-right: 11px solid transparent;

  border-left: 11px solid transparent;

  border-bottom: 13px solid var(--dark-bg-color);

}



.dark-mode .edu-course.course-style-14:hover {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-course.course-style-9:hover {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-course .hover-content-aside .content {

  background-color: var(--dark-bg-color);

}



.dark-mode .edu-course .hover-content-aside .content::before {

  border-right: 13px solid var(--dark-bg-color);

}



.dark-mode .bg-lighten03 {

  background-color: var(--dark-bg-color);

}



.dark-mode .tpd-tooltip .tpd-content-relative-padder {

  background-color: var(--dark-bg-color);

}



.dark-mode .tpd-tooltip .tpd-content-relative-padder .content .button-group .edu-btn {

  color: var(--color-white) !important;

}



.dark-mode .course-area-1 .edu-course-widget {

  background-color: var(--bg-color-2);

}



.dark-mode .course-area-4 {

  background-color: var(--dark-bg-color);

}



.dark-mode .course-area-7::before {

  -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);

  filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);

}



.dark-mode .course-area-7 .shape-group li img {

  opacity: 0.65;

}



.dark-mode .pv-course-details-area {

  background-color: var(--dark-bg-color);

}



.dark-mode .pv-course-details-area::before {

  display: none;

}



.dark-mode .pv-courses-demo .shape-group li.shape-2 img {

  -webkit-filter: opacity(0.06);

  filter: opacity(0.06);

}



.dark-mode .course-sidebar-2 {

  background-color: var(--dark-bg-color);

}



.dark-mode .course-sidebar-3 .edu-course-widget {

  background-color: var(--bg-color-2);

}



.dark-mode .course-sidebar-3 .edu-course-widget.widget-course-summery .thumbnail .play-btn {

  background-color: var(--color-white);

}



.dark-mode .course-sidebar-3 .edu-course-widget.widget-course-summery .thumbnail .play-btn:hover {

  color: var(--color-secondary);

}



.dark-mode .course-sidebar-3 .edu-blog-widget {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-course-widget {

  background-color: var(--bg-color-2);

}



.dark-mode .course-curriculam .course-lesson ul li {

  background-color: var(--dark-color-bg-body);

  color: var(--color-white);

}



.dark-mode .course-curriculam .course-lesson ul li:hover {

  color: var(--color-primary);

}



.dark-mode .course-review .rating-box {

  background: var(--bg-color-2);

}



.dark-mode .course-review .review-wrapper .progress {

  background-color: var(--bg-color-2);

}



.dark-mode .course-review .comment-form-area .rating-icon .rating i {

  color: var(--dark-footer-text);

}



.dark-mode .course-details-area .entry-content .thumbnail .video-play-btn {

  background-color: var(--color-white);

  color: var(--color-secondary);

}



.dark-mode .course-details-area .entry-content .thumbnail .video-play-btn:hover {

  background-color: var(--color-secondary);

  color: var(--color-white);

}



.dark-mode .course-details-content .course-enroll-box {

  background-color: var(--bg-color-2);

}



.dark-mode .course-details-content .entry-content .course-meta li::after {

  background-color: var(--color-extra10);

}



.dark-mode .tag-list a:hover {

  color: var(--color-white);

}



.dark-mode .edu-blog-widget.widget-action .inner {

  background-color: var(--dark-color-bg-body);

}



.dark-mode .edu-blog-widget.widget-action .inner::before {

  background-image: url(../images/others/dark-shape-21.png);

}



.dark-mode .course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .title {

  color: var(--color-white);

}



.dark-mode .course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span {

  color: var(--color-white);

}



.dark-mode .course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span::after {

  background-color: var(--color-white);

}



.dark-mode .course-details-3 .course-curriculam .edu-accordion .accordion-item {

  border: 1px solid var(--dark-color-border);

}



.dark-mode .course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button::after {

  color: var(--color-white);

}



.dark-mode .edu-campus-area .campus-image-gallery .shape-2 img {

  -webkit-filter: opacity(0.06);

  filter: opacity(0.06);

}



.dark-mode .edu-campus-area .campus-content {

  background-color: var(--bg-color-2);

  box-shadow: none;

}



@media only screen and (max-width: 575px) {

  .dark-mode .edu-campus-area .campus-content {

    background-color: transparent;

  }

}



.dark-mode .edu-campus-area .campus-content .shape-5 span {

  opacity: 0.1;

}



.dark-mode .footer-lighten .copyright-area {

  background-color: var(--dark-color-bg-body);

}



.dark-mode .footer-lighten .copyright-area a {

  color: var(--color-primary);

}



.dark-mode .footer-lighten p,

.dark-mode .footer-lighten li,

.dark-mode .footer-lighten a {

  color: var(--color-title);

}



.dark-mode .edu-event .inner .content {

  background-color: var(--bg-color-2);

}



.dark-mode .event-area-3::before {

  -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);

  filter: brightness(0) saturate(100%) invert(4%) sepia(22%) saturate(4302%) hue-rotate(194deg) brightness(91%) contrast(101%);

}



.dark-mode .event-area-3 .edu-event-list {

  background-color: var(--bg-color-2);

}



.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .title {

  color: var(--color-white);

}



.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .title a:hover {

  color: rgba(255, 255, 255, 0.8);

}



.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .event-meta li {

  color: var(--color-white);

}



.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .event-meta li i {

  color: var(--color-white);

}



.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .event-location {

  color: var(--color-white);

}



.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .event-location i {

  color: var(--color-white);

}



.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content p {

  color: var(--color-white);

}



.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .edu-btn {

  color: var(--color-heading) !important;

}



.dark-mode .event-area-3 .edu-event-list:hover:not(.event-list-2) .content .edu-btn:hover {

  color: var(--color-white) !important;

}



.dark-mode .event-area-3 .edu-event-list.bg-style-primary .content .edu-btn.btn-medium:hover {

  color: var(--color-heading) !important;

}



.dark-mode .event-area-3 .shape-group li img {

  opacity: 0.65;

}



.dark-mode .edu-event-list {

  background-color: transparent;

}



.dark-mode .features-box .content p {

  color: var(--color-title);

}



.dark-mode .features-box.features-style-2 .content .title {

  color: var(--color-white);

}



.dark-mode .features-box.features-style-4:hover .icon {

  color: var(--color-white);

}



.dark-mode .features-box.color-primary-style:hover .icon {

  color: var(--color-white);

}



.dark-mode .features-box.color-secondary-style:hover .icon {

  color: var(--color-white);

}



.dark-mode .features-box.color-extra05-style:hover .icon {

  color: var(--color-white);

}



.dark-mode .features-box.color-extra08-style:hover .icon {

  color: var(--color-white);

}



.dark-mode .features-box.color-extra02-style:hover .icon {

  color: var(--color-white);

}



.dark-mode .features-box.color-extra03-style:hover .icon {

  color: var(--color-white);

}



.dark-mode .features-box.color-extra04-style:hover .icon {

  color: var(--color-white);

}



.dark-mode .features-area-1 .features-box {

  background-color: var(--bg-color-2);

  box-shadow: none;

}



.dark-mode .features-area-1 .features-box:hover .icon svg path {

  stroke: var(--color-white);

}



.dark-mode .features-area-1 .features-box .content p {

  color: var(--color-title);

}



.dark-mode .features-area-3 .features-grid-wrap {

  background-color: var(--bg-color-2);

  box-shadow: none;

}



.dark-mode .faq-accordion .accordion-item {

  background-color: var(--bg-color-2);

  color: var(--color-white);

}



.dark-mode .faq-accordion .accordion-item .accordion-button {

  color: var(--color-white);

}



.dark-mode .faq-accordion .accordion-item .accordion-button::before {

  color: var(--color-white);

}



.dark-mode .faq-accordion .accordion-item .accordion-button.collapsed {

  color: var(--color-white);

}



.dark-mode .faq-accordion .accordion-item .accordion-button.collapsed::before {

  color: var(--color-white);

}



.dark-mode .faq-accordion .accordion-item .accordion-body {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-faq-gallery .shape-group li.shape-4 img {

  -webkit-filter: opacity(0.06);

  filter: opacity(0.06);

}



.dark-mode .faq-style-2 {

  background-color: var(--dark-bg-color);

}



.dark-mode .faq-style-2::before {

  display: none;

}



.dark-mode .faq-style-2 .edu-faq-gallery .shape-group .shape-3 img,

.dark-mode .faq-style-2 .edu-faq-gallery .shape-group .shape-5 img {

  -webkit-filter: opacity(0.08);

  filter: opacity(0.08);

}



.dark-mode .faq-style-2 .edu-faq-gallery .shape-group .shape-6 img {

  -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2%) hue-rotate(310deg) brightness(54%) contrast(36%);

  filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(2%) hue-rotate(310deg) brightness(54%) contrast(36%);

}



.dark-mode .faq-style-3 .edu-faq-gallery .thumbnail-1 {

  background-color: var(--color-white);

}



.dark-mode .faq-style-4 .faq-accordion .accordion-item .accordion-button {

  color: var(--color-white);

}



.dark-mode .faq-style-4 .faq-accordion .accordion-item .accordion-button::before {

  color: var(--color-white);

}



.dark-mode .faq-page-tab-content::after {

  -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);

  filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);

}



.dark-mode .edu-footer .footer-dark .widget-title {

  color: var(--color-white);

}



.dark-mode .edu-footer.footer-style-1 {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-footer.footer-style-1 .footer-top .edu-footer-widget .logo a img.logo-light {

  display: none;

}



.dark-mode .edu-footer.footer-style-1 .footer-top .edu-footer-widget .logo a img.logo-dark {

  display: inline-block;

}



.dark-mode .edu-footer.footer-style-1 .copyright-area {

  background-color: var(--dark-color-bg-body);

}



.dark-mode .edu-footer.footer-style-2 {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-footer.footer-style-2 .footer-top .edu-footer-widget .logo a img.logo-light {

  display: inline-block;

}



.dark-mode .edu-footer.footer-style-3 {

  background-color: var(--dark-color-bg-body);

}



.dark-mode .edu-footer.footer-style-3 .edu-footer-widget .logo a img.logo-light {

  display: inline-block;

}



.dark-mode .edu-footer.footer-style-3 .edu-footer-widget .widget-title {

  color: var(--color-white);

}



.dark-mode .edu-footer.footer-style-6 {

  background: var(--dark-color-bg-body);

}



.dark-mode .edu-footer.footer-style-6 .footer-top .edu-footer-widget .widget-title {

  color: var(--color-white);

}



.dark-mode .edu-footer .edu-footer-widget .footer-link li a {

  color: var(--color-title);

}



.dark-mode .edu-footer .edu-footer-widget .footer-link li a:hover {

  color: var(--color-primary);

}



.dark-mode .edu-footer .edu-footer-widget .logo a img.logo-light {

  display: none;

}



.dark-mode .edu-footer .edu-footer-widget .logo a img.logo-dark {

  display: inline-block;

}



.dark-mode .edu-footer .edu-footer-widget .input-group .form-control {

  color: var(--color-white);

  background-color: var(--dark-color-border);

}



.dark-mode .edu-footer .edu-footer-widget .inner .input-group .btn-secondary {

  color: var(--color-white);

}



.dark-mode .edu-footer.footer-kindergarten .copyright-area::before {

  -webkit-filter: brightness(0) saturate(100%) invert(14%) sepia(8%) saturate(2142%) hue-rotate(173deg) brightness(95%) contrast(89%);

  filter: brightness(0) saturate(100%) invert(14%) sepia(8%) saturate(2142%) hue-rotate(173deg) brightness(95%) contrast(89%);

}



.dark-mode .footer-for-kitchen .edu-footer-widget .inner .description,

.dark-mode .footer-for-yoga .edu-footer-widget .inner .description {

  color: var(--color-title);

}



.dark-mode .footer-for-kitchen .edu-footer-widget .inner .widget-information ul li,

.dark-mode .footer-for-yoga .edu-footer-widget .inner .widget-information ul li {

  color: var(--color-title);

}



.dark-mode .footer-for-kitchen .edu-footer-widget .inner .widget-information ul li span,

.dark-mode .footer-for-yoga .edu-footer-widget .inner .widget-information ul li span {

  color: var(--color-white);

}



.dark-mode .footer-for-kitchen .edu-footer-widget .inner .widget-information ul li a,

.dark-mode .footer-for-yoga .edu-footer-widget .inner .widget-information ul li a {

  color: var(--color-title);

}



.dark-mode .footer-for-kitchen .edu-footer-widget .inner .widget-information ul li a:hover,

.dark-mode .footer-for-yoga .edu-footer-widget .inner .widget-information ul li a:hover {

  color: var(--color-primary);

}



.dark-mode .footer-for-kitchen .edu-footer-widget .inner li a,

.dark-mode .footer-for-yoga .edu-footer-widget .inner li a {

  color: var(--color-title);

}



.dark-mode .footer-for-kitchen .edu-footer-widget .inner li a:hover,

.dark-mode .footer-for-yoga .edu-footer-widget .inner li a:hover {

  color: var(--color-primary);

}



.dark-mode .footer-for-kitchen .copyright-area,

.dark-mode .footer-for-yoga .copyright-area {

  background-color: var(--dark-color-bg-body);

  border-top: 1px solid #262626;

}



.dark-mode .header-action li.icon a .count {

  color: var(--color-white);

}



.dark-mode .header-action li.icon a.search-trigger,

.dark-mode .header-action li.icon a.cart-icon,

.dark-mode .header-action li.icon button.search-trigger {

  color: var(--color-white);

}



.dark-mode .header-action .header-btn a {

  color: var(--color-white);

}



.dark-mode .header-action .search-bar .input-group {

  border: 1px solid #333a44;

}



.dark-mode .header-action .search-bar .input-group .form-control {

  background: transparent;

}



.dark-mode .header-style-2 .header-top .header-info li::after {

  background-color: #30302f;

}



.dark-mode .header-style-2 .header-top .header-info li a {

  color: var(--color-white);

}



.dark-mode .header-style-2 .header-mainmenu .header-right::after {

  background-color: var(--dark-color-border);

}



.dark-mode .header-style-3 .header-top-bar {

  background-color: var(--dark-color-bg-body);

}



.dark-mode .header-style-3 .header-mainmenu .header-right::after {

  background-color: var(--color-extra09);

}



.dark-mode .header-style-3 .header-top .header-info li a:hover {

  color: var(--color-secondary);

}



.dark-mode .header-style-3 .header-top .header-info li a.edu-btn:hover {

  color: var(--color-white);

}



.dark-mode .edu-header.header-style-4::before {

  -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(55%) saturate(1345%) hue-rotate(186deg) brightness(89%) contrast(95%);

  filter: brightness(0) saturate(100%) invert(4%) sepia(55%) saturate(1345%) hue-rotate(186deg) brightness(89%) contrast(95%);

}



.dark-mode .edu-header.header-style-4::after {

  -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(55%) saturate(1345%) hue-rotate(186deg) brightness(89%) contrast(95%);

  filter: brightness(0) saturate(100%) invert(4%) sepia(55%) saturate(1345%) hue-rotate(186deg) brightness(89%) contrast(95%);

}



.dark-mode .edu-header.header-style-4 .header-mainmenu {

  background-color: transparent;

}



.dark-mode .edu-header.header-style-4 .header-mainmenu.edu-sticky {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-header.header-style-4 .header-mainmenu .header-navbar .header-right .header-action .search-bar .input-group input[type="text"] {

  background: transparent;

}



.dark-mode .edu-header .header-mainmenu {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-header.header-photography .header-mainmenu {

  background-color: transparent;

}



.dark-mode .edu-header.header-photography .header-mainmenu.edu-sticky {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-header.pv-header-style .header-mainmenu {

  background-color: transparent;

}



.dark-mode .edu-header.pv-header-style .header-mainmenu.edu-sticky {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-header .header-category {

  border-left: 1.5px solid var(--dark-color-border);

  border-right: 1.5px solid var(--dark-color-border);

}



.dark-mode .edu-header .header-brand img.logo-light {

  display: none;

}



.dark-mode .edu-header .header-brand img.logo-dark {

  display: inline-block;

}



.dark-mode .edu-header.header-photography .header-brand img.logo-light {

  display: inline-block;

}



.dark-mode .edu-header.header-photography .header-brand img.logo-dark {

  display: none;

}



.dark-mode .header-top-bar {

  background-color: var(--dark-color-bg-body);

}



.dark-mode .header-top .header-notify {

  color: var(--color-white);

}



.dark-mode .header-top .header-info li a {

  color: var(--color-white);

}



.dark-mode .header-top .header-info li a:hover {

  color: var(--color-secondary);

}



.dark-mode .header-top .header-info li.header-btn .edu-btn {

  color: var(--color-white);

}



.dark-mode .header-top .header-info li.header-btn .edu-btn i {

  color: var(--color-white);

}



.dark-mode .header-top .header-info .social-icon a i {

  color: var(--color-white);

}



.dark-mode .popup-mobile-menu .mainmenu li a {

  color: var(--color-white);

}



.dark-mode .popup-mobile-menu .mainmenu li+li {

  border-top: 1px solid var(--dark-color-border);

}



.dark-mode .popup-mobile-menu .inner {

  background: var(--dark-color-bg-body);

}



.dark-mode .popup-mobile-menu .inner .header-top {

  border-bottom: 1px solid var(--dark-color-border);

}



.dark-mode .popup-mobile-menu .inner .header-top .logo a img.logo-light {

  display: none;

}



.dark-mode .popup-mobile-menu .inner .header-top .logo a img.logo-dark {

  display: inline-block;

}



.dark-mode .popup-mobile-menu .inner .header-top .close-menu .close-button {

  background: var(--dark-color-border);

}



.dark-mode .mainmenu-nav .mainmenu>li>a {

  color: var(--color-white);

}



.dark-mode .mainmenu-nav .mainmenu li.has-droupdown .submenu {

  background-color: #02060d;

}



.dark-mode .mainmenu-nav .mainmenu li.has-droupdown .submenu li a {

  color: var(--color-title);

}



.dark-mode .mainmenu-nav .mainmenu li.has-droupdown ul {

  box-shadow: var(--shadow-darker);

}



.dark-mode .mainmenu-nav .mainmenu li.has-droupdown .mega-sub-menu-01 {

  box-shadow: none;

}



.dark-mode .mainmenu-nav .mainmenu li ul.mega-menu {

  background-color: #02060d;

}



.dark-mode .mainmenu-nav .mainmenu li ul.mega-menu>li {

  border-right: 1px solid #191d22;

}



.dark-mode .edu-search-popup .content-wrap {

  background-color: #282f3a;

}



.dark-mode .edu-search-popup .content-wrap .search-form {

  border-bottom: 1px solid #646465;

}



.dark-mode .edu-search-popup .site-logo img.logo-light {

  display: none;

}



.dark-mode .edu-search-popup .site-logo img.logo-dark {

  display: inline-block;

}



.dark-mode .edu-search-popup .inner .search-form input {

  background: transparent;

}



.dark-mode .hero-banner .banner-thumbnail .instructor-info .inner {

  background-color: var(--color-white);

  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);

}



.dark-mode .hero-banner .banner-thumbnail .instructor-info .inner .title {

  color: var(--color-black);

}



.dark-mode .hero-banner .banner-thumbnail .instructor-info .inner .media .content {

  color: var(--color-black);

}



.dark-mode .hero-banner.presentation-hero-style::before {

  background-image: url(../images/bg/dark-bg-image-27.png);

}



.dark-mode .hero-banner.presentation-hero-style .banner-content::after,

.dark-mode .hero-banner.presentation-hero-style .banner-content::before {

  border: 1px solid #242424;

}



.dark-mode .hero-banner.hero-style-1::before {

  -webkit-filter: opacity(0.1);

  filter: opacity(0.1);

}



.dark-mode .hero-banner.hero-style-2::before {

  -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(3862%) hue-rotate(182deg) brightness(105%) contrast(102%);

  filter: brightness(0) saturate(100%) invert(4%) sepia(14%) saturate(3862%) hue-rotate(182deg) brightness(105%) contrast(102%);

}



.dark-mode .hero-banner.hero-style-3 .banner-content .title {

  color: var(--color-white);

}



.dark-mode .hero-banner.hero-style-3 .banner-content p {

  color: var(--color-white);

}



.dark-mode .hero-banner.hero-style-4 {

  -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);

  clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);

  background: var(--dark-bg-color);

}



.dark-mode .hero-banner.hero-style-4 .scroll-down-btn {

  bottom: -100px;

}



@media only screen and (max-width: 767px) {

  .dark-mode .hero-banner.hero-style-4 .scroll-down-btn {

    bottom: -10px;

  }

}



.dark-mode .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn {

  background-color: rgba(255, 255, 255, 0.05);

}



.dark-mode .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn::before,

.dark-mode .hero-banner.hero-style-4 .scroll-down-btn .scroll-btn::after {

  border: 1px solid rgba(255, 255, 255, 0.05);

}



.dark-mode .hero-banner.hero-style-4::before {

  display: none;

}



.dark-mode .hero-banner.hero-style-4 .shape-group li.shape-1 img {

  -webkit-filter: opacity(0.06);

  filter: opacity(0.06);

}



.dark-mode .hero-banner.hero-style-4 .shape-group li.shape-7 img {

  -webkit-filter: opacity(0.05);

  filter: opacity(0.05);

}



.dark-mode .hero-banner.hero-style-4 .shape-group li.shape-3 img,

.dark-mode .hero-banner.hero-style-4 .shape-group li.shape-5 img {

  -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(0%) hue-rotate(313deg) brightness(59%) contrast(36%);

  filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(0%) hue-rotate(313deg) brightness(59%) contrast(36%);

}



.dark-mode .hero-banner.hero-style-4 .banner-gallery .online-support .inner .content .title a {

  color: var(--color-black);

}



.dark-mode .hero-banner.hero-style-5 .banner-thumbnail .thumbnail {

  background-color: var(--color-white);

}



.dark-mode .hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-1 img {

  -webkit-filter: opacity(0.08);

  filter: opacity(0.08);

}



.dark-mode .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-1 img {

  -webkit-filter: opacity(0.08);

  filter: opacity(0.08);

}



.dark-mode .hero-banner.hero-style-7 {

  background: var(--dark-bg-color);

}



.dark-mode .hero-banner.hero-style-7 .shape-group {

  z-index: 1;

}



.dark-mode .hero-banner.hero-style-7 .shape-group li img {

  opacity: 0.65;

}



.dark-mode .instagram-grid a::after {

  background-color: var(--color-black);

}



.dark-mode .instagram-grid a .user-info {

  color: var(--color-white);

}



.dark-mode .pv-shop-area {

  background-color: var(--dark-bg-color);

}



.dark-mode .pv-shop-area::before {

  display: none;

}



.dark-mode .pv-inner-page-area {

  background: var(--dark-bg-color);

}



.dark-mode .pv-inner-page-area::before {

  display: none;

}



.dark-mode .pv-cta-area {

  background-color: var(--dark-color-bg-body);

}



.dark-mode .pv-cta-area::before {

  background-image: url(../images/bg/dark-bg-imgae-26.png);

}



.dark-mode .pv-cta-area .cta-content .title {

  color: var(--color-white);

}



.dark-mode .team-share-info li a {

  color: var(--color-white);

  border: 2px solid var(--color-white);

}



.dark-mode .team-share-info li a:hover {

  color: var(--color-primary);

  background: var(--color-white);

}



.dark-mode .edu-team-grid.team-style-1:hover .team-share-info li:first-child a {

  background-color: var(--color-white);

  border-color: transparent;

}



.dark-mode .edu-team-grid.team-style-2::after {

  background-color: var(--bg-color-2);

  box-shadow: none;

}



.dark-mode .edu-team-grid.team-style-3 .content .title a {

  color: var(--color-heading);

}



.dark-mode .edu-team-grid.team-style-4 .content .title {

  background-color: var(--bg-color-2);

  color: var(--color-white);

}



.dark-mode .edu-team-grid.team-style-4 .content .designation {

  background-color: var(--bg-color-2);

  color: var(--color-white);

}



.dark-mode .edu-team-grid.team-style-5 .content {

  background-color: var(--bg-color-2);

  box-shadow: none;

}



.dark-mode .edu-team-grid.team-style-5 .content .title {

  color: var(--color-white);

}



.dark-mode .team-area-6 .shape-group .shape-1 img,

.dark-mode .team-area-6 .shape-group .shape-2 img,

.dark-mode .team-area-6 .shape-group .shape-3 img {

  -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);

  filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);

}



.dark-mode .edu-team-details-area .team-details-content .main-info .team-meta li::after {

  background-color: #6a6a6a;

}



.dark-mode .testimonial-grid {

  background-color: var(--bg-color-2);

  box-shadow: none;

}



.dark-mode .testimonial-grid p {

  color: var(--color-title);

}



.dark-mode .testimonial-grid .thumbnail .qoute-icon {

  color: var(--color-white);

  border: 4px solid var(--color-white);

}



.dark-mode .testimonial-area-2 .testimonial-slide .content {

  box-shadow: none;

}



.dark-mode .testimonial-area-2 .shape-group .shape-1 img {

  -webkit-filter: opacity(0.06);

  filter: opacity(0.06);

}



.dark-mode .testimonial-area-2.edu-section-gap .shape-group .shape-3 img {

  -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);

  filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);

}



.dark-mode .testimonial-area-3 .shape-group li.shape-5 {

  bottom: 150px;

}



.dark-mode .testimonial-area-3 .shape-group li.shape-5 img {

  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(344deg) brightness(100%) contrast(104%);

  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(344deg) brightness(100%) contrast(104%);

}



.dark-mode .testimonial-slide .content {

  background-color: var(--bg-color-2);

}



.dark-mode .testimonial-slide .content p {

  color: var(--color-title);

}



.dark-mode .testimonial-area-4 .shape-group li.shape-2 img {

  -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);

  filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);

}



.dark-mode .testimonial-area-4 .slick-arrow-nav .slick-arrow:hover {

  color: var(--color-white);

}



.dark-mode .testimonial-area-6::before {

  background: var(--dark-bg-color);

}



.dark-mode .testimonial-area-6 .testimonial-slide .content {

  background-color: transparent;

}



.dark-mode .testimonial-area-6 .shape-group li.shape-3 span {

  border: 1px solid var(--color-extra10);

}



.dark-mode .testimonial-area-8::before {

  -webkit-filter: brightness(0) saturate(100%) invert(5%) sepia(18%) saturate(3887%) hue-rotate(188deg) brightness(92%) contrast(102%);

  filter: brightness(0) saturate(100%) invert(5%) sepia(18%) saturate(3887%) hue-rotate(188deg) brightness(92%) contrast(102%);

}



.dark-mode .testimonial-coverflow .testimonial-grid::before {

  background-color: var(--dark-color-bg-body);

}



.dark-mode .video-area-1::before {

  -webkit-filter: brightness(0) saturate(100%) invert(4%) sepia(83%) saturate(1113%) hue-rotate(182deg) brightness(92%) contrast(101%);

  filter: brightness(0) saturate(100%) invert(4%) sepia(83%) saturate(1113%) hue-rotate(182deg) brightness(92%) contrast(101%);

}



.dark-mode .video-gallery .thumbnail .video-play-btn i {

  color: var(--color-white);

}



.dark-mode .video-banner-content .video-play-btn i {

  color: var(--color-white);

}



.dark-mode .video-banner-content .title {

  color: var(--color-white);

}



.dark-mode .video-gallery .content {

  background-color: var(--dark-color-bg-body);

}



.dark-mode .why-choose-area-1 .thumbnail.thumbnail-2 img {

  background-color: var(--color-white);

}



.dark-mode .why-choose-area-1 .why-choose-content .features-list .features-box.color-secondary-style:hover .icon,

.dark-mode .why-choose-area-1 .why-choose-content .features-list .features-box.color-primary-style:hover .icon,

.dark-mode .why-choose-area-1 .why-choose-content .features-list .features-box.color-extra05-style:hover .icon {

  color: var(--color-white);

}



.dark-mode .why-choose-area-2 {

  background-color: var(--dark-color-bg-body);

}



.dark-mode .why-choose-area-4 .shape-group li.shape-2 span {

  border: 1px solid var(--color-extra10);

}



.dark-mode .why-choose-box-3.features-box .icon {

  color: var(--color-white);

}



.dark-mode .why-choose-box-3.features-box .content {

  background-color: var(--bg-color-2);

}



.dark-mode .coming-soon-page-area {

  background: var(--dark-bg-color);

}



.dark-mode .coming-soon-page-area::before {

  -webkit-filter: opacity(0.2);

  filter: opacity(0.2);

}



.dark-mode .coming-soon-page-area .coming-soon-content .title {

  background: var(--gradient-primary);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.dark-mode .coming-soon-page-area .coming-soon-content .input-group {

  background-color: var(--bg-color-2);

}



.dark-mode .coming-soon-page-area .coming-soon-content .input-group .form-control {

  color: var(--color-white);

}



.dark-mode .coming-soon-page-area .coming-countdown .countdown-section::after {

  color: var(--color-white);

}



.dark-mode .coming-soon-page-area .coming-countdown .countdown-number {

  color: var(--color-white);

}



.dark-mode .coming-soon-page-area .shape-group li.shape-1 img,

.dark-mode .coming-soon-page-area .shape-group li.shape-2 img {

  -webkit-filter: opacity(0.5);

  filter: opacity(0.5);

}



.dark-mode .edu-gallery-grid .zoom-icon {

  background-color: var(--color-white);

}



.dark-mode .edu-pagination li.active a {

  color: var(--color-white);

}



.dark-mode .section-title .pre-title {

  color: var(--color-title);

}



.dark-mode .section-title p {

  color: var(--color-title);

}



.dark-mode .section-title-flex .left-content::after {

  background-color: var(--color-extra10);

}



.dark-mode .social-share li a {

  color: var(--color-white);

}



.dark-mode .social-share li a:hover {

  color: var(--color-white);

}



.dark-mode .pricing-table {

  background-color: var(--bg-color-2);

}



.dark-mode .pricing-table .pricing-header {

  border-bottom: 1px solid var(--dark-color-border) !important;

}



.dark-mode .login-form-box {

  background-color: var(--bg-color-2);

}



.dark-mode select {

  border: 1px solid var(--dark-color-border);

  background: url(../images/icons/Down-Arrow.png) 88% center no-repeat transparent;

}



.dark-mode .edu-product .inner>.thumbnail .product-hover-info ul li a {

  background-color: var(--bg-color-2);

}



.dark-mode .edu-product .inner>.thumbnail .product-hover-info ul li a:hover {

  color: var(--color-white);

}



.dark-mode .pro-qty input {

  color: var(--color-white);

}



.dark-mode .product-details-area .content .product-action .add-to-cart-btn .wishlist-btn:hover i {

  color: var(--color-white);

}



.dark-mode .cart-table th,

.dark-mode .cart-table td {

  border-bottom: 1px solid var(--dark-color-border) !important;

}



.dark-mode .cart-table tbody td {

  color: var(--color-title);

}



.dark-mode .cart-update-btn-area .product-cupon {

  border: 1px solid var(--dark-color-border);

}



.dark-mode .cart-update-btn-area .product-cupon .submit-btn {

  color: var(--color-white);

}



.dark-mode .cart-update-btn-area input[type="text"] {

  background-color: transparent;

}



.dark-mode .cart-update-btn-area .update-btn .edu-btn.disabled {

  opacity: 1;

}



.dark-mode .order-summery tbody td {

  border-color: var(--dark-color-border) !important;

}



.dark-mode .checkout-billing .form-group input,

.dark-mode .checkout-billing .form-group textarea {

  border-color: var(--dark-color-border);

  background-color: transparent;

}



.dark-mode .checkout-billing .form-group select {

  background: url(../images/icons/Down-Arrow.png) 88% center no-repeat transparent;

}



.dark-mode .order-payment .payment-method {

  background-color: var(--bg-color-2);

}



.dark-mode .order-payment .form-group {

  border-bottom: 1px solid var(--dark-color-border);

}



.dark-mode .order-payment .form-group:last-child {

  border-bottom: none;

}



.dark-mode .cls-1 {

  fill: var(--color-white);

}



.dark-mode .edu-accordion .accordion-item .accordion-button {

  color: var(--color-white);

  background-color: var(--dark-color-bg-body);

}



.dark-mode blockquote {

  background-color: var(--bg-color-2);

}



.dark-mode .contact-form.form-style-2 {

  background-color: var(--bg-color-2);

  box-shadow: none;

}



.dark-mode .event-details .details-content .event-meta li::after {

  background-color: var(--dark-color-border);

}



.dark-mode .error-page-area .shape-group .shape-1 img {

  -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);

  filter: brightness(0) saturate(100%) invert(96%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(104%) contrast(101%);

}



.dark-mode .privacy-policy ul li {

  color: var(--color-title);

}



.dark-mode .course-overview ul li {

  color: var(--color-title);

}



.dark-mode .product-description-content .comment-form .form-group input,

.dark-mode .product-description-content .comment-form .form-group textarea {

  background: transparent;

}



.dark-mode .comment-form .form-group input,

.dark-mode .comment-form .form-group textarea {

  box-shadow: none;

  border: 1px solid var(--dark-color-border);

  background: transparent;

}



.dark-mode .comment-form .form-group .edu-form-check label::before {

  background-color: transparent;

}



.dark-mode .wishlist-btn {

  background: transparent;

}



.dark-mode .wishlist-btn.btn-outline-dark {

  border: 1px solid var(--dark-color-border);

}



.dark-mode .wishlist-btn.btn-outline-dark:hover {

  color: var(--color-white);

  border-color: var(--color-secondary);

  background-color: var(--color-secondary);

}



.dark-mode .wishlist-btn i {

  color: var(--color-white);

}



.dark-mode .btn-icon-round {

  color: var(--color-white);

}



.dark-mode .btn-icon-round:hover {

  color: var(--color-white);

}



.dark-mode a.edu-btn.btn-secondary {

  color: var(--color-white);

}



.dark-mode a.edu-btn.btn-secondary:hover {

  color: var(--color-white);

}



.dark-mode .isotop-button button:hover,

.dark-mode .isotop-button button.is-checked {

  color: var(--color-white);

}



.dark-mode a.edu-btn.btn-border:hover {

  color: var(--color-white);

}



.dark-mode input[type="text"],

.dark-mode input[type="password"],

.dark-mode input[type="email"],

.dark-mode input[type="number"],

.dark-mode input[type="tel"],

.dark-mode textarea {

  background-color: transparent;

}



.dark-mode .contact-form-area input[type="text"],

.dark-mode .contact-form-area input[type="password"],

.dark-mode .contact-form-area input[type="email"],

.dark-mode .contact-form-area input[type="number"],

.dark-mode .contact-form-area input[type="tel"],

.dark-mode .contact-form-area textarea {

  border: 1px solid var(--dark-color-border);

}



.dark-mode input[type="checkbox"]~label,

.dark-mode input[type="radio"]~label {

  color: var(--color-title);

}



.dark-mode input[type="checkbox"]~label::before,

.dark-mode input[type="radio"]~label::before {

  border: 1px solid var(--dark-color-border);

  color: var(--color-white);

}



.dark-mode input[type="checkbox"]~label::after,

.dark-mode input[type="radio"]~label::after {

  color: var(--color-white);

}



.dark-mode input[type="checkbox"]:checked~label::before,

.dark-mode input[type="radio"]:checked~label::before {

  background-color: var(--color-primary);

  border-color: var(--color-primary);

}



.dark-mode .login-form-box .chekbox-area .edu-form-check label::before {

  background-color: transparent;

}



.dark-mode .swiper-navigation .swiper-btn-nxt,

.dark-mode .swiper-navigation .swiper-btn-prv {

  background-color: transparent;

  color: var(--color-white);

}



.dark-mode .swiper-navigation .swiper-btn-nxt:hover,

.dark-mode .swiper-navigation .swiper-btn-prv:hover {

  color: var(--color-white);

}



.dark-mode .blog-style-4 .swiper-navigation .swiper-btn-nxt,

.dark-mode .blog-style-4 .swiper-navigation .swiper-btn-prv {

  background-color: var(--bg-color-2);

  color: var(--color-white);

}



.dark-mode .blog-style-4 .swiper-navigation .swiper-btn-nxt:hover,

.dark-mode .blog-style-4 .swiper-navigation .swiper-btn-prv:hover {

  color: var(--color-white);

}



html[dir="rtl"] .header-top .header-top-right .header-info li {

  padding: 14px 35px 12px 30px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  html[dir="rtl"] .header-top .header-top-right .header-info li {

    padding: 14px 30px 12px;

    font-size: 11px;

  }

}



html[dir="rtl"] .header-top .header-top-right .header-info li .contact {

  position: relative;

  margin: 0 2px 0 0;

  -webkit-transition: var(--transition);

  transition: var(--transition);

}



html[dir="rtl"] .header-top .header-top-right .header-info li .contact:hover {

  color: var(--color-secondary);

}



html[dir="rtl"] .header-top .header-top-right .header-info li .icon-phone,

html[dir="rtl"] .header-top .header-top-right .header-info li .icon-envelope {

  position: absolute;

  width: 100%;

  height: 100%;

  right: -30px;

  top: 10%;

}



html[dir="rtl"] .header-top .header-top-right .header-info li.header-btn {

  padding: 0 0 0 30px !important;

}



html[dir="rtl"] .header-top .header-top-right .header-info li.header-btn .edu-btn i {

  font-size: 16px;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  html[dir="rtl"] .header-top .header-top-left .header-notify {

    font-size: 11px;

  }

}



html[dir="rtl"] .header-top .header-info li .icon-envelope,

html[dir="rtl"] .header-top .header-info li .icon-phone {

  padding-right: inherit;

  padding-left: 10px;

}



html[dir="rtl"] .header-top .header-info li::after {

  right: inherit;

  left: 0;

}



html[dir="rtl"] .header-action li.icon.cart-icon {

  margin-right: 10px;

}



html[dir="rtl"] .header-category .mainmenu-nav .mainmenu li {

  margin-right: 0;

}



html[dir="rtl"] .edu-header .header-category .mainmenu li.has-droupdown>a i {

  padding-right: inherit;

  margin-left: 10px;

}



html[dir="rtl"] .edu-header .header-category .mainmenu li.has-droupdown>a {

  padding: 0 20px 0 40px;

}



html[dir="rtl"] .edu-header .header-brand .logo {

  margin-right: 0;

  margin-left: 40px;

}



html[dir="rtl"] .header-style-4 .header-navbar .header-mainnav {

  margin-left: 0;

  margin-right: 25px;

}



html[dir="rtl"] .header-style-4 .mainmenu-nav .mainmenu li ul.mega-menu {

  right: -145px;

}



html[dir="rtl"] .header-style-2 .mainmenu-nav .mainmenu li ul.mega-menu,

html[dir="rtl"] .header-style-3 .mainmenu-nav .mainmenu li ul.mega-menu {

  right: -500px;

}



html[dir="rtl"] .header-style-7 .mainmenu-nav .mainmenu li ul.mega-menu {

  left: inherit;

  right: -210px;

}



html[dir="rtl"] .header-style-2 .header-mainmenu .header-right {

  padding-left: inherit;

  padding-right: 50px;

  margin-left: 10px;

}



html[dir="rtl"] .header-style-2 .header-mainmenu .header-right::after {

  left: inherit;

  right: 17px;

}



html[dir="rtl"] .header-style-1 .header-brand .logo {

  margin-right: 27px;

}



@media only screen and (max-width: 767px) {

  html[dir="rtl"] .header-style-1 .header-brand .logo {

    margin-right: 0;

  }

}



html[dir="rtl"] .header-style-1 .header-category {

  margin-right: 30px;

}



html[dir="rtl"] .header-style-3 .header-brand .logo {

  margin-right: 0;

}



html[dir="rtl"] .header-style-3 .header-mainmenu .header-right {

  padding-left: inherit;

  padding-right: 50px;

  margin-left: inherit;

  margin-right: 22px;

}



html[dir="rtl"] .header-style-3 .header-mainmenu .header-right::after {

  left: inherit;

  right: 0;

}



html[dir="rtl"] .header-style-3 .header-action {

  margin: 0;

}



html[dir="rtl"] .header-style-7 .header-brand .logo {

  margin-right: 0;

  margin-left: 40px;

}



html[dir="rtl"] .header-action .search-bar .input-group .form-control {

  padding: 0 20px 0 20px;

}



html[dir="rtl"] .header-action li.icon.cart-icon {

  -webkit-transform: rotateY(180deg);

  transform: rotateY(180deg);

}



html[dir="rtl"] .mainmenu-nav .mainmenu li.has-droupdown>a::after {

  right: inherit;

  left: 10px;

}



html[dir="rtl"] .mainmenu-nav .mainmenu li.has-droupdown .submenu {

  text-align: right;

  left: inherit;

  right: 0;

}



html[dir="rtl"] .mainmenu-nav .mainmenu li ul.mega-menu {

  left: inherit;

  right: -292px;

}



html[dir="rtl"] .mainmenu-nav .mainmenu li ul.mega-menu .menu-title {

  padding-left: 0;

  padding-right: 70px;

}



html[dir="rtl"] .mainmenu-nav .mainmenu li ul.mega-menu .submenu {

  padding: 0px 35px 0 0;

}



html[dir="rtl"] .mainmenu-nav .mainmenu li ul.mega-menu>li {

  border-right: 1px solid var(--color-border);

}



html[dir="rtl"] .mainmenu-nav .mainmenu li ul.mega-menu>li:first-child {

  border-right: 0;

}



html[dir="rtl"] .mainmenu-nav .mainmenu li ul.mega-menu-one>li {

  border-right: 1px solid var(--color-border);

}



html[dir="rtl"] .mainmenu-nav .mainmenu li ul.mega-menu-one>li:nth-child(3) {

  border-right: none;

}



html[dir="rtl"] .popup-mobile-menu .inner {

  left: inherit;

  right: -150px;

}



html[dir="rtl"] .popup-mobile-menu .mainmenu .has-droupdown>a::after {

  right: inherit;

  left: 0;

}



html[dir="rtl"] .popup-mobile-menu.active .inner {

  left: inherit;

  right: 0;

}



html[dir="rtl"] .edu-search-popup .site-logo {

  left: inherit;

  right: 70px;

}



html[dir="rtl"] .edu-search-popup .close-button {

  right: inherit;

  left: 62px;

}



html[dir="rtl"] .edu-search-popup .inner .search-form .submit-button {

  right: inherit;

  left: 0;

}



html[dir="rtl"] .hero-banner .banner-content .shape-group li.shape-1 {

  left: inherit;

  right: -74px;

}



html[dir="rtl"] .hero-banner .banner-thumbnail .thumbnail {

  text-align: left;

}



html[dir="rtl"] .hero-banner .banner-thumbnail .instructor-info {

  left: inherit;

  right: 0;

}



html[dir="rtl"] .hero-banner .banner-thumbnail .instructor-info .inner {

  padding: 26px 20px 16px 30px;

}



html[dir="rtl"] .hero-banner .banner-thumbnail .instructor-info .inner .title {

  margin-right: 14px;

}



html[dir="rtl"] .hero-banner .banner-thumbnail .instructor-info .inner .media .content {

  margin-right: 10px;

}



html[dir="rtl"] .hero-banner .banner-thumbnail .shape-group li.shape-1 {

  left: inherit;

  right: 0;

}



html[dir="rtl"] .hero-banner .banner-thumbnail .shape-group li.shape-2 {

  left: inherit;

  right: 0;

}



html[dir="rtl"] .hero-banner .banner-thumbnail .shape-group li.shape-3 {

  left: inherit;

  right: 0;

}



html[dir="rtl"] .hero-banner .banner-thumbnail .shape-group li.shape-4 {

  right: inherit;

  left: 41px;

}



html[dir="rtl"] .hero-banner .banner-thumbnail .shape-group li.shape-5 {

  right: inherit;

  left: -50px;

}



html[dir="rtl"] .hero-banner .banner-thumbnail .shape-group li.shape-6 {

  right: inherit;

  left: -98px;

}



html[dir="rtl"] .hero-banner.hero-style-1 .shape-7 {

  right: inherit;

  left: 0;

}



html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-2 {

  padding-left: inherit;

  padding-right: 30px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .thumbnail.thumbnail-2 {

    text-align: right;

  }

}



html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .online-support {

  left: inherit;

  right: 85px;

}



html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .online-support .inner .icon {

  margin-right: inherit;

  margin-left: 15px;

}



html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .online-support .inner .content {

  text-align: right;

}



html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-1 {

  right: inherit;

  left: 115px;

}



html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-2 {

  right: inherit;

  left: -50px;

}



html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-3 {

  right: inherit;

  left: -108px;

}



html[dir="rtl"] .hero-banner.hero-style-2 .banner-gallery .shape-group li.shape-4 {

  left: inherit;

  right: -12px;

}



html[dir="rtl"] .hero-banner.hero-style-3 .swiper-slide:before {

  background: -webkit-linear-gradient(right,

      rgba(0, 0, 0, 0.85) 0%,

      rgba(0, 0, 0, 0) 80%);

  background: linear-gradient(270deg,

      rgba(0, 0, 0, 0.85) 0%,

      rgba(0, 0, 0, 0) 80%);

}



html[dir="rtl"] .hero-banner.hero-style-3 .thumbnail-bg-content .banner-content {

  right: 0;

  left: inherit;

}



html[dir="rtl"] .hero-banner.hero-style-3 .shape-group li.shape-1 {

  left: inherit;

  right: 8.2%;

}



html[dir="rtl"] .hero-banner.hero-banner.hero-style-3 .shape-group li.shape-2 {

  left: inherit;

  right: 26%;

}



html[dir="rtl"] .hero-banner.hero-style-3 .shape-group li.shape-3 {

  left: inherit;

  right: -153px;

}



html[dir="rtl"] .hero-banner.hero-style-3 .hero-slider-bg-controls {

  right: inherit;

  left: 70px;

}



html[dir="rtl"] .hero-banner.hero-style-3 .hero-slider-bg-controls .slide-prev {

  right: inherit;

  left: -70px;

}



html[dir="rtl"] .hero-banner.hero-style-4 .banner-gallery .online-support .inner .content {

  text-align: right;

}



html[dir="rtl"] .hero-banner.hero-style-4 .banner-gallery .online-support .inner .icon {

  margin-right: inherit;

  margin-left: 15px;

}



html[dir="rtl"] .hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-2 {

  left: inherit;

  right: -22px;

}



html[dir="rtl"] .hero-banner.hero-style-5 .banner-thumbnail .shape-group .shape-3 {

  right: inherit;

  left: -16px;

}



html[dir="rtl"] .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-1 {

  right: inherit;

  left: 0;

}



html[dir="rtl"] .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-2 {

  left: inherit;

  right: 80px;

}



html[dir="rtl"] .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-3 {

  right: inherit;

  left: -75px;

}



html[dir="rtl"] .hero-banner.hero-style-6 .banner-thumbnail .shape-group .shape-4 {

  right: inherit;

  left: 23px;

}



html[dir="rtl"] .hero-banner.hero-style-6 .shape-group li.shape-1 {

  left: inherit;

  right: 250px;

}



html[dir="rtl"] .hero-banner.hero-style-6 .shape-group li.shape-2 {

  left: inherit;

  right: 115px;

}



html[dir="rtl"] .hero-banner.hero-style-6 .shape-group li.shape-3 {

  right: inherit;

  left: 0;

}



html[dir="rtl"] .hero-banner.hero-style-8 .banner-content {

  text-align: right;

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .hero-banner.hero-style-8 .banner-content {

    text-align: center;

  }

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .hero-banner.hero-style-8 .banner-content .title {

    padding: 0 110px;

  }

}



@media only screen and (max-width: 575px) {

  html[dir="rtl"] .hero-banner.hero-style-8 .banner-content .title {

    padding: 0 60px;

  }

}



html[dir="rtl"] .hero-banner.hero-style-8 .banner-content p {

  padding-right: inherit;

  padding-left: 90px;

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .hero-banner.hero-style-8 .banner-content p {

    padding-left: 0;

  }

}



html[dir="rtl"] .hero-banner.hero-style-8 .banner-content .banner-search .input-group .form-control {

  padding: 0 20px;

}



html[dir="rtl"] .hero-banner.hero-style-8 .shape-group li.shape-5 {

  left: inherit;

  right: -240px;

}



html[dir="rtl"] .hero-banner.hero-style-8 .shape-group li.shape-6 {

  left: inherit;

  right: -297px;

}



html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail {

  margin-right: inherit;

  margin-left: -100px;

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail {

    margin-left: -40px;

  }

}



@media only screen and (max-width: 1199px) {

  html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail {

    margin-left: 0;

  }

}



html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail .instructor-info {

  right: 70px;

}



html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-1 {

  right: 162px;

}



html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-2 {

  right: inherit;

  left: -30px;

}



html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-3 {

  right: inherit;

  left: -100px;

}



@media only screen and (min-width: 1401px) and (max-width: 1650px) {

  html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-3 {

    left: -40px;

  }

}



html[dir="rtl"] .hero-banner.hero-style-8 .banner-thumbnail .shape-group li.shape-4 {

  left: inherit;

  right: -10px;

}



html[dir="rtl"] .hero-style-9 .slider .health-slider-content {

  margin-right: 0;

}



html[dir="rtl"] .hero-style-9 .health-slider-main {

  left: inherit;

  right: calc(60% - 80px);

}



html[dir="rtl"] .hero-style-9 .hero-slider-bg-controls .slide-prev {

  right: 70px;

  top: 0;

}



html[dir="rtl"] .hero-style-9 .hero-slider-bg-controls {

  left: inherit;

  right: 0;

}



html[dir="rtl"] .hero-style-9 .slider .container .shape-group li.shape-1 {

  left: inherit;

  right: -460px;

}



html[dir="rtl"] .hero-style-9 .slider .container .shape-group li.shape-2 {

  left: inherit;

  right: -257px;

}



html[dir="rtl"] .hero-style-9 .shape-group li.shape-3 {

  left: inherit;

  right: 39%;

}



html[dir="rtl"] .hero-style-9 .shape-group li.shape-4 {

  left: inherit;

  right: 100px;

}



@media only screen and (min-width: 1401px) and (max-width: 1650px) {

  html[dir="rtl"] .hero-style-9 .shape-group li.shape-4 {

    right: 2px;

  }

}



html[dir="rtl"] .hero-style-9 .shape-group li.shape-5 {

  right: inherit;

  left: 38.5%;

}



html[dir="rtl"] .hero-style-9 .shape-group li.shape-6 {

  right: inherit;

  left: 42.5%;

}



html[dir="rtl"] .hero-style-10 .banner-content p {

  padding-right: inherit;

  padding-left: 85px;

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .hero-style-10 .banner-content p {

    padding-left: 0;

  }

}



html[dir="rtl"] .hero-style-10 .banner-content .shape-group li.shape-1 {

  left: 106%;

  right: inherit;

}



html[dir="rtl"] .hero-style-10 .banner-content .shape-group li.shape-2 {

  left: inherit;

  top: -18px;

  right: -209px;

}



html[dir="rtl"] .hero-style-10 .shape-group li.shape-8 {

  right: inherit;

  left: 0;

}



html[dir="rtl"] .hero-style-10 .banner-thumbnail {

  margin-right: 0;

  margin-bottom: -170px;

  margin-left: -190px;

}



@media only screen and (max-width: 1199px) {

  html[dir="rtl"] .hero-style-10 .banner-thumbnail {

    margin-left: -100px;

  }

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .hero-style-10 .banner-thumbnail {

    margin-left: -13px;

    margin-bottom: 0;

  }

}



@media only screen and (max-width: 575px) {

  html[dir="rtl"] .hero-style-10 .banner-thumbnail {

    margin-bottom: -15px;

    margin-left: 0;

  }

}



html[dir="rtl"] .hero-style-10 .banner-thumbnail .instructor-info {

  bottom: 210px;

  left: inherit;

  right: -1px;

}



html[dir="rtl"] .hero-style-10 .banner-thumbnail .instructor-info .inner {

  padding: 26px 40px 44px;

}



html[dir="rtl"] .hero-style-10 .banner-thumbnail .shape-group li.shape-3 {

  top: 0;

  left: inherit;

  right: -20%;

}



html[dir="rtl"] .hero-style-10 .banner-thumbnail .shape-group li.shape-4 {

  top: -20px;

  left: inherit;

  right: -100px;

}



html[dir="rtl"] .hero-style-10 .banner-thumbnail .shape-group li.shape-5 {

  right: inherit;

  left: 65px;

}



html[dir="rtl"] .hero-style-10 .banner-thumbnail .shape-group li.shape-6 {

  right: inherit;

  left: 110px;

}



html[dir="rtl"] .hero-style-10 .banner-thumbnail .shape-group li.shape-7 {

  right: inherit;

  bottom: 215px;

  left: 171px;

}



html[dir="rtl"] .hero-style-11 .banner-content p {

  padding-left: 20px;

}



html[dir="rtl"] .hero-style-11 .banner-content .shape-group li.shape-1 {

  left: inherit;

  right: -218px;

}



html[dir="rtl"] .hero-style-11 .banner-thumbnail .shape-group li.shape-2 {

  left: inherit;

  right: -72px;

}



html[dir="rtl"] .hero-style-11 .banner-thumbnail .shape-group li.shape-3 {

  right: 100px;

  bottom: -60px;

  top: inherit;

  left: inherit;

}



html[dir="rtl"] .hero-style-11 .banner-thumbnail .shape-group li.shape-4 {

  left: -106px;

  right: inherit;

}



html[dir="rtl"] .hero-style-11 .banner-thumbnail .shape-group li.shape-5 {

  left: -134px;

  bottom: inherit;

  right: inherit;

}



html[dir="rtl"] .photography-banner .thumbnail-bg-content .banner-content {

  left: inherit;

  right: 0;

}



@media only screen and (max-width: 1199px) {

  html[dir="rtl"] .photography-banner .thumbnail-bg-content .banner-content {

    max-width: 100%;

    width: 100%;

    right: inherit;

  }

}



html[dir="rtl"] .about-style-3 .shape-group li.shape-5 {

  left: inherit;

  right: 110px;

}



html[dir="rtl"] .about-style-3 .shape-group li.shape-6 {

  left: inherit;

  right: 80px;

}



html[dir="rtl"] .about-counterup .about-course .about-course-style-2 {

  padding: 0 30px;

  text-align: right;

  padding-right: 30px;

}



html[dir="rtl"] .about-counterup .about-course .about-course-style-2 .content .title {

  margin-right: 40px;

}



html[dir="rtl"] .about-counterup .about-course .about-course-style-2.remote-course {

  margin-right: 50px;

}



html[dir="rtl"] .about-counterup::after {

  left: 638px;

}



html[dir="rtl"] .photography-about-style .shape-group li.shape-1 {

  right: inherit;

  left: -263px;

}



html[dir="rtl"] .photography-about-style .shape-group li.shape-2 {

  right: inherit;

  left: -260px;

}



html[dir="rtl"] .photography-about-style .shape-group li.shape-4 {

  left: inherit;

  right: -245px;

}



@media (max-width: 1650px) {

  html[dir="rtl"] .photography-about-style .shape-group li.shape-4 {

    right: 0;

  }

}



html[dir="rtl"] .photography-about-style .shape-group li.shape-5 {

  left: inherit;

  right: -65px;

}



@media (max-width: 1650px) {

  html[dir="rtl"] .photography-about-style .shape-group li.shape-5 {

    right: 170px;

  }

}



html[dir="rtl"] .photography-about-style .shape-group li.shape-6 {

  right: inherit;

  left: -169px;

}



@media (max-width: 1650px) {

  html[dir="rtl"] .photography-about-style .shape-group li.shape-6 {

    left: 0;

  }

}



html[dir="rtl"] .photography-about-style .shape-group li.shape-7 {

  left: inherit;

  right: 98px;

}



html[dir="rtl"] .photography-about-style .shape-group li.shape-8 {

  left: inherit;

  right: -98px;

}



html[dir="rtl"] .photography-about-style .shape-group li.shape-9 {

  left: inherit;

  right: 257px;

}



html[dir="rtl"] .home-photography-course .section-title {

  display: inline-block;

  margin-top: 0px;

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .home-photography-course .section-title {

    display: block;

    text-align: center !important;

  }

}



html[dir="rtl"] .home-photography-course ul .course-view-all {

  text-align: left;

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .home-photography-course ul .course-view-all {

    margin-top: -15px;

    margin-bottom: 33px;

    text-align: center;

  }

}



html[dir="rtl"] .edu-course-area .course-style-11 .content {

  padding: 30px 0 0 0;

}



html[dir="rtl"] .edu-course-area .course-style-11 .course-price {

  left: inherit;

  right: 20px;

}



html[dir="rtl"] .edu-course-area.course-area-11 .course-price {

  left: inherit;

  right: 20px;

}



html[dir="rtl"] .edu-course-area.course-area-11 .course-style-5 .inner .thumbnail .course-meta {

  left: inherit;

  right: 0;

  padding-left: inherit;

  padding-right: 10px;

}



html[dir="rtl"] .edu-course-area .course-style-11 .inner .thumbnail .course-meta {

  left: inherit;

  right: 0;

  padding-left: inherit;

  padding-right: 10px;

}



html[dir="rtl"] .faq-style-7 .edu-faq-gallery .thumbnail-1 {

  margin-right: -277px;

  margin-left: inherit;

}



html[dir="rtl"] .faq-style-7 .edu-faq-gallery .shape-group li.shape-1 {

  left: inherit;

  right: -37px;

}



@media only screen and (min-width: 1401px) and (max-width: 1750px) {

  html[dir="rtl"] .faq-style-7 .edu-faq-gallery .thumbnail-1 {

    margin-right: -140px;

    margin-left: inherit;

  }

}



@media only screen and (min-width: 1200px) and (max-width: 1400px) {

  html[dir="rtl"] .faq-style-7 .edu-faq-gallery .thumbnail-1 {

    margin-left: -60px;

    margin-right: 10px;

  }

}



@media only screen and (max-width: 1199px) {

  html[dir="rtl"] .faq-style-7 .edu-faq-gallery .thumbnail-1 {

    margin-right: -70px;

  }

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .faq-style-7 .edu-faq-gallery .thumbnail-1 {

    margin-right: 0;

  }

}



html[dir="rtl"] .edu-course-area.course-area-11 .content {

  padding: 20px 0 0 40px;

}



html[dir="rtl"] .language-about .about-content {

  padding-left: 0;

  padding-right: 40px;

}



@media only screen and (max-width: 767px) {

  html[dir="rtl"] .language-about .about-content {

    padding-right: 0;

  }

}



html[dir="rtl"] .language-about .about-image-gallery {

  padding: 80px 0px 20px 30px !important;

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .language-about .about-image-gallery {

    text-align: center !important;

  }

}



@media only screen and (max-width: 575px) {

  html[dir="rtl"] .language-about .about-image-gallery {

    padding: 80px 0 20px 0 !important;

  }

}



html[dir="rtl"] .language-about .about-image-gallery .main-img-wrapper .main-img-inner {

  left: 32px;

  right: inherit;

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

  html[dir="rtl"] .language-about .about-image-gallery .main-img-wrapper .main-img-inner {

    left: -72px;

  }

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .language-about .about-image-gallery .main-img-wrapper .main-img-inner {

    left: -80px;

  }

}



html[dir="rtl"] .language-about .about-image-gallery .main-img-wrapper .main-img-inner::after {

  right: inherit;

  left: 20px;

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .language-about .about-image-gallery .main-img-wrapper .main-img-inner::after {

    left: 134px;

  }

}



@media only screen and (max-width: 767px) {

  html[dir="rtl"] .language-about .about-image-gallery .main-img-wrapper .main-img-inner::after {

    left: 20px;

  }

}



html[dir="rtl"] .faq-style-6 .edu-faq-gallery {

  bottom: -115px;

}



@media only screen and (max-width: 1199px) {

  html[dir="rtl"] .faq-style-6 .edu-faq-gallery {

    left: 0px;

  }

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .faq-style-6 .edu-faq-gallery {

    bottom: 0px;

  }

}



html[dir="rtl"] .faq-style-6 .edu-faq-gallery .thumbnail-1 {

  text-align: left;

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .faq-style-6 .edu-faq-gallery .thumbnail-1 {

    text-align: center;

  }

}



html[dir="rtl"] .faq-style-6 .edu-faq-gallery .shape-group li.shape-1 {

  top: -127px;

  left: inherit;

  right: 0;

}



html[dir="rtl"] .faq-style-6 .edu-faq-gallery .shape-group li.shape-2 {

  top: -74px;

  left: inherit;

  right: 52px;

}



html[dir="rtl"] .faq-style-6 .edu-faq-gallery .shape-group li.shape-3 {

  left: inherit;

  right: 367px;

}



html[dir="rtl"] .faq-style-6 .edu-faq-gallery .shape-group li.shape-4 {

  right: inherit;

  left: -38px;

}



html[dir="rtl"] .faq-style-6 .edu-faq-gallery .shape-group li.shape-5 {

  left: inherit;

  right: -20px;

}



html[dir="rtl"] .edu-course-area.course-area-10 .course-price {

  left: inherit;

  right: 20px;

}



html[dir="rtl"] .edu-course-area.course-area-10 .flag-wrap {

  right: inherit;

  left: 30px;

}



html[dir="rtl"] .categorie-area-5 .categorie-grid {

  text-align: right;

}



html[dir="rtl"] .categorie-area-5 .categorie-grid .content {

  margin-left: inherit;

  margin-right: 20px;

}



html[dir="rtl"] .edu-course-area.course-area-8 ul .course-view-all,

html[dir="rtl"] .edu-course-area.course-area-9 ul .course-view-all {

  text-align: left;

}



html[dir="rtl"] .edu-course-area.course-area-9 .edu-course.course-style-5 .inner .thumbnail .course-price {

  left: inherit;

  right: 20px;

}



html[dir="rtl"] .edu-course-area.course-area-9 .edu-course.course-style-5 .inner .thumbnail .read-more-btn {

  right: inherit;

  left: 30px;

}



html[dir="rtl"] .edu-course-area.course-area-9 .edu-course.course-style-5 .inner .instructor .instructor-name {

  margin-left: inherit;

  margin-right: 15px;

}



html[dir="rtl"] .edu-course-area.course-area-9 .edu-course.course-style-5 .inner .content {

  padding: 0px 0px 10px 50px;

}



html[dir="rtl"] .testimonial-area-9 .testimonial-heading-area {

  padding-left: 0;

}



html[dir="rtl"] .testimonial-area-9 .home-health-testimonial-activator .swiper-navigation {

  left: inherit;

  right: 34px;

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .testimonial-area-9 .home-health-testimonial-activator .swiper-navigation {

    right: 0;

  }

}



html[dir="rtl"] .testimonial-area-9 .shape-group li.shape-1 {

  left: inherit;

  right: -169px;

}



html[dir="rtl"] .testimonial-area-9 .shape-group li.shape-2 {

  right: inherit;

  left: -150px;

}



html[dir="rtl"] .testimonial-area-9 .bg-thumbnail .shape-group li.shape-3 {

  left: inherit;

  right: -41px;

}



html[dir="rtl"] .testimonial-area-9 .bg-thumbnail .shape-group li.shape-4 {

  right: inherit;

  left: -105px;

}



html[dir="rtl"] .testimonial-area-9 .bg-thumbnail .shape-group li.shape-5 {

  left: inherit;

  right: -54px;

}



html[dir="rtl"] .testimonial-area-10 .testimonial-thumb-wrap {

  left: inherit;

  right: 20px;

}



html[dir="rtl"] .photography-testimonial .photo-testimonial-thumb-wrap {

  left: inherit;

  right: 20px;

}



html[dir="rtl"] .photography-testimonial .testimonial-heading-area {

  padding-left: 0;

}



html[dir="rtl"] .counterup-area-11 .counterup-style-6 .counterup-wrapper {

  margin-right: 20px;

  text-align: right;

}



html[dir="rtl"] .counterup-area-11 .counterup-style-6 .counterup-wrapper .count-number {

  text-align: right;

}



html[dir="rtl"] .event-area-4 .event-view-all-btn a.btn-transparent i {

  padding-right: 6px;

  top: 0px;

  font-size: 20px;

}



html[dir="rtl"] .health-coach-wrapper.cta-banner-7 .input-group input {

  margin-left: 20px;

  margin-right: inherit;

}



html[dir="rtl"] .edu-about-area .about-content .features-list li {

  padding-left: 0;

  padding-right: 35px;

}



html[dir="rtl"] .edu-about-area .about-content .features-list li::before {

  left: inherit;

  right: 0;

}



html[dir="rtl"] .edu-about-area .award-status {

  right: inherit;

  left: 70px;

}



html[dir="rtl"] .edu-about-area .award-status .inner .icon {

  margin-right: 0;

}



html[dir="rtl"] .edu-about-area .award-status .inner .content {

  text-align: right;

  margin-right: 15px;

}



html[dir="rtl"] .edu-about-area.about-style-1 .about-image-gallery .video-box {

  right: inherit;

  left: 50px;

}



html[dir="rtl"] .edu-about-area.about-style-1 .about-image-gallery .shape-group li.shape-1 {

  left: inherit;

  right: -100px;

}



html[dir="rtl"] .edu-about-area.about-style-1 .about-image-gallery .shape-group li.shape-2 {

  left: inherit;

  right: -50px;

}



html[dir="rtl"] .edu-about-area.about-style-1 .about-image-gallery .shape-group li.shape-3 {

  right: inherit;

  left: 120px;

}



html[dir="rtl"] .edu-about-area.about-style-1 .shape-group li {

  right: inherit;

  left: -210px;

}



html[dir="rtl"] .edu-about-area.about-style-2 .about-image-gallery {

  padding: 80px 70px 60px 0;

}



html[dir="rtl"] .edu-about-area.about-style-2 .about-image-gallery .author-box {

  right: inherit;

  left: 0px;

}



html[dir="rtl"] .edu-about-area.about-style-2 .about-image-gallery .shape-group li.shape-1 {

  left: inherit;

  right: -80px;

}



html[dir="rtl"] .edu-about-area.about-style-2 .about-image-gallery .shape-group li.shape-2 {

  left: inherit;

  right: -55px;

}



html[dir="rtl"] .edu-about-area.about-style-2 .about-image-gallery .shape-group li.shape-3 {

  right: inherit;

  left: -5px;

}



html[dir="rtl"] .edu-about-area.about-style-2 .about-content {

  padding-left: inherit;

  padding-right: 80px;

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .edu-about-area.about-style-2 .about-content {

    padding-right: 0;

  }

}



html[dir="rtl"] .edu-about-area.about-style-2 .shape-group li {

  right: inherit;

  left: -210px;

}



html[dir="rtl"] .edu-about-area.about-style-2 .award-status {

  left: inherit;

  right: -20px;

}



@media only screen and (min-width: 1200px) and (max-width: 1450px) {

  html[dir="rtl"] .edu-about-area.about-style-2 .award-status {

    right: 20px;

  }

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .edu-about-area.about-style-2 .award-status {

    right: 20px;

  }

}



html[dir="rtl"] .edu-about-area.about-style-3 .about-content .nav-tabs .nav-item::after {

  top: 6px;

  right: inherit;

  left: -18px;

}



html[dir="rtl"] .edu-about-area.about-style-3 .about-image-gallery {

  padding: 80px 30px 65px 0;

  text-align: right;

}



html[dir="rtl"] .edu-about-area.about-style-3 .about-image-gallery .main-img-2 {

  right: inherit;

  left: 0;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  html[dir="rtl"] .edu-about-area.about-style-3 .about-image-gallery .main-img-2 {

    left: 115px;

  }

}



html[dir="rtl"] .edu-about-area.about-style-3 .about-image-gallery .shape-group li.shape-1 {

  right: inherit;

  left: 95px;

}



html[dir="rtl"] .edu-about-area.about-style-3 .about-image-gallery .shape-group li.shape-2 {

  right: inherit;

  left: 39px;

}



html[dir="rtl"] .edu-about-area.about-style-3 .about-image-gallery .shape-group li.shape-3 {

  right: -3px;

  left: inherit;

}



html[dir="rtl"] .edu-about-area.about-style-3 .about-image-gallery .shape-group li.shape-4 {

  right: inherit;

  left: 40px;

}



html[dir="rtl"] .edu-about-area.about-style-3 .shape-group li.shape-1 {

  left: inherit;

  right: 110px;

}



html[dir="rtl"] .edu-about-area.about-style-3 .shape-group li.shape-2 {

  left: inherit;

  right: 80px;

}



html[dir="rtl"] .edu-about-area.about-style-4 .about-image-gallery {

  margin-right: inherit;

  margin-left: 30px;

}



html[dir="rtl"] .edu-about-area.about-style-4 .about-image-gallery .main-img-2 {

  right: inherit;

  left: 0;

}



html[dir="rtl"] .edu-about-area.about-style-4 .about-image-gallery .shape-group .shape-1 {

  right: inherit;

  left: 85px;

}



html[dir="rtl"] .edu-about-area.about-style-4 .about-image-gallery .shape-group .shape-2 {

  right: inherit;

  left: 31px;

}



html[dir="rtl"] .edu-about-area.about-style-4 .about-image-gallery .shape-group .shape-3 {

  left: inherit;

  right: -32px;

}



html[dir="rtl"] .edu-about-area.about-style-4 .about-image-gallery .shape-group .shape-4 {

  right: inherit;

  left: 70px;

}



html[dir="rtl"] .edu-about-area.about-style-5 .about-image-gallery .shape-group li.shape-1 {

  right: inherit;

  left: -10px;

}



html[dir="rtl"] .edu-about-area.about-style-5 .about-image-gallery .shape-group li.shape-2 {

  left: inherit;

  right: -80px;

}



html[dir="rtl"] .edu-about-area.about-style-5 .shape-group li.shape-1 {

  right: inherit;

  left: 180px;

}



html[dir="rtl"] .edu-about-area.about-style-5 .about-content {

  padding-left: inherit;

  padding-right: 30px;

}



html[dir="rtl"] .edu-about-area.about-style-6 .about-image-gallery .main-img-2 {

  text-align: left;

}



html[dir="rtl"] .edu-about-area.about-style-6 .about-image-gallery .shape-group .shape-1 {

  right: inherit;

  left: 34px;

}



html[dir="rtl"] .edu-about-area.about-style-6 .about-image-gallery .shape-group .shape-2 {

  left: inherit;

  right: -15px;

}



html[dir="rtl"] .edu-about-area.about-style-6 .about-image-gallery .shape-group .shape-3 {

  left: inherit;

  right: 20px;

}



html[dir="rtl"] .edu-about-area.about-style-7 .about-image-gallery {

  text-align: left;

  padding: 80px 0 0 50px;

}



html[dir="rtl"] .edu-about-area.about-style-7 .about-image-gallery .main-img-2 {

  left: -22px;

  right: inherit;

}



html[dir="rtl"] .edu-about-area.about-style-7 .about-image-gallery .shape-group li.shape-1 {

  left: inherit;

  right: 40px;

}



html[dir="rtl"] .edu-about-area.about-style-7 .about-image-gallery .shape-group li.shape-2 {

  left: inherit;

  right: 40px;

}



html[dir="rtl"] .edu-about-area.about-style-7 .about-image-gallery .shape-group li.shape-3 {

  right: inherit;

  left: -10px;

}



html[dir="rtl"] .edu-about-area.about-style-7 .about-image-gallery .shape-group li.shape-4 {

  left: inherit;

  right: 10px;

}



html[dir="rtl"] .edu-about-area.about-style-7>.shape-group>li {

  left: inherit;

  right: 125px;

}



html[dir="rtl"] .edu-about-area.about-style-8::after {

  left: inherit;

  right: -70px;

}



html[dir="rtl"] .edu-about-area.about-style-8 .about-content {

  padding-right: inherit;

  padding-left: 40px;

}



html[dir="rtl"] .edu-about-area.about-style-8 .about-content .about-mission .single-item {

  padding-right: inherit;

  padding-left: 40px;

}



html[dir="rtl"] .edu-about-area.about-style-8 .about-image-gallery .shape-group li.shape-1 {

  left: inherit;

  right: -90px;

}



html[dir="rtl"] .edu-about-area.about-style-8 .about-image-gallery .shape-group li.shape-2 {

  left: inherit;

  right: 25px;

}



html[dir="rtl"] .edu-about-area.about-style-8 .about-image-gallery .shape-group li.shape-3 {

  right: inherit;

  left: -70px;

}



html[dir="rtl"] .edu-about-area.about-style-8 .about-image-gallery .shape-group li.shape-4 {

  right: inherit;

  left: -165px;

}



html[dir="rtl"] .about-style-9 .about-image-gallery .author-box {

  right: inherit;

  left: 38px;

}



html[dir="rtl"] .about-style-9 .about-content {

  padding-right: 45px;

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .about-style-9 .about-content {

    padding-right: 0;

  }

}



html[dir="rtl"] .about-style-9 .about-image-gallery .shape-group li.shape-1 {

  left: inherit;

  right: -126px;

}



html[dir="rtl"] .about-style-9 .about-image-gallery .shape-group li.shape-2 {

  left: inherit;

  right: -63px;

}



html[dir="rtl"] .about-style-9 .about-image-gallery .shape-group li.shape-3 {

  right: inherit;

  left: -5px;

}



html[dir="rtl"] .about-style-9 .shape-group li.shape-4 {

  right: inherit;

  left: -150px;

}



html[dir="rtl"] .brand-grid-wrap .brand-grid:first-child {

  border-left: none;

}



html[dir="rtl"] .brand-grid-wrap .brand-grid:nth-child(4n) {

  border-left: 1px solid #f0f0f0;

}



html[dir="rtl"] .brand-grid-wrap .brand-grid:nth-child(5n) {

  border-left: none;

}



html[dir="rtl"] .brand-grid-wrap.brand-style-2 .brand-grid:first-child {

  border-right: none;

}



html[dir="rtl"] .brand-grid-wrap.brand-style-2 .brand-grid:last-child {

  border-right: 1px solid #f0f0f0;

}



html[dir="rtl"] .brand-grid-wrap.brand-style-2 .brand-grid:nth-child(5n) {

  border-right: none;

}



html[dir="rtl"] .brand-section-heading {

  padding-right: inherit;

  padding-left: 60px;

}



html[dir="rtl"] .edu-blog-area.blog-area-2 .shape-group li.shape-1 {

  top: 0;

  left: inherit;

  right: 135px;

}



@media only screen and (max-width: 1650px) {

  html[dir="rtl"] .edu-blog-area.blog-area-2 .shape-group li.shape-1 {

    right: 0;

  }

}



html[dir="rtl"] .edu-blog-area.blog-area-6 .thumbnail .date {

  left: inherit;

  right: 20px;

}



html[dir="rtl"] .edu-blog-area.blog-area-6 .edu-blog .content.position-top .read-more-btn {

  right: inherit;

  left: 30px;

}



html[dir="rtl"] .blog-meta li::after {

  right: inherit;

  left: -18px;

}



@media only screen and (max-width: 1199px) {

  html[dir="rtl"] .blog-meta li::after {

    left: -11px;

  }

}



html[dir="rtl"] .blog-meta li i {

  padding-right: inherit;

  padding-left: 10px;

}



html[dir="rtl"] .edu-blog.blog-style-2.first-large-blog .content {

  padding-left: inherit;

  padding-right: 110px;

}



html[dir="rtl"] .edu-blog.blog-style-2.first-large-blog .content .blog-date {

  left: auto;

  right: 0;

}



html[dir="rtl"] .edu-blog.blog-style-2 .thumbnail {

  margin-right: inherit;

  margin-left: 30px;

}



@media only screen and (max-width: 575px) {

  html[dir="rtl"] .edu-blog.blog-style-2 .thumbnail {

    margin-left: 0;

  }

}



html[dir="rtl"] .edu-blog.blog-style-2 .blog-date {

  right: inherit;

  left: 0;

  border-radius: 60px 60px 60px 14px;

}



html[dir="rtl"] .edu-blog-widget.widget-latest-post .latest-post .thumbnail {

  margin-right: inherit;

  margin-left: 20px;

}



html[dir="rtl"] .edu-blog.blog-style-list .thumbnail {

  margin-right: inherit;

  margin-left: 40px;

}



html[dir="rtl"] .edu-blog .content.position-top .read-more-btn {

  right: inherit;

  left: 30px;

}



html[dir="rtl"] blockquote {

  padding: 35px 120px 35px 40px;

}



html[dir="rtl"] blockquote::after {

  left: inherit;

  right: 40px;

}



html[dir="rtl"] .blog-details-content .blog-tags .title,

html[dir="rtl"] .blog-details-content .blog-share .title {

  margin-right: inherit;

  margin-left: 12px;

}



html[dir="rtl"] .blog-details-content ul {

  padding-left: inherit;

  margin-right: 20px;

}



html[dir="rtl"] .blog-author .thumbnail {

  margin-right: inherit;

  margin-left: 30px;

}



html[dir="rtl"] .blog-pagination-list a i {

  margin-right: inherit;

  margin-left: 20px;

}



html[dir="rtl"] .edu-campus-area .campus-content {

  margin-left: inherit;

  margin-right: -120px;

}



@media only screen and (max-width: 1199px) {

  html[dir="rtl"] .edu-campus-area .campus-content {

    margin-right: 0;

  }

}



html[dir="rtl"] .edu-campus-area .campus-content .features-box {

  text-align: right;

}



html[dir="rtl"] .edu-campus-area .campus-content .features-box .icon {

  margin-right: inherit;

  margin-left: 20px;

}



html[dir="rtl"] .edu-campus-area .campus-content .shape-4 {

  right: inherit;

  left: -158px;

}



html[dir="rtl"] .edu-campus-area .campus-content .shape-5 {

  right: inherit;

  left: -64px;

}



html[dir="rtl"] .edu-campus-area .campus-content .shape-6 {

  right: inherit;

  left: -28px;

}



html[dir="rtl"] .edu-campus-area .campus-image-gallery .shape-1 {

  left: inherit;

  right: -235px;

}



html[dir="rtl"] .edu-campus-area .campus-image-gallery .shape-2 {

  left: inherit;

  right: -144px;

}



html[dir="rtl"] .edu-campus-area .campus-image-gallery .shape-3 {

  left: inherit;

  right: -85px;

}



html[dir="rtl"] .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:first-child {

  border-right: none;

  border-left: 0.8px solid var(--color-border);

}



@media only screen and (max-width: 479px) {

  html[dir="rtl"] .counterup-area-2 .counterup-box-wrap .counterup-box .edu-counterup:first-child {

    border-left: none;

  }

}



html[dir="rtl"] .edu-counterup.counterup-style-3:after {

  right: inherit;

  left: -15px;

}



html[dir="rtl"] .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:first-child {

  border-right: none;

  border-left: 0.8px solid var(--color-border);

}



@media only screen and (max-width: 479px) {

  html[dir="rtl"] .counterup-area-7 .counterup-box-wrap .counterup-box .edu-counterup:first-child {

    border-left: none;

  }

}



html[dir="rtl"] .counterup-area-7 .counterup-content {

  padding-right: inherit;

  padding-left: 80px;

}



html[dir="rtl"] .counterup-area-7 .counterup-box-wrap .shape-group li.shape-1 {

  left: inherit;

  right: -90px;

}



html[dir="rtl"] .counterup-area-7 .counterup-box-wrap .shape-group li.shape-2 {

  left: inherit;

  right: -15px;

}



html[dir="rtl"] .counterup-area-7 .counterup-box-wrap .shape-group li.shape-3 {

  right: inherit;

  left: -90px;

}



html[dir="rtl"] .counterup-area-7 .counterup-box-wrap .shape-group li.shape-4 {

  right: inherit;

  left: 30px;

}



html[dir="rtl"] .features-box.features-style-2 {

  text-align: right;

  padding: 30px 0;

  border-left: 1px solid rgba(255, 255, 255, 0.15);

  border-right: 0;

  padding-left: inherit;

  padding-right: 40px;

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .features-box.features-style-2:nth-child(2) {

    border-left: none;

  }

}



html[dir="rtl"] .features-box.features-style-2:last-child {

  border-left: none;

}



html[dir="rtl"] .features-box.features-style-2 .content {

  padding: 0 20px 0 0;

}



html[dir="rtl"] .features-box.features-style-3 {

  text-align: right;

}



html[dir="rtl"] .features-box.features-style-3:first-child {

  padding-left: inherit;

  padding-right: 50px;

}



html[dir="rtl"] .features-box.features-style-3 .icon {

  margin-right: inherit;

  margin-left: 20px;

}



html[dir="rtl"] .features-box.features-style-4 {

  text-align: right;

}



html[dir="rtl"] .features-box.features-style-4 .icon {

  margin-right: inherit;

  margin-left: 30px;

}



html[dir="rtl"] .edu-cta-banner-area-6 .thumbnail img {

  margin-left: inherit;

  margin-right: 60px;

}



html[dir="rtl"] .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-01 {

  left: inherit !important;

  right: -8px !important;

}



html[dir="rtl"] .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-02 {

  left: inherit !important;

  right: -64px !important;

}



html[dir="rtl"] .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-03 {

  left: inherit !important;

  right: 28% !important;

}



html[dir="rtl"] .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-04 {

  right: 29% !important;

  left: inherit !important;

}



html[dir="rtl"] .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-05 {

  right: inherit !important;

  left: -251px !important;

}



html[dir="rtl"] .edu-cta-banner-area-6 .edu-cta-banner .shape-group li.shape-06 {

  right: inherit !important;

  left: -32% !important;

}



html[dir="rtl"] .categorie-grid.categorie-style-2 {

  text-align: right;

}



html[dir="rtl"] .categorie-area-4 .categorie-grid {

  text-align: right;

}



html[dir="rtl"] .categorie-area-4 .categorie-grid .icon {

  margin: 0 0 0 20px;

}



html[dir="rtl"] .edu-course .thumbnail .time-top {

  right: inherit;

  left: 10px;

}



html[dir="rtl"] .edu-course .content .course-rating .rating-count {

  margin-left: 0;

  margin-right: 10px;

}



html[dir="rtl"] .edu-course .content .course-meta li {

  margin-right: 0;

}



html[dir="rtl"] .edu-course .content .course-meta li:last-child {

  margin-right: 22px;

}



html[dir="rtl"] .edu-course .content .course-meta li::after {

  right: inherit;

  left: -25px;

}



html[dir="rtl"] .edu-course .content .course-meta li i {

  margin-right: inherit;

  margin-left: 7px;

}



html[dir="rtl"] .edu-course .course-hover-content .content .wishlist-btn {

  right: inherit;

  left: 10px;

}



html[dir="rtl"] .edu-course.course-style-4 .thumbnail {

  margin-right: inherit;

  margin-left: 30px;

}



@media only screen and (max-width: 575px) {

  html[dir="rtl"] .edu-course.course-style-4 .thumbnail {

    margin-left: 0;

  }

}



html[dir="rtl"] .edu-course.course-style-4 .thumbnail .time-top {

  left: inherit;

  right: 10px;

}



html[dir="rtl"] .edu-course.course-style-5 .content .price-round {

  right: inherit;

  left: 30px;

}



html[dir="rtl"] .edu-course.course-style-6 .thumbnail .price-round {

  right: inherit;

  left: 20px;

}



html[dir="rtl"] .edu-course.course-style-6 .content .course-meta li:last-child {

  margin-right: 25px;

}



html[dir="rtl"] .edu-course.course-style-7 .thumbnail .course-price {

  right: inherit;

  left: 30px;

}



html[dir="rtl"] .edu-course.course-style-7 .content .course-meta li:last-child {

  margin-right: 20px;

}



html[dir="rtl"] .course-area-8 .edu-course.course-style-4::after {

  background: -webkit-linear-gradient(left, #31b978 0%, #0d1e51 100%);

  background: linear-gradient(-270deg, #31b978 0%, #0d1e51 100%);

}



html[dir="rtl"] .course-area-8 .course-style-4 .thumbnail .time-top {

  left: inherit !important;

  right: 0;

}



html[dir="rtl"] .course-area-8 .shape-group li.shape-1 {

  left: inherit;

  right: -280px;

}



html[dir="rtl"] .course-area-8 .shape-group li.shape-2 {

  left: inherit;

  right: -660px;

}



html[dir="rtl"] .course-area-8 .shape-group li.shape-3 {

  right: inherit;

  left: -101px;

}



html[dir="rtl"] .course-area-8 .shape-group li.shape-4 {

  right: inherit;

  left: -100px;

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .course-area-8 ul .section-title {

    text-align: center;

  }

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .edu-cta-banner-area-6 .section-title.section-left {

    text-align: center;

    padding: 70px 110px;

  }

}



@media only screen and (max-width: 575px) {

  html[dir="rtl"] .edu-cta-banner-area-6 .section-title.section-left {

    padding: 50px 60px;

  }

}



html[dir="rtl"] .course-layout-five-tooltip-content .content .course-meta li {

  margin-right: inherit;

  margin-left: 25px;

}



html[dir="rtl"] .course-layout-five-tooltip-content .content .course-meta li::after {

  right: inherit;

  left: -17px;

}



html[dir="rtl"] .course-layout-five-tooltip-content .content .course-feature ul li {

  padding-left: inherit;

  padding-right: 28px;

}



html[dir="rtl"] .course-layout-five-tooltip-content .content .course-feature ul li::before {

  left: inherit;

  right: 0;

  margin-right: 0;

}



html[dir="rtl"] .home-four-course .shape-group .shape-1 {

  right: inherit;

  left: -88px;

}



html[dir="rtl"] .home-four-course .shape-group .shape-2 {

  right: inherit;

  left: -406px;

}



html[dir="rtl"] .edu-event-area .edu-event .thumbnail .event-time {

  left: inherit;

  right: 10px;

}



html[dir="rtl"] .edu-event-area .edu-event .content .event-date {

  right: inherit;

  left: 30px;

}



html[dir="rtl"] .edu-event-area .edu-event .content .event-meta li i {

  padding-right: inherit;

  padding-left: 10px;

}



html[dir="rtl"] .edu-event-area .shape-group li.shape-1 {

  left: inherit;

  right: -81px;

}



html[dir="rtl"] .edu-event-area .shape-group li.shape-2 {

  left: inherit;

  right: -190px;

}



html[dir="rtl"] .edu-event-area.event-area-1 .edu-event-list.event-list-2 .content {

  padding-left: 0;

  padding-right: 40px;

}



@media only screen and (max-width: 767px) {

  html[dir="rtl"] .edu-event-area.event-area-1 .edu-event-list.event-list-2 .content {

    padding-right: 0;

  }

}



html[dir="rtl"] .edu-event-area.event-area-1 .edu-event-list.event-list-2 .content .event-meta li i {

  padding-right: inherit;

  padding-left: 10px;

}



html[dir="rtl"] .edu-event-area.event-area-1 .edu-event-list.event-list-2 .content .event-location i {

  padding-right: inherit;

  padding-left: 10px;

}



html[dir="rtl"] .edu-event-area.event-area-3 .edu-event-list .content {

  padding-left: inherit;

  padding-right: 28px;

}



html[dir="rtl"] .edu-event-area.event-area-3 .edu-event-list .content .event-meta li i {

  padding-right: 0;

}



html[dir="rtl"] .edu-event-area.event-area-3 .edu-event-list .content .event-location i {

  padding-right: inherit;

  padding-left: 10px;

}



html[dir="rtl"] .event-details-area .event-details .details-content ul {

  padding-left: inherit;

  padding-right: 20px;

}



html[dir="rtl"] .event-details-area .event-details .details-content .event-meta {

  padding-right: 0;

}



html[dir="rtl"] .event-details-area .event-details .details-content .event-meta li::after {

  right: inherit;

  left: -20px;

}



html[dir="rtl"] .event-details-area .event-details .details-content .event-meta li i {

  padding-right: inherit;

  padding-left: 10px;

}



html[dir="rtl"] .edu-course-widget.widget-course-summery .content .course-item li i {

  padding-right: inherit;

  padding-left: 15px;

}



html[dir="rtl"] .countdown .countdown-section {

  margin-right: inherit;

  margin-left: 15px;

}



html[dir="rtl"] .edu-breadcrumb-area .course-meta li::after {

  right: inherit;

  left: -20px;

}



html[dir="rtl"] .edu-breadcrumb-area .course-meta li i {

  padding-right: inherit;

  padding-left: 14px;

}



html[dir="rtl"] .edu-breadcrumb-area .course-meta .course-rating .rating {

  margin-left: 8px;

}



html[dir="rtl"] .edu-breadcrumb-area.breadcrumb-style-3 .breadcrumb-inner .page-title .title {

  text-align: right;

}



html[dir="rtl"] .edu-breadcrumb-area.breadcrumb-style-4 .page-title .title {

  width: 52%;

}



html[dir="rtl"] .edu-course-widget.widget-course-summery .content .course-item li svg {

  margin-right: inherit;

  margin-left: 15px;

}



html[dir="rtl"] .course-overview ul li {

  padding-left: inherit;

  padding-right: 30px;

}



html[dir="rtl"] .course-overview ul li::after {

  left: inherit;

  right: 0;

}



html[dir="rtl"] .course-curriculam .course-lesson ul li .text i {

  margin-right: inherit;

  margin-left: 8px;

}



html[dir="rtl"] .course-instructor .thumbnail {

  margin-right: inherit;

  margin-left: 30px;

}



html[dir="rtl"] .course-details-content .entry-content .course-meta li::after {

  right: inherit;

  left: -20px;

}



html[dir="rtl"] .course-details-content .entry-content .course-meta li i {

  padding-right: inherit;

  padding-left: 14px;

}



html[dir="rtl"] .course-details-content .entry-content .course-meta .course-rating .rating {

  margin-right: inherit;

  margin-left: 8px;

}



html[dir="rtl"] .course-details-content .course-enroll-box .single-item::after {

  right: inherit;

  left: 0;

}



@media only screen and (max-width: 767px) {

  html[dir="rtl"] .course-details-content .course-enroll-box .single-item::after {

    height: 1px;

    width: 100%;

    bottom: 0;

    top: auto;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

  }

}



html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button {

  text-align: right;

  padding: 30px 60px 30px 71px;

}



html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button::after {

  right: inherit;

  left: 47px;

}



html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button::before {

  left: inherit;

  right: 30px;

}



html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .accordion-item .accordion-button .expand {

  right: inherit;

  left: 30px;

}



html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status {

  padding: 22px 30px 20px 30px;

}



html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .title i {

  margin-right: inherit;

  margin-left: 15px;

}



html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span::after {

  right: inherit;

  left: -12px;

}



html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .course-lesson .reading-status .complete-text span:last-child {

  margin-right: 20px;

}



html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .course-lesson ul li {

  padding: 14px 100px 14px 40px;

}



html[dir="rtl"] .course-details-3 .course-curriculam .edu-accordion .course-lesson ul li::before {

  left: inherit;

  right: 70px;

}



html[dir="rtl"] .course-review .comment-form-area .rating-icon .title {

  margin-right: inherit;

  margin-left: 22px;

}



html[dir="rtl"] .course-review .border-box .rating-box {

  margin: 30px 30px;

}



html[dir="rtl"] .faq-accordion .accordion-item .accordion-button::before {

  right: inherit;

  left: 30px;

}



html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-content .shape-group li.shape-1 {

  right: inherit;

  left: -145px;

}



html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-content .shape-group li.shape-2 {

  right: inherit;

  left: -165px;

}



html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-gallery .thumbnail-1,

html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-gallery .thumbnail-3 {

  text-align: left;

}



html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-gallery .thumbnail-1 img {

  border-radius: 120px 120px 120px 0;

}



html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-gallery .thumbnail-4 img {

  border-radius: 50px 0 120px 120px;

}



html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-gallery .shape-group li.shape-1 {

  left: inherit;

  right: 44%;

}



html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-gallery .shape-group li.shape-2 {

  left: -10px;

  right: inherit;

}



html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-gallery .shape-group li.shape-3 {

  left: inherit;

  right: -7px;

}



html[dir="rtl"] .edu-faq-area.faq-style-1 .edu-faq-gallery .shape-group li.shape-4 {

  left: inherit;

  right: -45px;

}



html[dir="rtl"] .edu-faq-area.faq-style-2 .edu-faq-gallery .shape-group .shape-1 {

  left: inherit;

  right: -35px;

}



html[dir="rtl"] .edu-faq-area.faq-style-2 .edu-faq-gallery .shape-group .shape-2 {

  left: inherit;

  right: 210px;

}



html[dir="rtl"] .edu-faq-area.faq-style-2 .edu-faq-gallery .shape-group .shape-3 {

  right: inherit;

  left: -22px;

}



html[dir="rtl"] .edu-faq-area.faq-style-2 .edu-faq-gallery .shape-group .shape-4 {

  right: inherit;

  left: -58px;

}



html[dir="rtl"] .edu-faq-area.faq-style-2 .edu-faq-gallery .shape-group .shape-5 {

  left: inherit;

  right: -50px;

}



html[dir="rtl"] .edu-faq-area.faq-style-2 .edu-faq-gallery .shape-group .shape-6 {

  left: inherit;

  right: 90px;

}



html[dir="rtl"] .edu-faq-area.faq-style-3 .edu-faq-gallery {

  text-align: left;

}



html[dir="rtl"] .edu-faq-area.faq-style-3 .edu-faq-gallery .shape-group .shape-1 {

  right: inherit;

  left: -50px;

}



html[dir="rtl"] .edu-faq-area.faq-style-3 .edu-faq-gallery .shape-group .shape-2 {

  right: inherit;

  left: -97px;

}



html[dir="rtl"] .edu-faq-area.faq-style-3 .edu-faq-gallery .shape-group .shape-3 {

  left: inherit;

  right: -68px;

}



html[dir="rtl"] .edu-faq-area.faq-style-4 .faq-thumbnail .shape-group li.shape-1 {

  right: inherit;

  left: 20px;

}



html[dir="rtl"] .edu-faq-area.faq-style-4 .faq-thumbnail .shape-group li.shape-2 {

  right: inherit;

  left: -55px;

  top: -44px;

}



html[dir="rtl"] .edu-faq-area.faq-style-4 .faq-thumbnail .shape-group li.shape-3 {

  left: inherit;

  right: -5px;

}



html[dir="rtl"] .faq-style-5 .edu-faq-gallery .shape-group li.shape-1 {

  left: inherit;

  right: 3px;

}



html[dir="rtl"] .faq-style-5 .edu-faq-gallery .shape-group li.shape-2 {

  right: inherit;

  left: 147px;

}



html[dir="rtl"] .faq-style-5 .edu-faq-gallery .shape-group li.shape-3 {

  left: inherit;

  right: -122%;

  bottom: -10px;

}



html[dir="rtl"] .faq-style-5 .edu-faq-content .shape-group li.shape-1 {

  right: inherit;

  left: -145px;

}



html[dir="rtl"] .faq-style-5 .edu-faq-content .shape-group li.shape-2 {

  right: inherit;

  left: -165px;

}



html[dir="rtl"] .faq-page-nav {

  padding-right: inherit;

  padding-left: 60px;

}



@media only screen and (max-width: 575px) {

  html[dir="rtl"] .faq-page-nav {

    padding-left: 0;

  }

}



html[dir="rtl"] .faq-page-nav .nav-tabs .nav-link {

  padding-right: 30px;

}



html[dir="rtl"] .faq-page-nav .nav-tabs .nav-link::after {

  top: 4px;

  right: 0;

  left: inherit;

  -webkit-transform: rotateY(180deg);

  transform: rotateY(180deg);

}



html[dir="rtl"] .section-title.section-left {

  text-align: right;

}



html[dir="rtl"] .testimonial-grid::after {

  right: inherit;

  left: -12px;

  -webkit-transform: rotateY(180deg);

  transform: rotateY(180deg);

}



html[dir="rtl"] .testimonial-grid .thumbnail .qoute-icon {

  right: inherit;

  left: -12px;

  -webkit-transform: rotateY(180deg);

  transform: rotateY(180deg);

}



html[dir="rtl"] .testimonial-heading-area {

  padding-right: 0;

  padding-left: 50px;

}



html[dir="rtl"] .testimonial-slide .author-info .thumb {

  margin-right: inherit;

  margin-left: 20px;

}



html[dir="rtl"] .testimonial-area-2 .shape-group .shape-1 {

  right: inherit;

  left: -75px;

}



html[dir="rtl"] .testimonial-area-2 .shape-group .shape-2 {

  right: inherit;

  left: -106px;

}



html[dir="rtl"] .testimonial-area-2 .shape-group .shape-3 {

  bottom: inherit;

  top: 300px;

}



html[dir="rtl"] .testimonial-area-3 .shape-group li.shape-5 {

  bottom: inherit;

  top: 144px;

}



html[dir="rtl"] .testimonial-area-4 .swiper-navigation {

  text-align: right;

}



html[dir="rtl"] .testimonial-area-4 .swiper-navigation .swiper-btn-prv,

html[dir="rtl"] .testimonial-area-4 .swiper-navigation .swiper-btn-nxt {

  -webkit-transform: rotateY(180deg);

  transform: rotateY(180deg);

}



html[dir="rtl"] .testimonial-area-4 .shape-group li.shape-1 {

  left: inherit;

  right: 42%;

}



html[dir="rtl"] .testimonial-area-4 .shape-group li.shape-2 {

  right: inherit;

  left: 12%;

}



html[dir="rtl"] .testimonial-area-6 .shape-group li.shape-1 {

  left: inherit;

  right: -100px;

}



html[dir="rtl"] .testimonial-area-6 .shape-group li.shape-2 {

  right: inherit;

  left: -94px;

}



html[dir="rtl"] .testimonial-area-6 .shape-group li.shape-3 {

  right: inherit;

  left: -250px;

}



html[dir="rtl"] .testimonial-area-6 .swiper-pagination {

  text-align: left;

}



html[dir="rtl"] .testimonial-area-8 .testimonial-slide .author-info .thumb {

  margin-left: 0;

}



html[dir="rtl"] .edu-team-grid.team-style-1 .team-share-info {

  right: inherit;

  left: 20px;

}



html[dir="rtl"] .edu-team-grid.team-style-3 .content {

  left: inherit;

  right: 30px;

  text-align: right;

}



html[dir="rtl"] .edu-team-grid.team-style-4 .content {

  text-align: right;

  margin-left: inherit;

  margin-right: 30px;

}



html[dir="rtl"] .team-area-3 .shape-group li.shape-1 {

  left: inherit;

  right: 135px;

}



html[dir="rtl"] .team-details-content .main-info .team-meta li {

  margin-right: inherit;

  margin-left: 40px;

}



html[dir="rtl"] .team-details-content .main-info .team-meta li::after {

  right: inherit;

  left: -22px;

}



html[dir="rtl"] .team-details-content .main-info .team-meta li i {

  margin-right: inherit;

  margin-left: 7px;

}



html[dir="rtl"] .team-details-content .contact-info ul li span {

  min-width: 70px;

}



html[dir="rtl"] .edu-footer .edu-footer-widget.explore-widget {

  margin-left: 0;

  margin-right: 65px;

}



@media only screen and (max-width: 991px) {

  html[dir="rtl"] .edu-footer .edu-footer-widget.explore-widget {

    margin-right: 0;

  }

}



html[dir="rtl"] .edu-footer .edu-footer-widget .input-group button {

  margin-left: inherit !important;

  margin-right: 10px !important;

}



@media only screen and (max-width: 767px) {

  html[dir="rtl"] .edu-footer .edu-footer-widget .input-group button {

    margin-right: 0 !important;

  }

}



html[dir="rtl"] .edu-btn .icon-west {

  font-size: 18px;

  font-weight: bold;

  top: 2px;

  right: 4px;

}



html[dir="rtl"] .btn-icon-round {

  font-size: 18px;

  font-weight: bold;

}



html[dir="rtl"] .why-choose-area-1 .features-list .features-box .content {

  text-align: right;

}



html[dir="rtl"] .why-choose-area-1 .features-list .features-box .icon {

  margin-right: inherit;

  margin-left: 30px;

}



html[dir="rtl"] .why-choose-area-1 .why-choose-gallery .thumbnail.thumbnail-1 {

  text-align: left;

}



html[dir="rtl"] .why-choose-area-1 .why-choose-gallery .shape-group li.shape-1 {

  left: inherit;

  right: 30px;

}



html[dir="rtl"] .why-choose-area-1 .why-choose-gallery .shape-group li.shape-2 {

  left: 45px;

  right: inherit;

}



html[dir="rtl"] .why-choose-area-3 .section-title-flex .left-content {

  margin-right: inherit;

  margin-left: 90px;

}



html[dir="rtl"] .why-choose-area-3 .section-title-flex .left-content::after {

  right: inherit;

  left: -20px;

}



html[dir="rtl"] .why-choose-area-3 .shape-group li.shape-1 {

  left: inherit;

  right: 75px;

}



html[dir="rtl"] .why-choose-area-3 .shape-group li.shape-2 {

  left: inherit;

  right: 120px;

}



html[dir="rtl"] .why-choose-area-3 .shape-group li.shape-3 {

  right: inherit;

  left: -60px;

}



html[dir="rtl"] .newsletter-form .input-group .btn-curved {

  margin-left: inherit;

  margin-right: 20px !important;

}



html[dir="rtl"] .pricing-table .pricing-body .list-item li i {

  margin-right: inherit;

  margin-left: 10px;

}



@media only screen and (max-width: 767px) {

  html[dir="rtl"] .privacy-policy {

    padding-right: 0;

  }

}



html[dir="rtl"] .privacy-policy ul li {

  padding-left: inherit;

  padding-right: 30px;

}



html[dir="rtl"] .privacy-policy ul li::after {

  left: inherit;

  right: 0;

}



html[dir="rtl"] .login-form-box .form-group .password-show {

  right: inherit;

  left: 18px;

}



html[dir="rtl"] .edu-sorting-area .sorting-right .edu-sorting .icon {

  left: inherit;

  right: 22px;

}



html[dir="rtl"] .edu-sorting-area .sorting-right .edu-sorting .edu-select {

  padding-left: inherit;

  padding-right: 50px;

}



html[dir="rtl"] .edu-sorting-area .sorting-right .layout-switcher {

  margin-right: inherit;

  margin-left: 30px;

}



html[dir="rtl"] .edu-sorting-area .sorting-right .layout-switcher label {

  margin-right: inherit;

  margin-left: 10px;

}



html[dir="rtl"] select {

  background: url(../images/icons/arrow-icon.png) 10% center no-repeat;

  background-color: var(--color-lighten01);

}



html[dir="rtl"] .product-details-area .content .product-action .add-to-cart-btn a {

  margin-right: inherit;

  margin-left: 10px;

}



html[dir="rtl"] .product-description-content .comment-form .review-rating .title {

  margin-right: inherit;

  margin-left: 15px;

}



html[dir="rtl"] .comment-list-wrapper .comment .thumbnail {

  margin-right: inherit;

  margin-left: 30px;

}



html[dir="rtl"] .contact-me .thumbnail {

  margin-right: inherit;

  margin-left: 130px;

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  html[dir="rtl"] .contact-me .thumbnail {

    margin-left: 50px;

  }

}



@media only screen and (max-width: 767px) {

  html[dir="rtl"] .contact-me .thumbnail {

    margin-left: 0;

  }

}



html[dir="rtl"] .checkout-billing .form-group select {

  background: url(../images/icons/arrow-icon.png) 11% center no-repeat transparent;

}



html[dir="rtl"] .rn-progress-parent {

  right: inherit;

  left: 30px;

}



html[dir="rtl"] .isotop-button.button-transparent button::after {

  bottom: -3px;

}



html[dir="rtl"] input[type="checkbox"]~label,

html[dir="rtl"] input[type="radio"]~label {

  padding-left: inherit;

  padding-right: 40px;

}



html[dir="rtl"] input[type="checkbox"]~label::before,

html[dir="rtl"] input[type="radio"]~label::before {

  left: inherit;

  right: 0;

}



html[dir="rtl"] input[type="checkbox"]~label::after,

html[dir="rtl"] input[type="radio"]~label::after {

  left: inherit;

  right: 3px;

}



html[dir="rtl"] .input-group .form-control {

  text-align: right;

}



html[dir="rtl"] .form-group input,

html[dir="rtl"] .form-group textarea {

  text-align: right;

}



html[dir="rtl"] .preloader-close-btn-wraper {

  right: inherit;

  left: 0;

}



html[dir="rtl"] .swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-prev .testimonial-grid {

  margin-right: 36px;

  margin-left: 0px;

  box-shadow: -40px 0px 50px 0px rgba(26, 46, 85, 0.1);

}



html[dir="rtl"] .swiper-testimonial-slider-wrapper .swiper-slide.swiper-slide-visible.swiper-slide-next .testimonial-grid {

  margin-left: 36px;

  margin-right: 40px;

  box-shadow: 70px 0px 50px 0px rgba(26, 46, 85, 0.1);

}



.entry_content {

  padding: 15px 0;

}



.governer_body {

  min-height: 100vh;

  padding: 15px 0;

}



.governer_body p {

  margin: 0;

}



/* .office-content {

  margin-top: 80px;

} */



/* office info */



.emp-info-card {

  padding: 16px;

  border-radius: 12px;

  background-color: #ffffff;

  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);

}



.emp-info-card img {

  width: 100%;

  aspect-ratio: 1/1;

  border-radius: 50%;

  border: 3px solid #0d1e51;

}



.emp-info {

  display: flex;

  flex-direction: column;

  justify-content: space-between;

}



.office-content table {

  vertical-align: middle;

}



.edu-college-table-area .office-content table a {

  vertical-align: middle;

}



.teder a {

  display: block;

}



.logo_link_college .features-box {

  margin-bottom: 30px;

}



.logo_link_college h1,

.logo_link_college p {

  text-align: center;

}



/* page under constraction design start */



@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');



.main-constraction {

  position: relative;

  height: 80vh;

  z-index: -10;

  background: linear-gradient(to top, #1b1d1d, rgba(255, 255, 255, 0.75));

}



.crane__list,

.skyscrappers__list,

.tree__container {

  position: absolute;

  width: 100%;

  bottom: 0;

}



.advice {

  display: flex;

  height: 50vh;

  width: 100vw;

  flex-flow: column nowrap;

  justify-content: center;

  align-items: center;

}



.advice__title {

  font-size: 3rem;

  text-align: center;

}



.advice__description {

  margin-top: 1rem;

  font-size: 2rem;

  text-align: center;

}



.advice__description span:first-child {

  margin-right: -0.7rem;

}



.advice__description span:last-child {

  margin-left: -0.7rem;

}



.city-stuff {

  display: flex;

  position: absolute;

  justify-content: center;

  width: 100%;

  height: 100%;

  bottom: 0;

  overflow: hidden;

  box-shadow: inset 0 -60px 0 -30px #4bafac;

}



.skyscrappers__list {

  width: 100%;

  height: 86.6666666667px;

  left: 0;

}



.skyscrappers__list .skyscrapper__item {

  position: absolute;

  height: inherit;

  bottom: 15%;

  width: 43.3333333333px;

  background: linear-gradient(115deg, #4bafac 73%, #3c8b89 73%, #3c8b89 100%);

}



.skyscrappers__list .skyscrapper__item::after {

  content: '';

  position: absolute;

  width: 80%;

  height: 80%;

  left: 10%;

  bottom: 10%;

  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAGCAYAAAAG5SQMAAAAFElEQVQImWP4////fwYYIJKDEwAAfPsP8eFXG40AAAAASUVORK5CYII=') space;

}



.skyscrappers__list .skyscrapper__item:last-child:not(:only-child) {

  background: #4bafac;

}



.skyscrappers__list .skyscrapper-1 {

  width: 121.3333333333px;

  height: 138.6666666667px;

  right: 25%;

  bottom: 0;

  z-index: 10;

  transform: rotate(180deg);

}



@media screen and (max-width: 450px) {

  .skyscrappers__list .skyscrapper-1 {

    display: none;

  }

}



.skyscrappers__list .skyscrapper-2 {

  width: 60.6666666667px;

  height: 69.3333333333px;

  right: 35%;

  bottom: 0;

  z-index: 10;

  transform: rotate(180deg);

  bottom: 10%;

}



@media screen and (max-width: 900px) {

  .skyscrappers__list .skyscrapper-2 {

    display: none;

  }

}



@media screen and (max-width: 450px) {

  .skyscrappers__list .skyscrapper-1 {

    display: none;

  }

}



.skyscrappers__list .skyscrapper-3 {

  width: 40.4444444444px;

  height: 46.2222222222px;

  right: 45%;

  bottom: 0;

  z-index: 10;

  transform: rotate(180deg);

  height: 115.5555555556px;

}



@media screen and (max-width: 900px) {

  .skyscrappers__list .skyscrapper-3 {

    display: none;

  }

}



@media screen and (max-width: 450px) {

  .skyscrappers__list .skyscrapper-1 {

    display: none;

  }

}



.skyscrappers__list .skyscrapper-4 {

  width: 30.3333333333px;

  height: 34.6666666667px;

  right: 55%;

  bottom: 0;

  z-index: 10;

  transform: rotate(180deg);

  height: 86.6666666667px;

}



.skyscrappers__list .skyscrapper-4::after {

  width: 20%;

  height: 60%;

  left: 25%;

}



@media screen and (max-width: 450px) {

  .skyscrappers__list .skyscrapper-1 {

    display: none;

  }

}



.skyscrappers__list .skyscrapper-5 {

  width: 24.2666666667px;

  height: 27.7333333333px;

  right: 65%;

  bottom: 0;

  z-index: 10;

  transform: rotate(180deg);

  width: 7%;

  right: 67%;

  height: 50%;

  z-index: 11;

}



.skyscrappers__list .skyscrapper-5::after {

  height: 0;

}



@media screen and (max-width: 450px) {

  .skyscrappers__list .skyscrapper-1 {

    display: none;

  }

}



.crane-cabin,

.crane-arm,

.crane-picker {

  transform-origin: 80% center;

  animation: crane__movement 12s infinite alternate;

}



.crane__list {

  width: 260px;

  height: 173.3333333333px;

  z-index: 0;

  perspective: 600px;

}



.crane__list .crane__item {

  position: absolute;

  border: solid 1px #4bafac;

  border-radius: 2px;

}



.crane__list .crane-cable {

  width: 1px;

  height: 1px;

  border: none;

  outline: 1px solid transparent;

  background: #4bafac;

  z-index: 0;

}



.crane__list .crane-cable-1 {

  width: 60%;

  top: 0;

  left: 11%;

  transform-origin: right 0;

  animation: cable-1__movement 12s infinite alternate;

}



.crane__list .crane-cable-2 {

  width: 19%;

  top: 0;

  right: 8%;

  transform-origin: top left;

  animation: cable-2__movement 12s infinite alternate;

}



.crane__list .crane-cable-3 {

  height: 30%;

  top: 22%;

  left: 9%;

  transform-origin: right center;

  animation: cable-3__movement 12s ease-in-out infinite alternate;

}



.crane__list .crane-cable-3::after {

  content: '';

  display: block;

  position: absolute;

  height: 0.2em;

  width: 9000%;

  bottom: 0;

  left: -4500%;

  background: #90d0cd;

  border: 1px solid #4bafac;

}



.crane__list .crane-stand {

  width: 5%;

  height: 100%;

  right: 25%;

  z-index: 1;

  background: linear-gradient(to top, #4bafac, #bfd4d3);

}



.crane__list .crane-weight {

  width: 8%;

  height: 20%;

  right: 4%;

  top: 12%;

  z-index: 2;

  background: #a9d1cf;

  transform-origin: 0 center;

  animation: crane-weight__movement 12s infinite alternate;

}



.crane__list .crane-cabin {

  width: 12%;

  height: 9%;

  right: 24%;

  top: 20%;

  z-index: 2;

  background: #a9d1cf;

}



.crane__list .crane-cabin::after {

  content: '';

  display: block;

  position: absolute;

  width: 100%;

  height: 10%;

  top: 60%;

  left: 0;

  background: white;

}



.crane__list .crane-arm {

  width: 100%;

  height: 7%;

  top: 15%;

  border-top-left-radius: 10px;

  z-index: 3;

  background: #a9d1cf;

}



.crane-1 {

  left: 20%;

  z-index: 10;

}



.crane-2 {

  left: 30%;

  z-index: 10;

  bottom: -1rem;

  z-index: -1;

  transform: scale(0.75) scaleX(-1);

}



@media screen and (max-width: 900px) {

  .crane-2 {

    display: none;

  }

}



.crane-2 .crane-cable-3 {

  animation-delay: 3s;

}



.crane-3 {

  left: 40%;

  z-index: 10;

  bottom: -0.5rem;

  transform: scale(0.8);

}



@media screen and (max-width: 900px) {

  .crane-3 {

    z-index: -1;

    transform: scale(0.75) scaleX(-1);

  }

}



@media screen and (max-width: 900px) {

  .crane-3 {

    display: none;

  }

}



.crane-3 .crane-cable-3 {

  animation-delay: 4.5s;

}



.tree__container {

  width: 100%;

  height: 62.6666666667px;

  left: 0;

  margin-bottom: 4px;

}



.tree__item {

  display: flex;

  flex-flow: column nowrap;

  position: absolute;

  justify-content: flex-end;

  align-items: center;

  left: 60%;

}



.tree__trunk {

  order: 2;

  display: block;

  position: absolute;

  width: 4px;

  height: 8px;

  margin-top: 8px;

  border-radius: 2px;

  background: #57473d;

}



.tree__leaves {

  order: 1;

  position: relative;

  border-top: 0 solid transparent;

  border-right: 4px solid transparent;

  border-bottom: 32px solid #4bafac;

  border-left: 4px solid transparent;

}



.tree__leaves::after {

  content: '';

  position: absolute;

  height: 100%;

  left: -4px;

  border-top: 0;

  border-right: 0;

  border-bottom: 32px solid #3c8b89;

  border-left: 4px solid transparent;

}



.tree-1 {

  left: 66%;

}



@media screen and (max-width: 768px) {

  .tree-1 {

    display: none;

  }

}



.tree-2 {

  left: 67%;

}



@media screen and (max-width: 768px) {

  .tree-2 {

    display: none;

  }

}



.tree-4 {

  left: 57%;

}



.tree-5 {

  left: 58%;

}



.tree-7 {

  left: 51%;

}



@media screen and (max-width: 450px) {

  .tree-7 {

    display: none;

  }

}



.tree-8 {

  left: 52%;

}



@media screen and (max-width: 450px) {

  .tree-8 {

    display: none;

  }

}



@keyframes cable-1__movement {



  0%,

  20% {

    transform: rotateY(0) rotateZ(-10deg);

  }



  70%,

  100% {

    transform: rotateY(45deg) rotateZ(-10deg);

  }

}



@keyframes cable-2__movement {



  0%,

  20% {

    transform: rotateY(0) rotateZ(29deg);

  }



  70%,

  100% {

    transform: rotateY(15deg) rotateZ(29deg);

  }

}



@keyframes cable-3__movement {

  0% {

    transform: translate(0, 0);

  }



  20% {

    transform: translate(2500%, -18%);

  }



  60% {

    transform: translate(11000%, -25%);

  }



  70% {

    height: 30%;

    transform: translate(9100%, -25%);

  }



  90%,

  100% {

    height: 80%;

    transform: translate(9100%, -15%);

  }

}



@keyframes crane__movement {



  0%,

  20% {

    transform: rotateY(0);

  }



  70%,

  100% {

    transform: rotateY(45deg);

  }

}



@keyframes crane-weight__movement {



  0%,

  20% {

    transform: rotateY(0) translateX(0);

  }



  70%,

  100% {

    transform: rotateY(45deg) translateX(-50%);

  }

}

/* custom css */

.main-wrapper {
  min-height: 90vh;
}

.fixed-l {
    position: fixed;
}

.nikosh {
    font-family: Nikosh;
}

#tickerListWrapper {
  width: 100%;
  padding-block: 8px;
  overflow: hidden;
  white-space: nowrap;
  background-color: #eeeeee;
}
.ticker-notice .ticker__list {
  display: inline-block;
}
.ticker-notice .animation {
  animation: marquee linear infinite;
}
#tickerListWrapper:hover div {
  animation-play-state: paused;
}
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.ticker-notice .container {
  display: flex;
  align-items: center;
}
.ticker-notice .animation-paused {
  animation-play-state: paused;
}

/* page under constraction design end */