body {
overflow-x: hidden;
}

/* Headline negative margin */
.hNegative.elementor-widget-heading {
margin-bottom: 16px !important;
}


/* Swiåer - 1 */
/* Pagination */
.paginationWrapper {
justify-content: center;
align-items: center;
position: absolute;
left: 50%;
transform: translatex(-50%);
top: calc(100% + 56px);
}

.paginationWrapper {
Display: flex;
}
.swiper-button-prev, .swiper-button-next {
Position: relative;
}
.swiper-pagination{
position: relative;
}
.swiper-pagination {
width: max-content !important;
margin-left: 40px;
margin-right: 40px;
}
.swiper-button-prev,
.swiper-button-next {
margin-bottom: -10px;
border-radius: 180px;
background: var(--petrolGreen);
width:28px;
height:28px;
color:#fff;
transition:.5s ease all,1.4s ease transform;
}
.swiper-button-next::after, .swiper-button-prev::after {
font-size: 10px;
font-weight: 800;
line-height: 1em;
}
.swiper-pagination-bullet {
width: 7px;
height: 7px;
border-radius: 180px;
background: var(--petrolGreen);
}

.swiper:not(.slider-2)::after {
content: "";
height: 100%;
width: 120px;
position: absolute;
top: 0px;
right: 0;
z-index: 1;
background: linear-gradient( to left,#F8F7F6,#FFF0 );
}
.swiper:not(.slider-2)::before {
content: "";
height: 100%;
width: 120px;
position: absolute;
top: 0px;
left: 0;
z-index: 2;
background: linear-gradient( to right,#F8F7F6,#FFF0 );
}








/* Process - Test1 */

.process.test1 .lineConnector,
.process.test1 .wrapper {
width: 820px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 900px){
.process.test1 .lineConnector,
.process.test1 .wrapper {
display: none;
}
}
/*
@media (max-width: 900px) {
.process.test1.elementor-element  {
min-width: calc(100% + 40px) !important;
}
.process.test1  {
background: var(--lightGreen12);
border-top-left-radius: 180px;
border-bottom-left-radius: 180px;
padding: 8px 8px 8px 8px;
}
.process.test1 .wrapper .container:last-of-type {
margin-right: 40px;
}
.process.test1 .lineConnector {
width: calc(820px - 40px);
}
}
@media (max-width: 767px) {
.process.test1.elementor-element  {
min-width: calc(100% + 16px) !important;
}
.process.test1 .wrapper .container:last-of-type {
margin-right: 16px;
}
.process.test1 .lineConnector {
width: calc(820px - 16px);
}
}
*/

.process.test1 {
margin-bottom: 66px;
}
/*
.process.test1  .elementor-widget-container  {
overflow-x: visible;
}
*/
.process.test1 .wrapper {
display: flex;
justify-content: space-between;
}

.process.test1 .wrapper .container {
width: 128px;
height: 128px;
min-width: 128px;
min-height: 128px;
background: var(--lightGreen50);
border-radius: 180px;
text-align: center;
color: var(--petrolGreen);
}
.process.test1 .wrapper .container p {
margin:0;
position: relative;
top: 50%;
transform: translateY(-50%);
text-align: center !important;
font-size: 32px;
font-weight: bold;
line-height: 0;
}
.process.test1 .wrapper .container span {
display: block;
font-size: 14px;
font-weight: normal;
margin-top: 28px;
}
.process.test1 .lineConnector {
border-top: 2px solid var(--petrolGreen);
margin-top: -66px;
}


/* Services - Var1 */
.services.var1 .wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.services.var1 .wrapper .container .content {
width: 270px;
height: 270px;
margin-left: auto;
margin-right: auto;
padding-top: 32px;
background: var(--sandBeige);
border-radius: 180px;
text-align: center;
}
.services.var1 .wrapper .container .content img {
height: 80px;
width: 80px;
margin-bottom: 16px;
}
.services.var1 .wrapper .container .content p {
font-family: var(--paragraphFontFamily);
font-size: 20px;
font-weight: bold;
line-height: 1.3em;
}

@media (min-width: 1026px){
.services.var1 .wrapper) {
margin-bottom: 56px;
}
.services.var1 .wrapper .container {
width: 33.33%;
}
.services.var1 .wrapper .container:nth-child(-n+3) {
margin-bottom: 56px;
}
}
@media (max-width: 1025px){
.services.var1 .wrapper {
max-width: 480px;
margin-left: auto;
margin-right: auto;
margin-bottom: 72px;
}
.services.var1 .wrapper .container {
width: 50%;
}
.services.var1 .wrapper .container:nth-child(2),
.services.var1 .wrapper .container:nth-child(4) {
margin-bottom: 72px;
}
.services.var1 .wrapper .container .content {
width: 180px;
height: 180px;
padding-top: 24px;
}
.services.var1 .wrapper .container .content img {
height: 56px;
width: 56px;
margin-bottom: 16px;
}
.services.var1 .wrapper .container .content p {
font-size: 16px;
}
}
@media (max-width: 767px){
.services.var1 .wrapper {
max-width: 320px;
margin-left: auto;
margin-right: auto;
margin-bottom: 56px;
}
.services.var1 .wrapper .container .content {
width: 104px;
height: 104px;
padding-top: 24px;
}
.services.var1 .wrapper .container .content img {
height: 56px;
width: 56px;
margin-bottom: 32px;
}
.services.var1 .wrapper .container .content p {
font-size: 16px;
}
}



/****************************************************************************
*****************************************************************************
👉 BACKGROUND COLOR MODIFIERS
****************************************************************************
****************************************************************************/

.bg-petrolGreen {
background: var(--petrolGreen);
}

.bg-orange {
background: var(--orange);
}

.bg-sandBeige {
background: var(--sandBeige);
}

.bg-lightGreen50 {
background: var(--lightGreen50);
}

.bg-sandBeige50 {
background: var(--sandBeige50);
}


/****************************************************************************
*****************************************************************************
👉 WIDTH MODIFIERS
****************************************************************************
****************************************************************************/



.widthMod.w830 {
max-width: 640px;
margin-left: auto;
margin-right: auto;
}




.widthMax.w920 {
max-width: 920px;
}


/****************************************************************************
*****************************************************************************
👉 IHT
****************************************************************************
****************************************************************************/


/* IHT - Style 1 */
.ihtWrapper.style1 .wrapper .wrapperContent {
display: flex;
align-items: center;
}
.ihtWrapper.style1 .wrapper .wrapperContent p {
font-family: var(--paragraphFontFamily);
}
.ihtWrapper.style1.light .wrapper .wrapperContent p {
color:var(--white);
}

.ihtWrapper.style1 .wrapper .wrapperContent:not(:last-child) {
margin-bottom: 8px;
}
.ihtWrapper.style1 .wrapper .wrapperContent img {
height: 18px;
width: 18px;
margin-right: 16px;
}

/* IHT - Style 2 */
.ihtWrapper.style2 .wrapper .wrapperContent {
display: flex;
align-items: center;
}
.ihtWrapper.style2 .wrapper .wrapperContent:not(:last-child) {
margin-bottom: 32px;
}

.ihtWrapper.style2 .wrapper .wrapperContent .wrapperImage {
width: 64px;
margin-right: 16px;
}
.ihtWrapper.style2 .wrapper .wrapperContent .wrapperImage img {
min-width: 64px;
height: auto;
border-radius: 180px;
}
.ihtWrapper.style2 .wrapper .wrapperContent .wrapperText h3 {
margin: 0;
margin-bottom: 4px;
font-size: 15px;
font-weight: 500;
line-height: 1.6em;
}
.ihtWrapper.style2 .wrapper .wrapperContent .wrapperText p {
font-size: 13px;
font-weight: 400;
}
