#section2 .section-container {
  padding: 20px;
  background-color: #ffff !important; /* Svetlo ozadje za boljšo preglednost */
}

.slika{
    top:0;
    right:0;
    position: absolute;
    margin-top: 8%;
    height: 650px;
    width: 650px;
    -o-object-fit: cover;
       object-fit: cover;
           -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4); /* Dodan drop shadow */
}

.gradient-bar-podjetje {
    width: 230px;
    height: 4px;
    background: -webkit-gradient(linear, left top, right top, from(red), to(orange));
    background: linear-gradient(to right, red, orange);

  }
.gradient-bar-poslanstvo {
    width: 100px;
    height: 4px;
    background: -webkit-gradient(linear, left top, right top, from(red), to(orange));
    background: linear-gradient(to right, red, orange);

  }
  .gradient-bar-vrednote {
    width: 150px;
    height: 4px;
    background: -webkit-gradient(linear, left top, right top, from(red), to(orange));
    background: linear-gradient(to right, red, orange);
  }
.responsive-container img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;

}
.title img {
    vertical-align: middle; /* Za boljši nadzor poravnave */
    position: relative; /* Omogoča premik z `top` */
    top: -23px; /* Premik navzgor (prilagodi vrednost po želji) */
}

#section2 .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 80px;
  width: 100%;       /* Raztegne čez celo širino */
  margin: 0 auto;    /* Centriranje na strani */
  padding: 0 20px;   /* Notranji rob za boljši izgled */
  padding-top: 60px;
}

#section2 .col {

  padding: 30px 5px 30px 5px; /* Zgornji rob povečan na 30px, ostali robovi ostajajo enaki */
  border-radius: 15px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(25% - 20px);
          flex: 1 1 calc(25% - 20px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  /* Removed the border property */

}

#section2 .col:nth-child(2) {
  margin-top: 0px;
}

#section2 .col:nth-child(3) {
  margin-top: 0px;
  margin-bottom: 0px; /* Skrajšan spodnji rob za tretji okvirček */

}

#section2 .title {
  text-align: center;
  color: #464646;
   font-weight: bold;
}
#kovanje .text {
  margin-left: 20px; /* Premik besedila bolj desno */
  color: #212529; /* Dodana barva besedila */
}


#section2 .highlight-red {
  color: red;
}

#section2 .line {
  width: 50px;
  height: 5px;
  margin: 10px auto;
}

#section2 .gradient-red {
  width: 230px;
  height: 5px;
  margin-top: -8px;
  background: -webkit-gradient(linear, left top, right top, from(red), to(orange));
  background: linear-gradient(to right, red, orange);
  -webkit-clip-path: inset(0 40px 0 0);
  clip-path: inset(0 40px 0 0); /* Odreže 30px na desni strani */
}

#section2 .gradient-red2 {
  width: 570px;
  height: 5px;
  margin-top: -8px;
  background: -webkit-gradient(linear, left top, right top, from(red), to(orange));
  background: linear-gradient(to right, red, orange);
  -webkit-clip-path: inset(0 40px 0 0);
  clip-path: inset(0 35px 0 0); /* Odreže 30px na desni strani */
}


#section2 ul {
  list-style-type: none;
  padding: 0;
}

#section2 ul li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 40px;
}

#tehnologija ul li:before {
  content: "\f013"; /* Unicode for the gear icon in Font Awesome */
  font-family: "Font Awesome 5 Free"; /* Ensure the correct font is used */
  font-weight: 900; /* Ensure the icon is displayed with the correct weight */
  color: #212529; /* Icon color */
  position: absolute;
  left: 0;
  font-size: 1em; /* Icon size */
  padding-left: 15px; /* Adjust spacing between icon and text */
}

#kovanje ul li:before {
  content: "\f6e3"; /* Unicode for the gear icon in Font Awesome */
  font-family: "Font Awesome 5 Free"; /* Ensure the correct font is used */
  font-weight: 900; /* Ensure the icon is displayed with the correct weight */
  color: #212529; /* Icon color */
  position: absolute;
  left: 0;
  font-size: 1em; /* Icon size */
  padding-left: 15px; /* Adjust spacing between icon and text */
}


#section2 p {
  margin-bottom: 20px;
  color: #555;
}
#section3.references {
    text-align: center;
    padding: 50px 20px;
    background-color: #fff; /* Po potrebi prilagodi */
}

#section3.references h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    position: relative;
}

#section3.references .line {
  width: 220px;
  height: 4px;
  background: -webkit-gradient(linear, left top, right top, from(orange), to(red));
  background: linear-gradient(to right, orange, red);
}

#section3.references .reference-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 0; /* Brez razmaka za stikajoče črte */
    justify-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

#section3.references .reference-grid div {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-right: 1px solid #ccc; /* Navpična črta */
    border-bottom: 1px solid #ccc; /* Vodoravna črta */
}

/* Odstrani desno obrobo iz zadnjih stolpcev */
#section3.references .reference-grid div:nth-child(3n) {
    border-right: none;
}

/* Odstrani spodnjo obrobo iz zadnje vrstice */
#section3.references .reference-grid div:nth-last-child(-n+3) {
    border-bottom: none;
}

#section3.references .reference-grid div img {
    max-width: 100px;
    max-height: 100px;
    -o-object-fit: contain;
       object-fit: contain;
}

.line {
    width: 180px;
    height: 5px;
    margin: -8px auto 40px auto;
    background: -webkit-gradient(linear, left top, right top, from(orange), to(red));
    background: linear-gradient(to right, orange, red);
}
.galerija {
  text-align: center;
  margin-top: 40px;
}

.galerija-vsebina {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.galerija img {
  width: 25%;
  height: auto; /* Samodejno prilagodi višino glede na širino */
  -o-object-fit: cover;
     object-fit: cover; /* Pokrije celoten prostor, ne da bi izkrivljal sliko */
}

/* Splošna nastavitev sekcije */
#section4 {
    padding: 50px 20px;
    background-color: #ffff;
}

#dmxReCaptcha21 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
}

#section4 .gdpr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}
/* Naslov obrazca */
#section4 .kontakt-form h3 {
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* Podčrtana črta */
#section4 .kontakt-form .underline {
    width: 150px;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(red), to(orange));
    background: linear-gradient(to right, red, orange);
    margin: -8px auto 40px auto;
    display: block; /* Potrditev, da se obravnava kot blokovni element */
}

/* Polja obrazca */
#section4 .kontakt-form label {
    display: block;
    margin-bottom: 5px;
    color: #333;
}

#section4 .kontakt-form input,
#section4 .kontakt-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: none;
    border-radius: 18px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 14px;
}

/* Gumb za pošiljanje */
#section4 .kontakt-form button {
    padding: 10px 20px;
    background-color: #fff;
    border: none;
    border-radius: 13px;
    cursor: pointer;
    font-weight: bold;
    color: #333;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    margin: 0px auto 0; /* Centers the button with some space above it */
    display: block; /* Makes the button a block-level element */
}

#section4 .kontakt-form button:hover {
    background-color: #e0e0e0;
}

/* Iframe se prilagodi višini in širini */
#section4 .kontakt-map iframe {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 30px;
}
/* Postavitev kontaktnega obrazca in zemljevida */
#section4 .kontakt-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 70px;
    max-width: 1250px;
    margin: 0 auto;
}

/* Kontaktni obrazec */
#section4 .kontakt-form {
    background-color: #D5D5D5;
    padding: 20px;
    border-radius: 30px;
    width: 100%;
    height: 100%;
    
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

/* Iframe zemljevid */
#section4 .kontakt-map {
    width: 100%;
    height: 100%;
    min-height: 718px;
    border: 0;
    border-radius: 30px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
h1.fw-bold {
    color: #4E4E4E;
}
/* Prilagoditve za mobilne naprave */
@media screen and (max-width: 768px) {
    .responsive-container {
    width: 550px; /* Fiksna širina za kvadratno obliko */
    height: 500px; /* Fiksna višina za kvadratno obliko */
    
}
.text {
    text-align: left; /* Poravnaj besedilo na levo na telefonih */
  }
.slika{
    position: relative;
    width: 100%;
    height: 100%;
}

    /* Kontaktni obrazec in zemljevid - en pod drugim */
    #section4 .kontakt-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
        padding: 15px;
    }

   #section4 .kontakt-map {
    width: 100%;
    height: 100%;
    min-height: 350px;
    border: 0;
    border-radius: 30px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Iframe zemljevid - spremenjena višina na 80px */
#section4 .kontakt-map iframe {
    width: 100% !important;
    height: 80px !important; /* Višina iframe-a */
    min-height: 250px !important; /* Zagotavljanje najmanjše višine */
    border-radius: 15px;
    margin-top: 20px;
}


    /* Kovanje in tehnologija - vrnejo originalno postavitev */
    #tehnologija ul,
    #kovanje ul {
        display: block; /* Ponovno uporabi blokovno postavitev */
        padding: 0;
        list-style-type: none;
        text-align: left; /* Besedilo na levi */
    }

    #tehnologija ul li,
    #kovanje ul li {
        margin-bottom: 10px;
        padding-left: 40px;
        position: relative;
    }

    #tehnologija ul li:before
    {
      content: "\f013";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      color: black;
      position: absolute;
      left: 0;
      font-size: 1em;
      padding-left: 15px;
    }
    #kovanje ul li:before {
    content: "\f6e3"; /* Unicode for the gear icon in Font Awesome */
    font-family: "Font Awesome 5 Free"; /* Ensure the correct font is used */
    font-weight: 900; /* Ensure the icon is displayed with the correct weight */
    color: #212529; /* Icon color */
    position: absolute;
    left: 0;
    font-size: 1em; /* Icon size */
    padding-left: 15px; /* Adjust spacing between icon and text */
    }

    /* Sekcija 2 - Kolone poravnane na sredino */
    #section2 .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 30px;
        padding-top: 0px;
    }

    #section2 .col {
        padding: 30px 5px 5px 5px; /* Zgornji rob povečan na 20px, ostali robovi ostajajo enaki */
        text-align: center;
        width: 100%;
    }

    /* Galerija */
    .galerija-vsebina {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        padding: 10px;
    }

    .galerija-vsebina img {
        width: 100%;
        height: auto;
        border-radius: 5px;
    }

    /* Referenčni razdelki */
    .references {
        padding: 20px;
        text-align: center;
    }

    .reference-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
#section2 .col:nth-child(2) {
  margin-top: -25px;
  margin-bottom: 0px;
}

#section2 .col:nth-child(3) {
  margin-top: 25px;
  margin-bottom: -70px;
}
#section2 .gradient-red {
  width: 175px;
  height: 5px;
  margin-top: -8px;
  background: -webkit-gradient(linear, left top, right top, from(red), to(orange));
  background: linear-gradient(to right, red, orange);
  -webkit-clip-path: inset(0 40px 0 0);
  clip-path: inset(0 40px 0 0); /* Odreže 30px na desni strani */
}

#section2 .gradient-red2 {
  width: 210px;
  height: 5px;
  margin-top: -8px;
  background: -webkit-gradient(linear, left top, right top, from(red), to(orange));
  background: linear-gradient(to right, red, orange);
  -webkit-clip-path: inset(0 40px 0 0);
  clip-path: inset(0 35px 0 0); /* Odreže 30px na desni strani */
}
.line {
    width: 120px;
    height: 5px;
    margin: -8px auto 40px auto;
    background: -webkit-gradient(linear, left top, right top, from(orange), to(red));
    background: linear-gradient(to right, orange, red);
}
.gradient-bar-podjetje {
    width: 295px;
    height: 4px;
  }
.gradient-bar-poslanstvo {
    width: 95px;
   height: 4px;
  }
  .gradient-bar-vrednote {
    width: 85px;
    height: 4px;
  }
#section4 .kontakt-form .underline {
  width: 115px;
 
   }
}