@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Wix+Madefor+Display:wght@400..800&family=Wix+Madefor+Text:ital,wght@0,400..800;1,400..800&display=swap');
:root {
  --me-yellow: #FFD236;
  --me-pink: #F91567;
  --me-text-color: #16161d;
  --me-wix-display: "Wix Madefor Display";
  --me-wix-text: "Wix Madefor Text";
  --me-text-font: "Lexend";
  --me-border-radius: 8px;
}
button {
  color: var(--me-text-color) !important;
  font-family: var(--me-wix-text);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
a.pink {
  color: var(--me-pink) !important;
  font-family: var(--me-text-font);
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal;
  text-decoration-line: underline;
}
a:hover {
  text-decoration: none !important;
  color: var(--me-pink) !important;
}
span.gradient
{
background: linear-gradient(to right, #FF9532 5%, #FE5A69 28%, #F958BE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
span.gradient-orange {
    background: linear-gradient(88deg, #ff9532 28.03%, #fe5a69 43.4%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

.premium-parking form select {
  background-color: white;
  border: 1px solid transparent !important;
  background-image: linear-gradient(white, white),
    linear-gradient(45deg, #ffb292, #f8cfff) !important;
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
.premium-parking .radio-dugmici {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  margin-bottom: 31px;
}
.premium-parking .radio-dugmici label {
  padding: 16px;
  display: flex;
  gap: 8px;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #ebebeb;
}
.premium-parking .radio-dugme.active {
  background-color: #ffe8e6;
}
.premium-parking .radio-dugme input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 100%;
  border: 1px solid #ebebeb;
  width: 15px;
  height: 15px;
  margin: 0;
}
.premium-parking  .radio-dugme input:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6.5C0 4.77609 0.684819 3.12279 1.90381 1.90381C3.12279 0.684819 4.77609 0 6.5 0C8.22391 0 9.87721 0.684819 11.0962 1.90381C12.3152 3.12279 13 4.77609 13 6.5C13 8.22391 12.3152 9.87721 11.0962 11.0962C9.87721 12.3152 8.22391 13 6.5 13C4.77609 13 3.12279 12.3152 1.90381 11.0962C0.684819 9.87721 0 8.22391 0 6.5ZM6.12907 9.282L9.87133 4.60373L9.19533 4.06293L6.00427 8.05047L3.744 6.1672L3.18933 6.8328L6.12907 9.282Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 6.5C0 4.77609 0.684819 3.12279 1.90381 1.90381C3.12279 0.684819 4.77609 0 6.5 0C8.22391 0 9.87721 0.684819 11.0962 1.90381C12.3152 3.12279 13 4.77609 13 6.5C13 8.22391 12.3152 9.87721 11.0962 11.0962C9.87721 12.3152 8.22391 13 6.5 13C4.77609 13 3.12279 12.3152 1.90381 11.0962C0.684819 9.87721 0 8.22391 0 6.5ZM6.12907 9.282L9.87133 4.60373L9.19533 4.06293L6.00427 8.05047L3.744 6.1672L3.18933 6.8328L6.12907 9.282Z' fill='url(%23paint0_linear_5505_12526)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_5505_12526' x1='1.56978e-08' y1='-1.65079' x2='15.3904' y2='0.07235' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.0200282' stop-color='%23FB6443'/%3E%3Cstop offset='1' stop-color='%23FF0083'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: none;
}
.premium-parking .radio-dugme label {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
}

/*dodatak za premium parking formu*/
.container.premium-parking  {
    padding-top: 80px;
    padding-bottom: 80px;
}
.premium-parking .row {
    display: flex;
}
.premium-parking .row .kol-1 {
    background-image: url("https://domainme.alicorn.me/premium/images/form/zenalijevo.webp");
}
.premium-parking .row .kol-3 {
    background-image: url("https://domainme.alicorn.me/premium/images/form/momakdesno.webp");
}
.premium-parking .row .kol-1,
.premium-parking .row .kol-3 {
    width: 20%;
    min-height: 100%;
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.premium-parking .row .kol-2 {
    width: 60%;
    margin-top: -80px;
    margin-bottom: -80px;
}
.premium-parking .kol-2 {
    border-radius: 22px;
    border: 1px solid #EDEDED;
    background: #FFF;
    box-shadow: 0px 5px 5px 0px rgba(219, 219, 219, 0.25);
    padding: 22px;
}
.premium-parking h2 {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
}
.premium-parking.korak-2 h2 {
    text-align: left;
    color: #000 !important;
}
.premium-parking p,
.premium-parking .form-group label {
    color: #000;
    font-family: var(--me-wix-text) !important;
    line-height: 23px;
}
.premium-parking form p,
.premium-parking.korak-2 .form-group label {
    font-size: 18px;
    font-weight: 700;
}
.premium-parking .form-group label {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.13px;
}
.premium-parking .radio-dugmici label {
  cursor: pointer;
}
.premium-parking .form-group input,
.premium-parking .form-group textarea {
    padding: 6px;
    border-radius: 6px;
    font-family: var(--me-text-font);
    font-size: 18px;
    font-weight: 400;
    text-align: left !important;
}
.premium-parking .form-group input::placeholder,
.premium-parking .form-group textarea::placeholder {
  color: #cdcdcd !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  font-family: var(--me-text-font);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #cdcdcd !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  font-family: var(--me-text-font)
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #cdcdcd !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  font-family: var(--me-text-font)
}
input[type="text"]:focus-visible,
input[type="email"]:focus-visible,
textarea:focus-visible {
  border: solid var(--me-pink) 1px !important;
  outline: none;
}
.premium-parking .form-group input,
.premium-parking .form-group textarea
.premium-parking button {
    text-align: center;
}
.premium-parking .me-btn-primary {
  display: block;
  width: 100%;
  text-align: center;
  outline: none;
  border: none;
}
.premium-parking .me-btn-primary,
.premium-parking .me-btn-primary span {
  font-weight: 600 !important;
}
.premium-parking button .main-label {
    position: relative;
    width: fit-content;
    padding-left: 24px;
    margin-left: auto;
    margin-right: auto;
}
.premium-parking button .main-label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_748_775)'%3E%3Cpath d='M8.2072 3.80164L8.72444 2.72405L9.75892 2.18526L8.72444 1.64646L8.2072 0.568878L7.68996 1.64646L6.65548 2.18526L7.68996 2.72405L8.2072 3.80164ZM3.55203 5.95681L4.41388 4.16094L6.13823 3.26284L4.41388 2.36474L3.55203 0.568878L2.69017 2.36474L0.96582 3.26284L2.69017 4.16094L3.55203 5.95681ZM14.9313 10.2672L14.0695 12.063L12.3451 12.9611L14.0695 13.8592L14.9313 15.6551L15.7932 13.8592L17.5175 12.9611L15.7932 12.063L14.9313 10.2672ZM17.2143 3.74203L14.4713 0.884746C14.2696 0.673943 14.0048 0.568878 13.7401 0.568878C13.4753 0.568878 13.2105 0.673943 13.0085 0.884746L1.26905 13.1133C0.864958 13.5343 0.864958 14.2165 1.26905 14.6371L4.01205 17.4944C4.2141 17.7049 4.47886 17.8099 4.7433 17.8099C5.00806 17.8099 5.27282 17.7049 5.47487 17.4944L17.2143 5.26547C17.6184 4.84521 17.6184 4.16263 17.2143 3.74203ZM12.586 7.42031L10.9402 5.70593L13.7397 2.78972L15.3855 4.50409L12.586 7.42031Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_748_775'%3E%3Crect width='16.5517' height='17.2414' fill='white' transform='translate(0.96582 0.568878)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
.premium-parking form .form-group {
    margin-bottom: 18px;
    flex-direction: column;
}
.premium-parking form p {
    margin: 0;
}
.premium-parking form .form-group label {
    margin-bottom: 10px;
}
.premium-parking .radio-dugmici {
  margin-top: 8px;
}
.premium-parking .page {
    display: none;
}
.premium-parking .page.active {
    display: block;
}
.premium-parking form .checkbox-group {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}
.premium-parking form .checkbox-group label {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: #000;
    font-family: var(--me-text-font) !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin: 0 9px 9px 0;
    border-radius: 5px;
    border: 1.239px solid #EBEBEB;
    padding: 10px;
    cursor: pointer;
}
.premium-parking form .checkbox-group label:last-of-type {
  margin-right: 0 !important;
}
.premium-parking form .checkbox-group label span {
    width: 22px;
    height: 22px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 2px 0 8px;
}
input[type="text"], input[type="email"], textarea {
    border: 1px solid transparent !important;
    background-image: linear-gradient(white, white), linear-gradient(45deg, #f8cfff, #ffb292) !important;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    padding: 8px;
    width: 100%;
}
label.iconic span {
    background-image: url("https://domainme.alicorn.me/premium/images/form/iconic.png");
}
label.smart span {
    background-image: url("https://domainme.alicorn.me/premium/images/form/smart.png");
}
label.playful span {
    background-image: url("https://domainme.alicorn.me/premium/images/form/playful.png");
}
label.wierd span {
    background-image: url("https://domainme.alicorn.me/premium/images/form/wierd.png");
}
label.bold span {
    background-image: url("https://domainme.alicorn.me/premium/images/form/bold.png");
}
label.creative span {
    background-image: url("https://domainme.alicorn.me/premium/images/form/creative.png");
}
label.popular span {
    background-image: url("https://domainme.alicorn.me/premium/images/form/popular.png");
}
label.reliable span {
    background-image: url("https://domainme.alicorn.me/premium/images/form/reliable.png");
}
label.innovative span {
    background-image: url("https://domainme.alicorn.me/premium/images/form/innovative.png");
}
label.rebel span {
    background-image: url("https://domainme.alicorn.me/premium/images/form/rebel.png");
}
label.serious span {
    background-image: url("https://domainme.alicorn.me/premium/images/form/serious.png");
}
.premium-parking input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 1px;
  border: 1px solid #A6A6A6;
  width: 13px;
  min-width: 13px;
  height: 13px;
  min-height: 13px;
  margin: 0;
  position: relative;
  display: inline-block;
}
.premium-parking input[type="checkbox"]:checked:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath d='M5.1484 7.6948L0.986328 4.64652L1.98288 3.23963L4.79667 5.29135L8.66564 0.308594L10.0139 1.36377L5.1484 7.6948Z' fill='%23f91567'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.premium-parking form select {
    padding: 16px;
    border-radius: 8px;
    appearance: none;
    width: 100%;
    color: #3A3A3A;
    font-family: var(--me-text-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.premium-parking form .custom-select {
    position: relative;
}
.premium-parking form .custom-select:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    top: 16px;
    right: 16px;
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_758_1774)'%3E%3Cpath d='M7.41 8.59L12 13.17L16.59 8.59L18 10L12 16L6 10L7.41 8.59Z' fill='url(%23paint0_linear_758_1774)' fill-opacity='0.8'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_758_1774' x1='5.18421' y1='17.5464' x2='19.0692' y2='8.63639' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.234' stop-color='%23FF9532'/%3E%3Cstop offset='0.514' stop-color='%23FE5A69'/%3E%3Cstop offset='0.814' stop-color='%23F657BC'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_758_1774'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") !Important;


}
.premium-parking.korak-2 {
  padding-top: 18px;
}
.me-progress-steps {
    display: flex;
    align-items: center;
    justify-content: center;
}
.me-progress-steps .me-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.me-progress-steps .me-step span {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: solid 2px;
    text-align: center;
    font-family: var(--me-wix-text);
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 10px;
    border-color: #8C8C8C;
    color: #16161D;
}
.me-progress-steps .me-connector {
    width: 80px;
    height: 2px;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: -26px;
}
.me-connector.conn-1 {
    background: linear-gradient(90deg, #f800c1, #fe5d30);
}
.me-connector.conn-2 {
    background: linear-gradient(90deg, #fb3c62, #ff861c);
}
.me-step.me-step-1 label {
    color: #F634AF;
}
.me-step.me-step-1 > span {
    border-color: #F634AF;
}
.me-step.me-step-2 label {
    color: #F64754;
}
.me-step.me-step-2 > span {
    border-color: #F64754;
}

.me-step.me-step-3 label {
    color: #16161D;
}
.me-step svg {
    margin-top: 3px;
}
@media screen and (max-width: 1440px) {
 .premium-parking form .checkbox-group {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (min-width: 992px) {
  .premium-parking .row {
      background-image: url("https://domainme.alicorn.me/premium/images/form/pozadina-lander.webp");
      background-size: cover;
      background-position: bottom left;
      border-radius: 24px;

  }
}

@media screen and (max-width: 991px) {
  .container.premium-parking {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }
  .premium-parking {
      padding: 13px !important;
  }
 .premium-parking .kol-1,
 .premium-parking .kol-3 {
    display: none;
  }
  .premium-parking .kol-2 {
      width: 100% !important;
      margin: 0 !important;
      box-shadow: 0px 4px 4px 0px rgba(219, 219, 219, 0.25) !important;
  }
  .premium-parking h2 {
      font-size: 22px !important;
      line-height: 28px !important;
  }
  .premium-parking .kol-1 {
    padding: 20px !important;
  }
  .premium-parking p,
  .premium-parking .form-group label {
      line-height: 21px !important;
  }
  .premium-parking form p {
      font-size: 14px !important;
  }
  .premium-parking .form-group label {
      font-size: 12px !important;
  }
  .premium-parking .form-group input,
  .premium-parking .form-group textarea {
    font-size: 16px !important;
  }
  .premium-parking.korak-2 h2 {
    font-family: var(--me-wix-display) !important;
    font-size: 36px !important;
    line-height: 37px !important;
  }
  .me-progress-steps .me-connector {
      width: 60px;
  }
}
@media screen and (max-width: 767px) {
    .me-progress-steps .me-connector {
        width: 40px;
    }
    .premium-parking .me-btn-primary,
    .premium-parking .me-btn-primary span {
      font-size: 16px !important;
    }
    .premium-parking .form-group input[type="text"],
    .premium-parking .form-group textarea {
      padding: 12px 18px;
    }
}
@media all and (max-width: 389px) {
    .premium-parking .tabs.radio-dugmici {
        display: block;
    }
    .premium-parking .tabs.radio-dugmici .radio-dugme {
        margin-bottom: 12px;
    }
}