/* Text Boxes Section */
#text-boxes-info {
  display: flex;
/*  flex-wrap: nowrap; *//* Prevent boxes from wrapping to a new line */
  flex-wrap: wrap; /* Let boxes to wrap to a new line */
  justify-content: flex-start; /* Start flex items from the left */
/*  max-width: 900px; *//* Set the maximum width for boxes on normal screens */
  max-width: 1200px; /* Set the maximum width for boxes on normal screens */
  margin: 0 auto; /* Center the boxes on normal screens */
}
/* Adjust the size for mobile screens */
.box-info {
/*  min-width: 270px; *//* Set the minimum width of each box */
  min-width: 350px; /* Set the minimum width of each box */
/*  flex: 0 0 270px; *//* Set a fixed width for each box */
  flex: 0 0 350px; /* Set a fixed width for each box */
  height: 100px; /* Set the height of each box */
/*  background-color: #f0f0f0;*/
  background-color: #ECF6F7;
/*  margin: 12px;*/
  margin: 10px 20px 10px 20px;
  display: flex;
/*  align-items: center;*/ /* Makes the content to be centered */
  justify-content: center;
  font-size: 12px;

  /* Adjust the size for mobile screens */
/*  @media only screen and (max-width: 768px) {*/
/*    min-width: 100px;*/
/*    flex: 0 0 100px;*/
/*    height: 100px;/*
/*  }*/

/*  @media only screen and (max-width: 640px) {*/
  @media only screen and (max-width: 1240px) {
    min-width: 100px;
/*    flex: 0 0 100px;*/
/*    height: 100px;*/
/*    flex: 0 0 130px;*/
    flex: 0 0 295px;
	margin: 10px 15px 10px 15px;
    height: 100px;
  }

  /* Adjust the size for mobile screens */
/*  @media only screen and (max-width: 768px) {*/
/*  @media only screen and (max-width: 510px) {*/
  @media only screen and (max-width: 1040px) {
    min-width: 100px;
/*    flex: 0 0 100px;*/
/*    height: 100px;*/
/*    flex: 0 0 360px;*/
    flex: 0 0 220px;
	margin: 10px 15px 10px 15px;
    height: 100px;
  }

  /* Adjust the size for mobile screens */
  @media only screen and (max-width: 860px) {
    min-width: 100px;
/*    flex: 0 0 100px;*/
/*    height: 100px;*/
/*    flex: 0 0 360px;*/
    flex: 0 0 140px;
	margin: 10px 15px 10px 15px;
    height: 120px;
  }
}


.text-boxes-info-h {
	font-size: 21px;
	margin-left: 12px;
}
/* Responsive Styles */
@media only screen and (min-width: 769px) {
	#text-boxes-info {
		/* Use Flexbox to have a maximum of four boxes per row */
/*		flex-wrap: wrap;*/
/*		justify-content: flex-start;*/
/*		align-content: flex-start;*/
	}
}



/* box8 content */
.box-info-container-vertical {
/*	display: grid;*/
/*	grid-template-rows: auto 1fr; *//* First row takes content's height, the rest distributes the remaining height */
	display: flex;
	flex-direction: column; /* Stack items vertically */
/*	align-items: flex-start; *//* Align items to the start (top) of the container */
}
.box-info-item-vertical {
}
.box-info-item1 {
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
}
.box-info-item2 {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.bold-info {
	color: black;
	font-weight:bold;
	text-align: center;
}
.desc-info {
	color: #333333;
	text-align: center;
}
.desc-info-line2 { /* for hover on desktop and mobile */
	color: #333333;
	text-align: center;

/*	padding-left: 125px; *//* on hover to make the whole box light up on desktop */
	padding-left: 164px; /* on hover to make the whole box light up on desktop */
/*	padding-right: 125px; *//* on hover to make the whole box light up on desktop */
	padding-right: 164px; /* on hover to make the whole box light up on desktop */
/*
	@media only screen and (max-width: 768px) {
		display: none;
	}
*/
/*	@media only screen and (max-width: 640px) {*/
	@media only screen and (max-width: 1240px) {
		padding-left: 136px; /* on hover to make the whole box light up on desktop */
		padding-right: 136px; /* on hover to make the whole box light up on desktop */
	}
/*	@media only screen and (max-width: 510px) {*/
	@media only screen and (max-width: 1040px) {
/*		padding-left: 168px; *//* on hover to make the whole box light up on desktop */
/*		padding-right: 168px; *//* on hover to make the whole box light up on desktop */
		padding-left: 100px; /* on hover to make the whole box light up on desktop */
		padding-right: 100px; /* on hover to make the whole box light up on desktop */
	}
	@media only screen and (max-width: 860px) {
/*		padding-left: 168px; *//* on hover to make the whole box light up on desktop */
/*		padding-right: 168px; *//* on hover to make the whole box light up on desktop */
		padding-left: 50px; /* on hover to make the whole box light up on desktop */
		padding-right: 50px; /* on hover to make the whole box light up on desktop */
	}
}



/**/
/*
  @media only screen and (max-width: 640px) {
    min-width: 100px;
    flex: 0 0 130px;
    height: 100px;
  }
  @media only screen and (max-width: 510px) {
    min-width: 100px;
    flex: 0 0 360px;
    height: 100px;
  }
*/
/**/



.image-container-info {
    max-width: 100%; /* Ensure the container doesn't exceed its parent's width */
    margin: 0 auto; /* Center the container horizontally */
    text-align: center; /* Center the image horizontally */
}

.image-container-info img {
    max-width: 100%; /* Make the image responsive */
    height: auto; /* Maintain the image's aspect ratio */
}



/* Hover effect on box-info */

.cool-link-info {
  transition: background-color 0.3s ease, transform 0.3s ease;
  text-decoration: none;
}
.cool-link-info:hover {
  background-color: #26BAC9;
}



/* Style for larger screens (desktop) */
.container1-country {
	margin-top: 30px;
	display: flex;
}

.column1-left-country {
  flex: 2; /* Set the left column to 2/3 of the width */
/*  max-width: 600px; *//* Set the maximum width for the left column */
  max-width: 900px; /* Set the maximum width for the left column */
/*  padding: 20px;*/
/*  border: 1px solid #ddd;*/
}

.column1-right-country {
	flex: 1; /* Set the right column to 1/3 of the width */
	max-width: 300px; /* Set the maximum width for the right column */
/*  padding: 20px;*/
/*  border: 1px solid #ddd;*/
}

/* Media query for smaller screens (mobile) */
@media (max-width: 768px) {
	.container1-country {
		flex-direction: column;
	}

	.column1-right-country {
		padding-top: 20px; /* for mobile column-right-country not to be too close to content on top */
	}

	.column1-left-country,
	.column1-right-country {
		flex: 1; /* Equal width for both columns on mobile */
		max-width: none; /* Remove the max-width on mobile */
		border: none;
/*    padding: 10px;*/
	}
}



.date-info {
	color: #666666;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.info-h1-img-text {
	padding-left: 6px;
	padding-right: 20px;
}
.info-h1-img-text h1 {
    font-size: 22px;
/*    margin-bottom: 10px;*/
}
.info-h1-img-text p {
    font-size: 18px;
    line-height: 1.4;
    margin-top: 20px;
    margin-bottom: 20px;
}
.img-in-text {
	padding: 5px;
}
.img-max-w {
	max-width: 100%;
	height: auto;
}
.info-main-text {
	padding-left: 50px;	
	padding-right: 50px;
}
.info-main-text h2 {
    font-size: 20px;
    margin-bottom: 10px;
}
.info-main-text h3 {
    font-size: 18px;
    margin-bottom: 10px;
    font-style: italic;
}
.info-main-text p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
}
.info-underline {
	margin-top: 40px;
	text-decoration:underline;
}
.info-company-address {
    margin-bottom: 20px;
}
.info-company-address p {
	margin-top: 0px;
	margin-bottom: 0px;
}
.info-company-address a {
	text-decoration: none;
	color: black;
}
.bold-part-of-text {
	font-weight: bold;
}
.bold-part-of-text a {
	text-decoration: none;
	color: black;
}
ul.square {
	list-style-type: square;
}
.info-list {
	line-height: 1.4;
	margin-left: 20px;
	margin-bottom: 20px;
}
.info-list-2 { /* one level deeper */
	line-height: 1.4;
	margin-left: 20px;
}
.info-double-bullet-list {
}
.info-double-bullet-list p {
	margin-bottom: 1px;
}


/* bo sub */
/* Text Boxes Section */
#text-boxes-subinfo {
  display: flex;
/*  flex-wrap: nowrap; *//* Prevent boxes from wrapping to a new line */
  flex-wrap: wrap; /* Let boxes to wrap to a new line */
  justify-content: flex-start; /* Start flex items from the left */
  max-width: 900px; /* Set the maximum width for boxes on normal screens */
  margin: 0 auto; /* Center the boxes on normal screens */
}
/* Adjust the size for mobile screens */
.box-subinfo {
  min-width: 140px; /* Set the minimum width of each box */
  flex: 0 0 140px; /* Set a fixed width for each box */
  height: 140px; /* Set the height of each box */
/*  background-color: #f0f0f0;*/
  background-color: #ECF6F7;
  margin: 6px;
  display: flex;
/*  align-items: center;*/ /* Makes the content to be centered */
  justify-content: center;
  font-size: 12px;

  /* Adjust the size for mobile screens */
  @media only screen and (max-width: 768px) {
/*    min-width: 100px;*/
/*    flex: 0 0 200px;*/
/*    height: 200px;*/
  }
}



/* Responsive Styles */
@media only screen and (min-width: 769px) {
	#text-boxes-subinfo {
		/* Use Flexbox to have a maximum of four boxes per row */
/*		flex-wrap: wrap;*/
/*		justify-content: flex-start;*/
/*		align-content: flex-start;*/
	}
}



/* box8 content */
.box-subinfo-container-vertical {
/*	display: grid;*/
/*	grid-template-rows: auto 1fr; *//* First row takes content's height, the rest distributes the remaining height */
	display: flex;
	flex-direction: column; /* Stack items vertically */
/*	align-items: flex-start; *//* Align items to the start (top) of the container */
}
.box-subinfo-item-vertical {
}
.box-subinfo-item1 {
	margin-top: 10px;
	margin-left:auto;
	margin-right:auto;
}
.box-subinfo-item2 {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.bold-subinfo {
	color: black;
	font-weight:bold;
	text-align: center;
}
.desc-subinfo {
	color: #333333;
	text-align: center;
}
.desc-subinfo-line2 {
	padding-left: 60px; /* on hover to make the whole box light up on desktop */
	padding-right: 60px; /* on hover to make the whole box light up on desktop */
}



/* Hover effect on box-theme */
.cool-link-subinfo {
  transition: background-color 0.3s ease, transform 0.3s ease;
  text-decoration: none;
}
.cool-link-subinfo:hover {
  background-color: #26BAC9;
}
.info-subinfo-area {
	margin-top: 50px;
}
.info-subinfo-area-location {
	margin-top: 6px;
	margin-left: 6px;
}
/* eo sub */







/* Theme boxes full width under info text */
.container2-country {
	margin-top: 50px;
	margin-bottom: 50px;
/*	display: flex;*/
}

.column2-only-country {
/*  max-width: 900px; *//* Set the maximum width for the left column */
  max-width: 1200px; /* Set the maximum width for the left column */
/*  padding: 20px;*/
/*  border: 1px solid #ddd;*/
}

/* Media query for smaller screens (mobile) */
@media (max-width: 768px) {
	.column2-only-country {
		max-width: none; /* Remove the max-width on mobile */
		border: none;
/*    padding: 10px;*/
	}
}



/* Advertisement */
.info-ad-link {
	text-decoration: none;
	color: black;
}
.image-container-ad-info {
    max-width: 100%; /* Ensure the container doesn't exceed its parent's width */
    margin: 0 auto; /* Center the container horizontally */
    text-align: center; /* Center the image horizontally */
}

.image-container-ad-info img {
    max-width: 100%; /* Make the image responsive */
    height: auto; /* Maintain the image's aspect ratio */
}
.info-ad-border {
	color: black;
	border-style: solid;
	border-width: 2px;
}
.info-ad-color {
	color: #FF66FF
}
.info-ad-source {
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	color: black;
}
.info-ad-source a {
	text-decoration: none;
}