body {
	font-family: 'Poppins', sans-serif;
	margin: 0;
	padding: 0;
	color: #221e1d;
	height: auto;
	overflow-x: hidden;
  /*   overflow: hidden; */
	background-color: #fff;
  }
  
  ::-moz-selection { /* Code for Firefox */
	color: #fff;
	background: #0154f7;
  }
  
  ::selection {
	color: #fff;
	background: #0154f7;
  }
  
  body::-webkit-scrollbar {
	width: 12px;               /* width of the entire scrollbar */
	}
	
	body::-webkit-scrollbar-track {
	background: #fffeff;        /* color of the tracking area */
	
	}
	
	body::-webkit-scrollbar-thumb {
	background-color: #003db6;    /* color of the scroll thumb */
	border-radius: 20px;       /* roundness of the scroll thumb */
	border: 2px solid #005552;  /* creates padding around scroll thumb */
	}
	
	body::-webkit-scrollbar-thumb:hover {
	background-color: #0154f7;    /* color of the scroll thumb */
	border-radius: 20px;       /* roundness of the scroll thumb */
	border: 2px solid #005552;  /* creates padding around scroll thumb */
	}
  
  /***************/
  
  /* font-family: 'Staatliches', cursive; */
  
  @import url(https://fonts.googleapis.com/css?family=Open+Sans:600);
  
  /***************/
  
  .opacitate-load {
	  animation-name: opacitate-load;
	  animation-duration: 0.4s;
	  animation-fill-mode: forwards;
	}
	
	@keyframes opacitate-load {
	  0% {
		margin-left: 1500px;
	  }
	  100% {
		margin-left: 0px;
	  }
	}
  
  
	.opacitate-load2 {
	  animation-name: opacitate-load2;
	  animation-duration: 0.4s;
	  animation-fill-mode: forwards;
	}
	
	@keyframes opacitate-load2 {
	  0% {
		margin-left: 0px;
	  }
	  100% {
		margin-left: 1500px;
	  }
	}
  
  /***************/

.container-pre-nav-t {
	height: 50px;
	background-color: #221e1d;
}

.container-pre-nav-t-2 {
	height: auto;
	background-color: #221e1d;
}

.container-pre-nav {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-pre-nav-2 {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-pre-nav-el {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.container-pre-nav-el2 {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.container-pre-nav-el-1 {
	height: 100%;
	width: 50%;
/* 	background-color: brown; */
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 10px;
}

.container-pre-nav-el-2 {
	height: 100%;
	width: 50%;
/* 	background-color: brown; */
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 10px;
}


.container-pre-nav-el-1-1 {
	height: 100%;
	width: 50%;
/* 	background-color: brown; */
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 10px;
}

.container-pre-nav-el-2-2 {
	height: 100%;
	width: 50%;
/* 	background-color: brown; */
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 10px;
}

.culoare {
	color: #0154f7;
}

.container-pre-nav-el-1-p-asp {
	color: #fff;
	font-size: 14px;
}

.container-pre-nav-el-2-a-asp {
	text-decoration: none;
	color: #0154f7;
	height: 30px;
	width: 30px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	border-radius: 100%;
	transition: 0.3s;
}

.container-pre-nav-el-2-a-asp:hover {
	background-color: #0154f7;
	color: #fff;
}

/*  */

.container-nav-t {
	height: 80px;
	background-color: #fff;
	/* background-color: red; */
	position: sticky;
	z-index: 10;
	top: 0;
	box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
}

.container-nav {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-nav-el {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.container-nav-el-1 {
	height: 100%;
	width: 200px;
	/* background-color: brown; */
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.container-nav-el-2 {
	height: 100%;
	width: calc(100% - 200px - 200px);
	/* background-color: brown; */
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.container-nav-el-3 {
	height: 100%;
	width: 200px;
	/* background-color: brown; */
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.container-nav-el-1-img-asp {
	width: 100%;
	height: auto;
	pointer-events: none;
	user-select: none;
}

.container-nav-el-1-a-asp {
	display: flex;
	align-items: center;
	justify-content: center;
}

.container-nav-el-2-a-asp {
	text-decoration: none;
	color: #221e1d;
	cursor: pointer;
	user-select: none;
	font-weight: 500;
	transition: 0.3s;
}

.container-nav-el-2-a-asp:hover {
	color: #0154f7;
}

.container-nav-el-2-a-asp2 {
	text-decoration: none;
	color: #221e1d;
	cursor: pointer;
	user-select: none;
	font-weight: 500;
}

.contaienr-nav-el-3-a-asp {
	text-decoration: none;
	color: #fff;
	height: 50px;
	width: 200px;
	background-color: #0154f7;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	border: 2px solid #2169fa;
	transition: 0.3s;
}

.contaienr-nav-el-3-a-asp:hover {
	background-color: #2c73ff;
}

.contaienr-nav-el-3-a-asp2 {
	text-decoration: none;
	color: #fff;
	height: 50px;
	width: 200px;
	background-color: #0154f7;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 30px;
	border: 2px solid #2169fa;
	transition: 0.3s;
}

.contaienr-nav-el-3-a-asp2:hover {
	background-color: #2c73ff;
}



.dropdown {
	/* background-color: red; */
	padding-bottom: 20px;
	padding-top: 20px;
}


.dropdown p:hover {
	color: #0154f7;
}

/* Stiluri pentru conținutul dropdown */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
	top: 82px;
	width: 250px;
}

/* Afișarea dropdown-ului când se face hover peste container-ul dropdown */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Stilizarea linkurilor din dropdown */
.dropdown-content a {
    color: black;
    padding: 6px 2px;
    text-decoration: none;
    display: block;
	transition: 0.3s;
}

/* Schimbarea fundalului linkului la hover */
.dropdown-content a:hover {
	color: #0154f7;
}

/*  */

.container-nav-tel-t {
	display: none;
}

.container-nav-tel-desc-t {
	display: none;
}

.container-nav-tel-serv-t {
	display: none;
}

/*  */

.container-header-t {
	height: calc(100vh - 80px - 50px);
	/* background-color: brown; */
	background-image: linear-gradient(to bottom, #ffffff8f 0%, #fff 100%), url('../images/header-bk.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.container-header-t-2 {
	height: 300px;
	/* background-color: brown; */
	background-image: linear-gradient(to bottom, #ffffff8f 0%, #fff 100%), url('../images/header-general.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.container-header {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-header-el {
	height: 100%;
	display: flex;
	align-content: center;
	justify-content: center;
	gap: 10px;
}

.container-header-el-1 {
	height: 100%;
	width: 60%;
/* 	background-color: brown; */
	display: flex;
	/* align-items: center; */
	justify-content: center;
	flex-direction: column;
	gap: 0;
}

.container-header-el-2 {
	height: 100%;
	width: 40%;
	/* background-color: yellow; */
}

.container-header-el-1-h1-asp {
	margin-top: -100px;
	margin-bottom: 0;
	font-size: 40px;
	background-image: linear-gradient(#0154f7, #221e1d);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.container-header-el-1-h1-asp2 {
	/* margin-top: -100px; */
	margin-bottom: 0;
	font-size: 40px;
	background-image: linear-gradient(#0154f7, #221e1d);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.container-header-el-1-h2-asp {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 20px;
	color: #221e1d;
	width: 80%;
}

/*  */


#scrollToTopButton {
	position: fixed; 
	bottom: 70px;
	right: 20px; 
	height: 50px;
	width: 50px;
	font-size: 20px;
	cursor: pointer;
	font-family: 'Poppins', sans-serif;
	border: 0;
	background-color: #0154f7;
	color: #fff;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(300%);
	transition: transform 0.5s ease; 
	z-index: 7;
}
  
/*  */

.container-servicii-t {
	height: auto;
/* 	background-color: brown; */
}

.container-servicii {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-servicii-el {
	height: 100%;
	display: flex;
	align-items: center;
	/* justify-content: center; */
	gap: 0;
	flex-direction: column;
}

.container-servicii-el-h2-asp {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 40px;
}

.container-servicii-el-h3-asp {
	display: flex;
	flex-direction: column;
	width: 100%;
/* 	background-color: red; */
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
}

/*  */

.container-alegeri-t {
	height: auto;
	/* background-color: brown; */
	padding-top: 40px;
	padding-bottom: 20px;
}

.container-alegeri {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-alegeri-el {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.container-alegeri-el-1 {
	height: 100%;
	/* background-color: green; */
	width: 33%;
	display: flex;
	/* align-items: center; */
	/* justify-content: center; */
	flex-direction: column;
	gap: 0;
}

.container-alegeri-el-2 {
	height: 100%;
	/* background-color: green; */
	width: 33%;
	display: flex;
	/* align-items: center; */
	/* justify-content: center; */
	flex-direction: column;
	gap: 0;
}

.container-alegeri-el-3 {
	height: 100%;
	/* background-color: green; */
	width: 33%;
	display: flex;
	/* align-items: center; */
	/* justify-content: center; */
	flex-direction: column;
	gap: 0;
}

.container-alegeri-el-1-img-asp {
	height: 100px;
	width: 100px;
	pointer-events: none;
	user-select: none;
/* 	margin-left: 10px; */
}

.container-alegeri-el-1-h2-asp {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}

.container-alegeri-el-1-linie-asp {
	height: 3px;
	width: 50px;
	background-color: #0154f7;
}

.container-alegeri-el-1-linie-asp2 {
	height: 3px;
	width: 16px;
	background-color: #0154f7;
}

.container-alegeri-el-1-linie-div {
	width: 300px;
	display: flex;
	gap: 6px;
}

.container-alegeri-el-1-p-asp {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 14px;
}

.container-alegeri-el-1-a-asp {
	text-decoration: none;
	color: #fff;
	width: 120px;
	height: 40px;
	background-color: #0154f7;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	transition: 0.3s;
	font-size: 14px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.308);
}

.container-alegeri-el-1-a-asp:hover {
	background-color: #2c73ff;
}

/*  */

.container-mesaje-t {
	height: auto;
	background-color: brown;
	margin-top: 40px;
}

.container-mesaje {
	height: 100%;
	/* max-width: 1440px; */
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	/* padding-left: 20px; */
	/* padding-right: 20px; */
}

/* .container-mesaje-el {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
} */

.container-mesaje-el-1 {
	height: 100%;
	width: 50%;
	background-color: greenyellow;
	display: flex;
	/* flex-direction: column; */
	/* align-items: center; */
	justify-content: center;
	gap: 0;
	background-image: linear-gradient(to bottom, #001f5ebb 0%, #001f5ebb 100%), url('../images/mesaj-bk-1.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 40px;
}

.container-mesaje-el-2 {
	height: 100%;
	width: 50%;
	background-color: green;
	display: flex;
	/* flex-direction: column; */
	/* align-items: center; */
	justify-content: center;
	gap: 0;
	background-image: linear-gradient(to bottom, #0153f7ce 0%, #0153f7ce 100%), url('../images/mesaj-bk-2.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 40px;
}

.container-mesaje-el-1-1 {
	height: 100%;
	width: 24%;
	/* background-color: brown; */
}

.container-mesaje-el-1-2 {
	height: 100%;
	width: 800px;
	/* background-color: green; */
	display: flex;
	/* align-items: center; */
	justify-content: center;
	flex-direction: column;
	gap: 0;
}

.container-mesaje-el-1-3 {
	height: 100%;
	width: 800px;
	/* background-color: green; */
	display: flex;
	/* align-items: center; */
	justify-content: center;
	flex-direction: column;
	gap: 0;
}

.container-mesaje-el-1-4 {
	height: 100%;
	width: 24%;
	/* background-color: brown; */
}

.container-mesaje-el-1-2-p-asp {
	color: #fff;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 14px;
}

.container-mesaje-el-1-2-p-asp2 {
	font-size: 26px;
	margin-top: 0;
	margin-bottom: 0px;
	color: #fff;
	font-weight: 600;
}

.container-mesaje-el-1-2-a-asp {
	text-decoration: none;
	color: #fff;
	width: 180px;
	height: 40px;
	background-color: #0154f7;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	border-radius: 30px;
	font-size: 14px;
	margin-top: 20px;
	transition: 0.3s;
}

.container-mesaje-el-1-2-a-asp:hover {
	background-color: #2169fa;
}

.container-mesaje-el-1-2-a-asp2 {
	text-decoration: none;
	color: #0154f7;
	width: 180px;
	height: 40px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	border-radius: 30px;
	font-size: 14px;
	margin-top: 20px;
	transition: 0.3s;
}

.container-mesaje-el-1-2-a-asp2:hover {
	background-color: #b4cdff;
}

.spatiere-mica {
	margin-left: 40px;
}

.spatiere-sus {
	margin-top: 40px;
}

/*  */

.container-port-t {
  height: 700px;
  /* background-color: brown; */
  padding-top: 40px;
}

.container-port {
  height: 100%;
  max-width: 1440px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
  /* display: flex; */
  /* flex-direction: column; */
  /* align-items: center; */
  /* justify-content: center; */
}

.container-port-el {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* 6 coloane */
  grid-template-rows: repeat(6, 1fr); /* 4 rânduri */
  gap: 20px; /* spațiul între imagini */
  align-items: stretch;
}

.item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* Aici ajustezi dimensiunea fiecărui item */
.item1 {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
  /* background-color: green; */
  background-image: url('../images/poze-grid/img-1.jpg');
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 30px;
/*   border-top: 2px solid #0154f7;
  border-left: 2px solid #0154f7; */
}

.item2 {
  grid-column: 3 / 5;
  grid-row: 1 / 5;
  /* background-color: green; */
  background-image: url('../images/poze-grid/img-6.jpg');
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
/*   border-top: 2px solid #0154f7; */
}

.item3 {
  grid-column: 5 / 7;
  grid-row: 1 / 3;
 /*  background-color: green; */
  background-image: url('../images/poze-grid/img-2.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 30px;
/*   border-top: 2px solid #0154f7;
  border-right: 2px solid #0154f7; */
}

.item4 {
  grid-column: 1 / 3;
  grid-row: 3 / 7;
  /* background-color: green; */
  background-image: url('../images/poze-grid/img-5.jpg');
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-left-radius: 30px;
  /* border-left: 2px solid #0154f7; */
/*   border-bottom: 2px solid #0154f7; */
}

.item5 {
  grid-column: 3 / 5;
  grid-row: 5 / 7;
  /* background-color: green; */
  background-image: url('../images/mesaj-bk-1.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
/*   border-bottom: 2px solid #0154f7; */
}

.item6 {
  grid-column: 5 / 7;
  grid-row: 3 / 7;
  /* background-color: pink; */
  background-image: url('../images/poze-grid/img-4.jpg');
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 30px;
/*   border-bottom: 2px solid #0154f7;
  border-right: 2px solid #0154f7; */
}

/*  */

/* Aici ajustezi dimensiunea fiecărui item */
.item7 {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-pers-avioane/37641048_10155752451572654_6083206620798517248_n.jpg');
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 30px;
/*   border-top: 2px solid #0154f7;
  border-left: 2px solid #0154f7; */
}

.item8 {
  grid-column: 3 / 5;
  grid-row: 1 / 5;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-pers-avioane/37749359_10155964996451443_2399969188895522816_n.jpg');
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
/*   border-top: 2px solid #0154f7; */
}

.item9 {
  grid-column: 5 / 7;
  grid-row: 1 / 3;
 /*  background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-pers-avioane/Blue\ Air\ 10ani.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 30px;
/*   border-top: 2px solid #0154f7;
  border-right: 2px solid #0154f7; */
}

.item10 {
  grid-column: 1 / 3;
  grid-row: 3 / 7;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-pers-avioane/Deriva\ \ logo\ TUI.jpg');
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-left-radius: 30px;
  /* border-left: 2px solid #0154f7; */
/*   border-bottom: 2px solid #0154f7; */
}

.item11 {
  grid-column: 3 / 5;
  grid-row: 5 / 7;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-pers-avioane/Fuselaj\ Liverpool\ 1.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
/*   border-bottom: 2px solid #0154f7; */
}

.item12 {
  grid-column: 5 / 7;
  grid-row: 3 / 7;
  /* background-color: pink; */
  background-image: url('../images/PORTOFOLIU/serv-pers-avioane/Fuselaj\ logo\ Express\ Airways.jpg');
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 30px;
/*   border-bottom: 2px solid #0154f7;
  border-right: 2px solid #0154f7; */
}

/*  */

/* Aici ajustezi dimensiunea fiecărui item */
.item13 {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-constr-standuri/IMG_1459.jpg');
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 30px;
/*   border-top: 2px solid #0154f7;
  border-left: 2px solid #0154f7; */
}

.item14 {
  grid-column: 3 / 5;
  grid-row: 1 / 5;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-constr-standuri/IMG_1463.jpg');
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
/*   border-top: 2px solid #0154f7; */
}

.item15 {
  grid-column: 5 / 7;
  grid-row: 1 / 3;
 /*  background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-constr-standuri/IMG_1468.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 30px;
/*   border-top: 2px solid #0154f7;
  border-right: 2px solid #0154f7; */
}

.item16 {
  grid-column: 1 / 3;
  grid-row: 3 / 7;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-constr-standuri/IMG_1994.jpg');
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-left-radius: 30px;
  /* border-left: 2px solid #0154f7; */
/*   border-bottom: 2px solid #0154f7; */
}

.item17 {
  grid-column: 3 / 5;
  grid-row: 5 / 7;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-constr-standuri/IMG_4308.JPG');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
/*   border-bottom: 2px solid #0154f7; */
}

.item18 {
  grid-column: 5 / 7;
  grid-row: 3 / 7;
  /* background-color: pink; */
  background-image: url('../images/PORTOFOLIU/serv-constr-standuri/IMG_4317.JPG');
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 30px;
/*   border-bottom: 2px solid #0154f7;
  border-right: 2px solid #0154f7; */
}

/*  */

/* Aici ajustezi dimensiunea fiecărui item */
.item-19 {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-prod-publ/IMG_0661.jpg');
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 30px;
/*   border-top: 2px solid #0154f7;
  border-left: 2px solid #0154f7; */
}

.item-20 {
  grid-column: 3 / 5;
  grid-row: 1 / 5;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-prod-publ/IMG_0693.jpg');
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
/*   border-top: 2px solid #0154f7; */
}

.item-21 {
  grid-column: 5 / 7;
  grid-row: 1 / 3;
 /*  background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-prod-publ/IMG_0695.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 30px;
/*   border-top: 2px solid #0154f7;
  border-right: 2px solid #0154f7; */
}

.item-22 {
  grid-column: 1 / 3;
  grid-row: 3 / 7;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-prod-publ/IMG_6184.JPG');
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-left-radius: 30px;
  /* border-left: 2px solid #0154f7; */
/*   border-bottom: 2px solid #0154f7; */
}

.item-23 {
  grid-column: 3 / 5;
  grid-row: 5 / 7;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-prod-publ/IMG_6416.JPG');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
/*   border-bottom: 2px solid #0154f7; */
}

.item-24 {
  grid-column: 5 / 7;
  grid-row: 3 / 7;
  /* background-color: pink; */
  background-image: url('../images/PORTOFOLIU/serv-prod-publ/IMG_7782.JPG');
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 30px;
/*   border-bottom: 2px solid #0154f7;
  border-right: 2px solid #0154f7; */
}

/*  */


/* Aici ajustezi dimensiunea fiecărui item */
.item-25 {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-sigle-lumin/IMG_0648.jpg');
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 30px;
/*   border-top: 2px solid #0154f7;
  border-left: 2px solid #0154f7; */
}

.item-26 {
  grid-column: 3 / 5;
  grid-row: 1 / 5;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-sigle-lumin/IMG_0650.jpg');
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
/*   border-top: 2px solid #0154f7; */
}

.item-27 {
  grid-column: 5 / 7;
  grid-row: 1 / 3;
 /*  background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-sigle-lumin/IMG_0651.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 30px;
/*   border-top: 2px solid #0154f7;
  border-right: 2px solid #0154f7; */
}

.item-28 {
  grid-column: 1 / 3;
  grid-row: 3 / 7;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-sigle-lumin/IMG_4367.JPG');
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-left-radius: 30px;
  /* border-left: 2px solid #0154f7; */
/*   border-bottom: 2px solid #0154f7; */
}

.item-29 {
  grid-column: 3 / 5;
  grid-row: 5 / 7;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-sigle-lumin/IMG_4379.JPG');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
/*   border-bottom: 2px solid #0154f7; */
}

.item-30 {
  grid-column: 5 / 7;
  grid-row: 3 / 7;
  /* background-color: pink; */
  background-image: url('../images/PORTOFOLIU/serv-sigle-lumin/IMG_9171.JPG');
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 30px;
/*   border-bottom: 2px solid #0154f7;
  border-right: 2px solid #0154f7; */
}

/*  */

/* Aici ajustezi dimensiunea fiecărui item */
.item-31 {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-alp-utilitar/IMG_0662.jpg');
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 30px;
/*   border-top: 2px solid #0154f7;
  border-left: 2px solid #0154f7; */
}

.item-32 {
  grid-column: 3 / 5;
  grid-row: 1 / 5;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-alp-utilitar/Deriva\ \ logo\ TUI.jpg');
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
/*   border-top: 2px solid #0154f7; */
}

.item-33 {
  grid-column: 5 / 7;
  grid-row: 1 / 3;
 /*  background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-alp-utilitar/Deriva\ BA.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 30px;
/*   border-top: 2px solid #0154f7;
  border-right: 2px solid #0154f7; */
}

.item-34 {
  grid-column: 1 / 3;
  grid-row: 3 / 7;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-alp-utilitar/IMG_0690.jpg');
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-left-radius: 30px;
  /* border-left: 2px solid #0154f7; */
/*   border-bottom: 2px solid #0154f7; */
}

.item-35 {
  grid-column: 3 / 5;
  grid-row: 5 / 7;
  /* background-color: green; */
  background-image: url('../images/PORTOFOLIU/serv-alp-utilitar/IMG_5352.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
/*   border-bottom: 2px solid #0154f7; */
}

.item-36 {
  grid-column: 5 / 7;
  grid-row: 3 / 7;
  /* background-color: pink; */
  background-image: url('../images/PORTOFOLIU/serv-alp-utilitar/IMG_6176.JPG');
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 30px;
/*   border-bottom: 2px solid #0154f7;
  border-right: 2px solid #0154f7; */
}

/*  */

.container-port-mob-t {
	display: none;
}

/*  */

.container-faq-gen-t {
	height: auto;
	/* background-color: brown; */
	margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.container-faq-gen {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-faq-gen-el {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.container-faq-gen-el-1 {
	height: 100%;
	width: 50%;
	/* background-color: green; */
	display: flex;
	flex-direction: column;
/* 	align-items: center; */
	/* justify-content: center; */
	gap: 0;
}

.container-faq-gen-el-2 {
	height: 100%;
	width: 50%;
/* 	background-color: green; */
	display: flex;
	flex-direction: column;
/* 	align-items: center; */
	/* justify-content: center; */
	gap: 0;
}

.container-faq-gen-el-1-h2-asp {
	margin-top: 0;
	margin-bottom: 0;
}

.container-faq-gen-el-1-p-asp {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 14px;
}

.container-faq-gen-el-1-h3-asp {
	margin-top: 0;
	margin-bottom: 6px;
	font-size: 14px;
}

/*  */

.faq-item {
  margin-bottom: 4px;
}

.faq-question {
  cursor: pointer;
  /* padding: 10px; */
  background-color: #fff;
  transition: background-color 0.4s;
  font-family: 'Poppins', sans-serif;
  color: #221e1d;
  outline: 0;
  border: 0;
  font-size: 14px;
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: start;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 1px solid #0000001c;
  border-left: 1px solid #0000001c;
  border-right: 1px solid #0000001c;
  text-align: start;
  font-weight: 500;
  user-select: none;
  /* box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06); */
}

.faq-question:hover {
  /* background-color: #bb0d16; */
  color: #000;
}

.faq-question.active {
  color: #0154f7; /* Schimbăm culoarea textului pentru întrebarea activă */
}

.faq-icon {
  margin-right: 8px;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out;
  padding: 0 22px; /* îndepărtăm padding-ul top și bottom */
  background-color: #fff;
  font-size: 14px;
  border-left: 1px solid #0000001c;
  border-bottom: 1px solid #0000001c;
  border-right: 1px solid #0000001c;
}

.faq-answer.active {
  /* padding: 10px; */ /* adăugăm padding-ul când este activ */
  max-height: 1000px; /* o valoare suficient de mare pentru a se adapta la conținut */
}

.faq-answer-p-asp {
	margin-top: 10px;
	margin-bottom: 8px;
	user-select: none;
}

/*  */

.container-satis-t {
	height: auto;
	background-color: brown;
	background-image: url('../images/background-satis.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
}

.container-satis {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-satis-el {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.container-satis-el-1 {
	height: 100%;
	width: 30%;
/* 	background-color: brown; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0;
}

.container-satis-el-2 {
	height: 100%;
	width: 30%;
/* 	background-color: brown; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0;
}

.container-satis-el-3 {
	height: 100%;
	width: 30%;
/* 	background-color: brown; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0;
}

.container-satis-el-figura {
	height: 100%;
	width: 8%;
/* 	background-color: brown; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0;
}

.container-satis-el-4-img-asp {
	width: 700px;
}

.container-satis-el-1-p-asp-1a {
	color: #fff;
	font-size: 40px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
}

.container-satis-el-1-p-asp-1b {
	color: #fff;
	font-size: 40px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
}

.container-satis-el-1-p-asp-1c {
	color: #fff;
	font-size: 40px;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
}

.container-satis-el-1-p-asp-2 {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 0;
}

.container-satis-el-1-p-asp-3 {
	color: #fff;
	font-size: 14px;
	/* font-weight: 600; */
	margin-top: 0;
	margin-bottom: 0;
}

.container-satis-el-figura-img-asp {
	user-select: none;
	pointer-events: none;
	animation: sus-jos 4s infinite;
}

@keyframes sus-jos {
  0%, 100% {
    transform: translateY(-5%);
  }
  25% {
    transform: translateY(5%);
  }
  50% {
    transform: translateY(-5%);
  }
  75% {
    transform: translateY(5%);
  }
}

/*  */

.container-recenzii-t {
	height: auto;
	/* background-color: yellow; */
	/* margin-top: 40px; */
}

.container-recenzii {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-recenzii-el {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*  */

.swiper {
	height: 100%;
}

/* Stiluri pentru paginarea normală */
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #000;
  opacity: 0.5;
}

/* Stiluri pentru pagina activă */
.swiper-pagination-bullet-active {
  width: 14px; /* Mai mare */
  height: 14px; /* Mai mare */
  opacity: 1;
  background: #007bff; /* Schimbă culoarea dacă dorești */
}

/* .swiper-slide {
	background-color: green;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
} */

.container-recenzie-div-asp {
	height: auto;
	width: 700px;
/* 	background-color: brown; */
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	padding-top: 60px;
	padding-bottom: 60px;
}

.container-recenzie-div-asp-1 {
	height: auto;
	width: 130px;
/* 	background-color: burlywood; */
	border-top: 4px solid #fff;
	display: flex;
	/* align-items: center; */
	justify-content: center;
	flex-direction: column;
	gap: 0;
/* 	padding-top: 60px;
	padding-bottom: 60px; */
}

.container-recenzie-div-asp-2 {
	height: auto;
	width: calc(100% - 130px);
/* 	background-color: bisque; */
	border-top: 4px solid #0154f7;
	display: flex;
	/* align-items: center; */
	justify-content: center;
	flex-direction: column;
	gap: 0;
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}

.container-recenzie-div-asp-1-img-asp {
	user-select: none;
	pointer-events: none;
	height: 120px;
	width: 120px;
}

.container-recenzie-div-asp-1-p-asp {
	margin-top: 6px;
	margin-bottom: 0;
	font-size: 14px;
	color: #ffc107;
}

.container-recenzie-div-asp-2-p-asp {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 500;
}

.container-recenzie-div-asp-2-p-asp-2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 14px;
	color: #0154f7;
}

.container-recenzie-div-asp-2-p-asp-3 {
	margin: 0;
	margin-bottom: 0;
	font-size: 14px;
}

.container-recenzie-div-asp-2-img-asp {
	user-select: none;
	pointer-events: none;
	height: 40px;
	width: 40px;
	position: absolute;
	right: 20px;
	top: 20px;
}

/*  */

.container-footer-t {
	height: 400px;
	background-color: brown;
	background-image: url('../images/footer-background.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 40px;
}

.container-footer {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-footer-el {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.container-footer-el-1 {
	height: 100%;
	width: 300px;
/* 	background-color: green; */
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 0;
}

.container-footer-el-2 {
	height: 100%;
	width: 40%;	
/* 	background-color: green; */
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* justify-content: center; */
}

.container-footer-el-3 {
	height: 100%;
	width: 40%;	
/* 	background-color: green; */
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* justify-content: center; */
}

.container-footer-el-1-img-asp {
	height: 60px;
	width: 200px;
	user-select: none;
	pointer-events: none;
}

.container-footer-el-2-a-asp {
	text-decoration: none;
	color: #fff;
	transition: 0.3s;
	/* width: 90%; */
	/* margin-bottom: 6px; */
}

.container-footer-el-2-a-asp:hover {
	color: #6498ff;
}

.container-footer-el-2-a-div {
	width: 90%;
	margin-top: 0;
	margin-bottom: 6px;
	font-size: 16px;
}

.container-footer-el-3-p-asp {
	width: 90%;
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 14px;
}

.container-footer-el-2-titlu-asp {
	color: #0154f7;
	font-size: 20px;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 30px;
}

.container-pre-nav-el-1-a-asp {
	text-decoration: none;
}

/*  */

.container-header-el-1-div-asp {
	display: flex;
	align-items: center;
	gap: 10px;
	/* justify-content: center; */
}

.container-header-el-1-div-asp-p-asp {
	margin-top: 0;
	margin-bottom: 0;
	color: #0154f7;
	font-weight: 600;
}

.container-header-el-1-div-asp-p-asp2 {
	margin-top: 0;
	margin-bottom: 0;
	/* color: #0154f7; */
	/* font-weight: 600; */
	color: #221e1d;
}

.container-header-el-1-div-asp-a-asp {
	margin-top: 0;
	margin-bottom: 0;
	text-decoration: none;
	color: #221e1d;
}

/*  */

.loader-cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.loader-cover::before {
  content: '';
  border: 10px solid #f3f3f3;
  border-top: 10px solid #0154f7;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loader-cover-img-asp {
	height: 70px;
	width: 220px;
	pointer-events: none;
	user-select: none;
	margin-top: 50px;
}

.no-scroll {
    overflow: hidden;
}

/*  */

.container-princ-despre-t {
	height: auto;
/* 	background-color: brown; */
}

.container-princ-despre {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-princ-despre-el {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.container-princ-despre-el-1 {
	height: 100%;
	width: 50%;
/* 	background-color: green; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	padding-bottom: 40px;
	padding-top: 40px;
	gap: 0;
}

.container-princ-despre-el-2 {
	height: 100%;
	width: 50%;
/* 	background-color: green; */
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	justify-content: center;
	gap: 0;
}

.container-princ-despre-el-1-img-asp {
	user-select: none;
	pointer-events: none;
	height: 400px;
	width: 600px;
	/* position: absolute; */
}

.container-princ-despre-el-1-img-asp2 {
	user-select: none;
	pointer-events: none;
	height: 250px;
	width: 350px;
	position: absolute;
	bottom: 0;
	right: 20px;
}

@keyframes vertical-move {
  0%, 100% {
    transform: translateY(-10px);
  }
  50% {
    transform: translateY(10px);
  }
}

.container-princ-despre-el-1-img-asp2 {
  user-select: none;
  pointer-events: none;
  height: 250px;
  width: 350px;
  position: absolute;
  bottom: 0;
  right: 20px;
  animation: vertical-move 5s ease-in-out infinite; /* Ajustează durata după preferințe */
}


.container-princ-despre-el-2-pretitlu-asp {
	margin-top: 0;
	margin-bottom: 20px;
	color: #0154f7;
	font-size: 14px;
	font-weight: 500;
}

.container-princ-despre-el-2-titlu-asp {
	margin-top: 0;
	margin-bottom: 10px;
}

.container-princ-despre-el-2-descriere-asp {
	margin-top: 0;
	margin-bottom: 16px;
	font-size: 14px;
}

.container-princ-despre-el-2-subtitlu-asp {
	margin-top: 0;
	margin-bottom: 10px;
	font-weight: 500;
}

.container-princ-despre-el-2-subdescriere-asp {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 14px;
}

.container-princ-despre-el-2-p-asp {
	margin-top: 0;
	margin-bottom: 6px;
	font-size: 14px;
}

/*  */

.container-optiuni-t {
	height: auto;
/* 	background-color: brown; */
}

.container-optiuni {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-optiuni-el {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	gap: 10px;
}

.container-optiuni-el-1 {
	height: 300px;
	width: 25%;
/* 	background-color: brown; */
	display: flex;
	flex-direction: column;
	align-items: center;
/* 	justify-content: center; */
	text-align: center;
/* 	padding-top: 80px;
	padding-bottom: 80px; */
	gap: 0;
}

.container-optiuni-el-2 {
	height: 300px;
	width: 25%;
/* 	background-color: brown; */
	display: flex;
	flex-direction: column;
	align-items: center;
/* 	justify-content: center; */
	text-align: center;
/* 	padding-top: 80px;
	padding-bottom: 80px; */
	gap: 0;
}

.container-optiuni-el-3 {
	height: 300px;
	width: 25%;
/* 	background-color: brown; */
	display: flex;
	flex-direction: column;
	align-items: center;
/* 	justify-content: center; */
	text-align: center;
/* 	padding-top: 80px;
	padding-bottom: 80px; */
	gap: 0;
}

.container-optiuni-el-1-img-div-asp {
	background-color: #fff;
	height: 120px;
	width: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	border: 2px solid #0154f7;
}

.container-optiuni-el-1-img-asp {
	user-select: none;
	pointer-events: none;
	height: 64px;
	width: 64px;
}

.container-optiuni-el-1-h2-asp {
	font-size: 22px;
	margin-top: 30px;
	margin-bottom: 16px;
/* 	color: #fff; */
}

.container-optiuni-el-1-p-asp {
	font-size: 14px;
	width: 98%;
	margin-top: 0;
	margin-bottom: 0;
/* 	color: #fff; */
}

/*  */

.container-ramura-1-t {
	height: auto;
	/* background-color: green; */
	margin-top: 40px;
}

.container-ramura-1 {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-ramura-1-el {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.container-ramura-1-el-1 {
	height: 100%;
	width: 50%;
	/* background-color: brown; */
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	/* justify-content: center; */
	gap: 0;
}

.container-ramura-1-el-2 {
	height: 100%;
	width: 50%;
	/* background-color: brown; */
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	/* justify-content: center; */
	gap: 0;
}

.container-ramura-1-el-1-h2-asp {
	margin-top: 0;
	margin-bottom: 10px;
	color: #0154f7;
}

.container-ramura-1-el-1-p-asp {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
}

.culoare-inchis {
	color: #221e1d;
}

/*  */

.container-faq-titlu-t {
	height: auto;
	margin-top: 50px;
/* 	background-color: brown; */
}

.container-faq-titlu {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-faq-titlu-el {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 0;
}

.container-faq-titlu-el-h2-asp {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 20px;
}

.container-faq-titlu-el-h3-asp {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 26px;
	color: #0154f7;
}

.container-faq-titlu-el-img-asp {
	height: 50px;
	width: 50px;
	pointer-events: none;
	user-select: none;
	margin-bottom: 10px;
}

/*  */

.container-faq-t {
	height: auto;
	margin-top: 40px;
/* 	background-color: brown; */
}

.container-faq {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-faq-el {
	height: 100%;
	display: flex;
/* 	align-items: center;
	justify-content: center; */
	flex-direction: column;
	gap: 0;
}

/*  */

.container-blog-t {
	height: auto;
/* 	background-color: brown; */
}

.container-blog {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-blog-el {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
/* 	flex-direction: column; */
	gap: 10px;
}

.container-blog-el-1 {
	height: 500px;
	width: 400px;
/* 	background-color: lime; */
	display: flex;
	flex-direction: column;
}

.container-logo-el-1-img-asp {
	height: 50%;
	pointer-events: none;
	user-select: none;
}

.container-blog-el-1-p-asp-1 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
}

.container-blog-el-1-p-asp-2 {
	margin-top: 0;
	margin-bottom: 10px;
	color: #0154f7;
}

.container-blog-el-1-p-asp-3 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 14px;
}

.container-blog-el-1-a-asp {
	text-decoration: none;
	width: 150px;
	height: 30px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	font-size: 14px;
	background-color: #0154f7;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s;
}

.container-blog-el-1-a-asp:hover {
	background-color: #2169fa;
}

/*  */

.container-articol-t {
	height: auto;
/* 	background-color: brown; */
}

.container-articol {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-articol-el {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.container-articol-el-img-asp {
	height: 400px;
	width: 600px;
	user-select: none;
	pointer-events: none;
	margin-bottom: 40px;
}

.container-articol-el-div {
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.container-articol-el-div-p-asp {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 14px;
}

/*  */

.container-spatiu-contact-t {
	height: auto;
	margin-top: 40px;
/* 	background-color: brown; */
}

.container-spatiu-contact {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-spatiu-contact-el {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.container-spatiu-contact-el-1 {
	height: 100%;
	width: 50%;
/* 	background-color: limegreen; */
	display: flex;
	flex-direction: column;
/* 	align-items: center; */
	justify-content: center;
	gap: 0;
}

.container-spatiu-contact-el-2 {
	height: 100%;
	width: 50%;
/* 	background-color: limegreen; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0;
	padding-bottom: 30px;
	padding-top: 30px;
}

.container-spatiu-contact-el-1-h2-asp {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.container-spatiu-contact-el-1-p-asp {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
}

.container-spatiu-contact-el-2-form-asp {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 0;
}

.container-spatiu-contact-p-asp {
	width: 90%;
	margin-top: -10px;
	margin-bottom: -20px;
}

.container-spatiu-contact-input-asp {
	width: 90%;
	margin-top: 0;
	margin-bottom: 0;
	outline: 0;
	border: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: #221e1d;
	border-bottom: 2px solid #0154f7;
	background-color: #ffffff00;
	border-radius: 0;
}

.container-spatiu-contact-input-asp2 {
	width: 90%;
	min-height: 100px;
	margin-top: 0;
	margin-bottom: 0;
	outline: 0;
	border: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: #221e1d;
	border-bottom: 2px solid #0154f7;
	background-color: #ffffff00;
	resize: vertical;
	border-radius: 0;
}

.container-spatiu-contact-input-asp2::-webkit-scrollbar {
    width: 12px; /* Lățimea scrollbar-ului */
}

.container-spatiu-contact-input-asp2::-webkit-scrollbar-track {
    background: #86aeff00; /* Culoarea de fundal a track-ului scrollbar-ului */
}

.container-spatiu-contact-input-asp2::-webkit-scrollbar-thumb {
    background: #003bb1; /* Culoarea scrollbar-ului propriu-zis */
	border-radius: 30px;
}

.container-spatiu-contact-input-asp2::-webkit-scrollbar-thumb:hover {
    background: #0154f7; /* Culoarea scrollbar-ului la hover */
}

.container-spatiu-contact-input-asp3 {
	width: 90%;
	margin-top: 0;
	margin-bottom: 0;
	outline: 0;
	border: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color: #221e1d;
	border-bottom: 2px solid #0154f7;
	background-color: #ffffff00;
	border-radius: 0;
}

.container-spatiu-contact-input-asp3::-webkit-scrollbar {
    width: 12px; /* Lățimea scrollbar-ului */
}

.container-spatiu-contact-input-asp3::-webkit-scrollbar-track {
    background: #86aeff00; /* Culoarea de fundal a track-ului scrollbar-ului */
}

.container-spatiu-contact-input-asp3::-webkit-scrollbar-thumb {
    background: #003bb1; /* Culoarea scrollbar-ului propriu-zis */
	border-radius: 30px;
}

.container-spatiu-contact-input-asp3::-webkit-scrollbar-thumb:hover {
    background: #0154f7; /* Culoarea scrollbar-ului la hover */
}

.contact-btn-asp-div {
	width: 90%;
	display: flex;
	justify-content: end;
}

.container-spatiu-contact-btn-asp {
	width: 200px;
	height: 36px;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	border: 0;
	outline: 0;
	background-color: #0154f7;
	color: #fff;
	transition: 0.3s;
	cursor: pointer;
}

.container-spatiu-contact-btn-asp:hover {
	background-color: #2169fa;
}

/*  */

.container-harta-contact-t {
	height: 400px;
/* 	background-color: brown; */
	position: relative;
	z-index: 2;
}

.container-harta-contact {
	height: 100%;
	max-width: 1440px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.container-harta-contact-el {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	background-color: limegreen;
}

/*  */

.buton-pulsatie {
    position: fixed;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
    bottom: 60px;
    left: 20px;
    background-color: #0154f7;
    color: white;
    border: none;
	height: 50px;
	width: 50px;
    /* padding: 15px 30px; */
	font-size: 20px;
    font-weight: bold;
    border-radius: 100%;
    cursor: pointer;
    outline: none;
    animation: pulsatie 2s infinite alternate;
    text-decoration: none; /* Adăugat pentru a elimina sublinierea */
}

@keyframes pulsatie {
    0% {
      /* transform: scale(1); */
      box-shadow: 0 0 0 0 rgba(1, 84, 247, 0.7);
    }
    100% {
      /* transform: scale(1.1); */
      box-shadow: 0 0 0 10px rgba(1, 84, 247, 0);
    }
}

















/* MEDIA QUERY */

@media screen and (max-width: 1300px) {
	.container-princ-despre-el-1-img-asp {
		user-select: none;
		pointer-events: none;
		height: 320px;
		width: 500px;
		/* position: absolute; */
	}
	
	.container-princ-despre-el-1-img-asp2 {
		user-select: none;
		pointer-events: none;
		height: 170px;
		width: 250px;
		position: absolute;
		bottom: 0;
		right: 20px;
	}

	/*  */

	.container-optiuni-el-1-h2-asp {
		font-size: 18px;
	}
}

@media screen and (max-width: 1200px) {
	.container-blog-el-1 {
		height: 500px;
		width: 350px;
	}

	.container-logo-el-1-img-asp {
		height: 40%;
	}
}

@media screen and (max-width: 1070px) {
	.container-princ-despre-el-1-img-asp {
		user-select: none;
		pointer-events: none;
		height: 220px;
		width: 350px;
		/* position: absolute; */
	}
	
	.container-princ-despre-el-1-img-asp2 {
		user-select: none;
		pointer-events: none;
		height: 170px;
		width: 250px;
		position: absolute;
		bottom: 0;
		right: 20px;
	}
}

@media screen and (max-width: 1000px) {
	.container-header-el-1-h2-asp {
		width: 100%;
	}

	/*  */

	.container-optiuni-el-1 {
		width: 33%;
	}

	.container-optiuni-el-2 {
		width: 33%;
	}

	.container-optiuni-el-3 {
		width: 33%;
	}

	/*  */

	.container-blog-el {
		flex-direction: column;
		gap: 40px;
	}
	
	.container-blog-el-1 {
		height: auto;
	}
}

@media screen and (max-width: 970px) {
	.container-satis-el-figura {
		display: none;
	}

	.container-satis-el-1 {
		width: 33%;
	}

	.container-satis-el-2 {
		width: 33%;
	}

	.container-satis-el-3 {
		width: 33%;
	}
}


@media screen and (max-width: 880px) {
	.container-mesaje-el-1 {
		display: none;
	}

	.container-mesaje-el-2 {
		width: 100%;
	}

	.container-mesaje-el-1-3 {
		width: 100%;
	}

	.container-mesaje-el-1-4 {
		display: none;
	}
}


@media screen and (max-width: 870px) {
	.container-nav-t {
		display: none;
	}

	.container-nav-tel-t {
		background-color: #fff;
		display: block;
		height: 80px;
		/* background-color: red; */
		position: sticky;
		z-index: 10;
		top: 0;
		box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);
	}

	.container-nav-tel {
		height: 100%;
		max-width: 1440px;
		margin: auto;
		padding-left: 20px;
		padding-right: 20px;
	}	

	.container-nav-tel-el {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
	}

	.container-nav-tel-el-1 {
		height: 100%;
		width: 40px;
	/* 	background-color: brown; */
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0;
	}

	.container-nav-tel-el-2 {
		height: 100%;
		width: calc(100% - 40px);
		/* background-color: brown; */
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0;
	}

	.container-nav-tel-el-1-btn-div {
		height: 40px;
		width: 40px;
		/* background-color: green; */
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0;
	}

	.container-nav-tel-el-2-img-asp {
		width: 200px;
		height: auto;
	}

	/*  */

	.container-nav-tel-desc-t {
		display: block;
		height: calc(100vh - 80px);
		background-color: #221e1d;
		top: 80px;
		position: sticky;
		z-index: 8;
		transform: translateX(-100%);
		transition: 0.5s ease;
	}

	.container-nav-tel-desc {
		height: 100%;
		max-width: 1440px;
		margin: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	.container-nav-tel-desc-el {
		height: 100%;
		display: flex;
		flex-direction: column;
		/* align-items: center; */
		/* justify-content: center; */
		gap: 0;
	}

	.container-nav-tel-desc-el-a-asp {
		margin-left: 12%;
		/* background-color: red; */
		text-decoration: none;
		color: #fff;
		margin-top: 30px;
		font-size: 20px;
		user-select: none;
		width: 200px;
	}

	.container-nav-tel-desc-el-a-asp2 {
		margin-left: 12%;
		/* background-color: red; */
		text-decoration: none;
		color: #fff;
		margin-top: 16px;
		font-size: 20px;
		margin-bottom: 0;
		user-select: none;
		/* background-color: red; */
		width: 200px;
	}

	.container-nav-tel-desc-el-a-asp3 {
		margin-left: 12%;
		/* background-color: red; */
		text-decoration: none;
		color: #fff;
		margin-top: 16px;
		font-size: 20px;
		margin-bottom: 0;
		user-select: none;
		/* background-color: red; */
		width: 200px;
	}

	.container-nav-tel-desc-el-a-asp4 {
		margin-left: 12%;
		text-decoration: none;
		color: #fff;
		margin-top: 16px;
		font-size: 20px;
		margin-bottom: 0;
		user-select: none;
		/* background-color: red; */
		width: 270px;
	}

	/*  */

	.container-nav-tel-serv-t {
		display: block;
		height: calc(100vh - 80px);
		margin-top: -90vh;
		background-color: #221e1d;
		top: 80px;
		position: sticky;
		z-index: 9;
		transform: translateX(-100%);
		transition: 0.5s ease;
	}

	.container-nav-tel-serv {
		height: 100%;
		max-width: 1440px;
		margin: auto;
		padding-left: 20px;
		padding-right: 20px;
	}	

	.container-nav-tel-serv-el {
		height: 100%;
		display: flex;
		flex-direction: column;
		/* align-items: center; */
		/* justify-content: center; */
		gap: 0;
	}

	.container-nav-tel-serv-el-btn-div {
		height: 50px;
		width: 100%;
		/* background-color: red; */
		display: flex;
		align-items: center;
		justify-content: end;
	}

	.container-nav-tel-serv-el-btn-x {
		height: 50px;
		width: 30px;
		/* background-color: brown; */
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 26px;
		color: #fff;
	}


	/*  */

	.container-header-t {
		margin-top: -100vh;
	}

	.container-header-t-2 {
		margin-top: -94vh;
	}

	.container-header-el-2 {
		display: none;
	}

	.container-header-el-1 {
		width: 100%;
	}
}

@media screen and (max-width: 850px) {
	.container-port-t {
		display: none;
	}

	/*  */

	.container-port-mob-t {
		display: block;
		height: auto;
		padding-top: 20px;
		/* background-color: brown; */
	}

	.container-port-mob {
		height: 100%;
		max-width: 1440px;
		margin: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	.container-port-mob-el {
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 10px;
	}

	.container-port-mob-el-img-asp {
		width: auto;
		height: 400px;
		user-select: none;
		pointer-events: none;
	}

	/*  */

	.container-faq-gen-el {
		flex-direction: column;
		gap: 10px;
	}

	.container-faq-gen-el-1 {
		width: 100%;
	}

	.container-faq-gen-el-2 {
		width: 100%;
	}
}

@media screen and (max-width: 800px) {
	.container-satis-el {
		flex-direction: column;
		gap: 40px;
	}	

	.container-satis-el-1 {
		width: 100%;
	}

	.container-satis-el-2 {
		width: 100%;
	}

	.container-satis-el-3 {
		width: 100%;
	}

	.container-satis-t {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	/*  */

	.container-optiuni-el {
		flex-direction: column;
		gap: 0;
	}

	.container-optiuni-el-1 {
		height: auto;
/* 		padding-top: 40px; */
		padding-bottom: 40px;
		width: 60%;
	}

	.container-optiuni-el-2 {
		height: auto;
/* 		padding-top: 40px; */
		padding-bottom: 40px;
		width: 60%;
	}

	.container-optiuni-el-3 {
		height: auto;
/* 		padding-top: 40px; */
		padding-bottom: 40px;
		width: 60%;
	}

	.container-optiuni-el-1-img-div-asp {
		height: 80px;
		width: 80px;
	}

	.container-optiuni-el-1-img-asp {
		height: 50px;
		width: 50px;
	}

	.container-optiuni-el-1-h2-asp {
		margin-top: 20px;
	}

	/*  */

	.container-ramura-1-el {
		flex-direction: column;
	}

	.container-ramura-1-el-1 {
		width: 100%;
	}

	.container-ramura-1-el-2 {
		width: 100%;
	}

	.container-ramura-1-el-1-h2-asp {
		font-size: 20px;
	}

	/*  */

	.container-spatiu-contact-el {
		flex-direction: column;
	}

	.container-spatiu-contact-el-1 {
		width: 100%;
	}

	.container-spatiu-contact-el-2 {
		width: 100%;
	}

	.container-spatiu-contact-input-asp {
		width: 100%;
	}

	.container-spatiu-contact-input-asp2 {
		width: 100%;
	}

	.container-spatiu-contact-input-asp3 {
		width: 100%;
	}

	.container-spatiu-contact-p-asp {
		width: 100%;
	}
}

@media screen and (max-width: 760px) {
	.container-alegeri-el {
		flex-direction: column;
		gap: 50px;
	}

	.container-alegeri-el-1 {
		width: 100%;
	}

	.container-alegeri-el-2 {
		width: 100%;
	}

	.container-alegeri-el-3 {
		width: 100%;
	}

	/*  */

	.container-footer-el {
		flex-direction: column;
	}

	.container-footer-t {
		height: auto;
		padding-top: 40px;
		padding-bottom: 20px;
	}

	.container-footer-el-1 {
		width: 100%;
	}

	.container-footer-el-2 {
		width: 100%;
	}

	.container-footer-el-3 {
		width: 100%;
	}

	.container-footer-el-2-titlu-asp {
		width: 90%;
	}

	/*  */

	.container-princ-despre-el {
		flex-direction: column;
		gap: 10px;
	}

	.container-princ-despre-el-1 {
		width: 100%;
	}

	.container-princ-despre-el-2 {
		width: 100%;
	}
}

@media screen and (max-width: 650px) {
	.container-port-mob-el-img-asp {
		width: auto;
		height: 300px;
		user-select: none;
		pointer-events: none;
	}

	/*  */

	.container-articol-el-img-asp {
		height: 250px;
		width: 400px;
		user-select: none;
		pointer-events: none;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 550px) {
	.container-header-el-1-h1-asp {
		font-size: 30px;
		margin-top: 0;
	}

	.container-header-el-1-h1-asp2 {
		font-size: 30px;
		margin-top: 0;
	}

	.container-header-el-1-h2-asp {
		font-size: 16px;
	}

	.contaienr-nav-el-3-a-asp2 {
		width: 150px;
		font-size: 14px;
	}

	/*  */

	.container-servicii-el-h3-asp {
		font-size: 16px;
	}

	.container-servicii-el-h2-asp {
		font-size: 30px;
	}

	/*  */

	.container-recenzie-div-asp {
		flex-direction: column-reverse;
	}

	.container-recenzie-div-asp-1 {
		width: 90%;
	}

	.container-recenzie-div-asp-2 {
		width: 90%;
	}

	/*  */

	.container-optiuni-el-1 {
		width: 100%;
	}

	.container-optiuni-el-2 {
		width: 100%;
	}

	.container-optiuni-el-3 {
		width: 100%;
	}
}

@media screen and (max-width: 500px) {
	.container-port-mob-el-img-asp {
		width: auto;
		height: 230px;
		user-select: none;
		pointer-events: none;
	}

	/*  */

	
	.container-pre-nav-el-2 {
		width: 30%;
	}

	.container-pre-nav-el-1 {
		width: 70%;
	}
}

@media screen and (max-width: 450px) {
	.container-articol-el-img-asp {
		height: 220px;
		width: 330px;
		user-select: none;
		pointer-events: none;
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 425px) {
	.container-header-el-1-h1-asp {
		font-size: 26px;
	}

	.container-header-el-1-h1-asp2 {
		font-size: 26px;
	}

	/*  */

	.container-servicii-el-h3-asp {
		font-size: 14px;
	}

	/*  */
	
	.spatiere-mica {
		margin-left: 20px;
	}

	/*  */
}