:root {
    /* === CULORI PRINCIPALE DIN LOGO === */
    --primary-green: #7CB342;      /* Verde din logo */
    --primary-blue: #00345c;       /* Albastru din logo */
    --primary-brown: #8B6F47;      /* Maro text din logo */

    /* === VARIAȚII VERDE === */
    --green-light: #9CCC65;
    --green-medium: #7CB342;
    --green-dark: #558B2F;
    --green-darker: #33691E;

    /* === VARIAȚII ALBASTRU === */
    --blue-light: #546E7A;
    --blue-medium: #2E5266;
    --blue-dark: #1A365D;
    --blue-darker: #0F2A44;

    /* === VARIAȚII MARO === */
    --brown-light: #A1845C;
    --brown-medium: #8B6F47;
    --brown-dark: #6D4C2A;
    --brown-darker: #543A1F;
}

.slider-content-area .slider_bg_img::before{
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, rgb(9 41 73 / 57%), rgba(0, 0, 0, 0.125));
    z-index: 1;
}
.chaletsimg img {
    border-radius: 50% 0 0 0;
}
.fa-arrow-right:before{
    content: none!important;
}
.difference-item .difference-images img {
    width: 100%;
    height: 65vh;
}
.difference-item .before{
right: 19px;
}
.difference-item .after {
    right: auto;
    left: 19px;
}
.testimonial-two .testimonial-images{
    border: 8px solid var(--primary-green);
}
.testimonial-two::before {
    background: var(--primary-green);
}
.testimonial-item .testimonial-quote {
    color: #7e7e7e;
}
.service-item-two:hover .service-icon {
    background-color: var(--blue-medium) !important;
}
.container:has(.gallery_ph) {
    margin: 50px !important;
    width: 100%;
    max-width: -webkit-fill-available;
}
.footer-widget.footer-contact ul li a {
    width: 320px;
}
.footer-widget.footer-contact {
    max-width: 430px;
}
.project_information ul li .key::before{
    content: none!important;
}
.tj-cancel-btn{
    display:none!important;
}
.slider-content-area .slider_bg_img {
    height: auto !important;
}
.offcanvas-area .offcanvas-wrapper .side-infos .socials-infos .sidebar-socials
 {
    background: none;
    padding: 0;
 }
 .offcanvas-area .offcanvas-wrapper .side-infos .socials-infos .sidebar-socials ul{
    justify-content: flex-start;
 }

@media (max-width: 767px) {
    .site-logo .secondary_logo img {
        height: 5vh !important;
    }
    img.wpml-ls-flag {
        width: 8vw;
        filter: grayscale(1) opacity(1) contrast(0.5) sepia(0);
    }
    li#menu-item-wpml-ls-20-fr {
        left: unset;
    }
    .mobile-contact ul li {
        font-size: 12px;
        flex-wrap: nowrap !important;
    }
    .footer1-col-1 h6 {
        top: -16.5rem !important;
    }
    .footer-widget.footer-contact ul li {
        font-size: 16px;
    }
    .regions .difference-images img
    {
        height: 45vh !important;
    }
    .arrow {
        display:none !important;
    }
    .section-padding {
        padding: 0;
    }
      .slider-content-area {
        height: 34.5vh;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .site-logo .secondary_logo img {
        height: 5vh !important;
    }
    img.wpml-ls-flag {
        width: 5vw;
        filter: grayscale(1) opacity(1) contrast(0.5) sepia(0);
    }
    li#menu-item-wpml-ls-20-fr {
        left: unset;
    }
    .mobile-contact ul li {
        font-size: 11px;
    }
    .footer1-col-1 h6 {
        top: -17rem !important;
        font-size: 15px !important;
    }
    .footer-widget.footer-contact ul li{
        font-size: 16px;
        flex-wrap: nowrap !important;
    }
    .fun-fact-item.style-1 .tj-count
    {
        width: 100px;
        height: 100px;
    }
    .fun-fact-item.style-1 .fun-fact-text {
        width: calc(100% - 130px);
    }
    .project-item-three .project-images img {
        width: 100%;
        height: 40vh !important;
    }
    .slider-content-area {
        height: 50vh;
    }
    .slider-content-area .slider-text .slider-title {
        font-size: 30px;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-header-area.header-1 .mainmenu-wrapper .site-logo a img{
        height: 10vh !important;
    }
    .mainmenu ul > li > a {
        font-size: 12px;
    }
    .side-menu button {
        width: 40px;
        height: 40px;
    }
    .footer1-col-1 h6 {
        top: -24.5rem !important;
        font-size: 13px !important;
    }
    .fun-fact-item.style-1 .tj-count {
        width: 150px;
        height: 150px;
    }
}