/*Fonts*/
@font-face {
    font-family: AktivGrotesk-Regular;
    src: url(../fonts/aktive-grotesk/AktivGroteskCorp-Regular.woff);
    font-display: swap;
}

@font-face {
    font-family: AktivGrotesk-Light;
    src: url(../fonts/aktive-grotesk/AktivGroteskCorp-Light.woff);
    font-display: swap;
}

@font-face {
    font-family: AktivGrotesk-Medium;
    src: url(../fonts/aktive-grotesk/AktivGroteskCorp-Medium.woff);
    font-display: swap;
}


@font-face {
    font-family: AktivGrotesk-Bold;
    src: url(../fonts/aktive-grotesk/AktivGroteskCorp-Bold.woff);
    font-display: swap;
}

@font-face {
    font-family: AktivGrotesk-Italic;
    src: url(../fonts/aktive-grotesk/AktivGroteskCorp-Italic.woff);
    font-display: swap;
}

@font-face {
    font-family: Epilogue-Medium;
    src: url(../fonts/epilogue/static/Epilogue-Medium.woff);
    font-display: swap;
}

@font-face {
    font-family: Epilogue-Light;
    src: url(../fonts/epilogue/static/Epilogue-Light.woff);
    font-display: swap;
}

@font-face {
    font-family: Epilogue-Regular;
    src: url(../fonts/epilogue/static/Epilogue-Regular.woff);
    font-display: swap;
}

/*Social Share custom css*/
.sharethis-inline-share-buttons {
    position: fixed;
    right: 20px;
    width: 40px;
}

.sharethis-inline-share-buttons .st-btn {
    display: inline-block !important;
    width: 40px;
    height: 40px;
    margin-bottom: 0px;
}

/*Social Share custom css*/


/*cookie icon*/
.ot-floating-button__front {
    background-image: url('../../cookie.png') !important;
}

/*Fonts*/

/*Colors*/
.bg-blue-strong {
    background-color: #191731;
}

.bg-cta-cat-hotel-home {
    background-image: url('../img/ds-home-ramon-soler-hoteles/bg-banner-DS-RAMON-SOLER-CTA-CATALOGO-HOTELES.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.text-gray {
    color: #4B5A70;
}

.text-gray-2 {
    color: #9DA8B0;
}

.text-white-type-1 {
    color: #EFF0F2;
}

/*Colors*/

/*Icons*/
.icon-20 {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
}

.icon-50 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
}

.global {
    top: 4px;
    margin-right: 10px;
    background-image: url('../img/_header/icon-ramon-soler-idioma-blanco.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.icon-heart {
    top: 4px;
    background-image: url('../img/_header/icon-ramon-soler-favoritos-gris.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.icon-search {
    top: 4px;
    background-image: url('../img/_header/icon-ramon-soler-buscador-gris.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.icon-location {
    background-image: url('../img/_header/icon-ramon-soler-buscador-gris.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.active .icon-search {
    background-image: url('../img/_header/icon-ramon-soler-cross-azul.svg');
}

.icon-close {
    background-image: url('../img/_header/icon-ramon-soler-cross-azul.svg');
}

.icon-arrow-white {
    top: 4px;
    background-image: url('../img/ds-home-ramon-soler-particulares/icon-ramon-soler-arrow-blanco.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.icon-arrow-blue {
    top: 4px;
    background-image: url('../img/ds-home-ramon-soler-particulares/icon-ramon-soler-arrow-azul.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.icon-arrow-blue-back {
    top: 4px;
    background-image: url('../img/_header/icon-arrow-back-azul.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.icon-certificaciones-medioambientales {
    background-image: url('../img/ds-home-ramon-soler-particulares/icon-ramon-soler-certificaciones-medioambientales-azul.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}


.item-sostenible:hover .icon-certificaciones-medioambientales {
    background-image: url('../img/ds-home-ramon-soler-particulares/icon-ramon-soler-certificaciones-medioambientales-blanco.svg');
}


.icon-ramon-soler-consciencia-ecologica-azul {
    background-image: url('../img/ds-home-ramon-soler-particulares/icon-ramon-soler-consciencia-ecologica-azul.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.item-sostenible:hover .icon-ramon-soler-consciencia-ecologica-azul {
    background-image: url('../img/ds-home-ramon-soler-particulares/icon-ramon-soler-consciencia-ecologica-blanco.svg');
}


.icon-ramon-soler-grifos-para-ahorrar-agua {
    background-image: url('../img/ds-home-ramon-soler-particulares/icon-ramon-soler-grifos-para-ahorrar-agua-azul.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.item-sostenible:hover .icon-ramon-soler-grifos-para-ahorrar-agua {
    background-image: url('../img/ds-home-ramon-soler-particulares/icon-ramon-soler-grifos-para-ahorrar-agua-blanco.svg');
}

.icon-ramon-soler-doble-sistema-ahorro-energia-caudal {
    background-image: url('../img/ds-home-ramon-soler-particulares/icon-ramon-soler-doble-sistema-ahorro-energia-caudal-azul.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.item-sostenible:hover .icon-ramon-soler-doble-sistema-ahorro-energia-caudal {
    background-image: url('../img/ds-home-ramon-soler-particulares/icon-ramon-soler-doble-sistema-ahorro-energia-caudal-blanco.svg');
}


.icon-ramon-soler-consciencia-ecologica {
    background-image: url('../img/ds-home-ramon-soler-particulares/icon-ramon-soler-certificaciones-medioambientales-azul.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.icon-ramon-soler-diseno-hoteles-blanco {
    background-image: url('../img/ds-home-ramon-soler-hoteles/icon-ramon-soler-diseño-hoteles-blanco.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.icon-ramon-soler-diseno-hoteles-blanco {
    background-image: url('../img/ds-home-ramon-soler-hoteles/icon-ramon-soler-diseño-hoteles-blanco.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.icon-ramon-soler-diseno-hoteles-gris {
    background-image: url('../img/ds-home-ramon-soler-hoteles/icon-ramon-soler-diseño-hoteles-gris.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.icon-hover:hover .icon-ramon-soler-diseno-hoteles-gris {
    background-image: url('../img/ds-home-ramon-soler-hoteles/icon-ramon-soler-diseño-hoteles-blanco.svg');
}

.icon-ramon-soler-proyectos-contract-gris {
    background-image: url('../img/ds-home-ramon-soler-hoteles/icon-ramon-soler-proyectos-contract-gris.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.icon-hover:hover .icon-ramon-soler-proyectos-contract-gris {
    background-image: url('../img/ds-home-ramon-soler-hoteles/icon-ramon-soler-proyectos-contract-blanco.svg');

}

.icon-ramon-soler-reconocimiento-historico-gris {
    background-image: url('../img/ds-home-ramon-soler-hoteles/icon-ramon-soler-reconocimiento-historico-gris.svg');
}

.icon-hover:hover .icon-ramon-soler-reconocimiento-historico-gris {
    background-image: url('../img/ds-home-ramon-soler-hoteles/icon-ramon-soler-reconocimiento-historico-blanco.svg');
}

.icon-ramon-soler-archivos-bim-2-d-3-d-gris {
    background-image: url('../img/ds-home-ramon-soler-arquitectos/icon-ramon-soler-archivos-bim-2d-3d-gris.svg');
}

.icon-hover:hover .icon-ramon-soler-archivos-bim-2-d-3-d-gris {
    background-image: url('../img/ds-home-ramon-soler-arquitectos/icon-ramon-soler-archivos-bim-2d-3d-blanco.svg');
}

.icon-ramon-soler-asesoramiento-personalizado-gris {
    background-image: url('../img/ds-home-ramon-soler-arquitectos/icon-ramon-soler-asesoramiento-personalizado-gris.svg');
}

.icon-hover:hover .icon-ramon-soler-asesoramiento-personalizado-gris {
    background-image: url('../img/ds-home-ramon-soler-arquitectos/icon-ramon-soler-asesoramiento-personalizado-blanco.svg');
}

.icon-ramon-soler-buscador-de-productos-gris {
    background-image: url('../img/ds-home-ramon-soler-arquitectos/icon-ramon-soler-buscador-de-productos-gris.svg');
}

.icon-hover:hover .icon-ramon-soler-buscador-de-productos-gris {
    background-image: url('../img/ds-home-ramon-soler-arquitectos/icon-ramon-soler-buscador-de-productos-blanco.svg');
}

.icon-ramon-soler-asistencia-tecnica-gris {
    background-image: url('../img/ds-home-ramon-soler-instaladores/icon-ramon-soler-asistencia-tecnica-gris.svg');
}

.icon-hover:hover .icon-ramon-soler-asistencia-tecnica-gris {
    background-image: url('../img/ds-home-ramon-soler-instaladores/icon-ramon-soler-asistencia-tecnica-blanco.svg');
}

.icon-ramon-soler-documentacion-tecnica-gris {
    background-image: url('../img/ds-home-ramon-soler-instaladores/icon-ramon-soler-documentacion-tecnica-gris.svg');
}

.icon-hover:hover .icon-ramon-soler-documentacion-tecnica-gris {
    background-image: url('../img/ds-home-ramon-soler-instaladores/icon-ramon-soler-documentacion-tecnica-blanco.svg');
}


.icon-ramon-soler-faqs-gris {
    background-image: url('../img/ds-home-ramon-soler-instaladores/icon-ramon-soler-faqs-gris.svg');
}

.icon-hover:hover .icon-ramon-soler-faqs-gris {
    background-image: url('../img/ds-home-ramon-soler-instaladores/icon-ramon-soler-faqs-blanco.svg');
}


.icon-ds-contacto-oficinas-gris {
    background-image: url('../img/ds-home-ramon-soler-particulares/icon-ramon-soler-certificaciones-medioambientales-azul.svg');
}

.icon-ds-contacto-oficinas-gris {
    background-image: url('../img/contacto/icon-DS-CONTACTO-oficinas-gris.svg');
}

.item-oficinas:hover .icon-ds-contacto-oficinas-gris {
    background-image: url('../img/contacto/icon-DS-CONTACTO-oficinas-blanco.svg');
}

.icon-ds-contacto-almacen-gris {
    background-image: url('../img/contacto/icon-DS-CONTACTO-almacen-gris.svg');
}

.item-oficinas:hover .icon-ds-contacto-almacen-gris {
    background-image: url('../img/contacto/icon-DS-CONTACTO-almacen-blanco.svg');
}

.icon-ds-contacto-flagship-store-gris {
    background-image: url('../img/contacto/icon-DS-CONTACTO-flagship-store-gris.svg');
}

.item-oficinas:hover .icon-ds-contacto-flagship-store-gris {
    background-image: url('../img/contacto/icon-DS-CONTACTO-flagship-store-blanco.svg');
}



/*Icons*/

/*Generales*/
header {
    border-bottom: 1px solid #9DA8B0;
}

main {
    padding-top: 132px;
}

.p-30px {
    padding: 30px;
}

.pt-150px {
    padding-top: 138px;
}

.pb-150px {
    padding-bottom: 150px;
}

.pt-75px {
    padding-top: 75px;
}

.pb-75px {
    padding-bottom: 75px;
}

.pt-37px {
    padding-top: 37px;
}

.pb-37px {
    padding-bottom: 37px;
}

.mb-37px {
    margin-bottom: 37px;
}

.mt-37px {
    margin-top: 37px;
}

#logo-home {
    min-width: 220px;
}

.h2-blue-32 {
    color: #191731;
    font-family: AktivGrotesk-Medium;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 40px;
}


.h2-blue-32-regular {
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 32px !important;
    letter-spacing: 0;
    line-height: 40px;
}


.h2-blue-52-regular {
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 52px !important;
    letter-spacing: 0;
    line-height: 60px;
}

.h2-blue-52-regular b {
    color: #191731;
    font-family: AktivGrotesk-Medium;
    font-size: 52px !important;
    letter-spacing: 0;
    line-height: 60px;
}


.text-28-medium {
    color: #191731;
    font-family: AktivGrotesk-Medium;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 32px;
}


.text-22-regular {
    font-family: AktivGrotesk-Regular;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 28px;
}



.text-20-regular {
    font-family: AktivGrotesk-Regular;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 26px;
}

.line-height-36 {
    line-height: 36px !important;
}

.h2-white {
    color: #fff;
    font-family: AktivGrotesk-Medium;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 40px;
}

.h2-white-light {
    color: #fff;
    font-family: AktivGrotesk-Regular;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 40px;
}

.text-gray-16 {
    color: #9DA8B0;
    font-family: Epilogue-Light;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px
}

.text-16-medium {
    font-family: AktivGrotesk-Medium;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22px;
}

.text-16-regular {
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 22px;
}


.text-14 {
    font-family: AktivGrotesk-Regular;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 28px;
}

.h2-white-light b {
    font-family: AktivGrotesk-Medium;
}

.text-blue {
    color: #191731;
}

.menu-nav-top {
    padding-top: 10px;
    padding-bottom: 10px;
}

.menu-nav-top ul {
    margin-top: 0px;
    margin-bottom: 0px;
}

.menu-nav-top ul li {
    color: #fff;
}

.menu-nav-top ul li a {
    font-family: AktivGrotesk-Regular;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
    color: #fff;
    text-decoration: none;
}

.menu-nav-top ul li a:hover {
    color: #00B4B7;
    text-decoration: underline;
}

.menu-nav-bottom {
    padding-top: 20px;
    padding-bottom: 20px;
}

.menu-nav-bottom ul {
    margin-top: 0px;
    margin-bottom: 0px;
}

.menu-nav-bottom ul li {
    margin-left: 20px;
}

.menu-nav-bottom ul li a {
    font-family: AktivGrotesk-Regular;
    color: #4B5A70;

    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    text-decoration: none;
}

.menu-nav-bottom ul li {
    font-family: AktivGrotesk-Regular;
    color: #4B5A70;

    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    text-decoration: none;
}

.show-menu-content.active {
    font-family: AktivGrotesk-Medium;
}

.bg-slider-home {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.item-breeam {
    background-image: url(../img/bg-banner-DS-RAMON-SOLER-CTA-breeam.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 30px;
}

.item-breeam:hover {
    background-image: none;
    background-color: #191731;
}

.title-breeam {
    color: #fff;
    font-family: AktivGrotesk-Regular;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 28px;
}

.bg-colecciones-1 {
    background-image: url('../img/ds-home-ramon-soler-particulares/bg-ramon-soler-DS-HOME-PARTICULARES-header.png');
}

.bg-particulares-1 {
    background-image: url('../img/ds-home-ramon-soler-particulares/bg-ramon-soler-DS-HOME-PARTICULARES-header.png');
}

.bg-particulares-2 {
    background-image: url('../img/ds-home-ramon-soler-particulares/bg-ramon-soler-DS-HOME-PARTICULARES-header-slider-IF-DESIGN-AWARD.png');
}


.bg-particulares-3 {
    background-image: url('../img/ds-home-ramon-soler-particulares/bg-ramon-soler-DS-HOME-PARTICULARES-header.png');
}

.bg-particulares-4 {
    background-image: url('../img/ds-home-ramon-soler-particulares/bg-ramon-soler-DS-HOME-PARTICULARES-header.png');
}


.bg-hoteles-1 {
    background-image: url('../img/ds-home-ramon-soler-hoteles/bg-ramon-soler-DS-HOME-HOTELES-header-griferia-certificada-calidad.png');
}

.bg-hoteles-2 {
    background-image: url('../img/ds-home-ramon-soler-hoteles/bg-ramon-soler-DS-HOME-HOTELES-header-griferia-hoteles.png');
}


.bg-instaladores-1 {
    background-image: url('../img/ds-home-ramon-soler-instaladores/bg-ramon-soler-DS-HOME-HOTELES-INSTALADORES-griferias-calidad-profesionales.png');
}

.bg-instaladores-2 {
    background-image: url('../img/ds-home-ramon-soler-instaladores/bg-ramon-soler-DS-HOME-HOTELES-INSTALADORES-productos-para-baño.png');
}

.bg-instaladores-3 {
    background-image: url('../img/ds-home-ramon-soler-instaladores/bg-ramon-soler-DS-HOME-HOTELES-INSTALADORES-productos-para-cocinas.png');
}


.space-slider {
    padding-top: 100px;
    padding-bottom: 60px;
}

.h1-white {
    font-family: AktivGrotesk-Light;
    font-size: 64px;
    letter-spacing: 0;
    line-height: 64px;
}

.h1-white b {
    font-family: AktivGrotesk-Medium;
}

.h2-34-med {
    font-family: AktivGrotesk-Medium;
    font-size: 34px;
    letter-spacing: 0;
    line-height: 42px;
}

.title-banner {
    font-family: AktivGrotesk-Light;
    font-size: 64px;
    letter-spacing: 0;
    line-height: 64px;
}

.h1-64 {
    font-family: AktivGrotesk-Light;
    font-size: 64px;
    letter-spacing: 0;
    line-height: 64px;
}


.h1-64 b {
    font-family: AktivGrotesk-Medium;
    font-size: 64px;
    letter-spacing: 0;
    line-height: 64px;
}

.aktiv-grotesk-28-regular {
    font-family: AktivGrotesk-Regular;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 34px;
}

.title-banner b {
    font-family: AktivGrotesk-Medium;
}

.text-slider {
    font-family: Epilogue-Light;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
}

.text-epilogue-18 {
    font-family: Epilogue-Regular;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
}

.text-epilogue-16-medium {
    font-family: Epilogue-Medium;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
}

.text-epilogue-18-medium {
    font-family: Epilogue-Medium;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
}

.text-epilogue-16 {
    font-family: Epilogue-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}

.text-epilogue-16-important {
    font-family: Epilogue-Regular !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    line-height: 26px !important;
}

.list-epilogue-16 li {
    font-family: Epilogue-Medium;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}

.link-more:hover {
    color: #191731;
    text-decoration: underline;
}

.btn-gray-rounded {
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 16px;
    text-align: center;
    background-color: #fff;
    padding: 16px 30px 16px 30px;
    border-radius: 10px;
}

.btn-gray-transparent {
    color: #191731;
    border: 1px solid #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 16px;
    text-align: center;
    background-color: #EFF0F0;
    padding: 16px 30px 16px 30px;
    border-radius: 10px;
}

.btn-gray-transparent:hover {
    background-color: #fff;
}



.btn-white-rounded {
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 16px;
    text-align: center;
    background-color: #fff;
    padding: 16px 30px 16px 30px;
    border-radius: 10px;
}

.btn-hover-white:hover {
    border: 1.5px solid #191731 !important;
    background-color: #191731 !important;
    color: #fff !important;
}

.btn-white-rounded-type-1 {
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 16px;
    text-align: center;
    background-color: #fff;
    padding: 16px 30px 16px 30px;
    border-radius: 10px;
    border: 1.5px solid #191731;
}

.btn-white-rounded-type-1:hover {
    color: #fff;
    background-color: #191731;
    border: 1.5px solid #fff;
}

.btn-blue-rounded {
    color: #fff;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 16px;
    text-align: center;
    background-color: #191731;
    padding: 16px 30px 16px 30px;
    border-radius: 10px;
}

.btn-blue-rounded:hover {
    color: #191731;
    background-color: #fff;
    border: 1.5px solid #191731;
}

.btn-white-rounded.active {
    border: 1.5px solid #191731;
}

.btn-gray-rounded:hover {
    background-color: #191731;
    color: #fff;
    border: 1.5px solid #fff;
}

.btn-big {
    height: 50px;
    border-radius: 50px !important;
}

.link-more {
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    text-decoration: none;
}

/*#slider-home .swiper-pagination {
    padding: 3rem !important;
    max-width: max-content;
}*/

#slider-home .swiper-pagination-bullet-active {
    background: #fff !important;
    opacity: 1 !important;
}

#slider-home .swiper-pagination-bullet {
    background: transparent;
    opacity: 1;
    border: 1px solid #fff;
}


#slider-collection .swiper-pagination-collection {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 37px;
    padding-bottom: 75px;
}

#slider-collection .swiper-pagination-bullet-active {
    background: #000 !important;
    opacity: 1 !important;
}

#slider-collection .swiper-pagination-bullet {
    background: #000 !important;
    opacity: 0.2;
}

.slider-collection .swiper-pagination-collection {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

.slider-collection .swiper-pagination-collection-2 {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

#premios .item-blog:hover .item-text-blog p {
    color: #191731 !important;
}

.slider-collection .swiper-pagination-bullet-active {
    background: #000 !important;
    opacity: 1 !important;
}

.slider-collection .swiper-pagination-bullet {
    background: #000 !important;
    opacity: 0.2;
}



.item-collection a {
    color: #4B5A70;
    font-family: Epilogue-Light;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
    text-decoration: none;
}

.item-text-collection {
    background-color: #EFF0F2;
    width: 100%;
    padding: 50px 60px 50px 60px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 300px;
    position: relative;
}

.bg-gray-type-1 .item-text-collection {
    background-color: #fff;
}

.card-text-gray-force .item-text-collection-simple {
    background-color: #EFF0F0 !important;
}

.item-collection:hover .item-text-collection {
    background-color: #6A747C;
}

.bg-gray-card {
    background-color: #6A747C !important;
}

.bg-gray-1-card {
    background-color: #EFF0F2 !important;
}

.item-collection:hover a {
    color: #fff;
}

.item-collection:hover .title {
    color: #fff;
}

.item-collection:hover .item-text-collection .title a {
    color: #fff;
}

.item-collection:hover p {
    color: #fff;
}


.item-text-collection .title {
    color: #191731;
    font-size: 28px;
    font-family: AktivGrotesk-Regular;
    letter-spacing: 0;
    line-height: 32px;
}


.item-text-collection .title a {
    color: #191731;
    font-size: 28px;
    font-family: AktivGrotesk-Regular;
    letter-spacing: 0;
    line-height: 40px;
}

.item-text-collection i {
    top: auto;
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.item-collection:hover .icon-arrow-blue {
    background-image: url('../img/ds-home-ramon-soler-particulares/icon-ramon-soler-arrow-blanco.svg');
}

.item-text-collection-simple {
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

.item-text-collection-simple .title {
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 40px;
}

.item-text-collection-simple p {
    color: #4B5A70;
    font-family: Epilogue-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}

.bg-gray-type-1 {
    background-color: #EFF0F0;
}

.aux-text-title {
    color: #4B5A70;
    font-family: Epilogue-Regular;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center;
}

.aux-text-spare {
    color: #4B5A70;
    font-family: Epilogue-Medium;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    text-align: left;
}

.btn-contact-spare {
    padding-left: 20px !important;
    padding-right: 20px !important;
    color: #fff !important;
    box-sizing: border-box;
    height: 40px;
    border: 1.5px solid #191731;
    border-radius: 20px;
    background-color: #191731;
}

.btn-contact-spare:hover {
    border: 1.5px solid #191731;
    background-color: #fff;
    color: #191731 !important;
}

.item-sostenible {
    padding: 40px;
    background-color: #fff;
}

.item-sostenible:hover {
    background-color: #191731;
}

.item-sostenible:hover .title {
    color: #fff;
}

.item-sostenible .title {
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 26px;
}

.item-text-sostenible p {
    color: #191731;
    font-family: Epilogue-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}

.item-text-sostenible a {
    color: #191731;
    font-family: Epilogue-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}

.item-sostenible:hover .item-text-sostenible a {
    color: #fff;
}

.item-sostenible:hover .item-text-sostenible p {
    color: #fff;
}

.item-text-solution {
    background-color: #EFF0F2;
    width: 100%;
    padding: 50px 60px 50px 60px;
    position: relative;
}

.item-text-solution {
    background-color: #EFF0F2;
    width: 100%;
    padding: 40px 60px 70px 60px;
    position: relative;
}

.item-text-solution .title {
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 40px;
}

.item-text-solution p {
    color: #4B5A70;
    font-family: Epilogue-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}

.item-text-solution a {
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    position: absolute;
    bottom: 30px;
}

.text-blue {
    color: #191731 !important;
}

.item-text-blog {
    background-color: #EFF0F2;
    width: 100%;
    padding: 30px 30px 60px 30px;
    position: relative;
    overflow: hidden;
}

.item-text-blog .cat {
    color: #4B5A70;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}

.item-text-blog .title {
    color: #191731;
    font-family: AktivGrotesk-Medium;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 28px;
}

.item-text-blog p {
    color: #4B5A70;
    font-family: Epilogue-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}

.item-text-blog a {
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    position: absolute;
    bottom: 30px;
}

.item-blog:hover .item-text-blog {
    background-color: #6A747C;
    color: #fff;
}

.item-blog:hover .item-text-blog a {
    color: #fff;
}

.item-blog:hover .item-text-blog p {
    color: #fff;
}

.item-blog:hover .item-text-blog h3 {
    color: #fff;
}

#cta-footer {
    background-image: url('../img/ds-home-ramon-soler-particulares/bg-banner-DS-RAMON-SOLER-CTA-CONTACTO.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
}


.btn-white-transparent-rounded {
    color: #fff;
    font-family: AktivGrotesk-Regular;
    border: 1.5px solid #fff;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 16px;
    text-align: center;
    background-color: transparent;
    padding: 16px 30px 16px 30px;
    border-radius: 10px;
}

.btn-white-transparent-rounded:hover {
    background-color: #fff;
    color: #191731;
}

footer {
    background-color: #191731;
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.title-footer {
    color: #FFFFFF;
    font-family: AktivGrotesk-Medium;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}

.text-footer {
    color: #9DA8B0;
    font-family: Epilogue-Light;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
}

footer ul li a {
    color: #9DA8B0;
    font-family: Epilogue-Light;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    text-decoration: none;

}

footer ul li a:hover {
    color: #00B4B7;
    text-decoration: underline;
}

.text-legal p {
    margin-bottom: 0px;
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
}

.text-legal a {
    margin-bottom: 0px;
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    margin-right: 10px;
}

.btn-blue {
    border: 1.5px solid #191731;
    border-radius: 10px;
    background-color: #191731;
    color: #FFFFFF;
    font-family: AktivGrotesk-Regular;
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 16px;
    text-align: center;
    padding: 10px 26px 10px 26px;
}

.btn-blue:hover i {
    color: #191731 !important;
}


.btn-blue:hover {
    border: 1.5px solid #191731;
    border-radius: 10px;
    background-color: #fff;
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 16px;
    text-align: center;
    padding: 10px 26px 10px 26px;
}

.input-border-bottom {
    color: #4B5A70;
    font-family: Epilogue-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    border-bottom: 1px solid #9DA8B0;
    height: 54px;
}

#content-mega-menu {
    position: absolute;
    width: 100%;
    z-index: 10;
}

#content-mega-menu .text-gray-2 {
    color: #9DA8B0 !important;
}

#content-mega-menu .border-top {
    border-top: 1px solid #9DA8B0;
}

.pointer {
    cursor: pointer;
}

.title-mega-menu {
    color: #191731;
    font-family: AktivGrotesk-Medium;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}

.border-bottom-gray-mega-menu {
    border-bottom: 1px solid #9DA8B0;
}

.subtitle-mega-menu {
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
}

.list-mega-menu {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 20px;
}

.list-mega-menu li {
    margin-bottom: 10px;
}

.list-mega-menu li a {
    color: #4B5A70;
    font-family: Epilogue-Medium;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    text-decoration: none;
}

.list-mega-menu li a:hover {
    text-decoration: underline !important;
}

.link-mega-menu {
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
}

.btn-white-rounded-sm {
    border: 1.5px solid #191731;
    border-radius: 10px;
    background-color: #fff;
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 16px;
    text-align: center;
    padding: 10px 26px 10px 26px;
}

.btn-white-rounded-sm:hover {
    border: 1.5px solid #fff;
    border-radius: 10px;
    background-color: #191731;
    color: #fff;
}

.text-mega-menu {
    color: #4B5A70;
    font-family: Epilogue-Regular;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
}

.text-pink {
    color: #E00B61;
    font-family: Epilogue-Medium;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
}

.input-transparent {
    height: 40px;
    background-color: transparent;
    border: 0px;
    width: 100%;
    color: #9DA8B0;
    font-family: Epilogue-Light;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
}

.only-movil {
    display: none;
}


.btn-aqua-rounded {
    color: #FFFFFF;
    background-color: #00b4b7;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 16px;
    text-align: center;
    padding: 16px 30px 16px 30px;
    border-radius: 10px;
    border: 1.5px solid #00b4b7;
}

.btn-aqua-rounded:hover {
    background-color: transparent !important;
    border: 1.5px solid #fff;
    color: #fff;
}

.flex-colum-equal-h {
    display: flex;
    flex-wrap: wrap;
}

.item-text-service {
    width: 100%;
    padding: 60px 60px 60px 60px;
    position: relative;
}

/*.item-colecction-space {
    position: relative;
    padding-bottom: 80px;
}

.item-colecction-space .btn {
    position: absolute;
    bottom: 12px;
}*/

.bg-cta-form {
    background-image: url(../img/ds-ramon-soler-productos-bano/bg-banner-DS-RAMON-SOLER-CTA-DISTRIBUIDOR.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
}

.no-link-collection {
    padding-bottom: 0px;
}

.link-no-style {
    text-decoration: none;
    color: auto;
}

.link-collection-filter.active {
    padding: 10px 20px 10px 20px;
    border: 1px solid #191731;
    border-radius: 10px;
    text-decoration: none;
}

.link-collection-filter {
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
}

#slider-collection .swiper-pagination-lock {
    display: block !important;
}


/*Generales*/

/*Home Hoteles*/

#content-sostenible.bg-gray-type-1 .item-sostenible {
    background-color: #fff !important;
}

#content-sostenible.bg-gray-type-1 .item-sostenible:hover {
    background-color: #191731 !important;
}


#content-sostenible .item-sostenible {
    padding: 60px;
    background-color: #EFF0F2;
}

#content-sostenible .item-sostenible:hover {
    background-color: #191731;
}

.item-sector-hotel {
    padding: 40px 40px 80px 40px;
    background-color: #fff;
}

.item-sector-hotel .title {
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 26px;
}

.item-sector-hotel p {
    color: #191731;
    font-family: Epilogue-Medium;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}

.item-sector-hotel:hover {
    background-color: #6A747C;
}

.item-sector-hotel:hover p {
    color: #fff;
}

.item-sector-hotel:hover h3 {
    color: #fff;
}

#slider-projects .swiper-pagination-projects {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}

#slider-projects .swiper-pagination-bullet-active {
    background: #000 !important;
    opacity: 1 !important;
}

#slider-projects .swiper-pagination-bullet {
    background: #000 !important;
    opacity: 0.2;
}

.p-image-project {
    padding: 20px 30px 20px 30px;
}

.p-text-project {
    padding: 20px 30px 20px 30px;
}

.item-text-projects {
    padding-right: 150px;
}

.item-text-projects .location {
    color: #4B5A70;
    font-family: Epilogue-Light;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}

.item-text-projects .title {
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 54px;
    letter-spacing: 0;
    line-height: 58px;
}

.item-text-projects p {
    color: #4B5A70;
    font-family: Epilogue-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px
}

.item-text-projects .text-blue {
    color: #191731 !important;
}

.link-16-blue {
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
    text-decoration: none;
}

.link-16-blue:hover {
    color: #191731;
    text-decoration: underline;
}

.item-text-projects .link-16-blue {
    position: absolute;
    bottom: 50px;
}

.content-cta img {}

.content-img-off {
    margin-left: 0px;
}

.color-green {
    color: #00B4B7 !important;
}

/*Mega Hoteles*/

/*Home Instaladores*/
.bg-cta-accesorios-recambios {
    background-image: url(../img/ds-home-ramon-soler-instaladores/bg-banner-DS-RAMON-SOLER-CTA-ACCESORIOS-RECAMBIOS.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.cta-blue-full {
    padding-top: 20px;
    padding-bottom: 20px;
}

.cta-blue-form {
    padding-top: 60px;
    padding-bottom: 60px;
}

.item-collection .link-16-blue {
    color: #191731 !important;
    font-family: AktivGrotesk-Regular !important;
    font-size: 16px !important;
    letter-spacing: 0 !important;
    line-height: 16px !important;
    position: absolute;
    bottom: 30px;
}

.item-collection:hover .link-16-blue {
    color: #fff !important;

}

.bg-instaladores-3 {
    background-image: url(../img/ds-home-ramon-soler-instaladores/bg-ramon-soler-DS-HOME-HOTELES-INSTALADORES-productos-para-cocinas.png);
}

/*Home Instaladores*/


/*Home Arquitectos*/
.bg-arquitectos-1 {
    background-image: url(../img/ds-home-ramon-soler-arquitectos/bg-ramon-soler-DS-HOME-HOTELES-ARQUITECTOS-griferias-lujo-diseños-alma.png);
}

.bg-arquitectos-2 {
    background-image: url(../img/ds-home-ramon-soler-arquitectos/bg-ramon-soler-DS-HOME-HOTELES-ARQUITECTOS-IF-Design-Award-2023-1.png);
    background-position: right center !important;
}

.bg-arquitectos-3 {
    background-image: url(../img/ds-home-ramon-soler-arquitectos/bg-ramon-soler-DS-HOME-HOTELES-ARQUITECTOS-tendencias-diseño-arquitectura.png);
}

/*Home Arquitectos*/


/*Collecciones*/
.bg-colecciones-1 {
    background-image: url(../img/colecciones/bg-ramon-soler-DS-HOME-PARTICULARES-header.png);
}

.text-22-italic-gray {
    color: #4B5A70;
    font-family: AktivGrotesk-Italic;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 32px;
}

.menu-sections a {
    color: #9DA8B0;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    text-decoration: none;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #9DA8B0;
}

#menu-sections a {
    border-bottom: 1px solid #9DA8B0;
}

.border-gray-1 {
    border-bottom: 1px solid #9DA8B0;
}

.menu-sections a.active {
    border-bottom: 1px solid #191731 !important;
    color: #191731;
}

#myBtn {
    position: fixed;
    bottom: 50px;
    right: 50px;
    border: none;
    color: #000;
    font-size: 50px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 100;
}


/*Collecciones*/


/*Catalogo de prodructos*/
.style-breadcrumb {
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.style-breadcrumb .breadcrumb-item a {
    color: #4B5A70;
    font-family: AktivGrotesk-Regular;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
    text-decoration: none;
}

.style-breadcrumb .breadcrumb-item {
    color: #4B5A70;
    font-family: AktivGrotesk-Regular;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
}


.style-breadcrumb .breadcrumb-item.active {
    color: #191731 !important;
}

.item-filter .dropdown-menu {
    top: 24px !important;
    min-width: max-content;
    border-radius: 0px;
    border: 0px solid #fff;
    min-height: max-content;
}

.items-variants img {
    width: 75px !important;
}

.variation-min-img {
    width: 44px;
    border: 1px solid #9DA8B0
}

.variation-min-img.active {
    border: 1px solid #191731 !important;
}

.model span {
    display: inline-block;
    width: 100%;

}

.line-height-20 {
    line-height: 20px !important;
}

.form-check-input:checked {
    background-color: #191731;
    border-color: #191731;
}

#slider-ficha-product .slider-collection .swiper-pagination-collection {
    width: max-content;
    margin: 0px !important;
    padding-top: 20px;
    padding-bottom: 20px;
}

.according-content .accordion-button:not(.collapsed) {
    color: #191731;
    font-family: AktivGrotesk-Medium;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 26px;
    color: #191731 !important;
    background-color: #EFF0F0 !important;
    box-shadow: inset 0 calc(-0 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.according-content .accordion-item:first-of-type {
    border: 0px solid #fff !important;

}

.according-content .accordion-item {
    border: 0px solid #fff !important;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.according-content .accordion-item .accordion-body {
    background-color: #EFF0F2;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.according-content .accordion-item:last-of-type .accordion-collapse {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.according-content .accordion-item .accordion-header {
    border-bottom: 1px solid #191731 !important;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.according-content .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.according-content .according-content .accordion-button:not(.collapsed) {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.according-content .accordion-item:last-of-type .accordion-collapse {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;

}

.according-content .accordion-button {
    color: #191731;
    font-family: AktivGrotesk-Medium;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    background-color: #EFF0F0 !important;
}

.accordion-button::after {
    background-image: url('../img/icon-ramon-soler-drop-down-gris.svg') !important;
}

/*Catalogo de prodructos*/

/*Ficha de Producto*/
.text-file-product ul {
    list-style: none;
    padding-left: 0px;
}

.text-file-product ul li i {
    margin-right: 30px;
}

.text-file-product ul li a {
    text-decoration: none;
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}

.items-link-doc-tabs a {
    text-decoration: none;
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}

.items-link-doc-tabs i {
    margin-right: 30px;
}

/*Ficha de Producto*/

/*Quienes Somos*/
.h1-64-medium {
    font-family: AktivGrotesk-Medium;
    font-size: 64px;
    letter-spacing: 0;
    line-height: 64px;
}

.text-28-regular {
    font-family: AktivGrotesk-Regular;
    font-size: 28px;
    letter-spacing: 0;
    line-height: 40px;
}

.bg-quienes-somos {
    background-image: url(../img/quienes-somos/bg-ramon-soler-DS-HOME-PARTICULARES-header.png);
}

#videoModal .modal-content {
    background-color: rgba(0, 0, 0, 0.0);
}

#mapModal .modal-content {
    background-color: rgba(0, 0, 0, 0.0);
}

.btn-close-modal {
    border: 0px;
    background-color: transparent;
}

.item-year {
    height: 40px;
    text-align: center;
    position: relative;
    cursor: pointer;
    color: #9DA8B0;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 16px;
}

.item-year i {
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -6px;
    font-size: 12px;
}

.item-year.active i {
    color: #191731 !important;
}

.item-year.active {
    color: #191731 !important;
}

#menu-sections-bottom.menu-sections a {
    max-width: max-content;
}

/*Quienes Somos*/

/*Servicios*/
.bg-servicios {
    background-image: url(../img/servicios/bg-ramon-soler-DS-EMPRESA-SERVICIOS-header.png);
}

.bg-servicios-typ {
    background-image: url(../img/servicios/bg-ramon-soler-DS-EMPRESA-SERVICIOS-TYP-header.png);
}

/*Servicios*/

/*Colaboraciones*/
.bg-colaboraciones {
    background-image: url(../img/colaboraciones/bg-ramon-soler-DS-EMPRESA-COLABORACIONES-header.png);
}

#slider-colaboradores-1 .item-text-colaborador {
    background-color: #fff;
    width: 100%;
    padding: 30px 30px 30px 30px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 300px;
}

/*Colaboraciones*/

/*Ecosostenibilidad*/
.bg-ecosostenibilidad {
    background-image: url(../img/ecosostenibilidad/bg-ramon-soler-DS-EMPRESA-ECOSOSTENIBILIDAD-header.png);
}

.menu-section-left .menu-section-item {
    max-width: max-content !important;
    margin-right: 20px;
}

#certificaciones .item-blog:hover {
    color: #191731 !important;
}

#certificaciones .item-blog:hover .item-text-blog a {
    color: #191731 !important;
}

#certificaciones .item-blog:hover .item-text-blog p {
    color: #191731 !important;
}

#garantia .item-text-blog {
    background-color: #fff;
}

#garantia .card:hover {
    background-color: #6A747C !important;
}

#garantia .card:hover .item-text-blog {
    background-color: #6A747C !important;
}

#garantia .item-text-blog:hover {
    background-color: #6A747C;
}

.bg-garantias {
    background-image: url(../img/certificaciones/bg-ramon-soler-DS-CERTIFICACIONES-header.png);
}

/*Ecosostenibilidad*/


/*Recursos*/
.accordion-button::after {
    color: #191731;

}

#content-tabs .accordion-button {
    font-size: 18px;
    line-height: 24px;
}

.bg-recursos {
    background-image: url(../img/recursos/bg-ramon-soler-DS-HOME-PARTICULARES-header.png);
}

.list-documents li {
    margin-bottom: 10px;
}

.list-documents li a {
    color: #4B5A70;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}

#content-resources .accordion-button {
    padding-top: 30px;
    padding-bottom: 30px;
}

.item-faqs {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.img-tab-faqs {
    max-height: 100px;
    width: 100px;
}

.active .img-tab-faqs {
    border: 1.5px solid #191731;
}

.tabs-faqs .active .text-14 {
    color: #191731 !important;
    text-align: center;
}

.tabs-faqs .text-14 {
    margin-top: 10px;
    text-align: center;
}

.text-faqs-in-accordin-gray {
    color: #4B5A70;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}


.menu-projects .active {
    border-bottom: 1px solid #191731 !important;
    color: #191731;
}

.mx-max-content {
    max-width: max-content;
}

/*Recursos*/


/*Contacto*/
.bg-contact {
    background-image: url(../img/contacto/bg-ramon-soler-DS-HOME-PARTICULARES-header.png);
}

.item-oficinas a {
    font-size: 18px;
}

.item-oficinas:hover a {
    font-size: 18px;
    color: #fff;
}

.bg-white-1 {
    background-color: #fff;
}

/*Contacto*/
#form-contact input[type=text] {
    height: 48px;
    width: 100%;
    border: 0px solid #9DA8B0;
    border-bottom: 1px solid #9DA8B0;
}

#form-contact input[type=email] {
    height: 48px;
    width: 100%;
    border: 0px solid #9DA8B0;
    border-bottom: 1px solid #9DA8B0;
}

#form-contact input[type=tel] {
    height: 48px;
    width: 100%;
    border: 0px solid #9DA8B0;
    border-bottom: 1px solid #9DA8B0;
}

#form-contact textarea {
    height: 150px;
    width: 100%;
    border: 0px solid #9DA8B0;
    border-bottom: 1px solid #9DA8B0;
}

#form-contact .input {
    margin-bottom: 20px;
}

#form-contact select {
    height: 48px;
    width: 50%;
    border: 0px solid #9DA8B0;
    border-bottom: 1px solid #9DA8B0;
}

#form-contact #pais-cfc4044f-7d5c-4d1b-956d-46d7323226d7 {
    height: 48px;
    width: 100%;
    border: 0px solid #9DA8B0;
    border-bottom: 1px solid #9DA8B0;
}


#form-contact fieldset {
    max-width: 100%;
}

#form-contact label {
    color: #4B5A70;
    font-family: AktivGrotesk-Regular;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 16px;
}

.inputs-list {
    list-style: none;
    padding-left: 0px;
}

#form-contact .hs-button {
    color: #FFFFFF;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    box-sizing: border-box;
    height: 53px;
    width: 177px;
    border: 1.5px solid #191731;
    border-radius: 27px;
    background-color: #191731;
}

.hs-error-msg {
    color: #E00B61 !important;
}

.active .page-link {
    background-color: #191731;
}

.page-link {
    color: #191731;
}

.no-pointer-events {
    cursor: none;
    pointer-events: none;
}

.item-product .card-img-top {
    max-height: 258px;
    width: 100%;
}

.item-product .name-product {
    /*text-transform: lowercase;*/
}

.item-product .name-product::first-letter {
    /*text-transform: capitalize;*/
}

.swiper-button-next {
    color: #191731 !important;
    margin-top: -50px !important;
}

.swiper-button-prev {
    color: #191731 !important;
    margin-top: -50px !important;
}


#slider-home .swiper-button-next {
    color: #fff !important;
    margin-top: -50px !important;
}

#slider-home .swiper-button-prev {
    color: #fff !important;
    margin-top: -50px !important;
}


.buttons-blue .swiper-button-next {
    color: #191731 !important;
}

.buttons-blue .swiper-button-prev {
    color: #191731 !important;
}

#btn-lang {
    background-color: #191731;
    color: #fff !important;
}

#btn-lang:hover {
    background-color: #191731;
    color: #fff;
}

.content-menu-lang li {
    width: 200px;
}

.content-menu-lang li a {
    padding-top: 14px;
    padding-bottom: 14px;
    width: 100%;
    height: 50px;
    display: inline-block;
}

.content-menu-lang li a i {
    float: right;
}

/*landing*/
.bg-landing {
    background-image: url(../img/landings/bg-banner-DS-RAMON-SOLER-CTA-CONTACTO.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.bg-landing-typ {
    background-image: url(../img/landings/bg-ramon-soler-DS-EMPRESA-SERVICIOS-TYP-header.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.img-landing {
    width: 300px;
    margin-top: 60px;
    margin-bottom: 90px;
}

.content-form-fix {
    position: sticky;
    top: 80px;
}

.content-form-landing {
    background-color: #fff;
    padding: 50px;
}

#content-error-page {
    padding-top: 150px;
    padding-bottom: 150px;
}

.item-benefit p {
    color: #4B5A70;
    font-family: Epilogue-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
}

/*Error Pages*/
#content-error-page h1 {
    font-family: AktivGrotesk-Light;
    color: #191731 !important;
    font-size: 64px;
    letter-spacing: 0;
    line-height: 64px;
}

#content-error-page h1 b {
    font-family: AktivGrotesk-Medium;
}

.swiper-slide {
    height: auto !important;
}

/*Legal Pages*/
.rs-style-legal h1 {
    font-family: AktivGrotesk-Regular;
}

.rs-style-legal h2 {
    font-family: AktivGrotesk-Regular;
}

.rs-style-legal h3 {
    font-family: AktivGrotesk-Regular;
}

.rs-style-legal p {
    font-family: Epilogue-Medium;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    color: #4B5A70;
}

.rs-style-legal li {
    font-family: Epilogue-Medium;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    color: #4B5A70;
}


.rs-style-legal a {
    color: #191731;
    font-family: Epilogue-Medium;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
}

/*.item-collection .item-text-collection .title
{
    text-transform: lowercase;
}
.item-collection .item-text-collection .title:first-letter
{
    text-transform: capitalize;
}*/
.breadcrumb-item {
    text-transform: lowercase;
}

.breadcrumb-item:first-letter {
    text-transform: capitalize;
}


.dist-text {
    text-transform: uppercase;
    font-size: 18px !important;
    font-family: AktivGrotesk-Medium !important;
}

/*Calc*/
.calculator-container {
    max-width: 900px;
    margin: auto;
    margin-top: 30px;
}

.rsrow .rsfield,
.rsrow .rslabel {
    border: 1px solid #000;
}

.rsrow {
    display: grid;
    grid-template-columns: 1fr 80px 80px;
    margin-bottom: 15px;
}

.rsrow .rslabel {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: Epilogue-Light;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
}

.rsrow .rsfield {
    border-left: 0;
    text-align: center;
    background-color: #191731;
    color: #fff;
}

.rsinfo {
    padding: 10px;
    font-family: Epilogue-Light;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 28px;
}

.rsrowresult .rsfield {
    padding: 10px;
}

#form-news label {
    color: #fff;
}

#form-news input {
    height: 40px;
    background-color: transparent;
    border: 0px;
    width: 100%;
    color: #9DA8B0;
    font-family: Epilogue-Light;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 20px;
}

#form-news p {
    color: #9DA8B0;
    font-family: Epilogue-Light;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
}

#form-news a {
    color: #00B4B7;
}

#form-news input[type=submit] {
    width: max-content !important;
    padding: 18px 30px 32px 30px !important;
    color: #fff;
    font-family: AktivGrotesk-Regular;
    border: 1px solid #fff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    background-color: transparent;
    padding: 16px 30px 16px 30px;
    border-radius: 10px;
}


#form-news input[type=submit]:hover {
    background-color: #fff;
    color: #191731;
}


#form-news input[type=checkbox] {
    width: 15px !important;
    height: 26px !important;
}

.items-variants a {
    text-decoration: none;
}

.current_card_menu {
    pointer-events: none;
    opacity: 0.45;
}

.item-menu-movil {
    padding-top: 20px;
    padding-bottom: 20px;
}

.item-menu-movil a {
    color: #4B5A70 !important;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
    text-decoration: none;
    display: inline-block;
    width: 100%;
}

.item-menu-movil p {
    color: #4B5A70 !important;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
    margin-bottom: 0px;
}

.center-middle-img {
    vertical-align: middle;
    display: flex;
    align-items: right;
}

#btn-lang-movil {
    padding-left: 0px;
    padding-right: 0px;
}

#btn-lang-movil i {
    font-size: 20px;
}

header.active .bi-list::before {
    content: '\F659';
}

#content-menu-movil .accordion-item .accordion-item {
    border: 0px solid #fff !important;
}

#content-menu-movil .accordion-item .accordion-item .accordion-header {
    border: 0px solid #fff !important;
}

#content-menu-movil .accordion-item .accordion-item .accordion-header .accordion-button {
    border: 0px solid #fff !important;
    color: #4B5A70;
    font-family: AktivGrotesk-Regular;
}

#content-menu-movil .accordion-item .accordion-header .accordion-button {
    border: 0px solid #fff !important;
    color: #191731;
    font-family: AktivGrotesk-Medium;
}

#search-spare {
    padding: 20px;
}

.text-gray-search {
    color: #4B5A70;
    font-family: 16px;
    font-family: AktivGrotesk-Regular;
}

.text-gray-14-eco {
    color: #4B5A70;
    font-family: Epilogue-Medium;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
}

.btn-search-movil {
    box-sizing: border-box;
    height: 40px;
    width: max-content;
    border: 1.5px solid #191731;
    border-radius: 20px;
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 16px;
    text-align: center;
}

.item-prof-mov:hover {
    background-color: #9DA8B0;
    opacity: 0.25;
}

.active .icon-search {
    background-image: url(../img/_header/icon-ramon-soler-buscador-gris.svg);
}


li[state="active"] .bi-search::before {
    content: '\F659' !important;
}

.d-none-v {
    display: none;
}

.active-search .d-none-v {
    display: inline-block;
    width: 100%;
}

header .bi-search {
    font-size: 22px;
}

header.active-search {
    border-bottom: 0px solid #fff;
}

#search-nav {
    border-top: 1px solid #9DA8B0;
}

.variations a {
    text-decoration: none;
}

.variation-min-img {
    cursor: pointer;
}

.image-product-hover {
    display: none;
}

.link-product-show {
    position: relative;
}

.link-product-show:hover .image-product-primary {
    display: none;
}

.link-product-show:hover .image-product-hover {
    display: initial;
}


#form-contact input[type="file"] {
    color: transparent;
}

#form-contact input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
}

#form-contact input[type="file"]::before {
    content: 'Select some files';
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 14px;
    display: inline-block;
    background: -webkit-linear-gradient(top, #fff, #fff);
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 10pt;
    border: 1px solid #191731;
    border-radius: 20px;
    padding: 10px 30px 10px 30px;
    margin-top: 10px;
}

#form-contact input[type="file"]:hover::before {
    border-color: black;
}

#form-contact input[type="file"]:active {
    outline: 0;
}

#form-contact input[type="file"]:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

#form-contact .hs-fieldtype-file {
    border-bottom: 1px solid #9DA8B0;
    margin-bottom: 20px;
}


.heart-select {
    color: #191731;
    font-size: 22px;
    position: relative;
    cursor: pointer;
}

#headingCharacteristics2 button::after {
    display: none;
}

#headingCharacteristics2 a {
    text-decoration: none;
}

.link-collections {
    color: #4B5A70;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    text-decoration: none;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    display: inline-block;
}

.link-collections:hover {
    color: #191731;
    text-decoration: underline;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 22px !important;
}


.btn-style-style {
    background-color: transparent !important;
    text-decoration: underline;
}

.btn-style-style.active {
    text-decoration: none;
}

#form-change-lang select {
    height: 53px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #9DA8B0;
}

#form-change-lang select option {
    font-family: Epilogue-Regular;
    color: #191731;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 26px;
}

#form-change-lang #sendLang {
    color: #FFFFFF;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    box-sizing: border-box;
    height: 53px;
    width: 177px;
    border: 1.5px solid #191731;
    border-radius: 27px;
    background-color: #191731;
}


.content-menu-lang .active {
    background-color: #191731 !important;
    color: #fff !important;
}

.text-novedad {
    padding-top: 6px;
}

.text-novedad a {
    text-decoration: none;
}

.text-novedad .text-green {
    color: #00B4B7;
}

.text-novedad .text-underline {
    text-decoration: underline;
}

.text-novedad a:hover .text-green {
    color: #00B4B7;
}

.text-novedad a:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.link-bottom-lp {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 10;
}

.link-bottom-lp .bi-x-circle {
    position: absolute;
    right: 10px;
    color: #fff;
    font-size: 34px;
    z-index: 11;
    cursor: pointer;
}

.link-green-important {
    color: #00B4B7 !important;
}

#tabLocations .nav-tabs {
    background-color: #EFF0F2;
}

#tabLocations .nav-tabs .nav-link {
    color: #9DA8B0;
}

#tabLocations .nav-tabs .nav-link.active {
    font-weight: 600;
    color: #191731;
    border: 0px;
    border-bottom: 1px solid #191731;
    background-color: #EFF0F2;
}

.item-locations {
    padding: 40px;
    background-color: #EFF0F2;
    border-bottom: 1px solid #9DA8B0;
    cursor: pointer;
}

.item-locations h3 {
    font-size: 22px;
    font-family: AktivGrotesk-Regular;
    color: #191731;
}

.item-locations p {
    font-family: Epilogue-Regular;
    font-size: 16px;
    color: #4B5A70;
}

.item-locations a {
    color: #191731;
}

.item-locations.active {
    background-color: #6A747C;
}

.item-locations.active h3 {
    color: #fff;
}

.item-locations.active p {
    color: #fff;
}

.item-locations.active a {
    color: #fff;
}

.item-locations:hover {
    background-color: #6A747C;
}

.item-locations:hover h3 {
    color: #fff;
}

.item-locations:hover p {
    color: #fff;
}

.item-locations:hover a {
    color: #fff;
}

#search-results {
    list-style: none;
    padding-left: 0px;
}

#search-results li {
    padding: 10px;
    border-bottom: 1px solid #000;
    font-weight: 600;
    cursor: pointer;
}

#form-news select {
    height: 30px;
    width: 100%;
    border: 0px solid #9DA8B0;
    border-bottom: 1px solid #9DA8B0;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #191731;
    color: #fff;
}

#form-news label {
    color: #fff;
    width: 100%;
}

.legal-consent-container {
    margin-top: 20px;
}

.btn-transparent-n {
    color: #fff;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 16px;
    text-align: center;
    background-color: transparent;
    padding: 16px 30px 16px 30px;
    border-radius: 10px;
    border: 1px solid #fff;
}

.btn-transparent-n:hover {
    color: #191731;
    font-family: AktivGrotesk-Regular;
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 16px;
    text-align: center;
    background-color: #fff;
    padding: 16px 30px 16px 30px;
    border-radius: 10px;
    border: 1px solid #191731;
}

#form-contact .hs-richtext {
    color: #191731 !important;
}

#form-contact a {
    font-size: 14px !important;
    color: #191731 !important;
}

#form-contact span p {
    font-size: 14px !important;
    color: #191731 !important;
}


.hs-richtext {
    color: #fff !important;
}

.hs_submit {
    margin-top: 20px;
}

.hs-form-booleancheckbox-display {
    margin-top: 20px;
}

/*Media Querys*/
@media (max-width: 768px) {

    .space-slider {
        padding: 20px 60px 60px 60px !important;
        min-height: 400px;
    }


    header.active {
        height: 100%;
        overflow-x: scroll;
    }

    .item-tab-pillares img {
        margin-bottom: 30px;
    }

    .h1-64-medium {
        font-family: AktivGrotesk-Medium;
        font-size: 32px;
        letter-spacing: 0;
        line-height: 40px;
    }

    .item-tab-pillares {
        margin-left: 0% !important;
    }

    #banner .btn {
        width: 100%;
        display: block;
    }

    .text-white.link-more {
        display: block;
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }

    .content-300-hide {
        max-width: 320px;
        margin: 0 auto;
        overflow: hidden;
        overflow-x: scroll;
        height: 90px;
    }

    .content-300-hide .w-100 {
        width: 700px !important;
    }

    .content-300-hide-tab {
        max-width: 320px;
        margin: 0 auto;
        overflow: hidden;
        overflow-x: scroll;
        height: 80px;
    }

    .item-year {
        padding-left: 10px;
        padding-right: 10px;
    }

    main {
        padding-top: 70px;
    }

    .h1-64 {
        font-family: AktivGrotesk-Light;
        font-size: 32px;
        letter-spacing: 0;
        line-height: 40px;
    }

    .h1-64 b {
        font-family: AktivGrotesk-Medium;
        font-size: 32px;
        letter-spacing: 0;
        line-height: 45px;
    }




    .w-100-movil-link {
        width: 100%;
        display: block;
        text-align: center;
    }

    .btn {
        font-size: 14px;
    }

    .mr-0-movil {
        margin-right: 0px !important;
    }

    .text-legal a {
        display: inline-block;
        width: 100%;
    }

    #banner-top .px-5 {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .pl-0-movil {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    #cta-blue-full .btn-aqua-rounded {
        width: 100%;
    }



    .item-text-projects .title {
        color: #191731;
        font-family: AktivGrotesk-Regular;
        font-size: 32px;
        letter-spacing: 0;
        line-height: 38px;
    }

    .item-text-projects {
        padding-right: 0px;
    }

    .nav-movil {
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #fff;
    }

    .only-movil {
        display: block;
    }

    #banner .p-3 {
        padding: 0rem !important;
    }

    .title-banner {
        font-size: 32px;
        letter-spacing: 0;
        line-height: 36px
    }

    .text-slider {
        font-family: Epilogue-Light;
        font-size: 18px !important;
        letter-spacing: 0;
        line-height: 24px;
    }

    .text-slider br {
        display: none;
    }

    #slider-home .swiper-pagination {
        padding: 2rem !important;
        max-width: 100%;
    }

    .over-links-movil {
        max-width: 100%;
        margin: 0 auto;
        overflow-x: scroll;
    }

    .mx-500 {
        width: 1000px;
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .text-left-movil {
        text-align: left !important;
    }

    .item-text-collection-simple .title {
        color: #191731;
        font-family: AktivGrotesk-Regular;
        font-size: 24px;
        letter-spacing: 0;
        line-height: 32px;
    }

    .item-collection-simple .btn-white-rounded {
        width: 100%;
    }

    .pt-5 {
        padding-top: 2rem !important;
    }

    .py-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .content-btns-video-movil .btn {
        display: inline-block;
        margin-right: 0px !important;
    }

    .no-movil-768 {
        display: none;
    }

    .item-solution .h-50 {
        height: auto !important;
    }

    .text-center-movil {
        text-align: center !important;
    }

    #cta-footer .btn-white-transparent-rounded {
        color: #191731;
        font-family: AktivGrotesk-Regular;
        border: 1px solid #fff;
        font-size: 16px;
        letter-spacing: 0.4px;
        line-height: 16px;
        text-align: center;
        background-color: #fff;
        padding: 16px 30px 16px 30px;
        border-radius: 10px;
        margin-top: 30px !important;
        margin-right: 0px !important;
    }

    .space-movil-footer {
        padding-bottom: 40px;
    }

    .h2-blue-32 {
        color: #191731;
        font-family: AktivGrotesk-Medium;
        font-size: 28px;
        letter-spacing: 0;
        line-height: 32px;
    }

    .p-movil-section-collection .pe-5 {
        padding-right: 0rem !important;
    }

    .p-movil-section-collection .ps-5 {
        padding-left: 0rem !important;
    }

    #myBtn {
        display: none !important;
    }

    .item-product.d-flex {
        display: inline-block !important;
        width: 100%;
    }

    .item-product .card-img-top {
        max-height: max-content !important;
    }

    .item-filter {
        margin-bottom: 20px;
        width: 100%;
    }
}