@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: Education Training LMS Theme offers a structured design for presenting courses, educational resources, and training information. Its layout includes sections for course listings, instructor profiles, program details, and learning updates. An Online School can use these sections to organize subjects and display course information in a clear format. Customizable colors, typography, images, and page layouts help maintain a consistent website appearance. The Education Training LMS theme provides a responsive layout that adjusts to desktop, tablet, and mobile screens. An E-Learning Platform can present course descriptions and learning resources, while an Online Course Provider can organize available programs and enrollment information. Educational Institution websites can use dedicated sections to display academic offerings, announcements, and contact details. A Training Institute can arrange information about training schedules, course modules, and instructional programs. Similarly, a Coaching Center can present class details, subject information, and registration instructions. The theme can work with compatible learning management plugins to add functions such as course management, student enrollment, and lesson delivery, depending on the plugins selected. Navigation menus and editable page sections help keep information organized. Administrators can update content as courses and programs change, allowing the website to reflect current educational offerings without changing its overall structure.
Version: 1.7.6
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);
}