.elementor-1409 .elementor-element.elementor-element-63f781c:not(.elementor-motion-effects-element-type-background), .elementor-1409 .elementor-element.elementor-element-63f781c > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("https://emasapm.gob.ec/assets/img/img-bg-laguna-02.png") !important;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover !important;
}

.elementor-677 .elementor-element.elementor-element-d0ad899:not(.elementor-motion-effects-element-type-background), .elementor-677 .elementor-element.elementor-element-d0ad899 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #0c499c !important;
}

.elementor-1409 .elementor-element.elementor-element-51b46e9 .wgl-services_icon-wrap::before {
    background-color: #15a2dd !important;
    ;
}

.elementor-1409 .elementor-element.elementor-element-7444f41:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap, .elementor-1409 .elementor-element.elementor-element-7444f41 > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("../img/img-testimonio-01.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}

.elementor-1409 .elementor-element.elementor-element-e5d83c7:not(.elementor-motion-effects-element-type-background), .elementor-1409 .elementor-element.elementor-element-e5d83c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("../img/img-bg-estadistica-01.png") !important;
    background-position: center center;
    background-repeat: no-repeat;
}

.elementor-1409 .elementor-element.elementor-element-76c431d:not(.elementor-motion-effects-element-type-background), .elementor-1409 .elementor-element.elementor-element-76c431d > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #232323;
    background-image: url("");
    background-position: bottom center;
    background-repeat: no-repeat;
}

.elementor-1409 .elementor-element.elementor-element-5a8ca49:not(.elementor-motion-effects-element-type-background), .elementor-1409 .elementor-element.elementor-element-5a8ca49 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #0477bd !important;
}

.elementor-677 .elementor-element.elementor-element-5d376f4:hover .wgl-infobox_title {
    color: #15a2dd !important;
}

.elementor-677 .elementor-element.elementor-element-1c31e94:hover .wgl-infobox_title {
    color: #15a2dd !important;
}

.elementor-677 .elementor-element.elementor-element-b53fe63:hover .wgl-infobox_title {
    color: #15a2dd !important;
}

.elementor-677 .elementor-element.elementor-element-6d36ba6:hover .wgl-infobox_title {
    color: #15a2dd !important;
}

.elementor-677 .elementor-element.elementor-element-5fecf17:hover .wgl-infobox_title {
    color: #15a2dd !important;
}

.elementor-widget-wgl-double-headings.divider_yes .wgl-double_heading .dbl-title_wrapper::before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    height: 2px;
    width: 0px !important;
    background-color: currentColor;
}

.elementor-element.item_col-4 .wgl-services_item {
    width: 25% !important;
}

.elementor-1409 .elementor-element.elementor-element-51f8713 > .elementor-widget-container {
    padding: 10% 10% 10% 0%;
    background-image: url("");
    background-position: center right;
    background-repeat: no-repeat;
}

.elementor-1923 .elementor-element.elementor-element-2b142a15 > .elementor-widget-container {
    padding: 0px 0px 0px 15px !important;
}

.icon-facebook:hover{
    background-color: #0866ff !important;
}

.icon-twitter:hover{
    background-color: #000000 !important;
}

.header_search.search_standard .header_search-field .search-form::after, .header_search-button-wrapper {
    color: #0477bd !important;
}

.elementor-1409 .elementor-element.elementor-element-51f8713 > .elementor-widget-container {
    padding: 0% 0% 0% 0% !important;
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("") !important;
}

.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
    content: 'prev' !important;
    background-color: #ffffff !important;
    padding: 8px 15px;
    border-radius: 50%;
}

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
    content: 'next';
    background-color: #ffffff !important;
    padding: 8px 15px;
    border-radius: 50%;
}

.swiper-button-next::after, .swiper-button-prev::after {
    font-family: swiper-icons;
    font-size: 30px !important;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.row-accesos{
    display: flex !important;
    padding: 15px 50px;
}

.row-accesos .col-md-3{
    width: 25% !important;
    justify-content: center;
    display: grid;
}

.img-acceso{
    width: 100% !important;
}
.hover-acceso{
    position: absolute;
    width: inherit;
    height: 93%;
    z-index: 99999999 !important;
    background: #080808;
    opacity: 0;
    width: 24%;
    cursor: pointer;
}

.hover-acceso:hover{
    opacity: 0.4;
}

.content-estadisticas{
    padding: 50px 300px ;
}
.content-planta{
    padding: 50px 200px ;
}
.content-noticias{
    padding: 50px 200px ;
}
.content-campania{
    padding: 50px 200px ;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: white !important;

}

@media only screen and (max-width: 600px) {
    .content-campania{
        padding: 50px 10px !important ;
    }
    .row-accesos{
        display: block !important;
    }
    .row-accesos .col-md-3{
        width: 100% !important;
    }
    .content-estadisticas{
        padding: 50px 10px !important;
    }
    .content-noticias{
        padding: 50px 10px !important;
    }
    .content-planta{
        padding: 50px 10px !important;
    }
}

.elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon {
    fill: var( --e-global-color-primary );
    color: var( --e-global-color-primary );
    border-color: var( --e-global-color-primary );
}

.elementor-1059 .elementor-element.elementor-element-c83ab5f .icon {
    font-size: 21px;
}
.bg-emasa-title-blue{
    background-color: #23a8e0 !important;
    padding: 15px !important;
    margin-bottom: 20px;
}
.bg-emasa-title-blue h5{
    color: #ffffff !important;
}

.bg-emasa-title-blue-01{
    background-color: #0c499c !important;
    padding: 15px !important;
    margin-bottom: 20px;
}
.bg-emasa-title-blue-01 h5{
    color: #ffffff !important;
}
@font-face {
    font-family: 'Flaticon';
    src: url('../fonts/Flaticon.ttf') format('ttf'),
        url('../Flaticon.woff') format('woff');
    font-style: normal;
}

.flip-container {
    perspective: 1000px;
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.flipper {
    position: relative;
    width: 90%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.6s;
}

.flip-container:hover .flipper {
    transform: rotateY(180deg);
}

.front, .back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    backface-visibility: hidden;
}

.back {
    transform: rotateY(180deg);
}

.front img, .back img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/*.front {
  z-index: 2;
}
.back {
  z-index: 1;
}*/

.card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 2rem;
    text-align: center;
    width: 100%;
}
.card.success {
    border-top: 4px solid #28a745;
}
.card.error {
    border-top: 4px solid #dc3545;
}
.card img {
    width: 60px;
    margin-bottom: 1rem;
}
.card h1 {
    font-size: 1.4rem;
    margin: .5rem 0 1rem;
}
.card p {
    margin: 1rem 0;
    color: #555;
}
.card a.button {
    display: inline-block;
    text-decoration: none;
    padding: .6rem 1.4rem;
    border-radius: 24px;
    border: 2px solid currentColor;
    font-weight: bold;
    transition: background .2s, color .2s;
}
.card.success a.button {
    color: #28a745;
}
.card.success a.button:hover {
    background: #28a745;
    color: #fff;
}
.card.error a.button {
    color: #dc3545;
}
.card.error a.button:hover {
    background: #dc3545;
    color: #fff;
}