.hover-table-container {
     display: none;
     z-index: 999;
     width: 500px;
     max-width: 90vw;
     top: 30%!important;
     left: 50%!important;
     padding: 10px;
     border: 1px solid #dee2e6;
     border-radius: 0.25rem;
     background-color: #F2F5F9;
}
 .img-container {
     width: 100%;
     display: flex;
     justify-content: center;
     margin-bottom: 20px;
}
 .capitole-img {
     max-width: 100px;
     height: auto;
     display: block;
     margin: 0 auto 15px auto;
     padding: 8px;
}
 .title {
     color: #2c3e50;
     font-weight: 700;
     margin-bottom: 15px;
     text-align: center;
     width: 100%;
}
 .title a {
     text-decoration: none;
     color: #2c3e50;
     transition: color 0.3s;
}
 .title a:hover {
     color: #4a6cf7;
}
 .group-hover-trigger:hover .hover-table-container, .group-hover-trigger:focus-within .hover-table-container {
     display: block;
}
 .list-small {
     line-height: 24px;
     font-size: 14px;
}
 body{
     background-color: #eee;
}
 .mt-70{
     margin-top: 70px;
}
 .mb-70{
     margin-bottom: 70px;
}
 .card {
     box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
     border-width: 0;
     transition: all .2s;
}
 .card {
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid rgba(26,54,126,0.125);
     border-radius: .25rem;
}
 .card-body {
     flex: 1 1 auto;
     padding: 1.25rem;
}
 .scroll-area {
     overflow-x: hidden;
}
 .vertical-timeline {
     width: 100%;
     position: relative;
     padding: 1.5rem 0 1rem;
}
 .vertical-timeline::before {
     content: '';
     position: absolute;
     top: 0;
     left: 300px;
     height: 100%;
     width: 4px;
     background: #003399;
     border-radius: .25rem;
}
 .vertical-timeline-element {
     position: relative;
     margin: 0 0 1rem;
}
 .vertical-timeline--animate .vertical-timeline-element-icon.bounce-in {
     visibility: visible;
     animation: cd-bounce-1 .8s;
}
 .vertical-timeline-element-icon {
     position: absolute;
     top: 0;
     left: 292px;
}
 .vertical-timeline-element-icon .badge-dot-xl {
     box-shadow: 0 0 0 5px #fff;
}
 .badge-dot-xl {
     width: 18px;
     height: 18px;
     position: relative;
}
 .badge:empty {
     display: none;
}
 .badge-dot-xl::before {
     content: '';
     width: 10px;
     height: 10px;
     border-radius: .25rem;
     position: absolute;
     left: 50%;
     top: 50%;
     margin: -5px 0 0 -5px;
     background: #fff;
}
 .vertical-timeline-element-content {
     position: relative;
     margin-left: 330px;
     font-size: .8rem;
}
 .vertical-timeline-element-content .timeline-title {
     font-size: .8rem;
     text-transform: uppercase;
     margin: 0 0 .5rem;
     padding: 2px 0 0;
     font-weight: bold;
     color: #003399;
}
 .vertical-timeline-element-content .vertical-timeline-element-date {
     display: block;
     position: absolute;
     left: -300px;
     top: 0;
     padding-right: 10px;
     text-align: right;
     color: #003399;
     font-size: 1rem;
     white-space: nowrap;
}
 .vertical-timeline-element-content:after {
     content: "";
     display: table;
     clear: both;
}
 .badge-dot-xl {
     width: 20px;
     height: 20px;
     position: relative;
     background: #198754;
     border-radius: 50%;
     box-shadow: 0 0 0 5px #fff;
}
 .badge:empty {
     display: inline-block;
}
 .timeline-badge-check {
     background-color: #003399;
     border-radius: 50%;
     width: 20px;
     height: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 0 0 5px #fff;
     font-size: 12px;
}
 section {
     overflow: visible!important;
}
 .hero h1 {
     font-size: clamp(3rem, 4vw, 10rem);
     font-weight: 800;
     text-align: left;
     margin: 0;
     line-height: 1.1;
     width: 100%;
}
 .white-text {
     color: white;
}
 .gold-text {
     color: #FFCC00;
}
 .hero .carousel-container {
     position: absolute;
     inset: 90px 64px 64px 64px;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     z-index: 3;
}
 .moldova-map-container {
     order: 1;
     margin-bottom: 30px;
     z-index: 10;
     width: 160px;
}
 .moldova-map {
     width: 150px;
     max-width: 100%;
     height: auto;
     display: block;
     margin: 0 auto;
     opacity: 0;
     transition: all 0.3s ease;
}
 .hero-text-content {
     order: 2;
     width: 100%;
     max-width: 800px;
     padding: 0 20px;
}
 .hero h1 {
     font-size: clamp(2.5rem, 5vw, 4rem);
     font-weight: 800;
     line-height: 1.2;
     margin: 0 0 5px 0;
}
 .hero h2 {
     font-size: 1.5rem;
     margin-bottom: 20px;
}
 .hero p {
     font-size: 1rem;
     margin-bottom: 30px;
}
 .white-text {
     color: white;
}
 .gold-text {
     color: #FFCC00;
}
 @media (min-width: 1024px) {
     .hero h1, .hero h2, .hero p {
         max-width: 100%;
         margin-left: 30%;
    }
}
 @media (min-width: 992px) {
     .hero .carousel-container {
         flex-direction: row;
         justify-content: center;
         align-items: center;
         text-align: left;
    }
     .moldova-map-container {
         order: 2;
         position: absolute;
         left: 70%;
         top: 40%;
         transform: translateY(-50%);
         margin-bottom: 0;
         width: 160px;
    }
     .moldova-map {
         width: 180px;
    }
     .hero-text-content {
         order: 1;
         max-width: 60%;
         margin-right: auto;
         padding: 0;
    }
}
 .hero img {
     position: relative;
}
 .circle {
     position: absolute;
     top: 40%;
     left: 50%;
     width: min(40vw, 350px);
     height: min(40vw, 350px);
     transform: translate(-50%, -50%);
     animation: spin 40s linear infinite;
     pointer-events: none;
}
 @keyframes spin {
     from {
         transform: translate(-50%, -50%) rotate(0deg);
    }
     to {
         transform: translate(-50%, -50%) rotate(360deg);
    }
}
 .star {
     position: absolute;
     width: 6vw;
     height: 6vw;
     max-width: 50px;
     max-height: 50px;
     background-color: gold;
     clip-path: polygon( 50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35% );
     opacity: 0;
     transition: opacity 1s ease;
}
 @media (max-width: 767px) {
     .carousel-item {
         background-color: #003399;
    }
     .carousel-container {
         display: block;
         text-align: center;
    }
     .carousel-container h1, .carousel-container h2, .carousel-container p {
         text-align: left;
         margin: 0 auto;
    }
     .hero-header-layout {
         display: block;
         text-align: center;
    }
     .moldova-map-wrapper {
         order: 1;
         margin-bottom: 20px;
         position: relative;
    }
     .circle {
         position: absolute;
         top: 10%;
         left: 50%;
         width: 65vw;
         height: 65vw;
         transform: translate(-50%, -50%);
         animation: spin 40s linear infinite;
         animation: spin 40s linear infinite;
         pointer-events: none;
    }
}
 section {
     overflow: visible!important;
}
 body {
     overflow-x: visible !important;
}
 .section {
     overflow-x: visible !important;
     position: static !important;
}
 .section.faq {
     overflow: visible !important;
}
 .faq-item {
     margin-bottom: 30px;
     padding-bottom: 10px;
}
 .details li {
     display: flex;
     flex-direction: column;
     position: relative;
     padding-left: 30px;
     margin-bottom: 25px;
}
 .details li > span {
     display: block;
     margin-bottom: 15px;
     width: 100%;
}
 .download-section {
     display: block;
     width: 100%;
     margin-top: 20px;
     clear: both;
}
 .details li i {
     position: absolute;
     left: 0;
     top: 2px;
     color: #4a6cf7;
     font-size: 1.2rem;
}
 .download-section {
     display: block;
     margin-top: 20px;
     background-color: #f0f7ff;
     border-radius: 10px;
     padding: 20px;
     margin: 25px 0;
     border-left: 4px solid #4a6cf7;
     clear: both;
}
 .download-section h4 {
     color: #2c3e50;
     margin-bottom: 15px;
     font-size: 16px;
}
 .year-group {
     margin-bottom: 20px;
}
 .year-group h5 {
     color: #4a6cf7;
     margin-bottom: 10px;
     padding-bottom: 5px;
     border-bottom: 1px dashed #a0c1ff;
}
 .download-links {
     list-style: none;
     padding-left: 20px;
}
 .download-links li {
     margin-bottom: 8px;
     display: flex;
     align-items: center;
}
 .download-links a {
     padding-top: 3px;
     color: #2c3e50;
     text-decoration: none;
     display: flex;
     align-items: center;
     transition: color 0.3s;
}
 .download-links a:hover {
     color: #4a6cf7;
}
 .download-links a i {
     margin-right: 8px;
     font-size: 1.1rem;
}
 .info-center .tab-pane ul li {
     margin-bottom: 10px;
}
 .press-release-link {
     display: inline-flex;
     align-items: center;
     color: #2c3e50;
     text-decoration: none;
     font-weight: 500;
     padding: 10px 15px;
     border-radius: 6px;
     background-color: #f0f7ff;
     border-left: 4px solid #4a6cf7;
     transition: all 0.3s ease;
     margin: 15px 0;
}
 .press-release-link:hover {
     background-color: #e6f0ff;
     color: #4a6cf7;
     transform: translateY(-2px);
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
 .press-release-link i {
     margin-right: 8px;
     font-size: 1.2rem;
}
 .carousel-item.bg-image {
     position: absolute;
}
 .carousel-item.bg-image img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     z-index: 1;
     opacity: 0.7;
}
 .carousel-item.bg-image::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 2;
}
 .carousel-item.bg-image .carousel-container {
     position: relative;
     z-index: 3;
     padding: 30px;
     color: white;
}
 .chapter-list {
     list-style-type: none;
     padding: 0;
}
 .chapter-list {
     list-style-type: none;
     padding: 0;
     max-width: 100%;
     margin: 0 auto;
     text-align: left;
}
 .chapter-list li {
     background: rgba(255, 255, 255, 0.25);
     border-left: 4px solid #FFCC00;
     padding: 18px 25px;
     margin-bottom: 15px;
     border-radius: 0 8px 8px 0;
     transform: translateX(-20px);
     opacity: 0;
     transition: all 0.5s ease;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
     backdrop-filter: blur(5px);
     min-height: 70px;
     display: flex;
     align-items: center;
}
 .chapter-list li.show {
     transform: translateX(0);
     opacity: 1;
}
 .chapter-list li:nth-child(1) {
     transition-delay: 0.1s;
}
 .chapter-list li:nth-child(2) {
     transition-delay: 0.2s;
}
 .chapter-list li:nth-child(3) {
     transition-delay: 0.3s;
}
 .chapter-list li:nth-child(4) {
     transition-delay: 0.4s;
}
 .chapter-list li:nth-child(5) {
     transition-delay: 0.5s;
}
 .chapter-list li:nth-child(6) {
     transition-delay: 0.6s;
}
 .chapter-list li:nth-child(7) {
     transition-delay: 0.7s;
}
 .chapter-list li:nth-child(8) {
     transition-delay: 0.8s;
}
 .chapter-list li:nth-child(9) {
     transition-delay: 0.9s;
}
 .chapter-list strong {
     color: #FFCC00;
     margin-right: 5px;
}
 .cluster-info {
     background: rgba(255, 204, 0, 0.25);
     border-radius: 8px;
     padding: 20px;
     margin-top: 30px;
     border-left: 4px solid #FFCC00;
     backdrop-filter: blur(5px);
}
 .carousel-item.bg-image::after {
     background: rgba(0,0,0,.35);
     pointer-events: none;
     z-index: 2;
}
 .carousel-item.bg-image .carousel-content {
     position: relative;
     z-index: 3;
}
 .services .service-item .description {
     text-align: justify;
}
 .title-row {
     display: flex;
     align-items: center;
     margin-bottom: 1.5rem;
}
 .title-img {
     width: 100px;
     height: 100px;
     margin-right: 1.5rem;
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 12px;
     padding: 0px;
}
 .title-img img {
     max-width: 100%;
     height: auto;
}
 .services .service-item {
     background: #F2F5F9;
     border-radius: 6px;
     border-bottom: 4px solid #003399;
}
 .hover-table-container {
     border-top: 4px solid #FFCC00;
}
 .table>thead {
     text-align: center;
}
 .hover-table-container .table>:not(caption)>*>* {
     border-bottom-width: 0;
}
 .hover-table-container .table-light {
     --bs-table-bg: none;
}
 .hover-table-container .table th {
     width: 50%;
     color: #003399;
}
 .hover-table-container .table td {
     border-radius: 6px;
     background: #E2E6EF;
}
 .hover-table-container .table {
     border-collapse: separate;
     border-spacing: 10px;
}
 @media (max-height: 720px) {
     .hero .carousel-container {
         inset: 0px 64px 64px 64px;
    }
     .chapter-list li {
         margin-bottom: 5px;
         min-height: 50px;
         padding: 5px 25px;
    }
}
 @media (max-height: 900px) {
     .hero .carousel-container {
         inset: 0px 64px 64px 64px;
    }
     .chapter-list li {
         margin-bottom: 5px;
         min-height: 50px;
         padding: 5px 25px;
    }
}
 .faq-content .svg-responsive {
     margin: 0 0 1rem 0;
     text-align: center;
     width: 100%;
}
 .faq-content .svg-responsive object {
     display: block;
     width: 100%;
     height: auto;
     max-width: 100%;
}
 .credits a {
     color: #FFCC00;
}
 .credits a:hover {
     color: yellow;
}
 .assistance ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
}
 .assistance ul li {
     float: left;
}
 .faq-content ul li {
     margin-bottom: 20px;
}
 .faq-content span {
     margin-left: 5px;
}
.section-title h2 { 
	color: var(--accent-color);
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--heading-font);
	letter-spacing: 0px;
}
.section-title h2::after { 
	display: none;
}


/* simple, responsive video thumbnails with a play overlay */
.video-card .video-thumb{position:relative; overflow:hidden; border-radius:12px}
.video-card .video-thumb img{width:100%; height:auto; display:block}
.video-card .video-thumb::after{
content:""; position:absolute; inset:0; background:rgba(0,0,0,.15);
}
.video-card .play{
position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
font-size:3rem; color:#fff; text-shadow:0 2px 12px rgba(0,0,0,.6);
}
.video-card h4{margin-top:.75rem; font-weight:600}
.video-card p{margin:0; opacity:.85}
 .section-title h2 { line-height: 1.2; }

/* CTIF */
@media (max-width: 768px) { .section-title h2 { font-size:16px; letter-spacing:1px; } }
@media (max-width: 480px) { .section-title h2 { font-size:14px; letter-spacing:0.5px; } }

 html, body { height: 100%; margin: 0; padding: 0; }
 body { display: flex; flex-direction: column; min-height: 100vh; }
.main { flex: 1 0 auto; }
.footer { flex-shrink: 0; }

.title-row {
    display: flex;
    align-items: center;
    gap: 15px;
}

@media (max-width: 768px) {
    .title-row {
        flex-direction: column;
        text-align: center;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  #capitole-coordonate .title-row {
    flex-direction: column;
    align-items: center;
  }

  #capitole-coordonate .title-img {
    margin-right: 0;
    margin-bottom: 1rem;
  }

  #capitole-coordonate .title {
    text-align: center;
  }
}