:root {
        --body-color: #9d9d9d;
        --section-space: 180px;
    }
    
    .sec-title {
        text-transform: none;
    }
    
    
        .menu-bar {
            width: 100%;
            height: 116px;
            background: rgb(0,0,0);
            background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.95) 15%, rgba(0,0,0,0.15) 80%, rgba(0,0,0,0) 100%);
            display: flex;
            align-items: center;
            justify-content: left;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 9999;
            display: none;
            padding: 30px 20px;
            transition: opacity 1.5s ease-in-out;
        }
        .menu-bar button, .video-container button {
            font-size: 24px;
            padding: 15px 30px;
            cursor: pointer;
        }
        
        .video-container {
            width: 100vw;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .video-container button {
            font-size: 32px;
            padding: 20px 40px;
        }
        
        video {
            width: 100vw;
            height: 100vh;
            object-fit: cover; /* Asigură că umple ecranul */
        }
        
        .menu-bar .icon-btn:hover {
            background: var(--theme-color);
            border-color: var(--theme-color);
        }
        
        .menu-bar .icon-btn {
            display: inline-block;
            width: var(--btn-size, 56px);
            height: var(--btn-size, 56px);
            line-height: var(--btn-size, 54px);
            font-size: var(--btn-font-size, 20px);
            background-color: var(--icon-bg, #f7f7f7);
            color: var(--title-color);
            text-align: center;
            border-radius: 0;
            border: 1px solid var(--th-border-color);
            -webkit-transition: 0.4s ease-in-out;
            transition: 0.4s ease-in-out;
            position: relative;
        }
        
        .menu-bar .icon-btn {
            border-radius: 50%;
            background: var(--theme-color);
            border-color: var(--theme-color);
            color: var(--white-color);
            position: relative;
        }
        
        .menu-area {
            position: relative;
        }
        
        .menu-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            z-index: 1;
            /*display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;*/
            box-sizing: content-box;
            text-align: center;
        }
        
        .menu-card {
            border-radius: 30px;
            background: var(--black-color2);
            padding: 30px 30px 0;
            text-align: center;
            position: relative;
            z-index: 1;
            margin-bottom: 28px;
            width: 480px;
            display: inline-block;
            margin: 0 15px;
        }
        
        .menu-card:before,.menu-card:after {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: 30px;
            background: -webkit-linear-gradient(transparent, var(--th-border-color5));
            background: linear-gradient(transparent, var(--th-border-color5));
            z-index: -2;
            -webkit-transition: 0.4s;
            transition: 0.4s
        }
        
        .menu-card:before {
            background: var(--black-color2);
            inset: 1px;
            z-index: -1;
        }
        
        .menu-card-img {
            border-radius: 15px;
            overflow: hidden;
            margin-bottom: 30px
        }
        
        .menu-card-img img {
            width: 100%;
            -webkit-transition: 0.4s;
            transition: 0.4s
        }
        
        .menu-card .box-title {
            font-weight: 500;
            margin-bottom: 15px
        }
        
        .menu-card .box-title a {
            color: var(--white-color)
        }
        
        .menu-card .box-title a:hover {
            color: var(--theme-color)
        }
        
        .menu-card .menu-card_text {
            color: var(--light-color)
        }
        
        .menu-card .btn-wrap {
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-transform: translate(0, 50%);
            -ms-transform: translate(0, 50%);
            transform: translate(0, 50%);
            margin-top: -24px
        }
        
        .menu-card .icon-btn {
            border-radius: 50%;
            background: var(--th-border-color5);
            border-color: var(--th-border-color5);
            color: var(--white-color);
            position: relative
        }
        
        .menu-card .icon-btn:after {
            content: '';
            position: absolute;
            inset: -10px -10px 50%;
            background: var(--black-color2);
            z-index: -1;
            border-radius: 50% 50% 0 0/100% 100% 0 0;
            border: 1px solid var(--th-border-color5);
            border-bottom: 0
        }
        
        .menu-card .icon-btn:hover {
            background: var(--theme-color);
            border-color: var(--theme-color)
        }
        
        .menu-card:hover:after {
            background: -webkit-linear-gradient(transparent, var(--theme-color));
            background: linear-gradient(transparent, var(--theme-color))
        }
        
        .menu-card:hover .menu-card-img img {
            -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
            transform: scale(1.05)
        }
        
        .menu-card:hover .icon-btn:after {
            border-color: var(--theme-color)
        }
        
        .row-center {
          display: flex;
          justify-content: center;
          margin: 3rem 0;
        }
        
        .btn-red {
          background-color: var(--theme-color);
          color: #fff;
          padding: 0.5rem 3rem;
          line-height: 38px;
          border: none;
          border-radius: 28px;
          font-size: 21px;
          cursor: pointer;
          transition: background-color 0.3s ease;
          position: relative;
          z-index:2;
        }
    
        .btn-red:hover {
          background-color: #d21a1a;
          color: var(--white-color);
        }
    
        .btn-red:active {
          background-color: #b81717;
        }
    
        .btn-red:focus {
          outline: none;
          box-shadow: 0 0 0 0.2rem rgba(244, 30, 30, 0.5);
        }
        
    .class-card .box-title {
        min-height: 67px;
    }
    
    .breadcrumb-bar {
        width: 100%;
        height: 116px;
        background: rgb(0,0,0);
        background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.95) 15%, rgba(0,0,0,0.15) 80%, rgba(0,0,0,0) 100%);
        display: flex;
        align-items: center;
        justify-content: left;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        padding: 30px 20px;
        transition: opacity 1.5s ease-in-out;
    }
    
    .breadcrumb-bar .btn-wrap {
        display: flex;
        align-items: center;
        gap: 20px; /* spațiu între butoane */
        width: 100%;
    }
    
    .breadcrumb-bar .btn-right {
        margin-left: auto; /* împinge toate elementele cu această clasă la dreapta */
        display: flex;
        gap: 20px; /* spațiu între butoanele de limbă */
    }
    
    .breadcrumb-bar .btn-lang {
        background-size: cover;
        height: 56px;
        padding: 0;
        width: 56px;
    }
    
    .breadcrumb-bar button {
        font-size: 24px;
        padding: 15px 30px;
        cursor: pointer;
    }
    
    .breadcrumb-bar .icon-btn:hover {
        background: var(--theme-color);
        border-color: var(--theme-color);
    }
    
    .breadcrumb-bar .icon-btn {
        display: inline-block;
        width: var(--btn-size, 56px);
        height: var(--btn-size, 56px);
        line-height: var(--btn-size, 54px);
        font-size: var(--btn-font-size, 20px);
        background-color: var(--icon-bg, #f7f7f7);
        color: var(--title-color);
        text-align: center;
        border-radius: 0;
        border: 1px solid var(--th-border-color);
        -webkit-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
        position: relative;
    }
    
    .breadcrumb-bar .icon-btn {
        border-radius: 50%;
        background: var(--theme-color);
        border-color: var(--theme-color);
        color: var(--white-color);
        position: relative;
    }