.apollo_icons__shortcode.optimized .elementor-shortcode {
    overflow: visible;
}

.apollo_icons__shortcode.optimized .elementor-shortcode:before,
.apollo_icons__shortcode.optimized .elementor-shortcode:after {
    display: none;
}

.apollo_icons__shortcode.optimized .elementor-shortcode{
    padding: 0;
}
.apollo_icons__shortcode.optimized .elementor-shortcode .apollo_icons.container{
    padding: 0;
}

.apollo_icons__shortcode.optimized .elementor-shortcode .apollo_icons.inner_container {
    padding: 0;
    display: flex;
    gap:     32px;
}

.apollo_icons__shortcode.optimized .elementor-shortcode .apollo_icons.container .inner_container article .apollo_title {
    padding: 32px 0;
}

.apollo_icons__shortcode.optimized .elementor-shortcode .apollo_icons.container .inner_container article:hover > div > a > p {
    box-shadow: none;
    position:   relative;
}

.apollo_icons__shortcode.optimized .elementor-shortcode .apollo_icons.container .inner_container article .apollo_icon__image {
    padding: 0;
}

.apollo_icons__shortcode.optimized .elementor-shortcode .apollo_icons.container .inner_container article:hover > div > a > p:before {
    content:          "";
    position:         absolute;
    left:             0;
    right:            0;
    margin-left:      auto;
    margin-right:     auto;
    bottom:           -3px;
    width:            96px;
    height:           3px;
    background-color: var(--e-global-color-accent);
    box-shadow:       0 8px 12px 0 rgba(0, 0, 0, 0.24);
}

.faded-side .swiper {
    mask-image:         linear-gradient(to right, transparent, black 192px, black calc(100% - 192px), transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 192px, black calc(100% - 192px), transparent);
}

.e-con .elementor-arrows-position-outside .elementor-swiper-button.elementor-swiper-button-next {
    background-color:  var(--e-global-color-19d4917);
    min-height:        48px;
    max-height:        48px;
    display:           flex;
    align-items:       center;
    -webkit-transform: translate(var(--arrow-next-translate-x), var(--arrow-next-translate-y)) skew(-33deg) !important;
    transform:         translate(var(--arrow-next-translate-x), var(--arrow-next-translate-y)) skew(-33deg) !important;
    border-radius:     11px;
    overflow:          hidden;
}

.e-con .elementor-arrows-position-outside .elementor-swiper-button.elementor-swiper-button-prev {
    background-color:  var(--e-global-color-d6145a6);
    border:            2px solid var(--e-global-color-e36efdc);
    min-height:        48px;
    max-height:        48px;
    display:           flex;
    align-items:       center;
    -webkit-transform: translate(var(--arrow-prev-translate-x), var(--arrow-prev-translate-y)) skew(-33deg) !important;
    transform:         translate(var(--arrow-prev-translate-x), var(--arrow-prev-translate-y)) skew(-33deg) !important;
    border-radius:     10px;
    overflow:          hidden;
}

.e-con .elementor-arrows-position-outside .elementor-swiper-button.elementor-swiper-button-prev:hover {
    border: 2px solid var(--e-global-color-e36efdc);
}

.e-con .elementor-arrows-position-outside .elementor-swiper-button.elementor-swiper-button-next:before,
.e-con .elementor-arrows-position-outside .elementor-swiper-button.elementor-swiper-button-prev:before {
    content:          "";
    width:            calc(100% + 24px);
    height:           calc(100% + 24px);
    position:         absolute;
    top:              -12px;
    left:             calc(-100% - 26px);
    z-index:          -1;
    background-color: #000;
    opacity:          0.1;
    border-radius:    10px;
    transition:       all 0.3s ease-in-out;
}

.e-con .elementor-arrows-position-outside .elementor-swiper-button.elementor-swiper-button-next:hover:before,
.e-con .elementor-arrows-position-outside .elementor-swiper-button.elementor-swiper-button-prev:hover:before {
    left: -12px;
}


.e-con .elementor-arrows-position-outside .elementor-swiper-button.elementor-swiper-button-next i,
.e-con .elementor-arrows-position-outside .elementor-swiper-button.elementor-swiper-button-next svg {
    transform: skew(33deg);
    height:    20px;
    color:     var(--e-global-color-d6145a6);
    fill:      var(--e-global-color-d6145a6);
}

.e-con .elementor-arrows-position-outside .elementor-swiper-button.elementor-swiper-button-prev i,
.e-con .elementor-arrows-position-outside .elementor-swiper-button.elementor-swiper-button-prev svg {
    transform: skew(33deg);
    height:    20px;
    color:     var(--e-global-color-d5a23eb);
    fill:      var(--e-global-color-d5a23eb);
}
