.header-section-distributeri {
            background-image: linear-gradient(90deg, #7C0382 0%, #001799a0 51%, #002aff00 100%), url('img/banerdistributeri.jpg');
  background-size: cover;
  background-position: center;
  padding: 120px 0;
  color: white;
  text-align: center;
  background-position-y: -264px;
}

        .header-section-distributeri h1 {
            font-size: 48px;
            margin-bottom: 20px;
        }
        .header-section-distributeri p {
            font-size: 18px;
        }
        .contact-form-section-distributeri {
            padding: 50px 0;
        }
        .info-box-distributeri {
    position: relative;
    color: white;
    padding: 20px;
    border-radius: 10px;
    height: 100%;
    z-index: 1; /* Osigurava da tekst ostane iznad pseudo-elementa */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centriranje sadržaja vertikalno */
    text-align: center; /* Poravnanje teksta po sredini */
}

.info-box-distributeri h5 {
    margin-bottom: 20px; /* Daje malo razmaka ispod naslova */
}

.info-box-distributeri::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom left, #0066CC, #7C0382);
    opacity: 0.9; /* Podešava opacitet pozadine */
    border-radius: 10px;
    z-index: -1; /* Stavlja pseudo-element ispod sadržaja .info-box */
}
        .form-container-distributeri {
            background-color: #f8f9fa;
            padding: 30px;
            border-top-left-radius: 0px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 0px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        .form-container-distributeri input, .form-container textarea {
            border-radius: 5px;
            padding: 15px;
            
        }
        .submit-btn-distributeri {
            background-color: #6610f2;
            border: none;
            color: white;
            padding: 10px 30px;
            border-radius: 5px;
        }
        .form-row {
            display: flex;
            flex-wrap: wrap;
            margin-right: -10px;
            margin-left: -10px;
        }
        .form-group {
            flex: 1; /* Postavlja jednak raspored za svaki element */
            min-width: 0; /* Sprečava da kontrole probiju raspored */
        }
        .form-row .form-group {
            padding: 0 10px; /* Dodaj horizontalni padding sa leve i desne strane */
            margin-bottom: 15px; /* Ostavlja prostor ispod svake form-group */
        }
        .dugme{
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Drop shadow efekat */
            background: linear-gradient(to left, #007bff, #7928ca);
            border: none;
            display: flex;
            justify-content: start;
        }
        .dugme:hover {
            background: linear-gradient(to left, #0069d9, #5a20a0);
        }


        @media (max-width: 768px) {
            .form-row {
                flex-direction: column !important;
            }
            .form-group {
                padding: 0; /* Ukloni padding na manjim ekranima */
            }
            .header-section-distributeri{
                background-position-y: 0px !important;
            }
            .info-box-distributeri{
                margin-left: 40px !important;
                margin-right: 40px !important;
            }
            
        }