@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 400;
    font-display: swap; /* Zamjenjuje privremeni font kada se učita */
    src: url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&display=swap');
}

.feature-box {
    display: flex;
    align-items: center; /* Vertikalno centriranje */
    justify-content: start; /* Horizontalno poravnanje ulijevo */
}

.feature-box-icon {
    display: flex;
    align-items: center; /* Centriranje ikona */
    justify-content: center;
    width: 40px; /* Širina ikone */
    height: 40px; /* Visina ikone */
}

.feature-box-info {
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centriranje teksta */
}

img.img-fluid {
    max-width: 100%;
    height: auto;
}

@media (max-width: 768px) { /* Za mobilne uređaje */
    .header-stats {
        font-size: 10px; /* Smanji veličinu fonta za cijeli tekst */
    }

    .header-stats li {
        font-size: 9px; /* Smanji veličinu fonta za svaki pojedinačni element */
    }

    .header-stats .counter {
        font-size: 10px; /* Smanji veličinu brojeva */
    }

    .header-stats i {
        font-size: 10px; /* Smanji veličinu ikona */
    }

    .header-stats a {
        font-size: 10px; /* Smanji veličinu fonta za linkove */
    }
}

.custom-text {
    font-size: 30px; /* Smanjuje veličinu teksta */
    font-style: italic !important; /* Nagib teksta */
    font-family: "Brush Script MT", cursive !important; /* Imitacija rukopisa */
    color: #00AEEF; /* Plava boja ostaje */
}


@media (max-width: 768px) { /* Za mobilne uređaje */
    .custom-text {
        font-size: 14px; /* Smanji veličinu fonta na mobilnim uređajima */
    }
}

@media (max-width: 768px) {
    .custom-big-text-1 {
        font-size: 42px !important; /* Smanjuje H1 za mobitel */
        line-height: 1.2 !important; /* Smanjuje razmak između linija */
    }
    .custom-big-text-2 {
        font-size: 35px !important;
        line-height: 1.1 !important;
    }
    .d-block {
        min-height: auto !important;  /* Sprječava fiksnu visinu */
        padding: 10px 0 !important;   /* Smanjuje padding */
    }
}