/* -------------------------------------------------------
                   Core
-------------------------------------------------------- */
html {
  font-size: $font-size-base;
}


body {
  background-color: $bg-color;
  color: $body-color;
  line-height: $line-height-base;
  font-family: $body-font;
  font-weight: $font-weight-body;
  margin: 0;
  text-rendering: optimizeLegibility;
  transition: 100ms;
  transition-property: background-color, color;
}

@import 'core/cursor';
@import 'core/preloading';
@import 'core/change-style';

#page_wrapper {
  position: relative;
  z-index: 1;
}

.elementor-widget-dsn_bg_mask {
  &.elementor-element.elementor-absolute, &.elementor-element.elementor-fixed {
    z-index: 0;
  }

}

.bg-load {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;

  svg {

    fill: var(--dsn-color-icon, $theme-color);
    pointer-events: none;
    width: 100%;
    height: 150px;
  }

  svg.dsn-separator-bottom {
    transform: translateY(148px);
  }

  svg.dsn-separator-top {
    transform: translateY(-148px) rotate(180deg);
  }


}


.dsn-heading-title.p-10 {
  padding-top: 5px;
  padding-bottom: 5px;
  letter-spacing: 2px;
}


#line_head {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.2;

  > .container {
    position: relative;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-left: 1px solid $border-color;
    border-right: 1px solid $border-color;

    &:before {
      content: '';
      display: block;
      position: relative;
      width: 1px;
      background-color: $border-color;
      height: 100%;
      margin: 0 auto;
    }
  }

}

.dsn-separator:not(.dsn-duration) {
  display: none;
}

.footer-animate.svg-animate .dsn-separator {
  top: 0;
  fill: var(--dsn-color-icon, $theme-color);
  position: absolute;
  display: block;
  pointer-events: none;
  width: 100%;
  height: 150px;
  z-index: 10;
  left: 0;
  background-color: transparent;
  @include media_991 {
    height: 100px;
  }
  @include media_991 {
    height: 80px;
  }
  @include media_400 {
    height: 50px;
  }
}

.dsn-separator-up {
  top: -1px;
}

.aspect-ratio-1  .box-image-link {
  overflow: hidden;
  position: relative;
  aspect-ratio: 1/1;
  border-radius: 50%;
}

.clip-path-circle .swiper-slide {
  clip-path: circle(44% at 50% 50%);
}

//[data-dsn-grid="move-up"].dsn-animate::after , #dsn_cursor , #dsn_cursor_inner{
//  display: none;
//}

.swiper-slide img{
  pointer-events: none;
}


.main-slider .dsn-swiper-paginate{
  display: none;
}

.swiper-slide .box-image-link{
  pointer-events:none;
}