/****************************************************************************
*****************************************************************************
👉 SPACERS
****************************************************************************
****************************************************************************/

.space.standard {
margin-top: calc(-1 * var(--widgetBottomMargin));
margin-bottom: var(--sectionVerticalPadding_D);
}

.space.medium {
margin-top: calc(-1 * var(--widgetBottomMargin));
margin-bottom: var(--sectionMediumVerticalPadding_D);
}


/****************************************************************************
*****************************************************************************
👉 WIDTH MODIFICATIONS
****************************************************************************
****************************************************************************/

.widthMod {
margin-left: auto;
margin-right: auto;
}

.w920 {
max-width: 920px;
}




/****************************************************************************
*****************************************************************************
👉 INNER SECTION - General
****************************************************************************
****************************************************************************/
.innerSection:not(.bottomZero) {
margin-bottom: var(--widgetBottomMargin);
}

/* Column remove top padding */
.topZero .elementor-element-populated {
padding-top: 0px !important;
}

.headerNegative {
margin-top: -83px !important;
padding-top: 83px !important;
}
@media (max-width: 1250px) {
.headerNegative {
margin-top: -90px !important;
padding-top: 90px !important;
}
}





/****************************************************************************
*****************************************************************************
👉 INNER SECTION - VAR 1
****************************************************************************
****************************************************************************/

/* Section - Adjust width */
.innerSection.var1 {
min-width: calc(100% + 16px);
margin-left: -8px;
}


/****************************************************************************
*****************************************************************************
👉 INNER SECTION - VAR 2
****************************************************************************
****************************************************************************/

/* Section */
.innerSection.var2 {
border-radius: 16px;
}

/* Columns */
.innerSection.var2 .colContent {
padding-top: 72px;
padding-bottom: 72px;
padding-left: 32px;
padding-right: 32px;
}
@media (max-width: 1025px){
.innerSection.var2 .colContent {
padding-top: 56px;
padding-bottom: 56px;
}
}
@media (max-width: 767px){
.innerSection.var2 .colContent {
padding-top: 32px;
padding-bottom: 32px;
padding-left: 16px;
padding-right: 16px;
}
}

/* Columns - Background overlay - Left/Right */
/* Left */
.innerSection.var2 .colCreative.left .elementor-background-overlay {
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
}
/* Right */
.innerSection.var2 .colCreative.right .elementor-background-overlay {
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
}
@media (max-width: 767px) {
/* Left/Right */
.innerSection.var2 .colCreative.left .elementor-background-overlay,
.innerSection.var2 .colCreative.right .elementor-background-overlay {
border-top-left-radius: 0px;
border-bottom-left-radius: 16px;
border-top-right-radius: 0px;
border-bottom-right-radius: 16px;
}
/* Left/Right column creative height on mobile */
.innerSection.var2 .colCreative {
height: 300px;
}
}


/****************************************************************************
*****************************************************************************
👉 INNER SECTION - VAR 3
****************************************************************************
****************************************************************************/

/* Section */
.innerSection.var3 .elementor-background-overlay {
border-radius: 16px;
}

/* Columns */
.innerSection.var3 .colContent {
padding-top: 104px;
padding-bottom: 104px;
padding-left: 32px;
padding-right: 32px;
}
@media (max-width: 1025px){
.innerSection.var3 .colContent {
padding-top: 56px;
padding-bottom: 56px;
}
}
@media (max-width: 767px){
.innerSection.var3 .colContent {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
.innerSection.var3 .elementor-background-overlay {
display: none;
}
.innerSection.var3 {
min-width: calc(100% + 16px);
margin-left: -8px;
}
}



/****************************************************************************
*****************************************************************************
👉 INNER SECTION - VAR 4
****************************************************************************
****************************************************************************/

/* Section */
.innerSection.var4  {
border-radius: 16px;
}
.innerSection.var4 {
padding-top: 72px;
padding-bottom: 72px;
padding-left: 32px;
padding-right: 32px;
}
@media (max-width: 1025px){
.innerSection.var4 {
padding-top: 56px;
padding-bottom: 56px;
}
}
@media (max-width: 767px){
.innerSection.var4 {
padding-top: 32px;
padding-bottom: 32px;
padding-left: 16px;
padding-right: 16px;
}
}



/****************************************************************************
*****************************************************************************
👉 INNER SECTION - Responsive styling
****************************************************************************
****************************************************************************/


/* Column bottom margin on mobile */
@media (max-width: 767px) {
.marginBottom {
margin-bottom: 32px;
}
}



/* Change color on mobile */
@media (max-width: 767px) {
/* Dark mobile */
.m_dark .elementor-heading-title,
.m_dark.elementor-widget-text-editor {
color: var(--petrolGreen) !important;
}
.m_dark .elementor-button {
background: var(--petrolGreen);
color: var(--white);
}
/* Light mobile */
.m_light .elementor-heading-title,
.m_light.elementor-widget-text-editor {
color: var(--white) !important;
}
.m_light .elementor-button {
background: var(--white);
color: var(--petrolGreen);
}
}



/****************************************************************************
*****************************************************************************
👉 SERVICE - Circles
****************************************************************************
****************************************************************************/

/* Standard */
.service.var1 .masterWrapper {
display: flex;
flex-wrap: wrap;
}
.service.var1 .masterWrapper .outerWrapper {
width: 33.33%;
min-width: 33.33%;
}
.service.var1 .masterWrapper .outerWrapper:nth-child(-n+3) {
margin-bottom: 56px;
}
.service.var1 .masterWrapper .outerWrapper .innerWrapper {
max-width: 240px;
margin-left: auto;
margin-right: auto;
}
/* White */
.service.var1 .masterWrapper .outerWrapper .innerWrapper .circle {
background: var(--white);
height: 240px;
width: 240px;
margin-left: auto;
margin-right: auto;
border-radius: 180px;
text-align: center;
padding-top: 32px;
}
/* Dark */
.service.var1.dark .masterWrapper .outerWrapper .innerWrapper .circle {
background: var(--petrolGreen);
}
.service.var1 .masterWrapper .outerWrapper .innerWrapper .circle h3 {
margin-top: 24px;
font-size: 20px;
}
/* Dark */
.service.var1.dark .masterWrapper .outerWrapper .innerWrapper .circle h3 {
color: var(--white);
}

.service.var1 .masterWrapper .outerWrapper .innerWrapper .content {
color: var(--white);
margin-top: 24px;
}
/* Dark */
.service.var1.dark .masterWrapper .outerWrapper .innerWrapper .content {
color: var(--paragraphColor);
}

@media (max-width: 1025px) {
.service.var1 .masterWrapper .outerWrapper {
width: 50%;
min-width: 50%;
}
}
@media (max-width: 767px) {
.service.var1 .masterWrapper .outerWrapper {
width: 100%;
min-width: 100%;
}
.service.var1 .masterWrapper .outerWrapper .innerWrapper {
max-width: 100%;
min-width: 100%;
}
.service.var1 .masterWrapper .outerWrapper .innerWrapper .circle {
height: 140px;
width: 140px;
padding-top: 20px;
}
.service.var1 .masterWrapper .outerWrapper .innerWrapper .circle img {
height: 40px;
width: 40px;
}
.service.var1 .masterWrapper .outerWrapper .innerWrapper .circle h3 {
margin-top: 8px;
font-size: 16px;
}
.service.var1 .masterWrapper .outerWrapper .innerWrapper .content {
margin-top: 24px;
text-align: center;
}
.service.var1 .masterWrapper .outerWrapper:not(:last-child) {
margin-bottom: 56px;
}
}

/* Single */
.single.service.var1 .masterWrapper .outerWrapper .innerWrapper .circle {
background: var(--sandBeige);
}
@media (max-width: 767px) {
.single.service.var1 .masterWrapper .outerWrapper {
width: 50%;
min-width: 50%;
}
.single.service.var1 .masterWrapper .outerWrapper:not(:last-child) {
margin-bottom: 32px;
}
}