/* =========================================================
   DESTINATION COUNTRY LANDING
   ========================================================= */

.destination-country {
	--country-section-space: 90px;
	--country-radius: 24px;
	--country-card-radius: 18px;

	color: var(--th-color-primary);
}


/* =========================================================
   COUNTRY INTRO
   ========================================================= */

.destination-country .section-country-intro {
    padding-top: 50px;
    padding-bottom: 45px;
    max-width: 1700px;
    padding: 0px 2% 100px;
}
.destination-country .container{
	width:100%;
}
.destination-country .section-country-intro .media {
	position: relative;
	display: block;
	min-height: 620px;
	overflow: visible;
	border-radius: var(--country-radius);
}

.destination-country .section-country-intro .media > .image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: var(--country-radius);
}

.destination-country .section-country-intro .media::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: var(--country-radius);
    background: linear-gradient(90deg, rgb(12 40 50 / 31%) 0%, rgb(12 40 50 / 26%) 40%, rgba(12, 40, 50, .18) 72%, rgb(12 40 50 / 15%) 100%);
    pointer-events: none;
}

.destination-country .section-country-intro .section-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 560px;
    min-height: 620px;
    padding: 70px 0 70px 10%;
    color: #fff;
}
.destination-country .section-country-intro .section-content .heading, .destination-country .section-country-intro .section-content .text p{
    color: #fff;
    text-align: left;
}

.destination-country .section-country-intro .section-content .heading {
	margin: 0 0 22px;
}

.destination-country .section-country-intro .section-content .text {
	margin: 0 0 26px;
}

.destination-country .section-country-intro .section-content .button-link {
	align-self: flex-start;
	color: var(--th-color-accent);
}

.destination-country .section-country-intro .section-content .button-link:hover {
	color: #fff;
}


/* Intro callout card */

.destination-country .section-country-intro .media > .card {
	position: absolute;
	right: 58px;
	bottom: -58px;
	z-index: 2;
	width: min(280px, calc(100% - 40px));
	padding: 28px;
	border: 0;
	border-radius: 18px;
	background: var(--th-color-secondary);
	box-shadow: 0 18px 40px rgba(20, 54, 66, .16);
}

.destination-country .section-country-intro .media > .card .heading {
	margin: 0 0 10px;
}

.destination-country .section-country-intro .media > .card .text {
    margin: 0;
    padding-bottom: 0px;
}
/* =========================================================
QUOTE CARD
========================================================= */

.destination-country .section-country-intro .media > .card .heading {
	position: relative;
}


/* Jutumärgid */

.destination-country .section-country-intro .media > .card .heading::before {
    content: "”";
    display: block;
    margin-bottom: -15px;
    color: var(--th-color-accent);
    font-family: Arial, sans-serif;
    font-size: 72px;
    font-weight: 700;
    line-height: .65;
    letter-spacing: -8px;
}


/* Pealkiri */

.card-quote .heading {
	margin: 0 0 14px;
}


/* Alumine tekst */

.card-quote .text {
	margin: 0;
}

/* =========================================================
   COUNTRY FACTS
   ========================================================= */
.destination-country .grid .card:last-child{
	display:block !important;
}
.destination-country .section-country-facts {
    /* padding-top: 55px; */
    /* padding-bottom: 80px; */
    padding: 50px 0px;
}

.destination-country .section-country-facts .grid {
    display: flex;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 1000px;
    margin: 50px auto 0px;
}
.destination-country .section-country-facts h2 b{
	font-size:125%;
	color:var(--th-color-accent)
}
.destination-country .section-country-facts .card {
    /* display: flex; */
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-height: 92px;
    padding: 16px 18px;
    /* border: 1px solid rgba(20, 54, 66, .07); */
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px rgb(20 54 66 / 13%);
    flex-direction: column;
}

.destination-country .section-country-facts .card-media {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin: 0;
}

.destination-country .section-country-facts .card-media .image {
	display: block;
	width: 34px;
	height: 34px;
	object-fit: contain;
}

.destination-country .section-country-facts .card-content {
	padding: 0;
}

.destination-country .section-country-facts h3.heading {
	margin: 0 0 3px;
	font-size: 15px;
}

.destination-country .section-country-facts .text {
	
	font-size: 12px;
	line-height: 1.45;
}


/* =========================================================
   REGIONS / CITIES
   ========================================================= */

.destination-country .section-destination-regions {
	padding-top: 75px;
	padding-bottom: 90px;
}

.destination-country .section-destination-regions .section-header {
	text-align: center;
}

.destination-country .section-destination-regions .section-header-content {
	margin: 0 auto;
}

.destination-country .section-destination-regions .grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
}

.destination-country .section-destination-regions .card {
	overflow: hidden;
	border: 0;
	border-radius: var(--country-card-radius);
	background: #fff;
	box-shadow: 0 10px 30px rgba(20, 54, 66, .08);
}

.destination-country .section-destination-regions .card-link {
	display: block;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.destination-country .section-destination-regions .card-media {
	overflow: hidden;
	aspect-ratio: 1.3 / 1;
}

.destination-country .section-destination-regions .card-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .35s ease;
}

.destination-country .section-destination-regions .card:hover .card-image {
	transform: scale(1.045);
}

.destination-country .section-destination-regions .card-content {
	padding: 18px 18px 22px;
}

.destination-country .section-destination-regions .heading {
	margin: 0 0 8px;
}

.destination-country .section-destination-regions .text {
	margin: 0;
}




/* =========================================================
   FAQ
   ========================================================= */

.destination-country .section-faq {
    width: min(var(--v360-container), calc(100% - 10%));
    margin: 50px auto;
    padding: 70px 7%;
    border-radius: var(--country-radius);
    background: var(--th-color-primary);
    color: #fff;
}

.destination-country .section-faq > .container {
	width: 100%;
	max-width: 1050px;
}

.destination-country .section-faq .section-header {
	margin-bottom: 40px;
	text-align: center;
}

.destination-country .section-faq .section-header-content {
	max-width: 650px;
	margin: 0 auto;
}

.destination-country .section-faq .heading,
.destination-country .section-faq .text {
	color: #fff;
}


/* =========================================================
   FAQ GRID
   ========================================================= */

.destination-country .section-faq .faq {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: 12px 22px;
}


/* =========================================================
   FAQ ITEM
   ========================================================= */

.destination-country .section-faq .faq-item {
	overflow: hidden;
	border-radius: 8px;
	background: rgba(0, 0, 0, .12);

	transition:
		background-color .25s ease,
		box-shadow .25s ease;
}


/* =========================================================
   FAQ TOGGLE
   ========================================================= */

.destination-country .section-faq .faq-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;

	width: 100%;
	min-height: 54px;

	padding: 13px 18px;

	border: 0;
	background: transparent;

	color: #fff;

	font: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;

	text-align: left;
	cursor: pointer;

	transition:
		color .25s ease,
		background-color .25s ease;
}


/* Hover ainult suletud FAQ-l */

.destination-country .section-faq
.faq-item:not(.is-open)
.faq-toggle:hover {
	background: rgba(255, 255, 255, .04);
}


/* =========================================================
   ACTIVE TITLE
   ========================================================= */

.destination-country .section-faq
.faq-item.is-open
.faq-toggle {
	background: transparent;
	color: var(--th-color-accent);
}


/*
Pealkirja span eraldi, et mõni globaalne
button/span värv seda üle ei kirjutaks.
*/

.destination-country .section-faq
.faq-item.is-open
.faq-toggle > span:first-child {
	color: var(--th-color-accent);
}


/* Aktiivsel hover tausta EI teki */

.destination-country .section-faq
.faq-item.is-open
.faq-toggle:hover {
	background: transparent;
}


/* =========================================================
   FAQ ICON
   ========================================================= */

.destination-country .section-faq .faq-icon {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 24px;

	width: 24px;
	height: 24px;

	color: currentColor;

	font-size: 18px;
	font-weight: 400;
	line-height: 1;

	transition:
		transform .3s ease,
		color .25s ease;
}


/* Aktiivne ikoon */

.destination-country .section-faq
.faq-item.is-open
.faq-icon {
	color: var(--th-color-accent);
}


/* =========================================================
   FAQ CONTENT - SMOOTH OPEN / CLOSE
   ========================================================= */

/*
Oluline:
JS lisab/eemaldab hidden atribuuti.

Tavaliselt tähendab [hidden] display:none.
Me override'ime selle siin, et CSS saaks
kõrgust animeerida.
*/

.destination-country .section-faq .faq-content,
.destination-country .section-faq .faq-content[hidden] {
	display: grid !important;

	grid-template-rows: 0fr;

	padding:
		0 18px
		0;

	opacity: 0;

	visibility: hidden;

	transition:
		grid-template-rows .38s ease,
		opacity .28s ease,
		padding .38s ease,
		visibility 0s linear .38s;
}


/*
Sisu enda wrapper.
Sinu HTML-is on selleks .text.
*/

.destination-country .section-faq
.faq-content > .text {
	min-height: 0;
	overflow: hidden;
}


/* =========================================================
   OPEN CONTENT
   ========================================================= */

.destination-country .section-faq
.faq-item.is-open
.faq-content {
	grid-template-rows: 1fr;

	padding:
		0 18px
		18px;

	opacity: 1;

	visibility: visible;

	transition:
		grid-template-rows .38s ease,
		opacity .32s ease .05s,
		padding .38s ease,
		visibility 0s;
}


/* =========================================================
   CONTENT TEXT
   ========================================================= */

.destination-country .section-faq
.faq-content .text {
	margin: 0;

	color: rgba(255, 255, 255, .84);

	font-size: 14px;
	line-height: 1.65;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.destination-country .section-faq {
		width: calc(100% - 10%);
		margin-bottom: 70px;
		padding: 50px 5%;
	}

	.destination-country .section-faq .section-header {
		margin-bottom: 30px;
	}

	.destination-country .section-faq .faq {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.destination-country .section-faq .faq-toggle {
		min-height: 56px;
		padding: 14px 16px;
	}

	.destination-country .section-faq
	.faq-item.is-open
	.faq-content {
		padding:
			0 16px
			17px;
	}

	.destination-country .section-faq
	.faq-content,
	.destination-country .section-faq
	.faq-content[hidden] {
		padding-left: 16px;
		padding-right: 16px;
	}

}


/* =========================================================
   CONSULTANT
   ========================================================= */

.destination-country .section-consultant {
	padding-top: 0;
	padding-bottom: 100px;
}

.destination-country .section-consultant .container {
	max-width: 900px;
}

.destination-country .section-consultant .grid {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	align-items: center;
	gap: 60px;
}

.destination-country .section-consultant .media {
	overflow: hidden;
	border-radius: 18px;
	background: #f4f4f4;
}

.destination-country .section-consultant .media .image {
	display: block;
	width: 100%;
	aspect-ratio: .78 / 1;
	object-fit: cover;
}

.destination-country .section-consultant .section-content {
	max-width: 520px;
}

.destination-country .section-consultant .section-content > .text-sm:first-child {
	margin: 0 0 16px;
	color: var(--th-color-accent);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.destination-country .section-consultant .heading {
	margin: 0 0 20px;
}

.destination-country .section-consultant .section-content > .text:not(.text-sm) {
	margin: 0 0 24px;
}

.destination-country .consultant-meta {
	margin-top: 22px;
}

.destination-country .consultant-meta strong {
	display: block;
	margin-bottom: 2px;
	font-size: 14px;
}

.destination-country .consultant-meta .text {
	margin: 0;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

	.destination-country {
		--country-section-space: 75px;
	}

.section-offers .grid,
	.destination-country .section-destination-regions .grid,
	.destination-country .section-inspiration .grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	

	.destination-country .section-country-intro .media,
	.destination-country .section-country-intro .section-content {
		min-height: 560px;
	}

	.destination-country .section-country-intro .section-content {
		max-width: 500px;
		padding-left: 50px;
	}

}
@media (max-width: 1000px) {
.destination-country .section-country-facts .card {
    
    width: 49%;
}
	.destination-country .section-country-facts .grid {
    gap:20px 2%;
    
}
}
/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width: 900px) {

	.destination-country .section-country-intro .section-content {
		max-width: 470px;
		padding-left: 40px;
		padding-right: 40px;
	}

	.destination-country .section-faq {
		width: calc(100% - 40px);
		padding: 60px 40px;
	}

	.destination-country .section-faq .faq {
		grid-template-columns: 1fr;
	}

	.destination-country .section-consultant .grid {
		grid-template-columns: 260px minmax(0, 1fr);
		gap: 40px;
	}
	.destination-country .section-country-facts {
 
    padding-bottom: 35px;
}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
	.destination-country .section-country-intro .section-content .text {
    
    max-width: 400px;
}
	.destination-country .section-country-intro {
    padding-top: 50px;
    padding-bottom: 45px;
    max-width: 100%;
    padding: 25px 0% 100px;
}
	.section-country-intro .container {
    width: 100% !important;
}
	.destination-country .section-country-intro .media > .image {
  
    border-radius: 0px;
}
	.destination-country .section-country-intro .media > .card {
    
    bottom: -120px;

}

	.destination-country {
		--country-section-space: 60px;
		--country-radius: 0px;
		--country-card-radius: 16px;
	}



	/* Cards */

	.destination-country .section-destination-regions .grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
	}


	/* Intro */

	.destination-country .section-country-intro {
		padding-top: 30px;
	}

	.destination-country .section-country-intro .media {
		min-height: 620px;
		overflow: visible;
	}

	.destination-country .section-country-intro .media::after {
		background:
			linear-gradient(
				0deg,
				rgba(12, 40, 50, .95) 0%,
				rgba(12, 40, 50, .74) 52%,
				rgba(12, 40, 50, .18) 100%
			);
	}

	.destination-country .section-country-intro .section-content {
		
		max-width: none;
		min-height: 620px;
		padding: 40px 30px 50px;
	}




	/* Facts */

	.destination-country .section-country-facts {
		padding-top: 95px;
	}

	.destination-country .section-country-facts .grid {
		grid-template-columns: 1fr 1fr;
	}


	/* Consultant */



	.destination-country .section-consultant .media {
		max-width: 300px;
		margin: 0 auto;
	}

	.destination-country .section-consultant .section-content {
		max-width: none;
	}


	/* FAQ */

	.destination-country .section-faq {
		width: calc(100% - 0px);
		margin-bottom: 70px;
		padding: 50px 24px;
	}

}
@media (max-width: 700px) {
	.text.text-lg.employee-recommendation-text{
		max-width:100%;
	}
	.employee-recommendation-media {
    width: 50% !important;
    
}

}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 520px) {
.destination-country .section-country-facts .grid {
    gap: 10px 2%;
}
.section-country-facts .text.text-sm {
    padding: 5px 0% 10px;
    
}

	.destination-country .section-country-facts .card {
		min-height: 84px;
	}

	.destination-country .section-country-intro .section-content {
		padding-left: 24px;
		padding-right: 24px;
	}

	.destination-country .section-country-intro .media > .card {
		right: 15px;
		left: 15px;
		width: auto;
	}

	.destination-country .section-faq {
		padding-left: 18px;
		padding-right: 18px;
	}

}