/* screen - homepage */
:root {
  --black: #000000;
  --gray--100: #f3f4f6;
  --gray--300: #d1d5db;
  --gray--600: #4b5563;
  --main-green: #d2f500;
  --transparent: transparent;
  --white: #ffffff;
  --white-2: #ffffff33;
  --font-family-clash_grotesk-bold: "Clash Grotesk-Bold", Helvetica;
  --font-family-clash_grotesk-medium: "Clash Grotesk-Medium", Helvetica;
  --font-family-clash_grotesk-regular: "Clash Grotesk-Regular", Helvetica;
  --font-family-clash_grotesk-semibold: "Clash Grotesk-Semibold", Helvetica;
  --font-family-inter: "Inter", Helvetica;
  --font-family-montserrat: "Montserrat", Helvetica;
  --font-family-roboto_condensed: "Roboto Condensed", Helvetica;
}
html {
  font-size: 16px;
}

.container {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}

.link {
  width: 100%!important;
  height: 100%!important;
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
  background-color: var(--transparent);
  line-height: normal;
  letter-spacing: 0;
  position: relative;
  display: flex!important;
  padding: 8px 16px;
  box-sizing: content-box;
}

.link-container {
  align-items: center;
  border: 1px solid;
  border-color: var(--black);
  border-radius: 48px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  width: max-content;
  justify-content: center;
  position: relative; /* Make container relative for z-index to work */
  overflow: hidden; /* Hide any overflow from the pseudo-element */
  background: rgb(255, 255, 255); /* Base background */
  z-index: 1; /* Ensure the content has a higher z-index */
}

.link-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(249, 255, 0, 1) 0%, rgba(62, 192, 195, 1) 100%);
  opacity: 0;
  transition: opacity .2s linear;
  z-index: -1; /* Push pseudo-element behind the text */
}

.link-container:hover::before {
  opacity: 1; /* Fade in the gradient */
}


.homepage {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.homepage .header {
  background-color: transparent;
  flex-shrink: 1;
  position: relative;
}

.homepage .middle-logo-navbar {
  margin: 2.5rem 0;
  position: relative;
}

.flex-column-cv {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.flex-row-cv {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.text-cv p {
  width: 33rem;
}

.text-cv .hero-text {
  font-size: 3rem;
  font-family: var(--font-family-clash_grotesk-regular);
  line-height: 3.5rem;
}

.text-decoration-block {
  margin-left: 1.5rem;
}

.hero-description {
  margin-top: 1rem;
  line-height: 1.8rem;
  background-color: var(--transparent);
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-weight: 400;
  letter-spacing: 0;
  position: relative;
}

.cta-cv {
  align-items: center;
  background: linear-gradient(180deg, rgb(249.9, 255, 0) 0%, rgb(62, 192, 195) 100%);
  border-radius: 20px;
  display: flex!important;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
  width: 33rem;
  padding: 1.2rem;
  margin: 2rem 0;
}

.cta-cv p {
  background-color: var(--transparent);
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-weight: 600;
  white-space: nowrap;
  width: fit-content;
}

.cv-accordion {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: .5rem;
  position: relative;
  width: auto;
  height: 12.2rem;
}

.service {
  background-color: var(--black);
  border-radius: 16px;
  height: 12rem;
  position: relative;
  width: 3.7rem;
  display: block!important;
  overflow: hidden;

  transition: all linear .5s;
}

.active {
  width: 16rem;
}

.service .title-service {
  display: flex;
  transform: rotate(-90deg) translateX(-4.25rem) translateY(-4.25rem);
  color: #fff;
  position: absolute;
  line-height: normal;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  letter-spacing: 0;
  width: 12rem;
  height: 3.5rem;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);

  transition: all linear .5s;
}

.active .title-service {
  transform: rotate(0deg);
  position: relative;
  top: 8.5rem;
  color: var(--main-green);
  border: 1px solid var(--main-green);
  border-radius: 100px;
  width: max-content;
  padding: 0 .5rem;
  height: 2rem;
  margin: 0 auto;
}

.service-img {
  max-width: 8rem;
  width: auto;
  margin: 0rem auto;
  height: auto;
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 1rem;

  transition: all linear 1s;
}

.active .service-img {
  opacity: 1;
}

/* Container to control the overflow */
.slider-container {
  width: 100%; /* Set the width of your slider */
  overflow: hidden; /* Hide overflow */
  position: relative;
  align-items: center;
  background-color: var(--black);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 24px;
  border: 1rem solid #000;
  margin-top: 2rem;
  border-radius: 16px;
}
#slider-cv {
  background: transparent;
  border: none;
  margin-top: 0;
  gap: 0!important;
}

#slider-cv .slide {
  justify-content: space-around!important;
}

/* Slider scroll for continuous animation */
.slider-scroll {
  display: flex;
  align-items: flex-start;
  width: 100%; /* Expand to fit content */
  animation: scroll 10s linear infinite; /* Smanjuje trajanje na 5 sekundi */
  white-space: nowrap;
}

/* Individual items in the slider */
.slider-item {
  white-space: nowrap; /* Prevent text from wrapping */
  font-size: 1.2rem; /* Adjust font size */
  color: var(--white);
  font-family: var(--font-family-inter);
  font-style: normal;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  width: 20rem;
  padding: 0 3rem;
  flex: 0 0 auto; /* Osigurava da svaki item zadrži svoju širinu */
  white-space: nowrap; /* Sprečava prelamanje teksta */
}

/* Animation for the slider */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-40rem);
  }
}

/* Styling for images */
.star, .zap {
  display: block;
  height: 50px;
  margin: 0 20px; /* Spacing between text and images */
}

.results {
  background-color: var(--black);
  padding: 8rem 4.5rem;
  margin-top: 2rem;
  border-radius: 2rem;
}

.results .flex-row-cv {
  gap: 4rem;
  flex-wrap: nowrap;
  flex: 1;
}

.left-results {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}

.left-results p {
  color: #fff;
  flex: 1;
  font-family: var(--font-family-clash_grotesk-regular);
  font-size: 4rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  display: block;
  max-height: 15rem;
}

.left-results span {
  display: inline-block;
}

.homepage .two-col-cv .title {
  color: #ffffff!important;
}

.span-green {
  color: var(--main-green)!important;
}

.right-results {
  display: flex;
  justify-content: space-between;
  flex: 1;
  flex-direction: row;
  gap: 5rem;
  position: relative;
  flex-wrap: wrap;
}

.result-container {
  width: 15rem;
}

.right-results .number {
  color: var(--white);
  font-family: var(--font-family-clash_grotesk-medium);
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 500;
}

.right-results .subtitle {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  margin-top: 1rem;
}

.right-results .desc {
  color: var(--gray--300);
  font-family: var(--font-family-montserrat);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  margin-top: 1rem;
}

.why-us {
  background-color: var(--main-green);
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
  overflow: hidden;
  padding: 8rem 4.5rem;
  width: 100%;
}

.why-us .flex-row-cv {
  justify-content: flex-start;
  gap: 10rem;
}

.left-us {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.left-us h2 {
  color: var(--black);
  font-family: var(--font-family-clash_grotesk-regular);
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 400;
}

.right-us {
  flex-direction: column;
  justify-self: center;
  display: flex;
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  margin: 1rem 0;
  width: 35rem;
}

.span-bold {
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-weight: 700;
}

.why-us .three-elements {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 1;
  gap: 1rem;
  margin-top: 2rem;
}

.three-elements .block-element {
  align-items: center;
  background-color: var(--black);
  border-radius: 24px;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: 5rem;
  position: relative;
  text-align: center;
}

.homepage .command-line {
  height: 61px;
  position: relative;
  width: 61px;
}

.block-element h3 {
  color: var(--white);
  font-family: var(--font-family-clash_grotesk-medium);
  font-size: 2.3rem;
  font-style: normal;
  font-weight: 500;
  margin-top: 1.5rem;
}

.block-element p {
  color: var(--gray--100);
  font-family: var(--font-family-montserrat);
  line-height: 1.5rem;
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 400;
  margin-top: 1.5rem;
}

.block-element a {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 700;
  align-items: center;
  border: 1px solid var(--white);
  border-radius: 48px;
  display: inline-flex!important;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 8px 16px;
  position: relative;
  text-transform: uppercase;
  margin-top: 1.5rem;

  transition: all .5s linear;
}


.block-element a:hover {
  color: var(--black);;
  background-color: var(--main-green);
  
}

.clients {
  position: relative;
  overflow: hidden;
  margin-top: 2rem;
  padding: 8rem 4.5rem;
  border-radius: 2rem;
}

.clients .flex-row-cv {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.left-clients h2 {
  background-color: var(--transparent);
  color: var(--black);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 68.2px;
  margin-top: -1.00px;
  position: relative;
}

.see-more {
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
  border: 1px solid var(--black);
  padding: .5rem 1rem;
  display: flex!important;
  border-radius: 2rem;
}

.clients .flex-column-cv p {
  background-color: var(--transparent);
  letter-spacing: 0;
  line-height: 28.0px;
  font-size: 1.5rem;
  position: relative;
  text-align: center;
  width: 40rem;
  margin: 7rem auto;
}
.clients .flex-column-cv p span {
  font-size: 1.3rem!important;
  font-family: var(--font-family-montserrat);
}

.slider {
  position: relative;
  overflow: hidden;
  width: 100%; /* Fully responsive */
  max-width: 100%; /* Adjust for the maximum size */
  margin: auto;
}

.slider-container {
  display: flex;
  transform: translateX(0);
  transition: transform 0.4s ease;
  width: 300%; /* Ensure it fits all slides in a row */
}

.slide {
  align-items: flex-start;
  display: flex;
  width: calc(100% / 3);
  gap: 2rem;
  position: relative;
  flex-wrap: wrap;
}
.slider-container, .slider, .slide {
  user-select: none; /* Sprečava selektovanje teksta */
  -webkit-user-select: none; /* Sprečava selektovanje teksta u WebKit pretraživačima */
  -ms-user-select: none; /* Sprečava selektovanje teksta u Internet Exploreru */
  -moz-user-select: none; /* Sprečava selektovanje teksta u Firefoxu */
}

.slider {
  cursor: grab; /* Pokazuje da je moguće povlačenje slajdera */
  overflow: visible;
}

.slider:active {
  cursor: grabbing; /* Menja kursor dok korisnik povlači slajder */
}

/* Navigation buttons */
.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  border: none;
  cursor: pointer;
  background-color: transparent;
  z-index: 3;
}

.prev {
  left: -70px;
}

.next {
  right: -70px;
}

.prev img, .next img {
  width: 100px;

  transition: all .5s;
}

.prev img:hover, .next img:hover {
  width: 80px;
}

.shadow-r {
  width: 120px;
  position: absolute;
  top: 0;
  right: -80px;
  height: 100%;
  background: rgb(255,255,255);
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 15%);
}

.shadow-l {
  width: 120px;
  position: absolute;
  top: 0;
  left: -80px;
  height: 100%;
  background: rgb(255,255,255);
  background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(0,0,0,0) 15%);
}

.client {
  background-color: var(--black);
  border-radius: 24px;
  overflow: hidden;
  flex: 0 1 calc(50% - 2rem); /* Svako dijete zauzima polovicu širine, minus gap */
  min-width: 200px; /* Minimalna širina svakog djeteta */
  padding: 2rem;
  text-align: center;
}

.client .client-image {
  align-items: center;
  backdrop-filter: blur(52px) brightness(100%);
  background-color: var(--white-2);
  border-radius: 152px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 206px;
  justify-content: center;
  padding: 8px;
  position: relative;
  width: 206px;
}

.client .client-image .eclipse {
  border: 11px solid;
  border-color: var(--main-green);
  border-radius: 103px;
  height: 206px;
  position: relative;
  width: 206px;
}

.client .name-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 1.0px;
  min-height: 87px;
  width: 296px;
}

.client .name-container .name {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 600;
}

.client .name-container .company {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 2rem;
  font-style: normal;
  font-weight: 600;
}

.client .quote {
  color: var(--white);
  font-family: var(--font-family-roboto_condensed);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  text-align: left;
  margin-top: 2rem;
  padding: 0 1rem;
}

.homepage .ellipse-container {
  height: 1287px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.homepage .ellipse-10 {
  height: 943px;
  left: 421px;
  position: absolute;
  top: -500px;
  width: 100%;
}

.homepage .ellipse-12 {
  height: 1287px;
  left: -300px;
  position: absolute;
  top: -100px;
  width: 100%;
}

.homepage .ellipse-13 {
  background-color: #f7d2f580;
  border-radius: 329px / 283px;
  filter: blur(204px);
  height: 566px;
  left: 448px;
  position: absolute;
  top: 73px;
  width: 658px;
}

.homepage .ellipse-container-1 {
  height: 919px;
  left: 0;
  position: absolute;
  top: 768px;
  width: 100%;
}

.homepage .ellipse-10-1 {
  height: 700px;
  left: 417px;
  position: absolute;
  top: 219px;
  width: 100%;
}

.homepage .ellipse-12-1 {
  height: 919px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1095px;
}

.homepage .ellipse-13-1 {
  background-color: #f7d2f580;
  border-radius: 329px / 294.15px;
  filter: blur(204px);
  height: 588px;
  left: 444px;
  position: absolute;
  top: 209px;
  width: 658px;
}

.form-cv {
  background-color: var(--black);
  border-radius: 40px;
  margin-right: 2.0px;
  margin-top: 29px;
  overflow: hidden;
  position: relative;
  padding: 8rem 4.5rem;
}

.homepage .form-cv .title {
  font-size: 8rem;
  color: transparent;
  font-family: var(--font-family-clash_grotesk-regular);
  font-weight: 400;
  letter-spacing: 0;
  position: relative;
  max-width: 730px;
  white-space: normal;
  line-height: 8rem;
}

.form-cv form {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-end;
}

.two-col-cv {
  display: flex;
}

.form-cv form input,
.form-cv form textarea {
  align-items: center;
  background-color: var(--white);
  border-radius: 3rem;
  display: flex;
  gap: 8px;
  padding: 1.5rem 2rem;
  width: 375px;
  margin-top: 1rem;
  letter-spacing: 0;
  color: var(--gray--600);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.form-cv form input::placeholder,
.form-cv form textarea::placeholder {
  letter-spacing: 0;
  line-height: 22.4px;
  color: var(--gray--600);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
}

.form-cv .cta-cv {
  width: 270px;
  background-color: var(--transparent);
  color: var(--black);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-weight: 600;
  letter-spacing: 0.16px;
  border-radius: 3rem;
  line-height: 22.4px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
  margin-top: 1rem;
}

.numbers-container {
  gap: 45px;
  width: 100%;
}

.homepage .numbers-container .title {
  color: var(--white)!important;
  font-family: var(--font-family-montserrat)!important;
  font-size: 2rem!important;
  font-weight: 700!important;
  letter-spacing: 0;
  line-height: 44.8px;
  min-height: 45px;
  text-align: center;
  text-align: left;
  margin-bottom: 3rem;
}

.numbers-container .flex-row-cv {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

.flex-number-container {
  display: flex;
  flex-direction: column;
  width: 210px;
}

.flex-number {
  border-radius: 100%;
  width: 210px;
  height: 200px;
  border: 12px solid #d3f503;
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  color: #fff;
  font-size: 7rem;    
  color: var(--white);
  font-family: var(--font-family-clash_grotesk-semibold);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 400;
}

.flex-number .number {
  letter-spacing: 0;
  line-height: 140.8px;
  white-space: nowrap;
}

.flex-number-container p {
  color: var(--white);
  font-family: var(--font-family-roboto_condensed);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
  margin-top: 1rem;
}

footer.container {
  padding: 8rem 4.5rem 2rem 4.5rem!important;
  position: relative;
}

.three-column {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.l-column-cv {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  flex-direction: column;
  flex: 1;
}

.l-column-cv .social-icons-cv {
  margin-top: 2rem;
}

.m-column-cv {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1;
  align-items: center;
  position: relative;
}

.m-column-cv img {
  width: 255px;
  position: relative;
  z-index: 2;
  top: -60px;
  margin-bottom: 5rem;
}

.r-column-cv {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 1;
}

.r-column-cv > div {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: 3rem;
}

.r-column-cv a {
  color: #fff;
  flex: 1 120px;
  display: flex!important;
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
  margin-bottom: 2rem;
  justify-content: center;
}

footer .three-column p {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 500;
  margin-top: 4rem;
  padding: 1rem 0;
}

.white-bg-f {
  background-color: var(--white);
  border-radius: 140px;
  height: 514px;
  position: absolute;
  width: 316px;
  top: -80px;
}

.f-nav-cv-two {
  margin-top: 3rem;
  padding: 1rem;
}

.f-nav-cv-two a {
  margin-bottom: 0;
}

.l-column-cv .social-icons-cv a:first-of-type {
  background-color: var(--main-green);
}

.l-column-cv .social-icons-cv a {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--white);
  border-radius: 32px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  padding: 12px;
  position: relative;
  margin: 5px;

  transition: all linear .5s;
}

.l-column-cv .social-icons-cv a:hover {
  align-items: flex-start;
  background-color: var(--main-green);
  border-radius: 32px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  padding: 12px;
  position: relative;
}

.homepage .iconssocial-3 {
  background-size: 100% 100%;
  height: 28px;
  position: relative;
  width: 28px;
}

.homepage .iconssocial {
  background-image: url(../img/-medium.svg);
}

.homepage .iconssocial-1 {
  background-image: url(../img/-youtube.svg);
}

.homepage .iconssocial-2 {
  background-image: url(../img/-dribbble.svg);
}

.big-letters {
  color: #d2f50030;
  font-family: var(--font-family-clash_grotesk-bold);
  font-size: 12.5rem;
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  position: absolute;
  top: -25px;
  white-space: nowrap;
}

.logo-container {
  display: flex !important;
  position: absolute;
  left: 20px;
  right: 0;
  width: 460px;
  margin: 0 auto;
  top: 0;
  height: 91px;
  overflow: hidden;
  top: -25px;
}




.navbar-left,
.navbar-right {
  align-items: flex-start;
  display: inline-flex;
  gap: 16px;
  position: relative;
}

.homepage .navbar {
  justify-content: space-between;
  display: flex;
  height: 36px;
  left: 0;
  min-width: 1358px;
}

/* ------------------------------------------------- */


.homepage .webclinic-slika-2 {
  height: 610px;
  left: 718px;
  top: 94px;
  width: 833px;
}



.homepage .footer {
  align-items: flex-start;
  background-color: var(--black);
  border-radius: 40px;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  justify-content: flex-start;
  margin-top: 24px;
  overflow: hidden;
}

.homepage .webclinic-slika {
  object-fit: cover;
  position: absolute;
}