@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}

.bio_area a, .bio_title a, .nature_heading a, .bio_image a{

  text-decoration: none;

}

body{

  font-family: "Open Sans", serif;

}

header {

  padding: 80px 0 0 0;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;
  z-index: 1;
} 

.bio_container {

  width: 100%;

  display: flex;

}

.wrapper_bg{

  background-image: url('../../assets-new/images/bg-new.jpg');

  background-color: #013220;

  background-size: cover; 

  background-repeat: no-repeat;

  background-position: center center;

  height: 100vh;

}

.bio_section {

  padding-top: 121.5px;

  display: flex;

  justify-content: flex-end;

  height: 100vh;

  position: relative;

}

.container{

  max-width: 1730px;

  margin: 0 auto;

  padding: 0 15px;

}

.header_row{

  display: flex;

  justify-content: space-between;

}

.headerlogo a{

  font-family: 'Open Sans';

  font-weight: 800;

  font-size: 40px;

  line-height: 1.1;

  letter-spacing: -0.05em;

  color: #FFFFFF;

  text-decoration: none;

}

.headerlogo a span{

  font-family: 'Open Sans';

  font-weight: 400;

  font-size: 36px;

  line-height: 1.1;

  letter-spacing: 0.15em;

  opacity: 0.7;

  display: block;

  text-align: center;

}

.nature_heading h2{

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 800;

  font-size: 48px;

  line-height: 65px;

  text-align: right;

  text-decoration-line: underline;

  color: #FFCC00;

  margin: 0;

}

.bio_title h2.about_heading {

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 700;

  font-size: 177px;

  line-height: 0.6;

  letter-spacing: -0.05em;

  text-transform: uppercase;

  color: #FFFFFF;

  margin-left: -14px;

}

.bio_title h2.enjoy_heading{

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 700;

  font-size: 177px;

  line-height: 0.3;

  letter-spacing: -0.05em;

  color: #FFFFFF;

  margin-left: -14px;

}

.bio_title h2.enjoy_heading span.rotateword {

  transform: matrix(1, 0, 0, -1, 0, 0);

  display: inline-block;

}

.bio_title h2.enjoy_heading span.norotate{

  transform: unset;

  display: inline-block;

  position: relative;

  top: -40px;

}

.biotext{

  display: flex;

  align-items: center;

}

.green_highlight {

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 800;

  font-size: 100px;

  line-height: 1.2;

  letter-spacing: -0.05em;

  color: #27F272;

}

.biotext .bar {

  width: 260px;

  height: 38.51px;

  background: #FFCC00;

  display: inline-block;

  margin: 28px 10px 0 0px;

}

.bio_subtitle{

  font-family: 'Open Sans';

  font-style: italic;

  font-weight: 600;

  font-size: 36px;

  line-height: 61px;

  letter-spacing: 0.1em;

  color: #FFFFFF;

  margin-top: 30px;

}

.bio_subtitle a{

  color: #FFCC00;

  text-decoration: underline;

}

.bio_sonification{

  display: flex;

}

.bio_sonification h2{

  font-family: 'Open Sans';

  font-weight: 700;

  font-size: 150px;

  line-height: 0.8;

  text-align: center;

  letter-spacing: -0.05em;

  color: #FFFFFF;

}

.bio_area {

  padding-bottom: 75px;

}

.bio_area h3{

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 700;

  font-size: 55px;

  line-height: 60px;

  text-align: left;

  letter-spacing: -0.05em;

  text-transform: uppercase;

  color: #FFFFFF;

}

.bio_sonification .bio_sonification_box {

  background: #FFCC00;

  width: 107px;

  display: flex;

  align-items: flex-end;

  padding: 10px;

  margin-left: 15px;

}

.bio_sonification .bio_sonification_box p{

  font-family: 'Open Sans';

  font-style: normal;

  font-weight: 600;

  font-size: 9.43715px;

  line-height: 13px;

  letter-spacing: 0.22em;

  color: #013220;

}

.bio_container{

  padding: 0 200px 0 40px;

}

.bio_content {

  display: flex;

  align-items: center;

  width: 100%;

}

.bio_sonification_col {

  display: flex;

  justify-content: flex-start;

  align-items: flex-end;

  width: 70%;

  padding: 700px 0 0;

}

.bio_sonification_col::after {

  content: '';

  position: absolute;

  width: 786px;

  height: 1039px;

  display: block;

  background-image: url('../../assets-new/images/bioimage.png');

  background-size: 786px;

  background-repeat: no-repeat;

  background-position: bottom center;

  right: 50px;

  display: none !important;

}

.bio_text_col {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 30%;

}

.bio_image {

  display: block;

  position: absolute;

  top: 30px;

  left: 300px;

}

.bio_image img{

  width: 100%;

  display: block;

  height: calc(100vh - 30px);

  object-fit: contain;

  object-position: bottom;

}



.bio_sonification_col{

  padding: 0 !important;

  display: flex;

  align-items: flex-end;

  height: 100%;

}

.bio_image img.bio-image-mobile{

  display: none;

}