
@font-face {
  font-family: 'AvenirNext-Medium';
  src: url('/content/dam/open-digital/lungambitionalliance/en/font/AvenirNext-Medium-06.ttf');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family:'AvenirNext-Bold';src:url('/content/dam/open-digital/lungambitionalliance/en/font/AvenirNext-Bold-01.ttf');font-weight:normal;font-style:normal;font-display:swap;
}

.we-must1 {
  padding-top: unset;
  padding-bottom: unset;
}

.we-must-col .row {
  width: 100%;
  margin: 0;
}

.we-must1 .we-must-col {
  background: #152d3f;
}

.col-style1 .col-sm-8.col-xs-12.column-2 {
  background: #fff;
}

.col-style1 .col1,.col-style1 .col2,.col-style1 .col3 {
  margin-bottom: 10%;
}

.col-style {
  background: #f2f2f2;
  margin-bottom: -50px;
}

.col-style .col1 {
  margin-top: 10%;
}

.col-style .col1,.col-style .col2,.col-style .col3 {
  margin-bottom: 10%;
}

.col-style .col1 .new-image .new-image-desktop,.col-style .col2 .new-image .new-image-desktop,.col-style .col3 .new-image .new-image-desktop {
  background: #86bcb0;
}

.col-style .col1 .new-image .new-image-mobile,.col-style .col2 .new-image .new-image-mobile,.col-style .col3 .new-image .new-image-mobile {
  background: #86bcb0;
}

.col-style .col3 .col-sm-8.col-xs-12.column-2 {
  padding: 2% 8% 5% 2%;
  background: #fff;
  margin-left: -1%;
}

.col-style .col2 .col-sm-8.col-xs-12.column-1 {
  padding: 2% 3% 7% 5%;
  background: #fff;
  margin-right: -1%;
  margin-left: 1%;
}

.col-style .col1 .col-sm-8.col-xs-12.column-2 {
  padding: 2% 5% 4.5% 2%;
  background: #fff;
  margin-left: -1%;
}

.we-heading {
  color: white;
  font-size: 48px;
  line-height: 56px;
  font-weight: bolder;
  font-family: AvenirNext-Bold;
}

.we-heading1 {
  color: white;
  font-size: 40px;
  line-height: 40px;
  margin-left: 5%;
  font-weight: bolder;
  font-family: AvenirNext-Bold;
}

.we-text {
  color: white;
  font-size: 20px;
  line-height: 32px;
  padding-top: 3%;
  font-family: AvenirNext-Medium;
}

.we-text1 {
  color: white;
  font-size: 20px;
  margin-right: 55%;
  margin-left: 5%;
  padding-bottom: 5%;
  font-family: AvenirNext-Medium;
}

.we-must {
  background: url('/content/dam/open-digital/lungambitionalliance/en/images/desktop/Desktop-Banner-Image-1600x650-3.jpg');
  background-size: 100% 100%;
  margin-top: -2%;
}

.as-an-alliance {
  margin-top: 10%;
  font-size: 48px;
  line-height: 56px;
  text-align: center;
  margin-bottom: 5%;
  color: #152d3f;
  font-weight: bolder;
  font-family: AvenirNext-Bold;
}

.col-heading {
  font-weight: bolder;
  font-size: 28px;
  line-height: 36px;
  padding-bottom: 1%;
  color: #152d3f;
  margin-left: 10%;
  margin-top: 10%;
  font-family: AvenirNext-Bold;
}

.col-text {
  font-family: AvenirNext-Medium;
  padding-top: 0;
  font-size: 18px;
  line-height: 28px;
  margin-left: 10%!important;
  color: #152d3f!important;
}

.col1 {
  margin-bottom: 3%;
}

.col2 {
  margin-bottom: 3%;
}

.col3 {
  margin-bottom: 3%;
}
.additional-veeva.new-veeva {
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    margin: 2.5em 0 0.5em 0;
    font-family: "AvenirNext-Medium";
    
}
@media screen and (max-width:767px) {
  .col-style1 .row {
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
  }

  .col-style1 .row .column-1,.col-style1 .row .column-2 {
    padding: 0;
  }

  .we-must {
    display: none;
  }

  .col-style {
    display: none;
  }

  .col-style1 .expand-img-mobile {
    background: #86bcb0;
  }

  .col-style .col-sm-8.col-xs-12.column-2 {
    background: #fff;
  }

  .component-section.no-style.col-style1 {
    background: #f2f2f2;
    margin-bottom: -50px;
  }

  .as-an-alliance {
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    color: #152d3f;
    font-weight: bolder;
    margin: 5% 15% 15% 15%;
    margin-left: unset;
    margin-right: unset;
  }

  .col-heading {
    font-weight: bolder;
    font-size: 24px;
    line-height: 34px;
    padding-bottom: 1%;
    color: #152d3f;
    margin-left: 5%;
    margin-top: 10%;
  }

  .col-text {
    padding-top: 2%;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10%;
    margin-left: 5%!important;
  }

  .we-must {
    background: url(/content/dam/open-digital/lungambitionalliance/en/images/l2-header-banners/mobile/mobile-lungs-banner.jpg)bottom;
    background-size: 100% 40%;
    background-repeat: no-repeat;
    background-color: #152d3f;
  }

  .we-heading {
    font-size: 48px;
    line-height: 56px;
    margin-left: unset;
    margin-top: 5%;
  }

  .we-heading1 {
    font-size: 40px;
    line-height: 60px;
  }

  .we-text {
    color: white;
    font-size: 20px;
    line-height: 36px;
    margin-right: 5%;
    margin-left: 5%;
    padding-top: 2%;
    padding-bottom: 1%;
  }

  .we-must-col .col-sm-6.col-xs-12.column-1,.col-style1 .page-section-inner {
    padding-left: 5%;
    padding-right: 5%;
  }

  .we-must1 .we-must-col .we-text {
    color: white;
    font-size: 20px;
    line-height: 32px;
    margin-right: unset;
    margin-left: unset;
    padding-top: 2%;
    padding-bottom: 1%;
  }

  .we-must1 .we-must-col .col-sm-6.col-xs-12.column-2 {
    padding-top: 6%;
    padding-right: unset;
  }

  .we-text1 {
    color: white;
    font-size: 20px;
    line-height: 40px;
    margin-right: 5%;
    margin-left: 5%;
    padding-top: 2%;
    padding-bottom: 1%;
    margin-bottom: 65%;
  }

  .our-priorities .hero-banner .our-priority {
    max-width: 98%;
  }
}

@media screen and (min-width:768px) {
  .col-style1 {
    display: none;
  }
  
  
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .col-style {
    margin-bottom: -6%;
  }

  .col-style .col1 .col-sm-8.col-xs-12.column-2 {
    padding: 1% 1% 1% 1%;
    margin-left: -2%;
  }

  .col-style .col2 .col-sm-8.col-xs-12.column-1 {
    padding: 2% 3% 4% 5%;
    margin-right: -2%;
    margin-left: 1%;
  }

  .col-style .col3 .col-sm-8.col-xs-12.column-2 {
    padding: 1%;
    margin-left: -2%;
  }

  .col-heading {
    font-weight: bolder;
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 1%;
    color: #002b49;
    margin-left: 2%;
    margin-top: 1%;
  }

  .col-text {
    padding-top: 0;
    font-size: 18px;
    line-height: 30px;
    margin-left: 3%!important;
    margin-right: 0;
  }

  .partnership .component-section {
    padding: 30px 0 20px;
  }

  .we-heading {
    font-size: 48px;
    line-height: 56px;
  }

  .we-heading1 {
    font-size: 60px;
    line-height: 60px;
  }

  .we-text {
    color: white;
    font-size: 20px;
    line-height: 32px;
    padding-top: 2%;
  }

  .we-text1 {
    color: white;
    font-size: 25px;
    line-height: 40px;
    margin-right: 15%;
    margin-left: 5%;
    padding-bottom: 5%;
  }

  .we-must1 {
    display: none;
  }
}

@media screen and (min-width:1024px) and (max-width:1279px) {
  .we-must1 {
    display: none;
  }

  .col-heading {
    font-weight: bolder;
    font-size: 28px;
    padding-bottom: 0;
    color: #002b49;
    margin-right: 3%;
    margin-left: 3%;
    margin-top: 12%;
  }

  .col-style .col1 .col-sm-8.col-xs-12.column-2 {
    padding: 0 0 3% 2%;
    margin-left: -2%;
  }

  .col-style .col2 .col-sm-8.col-xs-12.column-1 {
    margin-right: -2%;
  }

  .col-style .col3 .col-sm-8.col-xs-12.column-2 {
    margin-left: -2%;
  }

  .col-text {
    padding-top: 2%;
    font-size: 18px;
    margin-right: 2%;
    line-height: 28px;
    margin-left: 3%!important;
  }

  .we-heading {
    font-size: 48px;
    line-height: 56px;
  }

  .we-heading1 {
    font-size: 60px;
    line-height: 60px;
  }

  .we-text {
    color: white;
    font-size: 20px;
    line-height: 32px;
  }

  .we-text1 {
    color: white;
    font-size: 32px;
    line-height: 40px;
    margin-right: 15%;
    margin-left: 5%;
    padding-bottom: 5%;
  }
}

@media screen and (min-width:1280px) {
  .col-text {
    padding-bottom: 7%;
  }

  .we-must1 {
    display: none;
  }
}

@media screen and (min-width:1920px) {
  .we-must1 {
    display: none;
  }

  .col-style {
    margin-bottom: -3%;
  }

  .we-heading {
    font-size: 48px;
    line-height: 56px;
  }

  .we-heading1 {
    font-size: 60px;
    line-height: 60px;
  }

  .we-text {
    color: white;
    font-size: 20px;
    line-height: 32px;
    padding-top: 2%;
    padding-bottom: 1%;
  }

  .we-text1 {
    color: white;
    font-size: 32px;
    line-height: 40px;
    margin-right: 55%;
    margin-left: 5%;
    padding-bottom: 5%;
  }
}

@media screen and (max-width:767px) and (orientation:landscape) {
/*  .we-must1 {
    margin-top: -4%;
  }   */

  .component-section.no-style.col-style1 {
    margin-bottom: -8%;
  }

  .col-style1 .col-sm-8.col-xs-12.column-2 {
    width: 96%;
    margin-left: 2%;
  }

  .col-heading,.col-text {
    margin-left: 3%;
  }
}

.col-style .col1 .new-image .new-image-desktop,.col-style .col2 .new-image .new-image-desktop,.col-style .col3 .new-image .new-image-desktop {
  background: #86bcb0;
  padding-bottom: 3%;
}

@media screen and (min-width:768px) {
  .we-must {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #152d3f;
  }
}

@media screen and (min-width:1170px) {
  .we-must {
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    background-color: #152d3f;
  }
}

@media(min-width:992px) and (max-width:1199px) {
  .col1 .col-sm-8.col-xs-12.column-2,.col2 .col-sm-8.col-xs-12.column-1,.col3 .col-sm-8.col-xs-12.column-2 {
    height: 301px;
  }

  .col-heading {
    font-weight: bolder;
    font-size: 28px;
    padding-bottom: 0;
    color: #002b49;
    margin-right: 3%;
    margin-left: 3%;
    margin-top: 11%;
  }
}

@media(min-width:1200px) and (max-width:1280px) {
  .col1 .col-sm-8.col-xs-12.column-2,.col2 .col-sm-8.col-xs-12.column-1,.col3 .col-sm-8.col-xs-12.column-2 {
    height: 371px;
  }
}

@media(min-width:768px) {
  .col-style .page-section-inner {
    padding: 0 15px;
  }

  .we-must .page-section-inner {
    width: 750px;
    padding: 21px;
    padding-right: 24em;
    margin: auto;
  }
}

@media(min-width:992px) {
  .we-must .page-section-inner {
    width: 970px;
    padding: 30px;
    margin: auto;
  }

  .our-priority {
    max-width: 35em;
  }
}

@media(min-width:1200px) {
  .we-must .page-section-inner {
    width: 1170px;
    padding: 15px 30px;
    margin: auto;
  }

  .our-priority {
    max-width: 40em;
  }
}

@media(min-width:1700px) {
  .we-must .page-section-inner {
    width: 1600px;
    padding: 30px;
    margin: auto;
  }

  .our-priority {
    max-width: 68em;
  }
}

@media(min-width:1700px) {
  .col1 .col-sm-8.col-xs-12.column-2,.col2 .col-sm-8.col-xs-12.column-1,.col3 .col-sm-8.col-xs-12.column-2 {
    height: 516px;
  }
}
