/* Created by EVO Studio - www.evostudio.ro */

:root {
    --transition-speed: 0.6s;
    --transition-easing: cubic-bezier(0.65, 0, 0.35, 1);
}

*{
    margin: 0;
    padding: 0;
	box-sizing: border-box;
}

body {
    color: #3F3C39;
    background-color: #F8F7F4;
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    margin: 0;
    padding: 0;
    /*font-size: 19px;*/
    font-size: clamp(0.938rem, 0.831rem + 0.223vw, 1.188rem);
    font-weight: 300;
    line-height: 1.45;
    letter-spacing: 0.6px;
}

.stop{
	overflow-y: hidden;
	height: 100%;
}

/*IMG RESPONSIVE*/
.evo-responsive1{
	max-width: 100%;
    height: auto;
    display: block; 
}

.evo-responsive2{
	max-width:100%; /*nu scaleaza mai mult de width-ul pe care il are imaginea*/
	height:auto;
	display:block;
	margin:0 auto; /*centreaza imaginea*/
}

.evo-responsive3{
	width:100%; /*scaleaza cat ecranul sau div, peste de width-ul imaginii*/
	height:auto;
    display: block;
}

.evo-responsive4{
	width:100%; /*scaleaza cat ecranul sau div, peste de width-ul imaginii*/
	height:auto;
	display:block;
	margin:0 auto; /*centreaza imaginea*/
	float:left;
}

.evo-responsive5 {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto; /* Opțional, dacă e necesar */
    object-fit: cover; /* Asigură că imaginea umple div-ul fără distorsiuni */
    object-position: left; /* Centrare */
}

/* Culori */
.culFFFFFF{
    color: #FFFFFF;
}

.culF8F7F4{
    color: #F8F7F4;
}

.cul389EB8{
    color: #389EB8;
}

.culDDC29F{
    color: #DDC29F;
}

.cul3F3C39{
    color: #3F3C39;
}

.cul000000{
    color: #000000;
}

/* Backgrounds */
.backgroundFFFFFF{
    background-color: #FFFFFF;
}

.backgroundF0EDE5{
    background-color: #F0EDE5;
}

.backgroundDDC29F{
    background-color: #DDC29F;
}

.background389EB8{
    background-color: #389EB8;
}

.background3E3C39{
    background-color: #3E3C39;
}


/* Titluri, Fonturi */
.outfit400 {
    font-weight: 400;
}

.outfit500 {
    font-weight: 500;
}

.outfit600 {
    font-weight: 600;
}

.outfit700 {
    font-weight: 700;
}

.titlu-dm-serif {
    font-family: "DM Serif Display", serif;
    font-weight: 400;
}
/*
.mxwidth-tit{
    max-width: clamp(23.4375rem, 13.6504rem + 41.7582vw, 82.8125rem);
}
*/
.titlu-360-68px{
    font-size: clamp(4.25rem, 0.97rem + 13.456vw, 22.5rem);
    letter-spacing: normal;
    margin-left: -6px;
}

.titlu-260-48px{
    font-size: clamp(3rem, 0.619rem + 9.77vw, 16.25rem);
}

.titlu-130-60px{
    /*
    font-size: clamp(3.75rem, 1.878rem + 3.904vw, 8.125rem);
    */      
    font-size: clamp(3.125rem, 0.986rem + 4.462vw, 8.125rem);
    letter-spacing: normal;
}

.titlu-65-33px{
    font-size: clamp(2.063rem, 1.207rem + 1.785vw, 4.063rem);
    letter-spacing: normal;
}

.titlu-36-16px{
    font-size: clamp(1rem, 0.775rem + 0.922vw, 2.25rem);
    letter-spacing: normal;
}

.titlu-28-14px{
    font-size: clamp(0.875rem, 0.718rem + 0.645vw, 1.75rem);
    letter-spacing: normal;
}

.titlu-22-12px{
    font-size: clamp(0.75rem, 0.638rem + 0.461vw, 1.375rem);
    letter-spacing: normal;
}

.bloom{
    color: rgba(255, 255, 255, 0.9);
}

h1 span, h1 span+span{
    display: block;
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5{
    line-height: 1.2;
}

.lineheight-none{
    line-height: normal;
}

/* Butoane pagina */
.button-page, .button-page:link, .button-page:active, .button-page:visited{
    text-decoration: none;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /*
    padding: 18px 30px;
    padding: 13px 16px;
    */
    /* 
    Prima funcție clamp() este pentru padding-top și padding-bottom.
    A doua funcție clamp() este pentru padding-left și padding-right.
    */
    padding:
    /* Vertical padding: scalează de la 18px (maxim) la 13px (minim) */
        clamp(13px, calc(9.84px + 0.32vw), 18px)
    /* Horizontal padding: scalează de la 30px (maxim) la 16px (minim) */
        clamp(16px, calc(7.14px + 0.89vw), 30px);
    box-sizing: border-box;
    /*font-size: 14px;*/
    font-size: clamp(0.75rem, 0.683rem + 0.276vw, 1.125rem);
    font-weight: 600;
    letter-spacing: normal;
}

.button-pageDDC29F{
    color: #F8F7F4;
    background-color: #DDC29F;
}

.button-page389EB8{
    color: #F8F7F4;
    background-color: #389EB8;
}

.button-page3F3C39{
    color: #F8F7F4;
    background-color: #3F3C39;
}

.button-packF8F7F4{
    color: #DDC29F;
    background-color: #F8F7F4;
}

.button-packDDC29F{
    color: #F8F7F4;
    background-color: #DDC29F;
}

.button-pack389EB8{
    color: #3E3C39;
    background-color: #389EB8;
}

/* Margins, Paddings */
.padding-layout-lateral-g {
    padding-left: 50px;
    padding-right: 50px;
    box-sizing: border-box;
}

.padding-layout-lateral, .padding-layout-lateral2 {
    padding-left: 25px;
    padding-right: 25px;
    box-sizing: border-box;
    gap: 30px;
}

.panel-margin{
    margin-left: 25px;
    margin-right: 25px;
    box-sizing: border-box;
}

.marginbottom-100-55px{
    margin-bottom: clamp(3.4375rem, 2.973rem + 1.978vw, 6.25rem);
}

.marginbottom-60-40px{
    margin-bottom: clamp(40px, calc(27.35px + 1.28vw), 60px);
}

.margintopbottom-40-60px{
    margin-top: clamp(1.25rem, 1.044rem + 0.8791vw, 2.5rem);
    margin-bottom: clamp(1.875rem, 1.566rem + 1.3187vw, 3.75rem);
}

.paddingleft-100-12px{
    padding-left: clamp(0.75rem, -0.1566rem + 3.8681vw, 6.25rem);
}

.paddingright-100-12px{
    padding-right: clamp(0.75rem, -0.1566rem + 3.8681vw, 6.25rem);
}

/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus{
    outline: none;
}

.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: flex;
}

.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}

.slick-track:after
{
    clear: both;
}

.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}

/* Header, Menu */
.head-fixed-general-on-scroll {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 900;
    display: block;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    box-sizing: border-box;
    transition: transform 0.3s ease-in-out, background-color 0.3s ease, padding 0.3s ease, box-shadow 0.3s ease;
}

.head-fixed-general-on-scroll-i{
    background-color: #FFFFFF;
    /*width: 100%;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 25px;
    padding-right: 50px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    transition: all 300ms ease;
}

.head-fixed-general-on-scroll .logo img {
    width: auto;
    height: 36px;
    display: block;
}

.head-fixed-general-on-scroll .logo .logo-type{
    display: none;
}

.head-fixed-general-on-scroll.scrolled {
    position: fixed;
    transform: translateY(0);
    background-color: #FFFFFF;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0 2px 10px rgba(221, 194, 159, 0.2);
    width: 100%;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.head-fixed-general-on-scroll.scrolled .logo .logo-top{
    display: none;
}

.head-fixed-general-on-scroll.scrolled .logo .logo-type{
    display: block;
}

.head-fixed-general-on-scroll.scrolled .head-fixed-general-on-scroll-i{
    padding-left: 25px;
    padding-right: 25px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    transition: all 300ms ease;
    padding-top: 10px;
    padding-bottom: 10px;
}

.head-fixed-general-on-scroll.hide-header {
    transform: translateY(-100%);
}

.deschide-meniu{
    cursor: pointer;
}

.deschide-meniu, .deschide-oferta, .nav-first-menu{
    display: inline-flex;
    vertical-align: middle;
}

.deschide-meniu, .deschide-oferta{
    align-items: center;
    border: none;
    background: none;
    cursor: pointer;
}

.deschide-meniu, .deschide-oferta, .nav-first-menu li, .nav-first-menu li a {
    text-decoration: none;
    color: #389EB8;
    font-weight: 600;
    font-family: "Outfit", sans-serif;
    font-size: 16px;
}

.deschide-oferta{
    margin-left: 70px;
}

.nav-first-menu{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav-first-menu li{
    display: inline;
}

.dlines{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 15px;
    position: relative;
    align-items: flex-end;
}

.dline1, .dline2{
    height: 2px;
    display: block;
    background-color: #389EB8;
    transform: scaleY(1);
    transition: all 300ms ease-in-out;
}

.dline1{
    width: 15px;
    margin-bottom: 1.3px;
}

.dline2{
    width: 25px;
    margin-top: 1.3px;
}

.deschide-meniu:hover .dline1{
    width: 25px;
}

.deschide-meniu:hover .dline2{
    width: 15px;
}

.dcircles{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-right: 15px;
    position: relative;
    align-items: center;
}

.dcircles span{
    display: inline-flex;
    border: 2px solid #389EB8;
    transform: scaleY(1);
    border-radius: 100%;
    transition: all 300ms ease-in-out;
}

.dcircle1{
    width: 8px;
    height: 8px;
}

.dcircle2{
    width: 10px;
    height: 10px;
    margin-left: 5px;
}

.deschide-oferta:hover .dcircle1{
    width: 10px;
    height: 10px;
}

.deschide-oferta:hover .dcircle2{
    width: 8px;
    height: 8px;
}

/* Containerul principal al barei - STAREA DE BAZĂ (animabilă, dar invizibilă) */
#mobile-nav-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 12px;
    padding-left: 12px;
    z-index: 999;
    /* Starea inițială pentru animație */
    opacity: 0;
    transform: translateX(110%);
    /* Animația de tranziție */
    transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Meniu mobil */
#mobile-nav-bar.is-hidden {
    display: none;
}

/* Clasa adăugată cu JS pentru a afișa bara (declanșează animația) */
#mobile-nav-bar.is-visible {
    opacity: 1;
    transform: translateX(0);
}

/* Stilul interior - similar cu header-ul */
.mobile-nav-bar-inner {
    background-color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    box-shadow: 10px 2px 12px rgba(0, 0, 0, 0.03);
}

.logo-m img{
    height: 20px;
    display: block;
}

/* --- STILURI MODIFICATE ȘI NOI PENTRU ANIMAȚIA MENIULUI PANEL --- */

/* Panel meniu - Stare initiala */
.panel {
    position: fixed;
    top: 0;
    left: 0; /* Schimbat din right pentru a acoperi tot ecranul */
    width: 100%;
    height: 100%;
    background-color: #DDC29F;
    z-index: 1001;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    
    /* Stări inițiale pentru animație */
    display: none; /* Controlat de JS pentru a porni randarea */
    opacity: 0;
    transform: scale(0.98);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
    will-change: opacity, transform;
}

/* Clasa adăugată de JS pentru a afișa panoul și a porni animația */
.panel.is-opening {
    display: block;
}

.panel.is-visible {
    opacity: 1;
    transform: scale(1);
}

/* Container pentru elementele care vor avea animație de intrare */
.meniu-principal,
.meniu-secundar,
.contact-panel,
.social-panel,

.footer-mic-r2,
.panel-close,
.masked-image {
    opacity: 0;
    transition: opacity 0.4s ease-out, transform 0.4s ease-out;
    will-change: opacity, transform;
}

/* Stări inițiale specifice pentru fiecare grup de elemente */
.meniu-principal,
.meniu-secundar,
.contact-panel,
.social-panel,
.footer-mic-r2,
.footer-mic-r {
    transform: translateX(-20px);
}

.panel-close {
    transform: translateX(20px);
}

.masked-image {
    transform: scale(0.95);
}

/* Stări finale (active) când panoul devine vizibil */
.panel.is-visible .panel-close {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.2s; /* Întârziere pentru a apărea după panou */
}

.panel.is-visible .meniu-principal {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.25s;
}

.panel.is-visible .meniu-secundar {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.3s;
}

.panel.is-visible .contact-panel {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.35s;
}

.panel.is-visible .social-panel {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.4s;
}

.panel.is-visible .footer-mic-r, .panel.is-visible .footer-mic-r2 {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.45s;
}

.panel.is-visible .masked-image {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.5s ease-out 0.2s, transform 0.5s ease-out 0.2s;
}

/* --- SFÂRȘIT STILURI ANIMAȚIE --- */

.insert {
    width: 65%;
    height:auto;
    height: auto;
    aspect-ratio: 242.89 / 192.14;
    margin: 0 auto;
    position: relative;
    float: right;   
}

.masked-image {
    width: 100%;
    height: 100%;
    /*background-image: url('https://images.unsplash.com/photo-1501785888041-af3ef285b470?q=80&w=2070');*/
    background-size: cover;
    background-position: center center;

    -webkit-clip-path: url(#my-custom-mask);
    clip-path: url(#my-custom-mask);

    transition: background-position 0.1s ease-out, opacity 0.5s ease-out 0.2s, transform 0.5s ease-out 0.2s; /* Am adăugat tranzițiile noi */
    /*box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);*/
}

.content-panel{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.panel-close{
    width: 100%;
    display: flex;
    align-items:flex-end;
    flex-direction: row;
    justify-content: flex-end;
    padding-top: 30px;
    padding-bottom: 30px;
}

.close-btn {
  width: 35px;
  height: 35px;
  background-color: transparent;
  border: none;
  position: relative;
  cursor: pointer;
  padding: 0;
}

/* liniile diagonale */
.close-btn::before,
.close-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 1px; /* grosimea liniei */
  background-color: #F8F7F4; /* culoarea X-ului */
  transform-origin: center;
}

.close-btn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.close-btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.content-panel ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.content-panel ul, .content-panel ul li{
    line-height: normal;
}

.content-panel a{
    text-decoration: none;
}

.meniu-principal ul li a, .meniu-principal ul li a:link, .meniu-principal ul li a:visited{
    color: #F8F7F4;
    transition: all 300ms ease-in;
    font-size: clamp(2.063rem, 1.207rem + 1.785vw, 4.063rem);
    letter-spacing: normal;
    font-family: "DM Serif Display", serif;
    font-weight: 400;
}

.meniu-principal ul li a:hover, .meniu-principal ul .current-menu-item a{
    color: #389EB8;
    font-weight: 600;
    font-family: "Outfit", sans-serif;
}

.meniu-principal ul li a span{
    font-weight: 600;
    font-family: "Outfit", sans-serif;
}

.contact-panel ul li a{
    font-weight: 400;
    font-size: clamp(0.875rem, 0.807rem + 0.289vi, 1.5rem);
}

.meniu-secundar ul li:not(:last-child){
    margin-bottom: 8px;
}

.meniu-secundar ul li a{
    color: #F8F7F4;
    font-weight: 600;
    font-size: 15px;
}

.contact-panel ul li a{
    color: #389EB8;
}

.social-panel ul li{
    display: inline-block;
}

.social-panel ul li:not(:last-child){
    margin-right: 25px;
}

.social-panel ul li a{
    text-decoration: none;
}

.social-panel ul li a img{
   width: auto;
   /*height: 28px;*/
   height: clamp(20px, calc(20px + 8 * ((100vw - 320px) / 1280)), 28px);
}

.meniu-principal, .meniu-secundar{
    margin-bottom: 60px;
}

.contact-panel{
    margin-bottom: 30px;
}

.panel-footer{
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 30px;
}


/* Footer */
.footer-big {
    padding-right: 25px;
    display: block;
    width: 100%;
    position: relative;
    overflow-x: hidden;
}

.footer-logo{
    display: block;
    width: 100%;
    margin-bottom: 40px;
}

.footer-logo a, .footer-logo a:link, .footer-logo a:active, .footer-logo a:hover, .footer-logo a:visited{
    color: #3F3C39;
    text-decoration: none;
    font-size: 18px;
}

.footer-logo a span{
    font-family: "Outfit", sans-serif;
    font-weight: 700;
}

.footer-logo a span+span{
    font-family: "DM Serif Display", serif;
}

.footer-big-container {
    display: flex;
    width: 100%;
    margin: 0 auto;
    background-color: #FFFFFF;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-left: 50px;
    padding-top: 40px;
    padding-bottom: 80px;
    position: relative;
}

.footer-big-container-i{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}

.footer-col {
    flex: 1;
    min-width: 200px;
    position: relative;
}
.footer-contact .logo{
    margin-bottom: 2rem;
}
.footer-contact .logo img{
    height: 25px;
}

.social-icons {
    margin-top: 20px;
}

.social-icons a {
    margin-right: 15px;
}

.social-icons img {
    height: 20px;
}

.footer-col ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-col ul li{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
}

.footer-col ul li:not(:last-child){
    margin-bottom: 10px;
}

.footer-col ul li a{
    display: block;
    text-decoration: none;
    color: #3F3C39;
    letter-spacing: normal;
}

.logof{
    width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: -19px;
    margin-bottom: -2px;
    z-index: 0;
}

.logof img{
    width: 100%;
    height: auto;
    max-width: 200px;
    float: right;
}

.footer-small {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 10px;
    letter-spacing: normal;
    display: grid;
	grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
}

.footer-mic-l{
    font-size: 12px;
    font-weight: 400;
    align-self: center;
}

.footer-mic-l2{
    color: #f8f7f4;
    font-size: 12px;
    font-weight: 400;
}

.footer-mic-r, .footer-mic-r2{
        justify-self: right;
    }

.footer-mic-r a:first-of-type, .footer-mic-r2 a:first-of-type{
	margin-right: 20px;
}

.footer-mic-r a img, .footer-mic-r2 a img{
	width: auto;
	max-height: 30px;
}

/* Main Content */
.page-content {
    padding-top: clamp(100px, calc(35.71px + 8.37vw), 250px);
    padding-bottom: clamp(100px, calc(35.71px + 8.37vw), 150px);
    max-width: clamp(700px, calc(383.67px + 31.89vw), 1200px);
}

.hero-main{
    background-color: #389EB8;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.hero-main-txt{
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 35vh;
}

.hero-main-txt2{
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 45vh;
}

.hero-main-txt3{
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 8vh;
}

.hero-main-o{
    background-color: #389EB8;
    width: 100%;
    min-height: 65vh;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    /*background-position: bottom center;*/
}

.contact-o{
    background-position: center center;
}

.oferta-o{
    background-position: 90% bottom;
}

.index-o{
    background-position: center bottom;
}

.hero-main-txt-o{
    width: 100%;
    display: block;
    position: relative;
    padding-bottom: 55px;
}

.supratit{
    /*
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    font-size: clamp(3.75rem, 1.878rem + 3.904vw, 8.125rem);
    letter-spacing: normal;
    margin: 0;
    */
    position: absolute;
    /* Aliniem textul în centrul containerului, apoi îl mutăm în sus */
    top: 0;
    left: 0;   
    white-space: nowrap;
    font-size: clamp(2rem, 0.965rem + 4.475vw, 8.125rem);
    letter-spacing: normal;
    margin: 0;
}

.supratit2{
    position: absolute;
    top: 0;
    left: 0;
    letter-spacing: normal;
    margin: 0;
}

.subtit{ 
    /*font-size: clamp(4.25rem, 0.97rem + 13.456vw, 22.5rem);*/
    /*
    letter-spacing: normal;
    white-space: nowrap;
    */
    position: absolute;
    /* Aliniem și acest text în centru, apoi îl mutăm mai jos decât supratitlul */
    top: 0; /* Ajustează această valoare pentru spațiul dorit */
    left: 0;
    letter-spacing: normal;
    white-space: nowrap;
    line-height: 2; /* Previne spațierea inegală pe verticală */
}

.subtit2{ 
    position: absolute;
    top: 0; /* Ajustează această valoare pentru spațiul dorit */
    left: 0;
    letter-spacing: normal;
    line-height: 1.9; /* Previne spațierea inegală pe verticală */
}

.supratit3, .subtit3{
    letter-spacing: normal;
    line-height: 1;
}

.titlu-proiect {
    width: 50%;
    position: absolute;
    left: -24px; 
    background-color: rgba(56, 158, 184, 0.7);
    display: inline-flex;
    flex-direction: column;
    /*padding: 16px 24px 16px 48px;*/
    gap: 8px;
    border-radius: 0 4.3rem 4.3rem 0; 
    line-height: 0.8;
    padding-top: 50px;
    padding-bottom: 60px;
}

.supratitp, .subtitp {
    position: static;
    margin-left: 50px;
}

.supratito, .subtito{
    line-height: 1.1;
}

.insert-despre{
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    align-items: center;
    /*
    padding-top: 145px;
    padding-bottom: 145px;
    */
    padding-top: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
    padding-bottom: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
}

.insert-despre-poze{
    position: relative;
   
}
/*
.insert-despre-poza1, .insert-despre-poza2{
    position: absolute;
}
*/
.insert-despre-poze img{
    width: 100%;
    height: auto;
    border-radius: 999px;
    /*max-width: 70%;*/
    display: block;
}

.insert-despre-poze-wrapper {
    position: absolute;
    overflow: hidden;
    z-index: 1;
    box-sizing: border-box;
    vertical-align: middle;
}

.insert-despre-poza1{
    float:right;
    max-width: 70%;
    margin-bottom: 20px;
}

.insert-despre-poza2{
    float: left;
    max-width: 70%;
    margin-top: 20px;
}

.image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.image-top {
    width: 65%;
    height: 280px;
    top: 0;
    /* Schimbat în 'left' pentru a se alinia la grila definită */
    left: 0; 
    z-index: 1;
}

.image-bottom {
    width: 80%;
    height: 350px;
    bottom: 0;
    /* Schimbat în 'right' pentru a se alinia la grila definită */
    right: 0; 
    z-index: 2;
}

.insert-servicii{
    width: 100%;
    min-height: 70vh;
    /*
    background-image: linear-gradient(to top, 
        #DDC29F 0%,
        #194354 75%,
        #25343B 100%
    );
    */
    background-image: url('../img/bk-insert-servicii3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
    padding-bottom: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
}

.insert-servicii-top, .insert-servicii-bottom{
    align-self: flex-end;
}

.insert-servicii-top h2{
    float: right;
    text-align: right;
    /*max-width: 50%;*/
}

.insert-servicii-mid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: clamp(3.75rem, 2.7198rem + 4.3956vw, 10rem);
    margin-bottom: clamp(3.75rem, 2.7198rem + 4.3956vw, 10rem);
}

.insert-servicii-mid-col{
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.insert-servicii-mid-col a, .insert-servicii-mid-col a:link, .insert-servicii-mid-col a:active, .insert-servicii-mid-col a:visited{
    color: #F8F7F4;
    text-decoration: none;
}

/*
.insert-servicii-mid-col a:hover{}
*/

.insert-servicii-mid-col a span{
    display: block;
}

.insert-servicii-mid-col a img, .insert-servicii-mid-col a svg{
    width: auto;
    /*
    height: 90px;
    margin-bottom: 20px;
    */
    height: clamp(3.4375rem, 3.0769rem + 1.5385vw, 5.625rem);
    margin-bottom: clamp(0.3125rem, 0.158rem + 0.6593vw, 1.25rem);
}

.insert-pachete-t1{
    padding-top: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
    padding-bottom: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
    position: relative;
    display: flow-root;
    min-height: clamp(20rem, 10rem + 20vw, 40rem);
    overflow-x: hidden;
}

.insert-pachete-t1-top{
    width: 100%;
    display: block;
    position: relative;
}

.insert-pachete-t1-pac1, .insert-pachete-t1-pac2{
    width: 100%;
    min-height: 30vh;
    position: relative;
    display: block;
}

.insert-pachete-t1-pac1-p img, .insert-pachete-t1-pac2-p img{
    border-radius: 9999px;
    width: 100%;
    height: auto;
    display: block;
}

.insert-pachete-t1-pac2-d{
    float: right;
    position: relative;
}

.insert-pachete-t1-pac2{
    float: right;
    text-align: right;
}

.insert-pachete-t1-mid{
    width: 100%;
    display: block;
    text-align: center;
}

.insert-proiecte, .insert-echipa{
    padding-top: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
    padding-bottom: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
}

.insert-proiecte-bottom{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.slider-lucrari2 .slick-prev, .slider-lucrari2 .slick-next, .slider-lucrari .slick-prev, .slider-lucrari .slick-next, 
.slider-echipa .slick-prev, .slider-echipa .slick-next, 
.slider-galerie .slick-prev, .slider-galerie .slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
	z-index: 9;
    display: block;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    /*
    width: 56px;
    height: 92px;
    */
}

.slider-lucrari .slick-prev:hover, .slider-lucrari .slick-prev:focus, .slider-lucrari .slick-next:hover, .slider-lucrari .slick-next:focus, 
.slider-lucrari2 .slick-prev:hover, .slider-lucrari2 .slick-prev:focus, .slider-lucrari2 .slick-next:hover, .slider-lucrari2 .slick-next:focus, 
.slider-echipa .slick-prev:hover, .slider-echipa .slick-prev:focus, .slider-echipa .slick-next:hover, .slider-echipa .slick-next:focus, 
.slider-galerie .slick-prev:hover, .slider-galerie .slick-prev:focus, .slider-galerie .slick-next:hover, .slider-galerie .slick-next:focus{
    color: transparent;
    outline: none;
    background: transparent;
}
/*
.slider-lucrari2 .slick-prev:hover:before, .slider-lucrari2 .slick-next:hover:before, 
.slider-lucrari .slick-prev:hover:before, .slider-lucrari .slick-next:hover:before, 
.slider-echipa .slick-prev:hover:before, .slider-echipa .slick-next:hover:before, 
.slider-galerie .slick-prev:hover:before, .slider-galerie .slick-next:hover:before{
    opacity: 1 !important;
}

.slider-lucrari2 .slick-prev:before, .slider-lucrari2 .slick-next:before, 
.slider-lucrari .slick-prev:before, .slider-lucrari .slick-next:before, 
.slider-echipa .slick-prev:before, .slider-echipa .slick-next:before, 
.slider-galerie .slick-prev:before, .slider-galerie .slick-next:before{
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	font-size: 24px;
	color:#000;
	opacity: 0.7;
	transition:all 300ms ease;
}
*/
.slider-lucrari, .slider-lucrari2{
    display: flex;
    width: 100%;
    flex-direction: column;
    position: relative;
    margin-top: 60px;
    margin-bottom: 100px;
}

.slider-lucrari-entry{
    margin-right: 20px;
}

.slider-lucrari-entry img, .slider-echipa-entry img{
    border-radius: 25%;
}

.slider-lucrari-in{
    position: relative;
}

.slider-lucrari-in h3{
    margin-top: 10px;
}

.slider-lucrari-in h3 a{
    color: #F8F7F4;
    text-decoration: none;
}

.slick-prev.custom-arrow2 {
    margin-right: 10px;
}

.slick-prev.custom-arrow3 {
    margin-right: 10px;
}

.custom-arrow2 svg, .custom-arrow3 svg{
    width: auto;
    height: clamp(2.8125rem, 2.349rem + 1.978vw, 5.625rem);
}

.custom-arrow2 svg line {
  stroke: #FFFFFF;
  transition: stroke 0.3s ease;
}

.custom-arrow3 svg line {
  stroke: #3F3C39;
  transition: stroke 0.3s ease;
}


.insert-parteneri{
    width: 100%;
    display: block;
    position: relative;
    padding-top: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
    padding-bottom: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
}

.insert-parteneri-list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    position: relative;
}

.insert-parteneri-list-c a img{
    height: auto;
    display: block;
}

.page-cta1{
    padding-top: clamp(1.875rem, 1.566rem + 1.3187vw, 3.75rem);
    padding-bottom: clamp(5rem, 3.97rem + 4.3956vw, 11.25rem);
    
}

.page-cta1-i{
    width: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-align: center;
}

/*
.page-cta1-i-color1{
    background-color: #DDC29F;
    background-image: linear-gradient(rgba(221, 194, 159, 0.3), rgba(221, 194, 159, 0.75)), url('../img/cta.jpg');
}


.page-cta1-i-color2{
    background-color: #389EB8;
    background-image: linear-gradient(rgba(56, 158, 184, 0.3), rgba(56, 158, 184, 0.75)), url('../img/cta.jpg');
}
*/

.page-cta1-i a{
    display: block;
    text-decoration: none;
    padding-top: clamp(3.75rem, 3.1319rem + 2.6374vw, 7.5rem);
    padding-bottom: clamp(3.75rem, 3.1319rem + 2.6374vw, 7.5rem);
}

.page-cta1-i span{
    display: block;
}

/* Despre */
.intro-pag{
    position: relative;
    display: block;
    padding-top: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
    padding-bottom: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
}

.intro-pag2{
    position: relative;
    display: block;
    padding-top: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
    /*padding-bottom: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);*/
}

.intro-pag-top{
    display: block;
    position: relative;
}

.intro-pag-desc{
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    align-items: center;
}

.insert-echipa{
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
}

.insert-echipa-top{
    width: 100%;
    align-self: flex-end;
}

.insert-echipa-top h2{
    float: right;
    text-align: right;
}

.slider-echipa{
    /*
    display: flex;
    flex-direction: column;
    */
    display: block;
    width: 100%;
    position: relative;
    margin-top: 60px;
    margin-bottom: 100px;
}

.slider-echipa .slick-dots{
	position: absolute;
	bottom: -110px;
	right: 0;
	list-style: none;
}

.slider-echipa .slick-dots li{
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slider-echipa .slick-dots li button{
    display: block;
	width: 14px;
    height: 14px;
	padding: 0;
    border: none;
    border-radius: 100%;
    /*background-color: orange;*/
    text-indent: -9999px;
    cursor: pointer;
    background-color: transparent;
}

.slider-echipa .slick-dots li button{
    border: 1px solid #FFFFFF;
}

.slider-echipa .slick-dots .slick-active button{
    background-color: #FFFFFF;
}

.insert-pachete-t1-mid2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 30px;
    align-items: start;
}

.insert-pachete-t1-mid2 .mid2-col:nth-child(2) {
    margin-top: 25%;
}

.insert-pachete-t1-mid2 a{
    text-decoration: none;
    display: block;
    position: relative;
}

.insert-pachete-t1-mid2 a img{
    border-radius: 43%;  
}

.pachete-wrap{
    position: absolute;
    width: 65%;
    left: 0;
    right: 0;
    bottom: -15%;
    margin: auto;
}

.pachete-wrap-tit, .pachete-wrap-txt{
    width: 100%;
    display: block;
}

.pachete-wrap-lnk{
    font-size: 12px;
}

.list-servicii, .list-proiecte{
    padding-bottom: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
}

.accordion-container{ 
    width: 100%; 
    margin: auto;
    position: sticky;
    top: 0;
    min-height: 100vh;
}

.accordion-item {
    position: relative;
    color: #F8F7F4;
    background-color: #DDC29F;
    border-radius: 99rem;
    margin-bottom: 15px;
    cursor: pointer;
    min-height: 68px;
    display: flex;
    align-items: center;
    transition: 
        background-color var(--transition-speed) var(--transition-easing),
        border-radius var(--transition-speed) var(--transition-easing),
        min-height var(--transition-speed) var(--transition-easing);
}

.item-content-wrapper{
    display: flex;
    align-items: center;
    /*padding: 15px 30px;*/
    padding: clamp(0px, 0.69vw - 2.57px, 15px) clamp(10px, 0.92vw + 6.57px, 30px);
    gap: 20px;
    width: 100%;
    box-sizing: border-box;
}

.accordion-icon{
    /*
    width: 38px;
    height: 38px;
    */
    width: 15%;
    /*height: 138px;*/
    height: clamp(70px, 3.11vw + 58.33px, 138px);
    flex-shrink: 0;
    transition: width var(--transition-speed) var(--transition-easing), height var(--transition-speed) var(--transition-easing);
    display: flex;
    align-items: center;     /* Centrează pe verticală */
    justify-content: center; /* Centrează pe orizontală */
}

.accordion-icon img{
    /*width: 60px;*/
    width: clamp(30px, 1.37vw + 24.85px, 60px);
    height: auto;
    display: block;
    transition: width var(--transition-speed) var(--transition-easing), height var(--transition-speed) var(--transition-easing);
}

.accordion-text-block{
    /*flex-grow: 1;*/
    text-align: left;
    width: 70%;
}

.title-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.accordion-title{
    font-weight: 600;
    margin: 0;
}

.accordion-description{
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    /*overflow: hidden;*/
    transition: max-height 0.4s ease, opacity 0.3s ease, margin-top 0.4s ease;
    font-weight: 300;
}

.accordion-toggle{
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
    z-index: 3;
}

.accordion-toggle::before, .accordion-toggle::after{
    content: '';
    position: absolute;
    background-color: #F8F7F4;
    transition: transform 0.4s ease;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
}

.accordion-toggle::after{
    transform: translateY(-50%) rotate(90deg);
}

.accordion-toggle::before{
    transform: translateY(-50%) rotate(0deg);
}

.accordion-item.is-open{
    min-height: 400px;
    background-color: #389EB8;
    border-radius: 99rem;
    /*background-image: linear-gradient(rgba(92, 163, 177, 0.92), rgba(92, 163, 177, 0.92)), url('../img/consultanta.jpg');*/
    background-image: linear-gradient(rgba(92, 163, 177, 0.92), rgba(92, 163, 177, 0.62)), var(--bg-custom);
    background-size: cover;
    background-position: center;
    cursor: default;
}

.accordion-item.is-open .item-content-wrapper{
    /*padding: 40px 80px;*/
    padding: clamp(10px, 1.37vw + 4.85px, 40px) clamp(20px, 2.75vw + 9.70px, 80px);
}

.accordion-item.is-open .accordion-icon img{
    /*width: 133px;*/
    /*width: clamp(70px, 2.88vw + 59.19px, 133px);*/
    width: clamp(40px, 4.26vw + 24.04px, 133px);
    height: auto;
    transition: width var(--transition-speed) var(--transition-easing), height var(--transition-speed) var(--transition-easing);
}

.accordion-item.is-open .accordion-description{
    max-height: 800px;
    opacity: 1;
    margin-top: 1em;
    
}

.accordion-item.is-open .accordion-toggle::before{
    transform: translateY(-50%) rotate(45deg);
}

.accordion-item.is-open .accordion-toggle::after{
    transform: translateY(-50%) rotate(-45deg);
}

.accordion-lnk{
    color: #F8F7F4;
    background-color: #ddc29f;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 30px;
    display: table;
    border-radius: 9rem;
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.accordion-lnk img, .proiect-lnk img{
    width: auto;
    height: 30px;
    vertical-align: middle;
    margin-top: -3px;
}

.proiect-entry{
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    border-radius: 99rem;
    background-size: cover;
    background-position: center;
    background-color: #389EB8;
    padding-left: 60px;
    padding-right: 60px;
    height: 100%;
    min-height: 650px;
    margin-bottom: 60px;
}

.proiect-entry-i{
    width:70%;
    margin: 0 auto;
}

.proiect-entry-i h2 a{
    color: #fff;
    text-decoration: none;
}

.proiect-desc{
    color: #F8F7F4;
    margin-top: 30px;
    margin-bottom: 30px;
}

.proiect-lnk{
    color: #F8F7F4;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.pachet-list-beneficii, .pachet-list-parteneri{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.pachet-list-beneficii li, .pachet-list-parteneri li{
    line-height: normal;
}

.pachet-list-beneficii li:not(:last-child){
    margin-bottom: 30px;
}

.pachet-list-beneficii li span{
    width: 30px;
    height: 30px;
    vertical-align: middle;
    display: inline-flex;
    border-radius: 9px;
    margin-right: 20px;
    justify-content: center;
}

.pachet-list-beneficii li span img{
    width: auto;
    height: 20px;
    margin-top: 5px;
}

.pachet-list-beneficii li span+span{
    display: inline-flex;
    width: calc(100% - 100px);
    justify-content:unset;
    border-radius: 0%;
}

.pachet-list-parteneri{
    margin-top: 60px;
}

.pachet-list-parteneri li{
    display: inline-block;
    margin-bottom: 30px;
}

.pachet-list-parteneri li:not(:last-child){
    margin-right: 30px;
}

.pachet-list-parteneri li img{
    height: auto;
}

.pachet-list-parteneri li:nth-child(1) img{
    max-width: 185px;
}

.pachet-list-parteneri li:nth-child(2) img{
    max-width: 155px;
}

.pachet-list-parteneri li:nth-child(3) img{
    max-width: 135px;
}

.pachet-list-parteneri li:nth-child(4) img{
    max-width: 170px;
}

.pachete-list, .pachet-entry-top, .pachet-entry-bottom{
    width: 100%;
    display: block;
    position: relative;
}

.pachet-entry-top img{
    width: 90px;
    height: auto;
}

.pachet-entry{
    padding-top: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
    padding-bottom: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
}

.pachet-entry-mid{
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    /*
    padding-top: 80px;
    padding-bottom: 60px;
    */
    padding-top: clamp(40px, 1.83vw + 33.14px, 80px);
    padding-bottom: clamp(40px, 0.92vw + 36.57px, 60px);
}

.pachet-entry-top h2{
    margin-top: 20px;
    margin-bottom: 30px;
}

.pachet-entry-top h2 span{
    display: block;
}

.pachet-entry-btn, .pachet-entry-lnk{
    display: inline-table;
    text-decoration: none;
}

.pachet-entry-btn{
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    padding:
    /* Vertical padding: scalează de la 18px (maxim) la 13px (minim) */
        clamp(13px, calc(9.84px + 0.32vw), 18px)
    /* Horizontal padding: scalează de la 30px (maxim) la 16px (minim) */
        clamp(16px, calc(7.14px + 0.89vw), 30px);
    box-sizing: border-box;
    font-size: clamp(0.75rem, 0.683rem + 0.276vw, 1.125rem);
    font-weight: 600;
    letter-spacing: normal;
    border: none;
    cursor: pointer;
}

.pachet-entry-lnk {
    font-size: clamp(0.75rem, 0.683rem + 0.276vw, 1.125rem);
    font-weight: 600;
    letter-spacing: normal;
    margin-left: 60px;
    cursor: pointer;
    border: none;
    background-color: transparent;
}

.pachet-entry-lnk img{
    width: auto;
    height: 30px;
    margin-left: 10px;
    vertical-align: middle;
}

.proiect-misiune, .proiect-provocari{
    display: grid;
    align-items: center;
}

.proiect-misiune{
    margin-top: 60px;
    margin-bottom: 30px;
    grid-template-columns: 55% 45%;
}

.proiect-provocari{
    margin-top: 30px;
    margin-bottom: 60px;
    grid-template-columns: 45% 55%;
}

.proiect-misiune-col1 img{
    border-top-left-radius: 9rem;
    border-bottom-left-radius: 9rem;
}

.proiect-provocari-col1 img{
    border-top-right-radius: 9rem;
    border-bottom-right-radius: 9rem;
}

.proiect-misiune-desc, .proiect-provocare-desc{
    margin-top: 20px;
}

.proiect-rezultate{
    background: linear-gradient( to bottom,#F8F7F4 50%,#DDC29F 50% );
    position: relative;
}

.proiect-rezultate-i{
    position: relative;
}

.proiect-rezultate-i img, .item img, .item2 img{
    border-radius: 9rem;
}

.proiect-rezultate-o{
    position: absolute;
    top: 0;
    /*
    left: 24px;
    right: 24px;
    */
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(62, 60, 57, 0.7);
    border-radius: 9rem;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.proiect-rezultate-o h2{
    display: block;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 2%;
}

.proiect-rezultate-desc{
    padding-top: 60px;
    padding-bottom: 120px;
}

.proiect-rezultate-desc-i{
    display: grid;
    width: 90%;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}

.item, .item2{
    position: relative;
}

.item-i, .item2-i{
    color: #F0EDE5;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(62, 60, 57, 0.7);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 9rem;
    text-align: center;
    border: none;
    cursor: pointer;
}

.item-i svg, .item2-i svg{
    width: auto;
    height: 60px;
    margin: 0 auto;
    display: block;
}

.icon-play path, .icon-gallery path {
    fill: #F0EDE5;
}

.proiect-parere{
    width: 100%;
    position: relative;
    display: block;
    padding-top: 120px;
    padding-bottom: 120px;
}

.proiect-parere-i{
    width: 50%;
    position: relative;
    display: block;
}

.oferta-intro{
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding-top: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
    padding-bottom: clamp(2.1875rem, 1.054rem + 4.835vw, 9.0625rem);
}

.oferta-intro-col1, .oferta-intro-col2{
    display: flex;
    flex-direction: column;
}

.oferta-intro-col1-txt, .oferta-intro-col2-txt{
    display: flex;
    flex-direction: column;
    padding-top: 30px;
    margin-bottom: 60px;
}

.oferta-cerere{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 9rem;
    margin-bottom: clamp(5rem, 3.97rem + 4.3956vw, 11.25rem);
}

.oferta-cerere-i{
    display: flex;
    flex-direction: column;
    /*
    padding-top: 100px;
    padding-bottom: 100px;
    */
    padding-top: clamp(50px, 2.29vw + 41.42px, 100px);
    padding-bottom: clamp(50px, 2.29vw + 41.42px, 100px);
}

.contact-list{
    list-style-type: none;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    /*
    margin-top: 80px;
    */
    margin-top: clamp(40px, 1.83vw + 33.14px, 80px);
}

.contact-list li{
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
}

.contact-list li:first-child{
    margin-right: 40px;
}

.contact-list li a{
    text-decoration: none;
}

.contact-list li a .o-svg, .contact-list li a .o-txt, .contact-list li a .o-svg2{
    display: inline-flex;
    vertical-align: middle;
}

.o-svg, .o-svg2 {
    width: auto;
    max-width: 28px;
    height: 33px;
}

.o-svg svg path {
    fill: #F0EDE5;
}

.o-svg2 svg path {
    fill: #3F3C39;
}

.o-txt{
    padding-left: 10px;
}

.oferta-cerere-form, .contact-form-pag{
    margin-top: 50px;
}

.oferta-cerere-form .wpcf7 label, .oferta-cerere-form .wpcf7 ::placeholder{
    color: #F0EDE5;
}

.wpcf7 label, .nf-field-label, .wpcf7 ::placeholder{
	color:#3F3C39;
	opacity: 1;
	text-transform:uppercase;
	display:block;
    font-family: "DM Serif Display", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
}

.wpcf7-form-control-wrap{
    margin-top: 5px;
    display: block;
}

.wpcf7-text, .nf-field-element input, .nf-field-element select, .wpcf7 select{
	width: 100%;
	color:#3F3C39;
	background:#fff;
	margin-top:5px;
	margin-bottom:25px;
	transition:all 300ms ease;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 14px;
    border: none;
    padding: 20px 15px;
    border-radius: 55px;
    font-family: "Outfit", sans-serif;
}

.wpcf7 select{
  width: 100%;
  /*height: 50px;*/
  /*background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");*/
  background-image: url("../img/arrow-d.svg");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 5px;
  background-size: 20px 20px;
  outline: none;
  /*
  border-radius: 2px;
  margin-right: 2rem;
  padding: 1rem;
  padding-right: 2rem;
  */
  font-weight: 400;
    font-size: 14px;
    border-radius: 55px;
    font-family: "Outfit", sans-serif;
}

.wpcf7 select:focus{
	outline: none;
}

.wpcf7 select::after{
	content: 'p';
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	background: #FF746C;
	left: 0;
	bottom: 0;
}

.wpcf7-date{
	color:#3F3C39 !important;
	background:#fff;
	border:none;
	width:100%;
	height:50px;
	margin-top:5px;
	margin-bottom:35px;
	padding:10px;
    font-weight: 400;
    font-size: 14px;
    font-family: "Outfit", sans-serif;
}

.wpcf7-list-item{
	display:block;
	width:100%;
	margin-left:0px !important;
	margin-bottom:10px !important;
    font-weight: 400;
    font-size: 14px;
    font-family: "Outfit", sans-serif;
}

.checkbox-754, .check-servicii{
	margin-bottom:35px !important;
	display:block;
}

.wpcf7-list-item-label{
	font-weight: 400;
    font-size: 14px;
    font-family: "Outfit", sans-serif;
}

.wpcf7-textarea, .nf-field-element textarea{
	width:100%;
	resize:vertical;
	color:#3F3C39;
	background:#fff;
	margin-bottom:15px;
	padding-top:10px;
	transition:all 300ms ease;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 14px;
    border: none;
    padding: 20px 15px;
    border-radius: 33px;
    font-family: "Outfit", sans-serif;
}

.wpcf7-submit{
	color: #FFFFFF;
	text-decoration: none;
	background:#DDC29F;
	border: none;
    outline: none;
	transition:all 300ms ease;
	display: table;
	position: relative;
    width: 100%;
    padding: 15px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 30px;
    border-radius: 55px;
}


.wpcf7-submit:hover{
	background:#3F3C39;
	text-decoration: none;
}

.wpcf7-not-valid{
	border:3px solid #FF746C;
	margin-bottom:0px;
    box-sizing: border-box;
}

.wpcf7-not-valid-tip, .nf-error-required-error{
	background:#FF746C;
	color:#fff !important;
	font-weight:400;
	font-size:12px !important;
	padding:15px;
	width:100%;
    box-sizing: border-box;
    margin-bottom: 25px;
}

.wpcf7-text, .nf-field-element input, .nf-field-element select, .wpcf7 select, .wpcf7-textarea, .nf-field-element textarea{
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
}

.boxuri{
    width:100%;
    display:block;
    margin-top:35px;
    margin-bottom:35px;
}

.facord{
    font-family: "Outfit", sans-serif !important;
	font-size:12px !important;
	text-transform:none !important;
	font-weight:300 !important;
	display:block!important;
	margin-bottom:35px;
	cursor: pointer;
	position: relative !important;
	float:left !important;
	width:100% !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  	line-height: 1.5;
  	display: inline-block;
  	width: 100%;
}

.ftxt{
  	padding-left: 30px !important;
}

.facord .wpcf7-list-item{
	width:auto!important
}

.facord input{
	position: absolute !important;
	opacity: 0 !important;
	cursor: pointer !important;
	height: 0 !important;
	width: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
}

.checkmark-contact{
	position: absolute;
	left: 0;
	background-color: #ffffff;
	/*border: 1.5px solid #3D4042;*/
	transition: all 300ms ease;
  	z-index: 90;
    width: 18px;
    height: 18px;
    border-radius: 55px;
    margin-top: 2px;
}

.facord:hover .checkmark-contact{
	background-color: #ddd;
}
/*
.facord input:checked + .checkmark-contact{
	background-color: #eee !important;
}
*/
  .checkmark-contact:after {
	content: "";
	position: absolute;
	display: none;
	transition: all 300ms ease;
  }

.facord input:checked ~ .checkmark-contact:after{
	display: block !important;
	transition: all 300ms ease;
}

.facord .checkmark-contact:after{
	left: 6px;
	bottom: 4px;
	width: 5px;
	height: 10px;
	border: solid #389EB8;
	border-width: 0 1.5px 1.5px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all 300ms ease;
}

.facord:hover .checkmark-contact:after{
	border: solid #389EB8;
	border-width: 0 1.5px 1.5px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.acord{
vertical-align:middle;
}

.acord, .acord-text{
display:inline-block;
}

.acord-text{
	margin-left: 30px;
	margin-top:0px !important;
	padding-top:0px !important;
	vertical-align:middle;
}

/* Paginare */
.paginare{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.paginare ul{
	list-style-type:none;
	padding-left:0px !important;
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 18px;
}

.paginare ul li{
	display:inline-flex;
}

.paginare ul li a, .paginare ul li span{
	color:#3C3C3B;
    /*
	border: 1.5px solid #b6a999;
    */
	float:left;
	display:block;
	
	text-align:center;
	text-decoration: none;
    
}

/* Mai jos avem si clasa .current default din Wordpress, dar si o clasa custom .select, depinde care merge */
.paginare ul li a:hover, .paginare ul .current a, .paginare ul li .select{
	/*background:#b6a999;*/
	color:#000;
	font-weight: 600;
	text-decoration:none;
	}

.paginare ul .current a, .paginare ul li .select{
    padding-top:3px;
}

.paginare ul li a svg{
	width: 25px;
    vertical-align: middle;
}

.projpag{
    padding-bottom: 60px;
}

.projpag svg line{
    /*stroke: #F8F8F8;*/
    stroke: #000000;
}

.projpag .paginare ul li a, .projpag .paginare ul li a:hover, .projpag .paginare ul .current a, .projpag .paginare ul li .select, .projpag .separator2{
    /*color: #F8F8F8;*/
    color: #000000;
}

.extra-margin{
    margin-top: 25vh;
}


/* Min Media Query */
/* Se aplică între 768px și 991.98px */
@media (min-width: 768px) {
    .deschide-oferta{
        margin-left: 30px;
    }
    .deschide-meniu, .deschide-oferta, .nav-first-menu li, .nav-first-menu li a {
        font-size: 12px;
    }
    .meniu-secundar, .footer-mic-l2, .footer-mic-r2{
        display: none;
    }
    .mxwidth-tit{
        max-width: 100%;
    }
    .insert-parteneri-list-c a img{
        width: 80%;
    }
    .page-cta1-i{
        border-radius: 9999px;
    }
}

/* Se aplică între 992px și 1023.98px */
@media (min-width: 992px) {
    .deschide-oferta{
        margin-left: 50px;
    }
    .deschide-meniu, .deschide-oferta, .nav-first-menu li, .nav-first-menu li a {
        font-size: 14px;
    }
    .insert-despre, .intro-pag-desc{
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }
    .content-col-l, .insert-proiecte-bottom-l, .proiect-misiune-col1 { order: 2; } /* This item appears second */
    .content-col-r, .insert-proiecte-bottom-r, .proiect-misiune-col2 { order: 1; } /* This item appears first */
    .insert-proiecte-bottom-l{
        text-align: right;
    }
    .mxwidth-tit{
        max-width: 50%;
    }
    .insert-pachete-t1-pac1-p, .insert-pachete-t1-pac2-p{
        width: 65%;
        position: absolute;
        top: 0;
        z-index: -1;
    }
    .insert-pachete-t1-pac1-p{
        right: 0;
        margin-right: -8%;
    }
    .insert-pachete-t1-pac2-p{
        left: 0;
        margin-left: -8%;
    }
    .insert-pachete-t1-pac1-d, .insert-pachete-t1-pac2-d{
        display: table;
        width: 50%;
    }
    .insert-pachete-t1-pac1-d-i, .insert-pachete-t1-pac2-d-i{
        display: table-cell;
        vertical-align: middle;
    }
    .insert-parteneri-list-c a img{
        width: 80%;
    }
    .slider-lucrari .slick-prev{
        right: 90px;
        top: -210px;
    }
    .slider-lucrari .slick-next{
        right: 0;
        top: -210px;
    }
    .slider-lucrari2 .slick-prev{
        left: 0;
        bottom: -210px;
    }
    .slider-lucrari2 .slick-next{
        left: 90px;
        bottom: -210px;
    }
    .slider-echipa-entry{
        margin-right: 20px;
    }
    .pachet-entry-top-desc{
        width: 50%;
    }
    .oferta-cerere-top, .oferta-cerere-form, .contact-form-pag{
        width: 50%;
    }
}

@media (min-width: 993px) {
    .poza-mob{
        display: none;
    }
    .proiect-rezultate-gal {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 coloane inițiale */
        gap: 30px;
        width: 100%;
    }
    .item, .item2 {
        box-sizing: border-box;
    }
    .item:nth-child(3n) {
        grid-column: span 2;
    }
    .item2:nth-child(3n+1) {
        grid-column: span 2;
    }
    .oferta-cerere-form, .contact-form-pag{
        margin-top: 70px;
    }
    .paginare ul li a, .paginare ul li span{
		margin-right:10px;
	}
}

/* Pentru ecrane cu lățimea de 1024px sau mai mare */
@media (min-width: 1024px) {
    .deschide-oferta{
        margin-left: 70px;
    }
    .mxwidth-tit{
        max-width: 50%;
    }
    .insert-parteneri-list-c a img{
        width: 70%;
    }
}

@media (min-width: 1280px) {
    .mxwidth-tit{
        max-width: 50%;
    }
    .insert-parteneri-list-c a img{
        width: 70%;
    }
}

/* desktop 1440p lățime logică */
@media (min-width: 1440px) {
    .mxwidth-tit{
        max-width: 50%;
    }
    .insert-parteneri-list-c a img{
        width: 65%;
    }
}
/* desktop mare / 2K logic */
@media (min-width: 1536px) {
    .mxwidth-tit{
        max-width: 44%;
    }
    .insert-parteneri-list-c a img{
        width: 60%;
    }
}
/* full HD obișnuit */
@media (min-width: 1920px) {
    .mxwidth-tit{
        max-width: 44%;
    }
    .insert-parteneri-list-c a img{
        width: 60%;
    }
}

/* ultra-wide / 2×HD */
@media (min-width: 2560px) {
    .mxwidth-tit{
        max-width: 45%;
    }
    .insert-parteneri-list-c a img{
        width: 60%;
    }
}

@media (max-width: 1600px){
    .pachete-wrap{
        position: relative;
        display: block;
        width: 65%;
        padding-top: 20px;
    }
}

/* Max Media Query */
@media (max-width: 992px) {
    body{
        padding-bottom: 100px;
    }
    .padding-layout-lateral-g {
        padding-left: 25px;
        padding-right: 25px;
        box-sizing: border-box;
    }
    .padding-layout-lateral {
        padding-left: 24px;
        padding-right: 24px;
        box-sizing: border-box;
    }
    .padding-layout-lateral2{
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }
    .panel-margin{
        margin-left: 12px;
        margin-right: 12px;
        box-sizing: border-box;
    }
    .supratitp, .subtitp {
        margin-left: 25px;
    }
    .footer-big-container {
        padding-left: 25px;
    }
    .deschide-meniu, .deschide-oferta, .nav-first-menu li, .nav-first-menu li a{
        font-size: 14px;
    }
    .footer-big-container {
        flex-direction: column;
    }
    .insert-despre, .intro-pag-desc{
        grid-template-columns: 1fr;
        align-items: center;
        row-gap: 30px;
    }
    .insert-despre-poza1{
        max-width: 70%;
        margin-bottom: 10px;
    }
    .insert-despre-poza2{
        max-width: 70%;
        margin-top: 10px;
    }
    .insert-servicii-mid, .insert-parteneri-list{
        grid-template-columns: repeat(2, 1fr);
    }
    .insert-servicii-mid-col a{
        text-align: right;
    }
    .insert-pachete-t1-pac1-p, .insert-pachete-t1-pac2-p{
        width: 100%;
        position: relative;
        display: block;
        margin-bottom: 30px;
    }
    .insert-pachete-t1-pac1-d, .insert-pachete-t1-pac2-d, .insert-pachete-t1-pac1-d-i, .insert-pachete-t1-pac2-d-i{
        display: block;
        width: 100%;
    }
    .insert-pachete-t1-pac1-p img{
        margin-left: -20%;
        width: 117%;
    }
    .insert-pachete-t1-pac2-p img{
        margin-right: -20%;
        width: 117%;
    }
    .insert-proiecte-bottom{
        grid-template-columns: 1fr;
    }
    .insert-proiecte-bottom-l{
        margin-bottom: 25px;
    }
    .slider-lucrari .slick-prev{
        left: 0px;
        bottom: -80px;
    }
    .slider-lucrari .slick-next{
        left: 50px;
        bottom: -80px;
    }
    .slider-lucrari2 .slick-prev{
        left: 0px;
        bottom: -80px;
    }
    .slider-lucrari2 .slick-next{
        left: 50px;
        bottom: -80px;
    }
    .hero-main-txt2, .hero-main-txt3{
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        margin-bottom: 0;
    }
    .supratit2{
        position: relative;
        letter-spacing: normal;
        line-height: 1;
    }
    .subtit2{ 
        position: relative;
        letter-spacing: normal;
        line-height: normal;
        margin-bottom: 30px;
    }
    .slider-echipa .slick-dots{
        bottom: -80px;
    }
    .insert-pachete-t1-mid2{
        grid-template-columns: 1fr;
        gap: 35px;
    }
    .insert-pachete-t1-mid2 .mid2-col:nth-child(2) {
        margin-top:30px;
    }
    .insert-pachete-t1-mid2 a img{
        border-radius: 30%;  
    }
    .pachete-wrap{
        position: relative;
        display: block;
        width: 90%;
        padding-top: 20px;
    }
    .accordion-toggle{
        width: 14px;
        height: 14px;
    }
    .accordion-icon{
        width: 12%;
    }
    .accordion-text-block{
        /*width: 88%;*/
        width: 100%;
    }
    .accordion-lnk{
        font-size: 10px;
        margin-top: 20px;
        display: table;
        border-radius: 9rem;
        padding-left: 6px;
        padding-right: 12px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .accordion-lnk img, .proiect-lnk img{
        width: auto;
        height: 20px;
        vertical-align: middle;
        margin-top: -3px;
    }
    .accordion-item, .accordion-item.is-open{
        border-radius: 6rem;
    }
    .accordion-item.is-open{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    /* FIXUL CRITIC: Lăsăm textul să aibă orice înălțime are nevoie */
    .accordion-item.is-open .accordion-description {
        max-height: none !important; 
        opacity: 1 !important;
        overflow: visible !important;
    }
    
    /* Asigură-te că wrapper-ul nu are vreo înălțime fixă moștenită */
    .accordion-item.is-open .item-content-wrapper {
        height: auto !important;
        min-height: auto !important;
        display: block;
    }
    .proiect-entry{
        border-radius: 99px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 60px;
        padding-bottom: 60px;
        margin-bottom: 30px;
    }
    .proiect-entry-i{
        width:95%;
    }
    .proiect-lnk{
        font-size: 12px;
    }
    .pachet-entry-mid{
        grid-template-columns: 1fr;
    }
    .pachet-entry-lnk {
        margin-left: 10px;
    }
    .pachet-entry-lnk img{
        height: 16px;
        margin-left: 6px;
    }
    .pachet-list-beneficii li span{
        width: 20px;
        height: 20px;
        border-radius: 4px;
        margin-right: 10px;
    }
    .pachet-list-beneficii li span img{
        height: 14px;
        margin-top: 3px;
    }
    .titlu-proiect {
        width: 110%;
        gap: 8px;
        line-height: 0.9;
        padding-top: 50px;
        padding-bottom: 60px;
        margin-bottom: 60px;
    }
    .proiect-misiune, .proiect-provocari{
        grid-template-columns: 1fr;
    }
    .proiect-misiune-col1 img, .proiect-provocari-col1 img{
        border-bottom-left-radius: 4rem;
        border-bottom-right-radius: 4rem;
    }
    .proiect-misiune-col1 img{
        border-top-left-radius: 4rem;
    }
    .proiect-provocari-col1 img{
        border-top-right-radius: 4rem;
    }
    .proiect-misiune-col2, .proiect-provocari-col2{
        margin-top: 20px;
    }
    .proiect-rezultate-i img, .proiect-rezultate-o, .item img, .item2 img{
        border-radius: 4rem;
    }
    .proiect-rezultate-o h2{
        width: 80%;
        padding-bottom: 6%;
    }
    .proiect-rezultate-desc{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .proiect-rezultate-desc-i{
        width: 80%;
        margin: 0 auto;
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .poza-desk{
        display: none;
    }
    .proiect-rezultate-gal {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        width: 100%;
    }
    .item, .item2 {
        box-sizing: border-box;
    }
    .item-i, .item2-i{
        border-radius: 4rem;
    }
    .proiect-parere{
        padding-top: 40px;
        padding-bottom: 80px;
    }
    .proiect-parere-i{
        width: 100%;
    }
    .oferta-intro{
        grid-template-columns: 1fr;
    }
    .oferta-intro-col1-txt, .oferta-intro-col2-txt{
        padding-top: 0px;
        margin-bottom: 0px;
    }
    .oferta-intro-mid{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .oferta-intro-mid1, .oferta-intro-mid2{
        display: flex;
        flex-direction: column;
    }
    .oferta-intro-mid2{
        padding-top:50%;
    }
    .oferta-cerere{
        border-radius: 4rem;
    }
    .contact-list li{
        display: block;
    }
    .contact-list li:first-child{
        margin-right: 0px;
        margin-bottom: 30px;
    }
    .o-svg, .o-svg2 {
        width: auto;
        /*max-width: 28px;*/
        max-width: 18px;
        height: 22px;
    }
    .contact-o{
        background-position: left center;
    }
    .pachet-list-parteneri li:not(:last-child){
        margin-right: 15px;
    }
    .pachet-list-parteneri li{
        margin-bottom: 20px;
        display: inline-block;
    }
    .pachet-list-parteneri li:nth-child(1) img{
        max-width: 145px;
    }
    .pachet-list-parteneri li:nth-child(2) img{
        max-width: 120px;
    }
    .pachet-list-parteneri li:nth-child(3) img{
        max-width: 100px;
    }
    .pachet-list-parteneri li:nth-child(4) img{
        max-width: 120px;
    }
    .pachet-entry-top img{
        width: auto;
        height: 40px;
    }
    .pachet-entry-btn{
        font-size: 11px !important;
    }
    .pachet-entry-lnk{
        font-size: 10px !important;
    }
    .wpcf7 label, .nf-field-label, .wpcf7 ::placeholder, .wpcf7-submit{
        font-size: 14px;
    }
    .wpcf7-text, .nf-field-element input, .nf-field-element select, .wpcf7 select, .wpcf7-textarea, .nf-field-element textarea{
        padding: 10px 5px;
    }
    .wpcf7-submit{
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 20px;
    }
    .wpcf7-text, .nf-field-element input, .nf-field-element select, .wpcf7 select, .wpcf7-textarea, .nf-field-element textarea{
        font-optical-sizing: auto;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
    }
    .paginare{
		text-align:center;
	}
    .paginare ul{
        font-size: 14px;
    }
	.paginare ul li a, .paginare ul li span{
		margin-right:5px;
		margin-left:5px;
	}
    .paginare ul li a svg{
        width: 15px;
        vertical-align: middle;
    }
    .projpag{
        padding-bottom: 30px;
    }
    .extra-margin{
        margin-top: 15vh;
    }
}

@media (max-width: 767px) {
    .head-fixed-general-on-scroll {
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 12px;
    }
    .head-fixed-general-on-scroll-i{
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 15px;
        padding-bottom: 15px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
    }
    .head-fixed-general-on-scroll .logo img {
        height: 21px;
    }
    .deschide-meniu, .deschide-oferta, .nav-first-menu li, .nav-first-menu li a {
        font-size: 11px;
    }
    .deschide-oferta{
        margin-left: 6px;
    }
    .dlines, .dcircles{
        margin-right: 5px;
    }
    .dline1{
        height: 1px;
        width: 7px;
        margin-bottom: 1px;
    }
    .dline2{
        height: 1px;
        width: 13px;
        margin-top: 1px;
    }
    .dcircles span{
        border: 1.5px solid #389EB8;
    }
    .dcircle1{
        width: 6px;
        height: 6px;
    }
    .dcircle2{
        width: 8px;
        height: 8px;
    }
    .footer-big, .footer-small{
        display: none;
    }
    .page-content {
        padding-top: 135px; /* Adjust this value based on header height */
        padding-bottom: 100px;
    }
    .panel-close{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .close-btn {
        width: 25px;
        height: 25px;
    }
    .meniu-principal, .meniu-secundar{
        margin-bottom: 40px;
    }
    .contact-panel{
        margin-bottom: 20px;
    }
    .social-panel{
        margin-bottom: 45px;
    }
    .footer-mic-r a img, .footer-mic-r2 a img{
        max-height: 16px;
    }
    .panel{
        overflow-x: hidden;
    }
    .insert{
        position: absolute;
        width: 130%;
        top: 2.6%;
        left: 50px;
        right: 0;
    }
    .hero-main-txt{
        margin-bottom: 25vh;
    }
    .insert-parteneri-list-c a img{
        width: 90%;
    }
    .insert-parteneri-top h2{
        margin-bottom: 15px;
    }
    .page-cta1-i{
        border-radius: 99px;
    }
    
}

/* ================================================ */
/* ===== STILURI PENTRU ANIMAȚII LA SCROLL ===== */
/* ================================================ */

/* Starea inițială, ascunsă, a tuturor elementelor animabile */
.animate-on-scroll {
    opacity: 0;
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    will-change: transform, opacity;
}

/* Stări specifice pentru fiecare tip de animație */
.animate-on-scroll[data-animation="slide-in-bottom"] {
    transform: translateY(30px);
}
.animate-on-scroll[data-animation="slide-in-top"] {
    transform: translateY(-30px);
}
.animate-on-scroll[data-animation="slide-in-left"] {
    transform: translateX(-30px);
}
.animate-on-scroll[data-animation="slide-in-right"] {
    transform: translateX(30px);
}
.animate-on-scroll[data-animation="zoom-in"] {
    transform: scale(0.95);
}

/* Starea finală, vizibilă, când clasa .is-visible este adăugată */
.animate-on-scroll.is-visible {
    opacity: 1;
    transform: none; /* Resetează la poziția originală */
}

/* Animații secvențiale (staggered) */
.insert-servicii-mid .animate-on-scroll.is-visible:nth-child(2) {
    transition-delay: 0.1s;
}
.insert-servicii-mid .animate-on-scroll.is-visible:nth-child(3) {
    transition-delay: 0.2s;
}
.insert-servicii-mid .animate-on-scroll.is-visible:nth-child(4) {
    transition-delay: 0.3s;
}

.slider-lucrari .slick-slide .animate-on-scroll.is-visible, .slider-lucrari2 .slick-slide .animate-on-scroll.is-visible {
    transition-delay: calc(0.1s * var(--slide-index));
}

/* Corecție specifică pentru săgețile slider-ului care sunt în afara fluxului */
.slider-lucrari .slick-prev,
.slider-lucrari .slick-next,
.slider-lucrari2 .slick-prev,
.slider-lucrari2 .slick-next {
    /* Aplicăm animația direct pe ele, nu prin clasa generică */
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.5s 0.4s ease-out, transform 0.5s 0.4s ease-out;
}
.slider-lucrari.is-visible .slick-prev,
.slider-lucrari.is-visible .slick-next,
.slider-lucrari2.is-visible .slick-prev,
.slider-lucrari2.is-visible .slick-next {
    opacity: 1;
    transform: scale(1);
}