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

		/* 23-03-2026 14:47 */
		.logos {
			display: flex !important;
			flex-wrap: nowrap !important;
			overflow: hidden;
			padding: 30px 0 !important;
			touch-action: pan-y; /* Permite scroll-ul paginii pe verticală, dar preia touch-ul pe orizontală */
			cursor: grab;
		}
		.logos-slide {
			display: flex !important;
			flex-wrap: nowrap !important;
			flex-shrink: 0;
			align-items: stretch;
			/* animation: 120s slide infinite linear;  <-- sterge aceasta linie */
			white-space: nowrap;
		}

        .logos:hover .logos-slide {
            animation-play-state: paused;
        }

        .logos-slide img {
            height: 60px;
            margin: 0 10px;
        }
		
		.logos-slide .card {
			min-width: 360px !important;
			max-width: 360px !important;
			min-height: 220px !important;
			height: auto !important;
			white-space: normal !important;
			word-wrap: break-word !important;
			flex-shrink: 0 !important;
			align-self: stretch;
		}
		
		.logos:active {
			cursor: grabbing;
		}

		#cardSlider {
			display: flex;
			will-change: transform; /* Optimizează performanța pe mobil */
		}

		.card {
			background-color: #F3F5FA;
			color: #fff;
			border: 2px solid #4668A2 !important;
			border-radius: 12px !important;
			white-space: nowrap;
			min-width: 360px;
			margin: 0 10px;
			cursor: pointer;
			transition: box-shadow 0.3s ease; /* scos transform din transition */
		}
		
		.card .text {
			font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
			font-size: 14px;
			font-weight: 400;
			line-height: 1.6;
			color: #4668A2 !important;
		}

		.card h4 {
			font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
			font-size: 16px;
			font-weight: 700;
			color: #4668A2 !important;
		}



		/* 23-03-2026 15:15 */
		.card .at a {
			color: #3498db !important; 
			/* Am redus la 300 pentru un aspect mult mai subțire și elegant */
			font-weight: 300 !important;
			/* Am redus puțin și dimensiunea ca să nu domine vizual */
			font-size: 12px !important; 
			text-decoration: none;
			/* Adăugăm o mică distanță între litere pentru un look mai "aerisit" */
			letter-spacing: 0.5px;
			transition: all 0.3s ease;
		}

		.card .at a:hover {
			text-decoration: underline;
			color: #45638a !important;
			font-weight: 400 !important; /* Se îngroașă puțin doar la hover */
		}
		.card em {
			font-style: italic;
			color: #4fc3f7 !important; /* light blue for @mentions */
			font-weight: 600;
		}
		
		.card.active-card {
			box-shadow: 0 8px 24px rgba(70, 104, 162, 0.4);
			border: 2px solid #4fc3f7 !important;
			background-color: #e8edf7 !important;
			outline: 3px solid #4fc3f7;
		}
	
		.card .s1 img {
			height: 40px !important;
			width: auto !important;
			object-fit: contain;
		}		

		/* 23-03-2026 14:24 */
		.stars {
			color: #f1c40f; /* Culoarea aurie pentru stele */
			font-size: 1.2rem;
			margin-top: 5px;
			margin-bottom: 15px;
			letter-spacing: 2px;
			display: block;
			width: 100%;
			text-align: left; /* Aliniere la stânga, sub text */
		}
		
		/* 23-03-2026 15:25 */
		.btn-call {
			display: inline-block;
			background-color: #87a96b; /* Folosim verdele salvie ales pentru barele de progres */
			color: #fff !important;
			padding: 12px 35px;
			border-radius: 50px;
			font-family: "Jost", sans-serif;
			font-size: 17px;
			font-weight: 600;
			letter-spacing: 0.5px;
			transition: all 0.3s ease;
			box-shadow: 0 4px 15px rgba(135, 169, 107, 0.3);
			text-decoration: none;
			border: none;
		}

		.btn-call:hover {
			background-color: #6b8e55; /* O nuanță mai închisă la hover */
			transform: translateY(-3px);
			box-shadow: 0 6px 20px rgba(135, 169, 107, 0.4);
			color: #fff !important;
		}

		.btn-call i {
			margin-right: 10px;
			font-size: 18px;
		}
		/* 23-03-2026 16:10 */
		.full-width-btn {
			display: block !important; /* Schimbăm din inline-block în block pentru a ocupa tot rândul */
			width: 100% !important;    /* Forțăm lățimea la 100% din containerul imaginii */
			box-sizing: border-box;    /* Ne asigurăm că padding-ul nu depășește lățimea */
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}
		
		@keyframes slide {
			from {
				transform: translateX(0);
			}
			to {
				transform: translateX(-50%);
			}
		}
}