.elementor-11758 .elementor-element.elementor-element-0660205{--display:flex;--min-height:100vh;--justify-content:center;--margin-top:-155px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-11758 .elementor-element.elementor-element-0660205:not(.elementor-motion-effects-element-type-background), .elementor-11758 .elementor-element.elementor-element-0660205 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev3.invictvsclub.com/wp-content/uploads/2026/03/Upscaled-Image-1.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11758 .elementor-element.elementor-element-42d670c .elementor-heading-title{font-family:"Beautisite Slick", Sans-serif;font-size:4rem;font-weight:200;letter-spacing:0.12rem;color:#FFFFFF;}.elementor-11758 .elementor-element.elementor-element-42d670c{margin:15% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-11758 .elementor-element.elementor-element-42d670c.elementor-element{--align-self:center;}.elementor-11758 .elementor-element.elementor-element-192d047{--display:flex;--overlay-opacity:1;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-11758 .elementor-element.elementor-element-192d047:not(.elementor-motion-effects-element-type-background), .elementor-11758 .elementor-element.elementor-element-192d047 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1817;}.elementor-11758 .elementor-element.elementor-element-192d047::before, .elementor-11758 .elementor-element.elementor-element-192d047 > .elementor-background-video-container::before, .elementor-11758 .elementor-element.elementor-element-192d047 > .e-con-inner > .elementor-background-video-container::before, .elementor-11758 .elementor-element.elementor-element-192d047 > .elementor-background-slideshow::before, .elementor-11758 .elementor-element.elementor-element-192d047 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11758 .elementor-element.elementor-element-192d047 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:transparent;background-image:linear-gradient(180deg, #1A181700 86%, #131210 93%);}.elementor-11758 .elementor-element.elementor-element-6044f5c{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:767px){.elementor-11758 .elementor-element.elementor-element-0660205{--margin-top:-160px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11758 .elementor-element.elementor-element-42d670c{text-align:center;}.elementor-11758 .elementor-element.elementor-element-42d670c .elementor-heading-title{font-size:1.7rem;}.elementor-11758 .elementor-element.elementor-element-6044f5c{padding:10px 10px 10px 10px;}}@media(min-width:1025px){.elementor-11758 .elementor-element.elementor-element-0660205:not(.elementor-motion-effects-element-type-background), .elementor-11758 .elementor-element.elementor-element-0660205 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-6044f5c */.my-slider {
  margin: 0 auto;
  font-family: "Beautisite Slick", sans-serif;
}

.slider-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.city {
  font-size: 2rem;
  color:white;
}

.controls {
  display: flex;
  align-items: center;
  gap: 12px;
  color: white;
  font-family: "Beautisite Classic";
}

.controls button {
  background: none;
  border: none;
  cursor: pointer;
  color: #fff;
}

.slide-counter {
  font-size: 18px;
}

.slider-images {
  position: relative;
  overflow: hidden;
  height: 650px;
}

.slider-images img {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: all 0.5s ease;
}

.slider-images img.active {
  left: 0;
  opacity: 1;
}
.slider-images img {
  position: absolute;
  top: -30%;
  left: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: all 0.5s ease;
  will-change: transform; /* importante para performance */
}/* End custom CSS */