/* inter-100 - greek_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100;
    src: url('./fonts/inter-v18-greek_latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* inter-200 - greek_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    src: url('./fonts/inter-v18-greek_latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* inter-300 - greek_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/inter-v18-greek_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* inter-regular - greek_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/inter-v18-greek_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* inter-500 - greek_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/inter-v18-greek_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* inter-600 - greek_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/inter-v18-greek_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* inter-700 - greek_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/inter-v18-greek_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* inter-800 - greek_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    src: url('./fonts/inter-v18-greek_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* inter-900 - greek_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    src: url('./fonts/inter-v18-greek_latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }


*{margin: 0px;padding: 0px;box-sizing: border-box;}
html, body{margin: 0px;padding: 0px;font-family: 'Inter';background-color: var(--background-color);}

:root{
    --background-color: #C3BDB7;
    --black-color: #000;
}

h1{font-size: 20px;line-height: 28px;font-weight: 400;}

p, a{font-weight: 400;}
a:hover{opacity: 0.7;}

.pagewrap{width: 100%;position: relative;padding: 0px 20px;}

.mobile-header{position: relative;display: none;padding: 15px 0px;}
.mobile-header .pagewrap{display: grid;grid-template-columns: repeat(2,1fr);}
.mobile-header .mobile-informations{display: flex;justify-content: end;align-items: center;}
.mobile-header a{color: var(--black-color);text-decoration: none;}

.site-body{width: 100%;position: relative;}
.site-body .flex-elements{width: 100%;position: relative;display: flex;gap: 40px;}
.site-body-left, .site-body-right{width: 50%;}
.swiper-slide{width: 100%;height: 100vh!important;position: relative;}
.swiper-slide img{width: 100%;height: 100%;object-fit: cover;}

.site-body-left{height: 100vh;position: sticky;top: 0px;}
.site-body-right .pagewrap{max-width: 1200px;}

.element-text{max-width: 700px;} 

.element-top{display: flex;gap: 20px;justify-content: space-between;padding: 10px 0px;}
.element-top .element-top-right{display: flex;justify-content: end;align-items: center;}
.element-top a{text-decoration: none;color: var(--black-color);}

.element-text{width: 100%;position: relative;margin: 100px 0px;display: flex;flex-direction: column;gap: 50px;}
.element-text-top, .element-text-bottom{display: flex;flex-direction: column;gap: 15px;}
.element-text-top p, .element-text-bottom p{font-size: 14px;width: fit-content;border-bottom: 1px solid #000;text-transform: uppercase;}
.element-text-bottom ul{padding-left: 20px;}
.element-text-bottom ul li{padding-bottom: 5px;}

.element-text-form{display: flex;flex-direction: column;gap: 15px;}
.element-text-form .form-title{font-size: 14px;width: fit-content;border-bottom: 1px solid #000;text-transform: uppercase;}

.ff-default .ff-el-input--label label{font-weight: 400!important;font-family: 'Inter'!important;}
.ff-default .ff-el-form-control{border: 1px solid var(--black-color)!important;border-radius: 0px!important;background: transparent!important;color: var(--black-color)!important;}
.ff-default .ff_btn_style{padding: 12px 50px!important;background-color: var(--black-color)!important;}
.ff-default .ff_btn_style:hover{opacity: 0.7;}
.fluentform input::placeholder,
.fluentform textarea::placeholder {
  color: var(--black-color) !important;
}

.element-informations{display: flex;flex-direction: column;gap: 15px;}
.element-informations p{font-size: 14px;text-transform: uppercase;width: fit-content;border-bottom: 1px solid #000;}
.element-informations .informations-bottom ul{list-style: none;}
.element-informations .informations-bottom ul li{padding-bottom: 5px;display: flex;gap: 5px;flex-wrap: wrap;}
.element-informations .informations-bottom ul li a{color: var(--black-color);text-decoration: none;}
.element-informations .informations-bottom ul li a:hover{opacity: 0.7;}

@media screen and (max-width:1060px) and (min-width:500px){
    .mobile-header{display: block;}
    .site-body .flex-elements{flex-direction: column;}
    .site-body-left, .site-body-right{width: 100%;}
    .site-body-left{position: relative;height: auto;}
    .swiper-slide{height: auto!important;aspect-ratio: 1060/700;display: block;}
    .element-top{display: none;}
    .element-text{margin: 0px;padding: 0px 0px 20px 0px;}
}

@media screen and (max-width:499px) and (min-width:200px){
    .mobile-header{display: block;}
    .site-body .flex-elements{flex-direction: column;}
    .site-body-left, .site-body-right{width: 100%;}
    .site-body-left{position: relative;height: auto;}
    .swiper-slide{height: auto!important;aspect-ratio: 1060/1000;display: block;}
    .element-top{display: none;}
    .element-text{margin: 0px;padding: 0px 0px 20px 0px;}
}