/* 
Theme Name: The Skill Engine Theme
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
html {
  font-size: 100%;
}
html,
body {
  scroll-behavior: smooth;
}

:root {
  --spacing-padding-inline: 0.25rem; /*  min-width:640px ( 40rem )*/
}
/* Padding works only for main section  */
.main-section-padding .e-con-inner,
.e-flex.e-con-boxed.e-con.e-parent .e-con-inner {
  padding-inline: calc(var(--spacing-padding-inline) * 0);
}

@media screen and (width <= 118.75rem) {
  .main-section-padding .e-con-inner,
  .e-flex.e-con-boxed.e-con.e-parent .e-con-inner {
    padding-inline: calc(var(--spacing-padding-inline) * 15);
  }
}
@media screen and (width <= 100rem) {
  .main-section-padding .e-con-inner,
  .e-flex.e-con-boxed.e-con.e-parent .e-con-inner {
    padding-inline: calc(var(--spacing-padding-inline) * 20);
  }
}
@media screen and (width <= 85.375rem) {
  .main-section-padding .e-con-inner,
  .e-flex.e-con-boxed.e-con.e-parent .e-con-inner {
    padding-inline: calc(var(--spacing-padding-inline) * 15);
  }
}

@media screen and (width <= 64rem) {
  .main-section-padding .e-con-inner,
  .e-flex.e-con-boxed.e-con.e-parent .e-con-inner {
    padding-inline: calc(var(--spacing-padding-inline) * 10);
  }
}
@media screen and (width <= 40rem) {
  .main-section-padding .e-con-inner,
  .e-flex.e-con-boxed.e-con.e-parent .e-con-inner {
    padding-inline: calc(var(--spacing-padding-inline) * 5);
  }
}
.orange-text {
  font-family: var(--e-global-typography-bebcd27-font-family);
  font-weight: 700;
  font-style: italic;
  color: var(--e-global-color-accent);
}
.light-text {
  color: rgb(114, 114, 114);
}
.slider-animate .swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}

.logo-slide {
  position: relative;
}
.logo-slide::after {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-image: linear-gradient(
    90deg,
    rgba(247, 242, 227, 1),
    rgba(247, 242, 227, 0) 20%,
    rgba(247, 242, 227, 0) 80%,
    rgba(247, 242, 227, 1)
  );

  left: 0;
  top: 0;
}
.logo-slide .swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}