:root {
    --custom-pjc-color: #f29010;
}

.pjc-color-red {
    color: var(--custom-pjc-color) !important;
}

.pjc-color-custom {
    color: var(--custom-pjc-color) !important;
}

.slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.slide .slide-captions {
    position: relative;
    z-index: 2;
}

.overlay-dark {
    position: relative;
    overflow: hidden;
}

.overlay-dark::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.overlay-dark>.container {
    position: relative;
    z-index: 2;
}

.flickity-button {
    background: #fff;
}

.flickity-button:before {
    color: #1e2022;
}

.flickity-button:hover {
    background-color: var(--custom-pjc-color);
}

.flickity-button:hover:before {
    color: #fff;
}

button.btn,
.btn:not(.close):not(.mfp-close),
a.btn:not([href]):not([tabindex]) {
    background-color: var(--custom-pjc-color);
    border-color: var(--custom-pjc-color);
    color: #fff;
}

.heading-text.heading-section h2::before {
    background-color: var(--custom-pjc-color);
}

#footer .copyright-content {
    background-color: #333;
    /* Grigio scuro */
    padding: 15px 0;
    /* Spaziatura verticale */
}

#footer .copyright-content .copyright-text {
    color: #f8f9fa;
    /* Testo chiaro */
    font-size: 14px;
    /* Dimensione testo */
}

#footer .copyright-content .copyright-text a {
    color: #f8f9fa;
    /* Colore chiaro per i link */
    text-decoration: underline;
    /* Sottolinea i link */
}

#footer .copyright-content .copyright-text a:hover {
    color: #d4d4d4;
    /* Colore link al passaggio del mouse */
}

.services-section {
    position: relative;
    background-image: url('../images/parallax/bg1.jpg') !important;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.services-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.85);
    z-index: 1;
}

.services-section .container {
    position: relative;
    z-index: 2;
}

.call-to-action {
    margin-bottom: 0px;
}

.icon-box {
    border-color: var(--custom-pjc-color);
    /* Cambia colore del bordo della box */
}

.icon-box .icon i {
    color: var(--custom-pjc-color);
    /* Cambia colore delle icone */
}

.icon-box .icon i:hover {
    color: darkred;
    /* Colore al passaggio del mouse (opzionale) */
}

.icon-box h3 {
    color: var(--custom-pjc-color);
    /* Cambia colore del titolo */
}

.icon-box p {
    color: #555;
    /* Testo descrittivo con un colore leggibile */
}

.grid-item img {
    max-width: 100%;
    /* L'immagine non supererà mai la larghezza del contenitore */
    max-height: 100%;
    /* L'immagine non supererà mai l'altezza del contenitore */
    object-fit: cover;
    /* Adatta l'immagine senza distorsioni */
    display: block;
    /* Evita margini indesiderati aggiungendo il comportamento di blocco */
}

.logo-dark img,
.logo-default img {
    width: 66px;
    height: 64px;
}

.brand-logo-tcr {
    max-width: 200px;
    margin: 0 auto;
    display: block;
}

.spintraxlogo {
    max-width: none !important;  
    width: 330px !important;
    margin-top: 24px;
}

.h-border-bottom {
    border-bottom: 1px solid var(--custom-pjc-color);
}

#header {
  background-color: #00000038;
}