:root {
    --primary-color: #0050a2;
    --secondary-color: #f7a62c;
    --accent-color: #f0f7ff;
}

/* BASE */

.home-five .footer-one {
    margin-top: 200px !important;
    padding-top: 200px !important;
}

.home-five .footer-cta-area {
    display: block;
}

.main-footer-one-area .body.one {
    max-width: 90%;
}

.main-footer-one-area .body.one img {
    max-width: 300px;
}

.iconCounter {
    max-width: 60px;
}

.aboutHome .right-side-content .about-feature-list-area {
    margin-top: 10px;
}

.aboutHome .right-side-content .about-feature-list-area ul {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.aboutHome .right-side-content .about-feature-list-area ul li {
    display: flex;
    align-items: center;
    padding: 10px 0;
    gap: 18px;
}

.aboutHome li .icon {
    width: 25px;
    min-width: 25px;
    height: 25px;
    border-radius: 50%;
    display: block;
    text-align: center;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboutHome .about-feature-list .single span {
    font-size: 16px;
    font-weight: 400;
    font-family: var(--font-secondary);
}

.aboutHome .right-side-content .button-area {
    margin-top: 10px;
}

.team-wrapper2 .content-area .title {
    display: block;
}

.tmp-team-area2 {
    padding: 80px 0;
}

.breadcrumb-style-1 {
    height: 300px;
    margin: 0;
    border-radius: 0;
}

.breadcrumb-style-1 .inner-content {
    padding-top: 0;
}

.aboutSection {
    padding-bottom: 30px;
}

.company-history-area-2 {
    padding-top: 50px;
}

input[type=checkbox] {
    opacity: 1;
    position: initial;
    display: inline;
    width: auto;
    height: auto;
}

.tmp-contact-area.contact input[type=tel] {
    width: 100%;
    padding: 12px;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
}

.faq-area-start {
    padding-top: 50px;
}

.fun-facts-list-style {
    background-image: none;
    background-color: var(--accent-color);
    position: initial;
}

.fun-facts-list-style.two {
    background-image: none;
    background-color: var(--accent-color);
    position: initial;
}

.fun-facts-list-style:hover {
    transform: none;
}

.fun-facts-list-style h4 {
    font-size: 2.2rem;
}

.fun-facts-list-style p {
    font-size: 1.5rem;
}

.modal-content {
    border-radius: 12px;
    padding: 10px;
}

.modal-header {
    border-bottom: none;
}


.modal-body img {
    border-radius: 10px;
}

.modal-backdrop {
    display: none !important;
}

.team-wrapper5 .image-area,
.team-wrapper5 h2 {
    cursor: pointer;
}

.woocommerce-product-details__short-description p {
    margin-bottom: 10px;
}









/* COLORI */

header.header-four .header-top {
    background: var(--accent-color);
}

.header-main-2 .header-mid-one-wrapper .logo-area::before {
    background: var(--accent-color);
}

header.header-four .header-mid-one-wrapper .logo-area::after {
    display: none;
}

header.header-one .header-top-wrapper .left .info span a:hover {
    color: var(--secondary-color);
}

.footer-cta-area.cta-two {
    background-color: var(--primary-color);
}

.tmp-btn.btn-primary {
    background: var(--primary-color);
}

.tmp-btn.btn-primary::after {
    background: var(--secondary-color);
}

.copyright-area-one p {
    color: #fff;
}

.footer-five .copyright-area-one p a {
    color: var(--secondary-color);
}

.footer-five .copyright-area-one p a:hover {
    color: var(--primary-color);
}

.copyright-area-one .copyright-links li a {
    color: #fff;
}

.hover-moving-primary:hover {
    color: var(--secondary-color) !important;
}

.copyright-area-one .copyright-links li::after {
    background: var(--secondary-color);
}

header.header-four .header-mid-one-wrapper .header-right .single-component .menu-area .icon {
    background: var(--primary-color);
}

header.header-four .header-top-wrapper .left .info span a {
    color: var(--primary-color);
}

.social-wrapper-1 li a {
    color: var(--primary-color);
}


.social-wrapper-1 li a:hover {
    color: var(--secondary-color);
}

.header-info .tmp-dropdown-menu .has-child-menu a span {
    color: var(--primary-color);
}

.tmp-banner-slider-area.banner-five .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--primary-color) !important;
}

.aboutHome li .icon {
    background: var(--primary-color);
    color: var(--secondary-color);
}

.about-image-area5::before {
    background: var(--secondary-color);
}

.about-image-area5::after {
    background: var(--secondary-color);
}

.projectAreaHome {
    background: rgba(149, 149, 149, 0.1);
}

.projectAreaHome .section-title span {
    color: var(--primary-color);
}

.working-process-wrapper7 .content p {
    background: var(--primary-color);
}

.tmp-btn.btn-border::after {
    background: var(--primary-color);
}

.tmp-icon-overlay-link-btn i.tmp-icon {
    color: var(--primary-color);
}

.tmp-icon-overlay-link-btn:hover::after {
    border: 2px solid var(--secondary-color);
    color: var(--secondary-color);
}

.team-wrapper2 .designation {
    color: var(--primary-color);
}

.eventHome {
    background: rgba(149, 149, 149, 0.1);
}

.subtitle-bg {
    background: var(--primary-color);
    color: var(--secondary-color) !important;
}

.eventHome .section-title span {
    color: var(--primary-color);
}

.breadcrumb-style-1::after {
    background: rgba(149, 149, 149, 0.6);
}

.page-breadcrumb,
.page-breadcrumb li {
    color: #fff;
}

.aboutSection .sub-title span {
    color: var(--primary-color);
}

.aboutSection .section-title-area-4 .sub-title::after {
    background: linear-gradient(90deg, var(--primary-color), rgba(33, 38, 45, 0)) !important;
}

.aboutSection .section-title span {
    color: var(--primary-color);
}

.about-image-area .about-card.inner {
    background: var(--primary-color);
}

.tmp-about-area.inner .tmp-tab-one-start ul.nav li button[aria-selected=true] {
    background: var(--secondary-color);
}

.tmp-about-area.inner .tmp-tab-one-start ul.nav li button::after {
    border-left: 18px solid var(--secondary-color);
}

.tmp-tab-one-start ul.nav li button:hover {
    background: var(--secondary-color);
}

.tmp-tab-one-start ul.nav li button {
    color: var(--primary-color);
}

.company-history-area-2 {
    background: rgba(149, 149, 149, 0.1);
}

.company-history-area-2 .timeline:before {
    background: var(--primary-color);
}

.tmp-get-in-touch-area.area-3 .get-in-touch-wrapper .icons i {
    color: var(--primary-color);
}

.link-accettazione {
    color: var(--secondary-color);
}

.link-accettazione:hover {
    color: var(--primary-color);
}

.page-breadcrumb a:hover {
    color: var(--secondary-color);
}

.social-share-wrapper-1 .social-stylle-one li a::after {
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.tmp-contact-area.contact input[type=tel] {
    border: 1px solid #ddd;
}

.nav-area .current_page_item a {
    color: var(--secondary-color) !important;
}

header.header-four .nav-area ul li.main-nav:hover > a {
    color: var(--secondary-color) !important;
}

.sub-title span {
    color: var(--primary-color);
}

.aboutHome .right-side-content .desc ul li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 10px;
}

.aboutHome .right-side-content .desc ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 2px;
    width: 24px;
    height: 24px;
    background-color: var(--primary-color);
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    border-radius: 50%; 
}

.service-wrapper-8 .content-area {
    bottom: -30px;
}

.eventPage .eventDate {
    margin-bottom: 10px;
}

.eventPage .eventDate strong {
    color: var(--primary-color);
}

.service-wrapper-8 .content-area .read-more-btn .icon {
    background: var(--secondary-color);
}

.service-wrapper-8 .content-area .read-more-btn .icon i {
    color: #fff;
}

.events-details-wrapper-start .action-area-events .small-meta-details .top .icon {
    background: var(--secondary-color);
}

.events-details-wrapper-start .action-area-events .small-meta-details .top .icon i {
    color: #fff;
}

.events-description-area .disc p {
    margin-bottom: 10px;
}

.working-process-wrapper7 .content .title {
    margin-bottom: 10px;
}

.working-process-wrapper7 .content .eventDate {
    margin-bottom: 10px;
}

.team-wrapper2 .image-area .social-wrapper ul li a::after {
    background: var(--primary-color);
}

.company-history-area-2 .section-title {
    padding-bottom: 30px;
}

.certificate {
    text-align: center;
    padding-bottom: 60px;
}

.events-description-area .subtitle {
    font-size: 1.8rem;
    color: var(--primary-color);
}

.team-wrapper5 .image-area {
    height: auto;
}

.footerQuote {
    margin-left: 0;
    margin-bottom: 10px;
    color: #fff;
}

.blockquote-footer {
    margin-top: 0 !important;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #fff;
}

.accordion-body p {
    margin-bottom: 10px;
}

.accordion-body ul {
    padding-left: 20px;
}

.accordion-body ul li {
    list-style-type: disc;
}

.accordion-body ul li b {
    color: var(--primary-color);
}


/* RESPONSIVE */

@media only screen and (max-width: 991px) {
    .header-mid-one-wrapper .logo-area, header.header-four .header-mid-one-wrapper .logo-area {
        padding: 20px 10px;
    }

    header.header-four .header-mid-one-wrapper .logo-area img {
        max-width: 100%;
    }

    .timeline__entry .single img {
        max-width: 68px;
    }

}


@media only screen and (min-width: 992px) {
    header.header-four .header-mid-one-wrapper .logo-area {
        padding: 5px 0;
    }

    .header-mid-one-wrapper .logo-area img {
        max-height: 85px;
    }

    header.header-four .header-mid-one-wrapper .logo-area {
        flex-basis: 26%;
    }

    .header-main-2 .header-mid-one-wrapper .logo-area::before {
        width: 650px;
    }

    header.header-four .header-mid-one-wrapper .header-right {
        flex-basis: 20%;
    }

    .timeline__entry .single img {
        max-width: 233px;
        height: 175px;
    }

    .certificate img {
        max-width: 70%;
    }

    .single-tab-content-one {
        min-height: 235px;
    }

    .team-wrapper5 .content-area {
        min-height: 241px;
        align-items: start;
    }

    .modal-body img {
        float: left;
        max-height: 250px;
        margin: 0 10px 10px 0;
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1599px){
    .main-footer-one-area .single-footer-inner {
        width: 60%;
    }

    .tmp-tab-one-start ul.nav {
        margin-top: 0;
    }

}

@media (min-width: 1600px){
    .tmp-tab-one-start ul.nav {
        margin-top: 10px;
    }
}