.rotate_it img{
	animation: rotate3D 2s 0s linear alternate infinite;
}
@keyframes rotate3D {
    from {
        transform: rotateY(0)
    }
    to {
        transform: rotateY(180deg)
    }
}

@keyframes pulse {
    from {
        opacity: 1
    }
    to {
        opacity: .2
    }
}
@keyframes levitation {
    0% {
        transform: translatey(0)
    }
    50% {
        transform: translatey(-15px)
    }
    100% {
        transform: translatey(0)
    }
}
@keyframes slideanimation {
    0% {
        transform: translatey(0)
    }
    50% {
        transform: translatey(-25px)
    }
    100% {
        transform: translatey(0)
    }
}
@keyframes slideanimation2 {
    0% {
        transform: translatey(0)
    }
    50% {
        transform: translatex(25px)
    }
    100% {
        transform: translatex(0)
    }
}
@keyframes slideanimation3 {
    0% {
        transform: translatey(0)
    }
    50% {
        transform: translatey(-25px)
    }
    100% {
        transform: translatey(0)
    }
}
@keyframes slideanimation4 {
    0% {
        transform: translatey(0)
    }
    50% {
        transform: translatex(-25px)
    }
    100% {
        transform: translatex(0)
    }
}
.whatIs__img--additional:nth-last-of-type(1) {
    -webkit-animation: levitation 5s 0s ease-in-out infinite;
    animation: levitation 5s 0s ease-in-out infinite;
}
.slider_animate:nth-child(1) img{
	animation: slideanimation 5s -1s ease-in-out infinite;
}
.slider_animate:nth-child(2) img{
	animation: slideanimation2 5s -1s ease-in-out infinite;
}
.slider_animate:nth-child(3) img{
	animation: slideanimation3 5s -1s ease-in-out infinite;
}
.slider_animate:nth-child(4) img{
	animation: slideanimation4 5s -1s ease-in-out infinite;
}
	
.whatIs__img--additional {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.whatIs__img--additional:nth-last-of-type(2) {
    -webkit-animation: levitation 5s -1s ease-in-out infinite;
    animation: levitation 5s -1s ease-in-out infinite;
}
.whatIs__img--additional:nth-last-of-type(3) {
    -webkit-animation: levitation 5s -1s ease-in-out infinite;
    animation: levitation 5s -1s ease-in-out infinite;
}
.whatIs__img--additional {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.methodology__swiper.el__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 252px;
    justify-content: flex-start;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(0, 125, 254);
    border-image: initial;
    background: linear-gradient(rgb(0, 125, 254) 0px, rgba(0, 0, 0, 0) 100%);
    border-radius: 100px 100px 0px 0px;
    padding: 39px 7px;
    margin: 97px 23px 0px 23px;
}
.methodology__swiper.el__header_bottom {
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,#007dfe 100%);
    border-radius: 0 0 100px 100px;
    margin-bottom: 0;
    margin-top: -156px;
    justify-content: flex-end;
    border: 1px solid #007dfe;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0,#007dfe 100%);
    border-radius: 0 0 100px 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: calc(100% - 14px);
    width: 100%;
    padding: 25px 0 13px;
    height: 252px;
    margin: -94px 23px 0px 23px;
    justify-content: flex-start;
}
.methodology__swiper.el__body_top {
    padding: 48px 8px;
    border-radius: 100px;
    background: linear-gradient(8.26deg,#fff 34.38%,#f4f4f4 62.68%,#d6d6d6 111.19%,#ccc 126.01%);
    min-height: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 75%);
    margin: 101px 23px 0px 23px;
}
.methodology__swiper.el__header h3{
	color: white;
}
.methodology__swiper.el__body_top h3 {
    color: black;
    margin-bottom: 16px;
}
.methodology__swiper.el__header_bottom h3 {
    color: white;
    position: absolute;
    bottom: 32px;
    left: 50%;
    transform: translate(-50%,0);
}
.methodology__swiper.el__header_bottom p {
    position: absolute;
    bottom: 49px;
    left: 50%;
    transform: translate(-50%,0);
}

.methodology__swiper.el__body {
    padding: 48px 8px;
    border-radius: 100px;
    background: linear-gradient(8.26deg,#fff 34.38%,#f4f4f4 62.68%,#d6d6d6 111.19%,#ccc 126.01%);
    min-height: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.75);
    margin: -96px 23px 0px 23px;
}
.methodology__swiper.el__body h3::after {
    background-color: #00b2ff;
	width: 50px;
    height: 1px;
    content: "";
    display: flex;
    margin: 4px auto 0;
}
.methodology__swiper.el__body h3{
	margin-bottom:17px;
}
.howItWorks {
    position: relative;
    padding-bottom: 60px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 20px 0px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.05);
    border-image: initial;
    border-radius: 24px;
    background: linear-gradient(rgba(255, 255, 255, 0.05) 0px, rgba(255, 255, 255, 0) 100%);
}
.howItWorks.one {
    background: radial-gradient(at center center, rgba(0, 125, 254, 0.3) 0px, rgba(0, 46, 94, 0) 75%, rgba(0, 0, 0, 0) 100%);
}
.howItWorks.two {
    background: radial-gradient(at center center, rgba(195, 65, 255, 0.3) 0px, rgba(72, 24, 94, 0) 75%, rgba(0, 0, 0, 0) 100%);
}
.howItWorks.three {
    background: radial-gradient(at center center, rgba(65, 255, 198, 0.3) 0px, rgba(24, 94, 73, 0) 75%, rgba(0, 0, 0, 0) 100%);
}
.howItWorks::before {
    position: absolute;
    top: 5%;
    left: 0px;
    right: 0px;
    z-index: 0;
    bottom: 25%;
    content: "";
}
.list-inline li {
    display: inline-block;
    margin-right: 13px;
}