.izbornik{
  position:absolute!important;
  width:100%;
  background:none!important;
  z-index:5;
}

.izbornik .navbar-nav a{
  color:#fff;
  padding:5px 20px!important
}

.izbornik .navbar-nav a:hover{
  color:#1B9AAA;
}

.join-btn{
  background:#1B9AAA;
  border-radius:50px!important;
  font-weight:300;
  text-align:center;
}

.join-btn-2{
  background:#1b9aaa61;
  border-radius:50px!important;
  font-weight:300;
  margin-left:15px;
  text-align:center;
}

.nav-link.active {
    color: #fff!important;
}

.nav-link.active:hover {
    color: #1b9aaa!important;
}

.join-btn .nav-link.active:hover{
 color:rgba(255,255,255,0.6)!important;
  border-radius:100px
}


.page-template-page-sidebar-join-waitlist .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #000!important;
}

.page-template-page-sidebar-join-waitlist  {
    background: #040d1c!important;
}


.page-template-page-sidebar-join-waitlist .izbornik .navbar-nav a{
  color:#000;
  padding:10px 30px!important
}

.page-template-page-sidebar-join-waitlist .izbornik{
  position:relative!important;
  margin-bottom:100px;
}

.page-template-page-sidebar-join-waitlist .izbornik .current-menu-item a{
  color:#fff!important
}


.page-template-page-sidebar-join-waitlist .navbar-brand{
  filter: invert(1);
}

.page-template-page-sidebar-join-waitlist footer{
  margin-top:100px
}


.hero-qlubo {
  overflow: hidden;
  background: radial-gradient(circle at left, #040617 0, #040617 45%, #090F41 60%, #040617 100%);
  color: #fff;
}

.hero-tile {
  background: #00000061;
  border-radius: 24px;
  min-height: 380px;
  opacity: 0.85;  
}

.hero-qlubo {
  height: 850px;       
  overflow: hidden;
  display: flex;
  align-items: center;
}

.btn-hero {
  background:#1B9AAA!important;
  color:#fff!important;
  font-weight:300!important;
}

.hero-left-col .text-hero-muted {
  font-size:18px!important;
  color: #7f8089;
}

.hero-left-col .text-hero-muted span {
  font-size:18px!important;
  color: #fff!important;
}

.btn-hero:hover {
  color:rgba(255,255,255,0.6)!important;
}

.hero-qlubo .col-6:nth-child(even) {
  margin-top:-30px!important;
}

.hero-tile-main {
  background: #0b1f5a;
  min-height: 510px !important;
}

.hero-tile-content {
  padding: 1.6rem;
  min-height: 350px !important;
}

.milioni{
  font-size:15px!important;
  color:#1B9AAA96;
  font-weight:bold
}

.milioni span{
  font-size:35px!important;
  color:#1B9AAA96;
  font-weight:bold
}.sik-banner{
  height:560px
}


.milioni {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 2px #ffffff1a
}

.profile-eyebrow{
  font-size:10px!important;
  margin:0!important
}

.profile-name{
  font-size:26px!important
}

.profil-ikone{
  font-size:13px!important;
  opacity:50%;
  margin-bottom:20px!important
}

.profil-ikone .fa-solid{
  font-size:19px!important;
  opacity:80%;
  color:#1B9AAA
}

.hero-lines {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.hero-line {
  display: block;
  height: 8px;
  border-radius: 0px!important;
  background: rgba(255, 255, 255, 0.2);
}

.hero-floating-pill {
  position: absolute;
  right: 120px;
  bottom: 280px;
  width: 280px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(0,0,0,.6);
  z-index: 10;
  padding: 0;
  transform: translateY(-40px);
}

.aiicon {
  width:40px; 
  margin-right:10px
}

.about-us-icons{
  margin-top:60px
}

.aiicon-large {
  width:70px; 
  height:70px;
  margin-right:10px;
  background:#fff;
  object-fit:contain;
  padding:10px;
  border-radius:10px
}



.badge-top {
  background: #ffffff;
  color: #000;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  margin-bottom:-8px;
}

.badge-bottom {
  background: #1B9AAA;
  color: #fff;
  padding: 14px 18px;
}

.icon-pill {
  width: 32px;
  height: 32px;
  background: rgba(0,0,0);
  color: #fff;

}

.hero-qlubo h1{
  margin-bottom:40px!important
}

.underline-off {
  position: relative;
  display: inline-block;
}

.underline-off::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.45em;
  height: 0.45em;
  background-image: url('../images/underline-off.svg')!important;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 100%;
  pointer-events: none;
}

.text-hero-green{
  color:#1B9AAA
}

.features-section {
    background-color: #040d1c;
    padding: 1rem;
    padding-bottom: 0;
    color: #fff;
    overflow: hidden;
}

.feature-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    height: 100%;
}

.feature-text {
    margin-bottom: 1rem;
}

.feature-title {
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

.feature-desc {
    color: #ffffff;
    font-size: 0.9rem;
    max-width: 250px;
    margin: 0 auto;
  opacity:0.5
}

.feature-line {
    width: 4px;
    background-color: #1B9AAA; 
    height: 40px;
    margin-bottom: -5px;
}

.features-section img {
    width: 280px;
    max-width: 100%;
    object-fit: cover;
    object-position: top;
}

.line-short { height: 30px; }
.line-long { height: 60px; }

.hero-icons-bar{
  background:#121528;
  color:#fff;
  padding:30px 0!important
}

.hero-icons-bar .fa-solid{
  color:#1B9AAA;
  font-size:24px
}

.waitlist-subtitle{
  font-size:20px!important;
  max-width:500px;
  margin:50px auto;
  opacity:0.5;
}

.waitlist-section {
  background: #040617;
  color: #fff;
}

.waitlist-heading {
  font-size: 35px;
  font-weight: 700;
}

.waitlist-card {
  border-radius: 20px;
  padding: 50px 80px 50px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
  top:0;
  transition:all 0.7s;
  position:relative
}

.waitlist-card:hover {
  border-radius: 20px;
  padding: 50px 80px 50px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45);
  top:-10px;
  transition:all 0.5s;
}

.waitlist-card--seeker {
  background: rgba(27,154,170,0.2);
}

.waitlist-card--seeker:hover {
  background: rgba(27,154,170,0.4);
}


.waitlist-card--provider {
  background: rgba(255,255,255,0.10);
}

.waitlist-card--provider:hover {
  background: rgba(255,255,255,0.30);
}

.waitlist-card-title {
  font-size: 20px;
  margin-bottom: 30px;
  font-weight:300;
}

.waitlist-card-underline-off {
  width:100px;
  height: 2px;
  background: rgba(255, 255, 255, 1.4);
}

.waitlist-card-heading {
  font-size: 30px;
  font-weight: 700;
  color:#1B9AAA;
}

.waitlist-card-subheading {
  font-size: 25px;
  font-weight: 600;
}

.waitlist-card-text {
  font-size: 15px;
  line-height: 1.4;
  opacity: 0.9;
}

.btn-waitlist {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  padding: 0.75rem 1.8rem;
  border-radius: 999px!important;
  font-weight:300!important;
  font-size: 16px;
  border: none;
  background: #1B9AAA!important;
  color: #fff!important;
}

.btn-waitlist:hover {
  color: rgba(255,255,255,0.6)!important;
}

.btn-waitlist:hover,
.btn-waitlist:focus {
}

.btn-waitlist--outline {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: none;
}



.about-hero {
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5rem 0;
  overflow: hidden;
}


.about-hero-bg {
  position: absolute;
  inset: 0;
  background-image: url('../images/bg.png');
  background-size: cover;
  background-position: center;
}

.about-hero-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.05) 0%,
      rgba(0, 0, 0, 0.10) 45%,
      rgba(0, 0, 0, 0.11) 100%
    );
}


.about-eyebrow {
  font-size: 16px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 600;
  opacity: 0.5;
}

.about-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}

.about-divider {
  width: 190px;
  height: 4px;
  border-radius: 999px;
  background: #1B9AAA;
}

.about-text {
  font-size: 16px;
  line-height: 1.4;
  max-width: 52rem;
  margin-left: auto;
  margin-right: auto;
  color: rgba(255, 255, 255, 0.9);
}

.services-section {
  background: #040617;
  color: #ffffff;
}

.services-title {
  font-size: 30px;
  font-weight: 700;
}

.service-card {
  display: block;
  background: none;
  border-radius: 22px;
  overflow: hidden;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease;
  position: relative;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.35);
}

.service-image {
  width: 100%;
  height: 360px;
  overflow: hidden;
}

.service-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}

.service-card:hover img {
  transform: scale(1.07);
}

.service-footer {
  background: #0A1B53;
  background: linear-gradient(0deg,rgba(10, 27, 83, 1) 0%,rgba(10, 27, 83, 1) 20%, rgba(10, 27, 83, 0) 100%);
  padding: 14px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  position:absolute;
  bottom:0;
  width:100%;
}

.service-footer i {
  font-size: 18px;
  transition: transform .25s ease;
}

.service-card:hover .service-footer i {
  transform: translateX(4px);
}


.qlubo-features {
  background: #040617;
  color: #fff;
}

.qlubo-features-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.25;
}

.qlubo-feature-card {
  background: rgba(255,255,255,0.1);
  padding: 32px;
  border-radius: 24px;
  display: flex;
  gap: 24px;
  align-items: flex-start;
  transition: background .25s ease, transform .25s ease;
}

.qlubo-feature-card:hover {
  background: rgba(255,255,255,0.15);
  transform: translateY(-4px);
}

.qlubo-feature-icon {
  width: 84px;
  height: 84px;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.qlubo-feature-icon i {
  font-size: 48px;
  color: #fff;
  opacity: 0.9;
}

.qlubo-feature-content h4 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 6px;
}

.qlubo-feature-content p {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
  opacity: .5;
}

.qlubo-footer {
  background: #070a26;
  color: #ffffff;
  border-top: px solid rgba(255,255,255,0.05);
}

.qlubo-footer-logo img {
  max-width: 140px;
  opacity: 0.95;
}

.qlubo-footer-heading {
  color: #1B9AAA;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
}

.qlubo-footer-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.qlubo-footer-list li {
  margin-bottom: 8px;
}

.qlubo-footer-list a {
  color: rgba(255,255,255,0.5);
  text-decoration: none;
  font-size: 16px;
  transition: color .2s ease;
}

.qlubo-footer-list a:hover {
  color: #1B9AAA;
}

.qlubo-social-icon  {
  width: 42px;
  height: 42px;
  background: #1B9AAA;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 16px;
  transition: all .4s ease;
  text-decoration:none!important
}

.qlubo-social-icon:hover {
  color:rgba(255,255,255,0.5)
}

.qlubo-footer-bottom {
  font-size: 14px;
  color: rgba(255,255,255,0.7);

}

.top-button{
  background:#1B9AAA!important;
  border:none!important
}

.qlubo-step-intro {
  color:#fff;
}

.qlubo-step-intro a {
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:16px;
}

.qlubo-step-eyebrow {
  font-size: 2.4rem;
  line-height: 1.1;
  font-weight: 700;
}

.qlubo-welcome-underline-off {
  color: #1B9AAA;
  position: relative;
}


.qlubo-welcome-underline-off {
  position: relative;
  display: inline-block;
}

.qlubo-welcome-underline-off::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.45em;
  height: 0.45em;
  background-image: url('../images/underline-off.svg')!important;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 100%;
  pointer-events: none;
}

.qlubo-btn-circle {
  width: 72px!important;
  height: 72px!important;
  border-radius: 999px!important;
  background: rgba(27,154,170,0.5)!important;
  border: none!important;
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  font-size: 1.6rem!important;
  padding: 0!important;
  color:#fff!important
}

.qlubo-btn-submit {
  border-radius: 999px;
  padding: 10px 20px;
  background-color: #1B9AAA;
  border: none;
  color: #ffffff;
  font-weight: 300;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
}


.qlubo-btn-submit::after {
  content: "\f061"; 
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.qlubo-form-card {
  background-color: rgba(255,255,255,0.1);
  border-radius: 32px;
}

.qlubo-form-title {
  font-weight: 700;
  opacity: .3;
  color:#fff;
}

.qlubo-pill-input.form-control {
  border-radius: 999px;
  border: 2px solid #1b9aaa;
  background-color: #1e2633;
  padding: 0.9rem 1.4rem;
  font-size: 0.95rem;
}

.qlubo-pill-input.wpcf7-form-control.wpcf7-select {
  border-radius: 999px;
  border: 2px solid #1b9aaa;
  background-color: #1e2633;
  padding: 0.9rem 1.4rem;
  font-size: 0.95rem;
  color:#fff
}


.qlubo-pill-input.form-control::placeholder {
  color:#fff!important
}

.qlubo-pill-input.form-control:focus {
  border-color: #1B9AAA;
  box-shadow: 0 0 0 0.1rem rgba(3,124,92,0.2);
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #1B9AAA!important;
  background: #1B9AAA!important;
  padding:30px;
  border-radius:30px;
  color:#fff;
  font-weight:bold;
  text-align:center
}

.wpcf7-list-item  {
  margin:0px 0 5px !important
}

.qlubo-checkbox {
    display: flex;
    align-items: flex-start;
    font-size: 16px;
    font-weight:bold;
    cursor: pointer;
    line-height: 1.4;
    user-select: none;
}

.qlubo-checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #1b9aaa;
    border-radius: 4px;
    background: rgba(255,255,255,0.1)!important;
    top: 3px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    margin-right:5px
}

.qlubo-checkbox input[type="checkbox"]:checked {
    background-color: #037C5C;
    border-color: #037C5C;

}

.qlubo-checkbox input[type="checkbox"]:checked::after {
    content: "\f00c"; 
    font-family: "Font Awesome 7 Free";
    font-weight: 900; 
    position: absolute;
    top: 0px;
    left: 2px;
    font-size: 14px;
    color: #fff;
    line-height: 1;
}

.qlubo-step-intro h3{
  max-width:500px;
  margin:40px 0!important;
  font-size:25px
}

.qlubo-step-lead{
  max-width:500px;
  margin:30px 0
}

.features-section {
  position: relative;
}


.scroll-phone-shell.active {
  position: relative;
  min-height: 50vh;
}

.scroll-phone-sticky  {
  position: sticky;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none; /* da klikovi idu na sadržaj unutra ako treba */
}

 .active .scroll-phone-frame  {
  position: relative;
  border-radius: 32px;
  padding: 16px;
  background: #000;
  box-shadow: 0 20px 60px rgba(0,0,0,0.4);
  transform-origin: top center;
  transition: all 0.5s ease-out;
}

.active .scroll-phone-notch   {
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: 200px;
  height: 6px;
  border-radius: 8px;
  background: #fff;
}

.scroll-phone-screen   {
  position: relative;
  margin-top: 24px;
  border-radius: 24px;
  overflow: hidden;
  background: #040d1c;
  padding: 24px 16px 0;
  pointer-events: auto;
}




#universal-popup {
  position: fixed;
  inset: 0;
  background: rgba(255,255,255,.0);
    backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  display: none;
  z-index: 300000;
  justify-content: center;
  align-items: center;
}

#universal-popup.active {
  display: flex;
}

#universal-popup .popup-inner {
  background: #040d1c;
  width: 90%;
  max-width: 1450px;
  height: 650px;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.popup-close {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 28px;
  cursor: pointer;
  color:#040d1c;
  background: #fff;
  width:30px;
  height:30px;
  line-height:27px;
  text-align:center;
  margin:10px;
  border-radius:50%;
}

.popup-iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.page-template-page-sidebar-join-waitlist,
.page-template-page-sidebar-join-waitlist body,
.page-template-page-sidebar-join-waitlist #page,
.page-template-page-sidebar-join-waitlist #content,
.page-template-page-sidebar-join-waitlist #primary,
.page-template-page-sidebar-join-waitlist #main {
  height: 100%;
  min-height: 100vh;
}

.page-template-page-sidebar-join-waitlist #content {
  padding: 0 !important;
}

.page-template-page-sidebar-join-waitlist .entry-content {
  height: 100%;
  display: flex;
  align-items: center;   
  justify-content: center;  
}

.page-template-page-sidebar-join-waitlist .entry-content > * {
  max-width: 1300px;
  width: 100%;
}

.page-template-page-sidebar-join-waitlist .izbornik{
  display:none!important
}


.page-template-page-sidebar-join-waitlist footer{
  display:none!important
}


select[name="user_profile"] option:first-child {
  display: none;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	display:none
}

.wpcf7-not-valid-tip{
  text-align:right;!important;
  font-size:13px!important;
  margin-top:10px;
  padding-right:20px
}

.qlubo-btn-submit:hover{
  color: rgba(255,255,255,0.6)
}

.qlubo-btn-circle:hover{
  color: rgba(255,255,255,0.6)!important;
}

.page {
  background:#040616!important;
  margin:auto
}

.page .podstranica{
  color:#fff;
  margin-top:100px;
  max-width:800px;
}

.page .podstranica a{
  color:#fff;
}


.page .podstranica h1{
  font-size:40px;
  font-weight:300;
}

.page .podstranica h2{
  font-size:22px;
  font-weight:500;
}

.page .podstranica h3{
  font-size:18px;
  font-weight:900;
}

.qlubo-step-intro h3 {
  font-size:18px!important;
  color: #7f8089;
  font-weight:normal;
}

.qlubo-step-intro a {
  color: #1b9aaa;
  font-weight:normal;
}

.qlubo-step-intro {
  font-size:16px!important;
}

.samo-mob{
  display:none;
}

.qlubo-step-form {
  color:#fff;
  font-size:14px
}

.qlubo-step-form a{
  color:#fff;
}

.page .podstranica-wide{
  color:#fff;
  margin-top:100px;
}

.page .podstranica-wide a{
  color:#fff;
}


.page .podstranica-wide h1{
  font-size:40px;
  font-weight:300!important;
  display:none;
}

.page .podstranica-wide h2{
  font-size:32px;
  font-weight:500;
  color:#1b9aa9!important
}

.page .podstranica-wide h3{
  font-size:25px;
  font-weight:900;
}

.podstranica-wide .qlubo-step-form{
  margin:50px 0;
}

.zeleno{
  font-size:13px;
  color:#fff;
}

.zeleno a{
  font-size:13px;
  color:#1b9aaa!important;
  text-decoration:underline-off;
}



.podstranica-wide .centrirano{
  background:#1e1f2e;
  padding:100px 50px;
  border-radius:30px;
  text-align:center;
}

.podstranica-wide .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 100%!important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.podstranica-wide .centrirano p {
    max-width:850px!important;
}

.centrirano{
  box-shadow: 0px 1px 5px 2px #8281815c!important
}

.podstranica-wide .qlubo-form-card{
  box-shadow: 0px 1px 5px 2px #8281815c!important
}

.podstranica-wide .qlubo-form-title{
  color:#fff!important;
  opacity:1;
  font-weight:300!important
}

.ikona {
  text-align:center;
}

.ikona img{
  padding:15px;
  background:#fff;
  border-radius:10px;
  margin-bottom:-50px;
  z-index:1;
  position:relative;
  box-shadow: 0px 1px 5px 2px #535353bf
}

.izbornik-scroll{
  position:fixed!important;
  background:#050c1c91!important
}

.btn-summit{
  background:#1b9aaa;
  width:100%;
  display:block;
  text-align:center;
  padding:15px 10px;
  border-radius:10px;
  text-decoration:none;
  font-weight:bold;
  transition:all 1s
}

.btn-summit:hover{
  background:#194757;
}

.offcanvas-sm, .offcanvas-md, .offcanvas-lg, .offcanvas-xl, .offcanvas-xxl, .offcanvas {
    --bs-offcanvas-width: 90%!important;
}

.phone-wrap{ position:relative; overflow:visible; }

.phone-wrap .iti{ width:100%; position:relative; display:block; reminder:0; }
.phone-wrap .iti input[type="tel"]{ width:100%!important; padding-left:96px!important; }

.phone-wrap .iti__country-list{
  position:absolute!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-height:320px!important;
  overflow-y:auto!important;
  background: rgba(14,18,30,0.98)!important;
  border: 2px solid rgb(26 150 166)!important;
  border-radius:18px!important;
  box-shadow:0 20px 60px rgba(0,0,0,.6)!important;
  backdrop-filter: blur(10px);
  z-index:999999!important;
  top: calc(100% + 12px)!important;
  bottom:auto!important;
}

.phone-wrap.is-dropup .iti__country-list{
  top:auto!important;
  bottom: calc(100% + 12px)!important;
}

.phone-wrap .iti__search-input{
  position: sticky;
  top: 0;
  z-index: 2;
  margin:10px!important;
  padding:10px 14px!important;
  background: rgba(255,255,255,0.06)!important;
  border:0px solid rgba(0,255,255,0.18)!important;
  color:#fff!important;
  border-radius:14px!important;
}

.phone-wrap .iti__country{ padding:12px 16px!important; color:rgba(255,255,255,.95)!important; }
.phone-wrap .iti__country:hover,
.phone-wrap .iti__country.iti__highlight{ background: rgba(0,255,255,0.12)!important; }
.phone-wrap .iti__dial-code{ color: rgba(0,255,255,0.85)!important; font-weight:600!important; }

.phone-wrap .iti__flag{ transform:scale(1.25); transform-origin:left center; }

.iti__search-input-wrapper{
  display:none!important
}

.qlubo-form-card .wpcf7-form-control {
  background:#1e1f2e!important
}

.iti--inline-dropdown .iti__dropdown-content {
    position: absolute;
    z-index: 2;
    margin-top: 3px;
    margin-left: calc(var(--iti-border-width) * -1);
    border: 0!important;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.phone-wrap .iti__country-list {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.phone-wrap .iti__country-list::-webkit-scrollbar {
  display: none;
}

.iti__selected-country-primary{
  background:#040616;
  width:100px!important;
  text-align:center!important;
  border-radius:50px;
  width:40px!important;
  height:40px!important;
  margin-left:10px
}

.iti__selected-dial-code{
  background:#1b9aaa;
  padding:3px;
  border-radius:10px;
}

.form-control {
    color:#fff!important;
}

@media screen and (min-width: 100px) and (max-width: 992px) {
.about-text a {
  display:block;
  text-align:center;
  margin-bottom:30px;
}
  
.join-btn{
  background:#1B9AAA;
  border-radius:100px;
  font-weight:300;
}

.join-btn-2{
  margin-top:10px;
  margin-left:0px
}

.offcanvas li{
  margin:10px 0;
}
  
.samo-mob{
  display:block;
}
  
.samo-desktop{
  display:none;
}

.about-us-icons{
  margin-top:0px;
  text-align:center;
}
  
  .nav-link.active{
  color:#000!important
}
  
  .popup-inner {
  padding:20px
}
  
.nav-toggler{
  color:#fff!important;
  border:none!important;
  font-size:30px!important
}

.hero-tile {
  min-height: 100px;
  opacity: 1.85;  
}

.hero-qlubo {
  height: initial;
  padding-top:120px
}

.sakrij{
  display:none;
}

.hero-qlubo .col-6:nth-child(even) {
  margin-top:30px!important;
  width:100%;
}

.hero-qlubo .col-6:nth-child(odd) {
  margin-top:30px!important;
  width:100%;
}

.hero-floating-pill {
  position: relative;
  right: -30px!important;
  bottom: -20px!important;
  width: 280px!important;
  transform: translateY(-40px)!important;
}

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

.features-section img {
    width: 180px!important;
}


.waitlist-subtitle{
  font-size:16px!important;
}


.waitlist-card {
  padding: 30px 20px 30px;
}


.waitlist-card-title {
  font-size: 20px;
  margin-bottom: 10px;
}

.waitlist-card-underline-off {
  width:50px;
}

.waitlist-card-heading {
  font-size: 25px;
}

.waitlist-card-subheading {
  font-size: 20px;
}

.waitlist-card-text {
  font-size: 0.85rem;
  line-height: 1.4;
}

.btn-waitlist {
  font-size: 0.85rem!important;
}

.about-hero {
  padding: 3rem 0;
}

.about-eyebrow {
  font-size: 0.75rem;
}

.about-title {
  font-size: clamp(1.6rem, 2vw, 1.8rem);
}

.about-divider {
  width: 120px;
}

.about-text {
  font-size: 0.80rem;
  line-height: 1.2;
  padding:10px;
  text-align:justify
}


.qlubo-features-title {
  font-size: clamp(1.5rem, 3vw, 2.8rem);
}

.qlubo-feature-card {
  padding: 22px 12px;
}

.qlubo-feature-icon {
  width: 54px;
  height: 94px;
}

.qlubo-feature-icon i {
  font-size: 38px;
}

.qlubo-feature-content h4 {
  font-size: 1.0rem;
}

.qlubo-feature-content p {
  font-size: .75rem;
  line-height: 1.4;
}

.qlubo-footer-heading {
  font-size: 1.1rem;
}

.qlubo-footer-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.qlubo-footer-list a {
  text-decoration: none;
}

.page-template-page-sidebar-join-waitlist .nav-toggler{
  color:#000!important;
  padding:10px 0px!important
}

.page-template-page-sidebar-join-waitlist .izbornik{
  margin-bottom:0px;
}

.page-template-page-sidebar-join-waitlist footer{
  margin-top:0px
}
  
.qlubo-step-eyebrow {
  font-size: 2.0rem;
  margin-top:50px
}


.qlubo-btn-circle {
  width: 42px!important;
  height: 42px!important;
  font-size: 1.2rem!important;
}


.qlubo-btn-submit {
  border-radius: 999px;
  padding: 0.55rem 2.5rem;
  font-size:16px
}

.qlubo-checkbox {
    font-size: 14px;
}

#universal-popup .popup-inner {
  width: 100%;
  height: 100vh;
  border-radius: 0px;
  background:#040616
}

.popup-close {
  right: 10px;
  top: 30px;
}

.qlubo-pill-input.form-control {
  border-radius: 999px;
  border: 2px solid #1b9aaa;
  background-color: #1e2633;
  padding: 0.6rem 1.4rem!important;
  font-size: 0.95rem;
}

.qlubo-pill-input.wpcf7-form-control.wpcf7-select {
  padding: 0.6rem 1.4rem;
  font-size: 0.95rem;
}

.offcanvas{
  background:#040617!important
}

.offcanvas a{
  color:#fff!important;
}

.offcanvas a.active{
  color:#fff!important;
}

.offcanvas-title{
  display:none;
}

.btn-close {
  --bs-btn-close-color: #fff !important;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-width='2' d='M2 2l12 12M14 2L2 14'/%3e%3c/svg%3e") !important;
  opacity: 1 !important;
  filter: none !important;
}


.podstranica-wide .centrirano{
  padding:30px 30px;
  border-radius:30px;
  text-align:center!important;
}

.podstranica-wide h2{
  text-align:center;
  font-size:25px!important
}

.centrirano h2{
  margin-top:40px!important
}

.join-btn{
  border-radius:5px!important;
}

.join-btn-2{
  border-radius:5px!important;
}


}