@charset "UTF-8";
/*!
Theme Name: Education Training LMS
Theme URI: https://www.seothemesexpert.com/products/education-training-lms
Author: drakearthur
Author URI: https://www.seothemesexpert.com/
Description: The Education Training LMS is a robust and versatile theme crafted to cater to the dynamic requirements of contemporary digital learning environments, offering a clean, minimal, and elegant layout that delivers a premium visual experience ideal for schools, universities, and coaching institutes. Its design supports scalability and performance, making it perfect for developing comprehensive online learning platforms, interactive course hubs, and complete educational ecosystems. Optimized with well-structured, secure code, it ensures fast loading times and smooth navigation on all devices, while its responsive and mobile-friendly design enhances the experience for remote students. Featuring retina-ready visuals, engaging banners, and subtle animations, it fosters learner engagement and provides an interactive interface that seamlessly integrates with virtual classroom software, functioning efficiently as an LMS for managing courses, lessons, and educational resources. Additionally, it works well with various online training tools, allowing institutions to create organized and impactful online education experiences. With flexible customization options, Bootstrap framework compatibility, and shortcode functionalities, it simplifies the modification of layouts, typography, and color schemes. Built-in sections for team, testimonials, and social media integration establish credibility, complemented by a strong Call To Action system that boosts user engagement. This modern, user-friendly WordPress education theme is tailored for institutions aiming for a scalable and future-ready e-learning ecosystem, facilitating long-term growth and digital transformation.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.2
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: education-training-lms
Template: online-education-academy
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, wide-blocks, editor-style, full-width-template, custom-background, custom-colors, custom-header, custom-logo, custom-menu, sticky-post, featured-images, footer-widgets, flexible-header, featured-image-header, post-formats, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, portfolio, education

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Education Training LMS is based on Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.

*/


/*--------------ABout Sec--------------*/

.about-sec .slider-top-main{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 2px 18px 1px 0px;
  border-radius: 999px;
  position: relative;
  background: linear-gradient(
    160deg,
    var(--wp--preset--color--tertiary),
    var(--wp--preset--color--quaternary)
  );
}
.about-sec .slider-top-main::before{
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: #fff;
  z-index: 0;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
}
.about-sec .slider-top-main i,
.about-sec .slider-top-main p{
  position: relative;
  z-index: 1;
}
.about-sec .slider-top-main i{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: linear-gradient(
    160deg,
    var(--wp--preset--color--tertiary),
    var(--wp--preset--color--quaternary)
  );
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.about-sec .slider-top-main p{
  margin: 0;
  background: linear-gradient(
    160deg,
    var(--wp--preset--color--tertiary),
    var(--wp--preset--color--quaternary)
  );
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
          color: transparent;
}

.about-btn-box a{
  margin-top: 10px !important;
}
.about-sec .abt-green-banner{
    position: relative;
    overflow: visible;
}

.about-services i{
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  border-radius: 7px;
  background: linear-gradient(160deg, var(--wp--preset--color--tertiary) 0%, var(--wp--preset--color--quaternary) 100%) !important;
  color: #fff;
}

.about-btn-box a.wp-element-button {
  position: relative;
  z-index: 9;
  font-weight: 400;
  background: #000 !important;
  padding: 7px 5px 7px 14px !important;
  display: flex;
  border-radius: 10px;
  font-size: 18px;
  align-items: center;
  justify-content: center;
  border: none !important;
}
.about-btn-box a.wp-element-button::after {
  content: '\f054'; /* Font Awesome user icon - adjust as needed */
  font-family: 'Font Awesome 5 Free', 'Font Awesome 6 Free';
  font-weight: 900;
  margin-left: 8px;
  font-size: 10px;
  background: #ffffff;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  color: var(--wp--preset--color--quaternary);
  border-radius: 5px;
}
.about-btn-box a.wp-element-button:hover{
  background: linear-gradient(160deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--secondary) 100%) !important;
}
.about-btn-box a.wp-element-button:hover::after{
  color: var(--wp--preset--color--secondary) !important;
}
.about-sec .banner-right-video-content i{
  color: var(--wp--preset--color--quaternary);
  font-size: 14px;
}
.about-sec .banner-video svg path{
  fill: var(--wp--preset--color--quaternary);
}
.about-sec .banner-video span.wpzoom-video-popup-block_icon {
    width: 25px !important;
    border-radius: 50%;
    height: 25px !important;
    background: #FFFFFF33;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 16px 0 auto;
}
.about-sec .banner-video a.wp-block-wpzoom-video-popup-block-block.wpzoom-video-popup-block.has-raleway-font-family{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: auto !important;
}
.about-sec-blur-banner {
  display: inline-block;
  width: 60%;
  margin-left: 90px !important;
  margin-bottom: -10px !important;
  margin-top: 80px !important;
}
.abt-icon-text i{
  font-size: 14px;
  color: var(--wp--preset--color--quaternary);
}
.about-sec .about-sec-blur-banner span{
  background: linear-gradient(160deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--secondary) 100%) !important;
}
.about-sec .about-sec-blur-banner span:hover {
  background: linear-gradient(160deg, var(--wp--preset--color--tertiary) 0%, var(--wp--preset--color--quaternary) 100%) !important;
}
.about-sec .abasd{
  margin-left: -85px !important;
}
.about-sec .aaba {
    position: relative;
    display: grid;
}
.about-sec .yellow-banner-cover-image{
  display: inline-block !important;
}
.about-sec .banner-video {
    position: absolute;
    left: 50%;
    top: 72%;
    transform: translate(-50%, -50%);
    z-index: 999;
}
.about-sec .banner-video a{
  display: flex;
  width: 60px;
  height: 60px;
  min-height: 60px;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  border-radius: 50%;
}

.search-box .wp-block-search__button svg {
    transform: scaleX(-1);
}

@media (min-width: 320px) and (max-width: 767px) {
  .about-sec{
    padding: 3em 0 !important;
  }
  .about-sec h2{
    font-size: 22px !important;
  }
  .about-sec .about-para{
    font-size: 14px !important;
  }
}

@media (min-width: 767px) and (max-width: 991px) {
  .about-sec{
    margin: 3em 0 !important;
  }
  .about-sec h2{
    font-size: 22px !important;
  }
  .about-sec .about-para{
    font-size: 12px !important;
  }
}

@media (min-width: 1000px) and (max-width: 1024px) {
  .about-sec{
    margin: 3em 0 !important;
  }
  .about-sec h2{
    font-size: 22px !important;
  }
  .about-sec .about-para{
    font-size: 13px !important;
  }
  .about-services.is-layout-flex{
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }
}


@media screen and (max-width: 1670px) {
  .about-sec-blur-banner {
    margin-left: 90px !important;
    margin-bottom: -10px !important;
    margin-top: 30px !important;
  }
}

@media screen and (max-width: 1500px) {
  .about-sec-blur-banner {
    width: 70%;
    margin-left: 90px !important;
    margin-bottom: -10px !important;
    margin-top: 10px !important;
  }
  .about-right-col .about-services .service-icon-col{
    flex-basis: 10% !important;
  }
  .about-right-col .about-services .serv-icon-content{
    flex-basis: 90% !important;
  }
}

@media screen and (max-width: 1300px) {
  .about-sec .abasd {
    margin-left: -30px !important;
  }
  .about-sec-blur-banner {
    width: 100%;
    margin-left: 10px !important;
    margin-bottom: -50px !important;
    margin-top: 0;
  }
  .about-right-col .about-services .service-icon-col{
    flex-basis: 15% !important;
  }
  .about-right-col .about-services .serv-icon-content{
    flex-basis: 85% !important;
  }
}

@media screen and (max-width: 1200px) {
  .header-sec .main-navigation ul {
    gap: 15px !important;
  }
  .header-sec .wp-block-columns {
    width: 90%;
    max-width: 90%;
  }
  .main-navigation .home-page a span {
    padding: 6px 10px;
  }
  .main-navigation span {
    font-size: 14px !important;
  }
  .slider-details, .main-banner-sec .slider-top-main p {
    font-size: 12px !important;
  }
}

@media screen and (max-width: 990px) {
  .main-banner-sec .slider-top-main p {
    font-size: 10px !important;
  }
  .about-sec-columns.is-layout-flex{
    flex-wrap: nowrap !important;
    flex-direction: column;
  }
  .about-sec-blur-banner {
    width: 100%;
    margin-left: 30px !important;
    margin-bottom: 10px !important;
    margin-top: 0;
  }
  .about-right-col .about-services .service-icon-col{
    flex-basis: 10% !important;
  }
  .about-right-col .about-services .serv-icon-content{
    flex-basis: 90% !important;
  }
}

@media screen and (max-width: 790px) {
  .main-banner-sec .slider-top-main p {
    font-size: 10px !important;
  }
  .about-sec-columns.is-layout-flex{
    flex-wrap: nowrap !important;
    flex-direction: column;
  }
  .about-left-img-columns {
    flex-wrap: nowrap !important;
  }
  .about-sec-blur-banner {
    width: 100%;
    margin-left: 30px !important;
    margin-bottom: -10px !important;
    margin-top: 0;
  }
  .about-right-col .about-services .service-icon-col{
    flex-basis: 10% !important;
  }
  .about-right-col .about-services .serv-icon-content{
    flex-basis: 90% !important;
  }
  .about-sec .abasd {
    margin-left: 0px !important;
  }
}

@media screen and (max-width: 600px) {
  .main-banner-sec .slider-top-main p {
    font-size: 10px !important;
  }
  .about-sec-columns.is-layout-flex{
    flex-wrap: nowrap !important;
    flex-direction: column;
  }
  .about-services,.about-left-img-columns {
    flex-wrap: wrap !important;
  }
  .about-sec-blur-banner {
    width: 100%;
    margin-left: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0;
  }
  .about-right-col .about-services .service-icon-col{
    flex-basis: 20% !important;
  }
  .about-right-col .about-services .serv-icon-content{
    flex-basis: 80% !important;
  }
  .about-sec .abasd {
    margin-left: 0px !important;
  }
  .about-btn-mainn,.abt-icon-text{
    justify-content: center !important;
  }
}

@media screen and (max-width: 350px) {
  .about-right-col .about-services .service-icon-col{
    flex-basis: 25% !important;
  }
  .about-right-col .about-services .serv-icon-content{
    flex-basis: 75% !important;
  }
}

.courses-col .img-course figure:first-child img {
    transition: transform 0.5s ease, filter 0.5s ease;
}

.courses-col:hover .img-course figure:first-child img {
    transform: scale(1.05);
    filter: brightness(0.9);
}

.courses-col .course-small-img img {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.courses-col:hover .course-small-img img {
    transform: scale(1.12) rotate(3deg);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}

.blog-img,.blog-img figure {
  position: relative;
  overflow: hidden;
}

.blog-img img,.blog-img figure img {
  display: block;
  transition: transform 0.5s ease;
}

.blog-img::before,.blog-img figure::before {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 15%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.6) 100%);
  transform: skewX(-25deg);
  transition: left 0.75s ease;
}

.blog-imgsssa:hover .blog-img::before,.blog-imgsssa:hover .blog-img figure::before {
  left: 125%;
}

.about-left-img-columns .about-im-1 img,
.about-left-img-columns .about-im-2 img {
  transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1),
  filter 0.7s ease;
}

.about-left-img-columns .about-im-1:hover img,
.about-left-img-columns .about-im-2:hover img {
    transform: scale(1.07) translateY(-3px);
    filter: brightness(0.95) saturate(1.1);
}

.about-left-img-columns .banner-video a{
  transition: transform 0.45s ease;
}

.about-left-img-columns .banner-video:hover a{
  transform: scale(1.08);
}

.happy-client-box {
  transition: transform 0.4s ease,
  box-shadow 0.4s ease;
}

.happy-client-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

.happy-client-img img {
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
  box-shadow 0.4s ease;
}

.happy-client-img figure:hover img {
  transform: translateY(-6px) scale(1.12);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.20);
}

.happy-client-img figure:nth-child(1) img {
  transition-delay: 0s;
}

.happy-client-img figure:nth-child(2) img {
  transition-delay: 0.04s;
}

.happy-client-img figure:nth-child(3) img {
  transition-delay: 0.08s;
}

.happy-client-img figure:nth-child(4) img {
  transition-delay: 0.12s;
}

.courses-box {
  transition: transform 0.4s ease,
  box-shadow 0.4s ease;
}

.courses-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

.courses-box > i {
  transition: transform 0.4s ease,
  color 0.4s ease;
}

.courses-box:hover > i {
  transform: scale(1.15) ;
}
.courses-box .courses-count {
  transition: transform 0.35s ease;
}

.courses-box:hover .courses-count {
  transform: scale(1.08);
}