﻿
.ktc-lp2__steps-container {
    padding-bottom: 20px;
}

.ktc-lp2__steps h2 {
    font-size: 35px;
    font-weight: 700;
    text-align: center;
}

.ktc-lp2__steps p {
    padding-bottom: 0px;
}

.ktc-lp2__steps-intro {
    font-size: 22px;
    padding-bottom: 40px;
    text-align: center;
}

.ktc-lp2__steps-steps .swiper-slide {
    color: #41afc6;
    font-size: 19px;
    padding: 10px;
    text-align: center;
}

.ktc-lp2__steps-steps p {
    padding-bottom: 0px;
}

.ktc-lp2__steps-steps--mid {
    margin: 0 11%;
    transform: translate3d(5px, 0px, 0px) !important;
}

.ktc-lp2__steps-steps .swiper-slide h3 {
    font-size: 19px;
    font-weight: 700;
}

.ktc-lp2__steps-steps .swiper-slide img {
    margin: auto;
    max-width: 134px;
    padding-top: 5px;
}

.ktc-lp2__steps h2 {
    font-size: 24px;
    padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
    .ktc-lp2__steps h2 {
        font-size: 35px;
        padding-bottom: 20px;
    }

    .ktc-lp2__steps-steps .swiper-slide {
        border: 4px solid #41afc6;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
    }

    .ktc-lp2__steps-steps .swiper-slide {
        max-width: 26% !important;
    }

    .ktc-lp2__steps-container .swiper-pagination {
        display: none;
    }

    .ktc-lp2__steps-container .swiper {
        overflow: visible;
    }

    .ktc-lp2__steps-container .swiper-wrapper {
        pointer-events: none;
        width: inherit;
        box-sizing: inherit;
    }

    .ktc-lp2__steps-container .swiper-slide {
        height: auto;
    }

    .swiper-wrapper {
        transform: none !important;
    }


}

@media screen and (max-width: 767px) {
    .ktc-lp2__steps-steps .swiper-wrapper {
        flex-wrap: nowrap !important;
    }

    .ktc-lp2__steps-steps .swiper-pagination {
        position: relative !important;
    }

    .ktc-lp2__steps-steps .swiper-slide {
        padding: 0 3px 30px !important;
        text-align: center !important;
        margin: auto !important;
    }

    .ktc-lp2__steps-steps .swiper-button-next,
    .ktc-lp2__steps-steps .swiper-button-prev {
        color: #002e3f;
        top: 40%;
    }

    .ktc-lp2__steps-steps .swiper-pagination-bullet-active {
        background: #41afc6;
    }

    .ktc-lp2__steps-steps .swiper-slide p {
        padding-left: 50px;
        padding-right: 50px;
    }

    .ktc-lp2__steps-container {
        padding: 0px 0 35px;
    }
    span.swiper-pagination-bullet {
        height: 20px;
        width: 20px;
        border: 3px solid #41afc6;
        background: white;
        opacity: 1;
        display: inline-block;
        margin: 10px 20px 0 !important;
    }

    .swiper-item-one {
        transform: translate3d(10px, 0px, 0px) !important;
    }

}

span.swiper-pagination-bullet {
    height: 20px;
    width: 20px;
    border: 3px solid #41afc6;
    background: white;
    opacity: 1;
    display: inline-block;
    margin: 10px 20px 0 !important;
}

