/* To make header wider - more space between header elements */
.header__container {
max-width: 135.8rem !important;
}

/* To force the document icon in all lists on webiste that contains links with
.pdf and .docx */
li a[href*=".pdf"]:before,
li a[href*=".docx"]:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M9%2017H15M9%2014H15M13.0004%203.00087C12.9048%203%2012.7974%203%2012.6747%203H8.2002C7.08009%203%206.51962%203%206.0918%203.21799C5.71547%203.40973%205.40973%203.71547%205.21799%204.0918C5%204.51962%205%205.08009%205%206.2002V17.8002C5%2018.9203%205%2019.4801%205.21799%2019.9079C5.40973%2020.2842%205.71547%2020.5905%206.0918%2020.7822C6.51921%2021%207.079%2021%208.19694%2021L15.8031%2021C16.921%2021%2017.48%2021%2017.9074%2020.7822C18.2837%2020.5905%2018.5905%2020.2842%2018.7822%2019.9079C19%2019.4805%2019%2018.9215%2019%2017.8036V9.32568C19%209.20302%2018.9999%209.09553%2018.999%209M13.0004%203.00087C13.2858%203.00348%2013.4657%203.01407%2013.6382%203.05547C13.8423%203.10446%2014.0379%203.18526%2014.2168%203.29492C14.4186%203.41857%2014.5918%203.59181%2014.9375%203.9375L18.063%207.06298C18.4089%207.40889%2018.5809%207.58136%2018.7046%207.78319C18.8142%207.96214%2018.8953%208.15726%2018.9443%208.36133C18.9857%208.53379%2018.9964%208.71454%2018.999%209M13.0004%203.00087L13%205.80021C13%206.92031%2013%207.48015%2013.218%207.90797C13.4097%208.2843%2013.7155%208.59048%2014.0918%208.78223C14.5192%209%2015.079%209%2016.1969%209H18.999%22%20stroke%3D%22%23192352%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    margin-right: 8px;
    vertical-align: middle;
    /* Ensure this overrides any existing styles */
    content: '' !important;
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20id%3D%22Vector%22%20d%3D%22M9%2017H15M9%2014H15M13.0004%203.00087C12.9048%203%2012.7974%203%2012.6747%203H8.2002C7.08009%203%206.51962%203%206.0918%203.21799C5.71547%203.40973%205.40973%203.71547%205.21799%204.0918C5%204.51962%205%205.08009%205%206.2002V17.8002C5%2018.9203%205%2019.4801%205.21799%2019.9079C5.40973%2020.2842%205.71547%2020.5905%206.0918%2020.7822C6.51921%2021%207.079%2021%208.19694%2021L15.8031%2021C16.921%2021%2017.48%2021%2017.9074%2020.7822C18.2837%2020.5905%2018.5905%2020.2842%2018.7822%2019.9079C19%2019.4805%2019%2018.9215%2019%2017.8036V9.32568C19%209.20302%2018.9999%209.09553%2018.999%209M13.0004%203.00087C13.2858%203.00348%2013.4657%203.01407%2013.6382%203.05547C13.8423%203.10446%2014.0379%203.18526%2014.2168%203.29492C14.4186%203.41857%2014.5918%203.59181%2014.9375%203.9375L18.063%207.06298C18.4089%207.40889%2018.5809%207.58136%2018.7046%207.78319C18.8142%207.96214%2018.8953%208.15726%2018.9443%208.36133C18.9857%208.53379%2018.9964%208.71454%2018.999%209M13.0004%203.00087L13%205.80021C13%206.92031%2013%207.48015%2013.218%207.90797C13.4097%208.2843%2013.7155%208.59048%2014.0918%208.78223C14.5192%209%2015.079%209%2016.1969%209H18.999%22%20stroke%3D%22%23192352%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') !important;
    background-size: contain !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
}


/* Style for counters st. oddanih and st. vloge v obdelavi, currently used on
e-kolesa and e-vozila */
.counter-container {
    display: flex;
    align-items: center;
    justify-content: center; /* Add this line to center horizontally */
}

.counter-container .stevilka-box {
    background-color: #192452d2;
    color: white;
    padding: 20px;
    margin: 10px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    /*flex: 0 1 200px; */ /* Adjust the flex property */
    max-width: 210px; /* Set a maximum width */
    min-width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 130px; /* Set a fixed height */
}

.counter-container .label {
    font-size: 14px;
    margin-bottom: 10px;
}

.counter-container .number {
    font-size: 21px;
    font-weight: bold;
}

.counter-container .numberRepower {
    font-size: 21px;
    font-weight: bold;
}

.counter-container .arrow {
    font-size: 36px;
    color: #192452d2;
    margin: 0 10px;
}

@media (max-width: 880px) {
    .counter-container {
        flex-direction: column;
    }

    .counter-container .stevilka-box {
        max-width: 290px !important; /* Set a maximum width */
        min-width: 280px !important;
    }

    .counter-container .arrow {
        transform: rotate(90deg);
        margin: 10px 0;
    }
}

/*
Style for link boxes on borzen.si main page
*/
.fp-link-container {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    padding: 20px;
    /*background-color: #f4f5f7;  Spremenjeno ozadje kontejnerja */
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/

    background-color: #f4f5f7; /* Ohranimo obstoječo barvo ozadja */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Dodana senca */
    border-radius: 0 0 12px 12px; /* Zaobljeni robovi samo spodaj */
    /*margin-top: 1px;  Rahlo povečan razmik od zgornjega dela (sliderja) */
    border-top: 4px solid #192352; /* Dodana subtilna črta na vrhu kontejnerja */
}

.fp-link-square {
    background-color: #fff;
    padding: 15px;
    text-align: left;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    border-radius: 8px;
    text-decoration: none;
    color: #002060;
    border: 2px solid #bed73b;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fp-link-square:hover {
    background-color: #f9fafb;
    transform: scale(1.02);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

.fp-link-square h2 {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: normal;
    color: #002060;
    font-weight: bold;
    flex-grow: 1; /* Dodamo fleksibilnost, da se besedilo razporedi v razpoloĹžljivem prostoru */
}

.fp-link-square p {
    font-size: 14px;
    line-height: normal;
    color: #555;
    margin-right: 25px; /* Dodamo desni odmik, da besedilo ne pride preblizu puščice */
}

.fp-link-square::after {
    content: '';
    position: absolute;
    right: 15px;
    bottom: 15px;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="ico-Chevron-Right"><path id="Vector" d="M9 5L16 12L9 19" stroke="%23192352" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.3s ease;
}

.fp-link-square:hover::after {
    transform: translateX(5px);
}


@media (max-width: 1170px) {
    .fp-link-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .fp-link-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .fp-link-square h2 {
        font-size: 16px;
    }

    .fp-link-square p {
        font-size: 13px;
    }
}