.loader-wrapper{
    position: fixed;
    z-index: 99999999;
    background: #fff;
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex
;
    justify-content: center;
}

/* el eyes */
/* .loader {
  position: relative;
  width: 108px;
  display: flex;
  justify-content: space-between;
}
.loader::after , .loader::before  {
  content: '';
  display: inline-block;
  width: 48px;
  height: 48px;
  background-color: #FFF;
  background-image:  radial-gradient(circle 14px, #0d161b 100%, transparent 0);
  background-repeat: no-repeat;
  border-radius: 50%;
  animation: eyeMove 5s infinite , blink 5s infinite;
}
@keyframes eyeMove {
  0%  , 10% {     background-position: 0px 0px}
  13%  , 40% {     background-position: -15px 0px}
  43%  , 70% {     background-position: 15px 0px}
  73%  , 90% {     background-position: 0px 15px}
  93%  , 100% {     background-position: 0px 0px}
}
@keyframes blink {
  0%  , 10% , 12% , 20%, 22%, 40%, 42% , 60%, 62%,  70%, 72% , 90%, 92%, 98% , 100%
  { height: 48px}
  11% , 21% ,41% , 61% , 71% , 91% , 99%
  { height: 18px}
} */

/* ------------------ el square ----------------- */
/* .loader {
  width: 8px;
  height: 8px;
  position: relative;
  border-radius: 50%;
  background: #fff;
  animation: wave 1s ease-in infinite;
}

@keyframes wave {
 0% {  box-shadow:
  0 0 0 0px rgba(255, 255,255, 1),
  0 0 0 20px rgba(255, 255,255, 0.2),
  0 0 0 40px rgba(255, 255,255, 0.6),
  0 0 0 60px rgba(255, 255,255, 0.4),
  0 0 0 80px rgba(255, 255,255, 0.2)
  }
  100% {  box-shadow:
    0 0 0 80px rgba(255, 255,255, 0),
    0 0 0 60px rgba(255, 255,255, 0.2),
    0 0 0 40px rgba(255, 255,255, 0.4),
    0 0 0 20px rgba(255, 255,255, 0.6),
    0 0 0 0px rgba(255, 255,255, 1)
  }
} */
.loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  border-top: 6px solid #bc8061;
  border-right: 6px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 





.center-cropped {
    object-fit: none !important; /* Do not scale the image */
    object-position: center; /* Center the image within the element */
    height: 350px !important;
    /* width: 100px !important; */
  }

.image-carusel{
    height: 70vh;
    background-position: center;
    background-size: cover;
}
.image-son{
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.image-text{
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    color: white;
    padding: 8% 15%;
}
.myCaruHeader{
    text-align: center;
}
@media only screen and (max-width: 600px) {
    .image-carusel{
        height: 40vh;
    }
  }
  @media only screen and (min-width: 600px) {
    .myCaruHeader{
        font-size: 42px
    }
  }