.elementor-1272 .elementor-element.elementor-element-e6b8e1e{--display:flex;--min-height:475px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-1272 .elementor-element.elementor-element-e6b8e1e:not(.elementor-motion-effects-element-type-background), .elementor-1272 .elementor-element.elementor-element-e6b8e1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1272 .elementor-element.elementor-element-5e365f9.elementor-element{--align-self:center;}.elementor-1272 .elementor-element.elementor-element-5e365f9 .pix-sliding-headline-2, .elementor-1272 .elementor-element.elementor-element-5e365f9 .pix-sliding-headline-2 span, .elementor-1272 .elementor-element.elementor-element-5e365f9 .body-font, .elementor-1272 .elementor-element.elementor-element-5e365f9 .heading-font{font-family:"twklausanne", Sans-serif;font-size:4.2vw;font-weight:200;line-height:1em;letter-spacing:-0.04em;}.elementor-1272 .elementor-element.elementor-element-3f08172e{--display:flex;--min-height:1300px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-1272 .elementor-element.elementor-element-3f08172e.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}body.elementor-page-1272:not(.elementor-motion-effects-element-type-background), body.elementor-page-1272 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1272 .elementor-element.elementor-element-5e365f9 .pix-sliding-headline-2, .elementor-1272 .elementor-element.elementor-element-5e365f9 .pix-sliding-headline-2 span, .elementor-1272 .elementor-element.elementor-element-5e365f9 .body-font, .elementor-1272 .elementor-element.elementor-element-5e365f9 .heading-font{font-size:3.2rem;}.elementor-1272 .elementor-element.elementor-element-3f08172e{--min-height:661px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-37fc5fb4 */.dop-team-container{
    max-width: 100vw;
    margin:0 auto;
   
}

.hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 80vh;
  padding-top: 4em;
  padding-bottom: 4em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.alert {
    margin:0;
}
.hero_text {
  padding-top: 0.2em;
  font-size: 21vw;
  line-height: 0.8;
  text-align: center;
  letter-spacing: -0.01em;
}


.team_header {
  position: relative;
  z-index: 10;
  padding: 1em;
}

.styles {
  position: fixed;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
}

.team_item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: block;
    padding: 80px 0px 46px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #d7d7d766;
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    color: #fff;
    flex-direction: row;
    align-items: center;
    align-content: stretch;
    flex-wrap: wrap;
    padding-left:75px;
    
}
.team_name:hover{
transform: translateX(40px)!important;
            transition: all .7s cubic-bezier(.7, 0, .3, 1);;
            color:#2b7669;


}
.team_name {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    text-align: left;
    font-family: 'twklausanne';
    font-size: 2.8rem;
    transition: all .8s cubic-bezier(.7, 0, .3, 1);
    line-height: 2rem;
    

}
.team_image {
  width: 30%;
  margin-left: 49%;
  opacity: 0;
}


.team_title {
  width: 100%;
  color:#00000066;
  font-size: 1.3rem;
  font-family: 'twklausanne';
  line-height: 0em
}

.team_visual {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}


.team_image.is-hovered {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.team_bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: -1;
  width: 100%;
  height: 0%;
  background-color: #d5ece4;
  -webkit-transition: height 200ms ease;
  transition: height 200ms ease;
}

@media screen and (max-width: 991px) {
  p {
    margin-top: 0.4em;
    margin-bottom: 0.2em;
    font-size: 1.1em;
  font-weight:300!important;
      
  }

  .team_item {
    display: block;
    padding: 0em;
    border-bottom-width: 0px;
  }

  .team_name {
   font-size: 4.8vw;
    text-align: left;
    display: inline;
    line-height: 52px;
  }

  .team_title {
    font-size: 0.87rem;
    display: flex;
    line-height: 1rem;
    opacity: 0.8;
    margin-top:-10px;
    letter-spacing:0.01em;

  }

  .team_list {
    display: -ms-grid;
    display: grid;
    padding: 1em;
    grid-auto-columns: 1fr;
    grid-column-gap: 1em;
    grid-row-gap: 1.5em;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .team_visual {
    position: relative;
    height: auto;
  }

  .team_image {
    width: 100%;
    margin-left: 0%;
    opacity: 1;
  }
}/* End custom CSS */