body{
overflow-x: hidden;
}
.wapp-one {
position: relative;
background-color: var(--cleenhearts-secondary, #F6D469);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
mix-blend-mode: multiply;
}
.wapp-one .container-fluid {
position: relative;
z-index: 11;
padding-left: 0;
padding-right: 0;
}
.wapp-one .sec-title {
text-align: center;
width: 100%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
margin-bottom: 62px;
}
.wapp-one .sec-title__tagline {
color: var(--cleenhearts-base, #351C42);
margin-bottom: 23px;
}
.wapp-one .sec-title__tagline::before {
background-color: var(--cleenhearts-base, #351C42);
}
.wapp-one .sec-title__tagline::after {
border-color: var(--cleenhearts-base, #351C42);
}
.wapp-one .sec-title__title__inner::after {
opacity: 0;
}
.wapp-one--home {
mix-blend-mode: normal;
background-color: var(--cleenhearts-base, #351C42);
}
.wapp-one--home::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(99deg, #965995 27.6%, rgba(150, 89, 149, 0) 99.42%);
}
.wapp-one--home .sec-title__tagline {
color: var(--cleenhearts-white, #fff);
margin-bottom: 23px;
}
.wapp-one--home .sec-title__tagline::before {
background-color: var(--cleenhearts-white, #fff);
}
.wapp-one--home .sec-title__tagline::after {
border-color: var(--cleenhearts-white, #fff);
}
.wapp-one--home .sec-title__title {
color: var(--cleenhearts-white, #fff);
}
.wapp-one--home .sec-title__title__inner::after {
opacity: 1;
}
.wapp-one__row {
display: flex;
align-items: center;
gap: 30px;
will-change: transform;
position: relative;
white-space: nowrap;
}
@media (max-width: 425px) {
.wapp-one__row {
gap: 20px;
}
}
.wapp-one__row--top {
animation: imageScrolling 30s linear infinite;
animation-direction: reverse;
margin-bottom: 30px;
}
.wapp-one__row--bottom {
animation: imageScrolling 30s linear infinite;
animation-direction: normal;
}
.wapp-one__row:hover {
animation-play-state: paused;
}
.wapp-one__country {
padding: 13px;
background-color: var(--cleenhearts-white, #fff);
border-radius: 100px;
min-width: 210px;
border-radius: 100px;
/*         display: flex;*/
align-items: center;
gap: 15px;
text-align: center;
}
.wapp-one__country__text {
font-size: 14px;
color: var(#444444, #351C42);
font-weight: 600;
line-height: 1;
text-transform: capitalize;
}
@keyframes imageScrolling {
0% {
transform: translate3d(-100%, 0, 0);
}
100% {
transform: translate3d(0%, 0, 0);
}
}