body {
overflow-x: clip;
}
#hero {
position: relative;
overflow: hidden;
user-select: none;
}
#private-padel {
perspective: 1000px;
transform-style: preserve-3d;
}
.split-divider {
transform-origin: left center;
}
#header {
border-bottom: 1px solid #FFF;
}
#icon-button .elementor-button-content-wrapper {
z-index: 1;
position: relative;
transition: all 0.4s ease-in-out;
}
#icon-button {
position: relative;
}
#icon-button::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
display: block;
background: #000;
width: 0;
transition: width 0.3s ease-in-out;
}
#icon-button .elementor-button-icon svg {
transition: fill 0.3s ease-in-out, rotate 0.3s ease-in-out;
}
#icon-button:hover .elementor-button-icon svg {
fill: #FFF;
rotate: -45deg;
}
#icon-button:hover::after {
width: 100%;
}
#icon-button:hover .elementor-button-content-wrapper {
transform: translateX(12px);
color: #FFF;
}
@media (max-width: 767px) {
.elementor-12 .elementor-element.elementor-element-764ca5a,
.elementor-1139 .elementor-element.elementor-element-b43548a,
.elementor-57 .elementor-element.elementor-element-b43548a{
transform: translate(0, -200px) !important;
flex-wrap: nowrap !important;
flex-direction: row;
}
}
@media (min-width: 768px) {
.cursor-vertical-line {
position: absolute;
width: 0.5px;
height: 200vh;
background: #7BA792;
z-index: 0;
top: 0;
left: 50%;
transform: translateX(-50%);
transition: transform 0.08s linear;
}
.cursor-vertical-line::after {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -30%);
width: 10px;
height: 10px;
background: #FFF;
z-index: 10;
}
#cursor {
transition: transform 0.08s linear;
}
#cursor:before {
content: "";
position: absolute;
z-index: -1;
top: 77px;
left: 0;
width: 300vw;
height: 1px;
transform: translateX(-50%);
background: #7BA792;
}
#cursor .elementor-button-content-wrapper {
position: relative;
}
#cursor .elementor-button-content-wrapper::after {
content: "";
position: absolute;
top: 18px;
left: -18px;
width: 10px;
height: 10px;
background: #FFF;
}
} .seo-text-container {
display: flex;
flex-direction: column;
h2, h3, h4, h5, h6 {
font-size: 24px;
font-weight: bold;
line-height: 1.3;
margin-bottom: 16px;
}
p {
line-height: 1.4;
padding-bottom: 12px;
}
ul, ol {
display: flex;
flex-direction: column;
gap: 12px;
padding-bottom: 12px;
}
ul li {
list-style: disc;
margin-left: 18px;
}
ol li {
margin-left: 16px;
}
.none {
padding: 0;
}
}
.seo-showmore-btn {
width: fit-content;
padding-right: 24px;
position: relative;
font-size: 18px;
line-height: 1.3;
color: var(--purple-dark);
cursor: pointer;
&::before {
content: '';
transform-origin: 3px 6px;
border-color: var(--purple-dark);
border-bottom-style: solid;
border-bottom-width: 2px;
border-left-style: solid;
border-left-width: 2px;
width: 8px;
height: 8px;
transition: transform .3s, border-color .3s;
display: block;
position: absolute;
top: 5px;
right: 4px;
transform: rotate(-45deg);
}
&.active::before {
transform: rotate(135deg);
}
}
.seo-showmore-btn-text {
display: none;
}