/* CSS GENERAL */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap");
/* CSS */

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;

}

/*general styles*/


.lightbox {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .5);
	z-index: 999;
}

.toolbarLB {
	text-align: right;
	padding: 3px;
}

.closeLB {
	color: red;
	cursor: pointer;
	font-size: 2em;
}

.lightbox .iframeContainer {
	vertical-align: middle;
	background: #ffffff;
	padding: 2px;
}

.lightbox.closed {
	display: none;
}






.video-container {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.video-container video {
	/* Make video to at least 100% wide and tall */
	min-width: 100%;
	min-height: 100%;

	/* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: auto;
	height: auto;

	/* Center the video */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
}

header .logo {
	top: 0;
	padding-left: 20px;
	padding-top: 10px;
	height: 100px;
	width: auto;
	z-index: 1;
	position: relative;
}

.button-22 {
	align-items: center;
	appearance: button;
	background-color: #d70504;
	border-radius: 8px;
	border-style: none;
	box-shadow: rgba(255, 255, 255, 0.26) 0 1px 2px inset;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	flex-shrink: 0;
	font-family: "RM Neue", sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
	padding: 10px 21px;
	text-align: center;
	text-transform: none;
	transition: color .13s ease-in-out, background .13s ease-in-out, opacity .13s ease-in-out, box-shadow .13s ease-in-out;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	margin-bottom: 20px;
	margin-right: 20px;
}

.button-22:active {
	background-color: #d70504;
}

.button-22:hover {
	background-color: #6b869b;
}

.link-albastru a {
	color: #6b869b !important;
	text-decoration: none;
}

.link-albastru a:hover {
	color: #0f131a !important;
}

:root {
	--shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
		0 1px 2px 0 rgba(0, 0, 0, 0.06);
	--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
		0 2px 4px -1px rgba(0, 0, 0, 0.06);
	--shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
		0 4px 6px -2px rgba(0, 0, 0, 0.05);
	--color: #c7232f;
	--color2: #161d27;
	--color2-dark: #0f131a;
}

*,
*::before,
*::after {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	list-style: none;
	list-style-type: none;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

html {
	scroll-behavior: smooth;
	height: -webkit-fill-available;
}

body {
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: #545454;
	background-color: #fff;
	transition: 0.35s;
}

body.darkmode {
	color: #fff;
	background-color: var(--color2-dark);
}

main {
	overflow: hidden;
}

a,
button {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: none;
	outline: none;
	background: none;
}

img,
video {
	display: block;
	max-width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
}

img {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: -moz-crisp-edges;
	image-rendering: crisp-edges;
}

@-webkit-keyframes slideLeft {
	0% {
		opacity: 0;
		transform: translateX(100%);
	}

	100% {
		opacity: 1;
		transform: translateX(0%);
	}
}

@keyframes slideLeft {
	0% {
		opacity: 0;
		transform: translateX(100%);
	}

	100% {
		opacity: 1;
		transform: translateX(0%);
	}
}

@-webkit-keyframes slideRight {
	0% {
		opacity: 1;
		transform: translateX(0%);
	}

	100% {
		opacity: 0;
		transform: translateX(100%);
	}
}

@keyframes slideRight {
	0% {
		opacity: 1;
		transform: translateX(0%);
	}

	100% {
		opacity: 0;
		transform: translateX(100%);
	}
}

.section {
	margin: 0 auto;
	padding: 6rem 0 2rem;
}

.switch {
	position: relative;
	display: block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-right: 10px;
}

.switch .switch__light,
.switch .switch__dark {
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: center;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease-in;
}

.switch .switch__light {
	font-size: 20px;
	visibility: visible;
	color: #000;
}

.darkmode .switch .switch__light {
	font-size: 0;
	visibility: hidden;
}

.switch .switch__dark {
	font-size: 0;
	visibility: hidden;
	color: #fff;
}

.darkmode .switch .switch__dark {
	font-size: 20px;
	visibility: visible;
}

.overlay {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(0, 0, 0, 0.7);
	transition: all 0.45s ease-in-out;
	pointer-events: none;
}

@media (max-width: 1193px) {
	.overlay {
		cursor: url("https://i.imgur.com/cPh9Zm5.png"), zoom-out;
		pointer-events: visible;
	}

	.overlay.is-active {
		opacity: 1;
		visibility: visible;
	}
}

/*begin about us*/
.aboutus {
	padding-top: 30px;
	/* min-height: 100vh; */
	display: flex;
	align-items: center;
	justify-content: center;
	/* 
    background-color: #f1f1f1; */
}

.about-section {
	background: url(../img/AdobeStock_2081248281.jpeg) no-repeat left;
	background-size: 65%;
	background-color: #fdfdfd;
	overflow: hidden;
	padding: 9em 0;
}

.about-section1 {
	background: url(n7.jpg) no-repeat left;
	background-size: 55%;
	background-color: #fdfdfd;
	overflow: hidden;
	padding: 100px 0;
}

.inner-container-us {
	width: 60%;
	float: right;
	background-color: #fdfdfd;
	padding: 0;
	border-bottom: 4px solid #6b869b;

}

.kiki2 {
	border-bottom: 4px solid #cee349;
	/* height: 70px; */
	content: '';
	padding: 50px;
}

.inner-container-us h1 {
	/* margin-bottom: 30px;
	font-size: 30px;
	font-weight: 900;
	 */
	font-size: 20px;
	text-align: center;
}

.inner-container-us p {
	text-indent: 25px;
}

.text-us {
	font-size: 13px;
	color: #545454;
	text-align: justify;
	text-indent: 25px;
	margin-bottom: 5px;
}

.skills {
	display: flex;
	justify-content: space-between;
	font-weight: 700;
	font-size: 13px;
}

.skills a {
	text-decoration: none;
	font-weight: bolder;
	color: #d70504;
}

.skills a:hover {
	color: #000000;
}

@media screen and (max-width:1200px) {
	.inner-container-us {
		/* padding: 80px; */
	}
}

@media screen and (max-width:1000px) {

	.about-section,
	.about-section1 {
		background-size: 100%;
		padding: 100px 40px;
	}

	.inner-container-us {
		width: 100%;
	}
}

@media screen and (max-width: 1102px) and (min-width: 1001px) {
	.skills {
		display: grid;
	}
}

@media screen and (max-width:738px) {
	.skills {
		display: grid;
	}
}

@media screen and (max-width:600px) {

	.about-section,
	.about-section1 {
		padding: 0;
	}

	.inner-container-us {
		/* padding: 30px; */
	}
}

/*end about us*/
.sase-casute {
	margin-top: 5em;
}

.wrapper {
	/* width: 100vw; */
	/* height: 50vh; */
	margin-top: 3em;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
}

.wrapper .container {
	width: 90%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}

.wrapper .container .card .imagine img {
	width: 70px;
	height: auto;
	margin: 0 auto;
}

.wrapper .container .card {
	width: 31%;
	background-color: #f3f3f3;
	/* 	padding: 0 20px; */
	border-radius: 0px 0px 5px 5px;
	padding-bottom: 45px;
	text-align: center;
	margin: 0 15px;
	min-height: 400px;
}

.wrapper .container .card p {
	color: #222222;
	margin-bottom: 10px;
}

.border-top-yellow {
	border-top: 10px solid #6b869b;
	color: #6b869b;
}

.kiki1 {
	border-top: 4px solid #cee349;
	/* height: 70px; */
	content: '';
	padding: 17px 18px 17px 20px;
}

.border-top-green {
	border-top: 10px solid #d70504;
	color: #d70504;
}

.border-top-blue {
	border-top: 10px solid #549EF2;
	color: #549EF2;
}

.wrapper .container .card .buton-23 {
	margin: 0 auto;
}

.wrapper .container .card .button-23 {
	align-items: center;
	appearance: button;
	background-color: #d70504;
	border-radius: 8px;
	border-style: none;
	box-shadow: rgba(255, 255, 255, 0.26) 0 1px 2px inset;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	/* display: flex;
	flex-direction: row; */
	/* flex-shrink: 0; */
	width: 120px;
	font-size: 100%;
	line-height: 1.15;
	margin: 0 auto;
	padding: 10px 21px;
	text-align: center;
	text-transform: none;
	transition: color .13s ease-in-out, background .13s ease-in-out, opacity .13s ease-in-out, box-shadow .13s ease-in-out;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}

.wrapper .container .card .button-23:active {
	background-color: #d70504;
}

.wrapper .container .card .button-23:hover {
	background-color: #6b869b;
}

.wrapper .container .card .button-23 a {
	text-decoration: none;
	color: white;
}

.button-24 {
	align-items: center;
	appearance: button;
	background-color: #d70504;
	border-radius: 8px;
	border-style: none;
	box-shadow: rgba(255, 255, 255, 0.26) 0 1px 2px inset;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	/* display: flex;
	flex-direction: row; */
	/* flex-shrink: 0; */

	font-size: 100%;
	line-height: 1.15;
	margin: 0 auto;
	padding: 10px 21px;
	text-align: center;
	text-transform: none;
	transition: color .13s ease-in-out, background .13s ease-in-out, opacity .13s ease-in-out, box-shadow .13s ease-in-out;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}

.button-24:active {
	background-color: #d70504;
}

.button-24:hover {
	background-color: #6b869b;
}

.button-24 a {
	text-decoration: none;
	color: white;
}

@media (max-width: 1088px) {
	.wrapper .container .card {
		min-height: 460px;
	}
}

@media (max-width: 902px) {
	.wrapper .container .card {
		min-height: 500px;
	}
}

@media (max-width: 768px) {
	.wrapper {
		height: auto;
	}

	.wrapper .container {
		flex-direction: column;
		height: auto;
	}

	.wrapper .container .card {
		width: 100%;
		margin: 25px 0;
		min-height: 350px;
	}

	.wrapper .container .card:last-child {
		margin-bottom: 25px;
	}
}

/* 
.bgimg-2 {
	position: relative;
	opacity: 0.70;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bgimg-2 {
	background-image: url("img/AdobeStock_208124828_Preview (1).jpeg");
	min-height: 600px;
}

.caption {
	position: absolute;
	left: 5em;
	top: 40%;
	text-align: center;
	color: #000;
}
.caption1 {
	position: absolute;
	left: 5em;
	top: 60%;
	text-align: center;
	color: #000;
}

.border {
	background-color: #ffffff;
	color: #2b2b2b;

	padding: 17px 0px;
	font-size: 20px;
	border-style: none none none solid;
	border-width: 4px;
	border-color:#d70504;
	border-radius:0px 10px 10px 0px;
}
.kiki {
	border-left: 4px solid #cee349;
	height: 70px;
	content: '';
	padding: 17px 18px 17px 0;
	
  }
.border .petru{
	padding: 17px 18px 17px 0;
}
 */
.containerbk {
	top: 50px;
	position: relative;
	font-family: Arial;

}

.containerbk img {
	height: 600px;
	opacity: 0.70;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.text-block {
	position: absolute;
	top: 7em;
	left: 20px;
	background-color: rgb(241, 240, 240);
	color: rgb(13, 13, 13);
	/* padding-left: 20px;
	padding-right: 20px; */
	border-style: none none none solid;
	border-width: 10px;
	border-color: #d70504;
	border-radius: 0px 10px 10px 0px;
}

.text-block1 {
	position: absolute;
	top: 15em;
	left: 20px;
	background-color: rgb(241, 240, 240);
	color: rgb(13, 13, 13);
	/* padding-left: 20px;
	padding-right: 20px; */
	border-style: none none none solid;
	border-width: 10px;
	border-color: #6b859a;
	border-radius: 0px 10px 10px 0px;
	max-width: 40%;
	text-indent: 25px;
}

.text-block2 {
	position: absolute;
	top: 7em;
	left: 20px;
	background-color: rgb(241, 240, 240);
	color: rgb(13, 13, 13);
	/* padding-left: 20px;
	padding-right: 20px; */
	border-style: none none none solid;
	border-width: 10px;
	border-color: #d70504;
	border-radius: 0px 10px 10px 0px;
}

.kiki {
	border-left: 4px solid #cee349;
	/* height: 70px; */
	content: '';
	padding: 17px 18px 17px 20px;

}

.ag-format-container {
	width: 80%;
	margin: 0 auto;
}

.ag-courses_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	padding: 50px 0;
}

.ag-courses_item {
	-ms-flex-preferred-size: calc(33.33333% - 30px);
	flex-basis: calc(33.33333% - 30px);

	margin: 0 15px 30px;

	overflow: hidden;

	border-radius: 28px;
}

.ag-courses-item_link {
	display: block;
	padding: 30px 20px;
	background-color: #ffffff;
	border: 1px solid black;
	overflow: hidden;

	position: relative;
}

.ag-courses-item_link:hover,
.ag-courses-item_link:hover .ag-courses-item_date {
	text-decoration: none;
	color: #ffffff;
}

.ag-courses-item_link:hover .ag-courses-item_bg {
	-webkit-transform: scale(10);
	-ms-transform: scale(10);
	transform: scale(10);
}

.ag-courses-item_title {
	min-height: 87px;
	margin: 0 0 25px;
	color: #0f131a;
	overflow: hidden;

	font-weight: bold;
	/* font-size: 30px; */


	z-index: 2;
	position: relative;
}

.ag-courses-item_title1:hover {
	color: #ffffff;
}

.ag-courses-item_date-box {
	font-size: 18px;
	color: #0f131a;

	z-index: 2;
	position: relative;
}

.ag-courses-item_date {
	font-weight: bold;
	color: #d70504;

	-webkit-transition: color .5s ease;
	-o-transition: color .5s ease;
	transition: color .5s ease
}

.ag-courses-item_bg {
	height: 128px;
	width: 128px;
	background-color: #d70504;

	z-index: 1;
	position: absolute;
	top: -75px;
	right: -75px;

	border-radius: 50%;

	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.ag-courses_item:nth-child(2n) .ag-courses-item_bg {
	background-color: #8c6d73;
}

.ag-courses_item:nth-child(3n) .ag-courses-item_bg {
	background-color: #6b869b;
}

.ag-courses_item:nth-child(4n) .ag-courses-item_bg {
	background-color: #dddbdc;
}

.ag-courses_item:nth-child(5n) .ag-courses-item_bg {
	background-color: #6b869b;
}

.ag-courses_item:nth-child(6n) .ag-courses-item_bg {
	background-color: #cee349;
}



@media only screen and (max-width: 980px) {
	.ag-courses_item {
		-ms-flex-preferred-size: calc(50% - 30px);
		flex-basis: calc(50% - 30px);
	}

	.ag-courses-item_title {
		font-size: 15px;
	}
}

@media only screen and (max-width: 977px) {
	.ag-format-container {
		width: 96%;
	}

}

@media only screen and (max-width: 639px) {
	.ag-courses_item {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}

	.ag-courses-item_title {
		min-height: 72px;
		line-height: 1;

		font-size: 17px;
	}

	.ag-courses-item_link {
		padding: 22px 40px;
	}

	.ag-courses-item_date-box {
		font-size: 16px;
	}
}

.in-jos {
	margin-top: 10em;
	margin-left: 5%;
	margin-right: 5%;
}

.in-jos1 {
	margin-top: 10em;
	margin-left: 15%;
	margin-right: 15%;
}

.in-jos h1,
.in-jos h3,
.in-jos h4 {
	text-align: center;
}

.in-jos1 h1 {
	text-align: center;
}

.in-jos p,
.in-jos1 p {
	text-indent: 25px;
	margin-top: 10px;
	text-align: justify;
}

.in-jos a,
.in-jos1 a {
	text-decoration: none;
	color: #c7232f;
	word-break: break-word;
}

.in-jos a:hover,
.in-jos1 a:hover {
	text-decoration: none;
	color: #151414;
}

.in-jos span,
.in-jos1 span {
	font-size: medium;
}

/* tabel float - stanga fara decontare; dreapta cu decontare cas */
.tabel-analize {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	/* Align columns to the left and right */
	margin: 0 5px;
	/* Adjust margin as needed */
}

.left-column,
.right-column {
	width: 50%;
	padding: 10px;
}

.td-width {
	width: 4.5rem;
}

@media only screen and (max-width: 1288px) {
	.tabel-analize {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		/* Align columns to the left and right */
		margin: 0 5px;
		/* Adjust margin as needed */
	}

	.left-column,
	.right-column {
		width: 100%;
	}
}



.tabel-colorat {
	font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 70%;
	margin: 2% 15% 0 15%;
}

.tabel-colorat td,
th {
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
}

.tabel-colorat td {
	/* padding: 4px; */
}

.tabel-colorat th {
	background-color: #24A610;
	color: white;
}

.tabel-colorat .rosu-th {
	background-color: #D4292C;
	color: white;

}

.tabel-colorat .rosu-tr {
	background-color: #FFF5F5;
	word-break: break-word;
}

.tabel-colorat .nu-rosu-tr {
	/* background-color: #FFF5F5; */
	word-break: break-word;
}

.tabel-colorat tr:nth-child(even) {
	background-color: #F5FFF5;
}

.tabel-colorat td a {
	text-decoration: none;
	color: black;
}

td:not(.sm) {
	word-break: break-word;
}

.div-class-center {
	width: 90%;
	margin: 2% 5%;
	text-align: justify;
}

.div-class-center p {
	text-indent: 30px;
}

.clasa-text-rosu a {
	color: #D4292C;
	text-decoration: none;
	font-weight: bolder;
}

.clasa-text-rosu a:hover {
	color: #4d5055;
}

.bg {
	display: inline-block;
	position: relative;

	padding: 0;
	min-height: 20em;
	width: 70%;
	margin: 2% 12% 0 15%;
}

.margin-top-bottom {
	padding: 40px 0;
}



.documente-info summary {
	font-size: 1rem;
	font-weight: 600;
	background: #6b869b;
	color: #fff;
	padding: 1rem;
	outline: none;
	border-radius: 0.25rem;
	text-align: left;
	cursor: pointer;
	position: relative;
	width: 100%;
	margin-bottom: 1em;
	/* margin: 0 5% 1rem 5%; */
}

.documente-info details[open] summary~* {
	animation: sweep1 .5s ease-in-out;
	width: 90%;
	margin: 0 5% 1rem 5%;
}

@keyframes sweep1 {
	0% {
		opacity: 0;
		margin-top: -10px
	}

	100% {
		opacity: 1;
		margin-top: 0px
	}
}

.documente-info details>summary::after {
	position: absolute;
	content: "+";
	right: 20px;
}

.documente-info details[open]>summary::after {
	position: absolute;
	content: "-";
	right: 20px;
}

.documente-info details>summary::-webkit-details-marker {
	display: none;
}

.documente-info p {
	text-indent: 0 !important;
}


.promotii .icon {
	display: flex;
	align-items: flex-start;
}

.promotii .icon svg {
	width: 2.188rem;
	margin-left: -0.188em;
}

.promotii h1 {
	font-size: 2.35rem;
	text-transform: capitalize;
	padding-bottom: 2rem;
	text-align: center;
}

@media screen and (min-width: 42.5rem) {
	.promotii h1 {
		font-size: 3rem;
		background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1418 125" fill="%23FFBB7B"><path d="M1412.29 72.17c-11.04-5.78-20.07-14.33-85.46-25.24-22.37-3.63-44.69-7.56-67.07-11.04-167.11-22.06-181.65-21.24-304.94-30.56C888.78 1.39 822.57 1.1 756.44 0c-46.63-.11-93.27 1.56-139.89 2.5C365.5 13.55 452.86 7.68 277.94 23.15 202.57 33.32 127.38 45.01 52.07 55.69c-11.23 2.41-22.63 4.17-33.71 7.22C6.1 66.33 5.64 66.19 3.89 67.79c-7.99 5.78-2.98 20.14 8.72 17.5 33.99-9.47 32.28-8.57 178.06-29.66 4.26 4.48 7.29 3.38 18.42 3.11 13.19-.32 26.38-.53 39.56-1.12 53.51-3.81 106.88-9.62 160.36-13.95 18.41-1.3 36.8-3.12 55.21-4.7 23.21-1.16 46.43-2.29 69.65-3.4 120.28-2.16 85.46-3.13 234.65-1.52 23.42.99 1.57-.18 125.72 6.9 96.61 8.88 200.92 27.94 295.42 46.12 40.87 7.91 116.67 23.2 156.31 36.78 3.81 1.05 8.28-.27 10.51-3.58 3.17-3.72 2.66-9.7-.78-13.13-3.25-3.12-8.14-3.44-12.18-5.08-17.89-5.85-44.19-12.09-63.67-16.56l26.16 3.28c23.02 3.13 46.28 3.92 69.34 6.75 10.8.96 25.43 1.81 34.34-4.39 2.26-1.54 4.86-2.75 6.21-5.27 2.76-4.59 1.13-11.06-3.59-13.68ZM925.4 23.77c37.64 1.4 153.99 10.85 196.64 14.94 45.95 5.51 91.89 11.03 137.76 17.19 24.25 4.77 74.13 11.21 101.72 18.14-11.87-1.15-23.77-1.97-35.65-3.06-133.46-15.9-266.8-33.02-400.47-47.21Z"></path></svg>');
		background-size: 17.5rem;
		background-repeat: no-repeat;
		background-position: 98% 3.375rem;
		padding-bottom: 3rem;
	}
}

.promotii section {
	display: grid;
	place-content: center;
	place-items: center;
	/*  min-height: 100vh;
  min-height: 100dvh; */
	padding: 4rem clamp(1rem, 5%, 3rem);
}

.promotii section>span {
	display: inline-block;
	margin-bottom: 0.938em;
	text-transform: uppercase;
	letter-spacing: 0.12rem;
	font-size: 0.8rem;
	background: #ffbb7b;
	color: #5c0404;
	font-weight: bold;
	padding: 10px 30px;
	border-radius: 50px;
}

.promotii .cards {
	margin-top: 3em;
	display: flex;
	gap: 10rem;
	flex-wrap: wrap;
	justify-content: center;
}

.promotii .card {
	width: 27vw;
	cursor: pointer;
}

.promotii .card ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 0.5rem;
}

.promotii .card__outer {
	background: #ebecee;
	position: relative;
	height: 30rem;
	border-radius: 0.625rem;
	display: flex;
	align-items: flex-end;
	padding: 1.25rem;
	transition: 0.3s ease-in-out;
}

.promotii .card__outer a {
	display: flex;
	align-items: center;
	text-decoration: none;
	/* text-transform: capitalize; */
	font-weight: bold;
}

.promotii .card__outer a svg {
	margin-left: 0.375em;
	width: 1.125rem;
}

.promotii .card__inner {
	background: #fff;
	position: absolute;
	bottom: 3.75rem;
	right: 1.25rem;
	width: 100%;
	height: 43em;
	border-radius: 0.625rem;
	padding: 1.875rem 2.188rem;
	display: flex;
	flex-direction: column;
	border: 1px solid #222222;
}

.promotii .card__inner .title {
	/* text-transform: capitalize; */
	font-weight: bold;
	font-size: 1rem;
	display: inline-block;
	margin-top: 0.313em;
	margin-bottom: 0.938em;
	text-align: center;
}

.promotii .card__inner .price {
	position: relative;
	display: inline-flex;
	align-items: flex-start;
}

.promotii .card__inner .price--number {
	font-size: 3rem;
	font-weight: 600;
}

.promotii .card__inner .price--number:after {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1.563rem;
	display: block;
	color: red;
	background: #f5f5f5;
	height: 0.125rem;
	width: 100%;
}

.promotii .card__inner .price--dolar {
	font-size: 0.9rem;
	margin-top: 0.4em;
	font-weight: 500;
}

.promotii .card.active .card__outer a {
	color: #fff;
}

.promotii .card:nth-child(1).active .card__inner svg {
	color: #6b869b;
}

.promotii .card:nth-child(1).active .card__outer {
	background: #6b869b;
	box-shadow: 5px 18px 13px rgba(107, 134, 155, 0.43);
}

.promotii .card:nth-child(2).active .card__inner svg {
	color: #d70504;
}

.promotii .card:nth-child(2).active .card__outer {
	background: #d70504;
	box-shadow: 5px 18px 13px rgba(215, 5, 4, 0.43);
}

.promotii .card:nth-child(3).active .card__inner svg {
	color: #6b869b;
}

.promotii .card:nth-child(3).active .card__outer {
	background: #6b869b;
	box-shadow: 5px 18px 13px rgba(107, 134, 155, 0.43);
}

.promotii .card:nth-child(4).active .card__outer {
	background: #d70504;
	box-shadow: 5px 18px 13px rgba(215, 5, 4, 0.43);
}

.promotii .card--purple .card__inner svg,
.promotii .card--purple .card__inner .title,
.promotii .card--purple .card__outer a {
	color: #6b869b;
}

.promotii .card--blue .card__inner svg,
.promotii .card--blue .card__inner .title,
.promotii .card--blue .card__outer a {
	color: #8c6d73;
}

.promotii .card--red .card__outer {
	height: 33rem;
}

.promotii .card--purple .card__outer {
	height: 33rem;
}

.promotii .card--blue .card__outer {
	height: 33rem;
}

.promotii .card--green .card__outer {
	height: 33rem;
}

.promotii .card--red .card__inner svg,
.promotii .card--red .card__inner .title,
.promotii .card--red .card__outer a {
	color: #d70504;
}

.promotii .card--green .card__inner svg,
.promotii .card--green .card__inner .title,
.promotii .card--green .card__outer a {
	color: #dddbdc;
}

.logo p {
	font-size: 2em;
	color: #d70504;
	text-shadow: 1px 1px #ffffff;
}

.stg-drp {
	content: "";
	display: table;
	clear: both;
}

.stanga {

	width: 45%;
	float: left;
	margin: 0 5% 0 0;
}

.dreapta {
	width: 50%;
	margin: 0;
	float: left;
}

.dreapta img {
	width: 95%;
	height: auto;
	margin: 1% 2.5%;
	object-fit: cover;
}

.text-in-jos {
	margin-top: 1em
}

@media screen and (max-width: 1288px) {
	.dreapta {
		width: 100%;
	}
}

@media screen and (max-width: 782px) {

	.tabel-colorat,
	.bg {
		width: 90%;
		margin: 2% 5% 0 5%;
	}

}

.linear {
	height: 100px;
	/* line-height: 100px; */
	align-content: center;
	color: white;
	text-align: center;
	background-color: red;
	/* For browsers that do not support gradients */
	background-image: linear-gradient(#2d83d3, #ffffff);
	text-shadow: 1px 1px black;
}

.linear1 {
	height: 100px;
	/* line-height: 100px; */
	align-content: center;
	color: rgb(255, 255, 255);
	text-align: center;
	background-color: red;
	/* For browsers that do not support gradients */
	background-image: linear-gradient(#adadad, #ffffff);
	text-shadow: 1px 1px rgb(0, 0, 0);
}

.linear2 {
	height: 100px;
	/* line-height: 100px; */
	align-content: center;
	color: rgb(255, 255, 255);
	text-align: center;
	background-color: red;
	/* For browsers that do not support gradients */
	background-image: linear-gradient(#c1808d, #ffffff);
	text-shadow: 1px 1px rgb(0, 0, 0);
}

.linear3 {
	height: 100px;
	/* line-height: 100px; */
	align-content: center;
	color: white;
	text-align: center;
	background-color: red;
	/* For browsers that do not support gradients */
	background-image: linear-gradient(#787041, #ffffff);
	text-shadow: 1px 1px rgb(23, 23, 23);
}

.linear4 {
	height: 100px;
	/* line-height: 100px; */
	align-content: center;
	align-content: center;
	color: rgb(255, 255, 255);
	text-align: center;
	background-color: red;
	/* For browsers that do not support gradients */
	background-image: linear-gradient(#919ea6, #ffffff);
	text-shadow: 1px 1px rgb(19, 19, 19);
}

.linear8 {
	height: 100px;
	/* line-height: 100px; */
	align-content: center;
	color: #ffffff;
	text-align: center;
	background-color: red;
	/* For browsers that do not support gradients */
	background-image: linear-gradient(#d70504, #ffffff);
	text-shadow: 1px 1px rgb(46, 46, 46);
}

.linear5 {
	height: 100px;
	/* line-height: 100px; */
	align-content: center;
	color: white;
	text-align: center;
	background-color: red;
	/* For browsers that do not support gradients */
	background-image: linear-gradient(#d64e4e, #ffffff);
	text-shadow: 1px 1px rgb(9, 9, 9);
}

.linear6 {
	height: 100px;
	/* line-height: 100px; */
	align-content: center;
	color: white;
	text-align: center;
	background-color: red;
	/* For browsers that do not support gradients */
	background-image: linear-gradient(#9ab5e2, #ffffff);
	text-shadow: 1px 1px rgb(9, 9, 9);
}

.linear7 {
	height: 100px;
	/* line-height: 100px; */
	align-content: center;
	color: white;
	text-align: center;
	background-color: red;
	/* For browsers that do not support gradients */
	background-image: linear-gradient(#6b869b, #ffffff);
	text-shadow: 1px 1px rgb(9, 9, 9);
}

.linear h1,
.linear1 h1 {

	line-height: 1.5;
	display: inline-block;
	vertical-align: middle;

}

.rosu-meniu a {
	color: #d70504 !important;
	text-decoration: none;
}

.rosu-meniu a:hover {
	color: #9ab5e2 !important;
	text-decoration: none;
}

.in-jos .albastru a {
	color: #006dd6 !important;
	text-decoration: none;
}

.in-jos .albastru a:hover {
	color: #1e1e1e !important;

}

.albastru a {
	color: #006dd6 !important;
	text-decoration: none;
}

.albastru a:hover {
	color: #1e1e1e !important;

}

.bgimg-7,
.bgimg-6 {
	position: relative;
	opacity: 0.70;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


.bgimg-7 {
	background-image: url("../img/AdobeStock_96254713.jpeg");
	min-height: 300px;
	margin-top: 5em;
}

.bgimg-6 {
	background-image: url("../img/AdobeStock_194483477.jpeg");
	min-height: 120px;
}

.caption {
	position: absolute;
	left: 0;
	top: 45%;
	width: 100%;
	text-align: center;
	color: #000;
}

.border {
	background-color: #111;
	color: #fff;
	padding: 18px;
	font-size: 20px;
	/* letter-spacing: 15px; */
	/*  border: 5px solid white; */
}

.bg-transparent {
	background-color: rgba(0, 0, 0, .5);
	font-size: 25px;
	color: #f7f7f7;
	/* text-shadow: 2px 2px #000000; */
}

@media only screen and (max-device-width:1024px) {
	.border {
		border: none;
		color: #000;
	}

	.bg-dark,
	.bg-light {
		padding: 20px 30px;
	}

	.caption span {
		background-color: transparent;
	}

	.bg-transparent {
		color: #000;
	}
}

/* Media query
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {}

/* 
	##Device = Laptops, Desktops
	##Screen = B/w 1025px to 1280px
  */

@media (min-width: 1025px) and (max-width: 1280px) {
	.text-block1 {
		max-width: 60%;
	}
}

/* 
	##Device = Tablets, Ipads (portrait)
	##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) {
	.text-block1 {
		max-width: 75%;
	}
}

/* 
	##Device = Tablets, Ipads (landscape)
	##Screen = B/w 768px to 1024px
  */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	.text-block1 {
		max-width: 75%;
	}
}

@media (max-width: 981px) {

	.in-jos,
	.in-jos1 {
		margin-top: 5em;
	}

	.promotii .card {
		width: 70vw;
	}
}

/* 
	##Device = Low Resolution Tablets, Mobiles (Landscape)
	##Screen = B/w 481px to 767px
  */

@media (min-width: 481px) and (max-width: 767px) {
	.text-block1 {
		max-width: 85%;
	}
}

/* 
	##Device = Most of the Smartphones Mobiles (Portrait)
	##Screen = B/w 320px to 479px
  */

@media (max-width: 480px) {
	.text-block1 {
		max-width: 90%;
	}

	.containerbk img {
		height: 700px;
	}

}

.sm {
	width: 10px !important;
	max-height: 10px !important;
}

.laborator-form {
	border: 1px solid rgb(168, 162, 162);
	width: 55%;
	margin: 4% 15% 3% 15%;
	padding: 3%;
	border-radius: 5px;

}

.flexed-row {
	display: flex;
	justify-content: space-around;
}

.intrebare {
	margin-bottom: 1%;
	text-align: left;
}

.intrebare h3 {
	margin-bottom: 1.5%;
	text-align: left;
	margin-left: 3.8%;
}

.reclamatii {
	margin-right: 4%;
}

.blink {
	animation: blinkMe 2s linear infinite;
	font-size: 1.3rem;
	margin-bottom: 1%;

}

@keyframes blinkMe {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.g-recaptcha {
	/* margin-left: 513px; */
	margin-top: 2%;
}