.elementor-84439 .elementor-element.elementor-element-a8846c5{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-84439 .elementor-element.elementor-element-7895173{--display:flex;}.elementor-84439 .elementor-element.elementor-element-11a6396{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-1e4a0c2{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-5d24c94{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-1f65cfe{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-ca905f8{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-59c6120{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-acc1bcc{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-84439 .elementor-element.elementor-element-11a6396{--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-1e4a0c2{--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-5d24c94{--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-1f65cfe{--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-ca905f8{--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-59c6120{--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-acc1bcc{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-84439 .elementor-element.elementor-element-11a6396{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-1e4a0c2{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-5d24c94{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-1f65cfe{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-ca905f8{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-59c6120{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-84439 .elementor-element.elementor-element-acc1bcc{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-414fec5 */.interactive-content {
    position: absolute;
    bottom: 26%; /* Ajusta esta distancia desde la parte inferior */
    right: 7%; /* Ajusta esta distancia desde la derecha */
    /* Elimina align-self si ya no es necesario */
}

.interactive-content .btn {
    display: inline-block;
    background-color: #a4c8d0;
    color: white;
    padding: 10px 25px;
    text-decoration: none !important; /* Añade !important para asegurar que se aplique */
    border-radius: 100px;
    font-size: 1.5vw;
    text-transform: capitalize;
    border: none;
    transition: background-color 0.3s;
}

.interactive-content .btn:hover {
    background-color: #819fba;
}

/* Media queries para ajustar el diseño en diferentes tamaños de pantalla */
@media (max-width: 1024px) {
    .interactive-content {
        bottom: 19%;
        right: 6%;
    }
    .interactive-content .btn {
        font-size: 2vw;
    }
}

@media (max-width: 768px) {
    .interactive-content {
        bottom: 27%;
        right: 6%;
    }
    .interactive-content .btn {
        font-size: 3vw;
        padding: 8px 20px;
    }
}

@media (max-width: 480px) {
    .interactive-content {
        bottom: 20%;
        right: 6%;
    }
    .interactive-content .btn {
        font-size: 4vw;
        padding: 6px 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a74447 */.interactive-content2 {
    position: absolute;
    bottom: 40%; /* Ajusta esta distancia desde la parte inferior */
    right: 70%; /* Ajusta esta distancia desde la derecha */
    /* Elimina align-self si ya no es necesario */
}

.interactive-content2 .btn2 {
    display: inline-block;
    background-color: #b3c3d3;
    color: white;
    padding: 10px 25px;
    text-decoration: none !important; /* Añade !important para asegurar que se aplique */
    border-radius: 100px;
    font-size: 1.5vw;
    text-transform: capitalize;
    border: none;
    transition: background-color 0.3s;
}

.interactive-content2 .btn2:hover {
    background-color: #677f94;
}

/* Media queries para ajustar el diseño en diferentes tamaños de pantalla */
@media (max-width: 1024px) {
    .interactive-content2 {
        bottom: 34%;
        right: 67%;
    }
    .interactive-content2 .btn2 {
        font-size: 2vw;
    }
}

@media (max-width: 768px) {
    .interactive-content2 {
        bottom: 34%;
        right: 57%;
    }
    .interactive-content2 .btn2 {
        font-size: 3vw;
        padding: 8px 20px;
    }
}

@media (max-width: 480px) {
    .interactive-content2 {
        bottom: 21%;
        right: 68%;
    }
    .interactive-content2 .btn2 {
        font-size: 4vw;
        padding: 6px 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89cd407 */.interactive-content2 {
    position: absolute;
    bottom: 40%; /* Ajusta esta distancia desde la parte inferior */
    right: 72%; /* Ajusta esta distancia desde la derecha */
    /* Elimina align-self si ya no es necesario */
}

.interactive-content2 .btn2 {
    display: inline-block;
    background-color: #b3c3d3;
    color: white;
    padding: 10px 25px;
    text-decoration: none !important; /* Añade !important para asegurar que se aplique */
    border-radius: 100px;
    font-size: 1.5vw;
    text-transform: capitalize;
    border: none;
    transition: background-color 0.3s;
}

.interactive-content2 .btn2:hover {
    background-color: #677f94;
}

/* Media queries para ajustar el diseño en diferentes tamaños de pantalla */
@media (max-width: 1024px) {
    .interactive-content2 {
        bottom: 34%;
        right: 67%;
    }
    .interactive-content2 .btn2 {
        font-size: 2vw;
    }
}

@media (max-width: 768px) {
    .interactive-content2 {
        bottom: 27%;
        right: 74%;
    }
    .interactive-content2 .btn2 {
        font-size: 3vw;
        padding: 8px 20px;
    }
}

@media (max-width: 480px) {
    .interactive-content2 {
        bottom: 21%;
        right: 68%;
    }
    .interactive-content2 .btn2 {
        font-size: 4vw;
        padding: 6px 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f6ca8bd */.interactive-content3 {
    position: absolute;
    bottom: 43%; /* Ajusta esta distancia desde la parte inferior */
    right: 6%; /* Ajusta esta distancia desde la derecha */
    /* Elimina align-self si ya no es necesario */
}

.interactive-content3 .btn3 {
    display: inline-block;
    background-color: #2d3849;
    color: white;
    padding: 10px 25px;
    text-decoration: none !important; /* Añade !important para asegurar que se aplique */
    border-radius: 100px;
    font-size: 1.5vw;
    text-transform: capitalize;
    border: none;
    transition: background-color 0.3s;
}

.interactive-content3 .btn3:hover {
    background-color: #566580;
}

/* Media queries para ajustar el diseño en diferentes tamaños de pantalla */
@media (max-width: 1024px) {
    .interactive-content3 {
        bottom: 37%;
        right: 6%;
    }
    .interactive-content3 .btn3 {
        font-size: 2vw;
    }
}

@media (max-width: 768px) {
    .interactive-content3 {
        bottom: 25%;
        right: 6%;
    }
    .interactive-content3 .btn3 {
        font-size: 3vw;
        padding: 8px 20px;
    }
}

@media (max-width: 480px) {
    .interactive-content3 {
        bottom: 15%;
        right: 5%;
    }
    .interactive-content3 .btn3 {
        font-size: 4vw;
        padding: 6px 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb1e811 */.interactive-content4s {
    position: absolute;
    bottom: 40%; /* Ajusta esta distancia desde la parte inferior */
    right: 72%; /* Ajusta esta distancia desde la derecha */
    /* Elimina align-self si ya no es necesario */
}

.interactive-content4s .btn4s {
    display: inline-block;
    background-color: #323e48;
    color: white;
    padding: 10px 25px;
    text-decoration: none !important; /* Añade !important para asegurar que se aplique */
    border-radius: 100px;
    font-size: 1.5vw;
    text-transform: capitalize;
    border: none;
    transition: background-color 0.3s;
}

.interactive-content4s .btn4s:hover {
    background-color: #4c5e6e;
}

/* Media queries para ajustar el diseño en diferentes tamaños de pantalla */
@media (max-width: 1024px) {
    .interactive-content4s {
        bottom: 34%;
        right: 67%;
    }
    .interactive-content4s .btn4s {
        font-size: 2vw;
    }
}

@media (max-width: 768px) {
    .interactive-content4s {
        bottom: 10%;
        right: 74%;
    }
    .interactive-content4s .btn4s {
        font-size: 3vw;
        padding: 8px 20px;
    }
}

@media (max-width: 480px) {
    .interactive-content4s {
        bottom: 3%;
        right: 68%;
    }
    .interactive-content4s .btn4s {
        font-size: 4vw;
        padding: 6px 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-386b50d */.interactive-content4 {
    position: absolute;
    bottom: 9%; /* Ajusta esta distancia desde la parte inferior */
    right: 70%; /* Ajusta esta distancia desde la derecha */
    /* Elimina align-self si ya no es necesario */
}

.interactive-content4 .btn4 {
    display: inline-block;
    background-color: #323e48;
    color: white;
    padding: 10px 25px;
    text-decoration: none !important; /* Añade !important para asegurar que se aplique */
    border-radius: 100px;
    font-size: 1.5vw;
    text-transform: capitalize;
    border: none;
    transition: background-color 0.3s;
}

.interactive-content4 .btn4:hover {
    background-color: #566580;
}

/* Media queries para ajustar el diseño en diferentes tamaños de pantalla */
@media (max-width: 1024px) {
    .interactive-content4 {
        bottom: 3%;
        right: 65%;
    }
    .interactive-content4 .btn4 {
        font-size: 2vw;
    }
}

@media (max-width: 768px) {
    .interactive-content4 {
        bottom: 3%;
        right: 52%;
    }
    .interactive-content4 .btn4 {
        font-size: 3vw;
        padding: 8px 20px;
    }
}

@media (max-width: 480px) {
    .interactive-content4 {
        bottom: 26%;
        right: 66%;
    }
    .interactive-content4 .btn4 {
        font-size: 4vw;
        padding: 6px 15px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc49d02 */.interactive-content5 {
    position: absolute;
    bottom: 33%; /* Ajusta esta distancia desde la parte inferior */
    right: 10%; /* Ajusta esta distancia desde la derecha */
    /* Elimina align-self si ya no es necesario */
}

.interactive-content5 .btn5 {
    display: inline-block;
    background-color: #353f49;
    color: white;
    padding: 10px 25px;
    text-decoration: none !important; /* Añade !important para asegurar que se aplique */
    border-radius: 100px;
    font-size: 1.5vw;
    text-transform: capitalize;
    border: none;
    transition: background-color 0.3s;
}

.interactive-content5 .btn5:hover {
    background-color: #677f94;
}

/* Media queries para ajustar el diseño en diferentes tamaños de pantalla */
@media (max-width: 1024px) {
    .interactive-content5 {
        bottom: 26%;
        right: 10%;
    }
    .interactive-content5 .btn5 {
        font-size: 2vw;
    }
}

@media (max-width: 768px) {
    .interactive-content5 {
        bottom: 30%;
        right: 6%;
    }
    .interactive-content5 .btn5 {
        font-size: 3vw;
        padding: 8px 20px;
    }
}

@media (max-width: 480px) {
    .interactive-content5 {
        bottom: 30%;
        right: 9%;
    }
    .interactive-content5 .btn5 {
        font-size: 4vw;
        padding: 6px 15px;
    }
}/* End custom CSS */