@charset "UTF-8";
/* ------------------------------------ */
/* PAGE TRANSITION 
/*------------------------------------ */
body {
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

body.fade-in {
  opacity: 1;
}

/* HEADER */
.logo-icon {
  width: 10rem;
  /* object-fit: cover */
}

.main-navigation {
  grid-area: 1/5/2/13;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  top: -0.2rem;
}

@media (max-width: 1054px) {
  .main-navigation {
    display: none;
  }
}
.menu {
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* flex-direction: column */
}

.menu-item {
  font-size: 1.0625rem;
  margin-right: 2rem;
  list-style: none;
  margin-bottom: 0;
  white-space: nowrap;
  font-weight: 500;
}

.menu-item:last-child {
  margin-right: 0;
}

.current-menu-item {
  opacity: 0.8;
}

.logo-wrapper {
  /* padding: 1px */
  grid-area: 1/1/2/6;
  overflow: hidden;
}

@media (max-width: 600px) {
  .logo-wrapper {
    grid-area: 1/1/2/3;
  }
}
/* HERO */
.hero-image-wrapper {
  /* position: absolute */
  /* width: 100% */
  /* height: 100% */
}

@media (max-width: 600px) {
  .hero-image-wrapper {
    height: 50svh;
    height: 50vh;
  }
}
.ferlauf {
  /* background: linear-gradient(to top, var(--red) 4%, transparent 20%) */
  background: var(--darker);
  opacity: 0.4;
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 100%;
}

/* HOW FOOTER */
footer .current-menu-item {
  opacity: 0.7;
  color: var(--light);
}

.footer-how-links {
  font-size: 1.3rem;
  font-weight: 500;
}

/* FOOTER OLD */
@media (max-width: 600px) {
  .footer-logo-fix {
    margin-bottom: -3rem;
    font-size: 5rem;
    position: relative;
    left: -0.2rem;
  }
}
.footer-links {
  list-style: none;
  color: var(--light);
  /* margin-bottom: 1rem */
  font-weight: 700;
  font-size: 1.5rem;
  margin-right: 2rem;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.footer-links:last-child {
  margin-right: 2rem;
}

.footer-nav1 {
  grid-area: 1/6/2/8;
}

@media (max-width: 991px) {
  .footer-nav1 {
    grid-area: 1/7/2/13;
  }
}
@media (max-width: 600px) {
  .footer-nav1 {
    grid-area: 2/1/3/5;
  }
}
.footer-nav2 {
  grid-area: 1/9/2/12;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
  top: -0.4rem;
  align-self: flex-start;
}

@media (max-width: 1044px) {
  .footer-nav2 {
    grid-area: 1/9/2/13;
  }
}
@media (max-width: 991px) {
  .footer-nav2 {
    grid-area: 2/1/3/5;
    position: relative;
    left: -0.3rem;
  }
}
@media (max-width: 600px) {
  .footer-nav2 {
    grid-area: 3/1/4/5;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.footernav3 {
  grid-area: 1/9/2/11;
}

@media (max-width: 991px) {
  .footernav3 {
    grid-area: 5/1/6/7;
  }
}
@media (max-width: 600px) {
  .footernav3 {
    grid-area: 5/1/6/5;
  }
}
.footer-nav-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -0.2rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* LANGUAGE SWITCHER ARIA FIX */
/* Add a visual label using CSS pseudo-element */
ul.sub-menu::before {
  content: "Language switcher";
  display: block;
  font-size: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  left: -999em;
}

/* Apply a background color or style to the label for visibility if needed */
ul.sub-menu::before {
  background-color: #fff;
  /* Add the desired background color */
  color: #000;
  /* Add the desired text color */
  /* Additional styling as needed */
}

/* MOBILE NAV */
.hamby-close {
  width: 1.4rem;
}

.close-button-wrapper {
  position: relative;
  /* top: -2.1rem;
  left: -0.1rem; */
  grid-area: 1/2/2/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.mobile-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* padding-top: 2.45rem */
}

@media (max-width: 600px) {
  .mobile-nav {
    padding-top: 5.6rem;
  }
}
@media (max-width: 991px) {
  .is-mobile-nav {
    grid-template-columns: repeat(2, 1fr);
    padding-top: 1rem;
  }
}
.hamby-wrapper {
  grid-area: 1/12/2/13;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 600px) {
  .hamby-wrapper {
    grid-area: 1/4/2/5;
  }
}
@media (min-width: 1055px) {
  .hamby-wrapper {
    display: none;
  }
}
.open-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  top: 0.05rem;
}

.hamburger-icon {
  width: 2.5rem;
  position: relative;
  top: -0.1rem;
}

/* PROGRAM TABS */
.tabs {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  position: relative;
}

.tabs input[name=tab-control] {
  display: none;
}

.tabs .content section h2,
.tabs ul li label {
  color: #989898;
}

.tabs ul {
  list-style-type: none;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid var(--dark);
  margin-bottom: -0.22rem;
}

@media (max-width: 600px) {
  .tabs ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.tabs ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 1rem;
}

.tabs ul li label {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
}

.tabs ul li label br {
  display: none;
}

.tabs ul li label svg {
  height: 1.2em;
  vertical-align: bottom;
  margin-right: 0.2em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.tabs ul li label:hover,
.tabs ul li label:focus,
.tabs ul li label:active {
  outline: 0;
  color: var(--grey);
}

.tabs ul li label:hover svg,
.tabs ul li label:focus svg,
.tabs ul li label:active svg {
  fill: var(--grey);
}

.tabs .slider {
  position: relative;
  width: 33.33%;
  /* Updated for 3 tabs */
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  z-index: 3;
}

.tabs .slider .indicator {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 5px;
  background: var(--light);
  border-radius: 1px;
}

.tabs .content {
  margin-top: -0.2rem;
}

.tabs .content section {
  -webkit-animation-name: content;
          animation-name: content;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  border-top: 1px solid var(--light);
  display: none;
}

.tabs .content section h2 {
  color: var(--light);
  display: none;
}

.tabs .content section h2::after {
  content: "";
  position: relative;
  display: block;
  width: 30px;
  height: 3px;
  background: var(--dark);
  margin-top: 5px;
  left: 1px;
}

.tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
  cursor: default;
  color: var(--light);
}

.tabs input[name=tab-control]:nth-of-type(1):checked ~ .slider {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}

.tabs input[name=tab-control]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
  display: block;
}

.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
  cursor: default;
  color: var(--light);
}

.tabs input[name=tab-control]:nth-of-type(2):checked ~ .slider {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.tabs input[name=tab-control]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
  display: block;
}

.tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
  cursor: default;
  color: var(--light);
}

.tabs input[name=tab-control]:nth-of-type(3):checked ~ .slider {
  -webkit-transform: translateX(200%);
      -ms-transform: translateX(200%);
          transform: translateX(200%);
}

.tabs input[name=tab-control]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
  display: block;
}

@-webkit-keyframes content {
  from {
    opacity: 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes content {
  from {
    opacity: 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@media (max-width: 1000px) {
  .tabs ul li label {
    white-space: initial;
  }
  .tabs ul li label br {
    display: initial;
  }
  .tabs ul li label svg {
    height: 1.5em;
  }
}
@media (max-width: 600px) {
  .tabs ul li label {
    padding: 5px;
    border-radius: 5px;
  }
  .tabs .slider {
    display: none;
  }
  .tabs .content {
    margin-top: 20px;
  }
}
/* .tab-prekid::after {
    background-color: var(--dark);
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    content: close-quote;
    top: 3.5rem;
    left: -1.25rem;
    z-index: 4;
    opacity: 1;
} */
.program-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  border-bottom: 1px solid var(--grey);
}

.program-item {
  display: grid;
  grid-template-columns: 0.6fr 2fr 1fr;
  grid-template-rows: auto;
  -webkit-column-gap: 2.5rem;
     -moz-column-gap: 2.5rem;
          column-gap: 2.5rem;
  row-gap: 1.5rem;
  border-bottom: 1px solid var(--grey);
  padding: 2.5rem 0 2.5rem 0;
}

@media (max-width: 991px) {
  .program-item {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    -webkit-column-gap: 0rem;
       -moz-column-gap: 0rem;
            column-gap: 0rem;
  }
}
.smaller-line-height {
  line-height: 1.2;
}

.max-width-program {
  max-width: 50ch;
}

/* .tab {
    --tab-padding: 3rem;
    --tab-bg: #F26B6E;
    --tab-active-bg: var(--light);
}

.tab input {
    display: none;
}

.tab input:checked + label {
    background-color: var(--tab-active-bg);
    color: var(--dark);
}

@media (max-width: 600px) {
    .tab input:checked + label {
        font-size: 1.6rem;


    }
}

.tab input:not(:checked) + label + * {
    display: none;
}

.tab label {
    width: 33.333%;
    color: var(--light);
    cursor: pointer;
    padding: 1.5rem 3.75rem 1.5rem 3.75rem;


    display: flex;


}

@media (max-width: 731px) {
    .tab label {
        width: 100%;
    }
}

.tab-wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background-color: rgb(242, 107, 110, 0.4);
    backdrop-filter: blur(2px);
} */
/* PROGRAM TABS */
/* .tabs {
    left: 50%;
    transform: translateX(-50%);
    position: relative;
}

.tabs input[name=tab-control] {
    display: none;
}

.tabs .content section h2,
.tabs ul li label {
    color: #989898;
}

.tabs ul {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    border-bottom: 2px solid var(--dark);
    margin-bottom: -0.22rem;
}

@media (max-width: 600px) {
    .tabs ul {
        flex-direction: column;
    }
}

.tabs ul li {
    flex: 1;
    margin-bottom: 1rem;
}

.tabs ul li label {
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
}

.tabs ul li label br {
    display: none;
}

.tabs ul li label svg {
    height: 1.2em;
    vertical-align: bottom;
    margin-right: 0.2em;
    transition: all 0.2s ease-in-out;
}

.tabs ul li label:hover,
.tabs ul li label:focus,
.tabs ul li label:active {
    outline: 0;
    color: var(--grey);
}

.tabs ul li label:hover svg,
.tabs ul li label:focus svg,
.tabs ul li label:active svg {
    fill: var(--grey);
}

.tabs .slider {
    position: relative;
    width: 50%;
    transition: all 0.25s ease-out;
    z-index: 3;
}

.tabs .slider .indicator {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 5px;
    background: var(--light);
    border-radius: 1px;
}

.tabs .content {
    margin-top: -0.2rem
}

.tabs .content section {
    display: none; 
    animation-name: content;
    animation-direction: normal;
    animation-duration: 0.3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    border-top: 1px solid var(--light);
}

.tabs .content section h2 {
    color: var(--light);
    display: none;
}

.tabs .content section h2::after {
    content: "";
    position: relative;
    display: block;
    width: 30px;
    height: 3px;
    background: var(--dark);
    margin-top: 5px;
    left: 1px;
}

.tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
    cursor: default;
    color: var(--light);
}

.tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg {
}

@media (max-width: 600px) {
    .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
    }
}

.tabs input[name=tab-control]:nth-of-type(1):checked ~ .slider {
    transform: translateX(0%)
}

.tabs input[name=tab-control]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
    display: block;
}

.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
    cursor: default;
    color: var(--light);
}

.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg {
    color: var(--light);
}

@media (max-width: 600px) {
    .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
    }
}

.tabs input[name=tab-control]:nth-of-type(2):checked ~ .slider {
    transform: translateX(100%);
}

.tabs input[name=tab-control]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
    display: block;
}

@-webkit-keyframes content {
    from {
        opacity: 0;
        transform: translateY(0%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes content {
    from {
        opacity: 0;
        transform: translateY(0%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

@media (max-width: 1000px) {
    .tabs ul li label {
        white-space: initial;
    }

    .tabs ul li label br {
        display: initial;
    }

    .tabs ul li label svg {
        height: 1.5em;
    }
}

@media (max-width: 600px) {
    .tabs ul li label {
        padding: 5px;
        border-radius: 5px;
    }

    .tabs ul li label span {
    }

    .tabs .slider {
        display: none;
    }

    .tabs .content {
        margin-top: 20px;
    }

    .tabs .content section h2 {
    }
}

.tab-prekid::after {
    background-color: var(--dark);
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    content: close-quote;
    top: 2.5rem;
    left: -1.25rem;
    z-index: 4;
    opacity: 1;
}

.program-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    border-bottom: 1px solid var(--grey);
}

.program-item {
    display: grid;
    grid-template-columns: 0.6fr 2fr 1fr;
    grid-template-rows: auto;
    column-gap: 2.5rem;
    row-gap: 1.5rem;
    border-bottom: 1px solid var(--grey);
    padding: 2.5rem 0 2.5rem 0;
}

@media (max-width: 991px) {
    .program-item {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        column-gap: 0rem;
    }
}

.smaller-line-height {
    line-height: 1.2
}

.max-width-program {
    max-width: 50ch
}

.line-height-0 {
}

@media (max-width: 479px) {
    .line-height-0 {
    }
} */
/* *******************************
Blog Rich Styles NE ZNAM DA LI OVO IMAMO?
******************************* */
.rich-text h1 {
  font-size: 3.75rem;
  line-height: 1.1;
  font-weight: 700;
  position: relative;
  left: -0.16rem;
  white-space: nowrap;
}

.rich-text h2 {
  font-size: 1.625rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
  line-height: 1.3;
}

.rich-text h3 {
  font-size: 1.375rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.rich-text p {
  margin-bottom: 1.8rem;
  font-size: 1.125rem;
}

.rich-text li {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
}

@media (max-width: 600px) {
  .rich-text p {
    font-size: 1.25rem;
  }
  .rich-text h1 {
    font-size: 2.8rem;
  }
  .rich-text h2 {
    line-height: 1.5;
  }
  .rich-text > ul {
    font-size: 1.25rem;
  }
}
.rich-text h3:first-child {
  margin-top: 1.5rem;
}

.rich-text > ul {
  margin-bottom: 1.8rem;
}

.rich-text a {
  text-decoration: underline !important;
}

.underline-wrap a {
  text-decoration: underline;
}

/* ABOUT */
.about-content-wrap {
  grid-area: 3/2/4/12;
}

@media (max-width: 1024px) {
  .about-content-wrap {
    grid-area: 4/2/5/12;
  }
}
@media (max-width: 600px) {
  .about-content-wrap {
    grid-area: 4/1/5/5;
    margin-bottom: 2rem;
  }
}
/* BUTTON MOŽDA BRIŠI */
.button-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 146%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.grid-wrapper-full {
  grid-area: 1/2/2/12;
}

@media (max-width: 600px) {
  .grid-wrapper-full {
    grid-area: 1/1/2/5;
  }
}
.separat-line {
  grid-area: 1/1/2/3;
  width: 100%;
  height: 2px;
}

.adv-spacer-wrap {
  grid-area: 2/1/2/2;
}

@media (max-width: 600px) {
  .adv-spacer-wrap {
    grid-area: 2/1/2/5;
  }
}
.adv-header-wrap {
  grid-area: 1/1/2/8;
  /* max-width: 27ch */
}

@media (max-width: 991px) {
  .adv-header-wrap {
    grid-area: 1/1/2/7;
  }
}
@media (max-width: 600px) {
  .adv-header-wrap {
    grid-area: 1/1/2/5;
  }
}
.adv-grid {
  grid-area: 2/1/3/13;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 1.25rem;
  row-gap: 2.5rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (max-width: 991px) {
  .adv-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .adv-grid {
    grid-template-columns: 1fr;
    row-gap: 2.5rem;
  }
}
@media (max-width: 600px) {
  .adv-grid {
    grid-area: 2/1/3/5;
  }
}
.adv-item {
  align-self: start;
  display: grid;
  /* grid-template-columns: 0.5fr 1fr; */
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 1rem;
  /* flex: none */
}

.flex-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.image-border-all {
  border: 2px solid var(--light);
}

.image-border-all:hover {
  /* border: 6px solid var(--light) */
  /* transition: border 0.3s ease */
}

.why-wrap {
  grid-area: 4/1/5/13;
}

.why-content-wrap {
  grid-area: 2/1/6/13;
  border-top: 2px solid var(--light);
  border-bottom: 2px solid var(--light);
}

@media (max-width: 600px) {
  .why-content-wrap {
    grid-area: 2/1/6/5;
  }
}
.why-wrap-right {
  grid-area: 3/9/5/13;
  position: relative;
  left: -1.75rem;
}

@media (max-width: 600px) {
  .why-wrap-right {
    grid-area: 4/1/5/5;
    left: 2rem;
  }
}
.max-width-wrap-right {
  max-width: 16ch;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .max-width-wrap-right {
    padding: 2.5rem 0 2.5rem 0;
  }
}
@media (max-width: 600px) {
  .max-width-wrap-right {
    max-width: 23ch;
  }
}
.max-width-wrap-right p {
  margin-bottom: 0;
}

.why-wrap-left {
  grid-area: 3/3/4/8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  /* padding-top: 6.75rem */
}

@media (max-width: 991px) {
  .why-wrap-left {
    grid-area: 3/2/4/7;
  }
}
@media (max-width: 768px) {
  .why-wrap-left {
    padding: 2.5rem 0 2.5rem 0;
  }
}
@media (max-width: 600px) {
  .why-wrap-left {
    grid-area: 3/1/4/5;
    padding: 2.5rem 0 4rem 2rem;
  }
}
.max-width-wrap-left {
  max-width: 45ch;
  /* white-space: nowrap */
  /* margin-bottom: 16rem */
}

.is-home-register {
  font-size: 2.5rem;
  font-weight: 900;
  width: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-color: rgba(255, 255, 255, 0);
  outline: 2px solid rgb(255, 255, 255);
  padding: 0.75rem 2rem 4.35rem 2rem;
  /* Add this line */
  outline-offset: -2px;
  /* Add this line */
  /* will-change: outline-width, outline-offset, background-color, backdrop-filter; */
  white-space: nowrap;
}

.is-home-register:hover {
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, 0.2);
  outline-width: 6px;
  /* Change this line */
  outline-offset: -6px;
  /* Change this line */
}

.portrait-outline {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  outline: 2px solid rgb(255, 255, 255);
  /* Add this line */
  outline-offset: -2px;
  /* Add this line */
  /* will-change: outline-width, outline-offset, background-color, backdrop-filter; */
}

.portrait-outline:hover {
  outline-width: 6px;
  /* Change this line */
  outline-offset: -6px;
  /* Change this line */
}

.newsletter-header {
  grid-area: 1/1/2/5;
  position: relative;
  top: 0.1rem;
}

.is-para {
  width: 120%;
  height: 120%;
}

.newsletter-text {
  grid-area: 1/5/2/9;
}

.max-width-news-txt {
  max-width: 20ch;
  line-height: 1.2;
  top: 0.3rem;
}

@media (max-width: 991px) {
  .max-width-news-txt {
    grid-area: 2/1/3/7;
  }
}
@media (max-width: 600px) {
  .max-width-news-txt {
    grid-area: 2/1/3/5;
    max-width: 24ch;
  }
}
@media (max-width: 600px) {
  .max-width-news-txt {
    grid-area: 2/1/3/5;
    margin-bottom: 1.5rem;
  }
}
.footer-logo {
  grid-area: 1/2/2/6;
  position: relative;
  top: -0.1rem;
}

@media (max-width: 991px) {
  .footer-logo {
    grid-area: 1/1/2/6;
  }
}
@media (max-width: 600px) {
  .footer-logo {
    grid-area: 1/1/2/5;
  }
}
.footer-social {
  margin-right: 1rem;
  padding: 0.25rem;
  width: 3.8125rem;
}

.footer-social:last-child {
  margin-right: 0;
}

.about-header {
  grid-area: 2/1/3/10;
}

.about-image-wrapper {
  grid-area: 1/1/2/13;
}

@media (max-width: 600px) {
  .about-image-wrapper {
    grid-area: 1/1/2/5;
  }
}
.is-nogap {
  gap: 0;
}

.about-image-wrap {
  grid-area: 1/9/2/13;
}

@media (max-width: 600px) {
  .about-image-wrap {
    grid-area: 2/1/3/5;
  }
}
.about-nav-wrap {
  grid-area: 1/6/2/12;
  align-self: flex-end;
  top: -0.35rem;
}

@media (max-width: 1024px) {
  .about-nav-wrap {
    grid-area: 1/2/2/12;
  }
}
@media (max-width: 600px) {
  .about-nav-wrap {
    grid-area: 1/1/2/5;
  }
}
.about-menu-item {
  font-size: 1.0625rem;
  margin-right: 2rem;
  list-style: none;
  margin-bottom: 0;
  white-space: nowrap;
  color: var(--red);
}

@media (max-width: 600px) {
  .about-menu-item {
    margin-right: 1.5rem;
  }
}
.about-menu > .current-menu-item {
  opacity: 0.7;
  color: var(--red);
}

.about-menu-item:last-child {
  margin-right: 0;
}

.about-menu {
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 1024px) {
  .about-menu {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.is-bottom-0 {
  padding-bottom: 0;
}

.is-language {
  margin-right: 0;
}

/* .letter-space {
    letter-spacing: 0.025em
} */
.advisor-text-wrap {
  grid-area: 1/1/2/5;
  max-width: 32ch;
  position: relative;
  top: -0.5rem;
}

@media (max-width: 991px) {
  .advisor-text-wrap {
    grid-area: 1/1/2/12;
    max-width: 75ch;
  }
}
@media (max-width: 600px) {
  .advisor-text-wrap {
    grid-area: 1/1/2/5;
    margin-top: 0.5rem;
  }
}
.advisor-solo-grid {
  grid-area: 1/2/2/12;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  row-gap: 4rem;
}

@media (max-width: 991px) {
  .advisor-solo-grid {
    grid-area: 2/2/3/12;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .advisor-solo-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .advisor-solo-grid {
    grid-area: 1/1/2/5;
  }
}
.program-item-wrapper {
  grid-area: 1/1/2/13;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}

.program-item {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  border-bottom: 2px solid var(--light);
}

@media (max-width: 600px) {
  .program-item {
    grid-template-columns: 1fr;
  }
}
.program-item:last-child {
  border-bottom: 0;
}

.program-item-cell {
  padding: 3.75rem;
}

@media (max-width: 1050px) {
  .program-item-cell {
    padding: 2.5rem;
  }
}
@media (max-width: 991px) {
  .program-item-cell {
    padding: 2rem;
  }
}
@media (max-width: 600px) {
  .program-item-cell {
    padding: 1rem 2rem;
  }
}
/* BOXES FLOAT */
/* .float {
    transform: translatey(0px);
    transform: translatex(0px);
    animation: float 3s ease-in-out alternate infinite;
}

.float1 {
    transform: translatey(0px);
    animation: float 2s ease-in-out alternate infinite;
}

.float2 {
    transform: translatey(0px);
    animation: float 4s ease-in-out alternate infinite;
}

@keyframes float {
    0% {
        transform: translatey(0px);
        transform: translatex(0px);
    }

    50% {
        transform: translatey(-20px);
        transform: translatey(20px);
    }

    100% {
        transform: translatey(0px);
    }
} */
.brisi {
  position: absolute;
  top: 7rem;
}

.hero-logo-wrap {
  position: absolute;
  /* z-index: 2 */
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-logo-icon {
  width: 50vw;
}

@media (max-width: 1024px) {
  .hero-logo-icon {
    width: 60vw;
  }
}
@media (max-width: 600px) {
  .hero-logo-icon {
    width: 87vw;
  }
}
.hero-logo-position {
  position: relative;
  /* top: -5.5rem */
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1024px) {
  .hero-logo-position {
  }
}
.hero-square-wrapper {
  position: absolute;
  /* width: 100% */
  /* height: 100% */
}

@media (max-width: 600px) {
  .solo-square {
    width: 15vw;
    height: 16.5vw;
  }
}
.pos1 {
  top: 4.5vw;
  left: -5vw;
}

.pos2 {
  top: 21vw;
  left: -5vw;
}

@media (max-width: 600px) {
  .pos2 {
    top: 8vw;
    left: -2vw;
  }
}
.pos3 {
  top: 13vw;
  left: 5vw;
}

.pos4 {
  top: 10vw;
  left: 11vw;
}

@media (max-width: 600px) {
  .pos4 {
    top: 3vw;
    left: -5vw;
  }
}
.pos5 {
  top: 18vw;
  left: 15vw;
}

@media (max-width: 768px) {
  .pos5 {
    top: 18vw;
    left: 10vw;
  }
}
@media (max-width: 600px) {
  .pos5 {
    top: 33vw;
    left: 3vw;
  }
}
.pos6 {
  top: 5.5vw;
  right: 5vw;
}

@media (max-width: 600px) {
  .pos6 {
    top: 20.5vw;
    right: -9vw;
  }
}
.pos7 {
  top: 12vw;
  right: -2vw;
}

@media (max-width: 600px) {
  .pos7 {
    top: 27vw;
    right: -2vw;
  }
}
.pos8 {
  top: 14vw;
  right: 8vw;
}

@media (max-width: 600px) {
  .pos8 {
    top: 37vw;
    right: 8vw;
  }
}
.pos9 {
  top: 10vw;
  right: 15vw;
}

@media (max-width: 768px) {
  .pos9 {
    top: 10vw;
    right: 11vw;
  }
}
@media (max-width: 600px) {
  .pos9 {
    top: 9vw;
    right: 3vw;
  }
}

@media (max-width: 1050px) {
  .tab label {
    padding: 1.5rem 2.5rem 1.5rem 2.5rem;
  }
}
@media (max-width: 991px) {
  .tab label {
    padding: 1.5rem 2rem 1.4rem 2rem;
    font-size: 1.25rem;
    line-height: 1.4;
    border-bottom: 2px solid var(--red);
  }
}
@media (max-width: 600px) {
  .tab label {
    font-size: 1.6rem;
  }
}
@media (max-width: 1050px) {
  /* .tab label {
      font-size: 1.5rem;
  } */
}
.is-speakers {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-area: 1/2/2/12;
  row-gap: 4rem;
}

@media (max-width: 991px) {
  .is-speakers {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .is-speakers {
    grid-template-columns: 1fr;
    grid-area: 1/1/2/5;
  }
}
.is-smaller-line-height {
  line-height: 1.2;
}

.is-smaller {
  max-width: 90ewm;
}

.basic-canvas {
  grid-area: 1/1/2/13;
}

.hero-date-text {
  font-size: 1.5vw;
  word-break: break-word;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .hero-date-text {
    font-size: 1.33vw;
  }
}
@media (max-width: 991px) {
  .hero-date-text {
    font-size: 2.3vw;
    max-width: 41ch;
    /* text-align: center */
  }
}
@media (max-width: 600px) {
  .hero-date-text {
    font-size: 3vw;
    max-width: 39ch;
  }
}
.image-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: black;
  opacity: 0.1;
}

@media (max-width: 600px) {
  .image-overlay {
    opacity: 0.35;
    /* mix-blend-mode: multiply */
  }
}
.mailjet-wrap {
  grid-area: 1/9/2/13;
  top: -3.44rem;
  /* left: 6.3vw */
}

@media (max-width: 991px) {
  /* .mailjet-wrap {
      grid-area: 2 / 1 / 3 / 13;
  } */
}
@media (max-width: 991px) {
  .mailjet-wrap {
    grid-area: 2/5/3/13;
  }
}
@media (max-width: 768px) {
  .mailjet-wrap {
    grid-area: 2/7/3/13;
    /* left: 4.3vw */
  }
}
@media (max-width: 600px) {
  .mailjet-wrap {
    grid-area: 3/1/4/5;
    /* left: -5.5rem */
  }
}

.speakers-item {
  /* margin-bottom: 2rem */
}

.max-width-program-title {
  max-width: 24ch;
  margin-bottom: 1rem !important;
}

/* GOOGLE MAPS */
.iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 62.5%;
  /* 8/5 aspect ratio */
  overflow: hidden;
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.back-quad-wrap {
  position: absolute;
  top: 2rem;
  opacity: 0.25;
  width: 100vw;
}

.content-wrap-profili {
  grid-area: 1/2/2/12;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  width: 100%;
  height: 100%;
  position: relative;
  gap: 1.25rem;
}

.content-wrap-profili > a {
  color: var(--red) !important;
  text-decoration: underline !important;
}

@media (max-width: 600px) {
  .content-wrap-profili {
    grid-area: 1/1/2/5;
    grid-template-columns: repeat(1, 1fr);
  }
}
.content-right-profili {
  grid-area: 4/2/6/8;
}

@media (max-width: 768px) {
  .content-right-profili {
    grid-area: 4/2/6/9;
  }
}
@media (max-width: 600px) {
  .content-right-profili {
    grid-area: 5/1/6/5;
  }
}
.is-advisor {
  margin-bottom: 0;
}

.gform_heading {
  display: none !important;
}

.speaker-funct-wrap p {
  /* font-size: 1.125rem */
}

.speaker-header {
  margin-bottom: 0.3rem;
}

.pos10 {
  top: 9vw;
  left: -3vw;
}

.floaters-wrapper {
  position: absolute;
  top: 1rem;
  opacity: 1;
  width: 100vw;
  z-index: 1;
  height: 100%;
}

@media (max-width: 768px) {
  .floaters-wrapper {
    top: 5rem;
  }
}
@media (max-width: 600px) {
  .floaters-wrapper {
    top: 8rem;
    width: 150vw;
  }
}
.pos11 {
  top: 6vw;
  left: 9vw;
}

.pos12 {
  top: 11vw;
  left: 16vw;
}

.pos13 {
  top: 14vw;
  left: 7vw;
}

.pos14 {
  top: 4vw;
  left: 22vw;
}

.pos15 {
  top: 6vw;
  left: 38vw;
}

.pos17 {
  top: 10vw;
  left: 31vw;
}

.pos18 {
  top: 11vw;
  left: 47vw;
}

.pos19 {
  top: 8vw;
  left: 57vw;
}

.pos20 {
  top: 4vw;
  left: 70vw;
}

.pos21 {
  top: 7vw;
  left: 85vw;
}

.pos22 {
  top: 11vw;
  left: 79vw;
}

.pos23 {
  top: 14vw;
  left: 92vw;
}

.is-bigger {
  width: 120%;
  height: 110%;
}

/* 3D card pročisti */
#panel,
#panel-container {
  width: 500px;
  height: 500px;
}

#panel-container {
  position: absolute;
  border: 1px solid var(--light);
  /* background: url("https://images.unsplash.com/photo-1550587542-1668407b73d2?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80") center top */
  /* background-size: cover;
  transform: perspective(400px) rotateX(0deg) rotateY(0deg);
  transform-style: preserve-3d;
  box-shadow: 1.5rem 2.5rem 5rem 0.7rem rgba(0,0,0,0.13); */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.panel-content {
  -webkit-transform: translateZ(80px) scale(0.8);
          transform: translateZ(80px) scale(0.8);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.padding-custom {
  padding: 0 3.75rem;
}

@media (max-width: 991px) {
  .padding-custom {
    padding: 0 2rem;
  }
}
@media (max-width: 600px) {
  .padding-custom {
    padding: 0;
  }
}
.why-wrap-left-down {
  grid-area: 4/3/5/8;
  top: -0.5rem;
  /* display: flex */
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  /* padding-bottom: 6.75rem */
}

@media (max-width: 991px) {
  .why-wrap-left-down {
    grid-area: 4/2/5/7;
  }
}
@media (max-width: 600px) {
  .why-wrap-left-down {
    grid-area: 5/1/6/5;
  }
}
.why-spacer {
  grid-area: 1/1/2/13;
}

@media (max-width: 600px) {
  .why-spacer {
    grid-area: 1/1/2/5;
    padding-top: 4rem;
  }
}
.is-gapless-row {
  row-gap: 0;
  -webkit-column-gap: 2.5rem;
     -moz-column-gap: 2.5rem;
          column-gap: 2.5rem;
}

/* .right-fix {
    padding-right: 1rem
} */
.max-width-advisory {
  max-width: 10ch;
}

@media (max-width: 991px) {
  .max-width-advisory {
    max-width: 25ch;
  }
}
.advisor-title {
  line-height: 1.3;
}

@media (max-width: 991px) {
  .max-width-ipad {
    max-width: 40ch;
    -ms-flex-item-align: start;
        align-self: start;
  }
}
@media (max-width: 600px) {
  .max-width-ipad {
    max-width: 45ch;
  }
}
.is-ipad-fix {
  padding-top: 2.2rem;
}

@media (max-width: 600px) {
  .is-ipad-fix {
    padding-top: 0;
  }
}
.max-width-footer-text {
  /* max-width: 149ch */
  grid-area: 2/2/3/8;
  font-size: 0.6875rem;
}

@media (max-width: 991px) {
  .max-width-footer-text {
    grid-area: 5/1/6/13;
  }
}
@media (max-width: 600px) {
  .max-width-footer-text {
    grid-area: 6/1/7/5;
  }
}
.is-mobile-newsletter {
  /* row-gap: 1.5rem */
}

@media (max-width: 600px) {
  .is-mobile-newsletter {
    row-gap: 1rem;
  }
}

@media (max-width: 600px) {
  .potpis {
    display: none;
  }
}
@media (max-width: 600px) {
  .is-middle {
    padding: 0.5rem 2rem;
    max-width: 50ch;
  }
}
.is-without-header {
  top: -0.3rem;
}

@media (max-width: 600px) {
  .max-width-advirory-mobile {
    max-width: 28ch;
  }
}
.hero-floating-left {
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 991px) {
  .hero-floating-left {
    left: -3vw;
  }
}
@media (max-width: 768px) {
  .hero-floating-left {
    left: 0;
  }
}
@media (max-width: 600px) {
  .hero-floating-left {
    top: 3vw;
    left: -10vw;
  }
}
.hero-floating-right {
  position: absolute;
  right: -1vw;
  top: 2vw;
}

@media (max-width: 991px) {
  .hero-floating-right {
    top: -1vw;
    right: -4.8vw;
  }
}
@media (max-width: 768px) {
  .hero-floating-right {
    right: -0.8rem;
  }
}
@media (max-width: 600px) {
  .hero-floating-right {
    top: 0vw;
  }
}

.contact-info-wrap {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  row-gap: 0.2rem;
  margin-bottom: 2.5rem;
  align-self: start;
}

.contact-info-wrap:last-child {
  margin-bottom: 0;
}

.contact-small-print {
  grid-area: 3/2/4/12;
  max-width: 90ch;
}

@media (max-width: 600px) {
  .contact-small-print {
    grid-area: 3/1/4/5;
  }
}
/* CONTACT FORMA */
.forma-wrapper {
  grid-area: 2/1/3/13;
}

@media (max-width: 600px) {
  .forma-wrapper {
    grid-area: 2/1/3/5;
  }
}
.forma-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 1.25rem;
}

@media (max-width: 600px) {
  .forma-grid {
    grid-template-columns: 1fr;
  }
}
.form-field-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
  /* text-align: right */
}

@media (max-width: 991px) {
  /* .form-field-wrapper {
      grid-template-columns: 1fr;
      text-align: left!important;
  } */
}
.form-message {
  grid-area: 3/1/4/3;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  /* padding-left: 0.5rem */
}

@media (max-width: 600px) {
  .form-message {
    grid-area: 4/1/5/2;
  }
}
.input {
  height: 3.75rem;
  padding-left: 0.75rem;
  border-radius: 3px;
}

.contact-text-wrap {
  grid-area: 1/1/2/13;
}

@media (max-width: 600px) {
  .contact-text-wrap {
    grid-area: 1/1/2/5;
  }
}
.contact-input {
  min-height: 12rem;
  padding-top: 0.4rem;
}

.temp {
  position: absolute;
  z-index: 1;
  top: 3rem;
  left: 0;
  width: 100vw;
}

.pos24 {
  top: 17vw;
  left: 72vw;
}

.pos25 {
  top: 14vw;
  left: 54vw;
}

.pos26 {
  top: 14vw;
  left: 41vw;
}

@media (max-width: 600px) {
  .pos26 {
    display: none;
  }
}
.pos27 {
  top: 14vw;
  left: 24vw;
}

.pos28 {
  top: 12vw;
  left: 64vw;
}

@media (max-width: 600px) {
  .pos28 {
    display: none;
  }
}
.is-homepage {
  top: -1rem;
}

@media (max-width: 991px) {
  .is-homepage {
    top: 7rem;
  }
}
@media (max-width: 600px) {
  .is-homepage {
    top: 10rem;
  }
}
@media (max-width: 600px) {
  .is-top {
    padding: 4rem 0 0 2rem;
  }
}
.sectiontwo a:hover {
  opacity: 0.7;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.is-newsletter {
  padding-bottom: 1.5rem;
}

@media (max-width: 600px) {
  .is-gridsixfifty {
    grid-template-columns: repeat(4, 1fr);
  }
}
.max-width-contact {
  max-width: 16ch;
}

@media (max-width: 991px) {
  .success-place {
    grid-area: 7/1/8/2;
    font-size: 1.375rem;
    line-height: 1.2;
    max-width: 22ch;
  }
}
.contact-small-print > p > a {
  text-decoration: underline !important;
  color: var(--red) !important;
}

label > p > a {
  text-decoration: underline !important;
}

.footer-p {
  line-height: 1.35;
  font-size: 0.75rem;
  /* max-width: 100ch */
}

.footer-block {
  position: relative;
  top: -0.4rem;
}

.table-grid {
  grid-area: 1/1/2/13;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(7, auto);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

@media (max-width: 600px) {
  .table-grid {
  }
}
.table-item {
  padding: 1rem;
  height: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  /* border: 1px solid rgba(0, 0, 0, 0.5); */
}

@media (max-width: 600px) {
  .table-item {
    padding: 0.3rem;
  }
}
.table-item:nth-child(6n) {
  border-right: none;
}

.table-item:nth-last-child(-n+6) {
  border-bottom: none;
}

.table-grid-mob {
  grid-area: 1/1/2/5;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(7, auto);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.table-desktop-wrap {
  display: block;
}

@media (max-width: 600px) {
  .table-desktop-wrap {
    font-size: 0.5rem;
    /* display: none */
  }
}
.home-program-grid {
  grid-area: 1/5/2/13;
}

@media (max-width: 600px) {
  .home-program-grid {
    grid-area: 2/1/3/5;
  }
}
.max-width-home-program {
  max-width: 35ch;
}

.home-program-header {
  grid-area: 1/1/2/6;
}

@media (max-width: 600px) {
  .home-program-header {
    grid-area: 1/1/2/5;
  }
}
.home-image-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  width: 100%;
  height: 100%;
  gap: 2rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

@media (max-width: 600px) {
  .home-image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.home-photogallery-wrap {
  grid-area: 1/5/2/13;
}

@media (max-width: 600px) {
  .home-photogallery-wrap {
    grid-area: 2/1/3/5;
  }
}
.how-in-croatia {
  grid-area: 1/1/2/5;
  max-width: 27ch;
}

@media (max-width: 600px) {
  .how-in-croatia {
    max-width: 20ch;
  }
}
/* HOME VIDEO */
.all {
  width: 100%;
  grid-area: 1/1/2/13;
}

.videowrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}

.buttonvideo {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  color: white;
  font-size: 8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
}

.videowrap video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: brightness(75%);
          filter: brightness(75%);
  /* filter: grayscale(100%); */
  -webkit-transition: -webkit-filter 0.5s ease;
  transition: -webkit-filter 0.5s ease;
  transition: filter 0.5s ease;
  transition: filter 0.5s ease, -webkit-filter 0.5s ease;
}

.hover {
  -webkit-transition: visibility 0.3s, opacity 0.3s;
  transition: visibility 0.3s, opacity 0.3s;
  opacity: 0;
}

.fullscreen {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  color: white;
  cursor: pointer;
  z-index: 100;
  font-size: 1.9rem;
  display: none;
}

.bar {
  position: absolute;
  bottom: -0.08rem;
  left: 0;
  height: 3px;
  background: var(--light);
  width: 0;
}

.is-home-program {
  padding-bottom: 0;
}

.is-video {
  padding-bottom: 0;
}

.img-link {
  width: 100%;
  height: 100%;
}

.section-lines {
  background-color: var(--light);
  color: var(--red);
  /* border-top: 2px solid var(--light) */
  /* border-bottom: 2px solid var(--light) */
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.is-vid-bottom {
  /* padding-bottom: 3rem */
}

.our-numbers {
  grid-area: 2/1/3/6;
  margin-top: 3rem;
}

@media (max-width: 1024px) {
  .our-numbers {
    grid-area: 2/1/3/5;
  }
}
.brojke-header {
  /* max-width: 27ch */
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  gap: 1rem;
}

@media (max-width: 600px) {
  .brojke-header {
    margin-bottom: 3rem;
  }
}
.brojke-header2 {
  grid-area: 3/5/4/9;
  max-width: 27ch;
  margin-bottom: 3rem;
}

@media (max-width: 1024px) {
  .brojke-header2 {
    grid-area: 3/3/4/5;
    margin-bottom: 0;
  }
}
@media (max-width: 600px) {
  .brojke-header2 {
    grid-area: 4/1/5/2;
    margin-bottom: 3rem;
  }
}
.brojke-header3 {
  grid-area: 3/9/4/13;
  max-width: 27ch;
}

@media (max-width: 1024px) {
  .brojke-header3 {
    grid-area: 4/1/5/3;
    margin-bottom: 3rem;
  }
}
@media (max-width: 600px) {
  .brojke-header3 {
    grid-area: 5/1/6/5;
    margin-bottom: 3rem;
  }
}

.how-exper {
  /* grid-area: 1 / 1 / 2 / 6 */
  /* max-width: 30ch */
  top: -8.4rem;
  position: absolute;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .how-exper {
    grid-area: 1/1/2/13;
  }
}
@media (max-width: 600px) {
  .how-exper {
    grid-area: 1/1/2/3;
    position: relative;
    top: -2rem;
    left: -1.1rem;
  }
}
.is-experience {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1rem, auto;
  width: 100%;
  height: 100%;
  gap: 3rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

@media (max-width: 1024px) {
  .is-experience {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .is-experience {
    top: -rem;
  }
}
.exp1 {
  grid-area: 1/2/2/3;
  /* max-width: 90% */
}

@media (max-width: 1024px) {
  .exp1 {
    grid-area: 1/2/2/3;
  }
}
@media (max-width: 600px) {
  .exp1 {
    grid-area: 2/1/3/3;
  }
}
.home-experience-gallery {
  grid-area: 1/1/2/13;
}

@media (max-width: 991px) {
  .home-experience-gallery {
    grid-area: 1/1/2/13;
  }
}
@media (max-width: 600px) {
  .home-experience-gallery {
    grid-area: 1/1/2/5;
  }
}
.exp2 {
  grid-area: 1/3/2/4;
  max-width: 90%;
}

@media (max-width: 1024px) {
  .exp2 {
    grid-area: 2/1/3/2;
  }
}
@media (max-width: 600px) {
  .exp2 {
    grid-area: 3/1/4/3;
  }
}
.exp3 {
  grid-area: 2/1/3/2;
  max-width: 90%;
}

@media (max-width: 1024px) {
  .exp3 {
    grid-area: 2/2/3/3;
  }
}
@media (max-width: 600px) {
  .exp3 {
    grid-area: 4/1/5/3;
  }
}
.exp4 {
  grid-area: 2/2/3/3;
  max-width: 90%;
}

@media (max-width: 1024px) {
  .exp4 {
    grid-area: 3/1/4/2;
  }
}
@media (max-width: 600px) {
  .exp4 {
    grid-area: 5/1/6/3;
  }
}
.exp5 {
  grid-area: 2/3/3/4;
  max-width: 90%;
}

@media (max-width: 1024px) {
  .exp5 {
    grid-area: 3/2/4/3;
  }
}
@media (max-width: 600px) {
  .exp5 {
    grid-area: 6/1/7/3;
  }
}
.exper-line-height {
  /* line-height: 4.9rem */
}

.line1 {
  grid-area: 1/1/2/3;
  height: 2px;
  background-color: var(--light);
}

.line2 {
  grid-area: 4/1/5/3;
  height: 2px;
  background-color: var(--light);
}

@media (max-width: 1024px) {
  .line2 {
    grid-area: 6/1/7/3;
  }
}
.margin-exp-bot {
  margin-bottom: 0.5rem;
  overflow: hidden;
}

.is-numbers {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  width: 100%;
  height: 100%;
  position: relative;
  gap: 2rem;
  grid-area: 1/1/2/13;
}

@media (max-width: 1024px) {
  .is-numbers {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 600px) {
  .is-numbers {
    /* grid-template-columns: repeat(1, 1fr) */
  }
}
.padding-custom100 {
  padding: 0 3.75rem;
}

@media (max-width: 991px) {
  .padding-custom100 {
    padding: 0 2rem;
  }
}
@media (max-width: 600px) {
  .padding-custom100 {
    padding: 0;
  }
}
.padding-program {
  padding: 0 3.75rem;
}

@media (max-width: 991px) {
  .padding-program {
    padding: 0 2rem;
  }
}
/* HOW NOW */
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.logo-container.end {
  margin-right: 0;
  margin-left: 1.5vw;
}

.logo-container {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.8vw;
  overflow: hidden;
  /* margin-bottom: -0.8rem */
  /* adjust as needed */
}

.aftermovie-text-wrap {
  grid-area: 1/2/2/7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 45ch;
  position: relative;
  top: -1rem;
}

@media (max-width: 600px) {
  .aftermovie-text-wrap {
    grid-area: 1/1/2/5;
    position: relative;
    left: 2.5rem;
    top: 0;
  }
}
.aftermovie-video-wrap {
  grid-area: 1/7/2/13;
  z-index: 3;
  top: -0.3rem;
  position: relative;
}

@media (max-width: 600px) {
  .aftermovie-video-wrap {
    grid-area: 2/1/3/5;
    top: 2rem;
  }
}
.home-icon1 {
  width: 4.74rem;
}

.icon-wrap-hero {
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  /* margin-bottom: 2rem */
}

.icons-cont {
  grid-area: 1/2/2/12;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 1.25rem;
}

@media (max-width: 1024px) {
  .icons-cont {
    grid-area: 1/1/2/5;
    grid-template-columns: 1fr 1fr;
    row-gap: 6rem;
  }
}
.home-icon2 {
  width: 6.3125rem;
}

.home-icon3 {
  width: 5.1875rem;
}

.home-icon4 {
  width: 9.267rem;
}

/* .boxbefore::before {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 1.5rem;
    background-color: var(--light);
    margin-right: 1rem;
    border-radius: 0.1rem;
} */
/* SCROLL TRIGGER ANIMATIONS */
.boxbefore {
  --before-height: 1.5rem;
  --before-opacity: 1;
  position: relative;
  padding-left: 3rem;
}

.boxbefore::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2rem;
  /* Fixed width */
  height: var(--before-height);
  background-color: var(--light);
  margin-right: 1rem;
  border-radius: 0.1rem;
  opacity: var(--before-opacity);
}
.section-05-experience .image-wrapper {
  overflow: hidden;
}
.section-05-experience .line-parent {
  overflow: hidden;
}
.section-05-experience .line {
  display: inline-block;
}

/* .box-before-padding {
    padding-left: 3rem
} */
.rounded {
  border-radius: 0.625rem;
}

.program-block-wrap {
  grid-area: 1/1/2/13;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 1.25rem;
}

@media (max-width: 600px) {
  .program-block-wrap {
    grid-template-columns: 1fr;
  }
}
.right-wrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.max-width-program {
  max-width: 74ch;
}

.partners-logo {
  width: 20rem;
}

.swiper-position {
  grid-area: 2/2/3/12;
}

.footer-icon {
  width: 18.43rem;
}

.footer-right-block {
  grid-area: 1/1/2/4;
}

.small-links-wrap {
  grid-area: 1/2/2/7;
  align-self: end;
}

@media (max-width: 991px) {
  .small-links-wrap {
    grid-area: 1/1/2/7;
  }
}
@media (max-width: 600px) {
  .small-links-wrap {
    grid-area: 3/1/4/5;
  }
}
@media (min-width: 768px) {
  .small-links-wrap {
  }
}

.footer-small-links {
  font-size: 0.75rem;
  font-weight: 500;
}

.footer-small-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.small-links {
  list-style: none;
  color: var(--light);
  /* margin-bottom: 1rem */
  font-weight: 700;
  font-size: 1.5rem;
  margin-right: 2rem;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.small-footer-text {
  font-size: 0.75rem;
  max-width: 40ch;
}

.footer-right {
  grid-area: 1/9/2/12;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 3rem;
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (max-width: 991px) {
  .footer-right {
    grid-area: 2/1/3/12;
  }
}
.footer-newsletter {
  grid-area: 2/9/3/12;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  align-self: flex-end;
  position: relative;
  bottom: -0.14rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/* @media (max-width: 1044px) {
    .footer-newsletter {
        grid-area: 1 / 9 / 2 / 13;
    }
} */
@media (max-width: 991px) {
  .footer-newsletter {
    grid-area: 4/1/5/7;
  }
}
@media (max-width: 600px) {
  .footer-newsletter {
    grid-area: 5/1/6/5;
  }
}
.is-footergap {
  row-gap: 4rem;
}

@media (max-width: 600px) {
  .is-footergap {
    row-gap: 2rem;
  }
}
.header-absolute {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.maxx1 {
  max-width: 36ch;
}

.partners-logo-1 {
  width: 8rem;
}

.partners-logo2 {
  width: 11.6;
}

.partners-logo-3 {
  width: 9.8rem;
}

.partners-logo-4 {
  width: 18.75rem;
}

.is-partners {
  row-gap: 3rem;
}

.sww-left {
  position: absolute;
  left: 0;
  right: auto;
  top: 9.5rem;
}

.sww-right {
  position: absolute;
  right: 0;
  left: auto;
  top: 9.5rem;
}

.swiper-second {
  width: 100%;
}

.testimonials-wrap {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
  gap: 1.25rem;
}

.testimonials-opacity {
  opacity: 0.5;
  font-weight: 700;
}

.quote-max-width {
  max-width: 47ch;
}

.is-people {
  row-gap: 3rem;
}

.sww-left2 {
  position: absolute;
  left: 0;
  right: auto;
  top: 6rem;
}

.sww-right2 {
  position: absolute;
  right: 0;
  left: auto;
  top: 6rem;
}

.hero-how-logo {
  width: 16vw;
}

@media (max-width: 600px) {
  .hero-how-logo {
    width: 23vw;
  }
}
.hero-svg2 {
  width: 21.3vw;
}

@media (max-width: 600px) {
  .hero-svg2 {
    width: 31vw;
  }
}
.how-exp-svg {
  width: 21.875rem;
}

@media (max-width: 600px) {
  .how-exp-svg {
    width: 25rem;
  }
}
.opacity-button {
  opacity: 0.7;
}

/* VIDEO ROTATE */
#videorotate {
  /* transform: rotate(5deg) */
}

.mailjet-wrapper {
  width: 100%;
  position: relative;
  left: -1.1rem;
  top: -4.5rem;
}

@media (max-width: 991px) {
  .mailjet-wrapper {
    top: 0;
    left: -1.5rem;
  }
}
@media (max-width: 600px) {
  .mailjet-wrapper {
    left: -1.9rem;
  }
}
.newsletter-head-footer {
  position: relative;
  /* top: 8rem */
  left: 0.5rem;
}

@media (max-width: 991px) {
  .newsletter-head-footer {
    top: 4rem;
    left: 0;
  }
}
#successMessageDiv {
  color: white !important;
}

.padding-top {
  padding-top: 2rem;
}

@media (max-width: 600px) {
  .padding-top-fix {
    padding-top: 0;
  }
}
@media (max-width: 600px) {
  .program-right-block {
    position: relative;
    top: 1rem;
  }
}

@media (max-width: 991px) {
  .fix {
    font-size: 2rem;
  }
}
.max-width-speakres {
  max-width: 22ch;
}

@media (max-width: 600px) {
  .max-width-speakres {
    max-width: 64ch;
  }
}
.shop-items-wrap {
  grid-area: 1/2/2/12;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 2.5rem;
  margin-bottom: 4rem;
}

@media (max-width: 600px) {
  .shop-items-wrap {
    grid-area: 1/1/2/5;
    grid-template-columns: 1fr;
  }
}
.shortcode-place {
  grid-area: 1/5/2/13;
}

.single-product-wrap {
  grid-area: 1/1/2/13;
}

.post-content {
  grid-area: 1/1/2/13;
}

.info-accordion-wrapper {
  grid-area: 2/6/3/12;
}

@media (max-width: 600px) {
  .info-accordion-wrapper {
    grid-area: 3/1/4/5;
  }
}
.product-image-gallery {
  grid-area: 2/2/3/5;
}

@media (max-width: 600px) {
  .product-image-gallery {
    grid-area: 2/1/3/5;
  }
}
/* WOOCOMMERCE STYLING */
.select2-container--default .select2-selection--single {
  height: 2.5rem;
  padding-top: 0.24rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 0.3rem !important;
}

.woocommerce form .form-row label {
  line-height: 1.5;
}

/* Add to cart */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce #content input.button.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt,
.woocommerce-page input.button.alt,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page #content input.button.alt {
  background-color: var(--dark);
  color: var(--light);
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce #content input.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce-page input.button.alt:hover,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page #content input.button.alt:hover {
  background-color: var(--red);
}

.woocommerce table.shop_table,
#attendee-fields,
#student_fields,
#attendee_fields,
.woocommerce-billing-fields,
#shared_fields {
  margin-bottom: 4rem;
  margin-top: 1rem;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 0 solid #cfc8d8;
}

#add-attendee-button,
#add-student-attendee-button {
  margin-bottom: 0.5rem;
  background-color: var(--dark);
  color: var(--light);
  top: -1.5rem;
  cursor: pointer;
  text-transform: uppercase;
}

button {
  position: relative;
  left: 0.2rem;
  padding: 0.5rem 1rem 0.5rem 1rem;
}

#student-attendee-fields-container {
  margin-top: 0.5rem;
}

.remove-attendee-button {
  position: relative;
  top: 0.7rem;
  cursor: pointer;
  text-transform: uppercase;
}

.remove-attendee-button:hover {
  color: var(--light);
  background-color: var(--red);
}

.maxsml {
  max-width: 75ch;
  font-size: 0.875rem;
  line-height: 1.2;
}

.maxsm {
  left: 0.2rem;
  position: relative;
  top: -0.5rem;
}

#order_review_heading,
#woocommerce-additional-fields {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.woocommerce-billing-fields__field-wrapper {
  margin-top: 1rem;
}

.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
  height: 13rem;
}

.woocommerce button.button.alt {
  padding: 2rem 3.5rem 2rem 3.5rem;
  height: auto;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
  background: #f8f8f8;
  border-radius: 5px;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  background-color: #f8f8f8;
}

.woocommerce-info {
  border-top-color: var(--red);
}

.woocommerce-info::before {
  color: var(--red);
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
  background-color: #d2d2d2;
}

.attendee-fields,
.student-attendee-fields {
  margin-bottom: 4rem;
}

.woocommerce form .form-row {
  margin: 0 0 0.6rem;
}

input[type=file] {
  width: 100%;
  padding: 8px;
  margin-top: 5px;
  border: 1px solid #ccc;
}

.woocommerce-billing-fields {
  margin-top: 4rem;
}

.flex-wrapper ul {
  margin-bottom: 1rem;
}

.quantity-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.flex-wrapper {
  max-width: 51ch;
}

.content-place {
  grid-area: 3/2/4/12;
}

@media (max-width: 600px) {
  .content-place {
    grid-area: 3/1/4/5;
  }
}
.header-reg-wrap {
  grid-area: 2/2/3/10;
}

@media (max-width: 768px) {
  .header-reg-wrap {
    /* grid-area: 1 / 1 / 2 / 5 */
  }
}
@media (max-width: 600px) {
  .header-reg-wrap {
    grid-area: 2/1/3/5;
  }
}
.subheader-wrap {
  grid-area: 3/2/4/12;
  max-width: 78ch;
}

@media (max-width: 991px) {
  .subheader-wrap {
    max-width: 63ch;
  }
}
@media (max-width: 600px) {
  .subheader-wrap {
    grid-area: 3/1/4/5;
  }
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button {
  padding: 1.5rem;
  background-color: var(--dark);
  color: var(--light);
  text-align: center;
  font-size: 1.375rem;
  cursor: pointer;
  text-transform: uppercase;
  height: auto;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover {
  background-color: var(--red);
  color: var(--light);
}

.margin-extra {
  top: 0.5rem;
  position: relative;
  /* line-height: -5.5 */
  /* margin-bottom: rem!important */
}

@media (max-width: 768px) {
  .back-to-product {
    margin-bottom: 1rem !important;
  }
}
@media (max-width: 768px) {
  .form-row .place-order {
    padding: 1rem !important;
  }
}
.woocommerce-thankyou-order-received {
  margin-bottom: 3rem;
}

.woocommerce-order-details__title {
  margin-bottom: 1rem;
}

.woocommerce-thankyou-order-received,
.woocommerce-order-details__title {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 900;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  padding: 1.5rem;
  background-color: var(--dark);
  color: var(--light);
  text-align: center;
  font-size: 1.375rem;
  cursor: pointer;
  text-transform: uppercase;
  height: auto;
}

.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
  background-color: var(--red);
}

.woocommerce .woocommerce-customer-details .woocommerce-column__title {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 900;
  margin-bottom: 1rem;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
  padding: 1.5rem;
  background-color: var(--dark);
  color: var(--light);
  text-align: center;
  font-size: 1.375rem;
  cursor: pointer;
  text-transform: uppercase;
  height: auto;
}

.woocommerce table.shop_table {
  margin-bottom: 2rem;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
  background-color: var(--red);
  color: var(--light);
}

.order-again {
  display: none;
}

.woocommerce ul.order_details {
  margin: 0 0 4rem !important;
}

.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-order-downloads {
  margin-top: 2rem;
}

.border-red {
  border: 2px solid var(--red);
}

.product-content {
  grid-area: 1/1/2/13;
}

#study_certificate {
  margin-bottom: 1rem;
}

.description {
  font-size: 0.875rem;
  line-height: 0.5;
  position: relative;
  top: 0.3rem;
}

#study_certificate_status,
#study_certificate_error {
  display: block;
  position: relative;
  top: -0.3rem;
}

#billing_billing_field {
  display: none;
}

.accordion__content ul {
  margin-bottom: 2rem;
}

.form-row .validate-required {
  margin-bottom: 5rem !important;
}

#student_attendee_fields {
  top: -1rem;
  position: relative;
}

.special-ul {
  padding-left: 3rem;
}

.footer-email {
  grid-area: 2/2/3/8;
  /* align-self: end */
}

@media (max-width: 991px) {
  .footer-email {
    grid-area: 3/1/4/12;
    -ms-flex-line-pack: end;
        align-content: end;
  }
}
@media (max-width: 600px) {
  .footer-email {
    grid-area: 4/1/5/6;
  }
}
.quantity-div {
  margin-bottom: 0.8rem;
}

.woocommerce table.shop_table td {
  font-weight: 700;
}

.add-to-cart-button-wrap {
  position: relative;
  left: -0.2rem;
}

.padding-top-extra {
  /* padding-top: 12rem */
}

.speaker-lead {
  grid-area: 3/2/4/9;
  font-size: 1.75;
  line-height: 1.4;
  /* opacity: 0.6 */
}

/* @media (max-width: 768px) {
    .speaker-lead {
        grid-area: 3 / 1 / 4 / 8;
    }
} */
@media (max-width: 600px) {
  .speaker-lead {
    grid-area: 3/1/4/5;
    font-size: 1.5rem;
  }
}
.about-speakers-header {
  grid-area: 2/2/3/12;
  margin-bottom: -0.5rem;
}

@media (max-width: 600px) {
  .about-speakers-header {
    grid-area: 2/1/3/5;
  }
}
.speakers-img-card {
  grid-area: 1/10/5/12;
  width: 17vw;
  position: relative;
  top: -2rem;
}

@media (max-width: 991px) {
  .speakers-img-card {
    width: 27vw;
  }
}
@media (max-width: 600px) {
  .speakers-img-card {
    grid-area: 1/3/4/5;
    position: relative;
    top: -17vw;
    right: -16vw;
    width: 30vw;
    display: none;
  }
}
.speaker-solo-img-card {
  grid-area: 4/9/7/12;
}

@media (max-width: 1024px) {
  .speaker-solo-img-card {
    grid-area: 4/9/8/12;
  }
}
@media (max-width: 600px) {
  .speaker-solo-img-card {
    grid-area: 4/1/5/5;
  }
}
/* BREADCRUMBS */
.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.018em;
}

.breadcrumb-item {
  margin-right: 0.5rem;
  white-space: nowrap;
}

.breadcrumb-item a {
  text-decoration: underline;
}

.breadcrumb-item a:hover {
  text-decoration: none;
}

/* .breadcrumb-item + .breadcrumb-item::before {
    content: ":";
    margin-right: 0.5rem;
  } */
.breadcrumbs-wrap {
  grid-area: 1/2/2/9;
}

@media (max-width: 600px) {
  .breadcrumbs-wrap {
    grid-area: 1/1/2/5;
    /* position: relative */
    /* bottom: -1.2rem */
  }
}
/* PROGRAM RC STYLES */
.adv-grid-second {
  grid-area: 2/1/3/13;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (max-width: 1024px) {
  .adv-grid-second {
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 4rem;
  }
}
@media (max-width: 600px) {
  .adv-grid-second {
    grid-template-columns: 1fr;
    grid-area: 2/1/3/5;
    row-gap: 2.5rem;
  }
}
.adv-item-lastone {
  grid-area: 1/6/2/7;
}

@media (max-width: 1024px) {
  .adv-item-lastone {
    grid-area: auto;
  }
}
/* MEDIA PARTNERS */
.partneri-margin-bottom {
  margin-bottom: 12.5rem;
}

.partneri-wrapper {
  grid-template-columns: 1fr 1fr 1fr;
  grid-area: 1/2/2/12;
  gap: 4rem;
  display: grid;
  /* flex-direction: row */
  /* gap: 3rem */
  /* row-gap: 6rem */
  /* flex-wrap: wrap */
  /* align-items: center */
  /* flex-basis: 10% */
  /* flex-grow: 1 */
  /* flex-shrink: 1 */
  /* align-content: flex-start */
  /* display: grid */
  /* grid-template-columns: 1fr 1fr 1fr */
  /* grid-template-rows: auto */
  /* column-gap: 2.5rem */
  /* row-gap: 5rem */
}

@media (max-width: 991px) {
  .partneri-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .partneri-wrapper {
    grid-template-columns: 1fr;
    grid-area: 1/1/2/5;
  }
}
.is-partner {
  /* flex: 1 1 auto */
  /* max-width: calc(100% / 5) */
  display: contents;
}

.partners.header1-wrap {
  grid-area: 1/2/2/7;
}

@media (max-width: 600px) {
  .partners.header1-wrap {
    grid-area: 1/1/2/5;
  }
}
.partners-wrap {
  grid-area: 1/1/2/13;
}

.padding-section-large-normal {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.program-header-color {
  color: #F2757A;
}

.time-wrapper {
  grid-area: 1/1/2/2;
}

@media (max-width: 600px) {
  .time-wrapper {
    grid-area: 1/1/2/5;
  }
}
.program-header-wrap {
  grid-area: 1/2/2/6;
}

@media (max-width: 600px) {
  .program-header-wrap {
    grid-area: 2/1/3/5;
  }
}
.speaker-wrapper {
  grid-area: 2/2/3/4;
}

@media (max-width: 600px) {
  .speaker-wrapper {
    grid-area: 3/1/4/5;
  }
}
.moderator-wrapper {
  grid-area: 3/2/4/4;
}

@media (max-width: 600px) {
  .moderator-wrapper {
    grid-area: 4/1/5/5;
  }
}
.txt-color-green {
  color: #15A7A6;
}

.checkbox-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.checkbox-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.checkbox-column label {
  margin-bottom: 10px;
}

.room-type-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.room-type-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#single_bedroom_quantity_wrapper,
#double_bedroom_quantity_wrapper {
  margin-top: 10px;
}

#single_bedroom_quantity_field,
#double_bedroom_quantity_field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#single_bedroom_quantity_field label,
#double_bedroom_quantity_field label {
  margin-right: 10px;
}

#single_bedroom_quantity,
#double_bedroom_quantity {
  width: 60px;
  padding: 5px;
}

.room-type-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.room-type-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#room_type_fields {
  border-top: 1px solid #aaa;
}

#room_type_fields h3 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

#single_bedroom_field,
#double_bedroom_field {
  margin-bottom: 10px;
}

.borderio,
.single-room,
.double-room {
  margin-top: 2rem;
  border: 1px solid #aaa;
}

.room-options {
  padding: 15px;
  border-radius: 5px;
}
.room-options h4 {
  margin-top: 0;
  margin-bottom: 15px;
  padding-bottom: 10px;
  color: #333;
}
.room-options .checkbox-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
}
.room-options .checkbox-columns .checkbox-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.room-options .personal-info {
  background-color: #ffffff;
  border-radius: 5px;
  margin-top: 2.5rem;
}
.room-options .personal-info .personal-info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-bottom: 10px;
  width: 100%;
}
.room-options .personal-info .personal-info-row label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: left;
}
.room-options .personal-info .personal-info-row label input {
  margin-top: 5px;
}

.checkbox-columns .checkbox-column input[type=checkbox] {
  height: 1.5rem !important;
}

/* STYLING ACCOMODATION */
/* General Styles for the Checkout Form */
#room_type_fields {
  margin-top: 1rem;
}

.room-options h4,
.room-options h5 {
  font-size: 1.5rem;
  font-weight: 800;
}

/* Arrange name, surname, email, and phone in a row */
/* .personal-info {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
} */
.personal-info label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 200px;
  display: block;
  /* Make labels block elements */
}

.personal-info label input {
  display: block;
  /* Make inputs block elements */
  width: 100%;
  /* Make inputs take full width */
  margin-top: 5px;
  /* Add some space between label and input */
}

.personal-info-row input {
  width: 100%;
}

.personal-info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.personal-info-row label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

input[type=checkbox] {
  margin-right: 5px;
}

input[type=text],
input[type=email] {
  padding: 5px;
  margin: 5px 0;
  width: 100%;
  display: block;
}

label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
}

label input[type=checkbox],
label input[type=radio] {
  margin-right: 10px;
}

/* Unify checkbox and radio button styles */
/* input[type="checkbox"],
input[type="radio"] {
    appearance: none;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: #007cba;
    border-color: #007cba;
}

input[type="checkbox"]:checked:after,
input[type="radio"]:checked:after {
    content: '\2713';
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */
/* Specific Styles for Buttons and Inputs */
#next-button {
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

#next-button:hover {
  background-color: #45a049;
}

/* Styling for the Total Price Display */
#total_price {
  font-size: 18px;
  font-weight: bold;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.accommodation-product .quantity-container {
  display: none !important;
}

.required {
  color: var(--red);
  margin-left: 0.2rem;
}

.hide-price-product .woocommerce-Price-amount.amount {
  display: none !important;
}

.previous-box {
  grid-area: 1/2/2/5;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 1rem;
  cursor: pointer;
}

@media (max-width: 600px) {
  .previous-box {
    grid-area: 2/1/3/3;
    position: relative;
    left: -0.5rem;
  }
}
.prev-left-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}

.next-box {
  grid-area: 1/9/2/12;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 1rem;
}

@media (max-width: 600px) {
  .next-box {
    grid-area: 2/3/3/5;
    position: relative;
    right: -0.5rem;
  }
}
.medium-box {
  grid-area: 1/5/2/9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 600px) {
  .medium-box {
    grid-area: 1/1/2/5;
  }
}
.topbottom-line {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
}

.speakers-max-w {
  max-width: 8ch;
  justify-self: end;
  width: 100%;
}

.right-aligned {
  text-align: right;
  width: 100%;
}

.nesto-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}

.is-right {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 14ch;
}

.arr-speakers-icon {
  position: relative;
  bottom: 0;
}

.bg-kockice {
  width: 100%;
}

.kockice-wrap {
  position: absolute;
  top: 8rem;
  left: 0;
  right: 0;
}

.kockice-ferlauf {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(49, 49, 49)), to(rgba(228, 229, 230, 0)));
  background: linear-gradient(0deg, rgb(49, 49, 49) 0%, rgba(228, 229, 230, 0) 100%);
}

#single_room_options,
#double_room_options {
  margin-bottom: 1.5rem;
}

/* ACCOMMODATION PAGE CHECKOUT HOTELS SELECTION */
.hidden-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

#hotel_images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-bottom: 2rem;
  margin-top: 1rem;
  max-width: 53%;
}

@media (max-width: 991px) {
  #hotel_images {
    max-width: 100%;
  }
}
.hotel-image {
  cursor: pointer;
  border: 3px solid transparent;
  -webkit-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
}

.hotel-image img {
  max-width: 90%;
  height: auto;
  margin-bottom: 0.6rem;
}

.hotel-image h3 {
  margin-top: 10px;
  margin-bottom: 5px;
}

.hotel-image p {
  margin: 0;
  font-size: 1rem;
}

body.accommodation-checkout .woocommerce-additional-fields {
  margin-top: 4rem;
}

/* ACCOMODATION SUMMARY */
#accommodation-summary {
  /* margin-bottom: 2rem;
  padding: 1rem;
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
  border-radius: 5px; */
}
#accommodation-summary h3,
#accommodation-summary h4,
#accommodation-summary h5 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
#accommodation-summary h3 {
  font-size: 1.5rem;
}
#accommodation-summary h4 {
  font-size: 1.3rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  padding-left: 15px;
}
#accommodation-summary h5 {
  font-size: 1.1rem;
}
#accommodation-summary p {
  margin: 0.3rem 0;
}
#accommodation-summary ul {
  padding-left: 0;
  list-style-type: none;
}
#accommodation-summary .room-summary {
  margin-bottom: 1rem;
}
#accommodation-summary .room-summary-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -1rem;
}
#accommodation-summary .room-summary-column {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding: 0 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 768px) {
  #accommodation-summary .room-summary-column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

#study_certificate_error {
  color: var(--red);
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.woocommerce form .form-row .input-text#study_certificate {
  height: auto;
}

.room-summary-container {
  background-color: #f9f9f9;
  border-radius: 5px;
  padding: 1.5rem;
  margin-bottom: 2rem;
}

.room-summary-title {
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.room-type-summary {
  margin-bottom: 20px;
  width: 100%;
}

.room-type-title {
  font-size: 20px;
  color: #444;
  margin-bottom: 15px;
}

.room-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.room-summary {
  background-color: #fff;
  border-radius: 5px;
  padding: 1.5rem;
  width: calc(50% - 11rem);
}

.room-title {
  font-size: 1.125rem;
  margin-bottom: 10px;
  padding-bottom: 0.8rem;
}

.room-details p {
  margin-bottom: 8px;
}

.guest-info ul {
  list-style-type: none;
  padding-left: 0;
}

.guest-info li {
  margin-bottom: 5px;
}

li {
  margin-bottom: 5px;
}

.guest-contact {
  font-size: 0.9em;
  color: #666;
}

.no-rooms-message {
  font-style: italic;
  color: #888;
}

/*  */
.room-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.room-info-grid {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.info-label {
  font-weight: bold;
  color: #555;
}

.info-value {
  max-width: 26ch;
}

.info-value ul {
  margin: 0;
  padding-left: 20px;
}

.guest-contact {
  font-size: 0.9em;
  color: #666;
  display: block;
  margin-top: 2px;
}

input[type=checkbox] {
  cursor: pointer;
}

/* HIDE DIADORA */
[data-hotel=diadora] {
  display: none;
}

max-width-registrat {
  max-width: 7ch;
}

.img-contain {
  width: 100%;
  height: auto;
}

.home-speakers-wrap {
  grid-area: 1/1/2/13;
}

@media (max-width: 600px) {
  .home-speakers-wrap {
    grid-area: 1/1/2/5;
  }
}
.mobile-menu-padding {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.four-fix {
  position: relative;
  left: -0.1rem;
}

.program-padding {
  padding-bottom: 6rem;
}

.aboutusbottom {
  padding-bottom: 6rem;
}

.head-fix {
  position: relative;
  left: -0.3rem;
}

.subh-fix {
  top: -0.5rem;
  position: relative;
}

.opacity8 {
  opacity: 0.8;
}

.about-max-width {
  max-width: 75ch;
}

.potpisss {
  /* grid-area: 2 / 1 / 3 / 2 */
}

.slikaaa {
  /* grid-area: 1 / 1 / 2 / 2 */
}

.is-team {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media (max-width: 600px) {
  .is-team {
    grid-template-columns: 1fr;
  }
}
.speakers-fix {
  top: 4rem;
}

.absolute-image {
  position: absolute;
  top: -1rem;
}

.margin-logo-partners {
  margin-bottom: 6rem;
}

.advisory-img-card {
  grid-area: 1/10/5/13;
  width: 17vw;
  position: relative;
  top: 3.5rem;
}

@media (max-width: 600px) {
  .advisory-img-card {
    display: none;
  }
}
.swip-position {
  grid-area: 5/2/6/12;
}

@media (max-width: 1024px) {
  .swip-position {
    grid-area: 6/2/7/12;
  }
}
@media (max-width: 600px) {
  .swip-position {
    grid-area: 6/1/7/5;
  }
}
.swiper-pagination-bullet {
  background-color: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 0.5;
}

.heading-gallery {
  grid-area: 4/2/5/12;
  padding-top: 3.75rem;
  padding-bottom: 1.75rem;
}

@media (max-width: 1024px) {
  .heading-gallery {
    grid-area: 5/2/6/12;
  }
}
@media (max-width: 600px) {
  .heading-gallery {
    grid-area: 5/1/6/5;
    padding-top: 1rem;
  }
}
.about-left {
  position: absolute;
  left: -6rem;
  right: auto;
  top: 6rem;
}

.about-right {
  position: absolute;
  right: -6rem;
  left: auto;
  top: 6rem;
}

.bottom-about-header {
  margin-bottom: -0.3rem;
}

@media (max-width: 768px) {
  .bottom-about-header {
    margin-bottom: 1rem;
  }
}
.about-naslov {
  grid-area: 2/2/3/12;
}

@media (max-width: 1024px) {
  .about-naslov {
    grid-area: 3/2/4/12;
  }
}
@media (max-width: 600px) {
  .about-naslov {
    grid-area: 3/1/4/5;
  }
}
.is-hero {
  font-size: 5vw;
  line-height: 6vw;
  margin-bottom: 1rem;
}

@media (max-width: 600px) {
  .is-hero {
    font-size: 6vw;
    line-height: 8vw;
  }
}
@media (min-width: 1440px) {
  .is-hero {
    font-size: 5.8125rem;
    line-height: 1.2;
  }
}
.testimonial-header {
  grid-area: 2/2/3/11;
}

@media (max-width: 600px) {
  .testimonial-header {
    grid-area: 3/1/4/5;
  }
}
.is-registration {
  grid-area: 1/2/2/6;
}

@media (max-width: 600px) {
  .is-registration {
    grid-area: 1/1/2/5;
  }
}
.drugi-bread {
  grid-area: 2/1/3/5;
}

.check-bread {
  grid-area: 1/2/2/12;
}

@media (max-width: 600px) {
  .check-bread {
    grid-area: 1/1/2/5;
  }
}
.bread-about {
  grid-area: 1/2/2/13;
}

@media (max-width: 1024px) {
  .bread-about {
    grid-area: 2/2/3/13;
  }
}
@media (max-width: 600px) {
  .bread-about {
    grid-area: 2/1/3/5;
  }
}
.bread-abouttwo {
  grid-area: 1/1/2/9;
}

@media (max-width: 600px) {
  .bread-abouttwo {
    grid-area: 2/1/3/4;
  }
}
.treci-breads {
  grid-area: 1/2/2/12;
}

@media (max-width: 600px) {
  .treci-breads {
    grid-area: 1/1/2/5;
  }
}
.swiper-hero {
  height: 100%;
}

.swiper-height-auto {
  height: auto;
}

.fouofour {
  grid-area: 1/2/2/6;
}

@media (max-width: 600px) {
  .fouofour {
    grid-area: 1/1/2/5;
  }
}
.tabs-wrapper {
  grid-area: 1/2/2/12;
}

@media (max-width: 600px) {
  .tabs-wrapper {
    grid-area: 1/1/2/5;
  }
}
.prelim a {
  text-decoration: underline !important;
}

.prelim a {
  text-decoration: underline !important;
}

.testimonial-content-wrap {
  grid-area: 1/1/3/13;
}

.contact-header {
  grid-area: 2/2/3/10;
}

@media (max-width: 600px) {
  .contact-header {
    grid-area: 2/1/3/5;
  }
}
.contact-form-position {
  grid-area: 2/2/3/12;
}

@media (max-width: 600px) {
  .contact-form-position {
    grid-area: 2/1/3/5;
  }
}
.third-nav-link {
  font-size: 0.85rem;
}

.third-nav-ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  /* gap: 2rem */
}

.pn-thumb {
  min-width: 6rem;
}

.padding-prev-nex {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.menu-three {
  position: relative;
  top: -0.3rem;
}

.footer-margin-fix {
  margin-bottom: 7.15rem;
}

.logotipes-position {
  grid-area: 2/2/3/12;
}

@media (max-width: 600px) {
  .logotipes-position {
    grid-area: 2/1/3/5;
  }
}
.hero-height {
  height: 100%;
}

.prevnextpad {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.pn-right {
  justify-self: end;
}

@media (max-width: 991px) {
  .browsethrough {
    font-size: 1.25rem;
  }
}
.testimon:nth-child(2n) {
  opacity: 0.8;
}

/* Accommodation Styles */
#room_type_fields {
  margin-top: 1rem;
}

.room-type-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.room-options {
  margin-bottom: 20px;
}

.room-options h4 {
  font-size: 1.2rem;
  margin-bottom: 10px;
}

.checkbox-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.checkbox-column {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.personal-info {
  margin-top: 15px;
}

.personal-info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.personal-info-row label {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#accommodation-summary {
  margin-top: 2rem;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  overflow: hidden;
}

#accommodation-summary h3 {
  padding: 15px;
  margin: 0;
  font-size: 1.3rem;
}

.room-summary-container {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.room-summary {
  min-width: 250px;
  margin-bottom: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 15px;
}

.room-summary h4 {
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.room-info-grid {
  display: grid;
  grid-template-columns: 0.25fr 1fr;
  gap: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.info-label {
  font-weight: bold;
  color: #555;
}

.info-value {
  color: #333;
}

.guest-list {
  margin: 0;
  padding-left: 20px;
}

.guest-info {
  margin-bottom: 5px;
}

.guest-contact {
  font-size: 0.9em;
  color: #666;
  display: block;
  margin-top: 2px;
}

@media (max-width: 991px) {
  .room-type-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #single_room_options,
#double_room_options {
    width: 100%;
  }
  .checkbox-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .personal-info-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .personal-info-row label {
    width: 100%;
    margin-bottom: 10px;
  }
  .room-summary {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
  .room-info-grid {
    grid-template-columns: 1fr;
    gap: 5px;
  }
  .info-label {
    margin-bottom: 2px;
  }
  /* .info-value {
    padding-left: 15px;
  } */
}
@media (max-width: 600px) {
  #accommodation-summary {
    font-size: 0.9rem;
  }
  .room-options h4 {
    font-size: 1.1rem;
  }
  .checkbox-columns label {
    font-size: 0.9rem;
  }
  #accommodation-summary h3 {
    font-size: 1.2rem;
  }
  #accommodation-summary h4 {
    font-size: 1rem;
    padding-left: 15px;
  }
  .room-summary {
    min-width: 100%;
  }
  .guest-list {
    padding-left: 0;
    list-style-type: none;
  }
  .guest-info {
    margin-bottom: 10px;
  }
}
.is-contact {
  row-gap: 3rem;
}

.topfix {
  position: relative;
  top: 0.5rem;
}

.contactinput {
  height: 4rem !important;
  width: 100%;
}

.contact-leadx {
  grid-area: 3/2/4/12;
  font-size: 1.75;
  line-height: 1.4;
}

@media (maz-width: 600px) {
  .contact-leadx {
  }
}
@media (max-width: 600px) {
  .contact-leadx {
    grid-area: 3/1/4/5;
  }
}
.contact-breakcrumbs {
  grid-area: 1/2/2/9;
}

@media (max-width: 600px) {
  .contact-breakcrumbs {
    grid-area: 1/1/2/5;
  }
}
.sucess-place {
  grid-area: 6/1/7/3;
}

@media (max-width: 600px) {
  .sucess-place {
    grid-area: 7/1/8/2;
  }
}
.checkbox_wrapper {
  grid-area: 4/1/5/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 600px) {
  .checkbox_wrapper {
    grid-area: 5/1/6/2;
  }
}
.imgg-centr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.box-before-padding a {
  text-decoration: underline !important;
}

.partnexi-extra-text {
  grid-area: 1/1/2/1;
}

/* SPEAKERS FORMA */
.content-right-profili-new {
  grid-area: 4/2/6/8;
}

@media (max-width: 600px) {
  .content-right-profili-new {
    grid-area: 4/1/5/5;
  }
}
.forma-grid-new {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  gap: 1.25rem;
  row-gap: 2rem;
}

@media (max-width: 600px) {
  .forma-grid-new {
    grid-template-columns: 1fr;
  }
}
.form-company-name-new {
  grid-area: 1/1/2/2;
}

@media (max-width: 600px) {
  .form-company-name-new {
    grid-area: 1/1/2/5;
  }
}
.form-code-new {
  grid-area: 1/2/2/3;
}

@media (max-width: 600px) {
  .form-code-new {
    grid-area: 2/1/3/5;
  }
}
.form-personal-data-new {
  grid-area: 2/1/3/3;
}

@media (max-width: 600px) {
  .form-personal-data-new {
    grid-area: 3/1/4/5;
  }
}
.personal-data-grid-new {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.25rem;
}

@media (max-width: 1024px) {
  .personal-data-grid-new {
    grid-template-columns: repeat(2, 1fr);
  }
}
.form-first-name-new {
  grid-area: auto/auto/auto/auto;
}

.form-lastname-new {
  grid-area: auto/auto/auto/auto;
}

.form-email-new {
  grid-area: auto/auto/auto/auto;
}

.form-position-new {
  grid-area: auto/auto/auto/auto;
}

.form-phone-new {
  grid-area: auto/auto/auto/auto;
}

.form-heard-about-new {
  grid-area: 3/1/4/3;
}

@media (max-width: 600px) {
  .form-heard-about-new {
    grid-area: 4/1/5/5;
  }
}
.checkbox_wrapper_new {
  grid-area: 4/1/5/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 600px) {
  .checkbox_wrapper_new {
    grid-area: 5/1/6/5;
  }
}
.form-button-wrap-new {
  grid-area: 5/1/6/3;
}

@media (max-width: 600px) {
  .form-button-wrap-new {
    grid-area: 6/1/7/5;
  }
}
.sucess-place-new {
  grid-area: 6/1/7/3;
}

@media (max-width: 600px) {
  .sucess-place-new {
    grid-area: 7/1/8/5;
  }
}
.heard-about-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  /* Adjust the gap as needed */
}

#heard_about_other_new {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#other_field_container {
  width: 100%;
}

.select-width {
  width: 100%;
}

.complemet-lead {
  grid-area: 3/2/4/12;
  /* font-size: 1.75 */
  line-height: 1.4;
}

@media (max-width: 600px) {
  .complemet-lead {
    grid-area: 3/1/4/5;
  }
}
.complimentary-orm-pos {
  grid-area: 4/2/5/12;
}

@media (max-width: 600px) {
  .complimentary-orm-pos {
    grid-area: 4/1/5/5;
  }
}
.smaller-pivacy {
  font-size: 1rem;
}

.helper-text {
  font-size: 0.875rem;
  line-height: 1.4;
}

.comlementray-breadcrumbs {
  grid-area: 1/2/2/9;
}

@media (max-width: 600px) {
  .comlementray-breadcrumbs {
    grid-area: 1/1/2/5;
  }
}

@media (max-width: 600px) {
  .bottom-fix-mobile {
    margin-bottom: 1.5rem;
  }
}
.drugi-naslov-breadfix {
  grid-area: 2/2/3/12;
  margin-bottom: -0.5rem;
}

@media (max-width: 1024px) {
  .drugi-naslov-breadfix {
    grid-area: 3/2/4/12;
  }
}
@media (max-width: 600px) {
  .drugi-naslov-breadfix {
    grid-area: 3/1/4/5;
  }
}
.drigi-lead-breadcrumbs {
  grid-area: 3/2/4/9;
  font-size: 1.75;
  line-height: 1.4;
}

@media (max-width: 1024px) {
  .drigi-lead-breadcrumbs {
    grid-area: 4/2/5/9;
  }
}
@media (max-width: 600px) {
  .drigi-lead-breadcrumbs {
    grid-area: 4/1/5/5;
  }
}
.adviser-profili-content {
  grid-area: 4/2/6/8;
}

@media (max-width: 1024px) {
  .adviser-profili-content {
    grid-area: 5/2/7/8;
  }
}
@media (max-width: 600px) {
  .adviser-profili-content {
    grid-area: 5/1/7/5;
  }
}
/* GSAP ANIMACIJE */
/* h1,
h2,
h3,
p {
    visibility: hidden;
} */
.line-parent {
  overflow: hidden;
}

.card-card {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  top: 50%;
  /* Move top to 50% */
  left: 50%;
  /* Move left to 50% */
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /* width: 36vw */
  /* max-width: 100% */
}

.card-steker {
  z-index: 10;
  /* width: 36vw */
  /* max-width: 100% */
}

.steker-wrapp {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* Center horizontally */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* Center vertically */
  height: 100%;
  /* Ensure the container takes full height */
  overflow: hidden;
}

.line-mask {
  overflow: hidden;
}

/* .textonsteker {
    position: absolute;
    top: 20.5vw;
    left: 11.4vw;
    text-transform: uppercase;
    font-size: 1vw;
    font-weight: 600;
    line-height: 1.2;
    max-width: 15ch;
    text-align: center;
    color: rgb(72, 70, 70);
} */
.section-07-prelim {
  overflow: hidden;
}
.section-07-prelim .card-card {
  will-change: transform;
}
.section-07-prelim .line-parent {
  overflow: hidden;
}
.section-07-prelim .line {
  display: inline-block;
}

.height100 {
  height: 100vh;
  height: 100svh;
}

.line-parent {
  overflow: hidden;
  display: block;
}

.hero-line {
  display: block;
}

.hero-how-logo,
.hero-svg2 {
  display: inline-block;
}

.menu-char {
  display: inline-block;
}

.logo-cont-pos {
  overflow: hidden;
}

.section-9-testimonials {
  overflow: hidden;
}

.line-parent {
  overflow: hidden;
  display: block;
}

.section-04-speakers {
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

.adv-item {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.adv-item:hover {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

.aspect-vertical {
  /* overflow: hidden */
}

.aspect-image {
  aspect-ratio: 2/2.8;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.adv-item:hover .aspect-image {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.image-container {
  position: relative;
  width: 100%;
  overflow: visible;
}

.image-clip {
  /* clip-path: inset(0 0 100% 0) */
  /* position: absolute */
  /* top: 0 */
  /* left: 0 */
  width: 100%;
  height: 100%;
}

.aspect-vertical {
  width: 100%;
  aspect: 2/2.8;
  /* height: 100% */
  overflow: hidden;
}

.prelimtext {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 700;
}

.visibility-hidden {
  visibility: hidden;
}

@media (max-width: 991px) {
  .image-clip {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
@media (max-width: 991px) {
  .maskalogo {
    visibility: visible;
  }
}
.logofromdown {
  /* visibility: hidden */
}

.image-clip {
  /* clip-path: inset(0 0 0 0) */
}

footer,
footer .footer-logo,
footer .footer-nav1 li,
footer .small-links-wrap li,
footer .footer-nav2 a,
footer .menu-three li,
footer .footer-margin-fix,
footer .max-width-footer-text,
footer .footer-newsletter {
  visibility: visible;
  opacity: 1;
}

.play-icon {
  width: 11rem;
  height: 11rem;
  fill: currentColor;
}

.speakersguests.position {
  grid-area: 1/2/2/12;
}

.speakersguest-wrap {
  grid-area: 1/2/2/12;
}

@media (max-width: 600px) {
  .speakersguest-wrap {
    grid-area: 1/1/2/5;
  }
}
.cname {
  grid-area: 1/1/2/3;
}

@media (max-width: 600px) {
  .cname {
    grid-area: 1/1/2/2;
  }
}
.rcode {
  grid-area: 2/1/3/3;
}

@media (max-width: 600px) {
  .rcode {
    grid-area: 2/1/3/2;
  }
}
.atendee-head {
  grid-area: 3/1/4/3;
  margin: 4rem 0 2rem 0;
}

@media (max-width: 600px) {
  .atendee-head {
    grid-area: 3/1/4/2;
  }
}
.fname {
  grid-area: 4/1/5/2;
}

@media (max-width: 600px) {
  .fname {
    grid-area: 4/1/5/2;
  }
}
.fsur {
  grid-area: 4/2/5/3;
}

@media (max-width: 600px) {
  .fsur {
    grid-area: 5/1/6/2;
  }
}
.fpos {
  grid-area: 5/1/6/3;
}

@media (max-width: 600px) {
  .fpos {
    grid-area: 6/1/7/2;
  }
}
.femail {
  grid-area: 6/1/7/2;
}

@media (max-width: 600px) {
  .femail {
    grid-area: 7/1/8/2;
  }
}
.fphone {
  grid-area: 6/2/7/3;
}

@media (max-width: 600px) {
  .fphone {
    grid-area: 8/1/9/2;
  }
}
.howhe {
  grid-area: 7/1/8/2;
}

@media (max-width: 600px) {
  .howhe {
    grid-area: 9/1/10/2;
  }
}
.how-other {
  grid-area: 7/2/8/3;
}

@media (max-width: 600px) {
  .how-other {
    grid-area: 10/1/11/2;
  }
}
.fsubmit {
  grid-area: 9/1/10/4;
}

.speaker-check {
  grid-area: 8/1/9/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 600px) {
  .speaker-check {
    grid-area: 11/1/12/2;
  }
}
.check-submit {
  grid-area: 9/1/10/4;
}

@media (max-width: 600px) {
  .check-submit {
    grid-area: 12/1/13/2;
  }
}
.checksucs {
  grid-area: 10/1/11/3;
}

@media (max-width: 600px) {
  .checksucs {
    grid-area: 13/1/14/2;
  }
}
.form-first-name {
  grid-area: 1/1/2/2;
}

@media (max-width: 600px) {
  .form-first-name {
    grid-area: 1/1/2/2;
  }
}
.form-lastname {
  grid-area: 1/2/2/3;
}

@media (max-width: 600px) {
  .form-lastname {
    grid-area: 2/1/3/2;
  }
}
.form-email {
  grid-area: 2/1/3/3;
}

@media (max-width: 600px) {
  .form-email {
    grid-area: 3/1/4/2;
  }
}
.form-button-wrap {
  grid-area: 5/1/6/2;
}

@media (max-width: 600px) {
  .form-button-wrap {
    grid-area: 6/1/7/2;
  }
}
.cursor {
  cursor: pointer;
}

.eu-wrap {
  grid-area: 1/9/2/13;
  align-self: end;
}

@media (max-width: 1024px) {
  .eu-wrap {
    grid-area: 1/9/2/13;
  }
}
@media (max-width: 991px) {
  .eu-wrap {
    grid-area: 2/7/3/13;
  }
}
@media (max-width: 600px) {
  .eu-wrap {
    grid-area: 6/1/7/5;
  }
}
.eu-img-cont {
  width: 19rem;
}

.gallery-wrap {
  grid-area: 2/1/3/13;
}

.gallery-link {
  grid-area: 3/1/4/13;
}