	@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
	body {
	  margin: 0;
	  background-color: #1b2836 !important;
	  font-family: 'Raleway', sans-serif;
	  color: #8799A6 !important;
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	  padding-top:85px;
	  padding-bottom:200px;
	}
	.avatar {
	  width: 300px;
	  height: 300px;
	  border-radius: 150px;
	  object-fit: cover;
	  border: 3px solid #a9894f;
	  margin-bottom: 1.5rem;
	}
	.avatar.talking {
	  animation: talking 0.3s infinite;
	}
	@keyframes talking {
	  0%, 100% { transform: scaleY(1); }
	  50% { transform: scaleY(0.9); }
	}
	.chatbox {
	  background-color: #243447;
	  padding: 1.5rem;
	  border: 1px solid #a9894f;
	  border-radius: 10px;
	  width: 100%;
	  box-shadow: 0 0 10px rgba(0,0,0,0.3);
	}
	.message {
	  margin-bottom: 1rem;
	  font-size: 1rem;
	}
	.input-area {
	  display: flex;
	  margin-top: 1rem;
	}
	.input-area input {
	  flex: 1;
	  padding: 0.75rem;
	  border: 1px solid #a9894f;
	  background: #1b2836;
	  color: #fff;
	  border-radius: 5px 0 0 5px;
	  font-family: 'Raleway', sans-serif;
	}
	.input-area button {
	  background-color: #a9894f;
	  color: white;
	  border: none;
	  padding: 0 1.5rem;
	  cursor: pointer;
	  border-radius: 0 5px 5px 0;
	  font-weight: bold;
	}
	.note {
	  font-size: 0.9rem;
	  color: #c2c2c2;
	  margin-top: 1rem;
	  text-align: center;
	}
	@media (min-width: 992px) {
		.navbar-expand-lg .navbar-collapse {
			display: none !important;
			flex-basis: auto;
		}
		.main-content{
			min-width: 1000px;
		}
	}
	.card{
		box-shadow: 1px 1px 1px #1b2836 !important;
	}
	.card-body {
		text-align: center;
	  	background-color: #1b2836 !important;
	  	color: #8799A6 !important;
	}
	.features {
		display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }
	.feature-box { background-color: #e5e7eb; padding: 20px; border-radius: 8px; }
	.text-left{
		text-align: left;
	}
	h1, h2{
		padding:20px 0px 10px 0px;
		color: #a9894f !important;
		font-weight: 700 !important;
	}
	.message_response{
		text-align: left;
	  	color: #8799A6 !important;
		padding:20px 10px;
	}
	.page-content{
		margin-top: 0px !important;
		padding: 0px 12px 60px !important;
	}
	.btn-register{
		background-color: #a9894f !important;
	  	color: #1b2836 !important;

	}
	.ml-1{
		margin-left: 1rem !important;
	}
	.font-montserrat{
		font-family: "Montserrat", sans-serif;
  		font-optical-sizing: auto;
  		font-weight: 400;
  		font-style: normal;
	}
	.font15{
		font-size:15px !important;
	}

	/* Extra CSS doar pentru acest box */
	.box1-experts ul.font15 > li{
		margin-bottom: 12px;	/* spațiu vertical mai generos */
		line-height: 1.6;		/* lizibilitate mai bună */
	}
	@media (min-width: 992px){
		.box1-experts ul.font15 > li{ margin-bottom: 14px; }
	}

	/* Aliniază prețurile imediat după cel mai lung text (nu la marginea dreaptă) */
	.price-grid-1{
		display:grid;
		grid-template-columns:max-content auto; /* col1 = lățimea celui mai lung text */
		column-gap:12px;
		row-gap:8px;
		align-items:baseline;
	}
	.price-grid-1 .label{white-space:nowrap;}
	.price-grid-1 .price{white-space:nowrap;font-weight:700;}
	/* pe mobil, permitem wrap și ținem prețul la dreapta rândului */
	@media (max-width: 767.98px){
		.price-grid-1{grid-template-columns:1fr auto;}
		.price-grid-1 .label{white-space:normal;}
	}


	.price-grid-5{
		display:grid;
		grid-template-columns:max-content auto;
		column-gap:12px;
		row-gap:6px;
		align-items:baseline;
	}
	.price-grid-5 .label{white-space:nowrap;}
	.price-grid-5 .price{white-space:nowrap;font-weight:700;}
	@media (max-width: 767.98px){
		.price-grid-5{grid-template-columns:1fr auto;}
		.price-grid-5 .label{white-space:normal;}
	}

	.price-grid-6{
		display:grid;
		grid-template-columns:max-content auto;
		column-gap:12px;
		row-gap:6px;
		align-items:baseline;
	}
	.price-grid-6 .label{white-space:nowrap;}
	.price-grid-6 .price{white-space:nowrap;font-weight:700;}
	@media (max-width: 767.98px){
		.price-grid-6{grid-template-columns:1fr auto;}
		.price-grid-6 .label{white-space:normal;}
	}