body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
body{
  font-family: "Poppins", "Arial", Sans-Serif;
}

h1, h2, h3, h4, h5, h6, p, li, input, textarea{
  color:var(--text-gray);
  line-height:1;
}
.white_text h1, .white_text h2, .white_text h3, .white_text h4,
.white_text h5, .white_text h6, .white_text p{
  color:#fff;
}

h1{
  font-size:4.3rem;
}
h2{
  font-size:3.2rem;
}
.big h2{
  font-size:4rem;
}
h3{
  font-size:2.3rem;
  margin-bottom:20px;
}
p, li, div, input, textarea, button{
  font-size: 17.5px;
  line-height: 27px;
  letter-spacing: 0.01rem
}
a{
  color:var(--main-blue);
  text-decoration: none;
}

ul{
  list-style-type: disc;
  padding-inline-start: 20px;
}

.no_margin_font, .no_margin_font p,
.no_margin_font h1, .no_margin_font h2, .no_margin_font h3,
.no_margin_font h4, .no_margin_font h5, .no_margin_font h6{
  margin-top:0;
  margin-bottom:0;
}

@media only screen and (max-width:1450px){
  h2{
    font-size:2.4rem;
  }
  
  h3{
    font-size:1.8rem;
    margin-bottom:17px;
  }
}
@media only screen and (max-width:1300px){
  h1{
    font-size:2.1rem;
  }
}


/* poppins-200 - 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: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('/files/layout/fonts/poppins/poppins-v21-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-200italic - 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: 'Poppins';
  font-style: italic;
  font-weight: 200;
  src: url('/files/layout/fonts/poppins/poppins-v21-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300 - 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: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('/files/layout/fonts/poppins/poppins-v21-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300italic - 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: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('/files/layout/fonts/poppins/poppins-v21-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - 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: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/files/layout/fonts/poppins/poppins-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-italic - 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: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('/files/layout/fonts/poppins/poppins-v21-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - 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: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('/files/layout/fonts/poppins/poppins-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500italic - 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: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('/files/layout/fonts/poppins/poppins-v21-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - 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: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('/files/layout/fonts/poppins/poppins-v21-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600italic - 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: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('/files/layout/fonts/poppins/poppins-v21-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - 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: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('/files/layout/fonts/poppins/poppins-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700italic - 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: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('/files/layout/fonts/poppins/poppins-v21-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800 - 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: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('/files/layout/fonts/poppins/poppins-v21-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800italic - 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: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('/files/layout/fonts/poppins/poppins-v21-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900 - 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: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('/files/layout/fonts/poppins/poppins-v21-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900italic - 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: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('/files/layout/fonts/poppins/poppins-v21-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html{
  background:#fbfbfb;
}
body{
  hyphens:auto;
  position:relative;
  max-width: 2540px;
  margin:auto;
  background:#fff;
  box-shadow: 0px 0px 25px -7px rgba(0,0,0,0.05);
  z-index:-2;
}
div{
  box-sizing: border-box;
}

.mobile_only{
  display:none;
}

.mod_article{
  position:relative;
  overflow:visible;
  margin-bottom:100px;
}

.article_content, #header_content, #menu_content{
  max-width:var(--max-width);
  width:var(--max-content-percent);
  margin:auto;
}
.full_width .article_content{
  max-width:unset;
  width:100%;
  padding:0;
}
.boxed .article_content{
  max-width:1150px;
  width:70vw;
}
.very_boxed .article_content{
  max-width:800px;
  width:50vw;
}
.no_padding .article_content{
  padding:0;
}
.content-image,
.content-image figure,
.content-image img{
  width:100%;
  height:auto;
}

.large_margin_top{
  margin-top:150px;
}
.large_margin_bottom{
  margin-bottom:150px;
}
.big_margin_top{
  margin-top:100px;
}
.big_margin_bottom{
  margin-bottom:100px;
}
.medium_margin_top{
  margin-top:70px;
}
.medium_margin_bottom{
  margin-bottom:70px;
}
.small_margin_top{
  margin-top:40px;
}
.small_margin_bottom{
  margin-bottom:40px;
}
.mini_margin_top{
  margin-top:25px;
}
.mini_margin_bottom{
  margin-bottom:25px;
}
.no_margin_bottom{
  margin-bottom:0;
}

.large_padding_top{
  padding-top:150px;
}
.large_padding_bottom{
  padding-bottom:150px;
}
.big_padding_top{
  padding-top:100px;
}
.big_padding_bottom{
  padding-bottom:100px;
}
.medium_padding_top{
  padding-top:70px;
}
.medium_padding_bottom{
  padding-bottom:70px;
}
.small_padding_top{
  padding-top:40px;
}
.small_padding_bottom{
  padding-bottom:40px;
}

.centered{
  display:block;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
}

@media only screen and (max-width:1450px){
  .article_content{
    padding-left:0;
    padding-right:0;
  }
}
@media only screen and (max-width:1450px){
  .boxed .article_content{
    max-width:var(--max-width);
    width:var(--max-content-percent);
    margin:auto;
  }
}
@media only screen and (max-width:1000px){
  .large_margin_top{
    margin-top:70px;
  }
  .large_margin_bottom{
    margin-bottom:70px;
  }
  .big_margin_top{
    margin-top:50px;
  }
  .big_margin_bottom{
    margin-bottom:50px;
  }
  .medium_margin_top{
    margin-top:30px;
  }
  .medium_margin_bottom{
    margin-bottom:30px;
  }
  .big_padding_bottom{
    padding-bottom: 70px;
  }
  .mod_article{
    margin-bottom:40px;
  }
}

@media only screen and (max-width:800px){
  .mobile_only{
    display:block;
  }
  .desktop_only{
    display: none;
  }
}

:root {
  --main-blue: #397B96;
  --text-gray:#455360;
  /*--max-width:1750px;*/
  --max-width:1590px;
  --max-total-width:2540px;
  --flex-margin:15px;
  --max-content-percent:90%;
  --max-content-padding:calc((100% - var(--max-content-percent)) / 2);
  --header-height:68px;
  --header-height-mobile:52px;
}
body{
  padding-top:var(--header-height);
}

#header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:var(--header-height);
  z-index:9999;
}

#header .inside{
  background:#fff;
  width:100%;
  max-width: var(--max-total-width);
  margin:auto;
}

#header #header_content{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 0;
  box-sizing:border-box;
}

#header #header_content .menu_buttons{
  display: flex;
  align-items: center;
  gap:15px;
}

#langswitcher{
  position: relative;
  display: inline-block;
}

#langswitcher .top{
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px;
  cursor: pointer;
}

#langswitcher .icon{
  width:25px;
  height:25px;
}

#langswitcher #current_language p{
  line-height: 0;
  margin:0;
}

#langswitcher:hover #current_language{
  text-decoration: underline;
}

#langswitcher .dropdown{
  position: absolute;
  top:100%;
  left:0;
  display:none;
  padding:6px; 
  border-radius:5px;
  box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
}

#langswitcher.open .dropdown{
  display: block;
  background: #fff;
}

#langswitcher .dropdown ul{
  display: flex;
  flex-direction: column;
  gap:10px;
  list-style-type: none;
  padding:0;
  margin:0;
}

#langswitcher .dropdown a, #langswitcher .dropdown p{
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  font-size: 0.95rem;
  color: #000;
  text-align: center;
  padding:7px;
  border-radius: 5px;
  margin: 0;
  transition: 0.2s;
}

#langswitcher .dropdown a:hover, #langswitcher .dropdown p{
  background: #eaeaea;
}

#menu{
  position:absolute;
  min-height:400px;
  bottom:0;
  left:0;
  width:100%;
  background:#fff;
  z-index:-1;
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
  box-shadow: 0 7px 31px -2px rgba(0,0,0,0.14);
  transition:0.3s;
}
#menu.open{
  transform:translate(0,99%);
}
#menu ul{
  padding-inline-start: 0;
  list-style-type: none;
}

#menu_content{
  padding:50px;
}
#menu_content .level_1{
  display:flex;
  justify-content: space-evenly;
  align-items: flex-start;
}
#menu_content li p,
#menu_content li a{
  display:block;
  padding:8px;
  border-radius:8px;
  margin-bottom:6px;
  transition:0.2s;
}
/*#menu_content li p{*/
/*  margin:0;*/
/*}*/
#menu_content .level_1 > li > p,
#menu_content .level_1 > li > a{
  font-size:0.8rem;
  color:#b2b3b3;
  text-transform: uppercase;
  padding-left:8px;
  padding-right:8px;
}
#menu_content .level_2{
  margin-top:0;
}
#menu_content .level_2 li a,
#menu_content .level_2 li p{
  color:#353535;
  font-size:1.06rem;
}
#menu_content .level_2 li:not(.active) a:hover,
#menu_content li:not(.active) a:hover{
  background:#d9f4ff;
}
#menu_content li  p.active{
  background:#f3f3f3;
  color:var(--main-blue);
}
#menu_trigger{
  display:flex;
  flex-direction: column;
  justify-content: space-between;
  width:30px;
  height:12px;
  cursor: pointer;
  z-index:9999;
}

#menu_trigger .burger_bar{
  width:100%;
  height:3px;
  background:#000;
  transition: 0.2s;
}

#menu_trigger.open .burger_bar.top{
  transform: translate(0,4.5px) rotate(45deg);
}

#menu_trigger.open .burger_bar.bottom{
  transform: translate(0,-4.5px) rotate(-45deg);
}

#mobile_menu{
  display:none;
  position: fixed;
  top:0;
  right:0;
  height:100%;
  width:100%;
  padding:8%;
  padding-top:90px;
  transform:translate(100%,0);
  background:#eaeaea;
  transition:0.2s;
  overflow:scroll;
}

#mobile_menu.open{
  transform:translate(0,0);
}

#mobile_menu p, #mobile_menu a{
  margin:0;
  color:var(--text-gray);
  font-size:1.25rem;
}

#mobile_menu .trail > .item_content, #mobile_menu .active > .item_content{
  font-weight:600;
}

#mobile_menu .level_1 > .item_content{
  display:flex;
  justify-content: space-between;
  align-items:center;
  padding-top:17px;
  padding-bottom:17px;
}

#mobile_menu .arrow{
  transition:0.2s;
}

#mobile_menu .arrow:before{
  content:"";
  display:block;
  background-image: url("/files/layout/icons/side-arrow-gray.svg");
  height:18px;
  width:18px;
  background-size:contain;
  background-repeat:no-repeat;
}

#mobile_menu .children{
  max-height:0;
  overflow:hidden;
  transition:0.2s;
}

#mobile_menu .level_2 p, #mobile_menu .level_2 a{
  font-size:1rem;
  color:#8b8f99;
}

#mobile_menu .level_2.active p{
  font-size:1.1rem;
  color:var(--text-gray);
  font-weight:500;
}

#mobile_menu .level_2 > .item_content{
  padding-top:6px;
  padding-bottom:6px;
}

.logo{
  position:relative;
  font-size:2rem;
  line-height:3rem;
  color:#455360;
  z-index:9999;
}
.logo span{
  font-weight: 700;
}

.blue_text{
  color:var(--main-blue);
}
@media only screen and (max-width:1000px){
  .logo{
    font-size:1.4rem;
    line-height:2rem;
    color:#455360;
  }
  #header{
    height:var(--header-height-mobile);
  }
  body{
    padding-top:var(--header-height-mobile);
  }
}
@media only screen and (max-width:900px){
  #menu{
    display:none;
  }
  #mobile_menu{
    display:block;
  }
  #header{
    box-shadow: 0 7px 31px -2px rgba(0,0,0,0.14);
  }
  #header #header_content .menu_buttons{
    gap:10px;
  }
  #langswitcher .icon{
    width:18px;
    height:18px;
  }
}
@media only screen and (max-width:800px){
  .logo{
    font-size:1.25rem;
    color:#455360;
  }
}

@media only screen and (max-width:500px){
  .logo{
    font-size:1.19rem;
  }
  #header #header_content .menu_buttons{
    gap:7px;
  }
  #menu_trigger{
    width:25px;
    height:12px;
  }
}
body{
  font-size:1rem;
}

#hero.v2 .content-text{
  color:#000;
}
#hero.v2 a{
  border:1px solid #000;
  border-radius: 50px;
  padding: 12px 42px;
  margin-top: 50px;
  display: inline-block;
  color: #000;
}

.white_block{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:47%;
  background:#fff;
}

.blue_block{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:47%;
  background:var(--main-blue);
}

#hero{
  margin-bottom:110px;
}

#hero .article_content{
  height:37vw;
  max-height:950px;
  min-height:500px;
  width:100%;
}

#hero .article_content .content-image,
#hero .article_content .content-image figure,
#hero .article_content .content-image img{
  height:100%;
  width:100%;
  object-fit: cover;
  object-position: right;
}

#hero .content-text{
  position:absolute;
  left:max(var(--max-content-padding), calc((100% - var(--max-width)) / 2));
  margin-right:max(10vw, calc((100% - var(--max-width)) / 2));
  top:50%;
  transform: translate(0,-50%);
  color:#fff;
}

#hero h1{
  font-size: 6.5rem;
  line-height: 6rem;
  letter-spacing: -0.1rem;
  color:#fff;
  margin-bottom:30px;
}

#hero p{
  font-size: 1.05rem;
  line-height:1.3rem;
  color:#fff;
}

#hero a{
  background: #ffffff;
  border-radius: 50px;
  padding: 12px 42px;
  margin-top: 50px;
  display: inline-block;
  color: #3f9294;
}

#hero .filter{
  background:linear-gradient(57deg, #000000b0, transparent 62%);
  z-index: unset;
}

@media only screen and (max-width:1450px){
  #hero .article_content{
    max-height:700px;
  }
  #hero h1{
    font-size: 4.5rem;
    line-height: 4.5rem;
    letter-spacing: -0.1rem;
  }
  #hero p{
    font-size: 1rem;
    line-height:1rem;
  }
}
@media only screen and (max-width:1200px){
  #hero h1{
    font-size: 3.5rem;
    line-height: 3.5rem;
  }
}
@media only screen and (max-width:1000px){
  #hero{
    margin-bottom:20px;
  }
  #hero .article_content{
    height:370px;
    min-height:unset;
  }
  #hero h1{
    font-size: 2.6rem;
    line-height: 2.7rem;
    margin-bottom:11px;
  }
  #hero .content-text{
    top:unset;
    bottom:7%;
    transform: none;
  }
  #hero p{
    font-size: 15.5px;
    line-height: 16px;
    font-weight: 300;
  }
  #hero .article_content .content-image img{
    object-position: 85%;
  }
  #hero .filter{
    background: linear-gradient(45deg, #000000, transparent 76%);
    background: linear-gradient(8deg, #0b2b39eb 30%, #0b2b39a6 40%, transparent 64%)
  }
}
.filter{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background:linear-gradient(157deg, #00000073, transparent 62%);
  z-index:-1;
}
.filter_blue{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background:#2b5363;
  opacity: 0.7;
  z-index:-1;
}

.background_image{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index: -2;
}
.background_image figure,
.background_image img{
  width:100%;
  height:100%;
}
.background_image img{
  object-fit: cover;
}
.blur_image{
  overflow: hidden;
}
.blur_image img{
  filter:blur(5px);
}

.green_block,
.green_block_wide{
  background:var(--main-blue);
  padding:8px;
  display:inline-block;
  color:#fff;
  margin-bottom:12px;
}
.green_block_wide{
  display:block;
}
.green_block p, .green_block ul, .green_block li,
.green_block_wide p, .green_block_wide ul, .green_block_wide li{
  color:#fff;
  margin-bottom:0;
}
.green_block a,
.green_block_wide a{
  color:#fff;
  text-decoration: underline;
}

.white_box{
  position:relative;
  background:#fff;
  padding: 15px;
  padding-top: 25px;
  padding-left: 20px;
  display:flex;
  flex-direction: column;
  justify-content: space-between;
}
.w3 .white_box h4{
  hyphens:manual;
}
.white_box h4{
  font-size:1.25rem;
  font-weight:600;
  letter-spacing:.007em;
  margin-bottom:11px;
  margin-top:0;
  height:2.5rem;
  hyphens:manual;
}
@media only screen and (max-width:1520px){
  .white_box h4{
    height:3.75rem;
  }
}
@media only screen and (max-width:1160px){
  .white_box h4{
    hyphens:none;
  }
}
@media only screen and (max-width:900px){
  .w3 .white_box h4,
  .white_box h4{
    hyphens:manual;
  }
}
@media only screen and (max-width:560px){
  .w3 .white_box h4,
  .white_box h4{
    hyphens:unset;
  }
}
.white_box p{
  line-height:1.35rem;
  margin-bottom:10px;
}
.white_box .button a{
  border: 2px solid var(--main-blue);
  padding: 7px 14px;
  float:right;
  transition: 0.2s;
}
.white_box .button a::after{
  content:"";
  display:block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.white_box .button a:hover{
  background: var(--main-blue);
  color:#fff;
}
.white_border_box{
  border:2px solid #fff;
  padding:32px;
}
.white_border_box .content{
  margin-bottom:30px;
}
.white_border_box p{
  color:#fff;
}
.white_border_box h4{
  font-size:28px;
  font-weight:600;
  letter-spacing:.007em;
  margin-bottom:0.8em;
  margin-top:0;
  color:#fff;
}
.white_border_box .button a{
  border: 2px solid #fff;
  padding: 7px 14px;
  margin-right: -10px;
  margin-bottom:-10px;
  float:right;
  color:#fff;
}

.flex_container{
  display:flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  gap:var(--flex-margin);
}
.flex_container.no_gap{
  gap:0;
}
.flex_container > div{
  width:calc((100% - 4 * var(--flex-margin)) / 5);
  min-width:225px;
  flex-grow: 1;
}
.flex_container.no_grow > div{
  flex-grow:unset;
  min-width:unset;
}
.flex_container.w4 > div{
  width:calc((100% - 3 * var(--flex-margin)) / 4);
}
.flex_container.w3 > div{
  width:calc((100% - 2 * var(--flex-margin)) / 3);
}
.flex_container.w2 > div{
  width:calc((100% - var(--flex-margin)) / 2);
}
.flex_container.no_gap > div{
  width:20%;
}
.flex_container.no_gap.w4 > div{
  width:25%;
}
.flex_container.no_gap.w3 > div{
  width:calc(100% / 3);
}
.flex_container.no_gap.w2 > div{
  width:50%;
}

@media only screen and (max-width:1160px){
  .flex_container > div, .flex_container.w4 > div{
    width:calc((100% - 3 * var(--flex-margin)) / 3);
  }
}
@media only screen and (max-width:788px){
  .flex_container > div, .flex_container.w4 > div, .flex_container.w3 > div{
    width:calc((100% - 3 * var(--flex-margin)) / 2);
  }
}
@media only screen and (max-width:560px){
  .flex_container > div, .flex_container.w4 > div, .flex_container.w3 > div, .flex_container.no_gap.w2 > div{
    width:100%;
  }
}

.heading_text_aside{
  display:flex;
  justify-content:space-between;
  width:100%;
  margin-bottom:50px;
}
.heading_text_aside h3{
  width:25%;
  margin:0;
}
.heading_text_aside .rte{
  width:70%;
  margin:0;
}

.overlay_box {
  position:relative;
  height:455px;
  overflow:hidden;
}
.overlay_box .content-image,
.overlay_box figure,
.overlay_box img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.overlay_box:before,
.overlay_box:after{
  content:"";
  display: block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background: linear-gradient(0, #07222c, transparent 94%);
  transition:0.2s;
}
.overlay_box:after{
  background:#266681;
  opacity:0;
}
.overlay_box .content-text{
  position: absolute;
  left: 20px;
  bottom: 20px;
  right:20px;
  z-index:10;
}
.overlay_box h3{
  color: #fff;
  font-size:1.45rem;
  font-weight:500;
  margin-bottom:8px;
}
.overlay_box p{
  color: #fff;
  font-size:0.9rem;
  line-height:normal;
  font-weight:300;
  height:75px;
}
overlay_box img{
  transition:0.2s;
}
.overlay_box .content-text p{
  color:#fff;
}
.overlay_box:hover:after{
  opacity:0.6;
}
.overlay_box a{
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  z-index:11
}
.active_overlay_box:after,
.active_overlay_box a{
  display:none;
}
.active_overlay_box{
  opacity:0.3;
}
@media only screen and (max-width:1202px){
  .overlay_box p{
    height:105px;
  }
  .overlay_box h3{
    height:2.9rem;
  }
}
@media only screen and (max-width:900px){
  .overlay_box p{
    height:128px;
  }
}
@media only screen and (max-width:600px){
  .overlay_box p{
    height:138px;
  }
}
@media only screen and (max-width:500px){
  .overlay_box p{
    height:unset;
  }
  .overlay_box h3{
    height:unset;
  }
  .active_overlay_box{
    display:none;
  }
}

.image_link {
  position:relative;
  height:320px;
  overflow:hidden;
}
.image_link .content-image,
.image_link figure,
.image_link img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.image_link:before,
.image_link:after{
  content:"";
  display: block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background: linear-gradient(0, #07222c, transparent 94%);
  transition:0.2s;
}
.image_link .content-text{
  position: absolute;
  bottom:30px;
  left:30px;
  z-index:2;
}
.image_link p, .image_link h1, .image_link h2, .image_link h3, 
.image_link h4, .image_link h5, .image_link h6{
  color:#fff;
}
.image_link:after{
  background:#07222c;
  opacity:0;
}
.image_link:hover:after{
  opacity:0.6;
}
.image_link a{
  position:absolute;
  top:0;
  left:0;
  opacity:0;
  width:100%;
  height:100%;
  z-index:11
}

.side_image_box{
  position:relative;
  display:flex;
  background:#eaeaea;
  height:min(360px, 27vw);
}
.side_image_box .content-image, 
.side_image_box .content-image figure, 
.side_image_box .content-image img{
  height:100%;
  object-fit:cover;
}
.side_image_box .content-image img{
  object-fit:cover;
}
.side_image_box > div{
  width:50%;
}
.side_image_box a{
  display:inline-block;
  border:1px solid var(--text-gray);
  color:var(--text-gray);
  padding:10px 15px;
  margin-top:35px;
  transition:0.2s;
}
.side_image_box a:hover{
  border:1px solid var(--text-gray);
  background:var(--text-gray);
  color:#fff;
}
.side_image_box a::after{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
}
.side_image_box .content-text{
  display:flex;
  justify-content:center;
  align-items: center;
  padding:60px;
}
.side_image_box .content-text h2{
  font-size:2.6rem;
}
.side_image_box.right_align .content-text{
  justify-content:flex-start;
}
.side_image_box.left_align .content-text{
  justify-content:flex-end;
}
.side_image_box.no_background{
  background:unset;
  color:unset;
  height:400px;
}
.side_image_box.no_background a{
  border:1px solid #000;
  color:unset;
}

.gray{
  background:#eaeaea;
  color:#2a2a2a;
}
.grayblack{
  background:#111;
  color:#fff;
}

.boxy_link a{
  padding:18px 30px;
  color:#fff;
  background:var(--main-blue);
}

.topic_slider{
  position:relative;
  user-select: none;
}
.topic_slider a{
  -webkit-user-select: none; /* Safari */
  -webkit-user-drag:none;
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.topic_slider .arrow{
  position:absolute;
  width:0.8%;
  height:50px;
  min-width:14px;
  background-image:url("/files/layout/icons/slide-arrow.svg");
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center center;
  top:50%;
  cursor: pointer;
}
.topic_slider .arrow.disabled{
  opacity: 0.3;
  cursor: unset;
}
.topic_slider .arrow.right{
  right:-3.5%;
  transform:translate(0,-50%);
}
.topic_slider .arrow.left{
  left:-3.5%;
  transform:translate(0,-50%) rotate(180deg);
}
.topic_slider .slider_window{
  overflow:hidden;
  width:100%;
}
.topic_slider .slider_content{
  display:flex;
  gap:1.4%;
  width:100%;
  transition:0.4s;
}
.topic_slider .topic,
.topic_slider .layout_three .topic{
  position:relative;
  width:32.5%;
  flex-shrink:0;
  transition:0.3s;
}
.topic_slider .layout_two .topic{
  width:49.375%;
  flex-shrink:0;
}
.topic_slider .layout_one .topic{
  width:100%;
  flex-shrink:0;
  background:#f7f7f7;
}
.topic_slider .layout_one .topic .content-text,
.topic_slider .layout_one .topic .content-hyperlink{
  padding-left:10px;
  padding-right:10px;
}
.topic_slider .topic{
  width:32.5%;
  flex-shrink:0;
  display:flex;
  flex-direction: column;
  justify-content: space-between;
}
.topic .content-image{
  width:100%;
  height:min(calc(var(--max-width) * 0.16), 16vw);
  min-height:180px;
}
.topic .content-image figure,
.topic .content-image img{
  width:100%;
  height:100%;
}
.topic .content-image img{
  object-fit: cover;
}
.topic .title{
  padding-top:20px;
  flex-grow: 1;
}
.topic .content-text p{
  font-size:0.9rem;
  line-height:1.3rem;
  color:#878787;
  margin-bottom:5px;
}
.topic .content-text h4{
  margin-top:0;
  margin-bottom:6px;
  font-size:1.46rem;
}
.topic a{
  color:var(--text-gray);
  display: inline-flex;
  align-items: center;
  transition:0.2s;
}
.topic a:hover{
  color:var(--main-blue);
  padding-left:10px;
}
.topic a:before{
  content:"";
  background:url("/files/layout/icons/Arrow-blue.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position:left center;
  width:30px;
  height:15px;
}
.topic a::after{
  content:"";
  display:block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

@media only screen and (max-width:1410px){
  .side_image_box .content-text h2{
    font-size:2rem;
  }
  .side_image_box .content-text{
    padding:35px;
  }
}
@media only screen and (max-width:950px){
  .side_image_box{
    display:block;
    height:unset;
    padding:13px 25px;
  }
  .side_image_box > div{
    width:100%;
  }
  .side_image_box .content-text{
    display:block;
    padding:0;
    padding-top:15px;
    margin-bottom:20px;
  }
  .side_image_box .content-text h2{
    font-size:1.9rem;
    margin-top:0;
    margin-bottom:17px;
  }
  .side_image_box a{
    font-size:0.85rem;
    padding:5px 7px;
    margin-top:12px;
  }
  .heading_text_aside{
    display:block;
  }
  .heading_text_aside h3{
    width:100%;
    margin-bottom:12px;
  }
  .heading_text_aside .rte{
    width:100%;
  }
}
@media only screen and (max-width:767px){
  .white_box{
    padding:25px;
  }
  .white_box h4{
    margin-bottom:13px;
  }
  .white_box p{
    margin-bottom:18px;
  }
  .topic_slider .slider_content{
    width:82%;
    margin:auto;
  }
  .topic_slider .slider_content{
    width:75%;
    margin:auto;
  }
  .topic_slider .topic{
    padding: 0 5px;
  }
  .topic_slider .arrow{
    height:100%;
    width:10%;
    top:0;
    background-size: max(13px, 30%);
  }
  .topic_slider .arrow.right{
    right:0;
    transform:translate(0,0);
  }
  .topic_slider .arrow.left{
    left:0;
    transform:translate(0,0) rotate(180deg);
  }
  .topic_slider .topic{
    display: block;
  }
  .topic .title{
    padding-top:15px;
    padding-bottom:12px;
  }
  .topic .content-text p{
    font-size:0.9rem;
    color:#878787;
    margin-bottom:5px;
  }
  .topic .content-text h4{
    margin-top:0;
    margin-bottom:6px;
    font-size:1.46rem;
  }
}
.sub_hero{
  margin-bottom:100px;
}
.sub_hero .article_content{
  width:100%;
  height:25.9vw;
  min-height:430px;
  max-height:595px;
}
.sub_hero .content-image,
.sub_hero figure,
.sub_hero img{
  width:100%;
  height:100%;
}
.sub_hero img{
  object-fit: cover;
  object-position: center;
}
.sub_hero .bottom_position img{
  object-position: bottom;
}
.sub_hero .top_position img{
  object-position: top;
}
.sub_hero .left_position img{
  object-position: left;
}
.sub_hero .right_position img{
  object-position: right;
}
.sub_hero .title{
  position:absolute;
  left:max(var(--max-content-padding), calc((100% - var(--max-width)) / 2));
  padding-right:var(--max-content-padding);
  top:50%;
  transform: translate(0,-50%);
  max-width:960px;
}
.sub_hero .title h1{
  color:#fff;
  font-size:60px;
  font-weight:500;
  margin:0;
}
.sub_hero .title p{
  color:#fff;
  font-size:30px;
  margin-bottom:15px;
}
.sub_hero .filter{
  /*background: linear-gradient(90deg, #2b5363d9, #2b53639e 25%, transparent 70%);*/
  /*background: linear-gradient(90deg, #0b1c23e0, #133645c9 21%, transparent 68%);*/
  background: linear-gradient(67deg, #0b1c23e0, #133645c9 14%, transparent 71%);
  /*background: linear-gradient(57deg, #082531d1, transparent 62%);*/
  /*background:linear-gradient(57deg, #000000bf, transparent 62%);*/
  z-index: unset;
}
.narrow_text .article_content,
.narrow .article_content{
  max-width:1150px;
}
.narrow_text h2{
  background:#eaeaea;
  padding:10px 5px;
  font-size:1.5rem;
  font-weight:500;
  margin-bottom:40px;
}
/*.narrow_text p, .narrow_text ul{*/
/*  margin-bottom:26px;*/
/*}*/
.text_excel .article_content{
  width:70vw;
  max-width:1280px;
}
.article_title{
  position: absolute;
  display:flex;
  justify-content: flex-start;
  align-items: center;
  top: 0;
  left: 0;
  transform: translate(0, -50%);
  width:30vw;
  margin: 0;
  padding: 15px;
  background: var(--main-blue);
  color: #fff;
}
.article_title h1{
  color: #fff;
  margin:0;
  font-size:3rem;
}
.article_title.bottom{
  top:unset;
  bottom:0;
  transform: translate(0,50%);
}
.article_title.right{
  left:unset;
  right:0;
}

.coming_soon .article_content{
  height:45vh;
  position:relative;
}
.coming_soon .content-image,
.coming_soon .content-image figure,
.coming_soon .content-image figure img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.coming_soon .filter{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgb(14,46,71);
  background: rgb(25 57 71);
  z-index: 2;
  opacity: 0.87;
}
.coming_soon .title{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  z-index:3;
  width:95%;
}
.coming_soon .title p,
.coming_soon .title h1{
  color:#fff;
  text-align: center;
}
.coming_soon .title p{
  font-weight:300;
}
.coming_soon .title h1{
  font-size:5rem;
  font-weight:600;
  margin-bottom:18px;
}
.coming_soon .title a{
  display:inline-block;
  color:#fff;
  border:2px solid #fff;
  padding:10px;
  margin-top:30px;
}


@media only screen and (max-width:930px){
  .sub_hero .title h1{
    font-size:48px;
  }
  .sub_hero .title p{
    font-size:24px;
  }
  .coming_soon .title h1{
    font-size:3.5rem;
  }
  .sub_hero{
    margin-bottom:60px;
  }
}
@media only screen and (max-width:767px){
  .sub_hero .article_content{
    height:250px;
    min-height:unset;
    max-height:unset;
  }
  .sub_hero .title h1{
    font-size:30px;
  }
  .sub_hero .title p{
    font-size:19px;
    margin-bottom:8px;
  }
  .sub_hero .title{
    position:absolute;
    left:0;
    width:100%;
    top:unset;
    bottom:9%;
    transform: unset;
    padding-left:var(--max-content-padding);
  }
  .sub_hero .filter{
    background:linear-gradient(10deg, #0a1d25, #133645c7 29%, transparent 74%)
  }
  .coming_soon .title h1{
    font-size:2.5rem;
  }
}
#footer{
  background:#eaeaea;
  margin-top:50px;
}

#footer ul{
  list-style-type: none;
  padding-inline-start: 0;
}

#footer_inside{
  max-width: var(--max-width);
  width: var(--max-content-percent);
  margin: auto;
  padding-top:60px;
  padding-bottom:30px;
}

#footer .logo{
  z-index:unset;
  margin-bottom:30px;
  width:250px;
}

#footer .logo a{
  display:block;
  line-height:0;
}

#footer .logo .mobile{
  display:none;
}

#footer_content{
  display: flex;
  justify-content: space-between;
  padding-bottom:50px;
  gap:32px;
}

#footer_content a{
  flex-shrink:2;
}

#footer_content .content-text{
  flex-shrink:1;
}

#footer_content ul div{
  line-height:1.4;
} 

#footer .content-text br{
  display:none;
}

#footer_content p{
  font-size:1.35rem;
  margin-bottom:30px;
  color:var(--text-gray);
}

#footer_content h3{
  color:#455360;
  margin:0;
}

#footer_content ul p,
#footer_content ul a{
  font-size:0.95rem;
  /*color:#878787;*/
}

#footer_content a{
  color:var(--text-gray);
}

#footer_content ul li{
  margin-bottom:20px;
  line-height:1.2;
}

#bottom{
  text-align: center;
  padding-top:30px;
  border-top:1px solid #878787;
  color:#878787;
  font-size:0.7rem;
}

#bottom p,
#bottom a{
  color:#455360;
  font-size:1rem;
  margin:0;
}

#bottom .flex{
  display:flex;
  justify-content: center;
  gap:50px;
  margin-bottom:10px;
}

@media only screen and (max-width:1500px){
  #footer .logo{
    width:190px;
  }
  #footer .logo .desktop{
    display:none;
  }
  #footer .logo .mobile{
    display:block;
  }
  #footer .content-text br{
    display:unset;
  }
}

@media only screen and (max-width:1390px){
  #footer .logo{
    width:166px;
  }
}

@media only screen and (max-width:1300px){
  #footer .logo{
    width:155px;
  }
}

@media only screen and (max-width:1200px){
  #footer_content{
    flex-wrap: wrap;
  }
  #footer .logo{
    width:100%;
  }
  #footer .logo .desktop{
    display:block;
    width:250px;
  }
  #footer .logo .mobile{
    display:none;
  }
  #footer_content p{
    font-size:1.3rem;
    margin-bottom:10px;
    color:#455360;
  }
  #footer_content ul p,
  #footer_content ul a{
    font-size:1rem;
  }
  #footer_content h3{
    color:#455360;
    font-size:2rem;
    margin-bottom:40px;
  }
  #footer_content ul{
    margin-bottom: 32px;
  }
  #footer_content ul li{
    margin-bottom:15px;
  }
  #footer .content-text{
    width:28%;
  }
}

@media only screen and (max-width:800px){
  #footer{
    padding-left:var(--max-content-padding);
    padding-right:var(--max-content-padding);
  }
  #footer_inside{
    display: block;
    width:100%;
    padding-top:50px;
    padding-bottom:20px;
  }
  #footer_content{
    display: block;
  }
  #footer .logo{
    margin-bottom:50px;
  }
  #footer .logo .desktop{
    width:280px;
  }
  #footer_content p{
    font-size:1.47rem;
  }
  #footer_content ul{
    margin-bottom: 44px;
  }
  #footer .content-text{
    width:100%;
  }
  #footer .content-text br{
    display:none;
  }
}
#coaching_header img{
  object-position: 80%;
}
#silo_header img,
#coffee_header img,
#performance_header img{
  object-position: 70%;
}
#service_excellence_header img,
#strategy_header img,
#organization_header img{
  object-position: 61%;
}
#reorganization_header img{
  object-position: 77%;
}
#ressource_control__header img{
  object-position: 42%;
}
#central_area_header img{
  object-position: 30%;
}
#postmerger_header img{
  object-position: 32%;
}
#vision_header img{
  object-position: bottom 0 left 37%;
}
@media only screen and (max-width:800px){
  #topics{
    padding-bottom:0;
  }
}
.team_card{
  position: relative;
  display:flex;
  gap:4%;
  background:#eaeaea;
  align-items: stretch;
  margin-bottom:50px;
}
.team_card h2{
  background:none;
  padding:unset;
}
.team_card .content-image{
  width:40%;
  min-width:350px;
}
.team_card .content-image figure,
.team_card .content-image img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.team_card .content-text{
  padding-top:40px;
  padding-bottom:40px;
  padding-right:40px;
}
.team_card .full_link{
  position:absolute;
  display:flex;
  justify-content: center;
  align-items: center;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background:rgba(57,123,150,0.86);
  opacity:0;
  transition:0.2s;
}
.team_card .full_link:hover{
  opacity:1;
}
.team_card .full_link a{
  color:#fff;
  font-size:2rem;
  display:flex;
  gap:15px;
  justify-content: center;
  align-items: center;
  height:100%;
  width:100%;
}
.team_card .full_link a:after{
  content:"";
  display:block;
  background-image: url("/files/layout/icons/ext-link.svg");
  background-size:contain;
  background-repeat: no-repeat;
  height:1.4rem;
  width:1.4rem;
}

.reference{
  display:flex;
  justify-content: space-between;
  padding:30px;
  box-shadow: 0px 0px 13px 2px rgba(130,130,130,0.12);
  margin-bottom:50px;
  gap:25px;
}
.reference.mirrored{
  flex-direction: row-reverse;
}
.reference .content-image{
  width:23%;
  min-width:220px;
}
.reference .reference_content{
  display: flex;
  flex-direction: column;
  gap:40px;
  width:73%;
}
.reference .reference_content p{
  font-size:20px;
}
.reference .person_info{
  border-top: 1px solid #CBCBCB;
  padding-top:8px;
}
.reference .person_info p{
  font-size:16px;
  margin:0;
}
.reference .name p{
  font-weight:500;
  font-size:22px;
}
@media only screen and (max-width:1000px){
  .reference{
    padding:25px;
  }
  .reference .reference_content{
    gap:28px;
  }
  .reference .reference_content p{
    font-size:16px;
  }
  .reference .person_info{
    padding-top:5px;
  }
  .reference .person_info p{
    font-size:14.5px;
  }
  .reference .name p{
    font-size:19px;
  }
}
@media only screen and (max-width:800px){
  .team_card{
    flex-direction:column;
  }
  .team_card .content-image{
    width:100%;
    min-width:unset;
  }
  .team_card .content-text{
    padding: 25px;
    padding-top:15px;
  }
  .reference .reference_content{
    gap:0;
    width:65%;
  }
  .reference .person_info p{
    font-size:13.8px;
  }
  .reference .name p{
    font-size:18px;
  }
  .reference .reference_content p{
    font-size:15px;
  }
}
@media only screen and (max-width:700px){
  .reference, .reference.mirrored{
    flex-direction: column;
    gap:20px;
  }
  .reference .content-image{
    width:100%;
    min-width:unset;
  }
  .reference .reference_content{
    width:100%;
    gap:40px;
  }
  .reference .reference_content p{
    font-size:16px;
  }
}