body{
  font-family: "Quicksand", sans-serif!important;
}

.izbornik{
  position:absolute;
  width:100%;
  margin-top:15px;
  z-index:5;
  
}

.izbornik .container{
  background:#ffffffa7;
  padding:25px;
  border-radius:15px
}

.izbornik a{
  font-size:18px;
  padding: 0 20px!important;
  font-weight:600
}

.izbornik a:hover{
  color:#fff
}


.glavni-banner h1{
  font-size:64px;
}

.glavni-banner .btn-outline-light{
  background:#fff;
  color:#000;
  border:solid 2px #000!important;
  padding:10px 30px;
  border-radius:15px;
}

.glavni-banner .btn-outline-light:hover{
  background:#000;
  color:#fff;
  border:solid 2px #fff!important;
  padding:10px 30px
}

.opis-banner {
  margin-top:100px!important
}

.hero-section {
  background: linear-gradient(135deg, #7BDFB4 0%, #259C69 100%);
  color: #fff;
  position: relative;
  overflow: hidden;
  min-height:960px;
}

.svg-overlay-bottom {
  width: 100%;
  max-width: 1920px;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;   margin-bottom:-1px
}

.svg-overlay-bottom img {
  width: 100%;
  height: auto;
  display: block;
}

.container.z-3,
.child-illustration {
  z-index: 3;
  position: relative;
}

.pcelica img {
  position: relative;
  bottom: -40px;
  left: -275px;
}

.child-illustration img {
  top:-50px;
  left:-50px;
  position:relative;
}

.vrtic-card {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
  gap: 1rem;
}

.vrtic-card:hover {
  transform: translateY(-4px);
}

.vrtic-card .card-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #000;
}

.vrtic-card .btn-outline-dark {
  font-weight: 500;
  border-width: 2px;
  border-radius: 999px;
}

.vrtic-card .image-end img {
  max-height: 140px;
  height: auto;
}

.novosti-swiper-section h2{
  font-weight:bold;
}

.novost-body{
  padding:25px!important
}

.novost-body h3{
  font-size:20px!important;
  margin-bottom:15px!important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
          line-clamp: 1;
  overflow: hidden;
}

.novost-body p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
          line-clamp: 3;
  overflow: hidden;
}

.novost-card {
  background: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  overflow: hidden;
}

.datum-kutak {
  font-size: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  line-height: 1.1;
  margin-right:30px;
}

.zeleno {
  background:#44BF8A!important;
}

.novost-thumb img {
  border-radius: 0;
  object-fit: cover;
  height: 205px;
}

.swiper-button-prev-custom,
.swiper-button-next-custom {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  font-size: 1rem;
}

.swiper-button-prev-custom {
  left: -50px;
}

.swiper-button-next-custom {
  right: -50px;
}

.stat-number {
  font-size: 2rem;
  font-weight: 700;
  color: #000;
}

.stat-label {
  font-size: 1rem;
  color: #333;
  margin-top: 0.5rem;
  line-height: 1.4;
}


.footer-section {
  background: linear-gradient(135deg, #00bdf0, #009ee3);
  color: #fff;
  padding-top:100px!important;
  padding-bottom:50px
}

.footer-section p {
  margin-bottom: 0.25rem;
  font-size: 1rem;
}

.footer-section .fw-semibold {
  font-weight: 600;
  font-size:22px!important
}

.oblak{
  width:174px!important;
  margin-bottom:-72px;
  position:relative;
  left:50px;
}

.hero-section {
  position: relative;
  overflow: hidden;
  text-align: center;
}

.bg1-overlay {
  pointer-events: none;
  z-index: 1;
}
.bg1-overlay img {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.svg-overlay-bottom {
  width: 100%;
  pointer-events: none;
}

.hero-section1 {
  color: #fff;
  position: relative;
  overflow: hidden;
  min-height:450px;
  padding-top:50px;
}

.hero-section1.bg-zeleni {
  background: linear-gradient(135deg, #7BDFB4, #259C69);
}
.hero-section1.bg-plavi {
  background: linear-gradient(135deg, #00bdf0, #009ee3);
}
.hero-section1.bg-narancasti {
  background: linear-gradient(135deg, #ffb347, #ff7f50);
}
.hero-section1.bg-crveni {
  background: linear-gradient(135deg, #ff5e62, #ff9966);
}
.hero-section1.bg-default {
  background: linear-gradient(135deg, #ffb347, #ff7f50);
}

.faq-section{
  background:#E1EAED;
  padding:50px 0;
}

.faq-section h2{
  color:#EF4426;
  font-weight:bold
}

.accordion-button {
  background-color: #fff;
  color: #212529;
  transition: all 0.3s ease;
  border-radius: 1rem;
  font-weight: 500;
}


.accordion-button:not(.collapsed) {
  background-color: #e6392e!important;
  color: #fff!important;
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 0!important;
}

.accordion-body {
  background-color: #e6392e;
  color: #fff;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
}


.accordion-button::after {
  content: "\f078"; /* fa-chevron-down */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: inherit;
  transform: rotate(0deg);
  transition: transform 0.2s ease;
}

.accordion-button:not(.collapsed)::after {
  transform: rotate(180deg);
}

.accordion-button:focus {
    box-shadow: none!important
}

.galerija-onama{
  margin-top:-100px!important;
  position:relative;
  margin-bottom:50px;
}

.galerija-onama img{
  border-radius:20px;
  box-shadow: 0 0 10px #000;
}

.posebni-section {
  background: linear-gradient(135deg, #7BDFB4, #259C69);
  overflow: hidden;
  padding-top: 100px;
  padding-bottom:100px
}

.posebni-top-wave {
  top: -1px!important;
  left: 0;
  z-index: 1;
  line-height: 0;
  position:relative;
  margin-top:-1px
}

.posebni-section ul i {
  color: #ffffff;
}

.sadrzaj-meni .nav {
  gap: 0.5rem;
}
.sadrzaj-meni .nav li {
  list-style: none;
  font-size:20px;
}
.sadrzaj-meni .nav a {
  color: #333;
  text-decoration: none;
  padding: 10px 20px;
  display: block;
  border-left: 3px solid transparent;
  transition: all 0.2s ease;
  font-weight:bold;
  border-radius:50px;
}
.sadrzaj-meni .nav a:hover,
.sadrzaj-meni .nav .current-menu-item > a {
  background-color: #12C2F3;
  color:#fff;

}

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

.onama-text{
  padding-right:40px;
  text-align:justify;
}

.onama-text h2{
  color:#F89A1C;
  font-weight:bold;
  margin-bottom:20px;
}

.onama-slika img{
  height:500px;
  width:100%;
  object-fit:cover;
  border-radius:20px
}

.onama-in{
  margin:50px 0 100px 0;
  box-shadow:0px 0px 10px 10px #eaeaea;
  padding:50px!important;
  border-radius:20px
}

.pagination {
    --bs-pagination-active-bg: #44bf8a!important;
    --bs-pagination-active-border-color: #44bf8a!important;
    --bs-pagination-color: #44bf8a!important;
}

.bc .bg-body-tertiary{
  background:none!important;
  text-align:center!important;
}

.bc a{
  color:#fff;
  text-decoration:none;
}

.bc .breadcrumb-item.active{
  color:#fff
}

.bc .breadcrumb-item::before{
  color:#fff!important
}

.bc nav[aria-label="breadcrumb"] {
  background: none !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-align: center;
}

.bc nav[aria-label="breadcrumb"] .breadcrumb {
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.jedna-stavka{
  background:#E1EAED;
  padding:20px;
  border-radius:20px
}

.jedna-stavka a{
  color:#333;
}

.sjena{
  box-shadow: 0 0 15px 0px #d9d9d9;
  padding:20px 20px 1px 20px;
  border-radius:30px
}

.sjena-in{
  box-shadow: 0 0 15px 0px #d9d9d9;
  padding:50px 50px 1px 50px;
  border-radius:30px
}

.sjena-in input, .sjena-in textarea{
  border-radius:20px;
}

.sjena-in .btn-primary{
  background:#12C2F3;
  border:solid 2px #000;
  border-radius:20px;
  padding: 5px  50px 
}

.sjena-in .btn-primary:hover{
  background:#000;
}

.pin{
  text-align:right;
  margin-top:-50px;
  margin-bottom:20px
}

.nazad {
  font-weight:bold;
  margin-bottom:20px;
}

.nazad a {
  color:#44BF8A;
  font-size:20px
}

.zeleni{
  background:#44BF88!important;
  color:#fff!important
}

.leptir {
  margin-top:-150px;
  left:-120px;
  position:relative
}

.wpcf7-form{
  position:relative;
  z-index:5
}

.menu-projekti a{
  color:#000
}

.plava-pozadina{
  background:#12C2F3!important;
  color:#fff!important;
}

@media (max-width: 768px) {
.swiper-button-prev-custom,
.swiper-button-next-custom {
  width: 30px;
  height: 30px;
  top: 30%;
}

.swiper-button-prev-custom {
  left: 20px;
}

.swiper-button-next-custom {
  right: 20px;
}
  

.child-illustration img {
    max-width:190px;
  }

.hero-section h1 {
    font-size: 40px;
  }

  .hero-section p {
    font-size: 1rem;
  }

.pcelica img {
  left: -173px;
}

.child-illustration img {
  top:0px;
  left:-50px;
  position:relative;
  max-width:150px
}

.izbornik{
  margin:10px!important;
  max-width:calc(100% - 20px);
}

.opis-banner {
  margin-top:40px!important
}

.hero-section {
  min-height:660px;
}

.nav-toggler{
  background:#fff!important;
  border:none!important
}

.offcanvas-body li{
  padding:20px 0
}

.offcanvas-title{
  display:none
}

.hero-section1 {
  min-height:250px;
}

.sjena{
  padding:30px 20px 30px 20px;
}

.sjena-in{
  padding:50px 50px 1px 50px;
}

.onama-in{
  box-shadow:0px 0px 10px 10px #eaeaea;
  padding:20px!important;
  border-radius:0px;
  font-size:15px;
  margin:50px 0 0px 0;
}

.accordion{
  margin-top:30px
}

.galerija-onama div{
  margin-bottom:20px
}
}


