/*------------------------------------*/
    /*------------PISAVA FONTI------------*/
    /*------------------------------------*/
    
    .poppins-thin {
        font-family: "Poppins", sans-serif;
        font-weight: 100;
        font-style: normal;
    }
    
    .poppins-extralight {
        font-family: "Poppins", sans-serif;
        font-weight: 200;
        font-style: normal;
    }
    
    .poppins-light {
        font-family: "Poppins", sans-serif;
        font-weight: 300;
        font-style: normal;
    }
    
    body>.poppins-regular {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-style: normal;
    }
    
    .poppins-medium {
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-style: normal;
    }
    
    .poppins-semibold {
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-style: normal;
    }
    
    .poppins-bold {
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        font-style: normal;
    }
    
    .poppins-extrabold {
        font-family: "Poppins", sans-serif;
        font-weight: 800;
        font-style: normal;
    }
    
    .poppins-black {
        font-family: "Poppins", sans-serif;
        font-weight: 900;
        font-style: normal;
    }
    
    .poppins-thin-italic {
        font-family: "Poppins", sans-serif;
        font-weight: 100;
        font-style: italic;
    }
    
    .poppins-extralight-italic {
        font-family: "Poppins", sans-serif;
        font-weight: 200;
        font-style: italic;
    }
    
    .poppins-light-italic {
        font-family: "Poppins", sans-serif;
        font-weight: 300;
        font-style: italic;
    }
    
    .poppins-regular-italic {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-style: italic;
    }
    
    .poppins-medium-italic {
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        font-style: italic;
    }
    
    .poppins-semibold-italic {
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-style: italic;
    }
    
    .poppins-bold-italic {
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        font-style: italic;
    }
    
    .poppins-extrabold-italic {
        font-family: "Poppins", sans-serif;
        font-weight: 800;
        font-style: italic;
    }
    
    .poppins-black-italic {
        font-family: "Poppins", sans-serif;
        font-weight: 900;
        font-style: italic;
    }
    /*Josefin Sans*/
    
    @font-face {
        font-family: 'Josefin Sans';
        src: url('JosefinSans-Italic-VariableFont_wght.ttf') format('truetype-variations');
        font-style: normal;
        font-weight: 400;
    }
    /*------------------------------------*/
    /*--------------GLOBALNO--------------*/
    /*------------------------------------*/
    
     :root {
        --primarna: #43b7ff;
        --glavni_tekst: clamp(20px, 1.4vw, 35px);
    }
    /*Josefin Sans*/
    
    @font-face {
        font-family: 'Josefin Sans';
        src: url('JosefinSans-Italic-VariableFont_wght.ttf') format('truetype-variations');
        font-style: normal;
        font-weight: 400;
    }
    /*------------------------------------*/
    /*--------------GLOBALNO--------------*/
    /*------------------------------------*/
    
    html {
        padding: 0;
        margin: 0;
        width: 100%;
        font-family: "Josefin Sans";
    }
    
     :root {
        --ozadje: #f7f1eb;
        --tekst: #563620;
        --naslovi: #26150a;
    }
    
    h1 {
        font-size: 3em;
        margin-bottom: 3px;
        color: var(--naslovi);
    }
    
    h2 {
        font-size: clamp(25px, 2em, 40px);
        color: var(--naslovi);
    }
    
    h3 {
        color: var(--naslovi);
    }
    
    h4 {
        color: var(--naslovi);
    }
    
    h5 {
        font-size: clamp(17px, 1.1vw, 22px);
    }
    
    a,
    a:visited {
        text-decoration: none;
        color: inherit;
    }
    
    body>* {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-style: normal;
        color: white;
    }
    
    .he {
        display: flex;
        margin: auto;
        justify-content: center;
        align-items: center;
    }
    
    .in_he {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    #header_inner1 {
        width: 30%;
    }
    
    .logo_ez {
        max-width: 60%;
    }
    
    #header_inner2 {
        width: 40%;
        display: flex;
        flex-direction: column;
    }
    
    #spacer_he {
        width: 30%;
    }
    
    #nas1,
    #nas3 {
        font-size: clamp(12px, 1.4vw, 30px);
    }
    
    #nas2 {
        font-size: clamp(30px, 3vw, 60px);
        text-decoration: underline #6ea32c;
        font-weight: bolder;
        margin: 10px 0;
    }
    
    #zacetek {
        position: fixed;
        height: 100vh;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99;
        background: #fff;
    }
    
    .nav {
        display: flex;
        justify-content: space-between;
        /* margin: auto; */
        padding: 0 10%;
        width: 100%;
        z-index: 10;
        background-color: #fff;
        align-items: center;
    }
    
    .nav-meni {
        list-style-type: none;
        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;
        padding-left: 0;
    }
    
    .nav-li {
        padding: 1em;
    }
    
    .active-menu {
        border-bottom: 3px solid var(--primarna);
        text-decoration: none;
        color: var(--tekst);
    }
    
    h1,
    h2,
    h3,
    h4 {
        color: var(--naslovi);
    }
    
    body>* {
        text-decoration: none;
        color: var(--tekst);
    }
    
    h1,
    h2,
    h3,
    h4 {
        color: var(--naslovi);
    }
    
    body>* {
        font-family: "Josefin Sans", sans-serif;
        font-weight: 400;
        font-style: normal;
    }
    
    .text-animation {
        opacity: 0;
        /* Initial opacity for fade-in effect */
    }
    
    #waa {
        top: 0;
        width: 100%;
        height: 100%;
        /* margin-top: -100px; */
        /* margin-top:vw; */
        display: absolute;
    }
    
    .svg-scale-wrapper {
        width: 100%;
        z-index: 100;
        top: 0;
        left: 0;
        position: fixed;
        /* display: flex;
  justify-content:center;
  align-items:center; */
        background-color: black;
    }
    
    .aktivno {
        height: 12px;
        width: 12px;
        margin: -6px 0 0 -6px;
        border-radius: 100%;
        background: #fff;
        cursor: pointer;
    }
    
    .neaktivno {
        border-radius: 50%;
        z-index: 1;
        height: 5px;
        width: 5px;
        border: 0;
        background: #fff;
        cursor: pointer;
    }
    
    .neaktivno:hover {
        height: 12px;
        width: 12px;
        border-radius: 100%;
        background: #fff;
    }
    
    .nav-pod {
        display: flex;
        position: absolute;
        bottom: 1%;
        left: 50%;
        /* Position from the center horizontally */
        transform: translateX(-50%);
        align-items: center;
    }
    
    .nav-pod a {
        margin: 0 5px 0 5px;
    }
    /* .fp-slidesNav ul li a span{
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
}
.fp-slideNav ul li a span:hover{
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}
.fp-slidesNav.fp-bottom {
  bottom: 17px;
}
.fp-slidesNav {
  width: 400px;
}
.fp-slidesNav {
  position: absolute;
  z-index: 4;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  left: 0 !important;
  right: 0;
  margin: 0 auto !important;
} */
    
    body {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    #svg-scale {
        left: 50%;
        top: 50%;
        width: 1024px;
        /* height: 846px; */
        margin-left: -512px;
        margin-top: -423px;
        transform: scale(0.944)
    }
    
    #revvy {
        margin: 0;
        padding: 0;
        border: 0;
        vertical-align: baseline;
        position: absolute;
        pointer-events: none!important;
        left: 50%;
        top: 50%;
        width: 1013px;
        /* height: 836.912px; */
        margin-left: -501.554px;
        margin-top: -285.896px;
        z-index: 304;
    }
    
    nav {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: 0 0;
        z-index: 100;
    }
    
    .placeholder {
        display: none;
        height: 0;
    }
    
    header,
    footer,
    main {
        max-width: 1000px;
        position: relative;
        margin: auto;
        width: 100%;
    }
    
    #ozadje {
        background: linear-gradient(145deg, #001099 0, #3ad9ff 96%);
        z-index: -2;
    }
    
    body,
    html {
        margin: 0;
        padding: 0;
        overflow-x: hidden !important;
    }
    
    .swoosh {
        display: none;
        z-index: -1;
    }
    
    #swoosh-bottom {
        background-color: rgba(255, 255, 255, 0.5);
        position: fixed;
        display: flex;
        z-index: 1000;
        align-items: center;
        justify-content: center;
        height: 12vh;
        background-color: rgba(255, 255, 255, 0.5);
        position: fixed;
        display: flex;
        z-index: 1000;
        align-items: center;
        justify-content: center;
        height: 12vh;
    }
    
    nav a,
    nav div,
    .vec {
        color: var(--naslovi) !important;
    }
    
    .meni_text,
    #hover-meni {
        margin: 2vw;
        padding: 10px;
        color: #000;
        text-decoration: none;
        border-radius: 5px;
    }
    
    .horizontal-section {
        margin: 0;
        padding: 0;
        display: flex;
        width: 100%;
        /* height: 100vh; */
        position: relative;
    }
    
    .sub-section {
        width: 100vw;
        /* height: 100vh; */
        display: flex;
        justify-content: center;
        align-items: center;
        transition: transform 0.5s ease-in-out;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .section {
        margin: 0;
        padding: 0;
        padding: 30px 0 30px 0;
    }
    /* .container {
    margin-top: 100px;
} */
    
    .container h1,
    .container h2 {
        max-width: 500px;
    }
    
    @keyframes rotate {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    
    @keyframes fade-in {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    /* .horizontal-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: 10px;
} */
    
    .horizontal-nav button {
        padding: 10px 20px;
        font-size: 1rem;
        cursor: pointer;
    }
    
    #section1 {
        /* height: 30000px; */
        overflow-y: auto;
    }
    
    html>* {
        overflow-x: hidden;
    }
    /* ////HOVER MENI/////// */
    /* #hover-meni {
  display: flex;
  flex-direction:row;
  flex-wrap: wrap;
  width: 200px;
  height: auto;
} */
    /* #hover-meni > *{
  display: none;
}


#hover-meni:hover a{
  display: block;
} */
    
    #hover-meni {
        position: relative;
        display: inline-block;
        cursor: pointer;
    }
    
    .submenu {
        display: none;
        position: absolute;
        background-color: white;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
        z-index: 1;
        width: 280px;
        opacity: 1;
    }
    
    #o-meni {
        background-image: url(slike/cenik_ozadje_1000_lq.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 25vh 25vh 100vh;
    }
    
    .spacer {
        height: 50vh;
    }
    
    .spacer-o {
        border: 0;
        height: 2px;
        background-color: var(--tekst);
        /* Color of the shadow effect */
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
        /* Shadow effect */
        margin: 20px 0;
        width: 40px;
        height: 50px;
    }
    
    #profilna_container {
        position: relative;
        width: clamp(200px, 25vw, 800px);
        height: clamp(200px, 25vw, 800px);
        overflow: hidden;
        margin: auto;
        /* left: 50%;
    transform: translateX(-50%); */
    }
    
    #profilna_container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        clip-path: inset(0 round 20px);
        /* Adjust radius as needed */
    }
    
    .mask {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 20px;
        /* Adjust radius as needed */
        /* Color of the mask */
        pointer-events: none;
    }
    
    #profilna_container {
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    #predstavitev {
        font-size: var(--glavni_tekst);
        margin: auto;
        max-width: 65vw;
        color: var(--tekst);
        padding: clamp(20px, 4vh, 40px);
    }
    
    #hover-meni:hover .submenu {
        display: block;
        animation: opacity-meni 0.5s ease;
    }
    
    @keyframes opacity-meni {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    .submenu a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }
    
    .submenu a:hover {
        background-color: #ddd;
    }
    /* MASAŽE */
    
    .naslov_gl {
        text-align: center !important;
        padding: 10%;
    }
    
    #spacer {
        height: 12vh;
    }
    
    .masaze {
        margin: 0 auto;
        width: 90vw;
    }
    
    .masaze_inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }
    
    .tip1_1,
    .tip2_1 {
        width: 50%;
        display: flex;
        flex-direction: column;
    }
    
    .tip1_1 {
        padding-right: 5%;
    }
    
    .tip2_1 {
        padding-right: 5%;
    }
    
    .slika_masaze {
        width: 500px;
        height: auto;
        border: 1px solid var(--tekst);
    }
    
    .vec {
        margin-top: auto;
        padding: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 3%;
        width: 20%;
        cursor: pointer;
        border: 1px solid rgb(137, 91, 38);
        height: 30px;
    }
    
    .vec:hover {
        background-color: rgb(137, 91, 38);
        font-weight: bold;
    }
    
    .prikazi_vec {
        height: 0;
        overflow: hidden;
        transition: height 0.3s ease;
    }
    /* #klasicna{
    height: 100vw;
} */
    
    .section {
        min-height: 70vh;
    }
    
    #section1 {
        padding-bottom: 100vh;
    }
    /* WEB3 FORMS OBRAZEC */
    
    .contact-section {
        width: 100%;
        max-width: 40rem;
        margin-left: auto;
        margin-right: auto;
        padding: 3rem 1rem;
    }
    
    .contact-intro>*+* {
        margin-top: 1rem;
    }
    
    .contact-title {
        font-size: 1.875rem;
        line-height: 2.25rem;
        font-weight: 700;
    }
    
    .contact-description {
        color: var(--tekst);
    }
    
    .form-group-container {
        display: grid;
        gap: 1rem;
        margin-top: 2rem;
        font-weight: bold;
        max-width: 90vw;
    }
    
    .form-group {
        display: flex;
        flex-direction: column;
        padding: 10px;
    }
    
    .form-input {
        border: 1px solid var(--tekst);
    }
    
    .form-label {
        margin-bottom: 0.5rem;
    }
    
    #fon {
        text-decoration: underline;
        font-size: clamp(15px, 1.5vw, 25px);
    }
    
    .form-input,
    .form-textarea {
        padding: 0.5rem;
        display: flex;
        height: 2.5rem;
        width: 100%;
        border-radius: 0.375rem;
        line-height: 1.25rem;
    }
    /* .form-input::placeholder,
.form-textarea:focus-visible {
  color: #6b7280;
} */
    
    .form-input:focus-visible,
    .form-textarea:focus-visible {
        outline: 2px solid var(--modra);
        outline-offset: 2px;
    }
    
    .form-textarea {
        min-height: 120px;
    }
    
    .form-submit {
        width: 100%;
        margin-top: 1.2rem;
        background-color: var(--tekst);
        color: #fff;
        padding: 13px 5px;
        border-radius: 0.375rem;
        transition: transform 0.25s ease;
        transform-origin: center;
    }
    
    .form-submit:hover {
        transform: scale(1.02);
        cursor: pointer;
        will-change: transform;
    }
    
    #result {
        color: green;
        font-size: 1rem;
        font-weight: bold;
    }
    
    #result_s {
        color: red;
        font-size: 1rem;
        font-weight: bold;
    }
    
    .razst_form {
        position: relative;
    }
    
    #formcel {
        max-width: 90vw;
    }
    
    #hcapt {
        max-width: 90vw;
        max-height: 90vh;
    }
    
    .contact-title {
        color: var(--modra);
        border-bottom: 2px dashed var(--rumena);
    }
    
    form,
    .form-submit {
        font-family: 'Poppins' !important;
        font-size: 1rem !important;
    }
    
    #programm {
        color: var(--modra);
        text-decoration: underline;
    }
    
    .fa-phone {
        padding: clamp(10px, 3vh, 25px);
    }
    /* SLIDER */
    
    .swiper-container {
        width: 800px;
    }
    
    .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 1000px;
    }
    
    .swiper-slide img {
        width: 800px;
    }
    /* #swiper_outer {
    height: 70%;
} */
    
    #poman {
        height: 80%;
        width: 80%;
    }
    
    #cenik {
        min-height: 100vh;
        display: flex;
        align-items: center;
        padding: 0 0 100vh 0;
    }
    
    #bg_cenik {
        background-image: url('slike/cenik_ozadje_1000_lq.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 800px;
        width: 80%;
        margin: auto;
        display: flex;
        justify-content: center;
        text-align: center;
        flex-wrap: wrap;
        padding: 10%;
    }
    
    #naslov_cenik {
        align-items: center;
        display: inherit;
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
    }
    
    #cenaa {
        width: 80%;
        display: inherit;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
    }
    
    #cenaa>* {
        /* color: white !important; */
        padding: 30px;
    }
    
    .cenik_hr {
        width: 25%;
        border: 2px solid var(--tekst);
    }
    
    #cenik_table {
        border: 1px solid var(--tekst);
        background-color: rgba(86, 54, 32, 0.2);
    }
    
    #naslov_cenik {
        margin: auto
    }
    
    table {
        margin: auto;
        /* display: absolute; */
        padding: 10px;
    }
    
    td {
        border: 1px solid var(--tekst);
        padding: 5px;
        text-align: center;
        background-color: white;
    }
    
    #cenike_naslov {
        font-size: 30px;
    }
    
    #cenike_prva {
        font-size: clamp(20px, 1.4vw, 35px);
        padding: 20px;
    }
    
    #obrazlozitev_cenik {
        font-size: clamp(15px, 1.3vw, 28px);
    }
    
    .har_in {
        cursor: pointer;
    }
    
    .ok {
        height: 0;
    }
    /* #waal {
    height: 10px;
} */
    
    .outer-expand {
        width: 60vw;
        margin: auto;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    
    .program-expand {
        width: 100%;
        border-radius: 5px;
        margin-bottom: 30px;
    }
    
    .videno {
        display: flex;
        justify-content: space-between;
        margin: 10px;
        /* border: 1px solid brown; */
    }
    
    .container {
        height: 0px;
        overflow: hidden;
        transition: height 0.35s ease-out;
        font-size: clamp(12px, 1.4vw, 18px);
        margin-top: 40px;
    }
    
    #pogosta_vprasanja {
        width: 80%;
        margin: auto;
        background-image: url(slike/cenik_ozadje_1000_lq.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 10%;
    }
    
    #kontakt {
        background-image: url(slike/cenik_ozadje_1000_lq.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        justify-items: center;
        padding: 10% 0;
    }
    
    #lokacija {
        padding-left: 40px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    .vprasanje {
        padding: 20px;
        border: 1px solid var(--tekst);
        cursor: pointer;
        transition: padding 0.3s ease;
        font-size: var(--glavni_tekst);
        margin: 40px;
    }
    
    hr {
        border: 2px solid var(--tekst);
        width: 50%;
        margin: 10vh auto 10vh auto;
    }
    
    .ha1 {
        color: var(--naslovi);
    }
    
    .belo {
        color: white;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
    }
    /* Kaj dogaja */
    
    .grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
        gap: 10px;
        width: 90%;
        max-width: 1200px;
        align-items: center;
    }
    
    .grid img {
        width: 100%;
        height: auto;
        transition: transform 0.3s ease;
        cursor: pointer;
    }
    
    .grid img:hover {
        transform: scale(1.05);
    }
    
    .modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        justify-content: center;
        align-items: center;
        z-index: 999999;
    }
    
    .modal img {
        max-width: 90%;
        max-height: 90%;
        border-radius: 10px;
    }
    /* Piskotki */
    
    .toggle-stikalo {
        position: relative;
        display: inline-block;
    }
    
    .toggle-stikalo input {
        display: none;
    }
    
    .slider {
        position: relative;
        cursor: pointer;
        top: 0;
        /* left: 0; */
        right: 0;
        bottom: 0;
        background-color: #ccc;
        transition: .4s;
        border-radius: 34px;
        width: 60px;
        height: 34px;
    }
    
    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        transition: .4s;
        border-radius: 50%;
    }
    
    input:checked+.slider {
        background-color: #4CAF50;
    }
    
    input:checked+.slider:before {
        transform: translateX(26px);
    }
    
    .pisk_popup_cont {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: var(--tekst);
        display: none;
        flex-wrap: nowrap;
        transition: transform 2s ease;
        transform: translateY(120%);
        flex-direction: row;
        justify-content: center;
        align-items: center;
        z-index: 99;
    }
    
    #celapisk {
        transform: translateY(0);
    }
    
    .pisk_popup_inner_cont {
        padding: 10px;
    }
    
    #opis_piskotek {}
    
    #tekst_pisk {
        color: whitesmoke;
    }
    
    #nastavitev_piskotek {
        display: flex;
        flex-wrap: nowrap;
    }
    /* .button-pisk {
    margin: 5px;
    height: 40px;
    background: #fff701;
    border-radius: 3px;
    color: #5c666d;
    white-space: nowrap;
} */
    
    #shrani {
        height: 40px;
        white-space: nowrap;
        margin-left: 10px;
    }
    
    .button_brez {
        white-space: nowrap;
        padding: 12px 24px 12px 0;
        margin-left: 12px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 1rem;
        background: none;
        color: whitesmoke;
        transition: transform 0.7s ease;
    }
    
    .button_brez:hover {
        transform: scale(1.05);
    }
    /* nastavitve PISK */
    
    .pisk_nastavitve_bg {
        background-color: rgba(92, 102, 109, 0.5);
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9998;
        top: 0;
        position: fixed;
        /* display: flex; */
        justify-content: center;
        align-items: center;
    }
    
    #nast {
        display: none;
    }
    
    .pisk_nastavitve_cont {
        width: 50%;
        height: 75%;
        background-color: #fff;
        z-index: 9998;
        position: inherit;
        border-radius: 3%;
        min-width: 300px;
        max-width: 2000px;
    }
    
    .pisk_nastavitve_pos {
        width: 75%;
        padding: 0 2.5% 0 2.5%;
    }
    
    #gmaps,
    #nas-captcha,
    #gforms {
        height: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1.5px solid #ccc;
    }
    
    #gforms,
    #novice {
        display: none !important
    }
    
    ;
    .povezava_pisk {
        height: 10%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    #pov_pisk_tekst {
        color: var(--modra);
        transition: transform 0.3s ease;
    }
    
    #pov_pisk_tekst:hover {
        cursor: pointer;
        transform: scale(1.08);
    }
    
    #izhod_pisk {
        width: 4%;
        height: auto;
        position: absolute;
        right: 5px;
        top: 5px;
        transform: rotateZ(45deg);
        transition: transform 0.3s ease;
        min-width: 30px;
    }
    
    #izhod_pisk:hover {
        transform: scale(1.1);
        cursor: pointer;
    }
    
    .err_txt {
        min-height: 150px;
        min-width: 150px;
        pointer-events: all !important;
        position: absolute;
        top: 100px;
        left: 5vw;
    }
    
    #delamo {
        display: flex;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 9999999;
        background-color: var(--modra);
        color: white;
        position: fixed;
        justify-content: center;
        align-items: center;
    }
    
    .button {
        background-color: white;
        /* Yellow background */
        color: var(--tekst);
        /* Deep blue text */
        padding: 12px 24px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 1rem;
        /* text-transform: uppercase; */
        transition: background-color 0.3s ease, color 0.3s ease;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /* VSE OSTALO __ PODPOREN CSS */
    
    .sejem_inner {
        width: 50%;
    }
    /* .scroll_logo {
    height: 0;
} */
    
    .err_txt {
        min-height: 150px;
        min-width: 150px;
        pointer-events: all !important;
        position: absolute;
        top: 100px;
        left: 5vw;
    }
    
    .scroll_logo_img {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        display: none;
        opacity: 0;
    }
    
    .scroll_logo_img {
        font-size: clamp(8px, 3vw, 14px) !important;
        line-height: 1.15 !important;
        -webkit-text-size-adjust: 100% !important;
        font-family: "Poppins", sans-serif;
        font-weight: 400 !important;
        font-style: normal !important;
        color: var(--tekst) !important;
        border-style: none !important;
        position: relative !important;
        left: auto !important;
        transform: none !important;
        display: inline !important;
        opacity: 1 !important;
        height: 150px !important;
        width: auto !important;
        top: auto !important;
    }
    
    #map {
        pointer-events: all !important;
    }
    
    @media screen and (max-width: 1100px) and (min-width:800px) {
        .slika_masaze {
            width: 350px;
            height: auto;
            border: 1px solid var(--tekst);
        }
        #o-meni {
            background-image: url(slike/cenik_ozadje_1000_lq.jpg);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            padding: 25vh 10vh 100vh;
        }
    }
    
    @media screen and (max-width: 799px) and (min-width:500px) {
        .masaze_inner {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            flex-wrap: wrap;
        }
        .tip2_1,
        .tip1_2 {
            order: -1;
        }
        .tip1_1,
        .tip2_1 {
            width: auto;
        }
        .container {
            height: 0px;
            overflow: hidden;
            transition: height 0.35s ease-out;
            font-size: inherit;
            margin-top: 40px;
        }
        #o-meni {
            background-image: url(slike/cenik_ozadje_1000_lq.jpg);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            padding: 10vh 3vh 100vh;
        }
        iframe {
            width: 80vw !important;
        }
        .pisk_popup_cont {
            flex-wrap: wrap;
        }
        #predstavitev {
            width: 80vw;
        }
    }
    
    @media screen and (max-width: 499px) {
        #o-meni,
        #bg_cenik,
        #pogosta_vprasanja,
        #kontakt {
            background-image: url(slike/cenik_ozadje_1000_lq_mob.jpg);
        }
        .masaze_inner {
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            flex-wrap: wrap;
        }
        .tip2_1,
        .tip1_2 {
            order: -1;
        }
        .tip1_1,
        .tip2_1 {
            width: auto;
        }
        .container {
            height: 0px;
            overflow: hidden;
            transition: height 0.35s ease-out;
            font-size: inherit;
            margin-top: 40px;
        }
        #o-meni {
            background-image: url(slike/cenik_ozadje_1000_lq.jpg);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            padding: 15vh 2vh 100vh;
        }
        .slika_masaze {
            width: 300px;
            height: auto;
            border: 1px solid var(--tekst);
        }
        .grid {
            grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
        }
        #pogosta_vprasanja {
            width: auto;
            padding: 1%;
        }
        iframe {
            width: 80vw !important;
        }
        #kontakt {
            display: block;
        }
        nav {
            font-size: clamp(12px, 1.4vw, 18px);
        }
        .pisk_popup_cont {
            flex-wrap: wrap;
        }
        #predstavitev {
            max-width: 90vw !important;
        }
    }
    /* POGOSTA VPRASANJ PUSCICE */
    
    .fa-arrow-up {
        display: none;
    }