* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
	}
header {
	display: flex;
	justify-content: space-between;
	background-color: rgba(45,56,93,1);
	color: #fff;
	overflow: visible;
	width: auto;
	height: 65px;
	position: sticky;
	top: 0;
	z-index: 100;
	}
	
h1 {
	white-space: nowrap;
	text-align: left;
	font-family: 'Raleway-Bold';
	font-style: normal;
	font-weight: bold;
	font-size: 35px;
	color: rgba(45,56,93,1);
	letter-spacing: -0.35px;
}
h2 {
	/* white-space: nowrap; */
	line-height: 42px;
	text-align: left;
	font-family: 'Raleway-Bold';
	font-style: normal;
	font-weight: bold;
	font-size: 22px;
	color: rgba(45,56,93,1);
	letter-spacing: -0.35px;
}
p {
	overflow: visible;
	/* white-space: nowrap; */
	line-height: 26px;
	text-align: left;
	font-family: 'Raleway-Medium';
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: rgba(45,56,93,1);
	letter-spacing: -0.35px;
}
a {
	text-decoration: none;
	color: rgba(45,56,93,1);
}
@font-face {
    font-family: 'Raleway-Bold';
    src: url('../fonts/Raleway2.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('../fonts/Raleway3.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway-Medium';
    src: url('../fonts/Raleway-Medium.ttf') format('opentype');
    font-weight: medium;
    font-style: normal;
}
#background {
	background-image: url("/img/bk.png") ;
}
#logo {
	position: relative;
	width: 138px;
	height: 36.428px;
	margin-left: 140px;
	margin-top: 16.572px;
	overflow: visible;
	}
.menu ul {
	list-style-type: none;
	overflow: visible;
	white-space: nowrap;
	text-align: left;
	font-family: 'Raleway-Bold';
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	color: rgba(255,255,255,1);
	margin: 0;
	padding: 0;
	display: flex;
	margin-top: 25px;
}

.menu ul li {
  margin-left: 25px;
}
.menu ul li:last-child {
  margin-right: 140px;
  /* margin-left: 100px; */
}

.menu ul li a {
  color: #fff;
  text-decoration: none;
}

.menu li {
	/* Your existing styles for the list items */
	position: relative;
}
.menu .dropdown .submenu {
display: none;
position: absolute;
top: 0px;
left: 0px;
background-color: #D9B165;
padding: 0;
list-style: none;
width: 180px;
}

.dropdown {
	height: 50px;
	margin-right: 14px;
}

.menu .dropdown:hover .submenu {
display: block;
}

.menu .dropdown .submenu li a {
display: block;
color: #fff;
text-decoration: none;
}
.submenu li:hover {
	background-color:#2D385D;
}
.submenu li {
	margin: 0px !important;
	padding: 10px;
}

.menu .dropdown > a::after {
	content: "";
	border-width: 7px 5px 0;
	border-style: solid;
	border-color: #ffffff transparent transparent;
	position: absolute;
	top: 10px;
	right: -14px;
	transform: translateY(-50%);
	pointer-events: none;
}

#button-close {
	display: none;
}
.modal {
	display: none;
}

.left-text p {
	white-space: nowrap;
}
.content_card.thankyou {
	margin-top: 100px;
	text-align: center;
	min-height: 600px ;
}
.video-container {
    position: relative;
    width: 100%; /* You can set your desired width */
    height: auto; /* Set your desired height */
    overflow: hidden;
	margin-bottom: 100px;
}

.video-container video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-container.mobil {
	display: none;
}

.overlay-text, .overlay-button {
    position: absolute;
    z-index: 1; /* to ensure they are above the video */
}

.overlay-text {
	bottom: 30%;	
	margin-left: 340px;	
	transform: translate(-50%, -50%); /* Center the text */
    color: #fff; /* Make the text white so it stands out against most video backgrounds */
    font-size: 35px;
	font-family: 'Raleway-Bold';    /* text-align: center; */
	letter-spacing: -1.23px;
}

.overlay-button {
	transform: translate(-50%, -50%); /* Center the button */
    padding: 10px 20px;
    background-color: #2D385D; /* Change the color as you desire */
    color: #fff;
    border: none;
    cursor: pointer;
	width: 388px;
	font-size: 20px;
	bottom: 10%;
	height: 82px;
	letter-spacing: -1.05px;
	font-weight: bold;
	margin-left: 325px;
}

.overlay-button:hover {
	background-color:rgba(217,177,101,1) ;
}

.platter-button {
    padding: 10px 20px;
    background-color: #2D385D; /* Change the color as you desire */
    color: #fff;
    border: none;
    cursor: pointer;
	width: 284px;
	font-size: 20px;
	height: 60px;
	letter-spacing: -1.05px;
	font-weight: bold;
}

.platter-button-div {
	margin-top: 80px;
}
.blog-headline {
	text-align: left;
	width: 100%;
	margin-bottom:80px;
}
.blog-border {
	border-bottom: 2px solid rgba(45,56,93,0.097);
	margin-left: 60px;
	margin-right: 60px;	
}

.platter-button-div.blog {
	margin-top: 180px;
}
.icon-button {
	position: absolute;
	margin-left: -90px;
	margin-top: -1px;
}

.overlay-logo {
    position: absolute;
    z-index: 1; /* to ensure it is above the video */
	top: 37%;
	left: 200px;	
	margin-left: 10px;	
	width: 300px;
    height: auto;
	left: 118px
}

.container {
    display: flex;
    align-items: stretch;
	width: 100%;
	margin-bottom: 80px;
}

.left-column {
    flex: 0.4;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    margin-left: 65px;
}

.right-column {
    flex: 0.6;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* To make the nav-slider position absolute relative to this container */
    overflow: hidden; /* Hide the overflow of the slides */
	margin-right: 65px;
}

.container-reversed {
    display: flex;
    align-items: stretch;
	width: 100%;
	margin-bottom: 80px;
}

.left-column-slider {
    flex: 0.6; /* 60% width for the slider */
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* To make the nav-slider position absolute relative to this container */
    overflow: hidden; /* Hide the overflow of the slides */
	margin-left: 60px;
}

.right-column-text {
    flex: 0.4; /* 40% width for the text */
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
	margin-left: 80px;
	margin-right: 65px;
}


.slides {
    display: flex;
    transition: all 0.3s ease;
}

.slide {
	flex: 0 0 auto;
    width: 100%; 
    height: 100%; 
    display: flex;
    align-items: center; /* Vertically align content inside slide */
    justify-content: center; /* Horizontally align content inside slide */
    overflow: hidden; /* Clip the out-of-bounds content */
}

.slide img {
    width: auto;
    height: 100%; 
    object-fit: cover; /* This will ensure the image covers the slide while maintaining its aspect ratio */
    display: block;
}

.nav-slider {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
	z-index: 1;
}

.nav-slider .bubble {
    width: 18px;
    height: 18px;
    border-radius: 50%;
	border: 2px solid #FFFFFF;
    margin: 0 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.nav-slider .bubble.active {
    background-color: #ffffff;
}
.headline {
	font-family: "Raleway-Bold";
	font-size: 35px;
	color: #2D385D;
	width: 300px;
	display: block;
	letter-spacing: -2.1px;
	line-height: 55px;
}
.headline.blog {
	width: auto;
}
.right-column-text.blog {
	justify-content: flex-start;
}
.headline.platter {
	width: 360px;
}

.text-medium.platter {
	margin-top: 80px;
}

.text-bold {
	letter-spacing: -0.77px;
	color: #2D385D;
	font-size: 22px;
	font-family: "Raleway-Medium";
	font-weight: bold;
	display: block;
	width: 455px;
	margin-top: 120px;
}

.text-bold.right {
	margin-top: 120px;
}
.text-bold.right.blog {
	margin-top: 0px;
}

.text-medium {
	letter-spacing: -0.77px;
	color: #2D385D;
	font-size: 18px;
	font-family: "Raleway";
	display: block;
	width: 455px;
	margin-top: 30px;
}

.text-medium.blog {
	margin-top: 0px !important;
}

.slider	{
    position: relative;
    width: 100%;
    overflow: hidden;
    width: auto;
}

.container-mobil-text, .container-mobil-text.space, .container-mobil-text.platter, .slider.mobil, .buton-mobil {
	display: none;
}

@media (max-width: 1px) {
  header {
    flex-direction: column;
    align-items: start;
  }

  .menu ul {
    flex-direction: column;
    margin: 10px 0;
  }

  .menu ul li {
    margin: 5px 0;
  }
}
.category-title {
	margin: 50px;
	align-self: flex-start;
}
.category-title p {
	white-space: normal;
}

.product-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: auto 40px;
}

.product {
    flex-basis: 33.33%; /* Initially 33.33% of the row */
    flex-grow: 1; /* Allow to grow */
    flex-shrink: 1; /* Allow to shrink */
    flex-direction: column;
    display: flex;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 60px;
}

.product img {
    max-width: 100%; /* Scale down within the container */
    height: auto;
}

p.product {
	padding-top: 5px;
	font-size: 30px;
}

.product-page-container {
	display: flex;
	flex-wrap: nowrap;
	margin: 60px 60px 200px 	60px;
}
.products-text,
.product-page-image {
    flex-basis: 50%; /* Initially take up 50% of the parent container */
    flex-grow: 1; /* Allow to grow if needed */
    flex-shrink: 1; /* Allow to shrink if needed */
}
.product-page-image img {
    max-width: 100%; /* Ensure images are responsive */
    height: auto;
	margin-left:20px;
}
.content_card {
	margin: 30px;
}

#Path_1 {
	fill: rgba(255,255,255,1);
}
.Path_1 {
	overflow: visible;
	position: absolute;
	width: 11.847px;
	height: 14.028px;
	left: 10.157px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_2 {
	fill: rgba(255,255,255,1);
}
.Path_2 {
	overflow: visible;
	position: absolute;
	width: 10.235px;
	height: 14.034px;
	left: 23.91px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_3 {
	fill: rgba(255,255,255,1);
}
.Path_3 {
	overflow: visible;
	position: absolute;
	width: 11.026px;
	height: 14.034px;
	left: 36.884px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_4 {
	fill: rgba(255,255,255,1);
}
.Path_4 {
	overflow: visible;
	position: absolute;
	width: 8.695px;
	height: 14.034px;
	left: 50.067px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_5 {
	fill: rgba(255,255,255,1);
}
.Path_5 {
	overflow: visible;
	position: absolute;
	width: 10.109px;
	height: 14.034px;
	left: 60.943px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_6 {
	fill: rgba(255,255,255,1);
}
.Path_6 {
	overflow: visible;
	position: absolute;
	width: 10.109px;
	height: 14.034px;
	left: 72.485px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_7 {
	fill: rgba(255,255,255,1);
}
.Path_7 {
	overflow: visible;
	position: absolute;
	width: 8.695px;
	height: 14.034px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_8 {
	fill: rgba(255,255,255,1);
}
.Path_8 {
	overflow: visible;
	position: absolute;
	width: 11.847px;
	height: 14.028px;
	left: 10.157px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_9 {
	fill: rgba(255,255,255,1);
}
.Path_9 {
	overflow: visible;
	position: absolute;
	width: 10.235px;
	height: 14.034px;
	left: 23.91px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_10 {
	fill: rgba(255,255,255,1);
}
.Path_10 {
	overflow: visible;
	position: absolute;
	width: 11.026px;
	height: 14.034px;
	left: 36.884px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_11 {
	fill: rgba(255,255,255,1);
}
.Path_11 {
	overflow: visible;
	position: absolute;
	width: 8.695px;
	height: 14.034px;
	left: 50.067px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_12 {
	fill: rgba(255,255,255,1);
}
.Path_12 {
	overflow: visible;
	position: absolute;
	width: 10.109px;
	height: 14.034px;
	left: 60.943px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_13 {
	fill: rgba(255,255,255,1);
}
.Path_13 {
	overflow: visible;
	position: absolute;
	width: 10.109px;
	height: 14.034px;
	left: 72.485px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_14 {
	fill: rgba(255,255,255,1);
}
.Path_14 {
	overflow: visible;
	position: absolute;
	width: 10.667px;
	height: 14.022px;
	left: 90.24px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_15 {
	fill: rgba(255,255,255,1);
}
.Path_15 {
	overflow: visible;
	position: absolute;
	width: 10.792px;
	height: 14.034px;
	left: 103.334px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_16 {
	fill: rgba(255,255,255,1);
}
.Path_16 {
	overflow: visible;
	position: absolute;
	width: 8.695px;
	height: 14.034px;
	left: 117.698px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_17 {
	fill: rgba(255,255,255,1);
}
.Path_17 {
	overflow: visible;
	position: absolute;
	width: 8.557px;
	height: 14.034px;
	left: 129.443px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_18 {
	fill: rgba(255,255,255,1);
}
.Path_18 {
	overflow: visible;
	position: absolute;
	width: 20.666px;
	height: 21.881px;
	left: 46.021px;
	top: 14.547px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_19 {
	fill: rgba(255,255,255,1);
}
.Path_19 {
	overflow: visible;
	position: absolute;
	width: 9.078px;
	height: 7.703px;
	left: 60.347px;
	top: 22.231px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_20 {
	fill: rgba(255,255,255,1);
}
.Path_20 {
	overflow: visible;
	position: absolute;
	width: 6.845px;
	height: 7.4px;
	left: 68.583px;
	top: 21.58px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_21 {
	fill: rgba(255,255,255,1);
}
.Path_21 {
	overflow: visible;
	position: absolute;
	width: 8.901px;
	height: 7.757px;
	left: 74.857px;
	top: 20.751px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_22 {
	fill: rgba(255,255,255,1);
}
.Path_22 {
	overflow: visible;
	position: absolute;
	width: 12.347px;
	height: 18.93px;
	left: 79.634px;
	top: 8.617px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_23 {
	fill: rgba(255,255,255,1);
}
.Path_23 {
	overflow: visible;
	position: absolute;
	width: 4.274px;
	height: 8.058px;
	left: 87.357px;
	top: 19.703px;
	transform: matrix(1,0,0,1,0,0);
}
#content {
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	background-color: white;
	margin: auto 80px;
	flex-direction: column;
	}
.contact_div{
	display: flex;
	flex-direction: column;
	margin-top: 5vw;
	margin-bottom: 50px;
}
#contact {
	position: relative;
	overflow: visible;
	max-width: 361px;
	width: 100%;
	white-space: nowrap;
	text-align: left;
	font-family: 'Raleway-Bold';
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	color: rgba(45,56,93,1);
	letter-spacing: -0.35px;
}

#contact_descriere {
	padding-top:62px;
}

#contact_descriere p {
	overflow: visible;
	max-width: 847px;
	width: 100%;
	line-height: 26px;
	text-align: left;
	font-family: 'Raleway-Bold';
	font-size: 22px;
	color: rgba(45,56,93,1);
	letter-spacing: -0.35px;
}
#form {
	flex-direction: column;
	margin-top: 100px;
	max-width: 870px;
	width: 100%;
	font-family: 'Raleway';
}
#input-field {
	overflow: visible;
	white-space: nowrap;
	line-height: 42px;
	margin-top: -210px;
	text-align: left;
	font-family: Raleway;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	color: rgba(45,56,93,1);
	letter-spacing: -0.35px;
}
.button-form {
	margin-top: 25px;
	background-color: rgba(217,177,101,1);
	width: 100%;
	height: 82px;
	align-content: center;
}
#Trimite {
	width: 94px;
	white-space: nowrap;
	line-height: 42px;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	color: rgba(255,255,255,1);
	letter-spacing: -0.35px;
	margin: auto;
}
#footer {
	display: flex;
	position: relative;
	width: 92%;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 30px;
	border-top: 2px solid rgba(45,56,93,0.097);
	background-color: white;
	margin: auto 80px;
}
#footer-column {
	width: 20%;
	height: 150px;
	padding: 40px;
	box-sizing: border-box;	
	border-right: 2px solid rgba(45,56,93,0.097);
	white-space: revert;
	display: flex;
    justify-content: center;
    align-items: center;
	margin-bottom: 20px;
	}

.anpc {
	max-width: 100%;  /* Ensure the image doesn't overflow its container */
	height: auto;  /* Keep the image aspect ratio */
}
	
#footer-column:nth-last-child(1),  
#footer-column:nth-last-child(2) { 
   border-right: none;
}


#logo-footer {
	position: relative;
	margin: auto;
	width: 155.066px;
	height: 72.625px;
}

#Path_24 {
	fill: rgba(45,56,93,1);
}
.Path_24 {
	overflow: visible;
	position: absolute;
	width: 21.868px;
	height: 25.905px;
	left: 20.834px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_25 {
	fill: rgba(45,56,93,1);
}
.Path_25 {
	overflow: visible;
	position: absolute;
	width: 18.885px;
	height: 25.905px;
	left: 46.247px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_26 {
	fill: rgba(45,56,93,1);
}
.Path_26 {
	overflow: visible;
	position: absolute;
	width: 20.362px;
	height: 25.905px;
	left: 70.203px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_27 {
	fill: rgba(45,56,93,1);
}
.Path_27 {
	overflow: visible;
	position: absolute;
	width: 16.049px;
	height: 25.905px;
	left: 94.532px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_28 {
	fill: rgba(45,56,93,1);
}
.Path_28 {
	overflow: visible;
	position: absolute;
	width: 18.668px;
	height: 25.915px;
	left: 114.598px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_29 {
	fill: rgba(45,56,93,1);
}
.Path_29 {
	overflow: visible;
	position: absolute;
	width: 18.668px;
	height: 25.915px;
	left: 135.906px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_30 {
	fill: rgba(45,56,93,1);
}
.Path_30 {
	overflow: visible;
	position: absolute;
	width: 16.059px;
	height: 25.905px;
	left: 2.097px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_31 {
	fill: rgba(45,56,93,1);
}
.Path_31 {
	overflow: visible;
	position: absolute;
	width: 21.868px;
	height: 25.905px;
	left: 20.834px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_32 {
	fill: rgba(45,56,93,1);
}
.Path_32 {
	overflow: visible;
	position: absolute;
	width: 18.885px;
	height: 25.905px;
	left: 46.247px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_33 {
	fill: rgba(45,56,93,1);
}
.Path_33 {
	overflow: visible;
	position: absolute;
	width: 20.362px;
	height: 25.905px;
	left: 70.203px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_34 {
	fill: rgba(45,56,93,1);
}
.Path_34 {
	overflow: visible;
	position: absolute;
	width: 16.049px;
	height: 25.905px;
	left: 94.532px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_35 {
	fill: rgba(45,56,93,1);
}
.Path_35 {
	overflow: visible;
	position: absolute;
	width: 18.668px;
	height: 25.915px;
	left: 114.598px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_36 {
	fill: rgba(45,56,93,1);
}
.Path_36 {
	overflow: visible;
	position: absolute;
	width: 18.668px;
	height: 25.915px;
	left: 135.906px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_37 {
	fill: rgba(45,56,93,1);
}
.Path_37 {
	overflow: visible;
	position: absolute;
	width: 19.702px;
	height: 25.905px;
	left: 0px;
	top: 32.659px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_38 {
	fill: rgba(45,56,93,1);
}
.Path_38 {
	overflow: visible;
	position: absolute;
	width: 19.928px;
	height: 25.905px;
	left: 24.192px;
	top: 32.669px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_39 {
	fill: rgba(45,56,93,1);
}
.Path_39 {
	overflow: visible;
	position: absolute;
	width: 16.059px;
	height: 25.905px;
	left: 50.707px;
	top: 32.669px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_40 {
	fill: rgba(45,56,93,1);
}
.Path_40 {
	overflow: visible;
	position: absolute;
	width: 15.793px;
	height: 25.905px;
	left: 72.398px;
	top: 32.669px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_41 {
	fill: rgba(45,56,93,1);
}
.Path_41 {
	overflow: visible;
	position: absolute;
	width: 32.738px;
	height: 34.678px;
	left: 82.278px;
	top: 37.947px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_42 {
	fill: rgba(45,56,93,1);
}
.Path_42 {
	overflow: visible;
	position: absolute;
	width: 14.362px;
	height: 12.189px;
	left: 104.997px;
	top: 50.146px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_43 {
	fill: rgba(45,56,93,1);
}
.Path_43 {
	overflow: visible;
	position: absolute;
	width: 10.833px;
	height: 11.706px;
	left: 118.034px;
	top: 49.124px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_44 {
	fill: rgba(45,56,93,1);
}
.Path_44 {
	overflow: visible;
	position: absolute;
	width: 14.099px;
	height: 12.282px;
	left: 127.959px;
	top: 47.783px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_45 {
	fill: rgba(45,56,93,1);
}
.Path_45 {
	overflow: visible;
	position: absolute;
	width: 19.524px;
	height: 29.982px;
	left: 135.542px;
	top: 28.563px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_46 {
	fill: rgba(45,56,93,1);
}
.Path_46 {
	overflow: visible;
	position: absolute;
	width: 6.783px;
	height: 12.741px;
	left: 147.739px;
	top: 46.148px;
	transform: matrix(1,0,0,1,0,0);
}
#links {
	position: relative;
	overflow: visible;
	width: auto;
	white-space: inherit;
	line-height: 25px;
	text-align: left;
	font-family: 'Raleway-Bold';
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	color: rgba(45,56,93,1);
	letter-spacing: -0.35px;
	text-decoration: underline;
}
#program {
	padding-top: 10px;
	position: relative;
	overflow: visible;
	width: 244px;
	white-space: nowrap;
	line-height: 25px;
	text-align: left;
	font-family: 'Raleway-Bold';
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	color: rgba(45,56,93,1);
	letter-spacing: -0.35px;
}
#icons8-facebook-old {
	margin: auto;
	width: 40px;
	height: 40px;
	overflow: visible;
	position: relative;
	fill: rgba(45,56,93,1);
}

#icons8-instagram {
	margin: auto;
	width: 40px;
	height: 40px;
	overflow: visible;
	position: relative;
	fill: rgba(45,56,93,1);
	margin-left: 20px;
}

#Line_2 {
	opacity: 0.097;
	fill: transparent;
	stroke: rgba(45,56,93,1);
	stroke-width: 2px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Line_2 {
	overflow: visible;
	position: absolute;
	width: 2px;
	height: 188px;
	left: 814.533px;
	top: 48px;
	transform: matrix(1,0,0,1,0,0);
}
#Line_7 {
	opacity: 0.097;
	fill: transparent;
	stroke: rgba(45,56,93,1);
	stroke-width: 2px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Line_7 {
	overflow: visible;
	position: absolute;
	width: 2px;
	height: 188px;
	left: 319.533px;
	top: 48px;
	transform: matrix(1,0,0,1,0,0);
}
#Line_6 {
	opacity: 0.097;
	fill: transparent;
	stroke: rgba(45,56,93,1);
	stroke-width: 2px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Line_6 {
	overflow: visible;
	position: absolute;
	width: 2px;
	height: 188px;
	left: 1254.533px;
	top: 48px;
	transform: matrix(1,0,0,1,0,0);
}
#Line_5 {
	opacity: 0.097;
	fill: transparent;
	stroke: rgba(45,56,93,1);
	stroke-width: 2px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.Line_5 {
	overflow: visible;
	position: absolute;
	width: 1640.504px;
	height: 5px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
.inp {
	background-color: #ffffff; /* light gray */
	color:rgba(45,56,93,1); /* dark gray */
	font-family: 'Arial', sans-serif; 
	border: 1px solid rgba(45,56,93,1); /* gray border */
	border-radius: 5px; /* rounded corners */
	padding: 5px;
	width: 100%;
	height: 54px;
	font-size: 16px;
	margin-bottom: 10px;
}

.inp-mes {
	background-color: #ffffff; /* light gray */
	color:rgba(45,56,93,1); /* dark gray */
	font-family: 'Arial', sans-serif; 
	border: 1px solid rgba(45,56,93,1); /* gray border */
	border-radius: 5px; /* rounded corners */
	padding: 5px;
	width: 100%;
	height: 175px;
	font-size: 16px;
	margin-bottom: 10px;
	}

.mobile-menu {
	position: relative;
	width: 35px;
	height: 25px;
	overflow: visible;
	display: none;
	margin-right: 20px;
	margin-top: 20px;
}
#Rectangle_15 {
	fill: rgba(255,255,255,1);
}
.Rectangle_15 {
	position: absolute;
	overflow: visible;
	width: 35px;
	height: 3px;
	left: 0px;
	top: 0px;
}
#Rectangle_18 {
	fill: rgba(255,255,255,1);
}
.Rectangle_18 {
	position: absolute;
	overflow: visible;
	width: 35px;
	height: 3px;
	left: 0px;
	top: 11px;
}
#Rectangle_19 {
	fill: rgba(255,255,255,1);
}
.Rectangle_19 {
	position: absolute;
	overflow: visible;
	width: 35px;
	height: 3px;
	left: 0px;
	top: 22px;
}
#mobile-footer {
	display: none;
}
.left-home-container{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: auto 60px;
}
.left-container {
	position:relative;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 100px;
}
.left-container.button-home {
	font-family: 'Raleway-Bold';
	margin-top: 400px;
}
.left-text {
	/* position: absolute; */
	left: 0px;
}
.left-text span {
	position: absolute;
	margin-top: 50px;
}

.button-home.product {
	margin-top: 450px;
}

.left-photo {
	display: flex;
	justify-content: center;
	margin: auto 80px;
	min-width: 200px;
}
.left-photo img {
	max-width: 100%;
	height: auto;
	min-width: 200px; 
	object-fit: cover; /* contain, fill, scale-down can also be used depending on needs */
}

.button-home {
	position: absolute;
	background-color: rgba(217,177,101,1);
	height: 82px;
	display: grid; 
	place-items: center;
	margin-top: 200px;
	min-width: 388px;
	font-family: 'Raleway-Bold';
}
.button-home.product {
	margin-top: 450px;

}
.button-home p {
	overflow: visible;
	white-space: nowrap;
	line-height: 42px;
	font-family: 'Raleway-Bold';
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	color: rgba(255,255,255,1);
	letter-spacing: -0.35px;
}

.button-product {
	position: relative;
	background-color: rgba(217,177,101,1);
	height: 60px;
	display: grid;
	place-items: center;
	margin-top: 100px;
	max-width: 284px;
}

.button-product p {
	color: white;
	line-height: 42px;
	font-family: 'Raleway-Bold';
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
}

.description {
	margin-top: 60px;
	max-width: 50vw;
}

.price {
	font-family: "Raleway-Bold";
	font-size: 18px;
}

#Path_1_ci {
	fill: rgba(45,56,93,1);
}
.Path_1_ci {
	overflow: visible;
	position: absolute;
	width: 22.664px;
	height: 26.837px;
	left: 19.431px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_2_cj {
	fill: rgba(45,56,93,1);
}
.Path_2_cj {
	overflow: visible;
	position: absolute;
	width: 19.58px;
	height: 26.848px;
	left: 45.741px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_3_ck {
	fill: rgba(45,56,93,1);
}
.Path_3_ck {
	overflow: visible;
	position: absolute;
	width: 21.093px;
	height: 26.848px;
	left: 70.56px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_4_cl {
	fill: rgba(45,56,93,1);
}
.Path_4_cl {
	overflow: visible;
	position: absolute;
	width: 16.634px;
	height: 26.848px;
	left: 95.78px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_5_cm {
	fill: rgba(45,56,93,1);
}
.Path_5_cm {
	overflow: visible;
	position: absolute;
	width: 19.339px;
	height: 26.848px;
	left: 116.587px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_6_cn {
	fill: rgba(45,56,93,1);
}
.Path_6_cn {
	overflow: visible;
	position: absolute;
	width: 19.339px;
	height: 26.848px;
	left: 138.666px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_7_co {
	fill: rgba(45,56,93,1);
}
.Path_7_co {
	overflow: visible;
	position: absolute;
	width: 16.634px;
	height: 26.848px;
	left: 0px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_8_cp {
	fill: rgba(45,56,93,1);
}
.Path_8_cp {
	overflow: visible;
	position: absolute;
	width: 22.664px;
	height: 26.837px;
	left: 19.431px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_9_cq {
	fill: rgba(45,56,93,1);
}
.Path_9_cq {
	overflow: visible;
	position: absolute;
	width: 19.58px;
	height: 26.848px;
	left: 45.741px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_10_cr {
	fill: rgba(45,56,93,1);
}
.Path_10_cr {
	overflow: visible;
	position: absolute;
	width: 21.093px;
	height: 26.848px;
	left: 70.56px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_11_cs {
	fill: rgba(45,56,93,1);
}
.Path_11_cs {
	overflow: visible;
	position: absolute;
	width: 16.634px;
	height: 26.848px;
	left: 95.78px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_12_ct {
	fill: rgba(45,56,93,1);
}
.Path_12_ct {
	overflow: visible;
	position: absolute;
	width: 19.339px;
	height: 26.848px;
	left: 116.587px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_13_cu {
	fill: rgba(45,56,93,1);
}
.Path_13_cu {
	overflow: visible;
	position: absolute;
	width: 19.339px;
	height: 26.848px;
	left: 138.666px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_14_cv {
	fill: rgba(45,56,93,1);
}
.Path_14_cv {
	overflow: visible;
	position: absolute;
	width: 20.406px;
	height: 26.825px;
	left: 172.634px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_15_cw {
	fill: rgba(45,56,93,1);
}
.Path_15_cw {
	overflow: visible;
	position: absolute;
	width: 20.646px;
	height: 26.848px;
	left: 197.682px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_16_cx {
	fill: rgba(45,56,93,1);
}
.Path_16_cx {
	overflow: visible;
	position: absolute;
	width: 16.634px;
	height: 26.848px;
	left: 225.161px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_17_cy {
	fill: rgba(45,56,93,1);
}
.Path_17_cy {
	overflow: visible;
	position: absolute;
	width: 16.37px;
	height: 26.848px;
	left: 247.63px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_18_cz {
	fill: rgba(45,56,93,1);
}
.Path_18_cz {
	overflow: visible;
	position: absolute;
	width: 39.534px;
	height: 41.86px;
	left: 88.04px;
	top: 27.829px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_19_c {
	fill: rgba(45,56,93,1);
}
.Path_19_c {
	overflow: visible;
	position: absolute;
	width: 17.367px;
	height: 14.737px;
	left: 115.447px;
	top: 42.53px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_20_c {
	fill: rgba(45,56,93,1);
}
.Path_20_c {
	overflow: visible;
	position: absolute;
	width: 13.095px;
	height: 14.156px;
	left: 131.203px;
	top: 41.283px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_21_c {
	fill: rgba(45,56,93,1);
}
.Path_21_c {
	overflow: visible;
	position: absolute;
	width: 17.028px;
	height: 14.839px;
	left: 143.206px;
	top: 39.699px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_22_c {
	fill: rgba(45,56,93,1);
}
.Path_22_c {
	overflow: visible;
	position: absolute;
	width: 23.62px;
	height: 36.214px;
	left: 152.343px;
	top: 16.485px;
	transform: matrix(1,0,0,1,0,0);
}
#Path_23_c {
	fill: rgba(45,56,93,1);
}
.Path_23_c {
	overflow: visible;
	position: absolute;
	width: 8.177px;
	height: 15.415px;
	left: 167.117px;
	top: 37.693px;
	transform: matrix(1,0,0,1,0,0);
}
.left-home-container.mobil {
	display: none;
}

@media (max-width: 1024px) {
	.blog-border {
		margin-left: 20px;
		margin-right: 20px;
	}
	.blog-headline {
		margin-bottom: 0px;
	}
	.container-mobil-text.blog {
		margin-top: 0px;
	}
	.container-mobil-text, .container-mobil-text.space, .container-mobil-text.platter, .slider.mobil, .buton-mobil, .left-home-container.mobil {
		display: block;
	}
	.container, .video-container, .container-reversed, .product-page-container {
		display: none;
	}
	body {
		height: 100%;
	}
	#background {
		background-image: url("/img/linii_mobil.png") ;
	}
	#footer {
		display: none;
	}
	#content {
		display: block;
		margin: auto 27px;
		padding-bottom: 60px;
	}
	.contact_div {
		margin: auto;
	}

	.video-container.mobil {
		display: block;
		margin-bottom: 0px;
	}

	.video-container.mobil .overlay-logo {
		transform: scale(41%);
		left: -60px;
	}

	.video-container.mobil .overlay-text {
		font-size: 15px;
		margin-left: 121px;
		top: 66%;
	}

	.over-hero {
        bottom: 100px;
		position: relative;
		justify-content: center;
   		display: flex;

	}
	.over-button {
		padding: 10px 20px;
		background-color: #2D385D; /* Change the color as you desire */
		color: #fff;
		border: none;
		height: 45px;
		min-width: 264px;
		font-size: 16px;
		width: 90%;
		font-weight: bold;
	}

	.video-container.mobil .icon-button {
		margin-left: -100px;
		margin-top: -5px;
	}

	.left-home-container.mobil {
		width: 100%;
    	margin: auto;
	}

	.buton-mobil {
		height: 45px;
		min-width: 264px;
		font-size: 16px;
		position: relative;
   	 	justify-content: center;
    	display: flex;
	}

	.container-mobil-text {
    	position: relative;
		margin: auto 20px;
		color: #2D385D;
		margin-top: 60px;
	}

	.headline-mobil {
		font-family: "Raleway-Bold";
		font-size: 30px;
	}

	.text-bold-mobil {
		margin-top: 11px;
		font-family: "Raleway-Bold";
		font-size: 15px;
	}

	.text-medium-mobil {
		margin-top: 11px;
		font-size: 15px;
		font-family: "Raleway-Medium";
	}

	.text-medium-mobil.blog {
		margin-top: 0px;
	}
	.slider.mobil {
		height: auto;
		width: auto;
		left: 0;
		margin-top: 25px;
	}

	.nav-slider.mobil .bubble {
		width: 15px;
		height: 15px;
		border-radius: 50%;
		border: 2px solid #FFFFFF;
		margin: 0 12px;
		cursor: pointer;
		transition: background-color 0.3s;
	}
	.left-photo.mobil {
		margin: 30px auto auto;
	}
	.left-container.mobil {
		display: block;
		left: 0px;
	}
	.menu {
		display: none;
	}
	.mobile-menu {
		display: block;
		margin-right: 20px;
		margin-top: 20px;
	}
	#button-close {
		width: 35px;
		margin-right: 20px;
		margin-top: 20px;
	} 
	#logo {
        margin: auto;
        display: block;
		transform: scale(0.8);
		margin-left: 50px;
	}
	.a_logo {
		margin: auto;
	}
	.close {
		color: #aaa;
		float: right;
		font-size: 28px;
		font-weight: bold;
	}
	.close:hover, .close:focus {
		color: black;
		text-decoration: none;
		cursor: pointer;
	}
	.menu-modal ul{
			opacity: 1!important;
			list-style-type: none;
			overflow: visible;
			white-space: nowrap;
			text-align: right;
			font-family: Raleway;
			font-style: normal;
			font-weight: bold;
			font-size: 20px;
			color: white;
			padding: 0;
			margin-top: 10px;
			text-decoration: none;
	}
	.last-li {
		margin-top: 50px!important;
	  }
	.menu-modal ul li {
			letter-spacing: -0.35px;
			margin: 15px auto;
	}
	.menu-modal a:link {
		text-decoration: none;
	}
	.menu-modal a {
		color: white;
	}
	.submenu {
		display: none;
	}
	.submenu li {
		padding: 0px !important;
	}
	.submenu-item a {
		color: #2D385D!important;
		font-size: 16px!important;
		margin-top: 0px!important;
	}
	.dropdown {
		height: auto;
		margin-right: auto;
	}

	.dropdown > a::after {
		content: "";
		border-width: 7px 5px 0;
		border-style: solid;
		border-color: #ffffff transparent transparent;
		position: absolute;
		top: 10px;
		right: -14px;
		transform: translateY(-50%);
		pointer-events: none;
	}

	.submenu li:hover {
		background-color:rgba(217,177,101,1);
	}

	.wrapper {
		margin: auto 27px;
		background-color: white;
		border-top: 1px solid rgba(45,56,93,0.097);
	}
	#contact {
		font-size: 22px;
		margin-top: 30px;
	}

	#contact h1 {
		padding-left: 0px;
	}

	#contact_descriere {
		padding-top:10px;
		letter-spacing: -0.35px;
	}

	#contact_descriere p {
		font-size: 16px;
		font-family:"Raleway-Medium";
		padding-left: 0px;
		margin-left: 0px;
		line-height: normal;
	}

	#input-field {
		font-size: 14px;
		line-height: 27px;
	}
	.inp {
		height: 36px;
	}
	.inp-mes {
		height: 100px;
	}
	#form {
		margin-top: 50px;
		margin-bottom: 50px;
		font-family: 'Raleway';
	}
	#mobile-footer {
		display: block;
		position: relative;
	}
	#program, #Scortarilor_2_Cluj-Napoca_Cluj{
		font-size: 12px;
		font-weight:normal;
		line-height: 17px;
		margin-bottom: 40px;
		margin-left: 30px;
	}
	#Copyright__2023_Expres_Caterin {
		margin-left: 30px;
		padding-bottom: 30px;		
	}
	#Group_16 {
		position: absolute;
		width: 26.87px;
		height: 26.87px;
		top: 18.065px;
		overflow: visible;
	}
	#Rectangle_50 {
		fill: rgba(255,255,255,1);
	}
	.Rectangle_50 {
		width: 35px;
		height: 3px;
		position: absolute;
		overflow: visible;
		transform: translate(-330.065px, -18.065px) matrix(1,0,0,1,326,30) rotate(-45deg);
		transform-origin: center;
	}
	#Rectangle_51 {
		fill: rgba(255,255,255,1);
	}
	.Rectangle_51 {
		width: 35px;
		height: 3px;
		position: absolute;
		overflow: visible;
		transform: translate(-330.065px, -18.065px) matrix(1,0,0,1,326,30) rotate(225deg);
		transform-origin: center;
	}
	.button-form {
		height: 45px;
	}
	#Trimite {
		font-size: 16px;
	}
	#social-footer {
		display: flex;
		justify-content: space-around;
		position: relative;
	}
	.icons8-facebook-old, .icons8-instagram {
		overflow: visible;
		width: 35.526px;
		height: 35.526px;
		left: 205.026px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
		}
	#logo-footer {
		width: 84.976px;
		height: 39.798px;
		left: 0px;
		top: 0px;
		
	}
	.item {
		display: flex;
		justify-content: center;
		align-items: center; 
		height: 100px;
	}

	.item:nth-last-child(2) { 
		margin-left:20px;
	}

	.item.links {
		height: 60px;
	}
	
	.anpc {
		width: 120px;
		margin: 10px;
	}

	#links {
		display: inline-flex;
		font-size: 12px;
	}

	#links a {
		margin: 10px;
	}

	#Path_24 {
		fill: rgba(45,56,93,1);
	}
	.Path_24 {
		overflow: visible;
		position: absolute;
		width: 11.984px;
		height: 14.196px;
		left: 11.417px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_25 {
		fill: rgba(45,56,93,1);
	}
	.Path_25 {
		overflow: visible;
		position: absolute;
		width: 10.349px;
		height: 14.196px;
		left: 25.343px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_26 {
		fill: rgba(45,56,93,1);
	}
	.Path_26 {
		overflow: visible;
		position: absolute;
		width: 11.158px;
		height: 14.196px;
		left: 38.471px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_27 {
		fill: rgba(45,56,93,1);
	}
	.Path_27 {
		overflow: visible;
		position: absolute;
		width: 8.795px;
		height: 14.196px;
		left: 51.804px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_28 {
		fill: rgba(45,56,93,1);
	}
	.Path_28 {
		overflow: visible;
		position: absolute;
		width: 10.23px;
		height: 14.201px;
		left: 62.8px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_29 {
		fill: rgba(45,56,93,1);
	}
	.Path_29 {
		overflow: visible;
		position: absolute;
		width: 10.23px;
		height: 14.201px;
		left: 74.476px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_30 {
		fill: rgba(45,56,93,1);
	}
	.Path_30 {
		overflow: visible;
		position: absolute;
		width: 8.8px;
		height: 14.196px;
		left: 1.149px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_31 {
		fill: rgba(45,56,93,1);
	}
	.Path_31 {
		overflow: visible;
		position: absolute;
		width: 11.984px;
		height: 14.196px;
		left: 11.417px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_32 {
		fill: rgba(45,56,93,1);
	}
	.Path_32 {
		overflow: visible;
		position: absolute;
		width: 10.349px;
		height: 14.196px;
		left: 25.343px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_33 {
		fill: rgba(45,56,93,1);
	}
	.Path_33 {
		overflow: visible;
		position: absolute;
		width: 11.158px;
		height: 14.196px;
		left: 38.471px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_34 {
		fill: rgba(45,56,93,1);
	}
	.Path_34 {
		overflow: visible;
		position: absolute;
		width: 8.795px;
		height: 14.196px;
		left: 51.804px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_35 {
		fill: rgba(45,56,93,1);
	}
	.Path_35 {
		overflow: visible;
		position: absolute;
		width: 10.23px;
		height: 14.201px;
		left: 62.8px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_36 {
		fill: rgba(45,56,93,1);
	}
	.Path_36 {
		overflow: visible;
		position: absolute;
		width: 10.23px;
		height: 14.201px;
		left: 74.476px;
		top: 0px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_37 {
		fill: rgba(45,56,93,1);
	}
	.Path_37 {
		overflow: visible;
		position: absolute;
		width: 10.797px;
		height: 14.196px;
		left: 0px;
		top: 17.897px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_38 {
		fill: rgba(45,56,93,1);
	}
	.Path_38 {
		overflow: visible;
		position: absolute;
		width: 10.921px;
		height: 14.196px;
		left: 13.257px;
		top: 17.903px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_39 {
		fill: rgba(45,56,93,1);
	}
	.Path_39 {
		overflow: visible;
		position: absolute;
		width: 8.8px;
		height: 14.196px;
		left: 27.788px;
		top: 17.903px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_40 {
		fill: rgba(45,56,93,1);
	}
	.Path_40 {
		overflow: visible;
		position: absolute;
		width: 8.655px;
		height: 14.196px;
		left: 39.674px;
		top: 17.903px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_41 {
		fill: rgba(45,56,93,1);
	}
	.Path_41 {
		overflow: visible;
		position: absolute;
		width: 17.941px;
		height: 19.003px;
		left: 45.088px;
		top: 20.795px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_42 {
		fill: rgba(45,56,93,1);
	}
	.Path_42 {
		overflow: visible;
		position: absolute;
		width: 7.87px;
		height: 6.68px;
		left: 57.538px;
		top: 27.48px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_43 {
		fill: rgba(45,56,93,1);
	}
	.Path_43 {
		overflow: visible;
		position: absolute;
		width: 5.937px;
		height: 6.414px;
		left: 64.683px;
		top: 26.92px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_44 {
		fill: rgba(45,56,93,1);
	}
	.Path_44 {
		overflow: visible;
		position: absolute;
		width: 7.726px;
		height: 6.731px;
		left: 70.122px;
		top: 26.185px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_45 {
		fill: rgba(45,56,93,1);
	}
	.Path_45 {
		overflow: visible;
		position: absolute;
		width: 10.699px;
		height: 16.43px;
		left: 74.277px;
		top: 15.653px;
		transform: matrix(1,0,0,1,0,0);
	}
	#Path_46 {
		fill: rgba(45,56,93,1);
	}
	.Path_46 {
		overflow: visible;
		position: absolute;
		width: 3.717px;
		height: 6.982px;
		left: 80.961px;
		top: 25.29px;
		transform: matrix(1,0,0,1,0,0);
	}
	h2 {
		font-size: 22px;
		line-height: 25px;
		margin: auto 10px;
		font-family: "Raleway-Bold";
	}
	p {
		font-size: 14px;
		overflow: visible;
		white-space: revert;
		line-height: 18px;
		padding-top: 10px;
		margin: auto 10px;
	}
	.image-home-mobile {
		margin-top: 20px;
	}
	.image-home-mobile img {
		width: 100%;
	}
	.button-home {
		display: flex;
		position: relative;
		margin: 20px 10px auto 10px;
		height: 45px;
		justify-content: center;
		place-items: center;
		min-width: 250px;
	}
	.button-home span {
		white-space: nowrap;
		line-height: 42px;
		text-align: center;
		font-family: Raleway;
		font-style: normal;
		font-weight: bold;
		font-size: 16px;
		color: rgba(255,255,255,1);
		letter-spacing: -0.35px;
	}
	.modal {
		display: none;
		position: fixed;
		z-index: 1;
		left: 0;
		width: 100%; /* Adjust this to the width you want */
		overflow: auto;
		background-color: rgba(6, 25, 90, 0.73); 
		opacity: 0.99;
		height: calc(100vh - 60px); /* Subtracting header height from the viewport height */	
		top: 65px;
		padding-right: 20px;
	}
	.category-title {
		margin: auto 20px;
		padding-top: 20px;
		margin-bottom: 50px;
	}
	.content_card {
		margin: auto;
	}

	.content_card h1 {
		padding: 10px;
	}
	.product {
		width: 100%;
		align-content: center;
		display: grid;
		justify-content: center;
		flex: auto;
	}
	.product img {
		width: 100%;
	}
	.product-container {
		margin: auto auto;
	}
	.product {
		padding: 0px;
		margin: 30px auto;
	}
	.product h2 {
		margin: 5px 30px 0px 30px;
	}
	.product p {
		margin: 5px 30px;	
		font-size: 18px;
		padding: 0px;
	}
	h1 {
		font-size: 22px;
		padding: 30px;
		white-space: normal;
	}
	.price {
		margin-left: 30px;
		font-size: 16px;
	}
	.description {
		margin-top: 30px;
		margin-left: 30px;
		max-width: 100%;
	}
	.button-home.product {
		margin: 10px 30px;
		width: auto;
	}
	.content_card.thankyou {
		margin-top: 0px;
		padding-top: 50px;
	}
}