.us-container {
margin-top: -300px !important;
}
.vision {   display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
width: 475px !important;
height: 368px !important;
background: linear-gradient(#1d66ae, #59aadd);
clip-path: url(#teardrop-left);
position: absolute !important; left: 50%;
transform: translateX(calc(-50% - 172px));
z-index: 1 !important; }
.mission {   flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
width: 560px !important;
height: 460px !important;
background: linear-gradient(#006414, #9bc01b);
clip-path: url(#teardrop-right);
position: absolute !important;
max-width: inherit !important;
top: -203px;
left: 50%;
transform: translateX(calc(-50% + 170px));  }
.subtitle-section h3 {
font-size: 34px;
line-height: 44px;
font-weight: 400 !important;
margin: 0 !important;
}
.our-essence__title h2 {
color: var(--blue-light-color);
font-family: Raleway;
font-size: 34px;
font-weight: 400;
line-height: 39.92px;
margin: 0;
}
.our-essence__card {
position: absolute !important;
bottom: -40px;
left: -40px;
}
.our-essence__card .card-location::after {
top: 55px;
right: -20px;
transform: rotate(90deg);
} .media-section::before {
background: var(--white) !important;
}
.elementor-shape .elementor-shape-fill {
fill: var(--white) !important;
}
@media (768px <= width <= 1440px) {
.vision {
top: 92px;
}
.mission {
top: -100px;
}
}
@media (max-width: 768px) { .our-essence__img-container .our-essence__img img {
left: 20px;
height: 384px !important;
position: relative;
}
.subtitle-section h3 {
font-size: 28px !important;
line-height: 36px !important;
}
.our-essence__card {
bottom: 40px;
left: inherit;
right: 20px;
}
.our-essence__card .card-location {
width: 190px;
height: 178px;
padding: 37px 20px 27px;
}
.our-essence__card .card-location::after {
top: -10px;
right: inherit;
transform: none;
}
.mission-mobile {
position: absolute;
top: 90px;
left: calc(50% - 30px);
transform: translateX(-50%);
width: 251px !important; padding: 0 !important;
}
.vision-mobile {
width: 200px !important;
max-width: none;
padding: 0 !important;
top: 250px;
z-index: 1;
left: calc(50% + 65px);
transform: translateX(-50%);
}
.vision-mobile .text-container {
width: 150px !important;
}
.us-container {
margin: -400px 0 0 0 !important;
}
}