body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
  }
  
  .pachet-container {
	border-radius: 15px;
	border: 1px solid #ccc;
	padding: 20px;
	margin: 5px; /* Setăm marginea față de marginile dispozitivului */
	background: #f9f9f9;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  .header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
  }
  
  .badge {
	background: #c0ac9b;
	color: white;
	padding: 10px 20px;
	border-radius: 5px;
	font-weight: bold;
  }
  
  .payment-details {
	font-size: 14px;
	color: #555;
  }
  
  .package-title {
	text-align: center;
	color: #333;
	margin: 15px 0 10px;
	color: #2a9d8f;
  }
  
  .package-description {
	text-align: center;
	color: #555;
	margin-bottom: 20px;
  }
  
  .content {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
  }
  
  .image {
	flex: 1;
	text-align: center;
  }
  
  .image img {
	max-width: 100%;
	border-radius: 10px;
  }
  
  .services {
	flex: 3;
  }
  
  .services ul {
	columns: 3;
	list-style: none;
	padding: 0;
	font-size: 14px;
	color: #555;
	margin: 0;
  }
  
  .services ul li {
	margin-bottom: 5px;
  }
  
  .footer {
	text-align: center;
	margin-top: 20px;
  }
  
  .footer .phone-number {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin: 5px 0;
  }
  
  .whatsapp-button {
	display: inline-block;
	background: #25D366;
	color: white;
	padding: 10px 20px;
	border-radius: 5px;
	text-decoration: none;
	font-weight: bold;
  }
  
  .whatsapp-button:hover {
	background: #1da851;
  }
  
  /* Responsivitate */
  @media (max-width: 768px) {
	.content {
	  flex-direction: column;
	}
  
	.services ul {
	  columns: 1;
	}
  
	.header {
	  flex-direction: column;
	  align-items: center;
	  text-align: center;
	  background-color: #c0ac9b; /* Fundal pentru text */
	  padding: 10px;
	  border-radius: 10px;
	}
  
	.badge {
	  background: none;
	  color: white;
	  font-size: 18px;
	  font-weight: bold;
	  padding: 5px 0;
	}
  
	.payment-details {
	  font-size: 14px;
	  color: white;
	  margin-top: 5px;
	}
  
	.image img {
	  max-width: 70%; /* Imagine mai mică pe mobil */
	  margin: 10px auto;
	}
  
	.pachet-container {
	  margin: 5px; /* Margine uniformă pe toate dispozitivele */
	}
  }
  
  @media (max-width: 480px) {
	.pachet-container {
	  padding: 15px;
	  margin: 5px; /* Margine de 5px pe dispozitive mici */
	}
  
	.whatsapp-button {
	  width: 100%;
	  text-align: center;
	}
  }
  
  .text-container {
	text-align: center;
	margin: 40px 0; /* Margine pentru spațiu între secțiuni */
	position: relative;
  }
  
  .text-container h2 {
	font-size: 24px;
	color: #333;
	position: relative;
	padding: 0 20px; /* Adăugăm puțin padding pentru a da mai mult spațiu textului */
  }
  
  .text-container::before,
  .text-container::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 8px; /* Înălțimea liniei */
	background: linear-gradient(to right, transparent, #c0ac9b, transparent); /* Gradient din interior spre exterior */
	width: 100%;
  }
  
  .text-container::before {
	top: -15px; /* Liniile vor fi plasate deasupra */
  }
  
  .text-container::after {
	bottom: -15px; /* Liniile vor fi plasate sub text */
  }
  
  /* Caseta slider*/
  body {
	  margin: 0;
	  padding: 0;
	  font-family: Arial, sans-serif;
	  box-sizing: border-box;
	  overflow-x: hidden;
  }
  
  .custom-home-slider {
	  position: relative;
	  width: 100%;
	  height: 100vh; /* Înălțimea va fi pe întreaga vizibilitate a ecranului */
	  overflow: hidden;
  }
  
  .custom-carousel {
	  position: relative;
	  width: 100%;
	  height: 100%;
	  display: flex;
	  flex-direction: column;
  }
  
  .custom-item {
	  position: relative;
	  width: 100%;
	  height: 100%;
  }
  
  .custom-img-responsive {
	  width: 100%;
	  height: 100%;
	  object-fit: cover; /* Imaginea umple div-ul pe verticală și orizontală */
	  filter: grayscale(100%); /* Efect alb-negru */
	  display: block;
  }
  
  /* Custom Slider Info */
  .custom-slider-info {
	  background: rgba(255, 255, 255, 0.95);
	  border: 4px solid #65594d;
	  padding: 20px 30px;
	  margin-top: -100px; /* Se suprapune peste imagine pe desktop */
	  text-align: center;
	  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	  border-radius: 10px;
	  max-width: 90%;
	  margin: 20px auto;
  }
  
  @media (min-width: 768px) {
	  .custom-slider-info {
		  position: absolute; /* Poziționare peste imagine */
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		  padding: 40px 60px;
		  max-width: 770px;
		  margin-top: 0; /* Elimină suprapunerea */
	  }
  }
  
  .custom-section-head {
	  margin: 0 auto;
  }
  
  .custom-title {
	  font-size: 24px;
	  color: #333;
	  margin-bottom: 10px;
  }
  
  .custom-description {
	  font-size: 16px;
	  color: #555;
	  margin-bottom: 20px;
  }
  
  /* Button Group */
  .custom-button-group {
	  display: flex;
	  gap: 10px;
	  justify-content: center;
	  margin-top: 15px;
  }
  
  .custom-button {
	  display: inline-block;
	  padding: 10px 20px;
	  text-decoration: none;
	  border-radius: 5px;
	  font-size: 14px;
	  font-weight: bold;
	  text-align: center;
	  cursor: pointer;
	  transition: all 0.3s ease;
  }
  
  .custom-btn-primary {
	  background-color: #65594d;
	  color: #fff;
	  border: none;
  }
  
  .custom-btn-primary:hover {
	  background-color: rgb(80, 70, 61);
  }
  
  .custom-btn-secondary {
	  background-color: #65594d;
	  color: #fff;
	  border: none;
  }
  
  .custom-btn-secondary:hover {
	  background-color: #65594d;
  }
  
  /* Responsive Adjustments */
  @media (max-width: 768px) {
	  .custom-home-slider {
		  height: auto; /* Permite slider-ului să fie flexibil pe mobil */
	  }
  
	  .custom-img-responsive {
		  height: auto; /* Permite imaginii să își ajusteze înălțimea pe mobil */
	  }
  
	  .custom-slider-info {
		  position: relative; /* Elimini poziționarea absolută pe mobil */
		  top: auto;
		  left: auto;
		  transform: none;
		  margin: 20px auto 0 auto;
		  max-width: 90%; /* Asigură că informațiile rămân vizibile */
	  }
  }
  
  
  /*topbar*/
  @import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
  
  * {
	  margin: 0;
	  box-sizing: border-box;
	  font-family: 'Roboto', sans-serif;
  }
  
  .text-wrapper {
	  display: flex;
	  justify-content: flex-start;
	  background: #e6ddd0;
	  overflow: hidden;
  }
  
  h1 {
	  font-size: 48px; /* Dimensiunea textului */
	  text-transform: uppercase; /* Textul în majuscule */
	  color: black; /* Interiorul textului */
	  -webkit-text-stroke-width: 1.5px; /* Grosimea conturului */
	  -webkit-text-stroke-color: #65594d; /* Contur cu nuanța dorită */
	  white-space: nowrap; /* Previne trecerea pe mai multe linii */
	  padding: 0 6rem; /* Spațiere între cuvinte */
	  letter-spacing: 2px; /* Spațiu între litere */
	  text-shadow: 0 0 5px rgba(101, 89, 77, 0.5); /* Glow subtil în jurul textului */
	  animation: move-rtl 6s linear infinite; /* Animația de scroll */
  }
  
  @keyframes move-rtl {
	  0% {
		  transform: translateX(0);
	  }
	  100% {
		  transform: translateX(-100%);
	  }
  }
  
  /*downbar*/
  /* Stiluri generale pentru downbar */
  .downbar {
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  background-color: #c0ac9b;
	  color: #000; /* Text negru pentru întregul downbar */
	  text-align: center;
	  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
	  padding: 10px 0;
	  z-index: 1000;
  }
  
  .call-button {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  text-decoration: none;
	  color: #000; /* Text negru pentru buton */
	  font-family: Arial, sans-serif;
	  font-size: 16px;
  }
  
  .call-button .icon-phone {
	  width: 40px;
	  height: 40px;
	  margin-right: 10px;
	  background: #28a745; /* Verde pentru cerc */
	  border-radius: 50%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  animation: bounce 1s infinite;
  }
  
  .call-button .icon-phone::before {
	  content: '';
	  width: 20px;
	  height: 20px;
	  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M6.62 10.79a15.466 15.466 0 006.59 6.59l2.2-2.2a1.5 1.5 0 011.6-.33c1.71.68 3.59 1.03 5.5 1.03.83 0 1.5.67 1.5 1.5V21c0 .83-.67 1.5-1.5 1.5C10.74 22.5 1.5 13.26 1.5 3A1.5 1.5 0 013 1.5h3.75c.83 0 1.5.67 1.5 1.5 0 1.91.35 3.79 1.03 5.5.21.51.09 1.1-.33 1.6l-2.2 2.19z"/></svg>') no-repeat center;
	  background-size: contain;
  }
  
  .call-button .text p {
	  margin: 0;
	  line-height: 1.2;
	  color: #000; /* Text negru pentru paragrafe */
  }
  
  .call-button .text p:first-child {
	  font-weight: bold;
	  font-size: 18px;
  }
  
  .call-button .text p:last-child {
	  font-size: 14px;
	  opacity: 0.8;
  }
  
  /* Animație bounce */
  @keyframes bounce {
	  0%, 100% {
		  transform: translateY(0);
	  }
	  50% {
		  transform: translateY(-5px);
	  }
  }
  
  /*navbar*/