:root {
  --fontPrimary: Poppins, sans-serif;
  --fontSecondary: "Inter", sans-serif;
  --dark-bg-color: #151719;
  --colorWhite: #fff;
  --colorPrimary: #150d64;
  --colorSecondary: #111928;
  --colorFooter: #393939;
  --colorYellow: #eccc1a;
}
@font-face {
    font-family: RelaxiaFont;
    src: url('/dam/relaxia-hotels/fonts/Holiday.otf')
}
* {
  margin: 0;
  padding: 0;
}

html {
  box-sizing: border-box;
  scroll-padding-top:100px;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
main{
    overflow-x:hidden;
}
body {
  font-family: var(--fontPrimary) !important;
  font-style: normal;
  font-size: 16px;
  font-weight:300;
  line-height: 1.5em;
}
b,strong{
    font-weight:600;
}
ul{
    list-style:none;
    padding-left:0;
}
main .htt-text-image a{
    color:#6b6a6a;
}
/*Estilos genéricos*/
.center {
  text-align: center !important;
}
.left {
  text-align: left !important;
}
.pL30 {
  padding-left: 30px;
}
.right {
  text-align: right !important;
}
.fontPrimary {
  font-family: var(--fontPrimary) !important;
}
.fontSecondary {
  font-family: var(--fontSecondary) !important;
}
.colorPrimary {
  color: var(--colorPrimary) !important;
}
.colorSecondary {
  color: var(--colorSecondary) !important;
}
.yellow {
    color: var(--colorYellow) !important;
    font-weight: 400;
}
.bgPrimary{
    background:var(--colorPrimary);
}
.white,
.white strong,
.white span {
  color: var(--colorWhite) !important;
}
.none {
  display: none !important;
}
.fa-xs {
  font-size: 0.75em; /* Equivalente a 12px, dependiendo del tamaño de fuente base */
}
.fa-2xs {
  font-size: 10px;
}
.op8 {
  opacity: 0.8;
}
.white-img {
  filter: brightness(0.95);
  width: 100%;
  height: 100%;
}
.pad15 {
  padding: 15px !important;
}
.m0Auto {
  margin: 0 auto !important;
}
.mTop20 {
  margin-top: 20px !important;
}
.mTop40 {
  margin-top: 40px !important;
}
.mTop60 {
  margin-top: 60px !important;
}
.mTop120 {
  margin-top: 120px !important;
}
.mBT20 {
  margin-bottom: 20px !important;
}
.mTop200 {
  margin-top: 200px !important;
}
.mL5 {
  margin-left: 5px !important;
  display: flex;
  align-items: start;
  gap: 2px;
}
.gap30 {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.gap8 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-right: 2%;
  padding-left: 2%;
}
.mBT30 {
  margin-bottom: 30px !important;
}
.mBT40 {
  margin-bottom: 40px !important;
}
.mBT60 {
  margin-bottom: 60px !important;
}
.mBT120 {
  margin-bottom: 120px !important;
}
.padd0 .row>div{
    padding-left:0;
    padding-right:0;
}
.paddTop20 {
  padding-top: 20px !important;
}
.paddBT20 {
  padding-bottom: 20px !important;
}
.paddTop40 {
  padding-top: 40px !important;
}
.paddBT40 {
  padding-bottom: 40px !important;
}
.paddTop60 {
  padding-top: 60px !important;
}
.paddBT60 {
  padding-bottom: 60px !important;
}
.paddTop120 {
  padding-top: 120px !important;
}
.paddBT120 {
  padding-bottom: 120px !important;
}
.w55 {
  width: 55% !important;
}
.w60 {
  width: 72% !important;
}
.w70 {
  width: 65% !important;
}
.w80 {
  width: 80% !important;
}
.w90 {
  width: 90% !important;
}
.w100 {
  width: 100% !important;
}
.img-responsive{
    width:100%;
    max-width:100% !important;
    object-fit:cover;
}
.image img{
    object-fit:cover;
}
.hAuto{
    height:auto;
}
.bgGray {
  background: rgba(217, 217, 217, 0.26);
}
.opacity-filter {
  opacity: 0.8;
}
.titular-error404 {
  font-size: 200px;
}
.list-error a{
    color:var(--colorPrimary) !important;
    font-weight:600;
}
.htt-text-image ul.list-generic {
  background: none;
  padding-left: 0;
  padding-right: 0;
}
.htt-text-image ul.list-generic li {
  background: none;
  border-bottom: none;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
}
.close {
  color: #ffffff !important;
}
.uppercase {
  text-transform: uppercase;
  letter-spacing: 1.4px;
}

.h1-title {
  font-size: 50px;
  font-weight: 700;
  line-height: 1;
  color: var(--colorPrimary);
}
.text-section p.h1-title {
  font-size: 50px;
  font-weight: 700;
  line-height: 1;
  color: var(--colorPrimary);
}
.flex-column-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flex-center .row{
    align-items:center;
}
.flex-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.flex-row-2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.flex-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flex-column-custom-font {
  flex-direction: column;
}
.flex-space {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .logo-menu-desktop{
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 255, 0) 100%
  );
}
.logoHeader a{
    display:block;
}
header:has(.menuHeader-mobile){
    background:var(--colorPrimary);
    padding:6px 0;
}
.menuHeader-mobile>.container-fluid>.row{
    align-items:center;
}
.menuHeader-mobile>.container-fluid>.row>div{
    padding:0;
}
.menuHeader-mobile .accesos-header>.row>div{
    border-right:none;
    padding:0;
}
.menuHeader-mobile .accesos-header>.row{
    flex-wrap:nowrap;
    gap:10px;
}
.editMode .menuHeader-mobile .accesos-header>.row{
    flex-wrap:wrap;
}
.menuHeader-mobile .personLogin-content button,
.menuHeader-mobile .mybooking-content button{
    padding-left:0 !important;
}
.navbar-toggler{
    border:none;
    filter:brightness(0) invert(1);
    padding-left:0;
}
.menuHeader-mobile .offcanvas{
    background:#f3f3f3;
}
.menuHeader-mobile nav.menuCustom>ul li a,
.menuHeader-mobile nav.menuCustom>ul li button,
.header .menuHeader-mobile .btn,
.menuHeader-mobile ul.drop-menu .destino{
    color:var(--colorPrimary) !important;
    font-weight:400;
}
.menuHeader-mobile .menuCustom{
    margin-top:60px;
}
.menuHeader-mobile .menuCustom ul{
    flex-direction:column;
}
.menuHeader-mobile .menuCustom li{
    text-align:left;
}
.menuHeader-mobile ul.drop-menu{
    position:relative;
    width:100%;
    padding-left:14px;
}
.menuHeader-mobile ul.drop-menu li{
    background:transparent;
    text-align:left;
    padding:0 !important;
}
.menuHeader-mobile nav.menuCustom > ul > li{
    border-bottom:1px solid #ddd;
}
.menuHeader-mobile .group-languages-texts{
    float:right;
    z-index:1;
}
.menuHeader-mobile .logo-mobile{
    width:auto;
    max-height:36px;
}
.menuHeader-mobile .open-selector-language{
    background:#ddd !important;
}
main .htt-text-image {
  overflow: visible;
}
#breadcrumb {
    padding:10px 0;
}
#breadcrumb a{
    color:var(--colorPrimary);
}

body p,
body .htt-text-image p,
main .htt-text-image {
  font-size: 17px;
  font-family: var(--fontPrimary);
  line-height: 1.4em;
  padding: 0;
}
.htt-text-image p strong {
  color: var(--black);
}
.htt-text-image h3,
h3 {
  font-size: 40px;
  font-weight: 500;
  padding: 0;
}
body p.titleIntro {
  font-size: 40px;
  line-height:1.2em;
  font-weight: 700;
  text-wrap: balance;
  font-family: var(--colorPrimary);
}
.htt-text-image h2.colorWhite {
  color: var(--colorWhite) !important;
  font-size: 60px;
  font-style: normal;
  font-weight: 700;
  line-height: 60px;
  padding-left: 0;
}
.htt-text-image p.colorWhite {
  color: var(--colorWhite) !important;
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
}

a {
  text-decoration: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--fontPrimary) !important;
  font-style: normal !important;
  position: relative;
}
h1 {
  display: block;
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  line-height:1em;
  font-weight: 700;
  color:var(--colorPrimary);
}
h1 span {
  font-weight: 300;
}
.htt-text-image h2, body p.title-h2, body .htt-text-image p.title-h2{
  position: relative; 
  font-size: clamp(2.2rem, 4vw, 3rem); 
  font-weight: 600 !important;
  color: var(--colorPrimary); 
  margin: 0;
  background: transparent;
  padding: 0;
  line-height:1.1em;
}

h2::before,
h1:before {
  content: attr(data-text);
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0; /* Asegura que el texto duplicado esté detrás */
  font-size: 90px; /* Tamaño más grande del texto duplicado */
  color: var(--colorPrimary); /* Utiliza la variable para el color */
  opacity: 0.05; /* Menor opacidad */
  transform: translate(-50%, 0px); /* Ajuste del desplazamiento */
  text-wrap: nowrap;
}
h2::before{
    font-size:1.3em;
}
.htt-text-image h3 {
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 600 !important;
  color: var(--colorPrimary);
  padding-bottom: 10px;
  margin: 0;
}
.text-experience h2 {
  font-size: 28px !important;
  font-weight: 500 !important;
  color: var(--colorPrimary) !important;
  padding-bottom: 10px !important;
  margin: 0 !important;
  text-wrap:balance;
}
.backgroundImg .container-fluid {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom;
}
.backgroundGrey {
  background-color: rgba(217, 217, 217, 0.26);
}
.backgroundBlue {
  background-color: var(--colorPrimary);
}
/*Header*/
header{
    z-index:3;
}
header:has(.menuHeader-mobile){
    z-index:3;
}
.editMode .httHeaderAbsolute{
    position:relative;
}
.header, .header .btn{
    color:var(--colorWhite);
}
.topBar {
  background: var(--colorPrimary);
}
.topBar .w-100{
    display:none;
}
.topBar > .container-fluid> .row {
  display: flex;
}
.topBar > .row > div {
  padding-left:0;
  padding-right:0;
}
.accesos-header>.row {
  float: left;
  padding: 8px 0 8px 50px;
}
.accesos-header>.row>div {
  flex: 0 0 auto;
  width: auto;
  border-right: 1px solid #fff;
}
.accesos-header>.row>div:last-child {
  border-right: none;
}
.personLogin-content img, .mybooking-content img{
    filter:none !important;
}
header .btn-secondary.open-selector-language{
  background: transparent;
  border: none;
  margin-top: 0;
}
.bookHeader {
  float: right;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 50px;
  background: var(--colorYellow);
  width:max-content;
}
.bookHeader a {
  font-weight: 500;
  font-size: 18px;
  color: var(--colorPrimary);
}
.bookHeader a img {
  margin-right: 5px;
  vertical-align: -2px;
}
/** Menu custom header **/
nav.menuCustom {
  background: none;
  position: relative;
  min-height: 45px;
  height: 100%;
  float: none;
}
nav.menuCustom>ul li a,nav.menuCustom>ul li button{
    text-decoration: none;
    color: var(--colorWhite);
    letter-spacing: .03em;
    display: block;
    padding: 0 14px !important;
    background:transparent;
    border:none;
}
nav.menuCustom ul {
    background: 0;
    display: flex;
    justify-content: end;
    list-style:none;
}
nav.menuCustom i{
    font-size:12px;
}
ul.drop-menu {
    position: absolute;
    top: 70%;
    left: 0px;
    width: max-content;
    padding: 0px;
}
ul.drop-menu.menu-1 {
    display: flex;
    flex-direction: column;
    margin-top: 12px;
}
ul.drop-menu li {
    background: var(--colorPrimary);
    border-bottom: 1px solid rgba(231, 231, 231, 0.19);
    padding:6px 12px;
}
nav.menuCustom > ul > li {
    list-style: none;
    display: inline-block;
    color: rgb(156, 163, 169);
    transition: 0.5s;
    line-height: 40px;
    border-radius: 5px;
    background: 0px center;
    border-bottom: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    position: relative;
}
ul.drop-menu .destino {
    color: var(--colorYellow);
    padding: 10px;
}
ul.drop-menu li a i.fa.fa-star {
    color: var(--colorYellow);
    transition: 1s;
    font-size: 10px !important;
}
/*End header*/
/*Stage*/
.stage{
    position:relative;
}
.gridMotor {
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: -20px;
  width: 100%;
  left: 0;
}
.editMode .gridMotor{
    position:relative;
}
#buttonShowSearcherScroll, #buttonShowSearcherMobile{
    background-color:var(--colorPrimary) !important;
    border:1px solid rgba(255,255,255,.3);
}
.container-hero{
    height:80vh;
}
.container-hero video {
  width: 100%; 
  height: 100% !important; 
  object-fit: cover !important; 
  filter: brightness(0.8);
}
.container-hero,
.container-hero img {
  position: relative;
  display: block;
}
.container-hero .containerTxtSlide {
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height:100%;
  z-index: 1;
  display:flex;
  justify-content:center;
  align-items:center;
  background:transparent linear-gradient(90deg,rgba(0,0,0,0.2) 0,rgba(0,0,0,0.4) 30%,rgba(0,0,0,0.3) 60%,rgba(0,0,0,0.5) 100%);
}
.container-hero img.img-responsive {
  object-fit: cover;
}
.container-hero img.img-responsive {
  height: 100%;
}
body p.titleHero {
  font-size: 54px;
  font-weight: 700;
  text-wrap: balance;
  line-height: 1.2;
}
body p.subTitleHero {
  font-size: 22px;
}
body p.titleHero .fa-star {
  color: var(--colorYellow);
  font-size: 24px;
  vertical-align: super;
  margin-right: 4px;
}
/** CARDS PERSONALIZADAS EXPERIENCIAS RELAXIA **/
.wrapperExperience {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; 
  align-items: center; 
  transition: all 0.5s ease;
  z-index: 1; 
}

.imgExperience:hover .wrapperExperience {
  justify-content: flex-start; 
  align-items: flex-start; 
  animation: fadeIn 0.7s ease-in-out forwards;
}
.imgExperience:hover h3,
.imgExperience:hover p {
  text-align: left; 
}
.imgExperience:hover::after {
  background-color: none !important;
}

.imgExperience::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
  animation: fadeIn 0.4s ease-in-out forwards;
}

/** CARDS PERSONALIZADAS HOTELES **/
/*Card hoteles*/
.imgHotel > a{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.imgHotel > a > img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
.imgHotel > img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
.wrapperHotel {
  position: absolute;
  inset:0;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-shrink: 0;
  transition: all 0.5s ease;
  top: 0;
  left: 0;
  padding: 32px;
  pointer-events: none;
}
.imgHotel:hover .wrapperHotel {
  background-color: transparent;
}
.imgHotel:hover .price_from_container a {
  color: var(--colorWhite) !important;
  pointer-events: auto;
}
.price_from_container a.price_from {
    font-size: 21px !important;
    font-weight: 700;
}
.price_from_container a {
    color: var(--colorPrimary) !important;
}
.imgHotel:hover .containerHotelText {
  display: none;
}
.imgHotel:hover .strip {
  background-color: var(--colorWhite);
}
.strip {
  z-index: 1;
}
.arrowHotel {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}

.containerHotelText {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}
.imgHotel {
  min-height: 350px;
  padding: 32px;
  transition: background 0.3s ease;
  position: relative;
  cursor: pointer;
}

.imgHotel h3 {
  color: var(--colorPrimary);
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
  transition: all 0.3s ease;
  padding: 0 !important;
}
.imgHotel h4 {
  color: var(--colorPrimary);
  text-align: left;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  transition: all 0.3s ease;
  padding: 0 !important;
}

body .text-section p.stars {
  font-size: 6px;
  font-family: var(--fontPrimary);
  line-height: 1.5em;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0;
}

/* Barrita azul o blanca parte superior */
.strip {
  width: 75px;
  height: 9px;
  background-color: var(--colorPrimary);
  position: absolute;
  left: 35px;
  top: 0px;
}

.text-experience {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content:center;
  align-self: stretch;
  transition: all 0.5s ease;
}

.imgExperience {
  width: 100%;
  height: 200px;
  min-height:220px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  transition: 0.5s all;
  position: relative;
}

.imgExperience h3 {
  color: #fff;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: normal;
  transition: all 0.3s ease; /* Transición suave */
  padding: 0 !important;
}

.imgExperience .hidden-paragraph,
.imgExperience .more-info {
  color: var(--colorWhite) !important;
  z-index: 2;
}

.imgExperience .hotel-paragraph {
  font-size: 18px;
  font-weight: 300;
  padding: 0 !important;
}
.imgExperience:hover .hidden-paragraph {
  display: flex;
  justify-content: center;
}
.imgExperience:hover,
.imgExperience:focus-within{
  box-shadow: inset 0 0 0 1000px rgba(21, 13, 100, 1); /* Sombra interna que cubre todo el div */
}
.hidden-paragraph {
  display: none;
}

.imgExperience:hover h3 {
  order: 2;
  text-transform: none;
  font-size: 24px;
  font-weight: 600;
}

.noneExperience {
  opacity:0;
}

.imgExperience:hover .more-info.noneExperience,
.imgExperience:focus-within .more-info.noneExperience{
  opacity: 1;
  visibility: visible;
  display: flex;
  align-items: center;
  align-self: flex-end;
  animation: fadeIn 0.7s ease-in-out forwards;
}

.imgExperience:hover .text-experience {
  align-items: flex-start;
  justify-content: flex-start !important;
}

.imgExperience:hover .strip {
  background-color: var(--colorWhite);
}

/* Estilo para el link de Ver mas */
.imgExperience a {
  color: var(--colorWhite) !important;
  text-decoration: none;
}

.imgExperience a:hover,
.imgExperience a:active,
.imgExperience a:focus,
.imgExperience a:visited {
  text-decoration: none;
  color: var(--colorWhite) !important;
}
/* DESTINOS HOME*/
.customFont {
    font-family: RelaxiaFont;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    z-index: 2;
    background:rgba(0,0,0,.002);
}
.position-relative .overlay, .imgOffer .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #150d64;
    opacity: .2;
    z-index: 1;
}
.destinos img.img-responsive{
    min-height:450px;
}
/* BOTONES */

main .htt-text-image a.btnBook {
  color: #fff;
}
/*
.btn-bottom-offer{
    background-color: var(--colorYellow);
    color: var(--colorPrimary)!important;
    padding: 10px 10px;
    display: flex;
    justify-content: center;

}*/

.btn-bottom-offer a {
  background-color: var(--colorYellow);
  color: var(--colorPrimary) !important;
  padding: 10px 10px;
  display: flex;
  justify-content: center;
}
.btn-bottom-offer :hover {
  background-color: var(--colorPrimary);
  color: var(--colorYellow) !important;
  padding: 10px 10px;
  display: flex;
  justify-content: center;
}
.read-more-btn {
  background-color: transparent; 
  color: var(--colorPrimary) !important;
  padding-right: 10px;
  border: none; 
  font-size: 16px;
  font-weight: 600 !important;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  transition: color 0.3s;
}
.flex-read-more a:visited {
  text-decoration: underline;
  color: var(--colorPrimary) !important;
}

main  .white-btn {
  color: var(--colorPrimary);
  background-color: var(--colorWhite);
  transition: background-color 0.3s ease-in, color 0.3s ease-in,
    text-shadow 0.3s ease-in;

  display: flex;
  width: 246px;
  padding: 13px 28px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
main  .white-btn:hover {
  background-color: var(--colorPrimary);
  color: var(--colorWhite) !important;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}

.arrow {
  display: inline-block;
  transition: transform 0.3s;
  color: var(--colorPrimary);
}
.fa fa-chevron-right {
  margin-right: 20px;
}
.arrow-white {
  display: inline-block;
  margin-left: 5px;
  transition: transform 0.3s;
  fill: var(--colorWhite) !important;
}

@keyframes moveArrow {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(4px);
  }
  100% {
    transform: translateX(0);
  }
}
.imgExperience:hover .arrow-white {
  animation: moveArrow 1.2s infinite;
}
.read-more-btn:hover .arrow {
  animation: moveArrow 1.2s infinite; /* 0.6 segundos para completar el ciclo y repetir infinitamente */
}
.flex-read-more {
  display: flex;
  align-items: center;
  gap: 4px;
}

.category-destinos {
  color: #666;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 20px !important; /* 166.667% */
  letter-spacing: 0.48px !important;
}

.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}

.containerHashtag {
  width: 100%; /* Asegura que ocupe todo el ancho del contenedor */
  margin: auto; /* Centrar la caja en la pantalla */
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  overflow: hidden; /* Evitar desbordamientos si el texto es muy largo */
}

.containerHashtag span {
  color: var(--colorPrimary);
  opacity: 0.05; /* Menor opacidad */
  font-family: Poppins;
  margin: 0;
  line-height: 1.1;
}

.textHashtag {
  font-size: 8vw; /* Ajuste dinámico del tamaño de la fuente */
}

.hashtagSmall {
  font-size: 3vw !important;
  font-weight: 700;
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.container-welcome {
  display: flex;
  flex-direction: row;
}
.text-section .container-welcome h2.leftTitle {
  text-align: left;
}
.column {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin: 30px;
  box-sizing: border-box;
  min-height: 400px;
}

.position-relative {
  position: relative;
}

.image-top-left {
  max-width: 70% !important; 
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

.image-bottom-right {
  max-width: 70% !important; 
  height: auto;
  position: absolute;
  bottom: 0;
  right: 0;
}
.image-top-left,.image-bottom-right {
      height:55%;
}
.overlay-welcome {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .2;
}
.column-2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center; 
  align-items: center; 
  margin: 30px;
  box-sizing: border-box;
  min-height: 400px; 
}
/* START - VENTAJAS WEB EN MOTOR */
.gridMotor .accordion {
    background-color: var(--colorPrimary);
    overflow: hidden;
    letter-spacing: 1.2px;
}
.gridMotor .tab {
  position: relative;
}

.gridMotor .tab input {
   position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
}

.tab__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
}
.tab input:checked ~ .tab__content {
  max-height: 5rem;
  margin: 10px 0;
}

.tab__content ul {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  text-align: center;
  opacity: 0;
}

.tab__content ul li {
  width: 16.6%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.tab__content ul li img {
  width: 100%;
}
.tab__content ul li p {
  width: 100%;
  color: white;
  text-align: center !important;
}
.tab input:checked ~ .tab__content {
  max-height: 10rem;
}
.tab input:checked ~ .tab__content ul {
  animation: fadeIn 0.8s ease-in-out forwards; /* Aplica el fadeIn solo cuando está checked */
}
.tab input:checked ~ .tab__content ul {
  opacity: 1; /* La opacidad se vuelve 1 al hacer checked */
}
.ventajas p.title-ventajas{
    padding:0 4%;
    text-wrap:balance;
}
.ventajas .swiper-button-next,.ventajas .swiper-button-prev{
    background:transparent !important;
}
.ventajas .swiper-slide>div{
    padding:0 5%;
}
/* Visual styles */
.tab .accordion {
  background-color: var(--colorPrimary);
  overflow: hidden;
  letter-spacing: 1.2px;
}

.tab__label,
.tab__close {
  display: flex;
  color: white;
  background: var(--theme);
  cursor: pointer;
}
.tab__label {
  justify-content: space-between;
  padding: 1rem;
  padding-top: 0.5rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  align-items: center;
  font-size: 16px !important;
  font-family:var(--fontsecondary);
}

.tab__label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transform: rotate(90deg);
  transition: all 0.35s;
}
.tab input:checked + .tab__label::after {
  transform: rotate(270deg);
}
.tab__content p {
  margin: 0;
  padding: 1rem;
  font-size: 16px;
font-family:var(--fontsecondary);
}
.tab__close {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}
.accordion--radio {
  --theme: var(--secondary);
}

/* Arrow animation */
.tab input:not(:checked) + .tab__label:hover::after {
  animation: bounce 0.5s infinite;
}
@keyframes bounce {
  25% {
    transform: rotate(90deg) translate(0.25rem);
  }
  75% {
    transform: rotate(90deg) translate(-0.25rem);
  }
}
/* END - VENTAJAS WEB EN MOTOR */
.custom-font-big {
  font-size: 48px;
  transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
}
.custom-font-small {
  font-size: 24px;
  transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  padding-left: 70px;
}
/* START - ICONOS CONTACTO */
.container-contacto {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 250px;
  background-color: rgba(217, 217, 217, 0.26);
  overflow: hidden;
  padding: 20px;
  margin-bottom: 20px;
}
.svg-contacto {
  bottom: -30px;
  left: -30px;
  color: var(--colorPrimary);
  opacity: 0.05;
  height: 90%;
}
.background-img-white::before {
  content: ""; /* Pseudoelemento no necesita texto, solo el overlay */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(
    255,
    255,
    255,
    0.8
  ); /* Fondo blanco con 70% de opacidad */
  pointer-events: none;
}
/*.background-img-blue::before {
  content: ""; 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(21, 13, 100, 0.3);
  pointer-events: none;
}*/
.background-img-blue>.container-fluid{
    background:rgba(21,13,100,0.3) ;
}
.sp-element-container {
  font-family: var(--fontPrimary) !important;
}
.color-excellence {
  color: #004870 !important;
}
.color-p-excellence {
  color: #000000 !important;
}
/*container logo-marcas home*/
.logos-marcas {
  display: flex;
  gap: 1rem;
}

.logos-marcas img {
  width: 377px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.logos-marcas img:hover {
  transform: scale(1.1);
}

.relaxia-one,
.relaxia-two,
.relaxia-three {
  display: none;
}

.relaxia-one.active,
.relaxia-two.active,
.relaxia-three.active {
  display: block;
}
/* logo sostenibilidad */

.flexlogos {
  display: flex;
}
.logo-medioambiental {
  position: relative;
  right: 114px;
  top: 1px;
}
/*Swipers miniaturas hotel*/
.container-image-thumb-chevron {
  position: absolute;
  bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%; /* Asegura que ocupe todo el ancho */
  padding: 0 20px; /* Espaciado horizontal */
}

.swiper.image-thumb {
  position: static !important; /* O static si prefieres eliminar el posicionamiento absoluto */
  width: 90%;
  margin: 0 auto; /* Centrado automático */
  bottom: auto !important; /* Elimina el bottom definido previamente */
  left: auto !important; /* Elimina el left */
}

.swipersMin .swiper-prev,
.swipersMin .swiper-next {
  font-size: 21px;
  color: #fff;
  cursor: pointer;
  z-index: 10;
}

.swipersMin .swiper-prev,
.swipersMin .swiper-next {
  position: static !important; /* Elimina el absoluto */
  font-size: 24px;
  color: #fff;
  cursor: pointer;
}
/*End swiper miniaturas*/
.textRoom hr {
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  height: 1px;
}
.textRoom .flex-row {
  width: 100%;
}
.textRoom .flex-row > div {
  flex: 1;
}
.btnBook, form .button-wrapper input[type=submit] {
  background: var(--colorPrimary);
  padding: 10px 40px;
  color: #fff;
  transition: 0.3s all;
  border:none;
  text-align:center;
  border:none;
  cursor:pointer;
}

.btnBook:hover {
  opacity: 0.8;
}
.buttons{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.textRoom {
  height: 100%;
  background: #f5f5f5;
  padding: 30px;
}
.swiper-slide .twoColumns .textRoom{
    height:auto;
}
.gridRoom .htt-text-image,.gridRoom .imgRoom{
    height:100%;
}
.gridRoom img.img-responsive{
    min-height:45vh !important;
    height:100%;
}
.gridRoom.gridExperience img.img-responsive{
    height:auto;
    min-height:auto;
}
.textFacilities {
  background: #f5f5f5;
  padding: 30px;
}
.icon-color {
  color: red;
}

.price_from_container a {
  color: var(--colorPrimary);
}
.price_from_container a.price_from {
  font-size: 21px !important;
  font-weight: 700;
}
/*Banner sostenibilidad*/
.banner-sostenibilidad{
    background:url(/dam/relaxia-hotels/home/sostenibilidad-relaxia-resorts.webp);
    background-size:cover;
    background-repeat:no-repeat;
}
.banner-sostenibilidad>.container-fluid{
    padding:5%;
}
/*Ofertas*/
.offer .imgOffer img.img-responsive {
  height: clamp(350px, 50vh, 450px);
  object-fit: cover;
}
.offer .imgOffer {
  position: relative;
  overflow:hidden;
}
.offer .btnBook {
  background: var(--colorYellow);
  color:var(--colorPrimary);
  padding: 15px 30px;
  position: absolute;
  bottom: 0;
  left:0;
  z-index: 3;
}
.offer .descuento {
  position: absolute;
  top: -40px;
  right: -40px;
  background: var(--colorPrimary);
  border-radius: 50%;
  width: 140px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-right: 10px;
  z-index: 2;
}
.offer .descuento p {
  font-size: 42px;
  font-weight: bold;
}
/*End ofertas*/
/*Swipers*/
.swiper-button-next,
.swiper-button-prev {
  width: 50px !important;
  height: 50px !important;
  background: var(--colorPrimary);
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 24px !important;
  color: #fff;
}
.swiper-button-next {
  right: 0;
}
.swiper-button-prev {
  left: 0;
}
.swiper-center .swiper-wrapper{
    justify-content:center;
}
.swiper:has(.swiper-pagination){
    padding-bottom:30px;
}
.swiper-pagination{
    position:relative;
    bottom:-10px !important;
}
.swiper-pagination-bullet {
  background: #d9d9d9;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background: var(--colorPrimary);
  width: 40px;
  border-radius: 20px;
}
/*START TABS LOGOS MARCAS*/
.worko-tabs .tabs .tab img {
  width: 70%;
  height: auto;
}
.worko-tabs .tabs .tab img:hover {
  transform: scale(1.1); /* Escala la imagen al 110% */
  transition: transform 0.3s ease; /* Hace la transición suave */
}
.worko-tabs .tabs #tab-three-label img {
  width: 55% !important;
  height: auto;
}
.worko-tabs {
  width: 100%;

  .state {
    position: absolute;
    left: -10000px;
  }

  .flex-tabs {
    display: flex;
    justify-content: center;
    align-items:center;
    flex-wrap: wrap;

    .tab {
      width: 33.33%; 
      max-width: calc(
        70% / 3
      ); 
      text-align: center; 
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .panel-tabs {
      padding: 20px;
      min-height: 300px;
      display: none;
      width: 100%;
      flex-basis: auto;
    }
  }

  .tab {
    display: inline-block;
    padding: 10px;
    vertical-align: top;
    cursor: hand;
    cursor: pointer;

    &:hover {
      /* Sin estilos de hover */
    }
  }
}

#tab-one:checked ~ .tabs #tab-one-label,
#tab-two:checked ~ .tabs #tab-two-label,
#tab-three:checked ~ .tabs #tab-three-label,
#tab-four:checked ~ .tabs #tab-four-label {
  cursor: default;
}

#tab-one:checked ~ .tabs #tab-one-panel,
#tab-two:checked ~ .tabs #tab-two-panel,
#tab-three:checked ~ .tabs #tab-three-panel,
#tab-four:checked ~ .tabs #tab-four-panel {
  display: block;
  background-image: linear-gradient(
      rgba(255, 255, 255, 0.5),
      rgba(255, 255, 255, 0.7)
    ),
    /* Capa semitransparente blanca */
      url("/dam/relaxia-hotels/home/relaxia-execellence.webp");
  background-size: cover;
  background-position: center;
}
/*Button scroll*/
.httButtonScrollToTop{
    border: 4px solid var(--colorPrimary) !important;
    background: white;
    opacity: 1;
    width:50px;
    height:50px;
    color:var(--colorPrimary);
    display:flex;
    justify-content:center;
    align-items:center;
}
/*Footer*/
footer{
    background:var(--colorPrimary);
}
footer p, footer ul, footer a{
    color:var(--colorWhite);   
}
footer .social-icons{
    display:flex;
    gap:10px;
}
footer .social-icons i{
    font-size:26px;
}
footer .wrapper-logos{
    display:flex;
    align-items:flex-end;
}
footer .wrapper-logos>div:first-child{
    width:60%;
}
footer .wrapper-logos>div:first-child img{
    width:100%;
    height:auto;
}
.legal-links{
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
}
.legal-links li{
    display:flex;
}
.legal-links li span{
    padding:0 .5rem;
}
/*Swiper hoteles a grid en desktop*/
@media (min-width: 1025px) {
  .swiper-hoteles .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    transform: none !important;
  }

  .swiper-hoteles .swiper-slide {
    width: auto !important;
    margin-right: 0 !important;
  }

  .swiper-hoteles .swiper-button-prev,
  .swiper-hoteles .swiper-button-next,
  .swiper-hoteles .swiper-pagination {
    display: none;
  }
}
/*Experiencias*/
.exp-container {
  width: 100%;
  max-height: 600px;
  min-height: 400px;
  height: 100%;
  transform-style: preserve-3d;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.exp-container input[type="radio"] {
    display: none;
}
.exp-cards {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
  min-height: 300px;
}
.exp-card {
  position: absolute;
  width: 60%;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
  transition: transform 0.4s ease;
  cursor: pointer;
}
.exp-cards img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  color: rgba(225, 62, 62, 0.352);
}
#exp-item-1:checked ~ .exp-cards #exp-img-3,
#exp-item-2:checked ~ .exp-cards #exp-img-1,
#exp-item-3:checked ~ .exp-cards #exp-img-2 {
  transform: translatex(-40%) scale(0.8);
  opacity: 0.4;
  z-index: 0;
}
#exp-item-1:checked ~ .exp-cards #exp-img-2,
#exp-item-2:checked ~ .exp-cards #exp-img-3,
#exp-item-3:checked ~ .exp-cards #exp-img-1 {
  transform: translatex(40%) scale(0.8);
  opacity: 0.4;
  z-index: 0;
}
#exp-item-1:checked ~ .exp-cards #exp-img-1,
#exp-item-2:checked ~ .exp-cards #exp-img-2,
#exp-item-3:checked ~ .exp-cards #exp-img-3 {
  transform: translatex(0) scale(1);
  opacity: 1;
  z-index: 1;

  img {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  }
}
.hithere {
  width: 50%;
  margin: auto;
}
.hithere:hover {
  animation: hithere 1s ease infinite;
}
@keyframes hithere {
  30% {
    transform: scale(1.2);
  }
  40%,
  60% {
    transform: rotate(-10deg) scale(1.2);
  }
  50% {
    transform: rotate(10deg) scale(1.2);
  }
  70% {
    transform: rotate(0deg) scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.wrap-balance {
  text-wrap: balance;
}
.logo-aqualava {
  z-index: 2;
  width: 20%;
  height:auto;
  top: -80px;
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
}
.boxshadow {
  box-shadow: 0 0 10px rgba(var(--colorPrimary), 0.3);
  border: 1px solid rgba(0, 115, 173, 0.3);
}
.logo-aqualava {
    z-index: 12;
    width: 20%;
    top: -80px;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.3));
}
/*Formularios*/
form .form-row{
    display:flex;
    flex-direction:column;
    margin-top:10px;
}
form .form-row input[type=text],form .form-row select, form .form-row textarea {
    width:100%;
    border-radius:0;
    background:rgba(0,0,0,0.05) !important;
    border:1px solid rgb(194, 194, 194);
    padding:6px;
}
form .button-wrapper input[type=submit]{
    width:100%;
}
form a{
    color:var(--colorPrimary);
}
fieldset>p{
    display:none;
}
/*Portal transparencia*/
.accordion-button{
    font-size:18px;
}
.accordion-button:not(.collapsed){
    background-color:var(--colorPrimary);
    color:var(--colorWhite);
    box-shadow:none;
}
.accordion-button:not(.collapsed)::after{
    filter:brightness(0) invert(1);
}
.accordion a{
    color:var(--colorPrimary) !important;
}
.accordion-button:focus{
    border:2px solid rgba(21,13,100,.2);
    box-shadow:none;
}
.accordion-item{
    border:none;
    border-radius:0;
    border-bottom:1px solid #dee2e6;
}
/*Sostenibilidad*/
.certificados img.img-responsive{
    height:350px;
    margin:0 auto;
    width:auto;
}
.list-cols i{
    color: var(--colorWhite);
    border-radius: 50%;
    background: var(--colorPrimary);
    padding: 4px;
}
.list-cols li{
    padding:8px 0;
}
.politica-sostenibilidad p{
    display:flex;
    gap:1rem;
}
.politica-sostenibilidad{
    border-bottom:1px solid rgba(0,0,0,.2);
    padding-bottom:40px;   
}
/*Protección de datos*/
.legal h1{
    font-weight:600;
}
/*Content navigation*/
.htt-content-navigation{
    background-color:var(--colorPrimary); 
    padding:0 1rem;
}
.nav-pills{
    display:flex;
    justify-content:center !important;
    gap:1rem;
    width:80%;
    margin:0 auto;
}
.nav-pills button.nav-link{
    background-color: transparent !important;
    color: #fff;
    font-family: var(--fontPrimary);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 1px;
    position: relative;
    text-transform: none;
    padding:1rem .5rem;
}
.nav-pills button.nav-link.active{
    font-weight:600;
}
.nav-pills button.nav-link.active:after{
    content: "";
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    bottom: 0;
    left: calc(50% - 4px);
}
.htt-content-navigation .dropdown button{
    background-color: transparent;
    border: none;
    font-size: 20px;
    padding: 10px;
}
.htt-content-navigation .dropdown-menu,
.htt-content-navigation .dropdown-menu button.dropdown-item{
    width:100%;
}
.htt-content-navigation .dropdown-menu button.dropdown-item.active{
    background:var(--colorPrimary);
}
.htt-content-navigation .dropdown-menu>div,
.htt-content-navigation .dropdown-menu li>div{
    width:100%;
}
@media (min-width: 768px) and (max-width: 1441px) {
  .wrapper-logos img {
    width: auto;
    height: 25px;
  }
  .logo-medioambiental img {
    height: 50px;
    width: auto;
  }
  .logo-medioambiental {
    position: relative;
    right: 2px;
  }
}
@media(min-width:1025px){
    .list-cols{
        column-count:2;
        gap:1rem;
    }
}
@media(max-width:1366px){
  .w70{
      width:80% !important;
  }
  .w80{
      width:90% !important;
  }
  .gridMotor {
    bottom: -20px;
    width: 100%;
    left: 0;
  }
  .nav-pills button.nav-link{
      padding:1rem .3rem;
      font-size:17px;
  }
  .container-hero{
    height:90vh;
    }
}
@media(max-width:1399px){
 .legal-links{
     justify-content:center;
 }   
 .footer p.right{
     text-align:center !important;
 }
}
@media (max-width: 1024px) {
  .w55, .w60, .w70{
      width:80% !important;
  }
  .w80,.w90{
      width:96% !important;
  }
  .container-hero{
    height:70vh;
   }
  .accesos-header>.row{
      padding:8px 0;
  }
  .logo-menu>.w80{
      width:100% !important;
  }
  nav.menuCustom ul{
      justify-content:center;
  }
  h2::before, h1:before{
      font-size:1.5em;
      text-wrap:balance;
  }
  .container-welcome {
    flex-direction: column-reverse;
    gap: 32px;
    margin-bottom: 20px;
   }
   #thisIs {
    display: block;
    position: absolute;
    bottom: 5%;
    left: 5%;
    color: white;
    z-index: 1;
    font-size: 32px;
    line-height: 32px;
    font-weight: 300;
  }
  .overlay-welcome {
    visibility: visible;
    z-index:1;
  }
  .image-top-left {
        display: none !important;
   }
  .image-bottom-right {
    height: 100% !important;
    object-fit: cover !important;
    max-width:100% !important;
   }
   .column {
    flex: 0 0 auto;
    margin: 0;
   }
   .containerHashtag{
       display:none;
   }
  .logos-marcas img {
    width: 25%;
    height: auto;
  }
  .destinos img.img-responsive{
      min-height:auto;
  }
  .worko-tabs .tabs .tab img{
      width:100% !important;
  }
  .flex-tabs .tab{
      max-width:100% !important;
      padding:3px !important;
  }
  .nav-pills{
    width: 100%;
    gap: .5rem;
  }
  .nav-pills button.nav-link{
      padding:8px .3rem;
      font-size:18px;
  }
  footer .wrapper-logos{
      justify-content:flex-start;
  }
  .wrapper-logos>div:last-child{
      width:20%;
      height:100%;
      align-self:flex-end;
  }
   .wrapper-logos>div:last-child img{
       height:100%;
       width:100%;
   }
}
@media(max-width:991px){
    .gridMotor{
      position:relative;
      bottom:0;
     }
    .swipersMin{
        margin-bottom:20px;
    }
    .footer{
        padding-bottom:100px;
    }   
    .politica-sostenibilidad p{
        flex-direction:column;
    }
    .gridMotor{
        z-index:3;
    }
}
@media(min-width:768px) and (max-width:991px){
    .gridMotor{
        padding:20px 0;
    }
}
@media (max-width: 767px) {
  .w55, .w60, .w70{
      width:96% !important;
  }
  .containerTxtSlide .w70{
      width:92% !important;
  }
  .h1-title {
    font-size: 30px !important;
  }
  body p.titleHero{
      font-size:3rem;
  }
  body p.subTitleHero {
    display: none;
  }
  .logos-marcas img {
    width: 50%;
    height: auto;
  }
  .logo-medioambiental {
    position: relative;
    right: 4px;
    top: 5px;
  }

  .logo-medioambiental img {
    width: auto;
    height: 80px;
  }
  .certificados img.img-responsive{
      max-width:300px !important;
      height:auto !important;
  }
  .flexlogos {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  .wrapper-logos img {
    height: 45px;
    width: auto;
  }
  .wrapper-social {
    justify-content: center;
    gap: 32px;
  }
  .legal-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .gridRoom img.img-responsive{
    max-height:45vh !important;
   }
   .image img {
       height:45vh !important;
   }
  .footer-text-center {
    text-align: left !important;
  }
}