/*
	Theme Name: Hello-Elementor-Child	
	Theme URI: https://elementor.com/hello-theme/
	Description: A lightweight and minimalist WordPress theme for Elementor page builder.
	Author: Elementor Team
	Author URI: https://elementor.com/
    Template: hello-elementor
	Version: 2.8.1
	Stable tag: 2.8.1
	Requires at least: 5.9
	Tested up to: 6.2
	Requires PHP: 7.0
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor-child
	Description: A lightweight, plain-vanilla, best suited for building your site using Elementor website builder. Visit https://elementor.com/hello-theme/ to learn more.
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
	font: 400 16px/1.8 "Montserrat", sans-serif !important;
	background-color: #F9F8FE !important;
}

.container {
	max-width: calc(1170px + 32px);
	padding: 0 16px;
}

.btn {
	font-size: 24px;
	line-height: 1;
	font-weight: 700;
	padding: 20px 30px;
	border-radius: 16px;
	border: none;
}

.btn-primary {
	background-color: #ECDF64;
	color: #45413C;
}

.btn-primary:hover {
	background-color: rgba(236, 223, 100, .75);
}

.btn-md {
	background-color: #ECDF64;
	color: #45413C;
	font-size: 16px;
	padding: 12px 20px;
	border-radius: 10px;
	box-shadow: 0px 5px 15px 0px #6F6F6F33;
}

.btn-md:hover {
	background-color: #fff;
}

/* breadcrumbs */
.breadcrumbs-list {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
	margin: 0 -15px 15px;
	font-size: 13px;
	line-height: 24px;
	color: #45413C;
	list-style: none;
	display: none;
}

.breadcrumbs-list li {
	padding: 0 15px;
	position: relative;
}

.breadcrumbs-list li:after {
	content: '>';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.breadcrumbs-list li:last-of-type {
	font-weight: 500;
	color: #1CA5CC;
}

.breadcrumbs-list li:last-of-type:after {
	display: none;
}

/* home styles */
.page header {
	margin-bottom: 0 !important;
}

header nav.navbar {
	background-color: #61A3C6 !important;
	padding: 28px 0;
}

.navbar-expand-lg .navbar-collapse {
	justify-content: flex-end;
}

header .navbar-light .navbar-nav .nav-link {
	color: #fff;
	text-transform: capitalize;
	padding: 0;
}

header .navbar-light .navbar-nav .nav-link:hover {
	color: #fff;
	text-decoration: underline;
}


header .navbar-light .navbar-nav .nav-link.btn {
	padding: 12px 20px;
	font-size: 16px;
	color: #45413C;
	text-transform: uppercase;
}

header .navbar-light .navbar-nav .nav-link.btn:hover {
	text-decoration: none;
}

.navbar-toggler {
	display: block !important;
	position: relative;
	width: 33px !important;
	height: 32px;
	cursor: pointer !important;
	border: none !important;
}

.navbar-toggler:focus {
	outline: none;
	border: none;
	background: none !important;
	box-shadow: none;
}

.navbar-toggler span {
	display: block;
	width: 100%;
	height: 4px;
	margin: 5px 0;
	position: relative;
	background: #fff;
	z-index: 1;
	transition: all .2s ease-in-out;
	transform-origin: 4px 0px;
	/* -webkit-transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); */
}

.navbar-toggler[aria-expanded=false] span:first-child {
	transform-origin: 0% 0%;
}

.navbar-toggler[aria-expanded=false] span:nth-last-child(2) {
	-webkit-transform-origin: 0% 100%;
}

.navbar-toggler[aria-expanded=true] span {
	transform: rotate(45deg) translate(1px, -1px);
}

.navbar-toggler[aria-expanded=true] span:nth-last-child(2) {
	opacity: 0;
	-webkit-transform: rotate(0deg) scale(0.2, 0.2);
	transform: rotate(0deg) scale(0.2, 0.2);
}

.navbar-toggler[aria-expanded=true] span:last-child {
	-webkit-transform: rotate(-45deg) translate(0, -1px);
	transform: rotate(-45deg) translate(0, -1px);
}

.navbar-nav {
	gap: 10px;
	padding-top: 20px;
	align-items: center;
}

.navbar-light .navbar-toggler:hover {
	background: none;
}


@media(min-width: 992px) {
	.navbar-toggler {
		display: none !important;
	}

	.navbar-expand-lg .navbar-nav {
		gap: 40px;
		padding: 0;
	}
}

.top-banner {
	padding: 140px 16px 70px;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: cover;
	position: relative;
}

.top-banner:before {
	position: absolute;
	content: '';
	inset: 0;
	background: linear-gradient(103.15deg, rgba(28, 164, 203, 0.38) 28.5%, rgba(236, 223, 100, 0.38) 74%, rgba(74, 165, 202, 0.38) 100%);
}

.top-banner h1 {
	max-width: 1150px;
	margin: 0 auto;
	color: #fff;
	font-size: 33px;
	line-height: 1;
	position: relative;
	z-index: 1;
}

@media(min-width: 768px) {
	.top-banner h1 {
		font-size: 66px;
	}
}

/* country-block */
.country-block {
	padding-top: 70px;
	background-color: #F9F8FE;
}

.home .left-aside {
	max-width: 100%;
	padding-bottom: 70px;
}

.home .main-content {
	width: 100%;
	padding: 0;
}

.home .right-aside {
	max-width: 100%;
}

.home .accordion {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px 10px;
}

.accordion-items {
	max-width: 169px;
	width: 100%;
	background: none;
	border: none;
	display: none;
}

.home .accordion-items {
	max-width: calc(100% / 2 - 10px);
}

@media(min-width: 768px) {
	.home .accordion-items {
		max-width: calc(100% / 3 - 10px);
	}
}

@media(min-width: 1024px) {
	.home .accordion {
		flex-wrap: nowrap;
	}

	.home .accordion-items {
		max-width: 169px;
	}
}

.home .accordion-items,
.accordion-items:first-child {
	display: block;
}

.country-list {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

.home .country-list {
	max-height: 100%;
	transition: max-height .5s ease-in-out;
}

.home .accordion-content {
	display: none;
}

@media(min-width: 768px) {
	.home .country-list {
		max-height: 204px;
	}

	.home .accordion-content {
		display: block;
	}
}

.home .country-list.open {
	max-height: 2000px;
}

.accordion-heading .img-holder {
	margin-bottom: 16px;
	max-width: 169px;
}

.accordion-heading strong {
	font-size: 21px;
	line-height: 1.25;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	position: relative;
}

.accordion-heading strong:after {
	content: '';
	transition: all .2s ease-in-out;
	width: 8px;
	height: 8px;
	transform: rotate(45deg);
	border: 1px solid #000;
	border-width: 0 1px 1px 0;
	right: 0;
	margin-bottom: 2px;
}

.accordion-heading.active strong:after {
	transform: rotate(225deg);
}

.accordion-content .country-list a,
.accordion-content .country-list li {
	text-decoration: underline !important;
	color: #45413C !important;
	font-weight: 600 !important;
	transition: all .2s ease-in-out
}

.accordion-content .country-list li.active a,
.accordion-content .country-list a:hover {
	color: #1CA5CC !important;
}

.accordion-content .country-list li {
	position: relative;
	margin-left: 8px !important;
	padding-left: 12px;
}

.accordion-content .country-list li.is-hidden {
	visibility: hidden;
	height: 0;
	pointer-events: none;
}

.accordion-content .country-list li:before {
	position: absolute;
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #45413C;
	left: 0;
	top: 11px;
}

.left-aside .more {
	border: none;
	color: #1CA5CC;
	padding: 0;
	font-size: 16px;
	font-weight: 700;
	position: relative;
	display: none;
	gap: 17px;
	align-items: center;
}

.home .left-aside .more {
	display: flex;
}

.home .left-aside .more:after {
	content: '';
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.70711 10.2929C10.0976 10.6834 10.0976 11.3166 9.70711 11.7071L5.70711 15.7071C5.31658 16.0976 4.68342 16.0976 4.29289 15.7071L0.292893 11.7071C-0.0976319 11.3166 -0.0976319 10.6834 0.292893 10.2929C0.683417 9.90237 1.31658 9.90237 1.70711 10.2929L4 12.5858L4 1C4 0.447715 4.44772 -2.42698e-07 5 -2.18557e-07C5.55228 -1.94416e-07 6 0.447715 6 1L6 12.5858L8.29289 10.2929C8.68342 9.90237 9.31658 9.90237 9.70711 10.2929Z' fill='%231CA5CC'/%3e%3c/svg%3e ");
	width: 10px;
	height: 16px;
}

.home .left-aside .more:focus,
.home .left-aside .more:hover {
	background: transparent;
	opacity: .75;
	color: #1CA5CC;
}

.home .left-aside .more.active:after {
	transform: rotate(180deg);
}

.home .btn-holder {
	display: flex;
	justify-content: center;
	margin-top: 32px;
	display: none;
}

.search_area {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-bottom: 44px;
	justify-content: space-between;
	align-items: center;
}

@media(min-width: 768px) {
	.search_area {
		flex-direction: row;
		gap: 0;
	}

	.home .btn-holder {
		display: flex;
	}

	.accordion-heading strong:after {
		display: none;
	}
}

.search_area .title {
	font-size: 12px;
	line-height: 1;
	font-weight: 700;
	color: #45413C;
	letter-spacing: 2px;
}

.home .search_area .see-all {
	display: none;
}

.search_area .search {
	border: none;
	padding: 8px 0 8px 16px;
	font-size: 16px;
	color: #45413C;
	outline: none;
	border-radius: 24px;
	width: 100%;
}

.search_area .search:focus {
	border: none;
}

.search_area .search_form {
	max-width: 350px;
	width: 100%;
	position: relative;
}

.search_area .search_box {
	background-color: #fff;
	border: 1px solid #D9D9D9;
	border-radius: 24px;
	padding: 0 40px 0 0;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.7998 12.8L9.8998 9.90005M11.4665 6.13338C11.4665 9.0789 9.07866 11.4667 6.13314 11.4667C3.18762 11.4667 0.799805 9.0789 0.799805 6.13338C0.799805 3.18786 3.18762 0.800049 6.13314 0.800049C9.07866 0.800049 11.4665 3.18786 11.4665 6.13338Z' stroke='%231E1E1E' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

.search_area .search_result {
	position: absolute;
	top: 100%;
	background-color: #fff;
	border-radius: 24px;
	z-index: 1;
	width: 100%;
	box-shadow: 0 6px 7px -9px #777;
}

.no-results,
.search_area .search-results-list {
	padding: 8px 16px;
	list-style: none;
	margin: 0;
}

.search_area .search-results-list li {
	padding: 4px 0;
}

.search_area .search-results-list a {
	color: #45413C;
}

.search_area .search-results-list a:hover {
	text-decoration: underline;
}

.search_area .search::placeholder {
	color: #B3B3B3;
}

/* latest */
.latest-area {
	background-color: #EEF9F9;
	padding: 70px 0;
}

.latest-reports {
	font-size: 20px;
	line-height: 1.5;
	color: #000;
}

.latest-twocolumns {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 50px;
}

.latest-twocolumns .latest-col {
	width: 100%;
}

@media(min-width: 992px) {
	.latest-twocolumns {
		flex-direction: row;
	}

	.latest-twocolumns .latest-col {
		max-width: 500px;
	}
}

.insights .insights-country-list {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.insights .insights-country-list li {
	font-size: 8px !important;
	line-height: 1 !important;
	max-width: 82px;
	font-weight: 700 !important;
	margin: 0 !important;
}

.insights .insights-country-list li a {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	color: #000 !important;
	text-align: center;
}

.insights .insights-country-list li img {
	width: 82px !important;
	margin: 0 0 6px !important;
}

.latest-reports .sup-title {
	font-size: 12px;
	line-height: 1;
	font-weight: 700;
	color: #45413C;
	margin-bottom: 40px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.latest-head {
	font-size: 42px;
	font-weight: 700;
	margin: 0 0 40px;
}

/* end latest */
/* subscribe-reports */
.subscribe-reports {
	background: #fff;
	border-radius: 8px;
	padding: 20px;
}

.home .subscribe-area {
	padding: 0 16px;
	background: none;
}

@media(min-width:802px) {
	.home .subscribe-area {
		border: none;
		background-color: #fff;
	}
}

.home .subscribe-reports {
	max-width: 1170px;
	margin: 0 auto;
	width: 100%;
	padding: 70px 0;
	border: none;
}

.right-sidebar .card.subscribe-area {
	background: none;
	padding: 0;
}

.subscribe-reports .card-header {
	padding: 0;
	background: none;
	border: none;
}

.subscribe-reports .card-body {
	padding: 0;
}

.subscribe-head {
	display: flex;
	flex-direction: column;
	font-size: 32px;
	line-height: 1.2;
	color: #252432;
	font-weight: 700;
	margin-bottom: 24px;
}

.subscribe-head span.subscribe-title {
	color: #000;
}

.subscribe-head span {
	color: #1CA5CC;
	font-weight: 600;
	font-size: 16px;
}

.home .subscribe-head span {
	font-size: 24px;
}


/* end form */

/* trophy-block */
.trophy-block {
	display: flex;
	background: linear-gradient(96.38deg, #00A7CE 19.13%, #FEF168 78.15%, rgba(254, 241, 104, 0.8) 82.53%, #97D49E 93.46%, #46BCC9 105.69%);
}

.trophy-container {
	padding: 40px 0;
	max-width: 1170px;
	margin: 0 auto;
	position: relative;
}

.trophy-container:after {
	position: absolute;
	content: '';
	background-image: url('./assets/img/fish.svg');
	width: 64px;
	height: 135px;
	right: 0;
	top: -42%;
}

.trophy-block .title-holder {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	justify-content: space-between;
	color: #fff;
	font-size: 30px;
	line-height: 1;
	text-align: center;
}

.trophy-block .title-holder strong {
	max-width: 755px;
}

.trophy-block .btn {
	box-shadow: 0px 5px 15px 0px #6F6F6F33;
}

.trophy-block .btn {
	font-size: 20px;
}

@media(min-width: 992px) {
	.trophy-container:after {
		top: -20%;
	}
}

@media(min-width: 1280px) {
	.trophy-container {
		padding: 81px 0;
	}

	.trophy-block .title-holder {
		font-size: 46px;
		flex-direction: row;
		text-align: left;
		gap: 55px;
	}

	.trophy-block .btn {
		font-size: 24px;
	}
}

/* end trophy-block */
/* end home styles */

/* insights page */
.single-post .top-banner {
	margin-bottom: 70px;
}

.post-layout {
	display: flex;
	flex-direction: column;
	gap: 32px;
	justify-content: space-between;
	max-width: calc(1345px + 32px);
	padding: 0 16px 70px;
	margin: 0 auto;
}

.post-layout .left-aside {
	max-width: 262px;
	width: 100%;
}

.post-layout .main-content {
	max-width: 1000px;
	width: 100%;
}

.post-layout .heading_search {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

.post-layout .search_area {
	flex-direction: column;
	align-items: normal;
	margin-bottom: 44px;
}

.heading_search .see-all {
	font-weight: 700;
	color: #1CA5CC;
	position: relative;
	line-height: 1.5;
	display: flex;
	align-items: center;
	gap: 14px;
	transition: all .2s ease-in-out;
}

.heading_search .see-all:hover {
	opacity: .75;
}

.heading_search .see-all:after {
	content: '';
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2929 0.292893C10.6834 -0.0976311 11.3166 -0.0976311 11.7071 0.292893L15.7071 4.29289C16.0976 4.68342 16.0976 5.31658 15.7071 5.70711L11.7071 9.70711C11.3166 10.0976 10.6834 10.0976 10.2929 9.70711C9.90237 9.31658 9.90237 8.68342 10.2929 8.29289L12.5858 6H1C0.447715 6 0 5.55228 0 5C0 4.44772 0.447715 4 1 4H12.5858L10.2929 1.70711C9.90237 1.31658 9.90237 0.683417 10.2929 0.292893Z' fill='%231CA5CC'/%3e%3c/svg%3e ");
	width: 16px;
	height: 10px;
}

/* progress bar */
.progress {
	position: relative;
	background-color: transparent;
	height: 30px;
	margin: 0;
	max-width: calc(100% - 60px);
	overflow: visible;
	align-items: center;
}

.progress-bar {
	border-radius: 9px;
	position: relative;
	overflow: visible;
	font-weight: 700;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	height: 30px;
	text-align: left;
}

.progress .bg-warning,
.progress .bg-danger {
	background-color: #3FBAB5 !important;
}

.progress .conf {
	position: absolute;
	/* top: 50%; */
	/* right: -50px; */
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	color: #333;
	/* transform: translateY(-50%); */
	white-space: nowrap;
	padding-left: 7px;
	left: 100% !important;
	letter-spacing: 2px;
}

.progress .conf .js-sm-bar {
	letter-spacing: 0;
}

.progress .speed {
	text-align: center;
}

.post-layout .accordion {
	display: none;
}

@media(min-width: 768px) {
}

@media(min-width: 1100px) {
	.post-layout .accordion {
		display: block;
	}
}

.bd-bottom {
	border-bottom: 1px solid #D6D6D6;
	padding-bottom: 16px;
	margin-bottom: 16px;
	padding-right: 0;
	padding-left: 0;
	margin-left: 16px;
	margin-right: 16px;
	width: calc(100% - 32px);
}

.tabs-block {
	border-radius: 8px;
	padding: 16px 20px;
	background-color: #fff;
	margin-bottom: 24px;
}

.tabs-block h4 {
	margin: 0;
	font-size: 18px;
	line-height: 1;
	font-weight: 700;
	color: #00A7CE;
}

.lang_nav_holder {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 40px;
}

.category_name {
	font-weight: 700;
	letter-spacing: 2px;
	font-size: 12px;
	color: #45413C;
	text-transform: uppercase;
}

.nav-tabs {
	gap: 24px;
	border: none;
}

.nav-tabs.custom-tab-nav {
	margin-bottom: 26px;
}

.nav-tabs .nav-link {
	padding: 0 0 8px;
	border: none;
	font-weight: 700;
	color: #8E8E93;
	text-transform: uppercase;
	position: relative;
}

.nav-tabs .nav-link::after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background-color: #1CA5CC;
	opacity: 0;
	transition: opacity .2s ease-in-out;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
	background: none;
	color: #1CA5CC;
}

.nav-tabs .nav-link.active::after,
.nav-tabs .nav-link:hover::after {
	opacity: 1;
}

.tab-content {
	color: #000;
	line-height: 1.4;
	font-size: 14px;
}

.tab-content h3 {
	font-size: 24px;
}

.tab-content .tab-content {
	margin-bottom: 60px;
}

.tab-content h2 {
	font-size: 24px;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 24px;
}

.tab-content a {
	color: #1CA5CC;
}

.tabs-bench {
	display: flex;
	align-items: center;
	margin-bottom: 26px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.other-tab>div:not(:last-child) {
	margin-bottom: 24px;
}

.tabs-bench>span {
	margin-bottom: 12px;
}

@media(max-width: 767px) {
	.tabs-bench {
		gap: 0;
	}

	.tabs-bench>span {
		margin-bottom: 6px;
		margin-left: 16px;
		margin-right: 16px;
	}

	.tabs-bench>span .progress {
		margin-bottom: 15px;
	}
}



.tabs-bench>span:first-child {
	padding-right: 5px !important;
}

.tab-content .tab-content .nav-tabs {
	margin-bottom: 50px;
	gap: 15px;
}

.tab-content .tab-content .nav-tabs .nav-link {
	padding: 10px 20px;
	background-color: #fff;
	font-weight: 500;
	border: 1px solid transparent;
	border-radius: 8px;
}

.tab-content .tab-content .nav-tabs .nav-link.active {
	border-color: #00A7CE;
}

.tab-content .tab-content .nav-tabs .nav-link.active:after {
	display: none;
}

.map-legend {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.legend-list {
	list-style: none;	
	padding: 20px 0; 
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	font-weight: 500;
}

.legend-title {
	position: relative;
	padding-bottom: 12px;
	width: 100%;
	text-align: center;
}

.legend-title:after {
	position: absolute;
	content: '';
	bottom: 0;
	width: 70%;
	left: 50%;
	transform: translateX(-50%);
	height: 2px;
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(0,0,0,0.4) 50%,rgba(255,255,255,0) 100%);
}

.legend-list li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
}

.legend-list li .legend-color {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #777;
	background-color: rgba(28, 165, 204, .1);
}

.legend-list li .legend-color.legend-color_1 {
	background-color: #fdebab;
}

.legend-list li .legend-color.legend-color_5 {
	background-color: #ffcb66;
}

.legend-list li .legend-color.legend-color_10 {
	background-color: #f9ad35;
}

.legend-list li .legend-color.legend-color_25 {
	background-color: #f88941;
}

.legend-list li .legend-color.legend-color_50 {
	background-color: #ff592f;
}

.legend-list li .legend-color.legend-color_100 {
	background-color: #ee3020;
}

.legend-list li .legend-color.legend-color_1000 {
	background-color: #b61423;
}

.custom-img+span {
	background: #1CA5CC !important;
}

.table-striped td:first-child,
.table-striped th {
	background: #1CA5CC;
	color: #fff;
}

@media(max-width: 767px) {
	.tab-nav {
		overflow-x: auto;
		margin-bottom: 25px;
	}

	.custom-tab-nav {
		display: flex;
		flex-wrap: nowrap;
	}
}

.text-precent {
	padding: 0 12px !important;
}

@media(min-width: 768px) {
	.tab-content h3 {
		font-size: 28px;
	}

	.tabs-bench {
		gap: 0;
		padding: 0;
		font-size: 12px;
	}

	.tabs-bench .text-end {
		font-size: 16px;
	}

	.tab-content .tab-content .nav-tabs {
		gap: 20px;
	}

	.map-legend {
		/* flex-direction: row; */
	}

	.bd-bottom {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}

	.text-precent {
		padding: 0 !important;
	}
}

@media(min-width: 1024px) {
	.tabs-block {
		padding: 25px 28px;
	}
}

.country-title {
	display: flex;
	align-items: center;
	gap: 24px;
	margin: 0 0 40px;
	font-size: 32px;
	line-height: 1;
	font-weight: 700;
}

.country-title .flag-holder {
	max-width: 88px;
}

.country-title .flag-holder img {
	width: 100%;
}

.country-title .small-text {
	font-size: 20px;
	line-height: 1;
	display: block;
	margin-top: 4px;
}

.info-block {
	display: flex;
	justify-content: space-between;
	gap: 40px;
}

.twocolumns {
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.twocolumns .card {
	width: 100%;
	border: none;
	margin: 0 0 24px;
	padding: 20px;
	border-radius: 8px;
}

.twocolumns .tab-nav {
	margin-bottom: 0;
}

.right-sidebar {
	/* max-width: 245px; */
	width: 100%;
}

.about-reports .latest-reports,
.about-reports .card:first-child {
	display: none;
}

.post-layout .latest-reports {
	background: #fff;
	border-radius: 8px;
	padding: 20px;
	border: none;

}

.post-layout .latest-reports .card-header {
	padding: 0;
	background: none;
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	margin-bottom: 24px;
	border: none;
}

.post-layout .latest-reports .card-body {
	padding: 0;
}

.post-layout .latest-reports .reports {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 0;
	margin: 0;
	list-style: none;
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
}

.post-layout .latest-reports .reports li {
	position: relative;
	padding-left: 15px;
}

.post-layout .latest-reports .reports li:before {
	position: absolute;
	content: '';
	width: 4px;
	height: 4px;
	left: 0;
	top: 5px;
	border-radius: 50%;
	background-color: #00A7CE;
}

.post-layout .latest-reports .reports a {
	color: #00A7CE;
	text-decoration: underline;
}

.post-layout .latest-reports .reports a:hover {
	text-decoration: none;
}

.twocolumns .card-header {
	padding: 0;
	background: none;
	border: none;
	line-height: 1;
	margin-bottom: 24px;
}

.twocolumns .aside-title {
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	color: #000;
}

.twocolumns .aside-title.subscribe-head {
	font-size: 20px;
	line-height: 1.2;
}

.twocolumns .card-body {
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	color: #000;
	font-weight: 600 !important;
}

.twocolumns .aside-pseudo {
	font-size: 14px;
	font-weight: 400;
	color: #000;
	display: block;
	margin-bottom: 6px;
}

.twocolumns .line:not(:last-child) {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #D6D6D6
}

@media(min-width: 768px) {
	.post-layout .latest-reports .reports {
		gap: 20px;
	}

	.right-sidebar {
		max-width: 245px;
		width: 100%;
	}

	.twocolumns {
		display: flex;
		flex-direction: row;
		gap: 20px;
	}

	.twocolumns>.tab-content {
		max-width: 703px;
		width: 100%;
	}
}

@media(min-width: 1024px) {
	

	.twocolumns {
		gap: 52px;
	}

	.twocolumns .card {
		margin: 0 0 25px;
		max-width: 246px;
	}
}

@media(min-width: 1100px) {
	.post-layout {
		flex-direction: row;
		gap: 16px;
	}
}

/* qoe form */
.qoe-form {
	background: #fff;
	padding: 25px;
	border-radius: 8px;
}

.tab-content .qoe-form__title {
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #1CA5CC;
	margin: 0 0 15px;
}

.qoe-form__subtitle {
	text-align: center;
	font-size: 14px;
	color: #000;
	margin: 0 0 15px;
}

/* === FORM === */

.qoe-form .qoe-form__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

.qoe-form .form-field {
	display: flex;
	flex-direction: column;
}

.qoe-form .form-field label {
	font-size: 14px;
	line-height: 1.75;
	color: #8987A1;
}

.qoe-form .form-field input {
	height: 44px;
	padding: 0 14px;
	border-radius: 8px;
	border: 1px solid #8987A1;
	font-size: 14px;
	outline: none;
	transition: border-color 0.2s ease;
}

.qoe-form .form-field input:focus {
	border-color: #1aa6c8;
}

/* === CHECKBOX === */

.qoe-form .qoe-form__checkbox {
	margin: 26px 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

.qoe-form__checkbox input {
	appearance: none;
	-webkit-appearance: none;
	width: 24px;
	height: 24px;
	border: 1px solid #8987A1;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	display: grid;
	place-content: center;
}

.qoe-form__checkbox input:checked {
	background: #1aa6c8;
	border-color: #1aa6c8;
}

.qoe-form__checkbox input:checked::after {
	content: '';
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 3px;
}

.qoe-form__checkbox input:focus-visible {
	outline: 2px solid #1aa6c8;
	outline-offset: 3px;
}

.qoe-form .qoe-form__checkbox label {
	font-size: 14px;
	color: #000;
}

/* === BUTTON === */

.qoe-form .qoe-form__submit {
	display: block;
	margin: 0 auto;
	padding: 14px 72px;
	border-radius: 999px;
	border: none;
	background: #f0e36a;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition:
		background 0.2s ease,
		transform 0.1s ease,
		box-shadow 0.2s ease;
}

.qoe-form .qoe-form__submit:hover {
	background: #e7d957;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
}

.qoe-form .qoe-form__submit:active {
	transform: translateY(1px);
	box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
}

.qoe-form .qoe-form__submit:focus-visible {
	outline: 2px solid #1aa6c8;
	outline-offset: 3px;
}

/* === DESKTOP === */

@media (min-width: 768px) {
	.qoe-form {
		padding: 50px;
	}

	.qoe-form__subtitle {
		font-size: 18px;
	}

	.qoe-form .form-field label {
		font-size: 16px;
	}

	.qoe-form .qoe-form__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px 20px;
	}

	.qoe-form .qoe-form__checkbox {
		gap: 20px;
	}

	.qoe-form .qoe-form__checkbox label {
		font-size: 16px;
	}
}


/* end qoe form */



/* footer */
.site-footer {
	padding: 68px 0 10px !important;
}

footer.site-footer .footer-inner {
	display: block;
	max-width: 100%;
	padding: 0 16px;
	max-width: 1202px;
}

.site-footer .top-footer {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 52px;
}

footer.site-footer .site-branding {
	display: flex !important;
	align-items: center;
	max-width: 100%;
	gap: 30px !important;
	text-align: center;
}

footer .site-navigation ul.menu {
	flex-direction: column;
	align-items: center;
}

footer .site-navigation ul.menu li ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: static;
	background: none;
}

footer .site-navigation ul.menu li {
	flex-direction: column;
	align-items: center;
	border: none !important;
}

footer .site-navigation ul.menu a {
	color: #8987A1;
	font-weight: 700;
	text-transform: uppercase;
}

footer .site-navigation ul.menu a:hover {
	opacity: .75;
}

footer .site-navigation ul.menu ul a {
	font-weight: 400;
	text-transform: none;
}

footer .description {
	color: #8987A1;
	line-height: 1.5;
}

footer .site-navigation:nth-of-type(2) ul.menu ul a {
	text-decoration: underline;
}

footer .site-navigation ul.menu li.menu-item-has-children:after {
	display: none;
}

.social-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 12px;
	justify-content: center;
}

.social-list a {
	border-radius: 50%;
	width: 57px;
	height: 57px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #F5F8FF;
	transition: all .75s ease-in-out;
}

.social-list a:hover {
	opacity: .7;
}

@media(min-width: 768px) {
	.site-footer .top-footer {
		flex-wrap: nowrap;
	}

	footer.site-footer .site-branding {
		max-width: 540px;
		gap: 43px !important;
		text-align: left;
		align-items: flex-start;
	}

	footer .site-navigation ul.menu,
	footer .site-navigation ul.menu li {
		align-items: flex-start;
	}

	footer .site-navigation ul.menu li ul {
		align-items: flex-start;
	}

	.social-list {
		justify-content: flex-start;
	}
}