*{
    margin: 0;
    padding: 0;
}

html{
    scroll-behavior: smooth;
}
@font-face {
    font-family: m900;
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/msr/exljbris_-_museosansrounded-900-webfont.ttf);
  }
  
  @font-face {
    font-family: m500;
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/msr/exljbris_-_museosansrounded-500-webfont.ttf);
  }
  
  @font-face {
    font-family: m300;
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/msr/exljbris_-_museosansrounded-300-webfont.ttf);
  }

  @font-face {
    font-family: m100;
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/msr/exljbris_-_museosansrounded-100-webfont.ttf);
  }
  
  @font-face {
    font-family: m700;
    font-style: normal;
    font-weight: normal;
    src: url(../fonts/msr/exljbris_-_museosansrounded-700-webfont.ttf);
  }

/* PRVA SEKCIJA POCETAK */

.prvi-deo{
    padding-top: 30px;
    padding-bottom: 30px;
}

.prvi-deo-inner{
    width: 1164px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.prvi-deo-levo{
    width: 435px;
}

.key-visual{
    width: 580px;
}

.startit-logo{
    margin-top: 15px;
}

.unicef-logo{
    /* height: 32px; */
    width: 190px;
}

.norway-logo{
    /* height: 25px; */
    width: 130px;
}

.desne-slike{
    display: flex;
    justify-content: space-between;
}

.key-naslov{
    font-family: m900;
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 113%;
    color: #000000;
    margin-top: 26px;
}

.key-tekst{
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    color: #747474;
    margin-top: 20px;
}

.dugmad{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.zeleno-dugme{
    width: 200px;
    height: fit-content;
    background: #37A600;
    outline: none;
    border: none;
    color: white;
    font-family: m700;
    border: 2px solid #37A600;
    font-size: 17px;
    padding: 15px 25px;
    cursor: pointer;
}

.zeleno-dugme:hover, .belo-dugme:hover{
    opacity: 0.8;
}

.belo-dugme{
    width: 200px;
    height: fit-content;
    background: white;
    outline: none;
    border: 2px solid #37A600;
    color: #37A600;
    font-family: m700;
    font-size: 17px;
    padding: 15px 25px;
    cursor: pointer;
}

/* PRVA SEKCIJA KRAJ */












/* DRUGA SEKCIJA POCETAK */
.drugi-deo{
    background: url('https://startit.rs/media/pozadina-6.png');
    padding-top: 45px;
    padding-bottom: 60px;
    background-size: auto;
}

.drugi-deo-inner{
    width: 1164px;
    margin: auto;
}

.iskustvo-osoba{
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.drugi-deo-kartice{
    display: flex;
    justify-content: space-between;
}

.drugi-naslov{
    font-family: m700;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 113%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.jedna-kartica{
    width: 230px;
}

.kartica-slika-ime{
    display: flex;
    align-items: center;
}

.druga-kartica-ime{
    font-family: m700;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    margin-left: 13px;
}

.druga-kartica-tekst{
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 26px;
    color: #FFFFFF;
    opacity: 0.8;
    margin-top: 20px;
}

/* DRUGA SEKCIJA KRAJ */














/* TRECA SEKCIJA POCETAK */

.siva-pozadina{
    background-color: #F8F8F8;
    padding-top: 45px;
    padding-bottom: 45px;
}



.treci-deo-inner{
    width: 1164px;
    margin: auto;
}

.treci-naslov{
    font-family: m900;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 127%;
    text-align: center;
    padding-bottom: 60px;
}

.treci-tekst{
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    width: 700px;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 60px;
    color: #555;
}

.treci-deo-bele-kartice{
    width: 1164px;
    display: flex;
    margin: auto;
    justify-content: space-between;
}

.jedna-bela-kartica{
    width: 350px;
    height: 430px;
    border: 1px solid #E5E8EB;
    position: relative;
    background-color: white;
}

.bela-kartica-naslov-div{
    padding-top: 35px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E8EB;
}

.bela-kartica-naslov{
    font-family: m900;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    color: #333333;
    margin-left: 20px;
    padding-right: 20px;
}

.bela-kartica-lista{
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 154%;
    color: #555555;
}

.bela-kartica-lista li{
    margin-left: 40px;
    margin-top: 20px;
    padding-right: 20px;

}

.treca-sekcija-donji-naslov{
    font-family: m100;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 113%;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
    margin-top: 45px;
    margin-bottom: 65px;
}

.treci-deo-sive-kartice{
    display: flex;
    justify-content: space-between;
}

.jedna-kartica-treci-deo{
    width: 250px;
    /* height: 300px; */
    background-color: #F9F9FA;
    position: relative;
    padding-top: 45px;
    padding-bottom: 15px;
}

.broj{
    width: 37px;
    height: 37px;
    background-color: #3A7FF5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* position: absolute;
    left: 30px;
    top: -17px; */
}

.plavi-krug{
    position: absolute;
    left: 30px;
    top: -17px;
}

.broj p{
    font-family: m300;
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
}

.jedna-kartica-treci-deo-sadrzaj hr{
    border-top: 1px solid #E5E8EB;
}

.jedna-kartica-treci-deo-naslov{
    width: 75%;
    font-family: m300;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 34px;
    margin: auto;
    padding-bottom: 20px;
}

.jedna-kartica-treci-deo-tekst{
    width: 289px;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 154%;
    color: #555555;
    margin: auto;
    padding-top: 20px;
}

.treca-sekcija-dodnji-naslov{
    font-family: m300;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    line-height: 113%;
    text-align: center;
    text-transform: uppercase;
}

/* TRECA SEKCIJA KRAJ */








/*CETVRTA SEKCIJA POCETAK*/
.cetvrti-deo{
    background-color: black;
}

.cetvrti-deo-inner{
    width: 100%;
    margin: auto;
    background: url('https://startit.rs/media/mentori-bgd-scaled.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 45px;
    padding-bottom: 45px;
}

.cetvrta-sekcija-naslov{
    font-family: m900;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 127%;
    text-align: center;
    color: #FFFFFF;
}

.cetvrta-sekcija-tekst{
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: #CCC;
    width: 700px;
    margin: auto;
    /* margin-top: 10px; */
}

.razmak{
    margin-top: 30px;
}
.cetvrta-sekcija-kartice{
    /* width: 1000px; */
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.cetvrta-sekcija-jedna-kartica{
    width: 150px;
}

.swiper-slide{
    width: 150px;
}

.cetvrta-sekcija-slika{
    width: 100px;
    height: 100px;
    margin: auto;
    display: flex;
    border-radius: 50%;
}

.cetvrta-sekcija-gornji-tekst{
    font-family: m900;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 127%;
    text-align: center;
    color: #FFFFFF;
    margin-top: 15px;
}

.cetvrta-sekcija-donji-tekst{
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #BBB;
    width: 150px;
    margin: auto;
    margin-top: 7px;
    height: 68px;
    overflow: hidden;
}

.cetvrta-sekcija-dugme{
    width: 210px;
    height: 52px;
    border: 2px solid #FFFFFF;
    background-color: #272727;
    font-family: m300;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    display: block;
    margin: auto;
    /* margin-top: 60px; */
    cursor: pointer;
    outline: none;
    margin-top: 35px;

}
/*CETVRTA SEKCIJA KRAJ*/








/* PETA SEKCIJA POCETAK */

.peti-deo{
    padding-top: 67px;
    padding-bottom: 70px;
}

.peti-deo-inner{
    width: 1164px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 70px;
}

/* .sira-bela-kartica{
    width: 530px;
    height: 270px;
} */

.peti-naslov{
    margin-top: 70px;
}

/* .no-bullet li{
    list-style: none;
    margin-left: 20px;
}

.jedna-kartica-peti-deo{
    height: 330px;
} */

.siva-kartica-zatvorena{
    width: 250px;
    height: 315px;
    background-color: #F9F9FA;
    position: relative;
    padding-top: 40px;
}

.zatvorena-kartica-naslov{
    font-family: 'm700';
    font-style: normal;
    font-weight: bold;
    font-size: 19px;
    line-height: 29px;
    color: #333333;
    width: 190px;
    margin: auto;
}

/* .plavi-tekst{
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 154%;
    color: #3A7FF5;
    position: absolute;
    left: 30px;
    bottom: 20px;
    display: block;
    cursor: pointer;
} */

/* .zatvori{
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 154%;
    color: #3A7FF5;
    display: none;
    width: 190px;
    margin: auto;
    margin-bottom: 20px;
    margin-top: 15px;
    cursor: pointer;
} */

.sakriven-tekst{
    display: block;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 154%;
    color: #555555;
    width: 190px;
    margin: auto;
    margin-top: 20px;

}

.sakriven-tekst2{
    display: block;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 154%;
    color: #555555;
    width: 190px;
    margin: auto;
    margin-top: 20px;

}

/* PETA SEKCIJA KRAJ */








/* SESTA SEKCIJA POCETAK */

.sesti-deo{
    background-color: black;
}

.crna-pozadina{
    padding-bottom: 130px;
}

.sesti-deo-inner{
    background: url('https://startit.rs/media/pozadina-8.png');
    background-repeat: no-repeat;
    background-size: auto;
    margin: auto;
    padding-top: 35px;
    padding-bottom: 55px;
}

.sesti-deo-kartice{
    width: 950px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.sesti-deo-jedna-kartica{
    width: 250px;
}

.plavi-pravougaonik{
    width: 230px;
    height: 40px;
    background: #3A7FF5;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tekst-u-plavom-kvadratu{
    font-family: m700;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
}

.sesti-deo-tekst{
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
    opacity: 0.8;
    margin-top: 15px;
}

.veliki-beli-naslov{
    font-family: m700;
    font-style: normal;
    font-weight: bold;
    font-size: 51px;
    line-height: 127%;
    text-align: center;
    color: #FFFFFF;
    padding-top: 35px;
}

.dugme-centar{
    display: block;
    margin: auto;
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.zeleno-dugme2{
    width: 200px;
    height: fit-content;
    background: #37A600;
    outline: none;
    border: none;
    color: white;
    font-family: m700;
    border: 2px solid #37A600;
    font-size: 19px;
    padding: 15px 25px;
    cursor: pointer;
}

.zeleno-dugme2:hover{
    opacity: 0.8;
}

.naslov-na-dnu{
    font-family: m700;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 127%;
    text-align: center;
    color: #FFFFFF;
    padding-top: 60px;
}

.tekst-na-dnu{
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: rgb(122, 122, 122);
    width: 700px;
    margin: auto;
    margin-top: 15px;
}

.tekst-na-dnu2{
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 28px;
    text-align: center;
    color: rgb(255, 255, 255);
    width: 700px;
    margin: auto;
    margin-top: 30px;
}
.boja-linka{
    color: #00e;
}

.bele-kartice-sa-zelenim-dugmetom{
    width: 1164px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.jedna-bela-kartica-sa-dugmetom{
    width: 250px;
    height: 450px;
    height: fit-content;
    padding-bottom: 25px;
}

.jedna-bela-kartica-sa-dugmetom>.bela-kartica-lista li{
    margin-top: 10px;
    font-size: 15px;
    line-height: 20px;
}

.tekst-iznad-liste{
    /* width: 85%; */
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    color: #555555;
    margin: auto;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.jedna-bela-kartica>.plavi-krug{
    left: 20px;
}

.jedna-bela-kartica-sa-dugmetom button{
    width: 85%;
    height: 42px;
    background-color: #37A600;
    outline: none;
    cursor: pointer;
    border: none;
    font-family: m500;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    display: block;
    margin: auto;
    margin-top: 20px;
}

.jedna-bela-kartica-sa-dugmetom a{
    text-decoration: none;
}

/* SESTA SEKCIJA KRAJ */














/* CAROUSEL */
.no-underline{
    text-decoration: none;
}
.wrapper-grey {
    background: #f2f2f2;
    width: 100%;
  }
  .container {
    position: relative;
    width: 100%;
    margin: 0 auto;
    /* background: transparent; */
    padding-bottom: 0px;
  }
  .container .naslov {
    margin-left: 50px;
    padding-top: 20px;
    font-family: m700;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    text-align: left;
    width: 1164px;
    margin: auto;
    margin-bottom: 30px;
  }
  .swiper {
    width: 100%;
    height: 300px;
    margin: auto;
  }

  .swiper-kartice{
    width: 1206px;
    height: 430px;
    margin: auto;
    overflow: hidden;
  }
  .swiper-slide {
    width: 150px;
    /* display: flex; */
    /* align-items: center; */
    justify-content: center;
  }

  .swiper-slide-kartice{
    width: 150px;
    /* display: flex; */
    /* align-items: center; */
    justify-content: center;
  }

  .swiper-kartice{
    margin-top: 50px;
  }

  .swiper-slide, .swiper-slide-duplicate{
      width: 240px !important;
  }

  .kartica-slide{
      width: 302px !important;
      padding-top: 22px;
  }

  .swiper-button-next,
  .swiper-rtl .swiper-button-prev {
    position: absolute;
    right: -10px;
    left: auto;
    color: black;
    top: 150px;
    margin-right: 10px;
  }
  .swiper-button-prev,
  .swiper-rtl .swiper-button-next {
    position: absolute;
    left: -10px;
    right: auto;
    color: black;
    top: 150px;
    margin-left: 10px;
  }
  .promo-clanci-naslov-main {
    font-family: m700;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    text-align: left;
    width: 1164px;
    margin: auto;
    margin-bottom: 30px;
  }

  .promo-clanci-wrapper {
    background-color: #f2f2f2;
    padding-bottom: 50px;
  }
  .promo-clanci-inner {
    width: 1164px;
    display: flex;
    justify-content: space-between;
    margin: auto;
  }

  .promo-clanci-inner-ispod {
    width: 1164px;
    display: flex;
    margin: auto;
    margin-top: 30px;
  }
  .promo-clanak-link-ispod {
    text-decoration: none;
    color: black;
  }

  .jedan-promo-clanak {
    width: 150px;
  }

  .promo-clanak-slika {
    width: 150px;
  }

  .promo-clanak-naslov {
    width: 256px;
    font-family: m700;
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 24px;
    margin-top: 17px;
  }

  .promo-clanak-link {
    text-decoration: none;
    color: black;
  }

  .swiper-pagination{
      width: 171px !important;
  }

  .swiper-pagination-kartice{
      margin: auto;
      margin-top: 50px;
  }
.swiper>.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
      background-color: #3A7FF5;
      width: 15px;
      height: 15px;
  }

.swiper-pagination-bullet-active-next{
    background-color: #c2c2c2 !important;
  }

  .swiper-pagination-bullet-active-prev{
    background-color: #c2c2c2 !important;
  }

  .swiper-pagination-bullet-active-prev-prev{
    background-color: #c2c2c2 !important;
  }

  .swiper-pagination-bullet-active-next-next{
    background-color: #c2c2c2 !important;
  }

  /* responsive */

  @media screen and (max-width: 1024px) {
    .container {
      width: 100%;
    }
    .swiper {
      width: 100%;
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
      right: 0px;
    }
  }
  @media screen and (max-width: 768px) {
    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
      right: 40px;
    }

    .tekst-na-dnu{
      width: 90%;  
    }

    .tekst-na-dnu2{
        width: 90%;
    }
  }
  @media screen and (max-width: 480px) {
    .container .naslov {
      margin-left: 0px;
      text-align: center;
      width: 100%;
    }
    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
      right: 0px;
    }
    .promo-clanak-link,
    .promo-clanak-link-ispod {
      margin-right: 80px;
    }
  }
  @media screen and (max-width: 320px) {
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
      left: -10px;
    }
    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
      right: -10px;
    }
    .swiper-button-next::after,
    .swiper-button-prev::after {
      font-size: 25px;
    }
    .container .naslov {
      font-size: 20px;
    }
  }
  /* CAROUSEL */







  /* MOBILNA VERZIJA */

  @media only screen and (max-width: 1240px) {
      .prvi-deo-inner{
          width: 80%;
      }

      .key-visual{
          width: 400px;
      }

      .drugi-deo-inner{
          width: 95%;
      }

      .treci-deo-bele-kartice {
          width: 95%;

        }
      .jedna-bela-kartica{
        width: 30%;
        height: 410px;
        /* height: fit-content; */
        padding-bottom: 30px;
        width: 95%;
      }

      .treci-deo-inner{
          width: 95%;
      }

      .swiper-kartice{
          width: 85%;
      }

      .jedna-bela-kartica-sa-dugmetom{
          width: 40%;
          margin-top: 50px;
      }
      .bele-kartice-sa-zelenim-dugmetom{
          flex-wrap: wrap;
          width: 85%;
          justify-content: space-around;
      }

      .sesti-deo-inner{
          width: 90%;
      }
    }
  @media only screen and (max-width: 1000px) {
    .prvi-deo-inner{
        width: 90%;
        display: block;
    }

    .veliki-beli-naslov{
        width: 95%;
        margin: auto;
    }

    .prvi-deo-levo{
        width: 100%;
    }

    .prvi-deo-desno{
        display: none;
    }

    .dugmad{
        width: 100%;
        margin: auto;
        margin-top: 38px;
        display: block;
    }

    .zeleno-dugme, .belo-dugme{
        width: 100%;
    }

    .belo-dugme{
        margin-top: 20px;
    }
    .kartica-slika-ime{
        justify-content: center;
    }

    .druga-kartica-tekst{
        text-align: center;
    }

    .drugi-deo{
        background-size: cover;
        background-position-x: center;
    }

    .drugi-deo-kartice{
        display: block;
    }

    .drugi-deo-inner{
        width: 95%;
        margin: auto;
    }

    .treci-tekst{
        width: 95%;
    }

    .jedna-kartica{
        margin: auto;
        margin-top: 48px;
    }

    .jedna-bela-kartica{
        margin: auto;
        margin-top: 30px;
        width: 95%;
        /* height: 350px; */
        height: fit-content;
        padding-bottom: 30px;
    }

    .treci-deo-bele-kartice{
        width: 95%;
        display: block;
    }

    .jedna-kartica-treci-deo{
        width: 90%;
        height: fit-content;
        margin: auto;
        margin-top: 45px;
    }

    .treca-sekcija-donji-naslov{
        width: 90%;
        margin: auto;
    }

    .treci-deo-inner{
        width: 95%;
    }

    .treci-deo-sive-kartice{
        display: block;
    }

    .cetvrti-deo-inner{
        width: 100%;
        background-size: cover;
    }

    .cetvrta-sekcija-naslov{
        width: 65%;
        margin: auto;
    }

    .siva-kartica-zatvorena{
        margin: auto;
    }

    .cetvrta-sekcija-tekst{
        width: 95%;
    }

    .swiper-kartice{
        width: 100%;
    }

    .sesti-deo-inner{
        background-size: cover;
        width: 96%;
    }

    .sesti-deo-kartice{
        width: 100%;
        display: block;
    }

    .bele-kartice-sa-zelenim-dugmetom{
        width: 100%;
        display: block;
    }

    .sesti-deo-jedna-kartica{
        margin: auto;
        margin-top: 48px;
    }

    .swiper-slide{
        width: 100% !important;
    }

    .kartica-slide{
        width: 100% !important;
    }

    .treca-sekcija-dodnji-naslov{
        width: 90%;
        margin: auto;
    }

    .siva-kartica-zatvorena{
        width: 80%;
        height: fit-content;
        padding-bottom: 30px;
        margin-top: 20%;
    }

    .zatvorena-kartica-naslov{
        width: 80%;
    }

    .sakriven-tekst{
        width: 80%;
    }

    .jedna-bela-kartica-sa-dugmetom {
        width: 80%;
    }

    .jedna-bela-kartica-sa-dugmetom{
        margin-top: 70px;
    }

    .jedna-kartica-treci-deo-naslov{
        width: 80%;
    }

    /* .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
        transform: unset !important;
    } */
  }

  /* MOBILNA VERZIJA KRAJ */