/*
Theme Name: Execor Child
Author: VamTam
Author URI: https://vamtam.com
Template: execor
*/



/*

put your child theme styles here


you don't need any @import rules

*/



/* -------client logo auto slide (LEFT)---------*/
#slow .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;   /* ensure one row, no wrapping */
  pointer-events: auto;
  will-change: transform;
}

#slow .swiper-slide,
#slow .swiper-wrapper > div:not(.swiper-slide) {
  flex: 0 0 auto;
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#slow .swiper-slide img {
  height: 60px;
  object-fit: contain;
}


/* -------client logo auto slide 2right (RIGHT)---------*/
#slow_2right .swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;   /* important for seamless scroll */
  pointer-events: auto;
  will-change: transform;
}

#slow_2right .swiper-slide,
#slow_2right .swiper-wrapper > div:not(.swiper-slide) {
  flex: 0 0 auto;
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#slow_2right .swiper-slide img {
  height: 60px;
  object-fit: contain;
}


/* -------client logo right and left fade ---------*/
.sidefadez {
  -webkit-mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 10%,
    rgba(0, 0, 0, 1) 90%,
    rgba(0, 0, 0, 0) 100%
  );
  mask-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 1) 10%,
    rgba(0, 0, 0, 1) 90%,
    rgba(0, 0, 0, 0) 100%
  );
}
/* -------client logo right and left fade END---------*/



/* =========================================================
   CANDOR RADAR CHART
   ========================================================= */

.rc-radar {
    /* Chart colours */
    --rc-grid: rgba(27, 42, 34, 0.28);
    --rc-line: #a9d6c0;
    --rc-dash: #eef6ee;
    --rc-label: #1b2a22;

    position: relative;

    /* Desktop sizing
       Elementor container:
       min-height 340px
       padding 20px
       usable height approx. 300px
    */
    width: min(100%, 330px);
    height: 300px;

    margin: 0 auto;

    font-family: "Figtree", sans-serif;
}


/* SVG
   --------------------------------------------------------- */

.rc-radar svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}


/* Radar grid rings
   --------------------------------------------------------- */

.rc-radar .rc-ring {
    fill: none;
    stroke: var(--rc-grid);
    stroke-width: 1;
    stroke-linejoin: miter;

    opacity: 0;
    transition: opacity .6s ease;
}


/* Radar axis lines
   --------------------------------------------------------- */

.rc-radar .rc-axis {
    stroke: var(--rc-grid);
    stroke-width: 1;

    opacity: 0;
    transition: opacity .6s ease;
}


/* Main mint radar shape
   --------------------------------------------------------- */

.rc-radar .rc-shape {
    fill: none;
    stroke: var(--rc-line);
    stroke-width: 2;
    stroke-linejoin: round;
}


/* Animated white dashed line
   --------------------------------------------------------- */

.rc-radar .rc-dashed {
    fill: none;
    stroke: var(--rc-dash);
    stroke-width: 1.5;
    stroke-dasharray: 4 3.5;
    stroke-linejoin: round;

    animation: rc-march 1.2s linear infinite;
}


@keyframes rc-march {
    to {
        stroke-dashoffset: -15;
    }
}


/* Labels
   --------------------------------------------------------- */

.rc-radar .rc-label {
    position: absolute;
    margin: 0;

    font-family: "Figtree", sans-serif;
    font-size: 11px;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;

    color: var(--rc-label);

    opacity: 0;
    transition: opacity .6s ease .5s;
}


/* Entrance animation
   --------------------------------------------------------- */

.rc-radar.is-in .rc-ring,
.rc-radar.is-in .rc-axis,
.rc-radar.is-in .rc-label {
    opacity: 1;
}

.rc-radar.is-in .rc-ring:nth-of-type(2) {
    transition-delay: .1s;
}

.rc-radar.is-in .rc-ring:nth-of-type(3) {
    transition-delay: .2s;
}

.rc-radar.is-in .rc-ring:nth-of-type(4) {
    transition-delay: .3s;
}


/* =========================================================
   TABLET
   Container min-height: 280px
   Padding: 20px
   Usable height: approx. 240px
   ========================================================= */

@media (max-width: 1024px) {

    .rc-radar {
        width: min(100%, 264px);
        height: 240px;
    }

}


/* =========================================================
   MOBILE
   Container min-height: 280px
   Padding: 40px
   Usable height: approx. 200px
   ========================================================= */

@media (max-width: 767px) {

    .rc-radar {
        width: min(100%, 220px);
        height: 200px;
    }

}


/* Accessibility: reduced motion
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    .rc-radar .rc-dashed {
        animation: none;
    }

    .rc-radar * {
        transition: none !important;
    }

}


/* =========================================================
   CANDOR RADAR CHART END
   ========================================================= */