.elementor-2471 .elementor-element.elementor-element-9610801{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2471 .elementor-element.elementor-element-9610801.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2471 .elementor-element.elementor-element-b30aa0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2471 .elementor-element.elementor-element-0c38f01{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2471 .elementor-element.elementor-element-777bcaf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-21px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2471 .elementor-element.elementor-element-2b7977a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-44px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2471 .elementor-element.elementor-element-ea9a043{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-23px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2471 .elementor-element.elementor-element-987a959{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-29px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(max-width:767px){.elementor-2471 .elementor-element.elementor-element-2b7977a{--margin-top:-63px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2471 .elementor-element.elementor-element-eaed0da > .elementor-widget-container{margin:-36px 0px 0px 0px;}}@media(min-width:768px){.elementor-2471 .elementor-element.elementor-element-9610801{--width:108.381%;}}/* Start custom CSS for container, class: .elementor-element-9610801 */.container,
.row {
  max-width: 100% ;
  padding: 0 ;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Oswald:wght@500;600&display=swap');

html, body{
  margin:0;
  padding:0;
  overflow-x:hidden;
}

/* FULL WIDTH */
.aux-reveal-outer{
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
}

/* HERO */
.aux-reveal{
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

/* SLIKE */
.aux-base,
.aux-overlay{
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
}

.aux-base{
  background-image: url("https://aux.ba/wp-content/uploads/2026/04/Untitled-design-2026-04-23T111410.348.jpg");
  z-index: 1;
}

.aux-overlay{
  background-image: url("https://aux.ba/wp-content/uploads/2026/04/Untitled-design-2026-04-23T111153.392.jpg");
  z-index: 2;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.08s linear;
}
/* LINIJA */
.aux-divider{
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  z-index: 4;
  background: #4da3ff;
  box-shadow: 0 0 15px rgba(77,163,255,0.8);
  transform: translateX(-2px);
  transition: left 0.08s linear;
}

/* TEKST BLOK */
.aux-content{
  position:absolute;
  bottom:20px;
  left:40px;
  z-index:5;
  color:#ffffff;
}

/* MALI TEKST */
.aux-eyebrow{
  font-family:'Montserrat', sans-serif;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.2em;
  margin-bottom:10px;
  opacity:0.8;
  color:#ffffff;
}

/* NASLOV 3D */
.aux-content h1{
  font-family:'Oswald', sans-serif;
  font-size: clamp(36px, 5vw, 52px);
  font-weight:600;
  text-transform:uppercase;
  line-height:1;
  margin:0 0 15px;

  color:#ffffff;
  white-space: nowrap;

  text-shadow:
    0 1px 0 rgba(255,255,255,0.2),
    0 2px 0 rgba(0,0,0,0.05),
    0 4px 8px rgba(0,0,0,0.25),
    0 10px 20px rgba(0,0,0,0.35);
}

.aux-buttons{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

/* OBA DUGMETA ISTI GLASS STIL */
.btn-primary,
.btn-secondary{
  position:relative;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  background: rgba(255,255,255,0.15);
  color:#ffffff;
  border:1px solid rgba(255,255,255,0.5);

  padding:14px 26px;
  border-radius:40px;

  font-size:13px;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
  text-decoration:none;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow:
    0 6px 20px rgba(0,0,0,0.25),
    0 0 0 rgba(77,163,255,0);

  transition:all 0.3s ease;
}

/* LIGHT SWEEP NA OBA */
.btn-primary::after,
.btn-secondary::after{
  content:"";
  position:absolute;
  top:0;
  left:-60%;
  width:50%;
  height:100%;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.7),
    transparent
  );
  transform:skewX(-20deg);
  transition:0.6s;
}

/* HOVER NA OBA */
.btn-primary:hover,
.btn-secondary:hover{
  background:#ffffff;
  color:#1d4283;

  transform:translateY(-2px);

  box-shadow:
    0 12px 30px rgba(29,66,131,0.4),
    0 0 20px rgba(77,163,255,0.4);
}

.btn-primary:hover::after,
.btn-secondary:hover::after{
  left:120%;
}

/* MOBILE */
@media (max-width:767px){
  .aux-buttons{
    gap:10px;
  }

  .btn-primary,
  .btn-secondary{
    padding:12px 18px;
    font-size:11px;
  }
}
/* SMOOTH BESKONAČNA LINIJA */
.aux-line{
  position: relative;
  width: 100vw;
  height: 5px;
  margin-left: calc(-50vw + 50%);
  overflow: hidden;

  /* gradient */
  background: linear-gradient(
    90deg,
    transparent,
    #4da3ff,
    #1d4283,
    #4da3ff,
    transparent
  );

  background-size: 200% 100%;

  /* smooth animacija */
  animation: auxLineSmooth 3s linear infinite;

  /* glow */
  box-shadow: 0 0 12px rgba(77,163,255,0.7);
}

/* animacija bez prekida */
@keyframes auxLineSmooth{
  0%{
    background-position: 0% 0;
  }
  100%{
    background-position: 200% 0;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b30aa0b *//* SMOOTH BESKONAČNA LINIJA */
.aux-line{
  position: relative;
  width: 100vw;
  height: 5px;
  margin-left: calc(-50vw + 50%);
  overflow: hidden;

  /* gradient */
  background: linear-gradient(
    90deg,
    transparent,
    #4da3ff,
    #1d4283,
    #4da3ff,
    transparent
  );

  background-size: 200% 100%;

  /* smooth animacija */
  animation: auxLineSmooth 3s linear infinite;

  /* glow */
  box-shadow: 0 0 12px rgba(77,163,255,0.7);
}

/* animacija bez prekida */
@keyframes auxLineSmooth{
  0%{
    background-position: 0% 0;
  }
  100%{
    background-position: 200% 0;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b7977a */.aux-top-bar{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:8px;
  z-index:20;
  overflow:hidden;
}

.aux-top-bar-fill{
  width:100%;
  height:100%;
  background:linear-gradient(
    90deg,
    #1d4283 0%,
    #2f67c8 25%,
    #4da3ff 50%,
    #2f67c8 75%,
    #1d4283 100%
  );
  background-size:200% 100%;
  animation: auxBarMove 6s linear infinite;
}

.aux-top-bar::after{
  content:"";
  position:absolute;
  top:0;
  left:-25%;
  width:20%;
  height:100%;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,0.85),
    transparent
  );
  animation: auxBarShine 3s ease-in-out infinite;
}

@keyframes auxBarMove{
  0%{
    background-position:0% 50%;
  }
  100%{
    background-position:200% 50%;
  }
}

@keyframes auxBarShine{
  0%{
    left:-25%;
  }
  100%{
    left:125%;
  }
}/* End custom CSS */