:root {
    --primary:#253b2f;

    --primary-button-bg-color:#253b2f;
    --primary-button-bg-color-hover:#335A2B;
    --primary-button-bg-color-focus:#1b2f17;

    --primary-button-text-color:#fff;
    --primary-button-text-color-hover:#fff;
    --primary-button-text-color-focus:#fff;

    --primary-button-border-color:#253b2f;
    --primary-button-border-color-hover:#335A2B;
    --primary-button-border-color-focus:#1b2f17;

   
    --secondary-button-bg-color:#fff;
    --secondary-button-bg-color-hover:#fff;
    --secondary-button-bg-color-focus:#fff;

    --secondary-button-text-color:#253b2f;
    --secondary-button-text-color-hover:#335A2B;
    --secondary-button-text-color-focus:#1b2f17;

    --secondary-button-border-color:#253b2f;
    --secondary-button-border-color-hover:#335A2B;
    --secondary-button-border-color-focus:#1b2f17;

    --tertiary-button-bg-color:#fff;
    --tertiary-button-bg-color-hover:#fff;
    --tertiary-button-bg-color-focus:#fff;

    --tertiary-button-text-color:#253b2f;
    --tertiary-button-text-color-hover:#335A2B;
    --tertiary-button-text-color-focus:#1b2f17;

    --tertiary-button-border-color:#fff;
    --tertiary-button-border-color-hover:#fff;
    --tertiary-button-border-color-focus:#fff;

    --button-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.15);

    --button-font-size: 15px;

    --dark-text:#58595B;
    --light-text:#CACCD7;

    --white: #fff;
    --red: #DB2340;
    --yellow: #FFCB31;
    --blue: #00A0B0;
    --light-gray: #f4f4f4;
    --dark-gray: #7B7B7B;

    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}


/* Navbar*/

.white-background {
    background-color: var(--white);
    -webkit-box-shadow: var(--shadow);
    -moz-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
}

.navbar {
    z-index: 1;
    max-width: 1240px;
    margin: auto;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.nav-link {
    color: var(--text-gray);
    font-family: 'Poppins', serif !important;   
     transition: 0.3s;
    font-size: 14px;
}

.nav-link:hover {
    color: var(--green);
}

.nav-link:active {
    color: var(--red);
}

.navbar-brand {
    max-width: 150px;
}

.navbar-brand img{
    width: 100%;
}


.podklijenti {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--light-text);
    width: 100%;
    overflow: hidden;
    
}
.logo-dropdown-placeholder {
    max-width: 100px;
    max-height: 100px;
    object-fit: contain;
    display: inline-block;
}

.logo-dropdown-placeholder .nav-logo-img {
    width: 100%;
    height: 100%;
    /* object-fit: contain; */
}

.nav-logo-img {
    width: 100%;
}

.podklijenti span {
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 65%;
}


.dropdown-toggle {
    text-decoration: none;
    color: var(--dark-text);
}

.dropdown-toggle:hover {
    text-decoration: none;
    color: var(--primary);
}

.dropdown-menu.show {
    border-radius: 0px;
    border: none;
    box-shadow: var(--container-shadow);
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--primary);
    background-color: transparent;
}