/* -------------------------------------------
	header
---------------------------------------------- */

.function-icons-div.share .inner-block{
	gap: 7px;
}

.function-icons-div.share .inner-block .share img{
	width: 100%;
	height: auto;
}

#mobile-overlay-menu .function-icons-div.share .inner-block{
	transform: translate(-75%, -100%);
}

.function-icons-div.size .fontsize-s{
	font-size: 12px!important;
}

.function-icons-div.size .fontsize-m{
	font-size: 16px!important;
}

.function-icons-div.size .fontsize-l{
	font-size: 18px!important;
}

.function-icons-div.size .inner-block{
	align-items: center;
}

/* -------------------------------------------
	home
---------------------------------------------- */
html[lang="en"] #home .home-arrow-btn{
    bottom: 25%;
    right: 11%;
}

#home .home-arrow-btn{
    position: absolute;
    width: 10%;
    bottom: 35%;
    right: 3%;
}

/* -------------------------------------------
	About
---------------------------------------------- */

body.about .about-top-header{
	min-height: 200px;
	display: flex;
    flex-direction: column;
    align-items: center;
    background: linear-gradient(90.04deg, #FFC787 0.04%, rgba(255, 199, 135, 0.3) 99.96%);
    overflow: visible;
}

body.about .about-top-header .header-bg-div{
	max-width: 1920px;
	min-height: 200px;
	width: 100%;
	overflow: hidden;
}

body.about .about-top-header img{
	position: absolute;
}

body.about .about-top-header img.bg-dottedline {
    position: absolute;
    top: clamp(-10%, -15%, -20%);
    left: clamp(-10vw, -5vw, 0vw);
    width: clamp(300px, 40vw, 766px);
    transform: rotate(12deg) scale(1.2);
    max-width: none;
    height: auto;
}

body.about .about-top-header img.bg-map {
    position: absolute;
    top: clamp(-4em, -45%, -40%);
    left: clamp(25vw, 35.5vw, 40vw);
    width: clamp(350px, 35vw, 800px);
    max-width: none;
}

body.about .title-div .header-title{
	right: 5%;
    bottom: -5em;
    background-color: #FF8800;
    padding: 6% 3% 1% 8%;
    clip-path: polygon(25% 0%, 100% 0, 100% 100%, 0% 100%);
    display: flex;
    justify-content: end;
    position: absolute;
}

body.about .title-div .header-title p{
	font-size: calc(clamp(28px, 3.125vw, 45px) * var(--font-scale));
    font-family: 'HelveticaNeue', sans-serif;
    font-weight: 700;
}

body.about .title-div{
	position: relative;
    width: 100%;
    max-width: 1920px;
}

body.about .about-content{
	background: linear-gradient(161deg, #FFC787 0.05%, #F9F9F9 60%);
	min-height:500px;
}

body.about .about-content .content-panel-div {
	max-width: 1920px;
	margin: auto;
	padding-bottom: 5%;
}
body.about .about-content .content-panel-div .content-panel {
	background-color: #FFF;
	width: 95%;
	min-height: 1000px;
}
body.about .about-content .content-panel-div .content-panel .content-div {
	padding: 5% 0;
}
body.about .about-content .content-panel-div .content-panel .content-div .tab-content h3:first-of-type {
	margin-top: 5%;
	font-weight: 900;
}
body.about .about-content .content-panel-div .content-panel .content-div ul,
body.about .about-content .content-panel-div .content-panel .content-div h3,
body.about .about-content .content-panel-div .content-panel .content-div p,
body.about .about-content .content-panel-div .content-panel .content-div a  {
	color: #000;
	margin-bottom: 3%;
	font-family: 'HelveticaNeue', sans-serif;
}
body.about .tabs {
	display: flex;
	gap: 10px;
	margin-bottom: 20px;
}
body.about .tab {
	padding: 10px 20px;
	background-color: #fff;
	color: #000000;
	border: none;
	cursor: pointer;
	border-radius: 30px;
	font-family: 'HelveticaNeue', sans-serif;
}
body.about .tab.active {
	background-color: rgba(255, 219, 178);
}

body.about .tab-content table tr{
	vertical-align: top;
}


html[lang="en"] .content-container .list .list-items .items-div .content-div{
	padding: 3% 6%;
}

html[lang="en"] .content-container .list .list-items .items-div .content-div p{
	font-size: calc(clamp(18px, 1.8vw, 25px) * var(--font-scale));
}

body.about .about-content .content-panel-div .content-panel .content-div ul.link-list{
	list-style-type: disc; 
	padding-left: 20px;
}

body.about .about-content .content-panel-div .content-panel .content-div ul.link-list a{
	font-size: 1.35em;
}

body.about .about-content .content-panel-div .content-panel .content-div ul.link-list > li::marker{
	font-size: 1.7em;
	color:  #f58220; 
}