/* Inner Section - Var 1 */
.sectionInnerWrapper1 {
padding-top: 72px;
padding-bottom: 72px;
padding-left: 32px;
padding-right: 32px;
}

@media (max-width: 1025px){
.sectionInnerWrapper1 {
padding-top: 56px;
padding-bottom: 56px;
}
}
@media (max-width: 767px){
.sectionInnerWrapper1 {
padding-top: 32px;
padding-bottom: 32px;
padding-left: 0px;
padding-right: 0px;
}
.sectionInnerWrapper1 .elementor-element-populated {
padding: 0px !important;
}
}

.sectionInnerWrapper1 .elementor-background-overlay {
border-radius: 16px;
}



/* Inner Section - Var2 */
.sectionInnerWrapper2 .colContent {
padding-top: 72px;
padding-bottom: 72px;
padding-left: 32px;
padding-right: 32px;
}
@media (max-width: 1025px){
.sectionInnerWrapper2 .colContent {
padding-top: 56px;
padding-bottom: 56px;
}
}
@media (max-width: 767px){
.sectionInnerWrapper2 .colContent {
padding-top: 32px;
padding-bottom: 32px;
padding-left: 16px;
padding-right: 16px;
}
}



.sectionInnerWrapper2 {
border-radius: 16px;
}
.sectionInnerWrapper2 .colCreative.right .elementor-background-overlay {
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
}
@media(max-width: 767px) {
.sectionInnerWrapper2 .colCreative.right .elementor-background-overlay {
border-radius: 0px;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
.sectionInnerWrapper2 .colCreative.right {
height: 320px;
}
}







/* Space - Var1 */
.space.var1 {
margin-bottom: 64px;
}
.space.var2 {
margin-bottom: calc(64px + var(--widgetBottomMargin));
}










/* Badge - Number */
.badgeNumber .numberWrapper {
background: var(--petrolGreen);
color: var(--white);
font-size: 14px;
margin-left: auto;
margin-right: auto;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
border-radius: 180px;
border: 1px solid var(--lightGreen50);
z-index:5;
}
/* Badge - Number */
.badgeNumber .numberWrapper img {
height: 14px;
}
/* Badge - Number - Icon */
.badgeNumber.icon .numberWrapper {
line-height: 35px;
}
/* Badge - Number - Line connector */
@media (min-width: 768px){
.badgeNumber:not(.first)::after{
content: "";
position: absolute;
top: 16px;
width: calc(100% + 32px);
height: 0.5px;
opacity: 0.3;
background: var(--lightGreen50);
right: 50%;
z-index: 1;
margin-right: 16px;
}
}

/* Process - Var 1 */

.process.var1 .wrapper {
display: flex;
justify-content: space-between;
width: 830px;
}
.process.var1 .wrapper .container {
width: 128px;
height: 128px;
min-width: 128px;
min-height: 128px;
background: var(--lightGreen50);
border-radius: 180px;
text-align: center;
color: var(--petrolGreen);
vertical-align: middle;
}
.process.var1 .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;
z-index: 2;
}
.process.var1 .wrapper .container span {
display: block;
font-size: 14px;
font-weight: normal;
margin-top: 28px;
}

.process.var1 .lineConnector {
border-top: 2px solid var(--petrolGreen);
margin-top: -66px;
min-width: 830px;
}



/* Process - Var 2 */
.process.var2 .wrapper {
flex-wrap: wrap;
display: flex;
margin-left: auto;
margin-right: auto;
}

.process.var2 .wrapper .container {
width: 33%;
height: auto;
border-radius: 180px;
}

.process.var2 .wrapper .container .content {
background: var(--neutralBeige);
width: 180px;
height: 180px;
border-radius: 180px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-left: 24px;
padding-right: 24px;
}

.process.var2 .wrapper .container .content img {
width: 48px;
height: 48px;
border-radius: 180px;
margin-top: 32px;
}

.process.var2 .wrapper .container .content p {
line-height: 1.3em;
font-size: 16px;
margin-top: 8px;
}

.process.var2 .wrapper .container:nth-child(-n+3) {
margin-bottom: 40px;
}

/* Process - Var 2 - Light  */
.process.var2.light .wrapper .container .content {
background: var(--white);
width: 180px;
height: 180px;
border-radius: 180px;
margin-left: auto;
margin-right: auto;
text-align: center;
padding-left: 24px;
padding-right: 24px;
}

.process.var2.light .wrapper .container .text p {
color: var(--white);
font-size: 15px;
line-height: 1.3em;
margin-top: 24px;
text-align: center;
}


/* Process - Var 3  */
.process.var3 .wrapper {
flex-wrap: nowrap;
display: flex;
}

.process.var3 .wrapper .container:not(:last-child) {
margin-right: 32px;
}

.process.var3 .wrapper .container .content {

}

.process.var3 .wrapper .container .content img {
border-radius: 180px;
}


/* Process - Var 4  */
@media (min-width: 1026px) {
.process.var4.elementor-element {
min-width: calc(100% + 128px);
margin-left: -64px;
}
}
@media (max-width: 1025px) {
.process.var4.elementor-element {
min-width: calc(100% + 96px);
margin-left: -48px;
}
}
@media (max-width: 767px) {
.process.var4.elementor-element {
min-width: calc(100% + 32px);
margin-left: -16px;
}
}


.process.var4 .wrapper .container {
background: #F1F0EE;
display: flex;
border-radius: 180px;
margin-left: auto;
margin-right: auto;
}

.process.var4 .wrapper .container .creative {
min-width: 150px;
min-height: 150px;
width: 150px;
height: 150px;
}
.process.var4 .wrapper .container .creative img {
border-radius: 180px;
margin-bottom: -6px;
}
.process.var4 .wrapper .container .content  {
display: flex;
align-items: center;
flex-grow: 1;
padding-left: 32px;
padding-top: 24px;
padding-bottom: 24px;
padding-right: 72px;
}
.process.var4 .wrapper .container .content .text p  {
font-size: 15px;
line-height: 1.5em;
}
.process.var4 .wrapper .container .content .name p  {
font-size: 14px;
font-style: italic;
font-weight: bold;
margin-top: 8px;
}

@media (max-width: 767px) {
.process.var4 .wrapper .container {
display: block;
border-radius: 8px;
padding: 24px 16px;
}
.process.var4 .wrapper .container .creative {
margin-left: auto;
margin-right: auto;
margin-bottom: 32px;
}

.process.var4 .wrapper .container .content   {
padding: 0;
}
.process.var4 .wrapper .container .content  p  {
text-align: center;
}
}





/* END*/