@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

@font-face {
  font-family: 'fontelloo';
  src: url('assets/font/fontello_new/fontello.eot?83958895');
  src: url('assets/font/fontello_new/fontello.eot?83958895#iefix') format('embedded-opentype'),
       url('assets/font/fontello_new/fontello.woff?83958895') format('woff'),
       url('assets/font/fontello_new/fontello.ttf?83958895') format('truetype'),
       url('assets/font/fontello_new/fontello.svg?83958895#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 'fontelloo';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-info-circled-altt:before { content: '\f086'; } /* '' */
.icon-close:before { content: '\e804'; } /* '' */

/* form newdesign scss */
body {
    margin: 0;
    font-family: "open sans", sans-serif;
    line-height: 1.6;
  }
  
  body:not(.page-project-map) {
    padding-top: 0;
  }
  
  body:not(.page-project-map) #header-bar {
    position: sticky;
    top: 0;
  }
  
  #main {
    padding-bottom: 50px;
  }
  
  .site-header {
    background: #f5f5f5;
  }
  .site-header .container-fluid {
    padding-inline: 16px;
    margin-left: auto;
    margin-right: auto;
  }
  @media (min-width: 1025px) {
    .site-header .container-fluid {
      max-width: calc(78% + 16px);
    }
  }
  .site-header .social-media {
    display: flex;
    gap: 16px;
  }
  .site-header .social-media a {
    line-height: 1;
  }
  .site-header .social-media a i {
    display: inline-block;
    height: 24px;
  }
  
  .nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  
  .nav ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    max-height: fit-content;
  }
  
  .nav ul li {
    padding-left: 15px;
    padding-right: 15px;
    height: 100%;
    display: flex;
    align-items: center;
  }
  
  .nav ul li a {
    color: black;
    text-decoration: none;
    font-size: 16px;
    font-family: roboto;
    font-weight: 500;
    text-transform: none;
  }
  
  .nav .small_menu {
    display: none;
  }
  
  .navmenu {
    display: flex;
    align-items: center;
  }
  
  .menu-title {
    display: none;
  }
  
  @media (max-width: 1024px) {
    .menu {
      height: auto;
    }
    .menu.navmenu {
      height: 100vh;
    }
    #nav-toggle:checked ~ div.navmenu {
      opacity: 1;
      visibility: visible;
      width: 328px;
      padding: 32px;
    }
    .site-header .nav div.menu {
      height: 0;
      opacity: 0;
      visibility: hidden;
      left: -70px;
    }
    .nav .social-media {
      display: none;
    }
    .nav .small_menu {
      display: block;
    }
    .navmenu .menu-title {
      position: absolute;
      top: 0;
    }
    .navmenu .menu {
      position: absolute;
      top: 20px;
    }
    .menu-title {
      display: flex;
      color: #e34648;
      font-size: 16px;
      font-weight: 500;
    }
    .nav ul {
      align-items: flex-start;
    }
    .nav ul li {
      align-items: flex-start;
    }
    .site-header .nav div.menu ul li {
      width: 100%;
    }
    .nav ul li a {
      font-size: 32px;
      text-align: left;
    }
    ul.menu li.menu-item-has-children > .arrow {
      right: -6px;
    }
    .small_menu {
      padding-top: 40px;
      position: absolute;
      bottom: 118px;
    }
    .small_menu .title {
      padding: 0;
    }
    .small_menu .title h2 {
      font-size: 16px;
      color: #e34648;
      font-weight: 500;
      text-align: left;
    }
    .small_menu .email {
      padding-top: 24px;
      padding-bottom: 40px;
    }
    .small_menu .email a {
      font-size: 22px;
      font-weight: 600;
      color: #0061b3;
    }
    .small_menu .social-media-menu {
      display: flex;
      gap: 16px;
    }
    .small_menu .social-media-menu a {
      font-size: 14px;
      padding: 10px 24px;
      background: white;
      border-radius: 8px;
    }
    #wpadminbar {
      position: fixed;
    }
    .nav ul li.current-menu-ancestor ul.sub-menu {
      opacity: 0;
      visibility: hidden;
      height: 0;
      margin: 0;
      border: 0;
    }
    .nav ul li.current-menu-ancestor .arrow {
      display: block;
    }
    ul.menu li.menu-item-has-children .open-sub-menu + ul {
      opacity: 1;
      visibility: visible;
      height: 100%;
      margin-bottom: 20px;
      border-bottom: 2px solid #fff;
    }
  }
  .challenge-block,
  .story-block,
  .partner-block {
    max-width: 1176px;
    margin: 0 auto;
    padding: 100px 24px;
  }
  
  .component.target-block .container, 
  .component.media-block .container, 
  .component.impact-block .container, 
  .component.award-block .container {
    max-width: 1160px;
    margin: 0 auto;
    padding: 100px 16px;
  }
  .solution-block .container,
  .helping-nepal-rebuild .container {
    padding-left: 16px;
    padding-right: 16px;
  }
  .component.target-block + .award-block, .component.solution-block + .award-block, .component.media-block + .award-block, .component.impact-block + .award-block, .component.award-block + .award-block {
    margin-top: -50px;
  }
  .component.target-block + .award-block .container, .component.solution-block + .award-block .container, .component.media-block + .award-block .container, .component.impact-block + .award-block .container, .component.award-block + .award-block .container {
    padding-top: 0;
  }
  .component.target-block + .media-block, .component.solution-block + .media-block, .component.media-block + .media-block, .component.impact-block + .media-block, .component.award-block + .media-block {
    margin-top: -50px;
  }
  .component.target-block + .media-block .container, .component.solution-block + .media-block .container, .component.media-block + .media-block .container, .component.impact-block + .media-block .container, .component.award-block + .media-block .container {
    padding-top: 0;
  }
  .component .impact,
  .component .solution {
    background: #f5f5f5;
  }
  
  .container-1440 {
    max-width: 1440px;
  }
  
  .banner-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1;
  }
  
  .h1 {
    font-weight: 600;
    font-size: 64px;
    line-height: 1.09375;
    text-align: center;
    letter-spacing: -2px;
    margin-bottom: 0;
  }
  
  .hero {
    width: 100%;
    height: 100%;
    margin: 0;
    color: white;
    text-align: center;
    position: relative;
    padding: 0;
    margin: 0;
    max-height: calc( 100vh - 120px );
  }
  .hero .icon-house-icon::after {
    content: url(./assets/img/house2.svg);
  }
  .hero .icon-co2-icon::after {
    content: url(./assets/img/co2-2.svg);
  }

  .banner-media-wrapper {
    max-height: calc( 100vh - 120px );  
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  
  .hero-image {
    border-radius: 0;
    height: 100%;
    width: 100%;
    max-height: calc(100vh - 120px);
    object-fit: cover;
    overflow: hidden;
  }
  
  .hero-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    z-index: 1;
    padding: 0;
  }
  
  .hero-heading {
    padding-top: 130px;
    padding-bottom: 48px;
  }
  
  .hero-heading h1 {
    font-size: 64px;
    line-height: 1.203125;
    font-weight: 600;
    text-align: center;
    color: white;
    margin: 0 auto;
  }
  
  .hero-stats {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 64px;
    padding-top: 48px;
    padding-bottom: 33px;
  }
  
  .hero-stats-text {
    text-align: left;
    margin-left: 8px;
  }
  .hero-stats-text p {
    font-size: 16px;
    font-weight: 400;
    color: #f5f5f5;
  }
  
  .hero-stats-number {
    font-size: 48px;
    font-weight: 600;
    line-height: 54px;
  }
  
  .button {
    display: inline-block;
    background: #f5f5f5;
    color: #1863af;
    padding: 10px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border: none;
  }
  
  .btns {
    display: flex;
    gap: 16px;
  }
  
  .hero-prize {
    display: flex;
    width: 100%;
    justify-content: center;
    z-index: 3;
  }
  
  .hero-prize-img {
    position: absolute;
    right: 80px;
    bottom: -20px;
  }
  
  .hero-prize-image {
    border-radius: 8px;
    width: 162px;
    height: 200px;
  }
  
  .title h2 {
    color: #e34648;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
  }
  
  .heading h3 {
    font-size: 64px;
    font-weight: 600;
    text-align: center;
    padding-block: 32px;
  }
  
  .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  .content p {
    max-width: 744px;
    text-align: center;
  }
  .content p.text {
    line-height: 1.4;
  }
  .content .fa-chevron-right {
    /* position: absolute;
    right: 0;
    top: 50%; */
    transform: rotate(90deg);
    font-size: 60px;
    color: #e34648;
  }
  
  img {
    border-radius: 8px;
  }
  
  .thumb {
    position: relative;
    display: flex;
    gap: 32px;
  }
  .thumb .fa-chevron-right {
    /* position: absolute;
    right: 0;
    top: 50%; */
    transform: translateY(65%);
    font-size: 35px;
    color: #e34648;
  }
  .thumb .fa-chevron-right:last-child {
    display: none;
  }
  .thumb img {
    border-radius: 8px;
    width: 100%;
    height: auto;
  }
  
  .img-text {
    position: absolute;
    bottom: 0;
    display: flex;
    max-width: 936px;
    margin: 0 96px 100px;
    font-size: 48px;
    font-weight: 600;
    color: white;
    text-align: center;
  }
  
  .thumb-content {
    width: 226px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .thumb-content .icon {
    font-size: 37px;
    color: #04b361;
  }
  
  .thumb-title {
    display: flex;
    align-items: center;
  }
  .thumb-title label {
    font-size: 48px;
    font-weight: 600;
  }
  
  .thumb-text {
    text-align: center;
  }
  .thumb-text label {
    font-size: 24px;
    font-weight: 600;
  }
  .thumb-text p {
    margin-top: 12px;
    font-size: 18px;
    font-weight: 400;
  }
  
  .impact-block .content {
    padding: 0 20px;
  }
  
  .outcome {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
  .outcome h4 {
    color: #212121;
    font-size: 32px;
    font-weight: 600;
  }
  .outcome .thumb-content {
    width: 100%;
    display: flex;
    padding: 0 16px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
  }
  .outcome .thumb-content .img-text {
    margin: 48px;
    font-size: 32px;
  }
  
  .btn-primary {
    background: #1863af;
    color: white;
    padding: 10px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border: none;
  }
  
  .btn-primary:hover {
    background: #1863af;
    color: white;
    opacity: 0.8;
  }
  
  .btn-secondary {
    background: #fff;
    color: #1863af;
    padding: 10px 24px;
    border: 1px solid #0061b3;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
  }
  
  .btn-secondary:hover {
    background: rgba(0, 97, 179, 0.12);
    color: #1863af;
  }
  
  .btn-info {
    background: #f5f5f5;
    color: #1863af;
    padding: 10px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border: none;
  }
  
  .btn-info:hover {
    background: #1863af;
    color: #fff;
    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
    filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.3));
  }
  
  .story-block {
    margin: 0 auto;
    padding: 0;
    padding-top: 50px;
    padding-bottom: 70px;
  }
  .story-block h2, .story-block h3 {
    margin-bottom: 0;
  }
  .story-block .content {
    max-width: 1128px;
    margin: auto;
  }
  .story-block .content p {
    line-height: 1.4;
  }
  
  .statistics {
    display: grid;
    /* width: 100%; */
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  @media (max-width: 767.96px) {
    .statistics {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 319.96px) {
    .statistics {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .statistics .stat {
    max-width: 264px;
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 20px;
    gap: 16px;
    border: 1px solid rgba(0, 97, 179, 0.2);
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.1s linear;
    position: relative;
  }
  .statistics .stat .icon {
    font-size: 48px;
    color: #04b361;
  }
  .statistics .stat .impact-item__count {
    text-align: center;
    padding-inline: 16px;
  }
  .statistics .stat p {
    text-align: center;
    font-size: 48px;
    font-weight: 600;
    line-height: 54px;
  }
  .statistics .stat label {
    font-size: 20px;
    font-weight: 500;
    color: #767676;
  }
  .statistics .stat:hover {
    background-color: white;
    box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.12);
    filter: drop-shadow(0px 2px 6px 2px rgba(0, 0, 0, 0.12));
  }
  
  .entreprenure-reviews {
    display: flex;
    justify-content: center;
    gap: 24px;
    padding-top: 40px;
  }
  .entreprenure-reviews .reviews {
    max-width: 552px;
  }
  .entreprenure-reviews label {
    display: flex;
    font-size: 24px;
    font-weight: 600;
  }
  .entreprenure-reviews p {
    font-size: 20px;
    color: #767676;
    text-align: left;
  }
  .entreprenure-reviews img {
    width: 100%;
  }
  
  .helping-nepal-rebuild {
    position: relative;
  }
  .helping-nepal-rebuild img {
    aspect-ratio: 1408/850;
    object-fit: cover;
    width: 100%;
    border-radius: 8px;
  }
  .helping-nepal-rebuild .heading {
    /* display: flex;
    justify-content: center;
    gap: 24px; */
    margin: 0;
  }
  .helping-nepal-rebuild .heading .h1 {
    color: #fff;
  }
  .helping-nepal-rebuild .title {
    padding-top: 45px;
  }
  .helping-nepal-rebuild .title h3 {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: -0.8px;
    text-align: center;
    margin: 0;
  }
  .helping-nepal-rebuild .content {
    top: 124px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: absolute;
    width: 100%;
    color: #fff;
    z-index: 1;
    padding: 0;
  }
  .helping-nepal-rebuild .roles_in_rebuild {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 60px;
  }
  .helping-nepal-rebuild .roles_in_rebuild .roles_in_rebuild-contents {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 20px 48px;
  }
  .helping-nepal-rebuild .roles_in_rebuild .roles_in_rebuild-content {
    padding: 32px 32px 32px 20px;
    background: #f5f5f5;
    font-size: 32px;
    font-weight: 600;
    max-width: 50%;
    border-radius: 8px;
    display: flex;
    align-items: baseline;
    gap: 12px;
  }
  .helping-nepal-rebuild .roles_in_rebuild .roles_in_rebuild-content p {
    font-weight: 600;
    font-size: 32px;
    line-height: 1.1875;
    letter-spacing: -1px;
  }
  .helping-nepal-rebuild .roles_in_rebuild .roles_in_rebuild-content .fa-circle-arrow-right {
    font-size: 30px;
    color: #04b361;
  }
  .helping-nepal-rebuild .container {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  
  .target-block .targets {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 24px;
    padding-top: 32px;
  }
  .target-block .targets .target {
    display: flex;
    flex-direction: column;
    padding-top: 24px;
    padding-bottom: 48px;
    flex: 1;
  }
  .target-block .targets .target label {
    font-size: 48px;
    line-height: 1.125;
    text-align: center;
    letter-spacing: -1.6px;
    font-weight: 600;
    padding-top: 16px;
  }
  .target-block .targets .target p {
    font-size: 20px;
    font-weight: 500;
    color: #767676;
  }
  .target-block .targets .target .fa-circle-plus {
    font-size: 30px;
    color: #04b361;
    margin-left: 4px;
  }
  .target-block .target-description {
    padding: 24px;
    background: #f5f5f5;
    display: flex;
    align-items: baseline;
    border-radius: 8px;
    gap: 12px;
  }
  .target-block .target-description p {
    font-weight: 600;
    font-size: 32px;
    line-height: 1.1875;
    letter-spacing: -1px;
  }
  .target-block .target-description .fa-circle-arrow-right {
    font-size: 30px;
    color: #04b361;
  }
  
  .media-block .heading {
    text-align: center;
  }
  .media-block .heading h2 {
    font-size: 56px;
    line-height: calc(62/56);
    font-weight: 600;
    letter-spacing: -1.8px;
    color: #212121;
  }
  .media-block .medias {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .media-block .media-content.featured {
    display: flex;
    flex-direction: row;
    gap: 24px;
  }
  .media-block .media-content.featured .media-title {     
    padding-bottom: 10px;
  }  
  .media-block .media-content.featured .media {
    width: 100%;
    height: 100%;
    padding: 0;
  }
  .media-block .media-content.featured .media-details {
    max-width: 563px;
  }
  .media-block .media-description {
    font-weight: 400;
    font-size: 20px;
    line-height: calc(28/20);
  }
  .media-block .media-content {
    margin-top: 32px;
  }
  .media-block .media-content .media {
    background: #f5f5f5;
    padding: 16px 20px 0;
    border-radius: 8px;
  }
  .media-block .media-content .media:hover {
    background: white;
    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
    filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.3));
  }
  .media-block .media-content .media:hover + .media-details .media-title h3,
  .media-content:hover .media-title h3 {
    color: #0061b3;
  }
  .media-block .mediathumbnail .image,
  .media-block .mediathumbnail .media-video {
    aspect-ratio: 320/224;
  }
  .media-block .mediathumbnail .media .image img,
  .media-block .mediathumbnail .media img.thumbnail-image {
    aspect-ratio: 320/224;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 8px;
  }
  .media-block .mediathumbnail .media-description {
    display: none;
  }
  .media-block .media-title {
    padding-top: 16px;
  }
  .media-block .featured .media-title h3 {
    /* font-size: 32px; */
    font-weight: 600;    
    line-height: calc(38/32);
    letter-spacing: -0.1px;
    margin-bottom: 0;
  }
  .media-block .media-title h3 {
    font-size: 24px;
    font-weight: 600;    
    line-height: calc(30/24);
    letter-spacing: -0.8px;
    margin: 0;
  }
  .media-block .media-date {
    color: #767676;
    font-size: 20px;
    line-height: calc(28/20);
    letter-spacing: -0.5px;
  }
  .media-block a .media-details h3,
  .media-block .media-details a h3,
  .media-block a .media-description p {
    color: #212121;
  }
   
  .award-block.component .container {
    padding-top: 0;
  }
  .award-block .awards {
    padding-bottom: 20px;
    width: 100%;
  }
  .award-block .heading {
    text-align: center;
  }
  .award-block .heading h2 {
    font-weight: 600;
    font-size: 56px;
    line-height: 1.1071428571;
    text-align: center;
    letter-spacing: -1.8px;
    color: #212121;
    margin-bottom: 12px;
  }
  .award-block .award-title h3 {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
  }
  .award-block p {
    font-size: 20px;
    color: #767676;
    text-align: left;
  }
  .award-block .award-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 32px;
  }
  .award-block .award-content img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  .load-more {
    text-align: center;
    padding-top: 40px;
  }
  
  .partner-block {
    padding: 25px 0;
  }
  .partner-block .title h2 {
    font-size: 56px;
    font-weight: 600;
    text-align: center;
    color: black;
  }
  .partner-block .subtitle {
    padding-bottom: 32px;
  }
  .partner-block .subtitle p {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: #212121;
  }
  .partner-block .partners {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    padding-top: 56px;
  }
  .partners .partner .image img {
    object-fit: contain;
  }
  @media (max-width: 767.96px) {
    .partner-block .partners {
      margin: 0 16px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 319.96px) {
    .partner-block .partners {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .partner-block .partner-content {
    background-color: #f5f5f5;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 32px;
  }
  @media (min-width: 992px) {
    .partner-block .partner-content {
      min-height: 176px;
    }
  }
  
  footer .component--footer {
    background-color: #0061b3;
    max-width: 100%;
    text-align: center;
  }
  footer .component--footer .footer-email a {
    text-decoration: none;
  }
  footer .component--footer .social {
    padding-top: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px;
  }
  footer .component--footer .social a {
    display: flex;
    align-items: center;
    background: white;
    font-size: 24px;
    padding: 10px 24px 10px 16px;
    border-radius: 8px;
    color: #0061b3;
    height: 42px;
    min-width: 148px;
  }
  footer .component--footer .social label {
    font-size: 16px;
    font-weight: 600;
    margin-left: 8px;
  }
  @media (max-width: 768px) {
    footer .component--footer {
      padding: 56px 53px;
    }
    footer .component--footer .footer-title h2 {
      font-size: 28px;
    }
    footer .component--footer .social {
      padding-top: 40px;
      margin-top: 0;
    }
  }
  
  /* .icon-icon-linkedln::after {
    content: '';
    background-image: url(./assets/img/ln.svg);
    background-size: 24px;
    display: inline-block;
  }
  
  .icon-icon-youtube::after {
    content: '';
    background-image: url(./assets/img/yt.svg);
    background-size: 24px;
    display: inline-block;
  } */

  .social-media-menu a i {
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .icon-icon-linkedln {
    background-image: url(./assets/img/ln.svg);
    display: inline-block;
    width: 25px;
    height: 24px;
   }
   
  .icon-icon-youtube {
    background-image: url(./assets/img/yt.svg);
    display: inline-block;
    width: 34px;
    height: 24px;
  }
  @media (max-width: 1024px) {
    .icon-icon-linkedln {
      width: 18px;
      height: 18px;
     }
     
    .icon-icon-youtube {
      width: 24px;
      height: 18px;
    }
  }
  
  @media (max-width: 767px) {
    .site-header {
      padding: 16px 0;
    }
    .nav ul {
      padding-left: 0;
      padding-right: 0;
    }
    .hero-image {
      aspect-ratio: 393/730;
      width: 100%;
      object-fit: cover;
    }
    .hero-heading {
      padding-top: 79px;
      padding-inline: 16px;
    }
    .hero-heading h1 {
      font-size: 36px;
    }
    .hero-prize {
      justify-content: flex-start;
      bottom: 34px;
    }
    .span.icon {
      font-size: 32px;
    }
    .hero-stats {
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      gap: 16px;
      padding-bottom: 0;
      margin-left: 31px;
    }
    .hero-stats-number {
      font-size: 28px;
      line-height: 32px;
    }
    .hero-stats-text {
      text-align: left;
    }
    .hero-prize-img {
      right: 0;
      bottom: 0;
      margin-right: 31px;
      max-width: 122px;
    }
    .hero-prize-img .hero-prize-image {
      aspect-ratio: 122/149;
      border-radius: 8px;
    }
    .title {
      padding-inline: 16px;
    }
    .title h2 {
      font-size: 16px;
    }
    .heading h3 {
      font-size: 32px;
    }
    .content .text {
      padding-inline: 16px;
    }
    .content p {
      max-width: 100%;
    }
    .img-text {
      margin: 0 24px 32px;
      font-size: 22px;
    }
    .btn-primary {
      padding: 7px 20px;
      font-size: 14px;
    }
    .btn-secondary {
      padding: 7px 20px;
      font-size: 14px;
    }
    .btn-info {
      padding: 7px 20px;
      font-size: 14px;
    }
    .thumb img {
      aspect-ratio: 77/89;
      object-fit: cover;
      width: 100%;
    }
    .solution-block,
  .impact-block {
      margin: 0 2px;
    }
    .solution-block .thumb {
      overflow-x: auto;
      /* white-space: nowrap; */
    }
    .solution-block .thumb-content {
      width: 100%;
    }
    .solution-block .thumb-content img {
      aspect-ratio: 1/1;
      object-fit: cover;
      width: 100%;
    }
    .solution-block .outcome .thumb-content {
      flex-direction: column;
    }
    .solution-block .outcome .thumb-content .thumb img {
      aspect-ratio: 692/541;
      object-fit: cover;
      width: 100%;
    }
    .solution-block .outcome .thumb-content .img-text {
      margin: 16px 48px;
      font-size: 22px;
    }
    .benifits {
      flex-direction: column;
      gap: 24px;
    }
    .benifits .benifits-content {
      position: relative;
    }
    .benifits .benifits-content .benifit-image {
      aspect-ratio: 353/240;
      object-fit: cover;
      width: 100%;
      border-radius: 8px;
    }
    .benifits .benifits-content p {
      text-align: center;
    }
    .benifits .benifit-info {
      position: absolute;
      bottom: 0;
      padding: 16px;
    }
    .benifits .benifit-info label {
      font-size: 28px;
      color: white;
    }
    .benifits .benifit-info p {
      font-size: 16px;
      color: white;
      margin-bottom: 0;
    }
    .benifits .benifit-info .title-icon {
      display: none;
    }
    .helping-nepal-rebuild img {
      aspect-ratio: 5/8;
      object-fit: cover;
      width: 100%;
      border-radius: 8px;
    }
    .helping-nepal-rebuild .content {
      top: 64px;
    }
    .helping-nepal-rebuild .title {
      padding-inline: 0;
    }
    .helping-nepal-rebuild .title h3 {
      font-size: 18px;
    }
    .helping-nepal-rebuild .heading {
      text-align: center;
      padding-inline: 0;
    }
    .helping-nepal-rebuild .heading h2 {
      font-size: 36px;
    }
    .helping-nepal-rebuild .roles_in_rebuild {
      bottom: 64px;
    }
    .helping-nepal-rebuild .roles_in_rebuild .roles_in_rebuild-contents {
      padding: 0 16px;
      padding-bottom: 40px;
      flex-direction: column;
    }
    .helping-nepal-rebuild .roles_in_rebuild .roles_in_rebuild-contents .roles_in_rebuild-content {
      padding: 16px;
      align-items: flex-start;
    }
    .helping-nepal-rebuild .roles_in_rebuild .roles_in_rebuild-contents p {
      font-size: 18px;
    }
    .target-block .targets {
      overflow-x: auto;
      justify-content: left;
      padding: 16px;
    }
    .target-block .targets .target {
      padding-top: 16px;
      padding-bottom: 0;
    }
    .target-block .targets .target img {
      object-fit: cover;
      max-width: none;
      border-radius: 8px;
      width: 100%;
      height: 100%;
    }
    .target-block .targets .target label {
      font-size: 32px;
    }
    .target-block .targets .target p {
      font-size: 16px;
    }
    .target-block .target-description {
      display: none;
    }
    .media-block {
      padding: 0;
    }
    .media-block .medias {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      /* overflow-x: auto; */
      flex-wrap: nowrap;
      padding: 16px;
    }
    .media-block .media-content.featured {
      flex-direction: column;
      gap: 16px;
    }
    .media-block .media-content {
      flex: 0 0 100%;
    }
    .media-block .media-title h3 {
      font-size: 22px;
    }
    .media-block .media-description, .media-block .media-date {
      font-size: 16px;
    }
    .award-block .awards {
      overflow-x: auto;
      justify-content: left;
      padding: 16px;
    }
    .award-block .heading h2 {
      font-size: 29px;
    }
    .award-block .award-content {
      max-width: 100%;
    }
    .award-block .award-content .award img {
      max-width: none;
    }
    .partner-block .title h2 {
      font-size: 32px;
    }
    .partner-block .subtitle {
      padding-inline: 16px;
    }
    .partner-block .subtitle p {
      font-size: 16px;
    }
  }
  .youtube-thumbnail-wrapper {
    position: relative;
    max-width: 1127px;
    cursor: pointer;
    width: 100%;
  }
  @media (max-width: 768.96px) {
    .youtube-thumbnail-wrapper img {
      aspect-ratio: 353/235;
      object-fit: cover;
      width: 100%;
      border-radius: 8px;
    }
  }
  
  .media-block .media-video {
    position: relative;
    cursor: pointer;
    width: 540px;
  }
  @media (max-width: 768.96px) {
    .media-block .media-video {
      width: 100%;
    }
    .media-block .media-video img {
      aspect-ratio: 330/222;
      object-fit: cover;
      width: 100%;
      border-radius: 8px;
    }
  }
  
  .video-player {
    display: flex;
    justify-content: center;
    gap: 24px;
    position: relative;
    width: 100%;
    min-height: 589px;
    border: 10px solid white;
  }
  .video-player .icon-play-button {
    color: #fff;
    cursor: pointer;
    font-size: 5.25rem;
    left: 50%;
    position: absolute;
    top: 45%;
    transform: translate(-50%, -50%);
  }
  
  .play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 95px;
    height: 48px;
    margin-left: -48px;
    margin-top: -34px;
    -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
    transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);
    z-index: 63;
  }
  .play-button svg {
    width: 100%;
  }
  
  .component iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: top 0.05s, opacity 0.45s;
  }
  
  .embed-container {
    border-radius: 8px;
  }
  @media (max-width: 768.96px) {
    .embed-container {
      padding-bottom: 66.57%;
    }
  }
  
  .video-inner {
    max-width: 1128px;
  }
  
  .watch {
    width: 100%;
    display: block;
  }
  .watch iframe {
    top: 0;
    opacity: 1;
  }
  
  .video-trigger {
    position: absolute;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100% !important;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10;
    transition: visibility 0.33s, opacity 0.33s;
  }
  .video-trigger.removed {
    opacity: 0;
    visibility: hidden;
  }
  .video-trigger:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    transition: 0.33s;
  }
  .video-trigger a#play-video {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: white;
  }  
  /* .challenge-block {
    padding-bottom: 75px;
  } */
  .challenge-block .content {
    max-width: 1128px;
    width: 100%;
  }
  .challenge-block .content .thumb,
  .challenge-block .content .thumb img {
    width: 100%;
  }  
  .challenges .title,
  .challenges .heading,
  .solution .title,
  .solution .heading,
  .about-eco-friendly-bricks .title,
  .about-eco-friendly-bricks .heading {
    max-width: 744px;
    margin: auto;
  }
  
  .challenges h2,
  .challenges h3,
  .solution h2,
  .solution h3,
  .about-eco-friendly-bricks h2,
  .about-eco-friendly-bricks h3,
  .impact-block h2,
  .impact-block h3,
  .target-block h2,
  .target-block h3 {
    margin-bottom: 0;
  }
  
  .solution-block .thumb-content img {
    width: 100%;
  }
  .solution-block .content-thumbnail img {
    width: 216px;
  }
  .solution-block .outcome {
    width: 100%;
  }
  .solution-block .outcome h4 {
    margin-bottom: 10px;
  }
  .solution-block .outcome .thumb,
  .solution-block .outcome .thumb img {
    width: 100%;
  }
  
  .solution-block.component .container,
  .impact-block.component .container {
    /* padding-bottom: 50px; */
    max-width: 1440px;
  }
  .solution-block .container .solution,
  .impact-block .container .impact {
    background: #f5f5f5;
    padding-top: 100px;
    padding-bottom: 50px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 8px;
  }
  .solution-block .container .content .text,
  .impact-block .container .content .text {
    line-height: 1.4;
  }
  .solution-block .container .solution .outcome .thumb-content {
    gap: 8px;
  }

  @media (max-width: 1440px) {
    .solution-block,
    .impact-block {
      margin: 0 16px;
    }
  }
  
  .about-eco-friendly-bricks-block {
    padding-top: 60px;
  }
  .about-eco-friendly-bricks-block .btns .btn-primary:nth-child(even) {
    background-color: #fff;
    border: 1px solid #0061b3;
    color: #0061b3;
  }
  .about-eco-friendly-bricks-block .btns .btn-primary:nth-child(even):hover {
    background-color: rgba(0, 97, 179, 0.12);
  }
  .about-eco-friendly-bricks-block .benifits {
    max-width: 1128px;
    width: 100%;
  }
  
  .entreprenure-reviews-info {
    padding-top: 16px;
  }
  .entreprenure-reviews-info label {
    letter-spacing: -0.8px;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 8px;
  }
  
  @media (max-width: 991px) {
    .medias .row {
      /* overflow: hidden;
      overflow-x: scroll; */
    }
    .media-block .media-content {
      flex: 1;
    }
    .media-block .media-content.featured {
      flex-direction: column;
      gap: 16px;
    }
  }
  @media (max-width: 767px) {
    .site-logo {
      max-width: 80px;
    }
    .site-logo img {
      margin: 0;
    }
    .ham {
      height: 28px;
    }
    .hero-stats .d-flex.align-items-baseline {
      align-items: flex-start !important;
    }
  }

/* from newdesign scss */   
.header {
    background: #f5f5f5;
    color: black;
    padding: 16px 156px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.nav ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
}

.nav ul li {
    padding-left: 10px;
    padding-right: 10px;
    height: 100%;
    display: flex;
    align-items: center;
}

.nav ul li a {
    color: black;
    text-decoration: none;
    font-size: 16px;
    font-family: roboto;
    font-weight: 500;
}

ul.menu li:hover>a {
  color: #E34648;
}
ul.menu a:hover:after {
  display: none;
}

.hero {
    color: white;
    text-align: center;
    position: relative;
}
.hero:after {
  content: '';
  display: inline-block;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 100%);
  /* height: 210px; */
  height: 100%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.hero-image {
    width: 100%;
}
.hero-content {
    top: 0;
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.hero-heading {
    padding-top: clamp(9vh, 10vh, 178px);
    padding-bottom: 48px;
}
.hero-heading h1 {
    font-size: 64px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto ;
}
.hero-stats{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 64px;
    padding-top: 48px;
    padding-bottom: 33px;
}
.hero-stats-text {
    text-align: left;
}
.hero-stats-number {
    font-size: 48px;
    font-weight: 600;
}

.hero-stats span.icon {
    font-size: 48px;
    position: relative;
}
.hero-stats .icon-house-icon {
  top: 4px;
}
.hero-stats .icon-co2-icon {
  top: -8px;
}

.button {
    display: inline-block;
    background: #f5f5f5;
    color: #1863af;
    padding: 10px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border: none;
}


.hero-prize {
    display: flex;
    width: 100%;
    justify-content: center;
    position: absolute;
    bottom: 0;
    z-index: 3;
}

.hero-prize-img {
    position: absolute;
    right: 80px;
    bottom: -20px;
}

.hero-prize-img img {
    border-radius: 8px;
}

.component--footer {
    padding-top: 96px;
    padding-bottom: 96px;
}
.footer-title h2 {
    font-size: 48px;
    line-height: calc(54/48);
    letter-spacing: -1.6px;
    font-weight: 600;
    color: #f5f5f5;
}
.footer-email a {
    font-size: 20px;
    line-height: calc(28/20);
    color: #f5f5f5;
    font-weight: 400;

}
.component--footer .social {
    padding-left: 0;
}

.bannervideo .banner-media-container {
  /* position: relative; */
  overflow: hidden;
  width: 100%;
  /*padding-top: 56.25%;  16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  width: 100vw;
  height: 56.25vw;
  max-height: calc( 100vh - 120px );
  display: flex;
  align-items: center;
}
/*.bannervideo .banner-media-container .responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
} */
.bannervideo .banner-media-container .responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.bannervideo .banner-media-container.banner-youtube-container {
  position: relative;
  pointer-events: none;
}
.banner-block .btn-secondary:hover {
  background-color: #1863af;
  color: #fff;
}

.bannervideo .banner-media-container .responsive-iframe {
  height: calc(0.5625 * 100vw);
}

@media (min-width: 768px) {
  .bannervideo .banner-media-container .responsive-iframe {
    height: calc(0.5625 * 100vw);
  }
}


.title h2 {
    color: #e34648;
    font-size: 20px;
    line-height: calc(28/20);
    font-weight: 500;
    text-align: center;
    letter-spacing: -0.5px;
}

.heading h3{
    font-size: 64px;
    font-weight: 600;
    text-align: center;
    padding-block: 32px;
}

.content { 
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;

    p {
        max-width: 744px;
        text-align: center;
    }

    .fa-chevron-right {
        /* position: absolute;
        right: 0;
        top: 50%; */
        transform: rotate(90deg);
        font-size: 60px;
        color: #e34648;
    }
}

.thumb {
    position: relative;
    display: flex;
    gap: 32px;

    .fa-chevron-right {
        /* position: absolute;
        right: 0;
        top: 50%; */
        transform: translateY(65%);
        font-size: 35px;
        color: #e34648;
    }

}

.img-text {
    position: absolute;
    bottom: 0;
    display: flex;
    max-width: 936px;
    margin: 0 96px 100px;
    font-size: 48px;
    font-weight: 600;
    color: white;
    text-align: center;

}

.thumb-content {
    width: 226px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.thumb-text {
    text-align: center;
    label {
        font-size: 24px;
        font-weight: 600;
    }

    p {
        margin-top: 12px;
        font-size: 18px;
        font-weight: 400;
    }
}


/* section:nth-child(3){
    background: #f5f5f5;
    padding-block: 100px;
    
    @media (max-width: 1440px) {
        margin: 0 16px;
        
    }
} */


.outcome {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 32px;

    .thumb-content {
        width: 100%;
        display: flex;
        padding: 0 20px;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 16px;

        .img-text {
            margin: 48px;
            font-size: 32px;
        }
    }
}

/* challange */

/* .challenges {
    padding-block: 124px;
} */

.btn-primary {
    background: #0061b3;
    color: white;
    padding: 10px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    line-height: calc(22/16);
    letter-spacing: -0.2px;
    font-weight: 600;
    border: none;
}
.btn-primary:hover {
    background: #1863af;     
    /* Shadows/Elevation 3 */
    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);    
}

.btn-secondary {
    background: #fff;
    color: #0061b3;
    padding: 10px 24px;
    border: 1px solid #0061b3;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    line-height: calc(22/16);
    letter-spacing: -0.2px;
    font-weight: 600;
}
.btn-secondary:hover {
    background: rgba(0, 97, 179, 0.12); /*#0061b3 */
    color: #1863af;
}

.btn-info {
    background: #f5f5f5;
    color: #1863af;
    padding: 10px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border: none;
}
.btn-info:hover {
    background: rgba(0, 97, 179, 0.12);
    color: #1863af;
    box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
    filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.3));
}

/* 11/5/2024 */
.site-header > .container-fluid > .row > .col-sm-12 {
    position: static;
}
.menu li.current-menu-item>a, 
.menu li.current-page-ancestor>a {
    background-color: transparent;
    color: #E34648;
}
.menu:not(.sub-menu) li.current-menu-item>a, 
.menu:not(.sub-menu) li.current-page-ancestor>a {
  padding-left: 0;
}
.wrapperr {
    margin: 0 auto;
    padding: 0 20px;
}
.wrapperr-1128 {
    max-width: 1168px;
}

.solution-block,
.impact-block,
.helping-nepal-rebuild {
    border-radius: 8px;
    margin-left: 4px;
    margin-right: 4px;   
}

/* challenge-block */
.challenge-block .thumb .img-text {
    font-size: clamp(2rem, -2.5rem + 8vw, 48px);
    line-height: calc(54/48);
    letter-spacing: -1.6px;
    font-weight: 600;
    width: 100%;
    margin: 0;
    /* padding: 60px 90px; */
    display: block;
    text-align: center;
    display: block;
    max-width: 100%;
}
.challenges .content {
    position: relative;
}
.challenges .swiper-slide {
    max-width: 100%;
    height: 589px;
}
.challenges .swiper {
    width: 100%;
    height: 100%;
}
.challenges .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.challenges .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}
.challenge-block .swiper-slide .thumb {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}
.challenges .swiper-slide .thumb:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
}

/* solution-block */
.solution-block .content-thumbnail {
    max-width: 1126px;
    margin: auto;
    align-items: flex-start;
}
.solution-block .thumb-content {
  padding: 0;
}
.solution-block .thumb-content-image {
    max-width: 216px;
    max-height: 216px;
    width: 100%;
    height: 100%;
    margin: 20px auto;
    border-radius: 50%;
    overflow: hidden;
}
.solution-block .thumb-content-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1/1;
}
.solution-block .thumb .thumb-content {
    flex-direction: row;
    width: 100%;
    max-width: 25%;
}
.solution-block .thumb .thumb-content:last-child {
    gap: 0;
}
.solution-block .thumb .thumb-content:last-child i {
    display: none;
}
.solution-block .thumb .fa-chevron-right {
    display: block;
    padding-top: 62px;
    font-size: 26px;
}
.solution-block .outcome,
.solution-block .thumb-content,
.solution-block .thumb {
    width: 100%;
}
.solution-block .outcome {
    padding-bottom: 20px;
}
.solution-block .outcome h4 {
    margin-bottom: 0;
}
.solution-block .outcome .thumb {
    position: relative;
}
.solution-block .outcome .thumb .img-text {
    font-size: 32px;
    line-height: calc(38/32);
    letter-spacing: -1px;
    font-weight: 600;
    width: 100%;
    margin: 0;
    padding: 45px;
    display: block;
    text-align: center;
    max-width: 100%;
}
.solution-block .content {
    gap: 20px;
}

/* about-eco-friendly-bricks-block */
.benifits {
    display: flex;
    gap: 24px;
    margin-top: 20px;
}
.benifits .benifits-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.benifits .benifits-content p {
    text-align: left;
    font-size: 20px;
    line-height: calc(28/20);
    color: #767676;
    letter-spacing: -0.5px;
}
.benifits-title {
    display: flex;
    align-items: center;
    gap: 8px;
}
.benifits-title img {
    max-width: 40px;
    width: 100%;
}
.benifits-title label {
    font-size: 48px;
    font-weight: 600;
    line-height: calc(54/48);
    letter-spacing: -1.6px;
    margin-bottom: 8px;
}
.benifit-info {
    margin-top: 16px;
}

img.benifit-image {
    aspect-ratio: 360 / 240;
    object-fit: cover;
}

/* story block */
.story-block .heading h3 {
    /* font-size: 64px;
    line-height: calc(70/64);
    letter-spacing: -2px; */
}

/* impact block */
.entreprenure-reviews-info label {
    color: #212121;
}

/* helping hand */
.helping-nepal-rebuild {
    margin-top: 120px;
}

/* impact block */
.impact-block .entreprenure-reviews-info p {
    text-align: left;
    font-size: 20px;
    line-height: calc(28/20);
    letter-spacing: -0.5px;
    font-weight: 500;
}
.reviews img.impact-image {
    aspect-ratio: 552 / 300;
    object-fit: cover;
    object-position: left;
}
.stat img.impact-image {
    width: 64px;
    height: 64px;
}
.impact-item_hover_content {
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    opacity: 0;
    background-color: rgba( 227, 230, 233, 0.85 );
    display: flex;
    align-items: center;
    padding: 10px;
    padding-bottom: 30px;
    border-radius: 10px;
    transition: all 0.3s linear;
    overflow: hidden;
}
.statistics .stat .impact-item_hover_content p {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
  color: #0061b3;
  white-space: pre-wrap;
  transform: translateY(20px);
  transition: all 0.3s linear;
}
.impact-block .stat .icon_info {
  opacity: 0.5;
  display: inline-block;
}

.icon_info_wrapper {
  position: relative;
}
.impact-block .stat .icon_info.icon-close {
  position: absolute;
  left: 0;
  display: none;
}
@media (min-width: 768px) {
  .impact-block .stat:hover img,
  .impact-block .stat:hover .impact-item__count {
    opacity: 0.3;
  }
  .impact-block .stat:hover .impact-item_hover_content {
    opacity: 1;
  }
  .impact-block .stat:hover .impact-item_hover_content p {
    transform: translateY(0);
  }
  .impact-block .stat .impact-item__count {
    margin-bottom: 40px;
  }
  .impact-block .stat .icon_info_wrapper {
    position: absolute;
    bottom: 15px;
  }
}

@media (max-width: 767px) {
  .icon_info_wrapper {
    position: absolute;
    bottom: 10px;
  }
  .impact-block .stat.show_hover_content img,
  .impact-block .stat.show_hover_content .impact-item__count {
    opacity: 0.3;
  }
  .impact-block .stat.show_hover_content .impact-item_hover_content {
    opacity: 1;
  }
  .impact-block .stat.show_hover_content .impact-item_hover_content p {
    transform: translateY(0);
    display: flex;
    /* align-items: center; */
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
  }

  .impact-block .stat.show_hover_content .impact-item_hover_content p::-webkit-scrollbar {
    height: 2px;
    width: 2px;
  }

  .impact-block .stat.show_hover_content .impact-item_hover_content p:hover::-webkit-scrollbar {
    height: 2px;
    width: 2px;
  }

  .impact-block .stat.show_hover_content .impact-item_hover_content p::-webkit-scrollbar-button:end:increment,
  .impact-block .stat.show_hover_content .impact-item_hover_content p::-webkit-scrollbar-button:start:decrement {
      background: 0 0;
      display: none;
    }

    .impact-block .stat.show_hover_content .impact-item_hover_content p::-webkit-scrollbar-track-piece {
      background: 0 0;
    }

    .impact-block .stat.show_hover_content .impact-item_hover_content p::-webkit-scrollbar-track-piece:vertical:start {
      border-radius: 4px 4px 0 0;
    }

    .impact-block .stat.show_hover_content .impact-item_hover_content p::-webkit-scrollbar-track-piece:vertical:end {
      border-radius: 0 0 4px 4px;
    }

    .impact-block .stat.show_hover_content .impact-item_hover_content p::-webkit-scrollbar-track-piece:horizontal:start {
      border-radius: 4px 0 0 4px;
    }

    .impact-block .stat.show_hover_content .impact-item_hover_content p::-webkit-scrollbar-track-piece:horizontal:end {
      border-radius: 0 4px 4px 0;
    }

    .impact-block .stat.show_hover_content .impact-item_hover_content p::-webkit-scrollbar-thumb:horizontal,
    .impact-block .stat.show_hover_content .impact-item_hover_content p::-webkit-scrollbar-thumb:vertical {
      background: 0 0;
      border-radius: 4px;
      display: block;
      height: 48px;
      background: #aaa;
    }

    .impact-block .stat.show_hover_content .impact-item_hover_content p::-webkit-scrollbar-track-piece {
      background: #ddd;
    }

  .impact-block .stat .impact-item_hover_content {
    z-index: -1;
  }
  .impact-block .stat.show_hover_content .impact-item_hover_content {
    z-index: 0;
  }
  .impact-block .stat.show_hover_content .icon_info_wrapper .icon-info-circled-altt {
    display: none;
  }
  .impact-block .stat.show_hover_content .icon_info_wrapper .icon-close {
    display: block;
    position: relative;
    z-index: 1;
    opacity: 1;
    background-color: rgba( 255, 255, 255, 0.7 );
    border-radius: 20px;
  }
}


/* target block */
.target-block .target img {
    aspect-ratio: 360 / 240;
    object-fit: cover;
}

/* media block */

/* award block */
.award img {
    aspect-ratio: 360 / 240;
    object-fit: cover;
}
.award-block .load-more {
    padding-top: 10px;
}
.award .image {
  background-color: #f7f7f7;
  padding: 20px;
}

.swiper-container-horizontal.swiper-container-challenge > .swiper-pagination-bullets {
  bottom: -40px;
}

/* // newsletter */
.newsletter {
    background-color: #e2ebf2;
    padding-block: 90px;
    color: #fff;
}
.newsletter-form {
  color: #0061b3;
  text-align: center;
  padding-inline: 20px;
  
  h2 {
      margin-bottom: 20px;
  }
  form {
      max-width: 650px;
      margin: auto;
      margin-top: 50px;
  }
  .mc4wp-form-fields {
      display: flex;
      width: 100%;

      p:first-child {
          flex: 1;
      }
      input[type="email"] {
          border: 3px solid #0061b3;
          background-color: rgba(255, 255, 255, 0.5);
          color: #0061b3;
          opacity: 1;
          border-right: 0;
          font-size: 16px;
          height: 60px;
      }
      input[type="submit"] {
          background-color: #0061b3;
          color: #fff;
          border: 2px solid #0061b3;
          box-shadow: none;
          font-weight: 700;
          height: 100%;
          padding: 0 50px;
          border-radius: 0 3px 3px 0;
          cursor: pointer;
      }
  }
  input::-webkit-input-placeholder {
    color: #0061b3;
  }
}

/* media queries */

@media (min-width: 768px) {
  .media-block .media-content.featured .media-title {
    padding-top: 0;
  }
    .solution-block,
    .impact-block,
    .helping-nepal-rebuild {
        margin-left: 16px;
        margin-right: 16px;
    }

    .story-block .heading h3 {
        font-size: 64px;
        line-height: calc(70/64);
        letter-spacing: -2px;
    }
    .media-block .featured.media-content .media {
        flex: 0 0 540px;
    }
    .media-block .featured.media-content .media-details {
        flex: 1;
    }
}
@media (min-width: 1025px) {
  body:not(.page-project-map) #header-bar.scrollingup {
    position: relative;
  }
  body:not(.page-project-map) #header-bar.scrollingup .sub-menu {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  }
    .nav ul li.current-menu-item ul.sub-menu {
        background-color: #fff;
    }
    .nav ul li.menu-item-has-children:not(.current-menu-item):hover ul.sub-menu {
        opacity: 0;
        visibility: hidden;
    }
    .nav ul li.menu-item-has-children.current-menu-parent:hover ul.sub-menu {
        opacity: 1;
        visibility: visible;
    }
    .menu .sub-menu {
        justify-content: center;
    }

    .award-block.component .container {
        padding-bottom: 50px;
    }
    .challenge-block .thumb .img-text {
        padding: 60px 90px;
    }
    .media-block .featured .media-title h3 {
      font-size: 32px;
    }
}

@media (max-width: 1024px) {
  .image-block_slider .swiper-button-next, .image-block_slider .swiper-button-prev {   
    padding-bottom: 30px;
    height: auto;
  }
    .site-logo {
        max-width: 80px;
    }
    .ham {
        width: auto;
        height: auto;
    }
    .d-flex.header-menu {
        display: block !important;
    }
    .nav-open .site-header .nav {
        overflow: scroll;
        height: calc(100vh - 71px);
    }
    #header-bar .ham {
        position: absolute;
        top: 20px;
        width: auto;
    }
    #nav-toggle:checked ~ div.menu {
        height: 100% !important;
        width: 100%;
        padding: 32px 10px;
        left: 0;
    }
    .small_menu {
        position: relative;
        bottom: 0;
    }
    .navmenu {
        flex-direction: column;
        align-items: flex-start;
    }
    .navmenu .menu {
        position: relative;
        top: 0;
    }
    .navmenu  .menu-title{
        position: relative;
    }
    .nav ul.menu {
        padding-top: 20px;
    }
    .nav ul li {
        align-items: flex-start;
    }
    .nav ul li a {
        font-size: 36px;
        line-height: calc(42/36);
        letter-spacing: -1.4px; 
        color: #212121;
        padding-top: 12px;
        padding-bottom: 12px;
    }
      /* .nav ul li .sub-menu {
        opacity: 1;
        visibility: visible;
        position: relative;
        top: 0;
        left: 0;
      } */
    .nav ul li .sub-menu li a {
      font-size: 26px;
    }
    #header-bar .ham:before,
    .ham span {
        background: #0061b3;
    }
    ul.menu li:hover>a {
        background-color: #f8f8f8;
    }
    ul.menu li.menu-item-has-children>.arrow:before, 
    ul.menu li.menu-item-has-children>.arrow:after {
      height: 26px;
    }
    ul.menu li.menu-item-has-children>.arrow:after {
      left: -1px;
    }
    .site-header .nav div.menu ul {
      overflow-x: hidden;
    }
    .nav ul.sub-menu {
      top: 0;
    }
    .menu.navmenu .menu-title + div {
        /* overflow: visible !important; */
        overflow: hidden;
        overflow-x: visible !important;
        width: 100%;
    }
    .menu-title,
    .small_menu .title {
        font-size: 16px;
        line-height: calc(20/16);
        letter-spacing: -0.4px;
        font-weight: 500;
    }
    .small_menu .email a {
        font-size: 22px;
        line-height: calc(26/22);
        letter-spacing: -0.8px;
        font-weight: 600;
    }
    .small_menu .social-media-menu a {
        display: inline-flex;
        align-items: center;
    }
    .small_menu .social-media-menu a i {
        line-height: 1;
    }
    .small_menu .social-media-menu a label {
        padding-left: 8px;
    }
    .banner-media-container {
        position: relative;
    }
    .bannervideo.banner-block .banner-container {
        /* background-color: #0061b3; */
        /* position: relative; */
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        transform: none;
        padding-top: 55px;
        padding-bottom: 34px;
    }
    .youtubevideo.bannervideo.banner-block .banner-container {
      background-color: #0061b3; 
      position: relative; 
    }
    .bannervideo.banner-block {
        margin: 0;
        max-height: fit-content;
    }
    .bannervideo.banner-block .hero-prize {
        padding-top: 40px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .bannervideo .hero-content {
        position: relative;
        top: 0;
        left: 0;
    }
    .bannervideo .hero-prize {
        position: relative;
        justify-content: space-between;
        padding-top: 200px;
    }
    .bannervideo .hero-heading {
        padding-top: 0;
    }
    .bannervideo .hero-prize-img {
        position: relative;
        top: 0;
        left: 0;
    }
    .bannervideo .hero-stats {
        margin-left: 0;
    }
    .bannervideo .hero-prize-img {
        margin-right: 0;
    }

    .media-block .mediaimage {
      max-width: 540px;
      width: 100%;
    }
}

@media (max-width: 991px) {
   .media-block .media-content.featured {
        flex-direction: column;
        gap: 0;
   }
}

@media (max-width: 768px) {
    .header {
        padding: 16px 32px;
    }

    .nav ul {
        padding-left: 0;
        padding-right: 0;
    }

    .hero-heading h1 {
        font-size: 48px;
    }

    .hero-stats {
        flex-direction: column;
        gap: 16px;
    }

    .hero-stats-number {
        font-size: 32px;
    }

    .hero-stats-text {
        text-align: center;
    }

    .hero-prize-img {
        right: 0;
        bottom: 0;
    }

    .title h2 {
        font-size: 16px;
    }

    .heading h3 {
        font-size: 32px;
    }

    .content {
        p {
            max-width: 100%;
        }
    }

    .img-text {
        margin: 0 16px 100px;
        font-size: 32px;
    }

    .btn-primary {
        padding: 7px 20px;
        font-size: 14px;
        line-height: calc(22/14);
    }
    .btn-secondary {
        padding: 7px 20px;
        font-size: 14px;
    }
    .btn-info {
        padding: 7px 20px;
        font-size: 14px;
    }    
}

@media (max-width: 767px) { 
    .media-block .load-more,
    .award-block .load-more {
        display: none;
    }
    #header-bar .ham {
        top: 30px;
    }  
    .hero-heading {
        padding-top: 0;
    }
    .hero-heading h1 {
        font-weight: 600;
        font-size: 36px;
        line-height: calc(42/36);
        text-align: center;
        letter-spacing: -1.4px;
    }
    .hero-heading .btn-info {
        font-size: 16px;
        line-height: calc(22/16);
        letter-spacing: -0.2px;
        font-weight: 600;
    }
    .hero-image {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .banner-container {
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        transform: none;
        padding-top: 79px;
        padding-bottom: 34px;
    }
    .hero-content {
        position: relative;
        top: 0;
        left: 0;
    }
    .hero-prize {
        position: relative;
        justify-content: space-between;
        padding-top: 180px;
    }
    .hero-stats {
        padding: 0;
        align-items: flex-start;
    }
    .hero-prize-img {
        position: relative;
        display: flex;
        align-items: flex-end;
    }
    .hero-stats-text {
        text-align: left;
    }
    .hero-prize-image {
        width: 122px;
        height: 149px;
    }


    .title h2 {
        font-size: 16px;
        line-height: calc(20/16);
        letter-spacing: -0.4px;
        font-weight: 500;
    }

    .heading h3 {
        font-size: 36px;
        line-height: calc(42/36);
        letter-spacing: -1.4px;
        font-weight: 600;
        padding-bottom: 24px;
    }
    p.text,
    .content p.text {
        font-weight: 500;
        font-size: 16px;
        line-height: calc(22/16);
        color: #212121;
        padding: 0;
    }

    .challenge-block {
        padding-bottom: 75px;
        padding-top: 60px;
        padding-left: 8px;
        padding-right: 8px;
    }
    .solution-block .container {
      padding-left: 8px;
      padding-right: 8px;
    }
    .challenge-block .title,
    .challenge-block p.text,
    .challenge-block .heading {
        padding-left: 16px;
        padding-right: 16px;
    }
    .challenge-block .thumb .img-text {
        padding: 20px;
    }

    .about-eco-friendly-bricks-block {
        padding-top: 50px;
    }

    .solution-block.component .container {
        padding-top: 50px;
    }
    .solution-block .thumb.content-thumbnail {
        display: flex;
        flex-direction: row;
        gap: 10px;
        padding-top: 20px;
    }
    .solution-block .thumb .thumb-content {
        max-width: 85%;
        flex: 0 0 100%;
        gap: 10px;
    }
    .solution-block .content {
        display: block;
        text-align: center;
    }
    .solution-block .thumb-content-image {
        max-width: 258px;
        max-height: 258px;
    }
    .solution-block .thumb .fa-chevron-right {
        padding-top: 0;
        margin-top: -130px;
    }
    .big-fa-chevron-right {
        padding: 20px 0;
    }
    .solution-block .outcome h4 {
        margin-bottom: 0;
    }
    .solution-block .outcome .thumb-content {
        gap: 8px;
        margin-bottom: 24px;
        padding: 0;
    }
    .solution-block .outcome .thumb .img-text,
    .challenge-block .thumb .img-text {
        font-size: 22px;
        line-height: calc(26/22);
        letter-spacing: -0.8px;
        margin: 0;
        padding-block: 20px;
    }
    .solution-block, .impact-block, .helping-nepal-rebuild {
        margin-left: 0;
        margin-right: 0;
    }

    .story-block {
        padding-bottom: 60px;
    }
    .story-block .heading h3 {
        padding-top: 24px;
    }
    .story-block .content{
        padding: 0 20px;
    }

    .impact-block .container {
        margin: 0;
    }
    .statistics {
        gap: 16px;
    }
    .impact-block .content{
        padding: 0 20px;
    }
    .impact-block .stat {
        min-height: auto;
    }
    .impact-block .stat .impact-item__count {
        padding-bottom: 40px;
    }
    .impact-block .stat label {
        font-size: 16px;
        line-height: calc(20/16);
        letter-spacing: -0.4px;
    }
    .impact-block .stat p {
        font-size: 28px;
        line-height: calc(34/28);
        letter-spacing: -1px;
        margin-bottom: 4px;
    }
    .impact-block .entreprenure-reviews {
        flex-direction: column;
    }
    .impact-block .entreprenure-reviews label {
        font-size: 18px;
    }
    .impact-block .entreprenure-reviews p {
        font-size: 16px;
    }
    .impact-block .content {
        gap: 30px;
    }

    .solution-block .container .solution, 
    .impact-block .container .impact {
      padding-left: 20px;
      padding-right: 20px;
  }

    .component.impact-block .container {
        padding: 40px 8px;
    }
    .component.impact-block .title,
    .component.impact-block .heading,
    .component.impact-block .content {
        padding: 0;
    }
    .entreprenure-reviews {
        padding-top: 20px;
    }
    .entreprenure-reviews-info label {
        font-size: 18px;
        line-height: calc(22/18);
        letter-spacing: -0.6px;
        margin-bottom: 8px;
    }
    .impact-block .entreprenure-reviews-info p {
        font-size: 16px;
        line-height: calc(20/16);
        letter-spacing: -0.4px;
    }

    .helping-nepal-rebuild {
        margin-top: 64px;
        padding-left: 8px;
        padding-right: 8px;
    }
    .helping-nepal-rebuild .container {
      position: relative;
    }
    .helping-nepal-rebuild img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    .helping-nepal-rebuild .content {
        position: relative;
        top: 0;
        bottom: 0;
        padding: 0;
        padding-bottom: 100px;
    }
    .helping-nepal-rebuild .roles_in_rebuild {
        position: relative;
        top: 0;
        bottom: 0;
    }
    .helping-nepal-rebuild .roles_in_rebuild .roles_in_rebuild-content {
        max-width: 100%;
    }
    .helping-nepal-rebuild .title {
        padding-top: 85px;
    }
    .helping-nepal-rebuild .title h3 {
        font-size: 18px;
        line-height: calc(22/18);
        letter-spacing: -0.6px;
        font-weight: 600;
    }
    .helping-nepal-rebuild .heading h2 {
        font-size: 36px;
        line-height: calc(42/36);
        letter-spacing: -1.4px;
        font-weight: 600;
    }
    .helping-nepal-rebuild .roles_in_rebuild .roles_in_rebuild-content .fa-circle-arrow-right {
        font-size: 18px;
    }
    .helping-nepal-rebuild .roles_in_rebuild .roles_in_rebuild-content p {
        font-size: 18px;
        line-height: calc(22/18);
        letter-spacing: -0.6px;
        margin-bottom: 0;
    }
    .helping-nepal-rebuild .roles_in_rebuild .roles_in_rebuild-contents {
        padding-bottom: 48px;
    }

    .target-block.component .container {
        padding-top: 44px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 80px;
    }
    .target-block .container .targets {
        padding: 0;
        gap: 16px;
    }
    .target-block .container .targets .target {
        flex: 0 0 89%;
    }
    .target-block .container .targets .target label {
        font-size: 32px;
        line-height: calc(36/32);
        letter-spacing: -1px;
        font-weight: 600;
        margin-bottom: 2px;
    }
    .target-block .container .targets .target i {
        font-size: 24px;
        padding-top: 16px;
    }
    .target-block .container .targets .target p {
        font-size: 16px;
        line-height: calc(20/16);
        letter-spacing: -0.4px;
    }

    .media-block .container {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 60px;
    }
    .media-block .heading h2,
    .award-block .heading h2,
    .partner-block .title h2 {
        font-size: 32px;
        line-height: calc(36/32);
        letter-spacing: -1px;
        font-weight: 600;
        margin-bottom: 24px;
    }
    .media-block .medias {
        padding: 0;
        overflow: hidden;
        overflow-x: scroll;
    }
    .media-block .medias .row {
        margin-left: -8px;
        margin-right: -8px;
        flex-wrap: nowrap;
    }
    .media-block .media-content,
    .award-block .award-content {
        flex: 0 0 90%;
        margin-top: 0;
        padding-left: 8px;
        padding-right: 8px;
    }
    .media-title {
        font-size: 22px;
        line-height: calc(26/22);
        letter-spacing: -0.8px;
        color: #212121;
        margin-bottom: 8px;
    }
    .media-description p {
        line-height: calc(22/16);
    }

    .award-block .awards {
        padding: 0;
    }
    .award-block .awards .row {
        overflow: hidden;
        overflow-x: scroll;
        flex-wrap: nowrap;
        margin-left: -8px;
        margin-right: -8px;
    }
    .award-block .award-content {
        margin-top: 0;
        flex: 0 0 90%;
    }
    .award-block.component .container {
        padding-bottom: 0;
    }

    .partner-block .subtitle {
        padding-bottom: 24px;
    }
    .partner-block .subtitle p {
        font-size: 16px;
        line-height: calc(22/16);
       font-weight: 500;
        margin-bottom: 0;
    }
    .partner-block .partners {
        gap: 8px;
    }
    .partner-block .title,
    .partner-block .subtitle,
    .story-block .title,
    .story-block .heading {
        padding-left: 20px;
        padding-right: 20px;
    }

    .solution-block.component .container
    .impact-block.component .container {
      padding-left: 8px;
      padding-right: 8px;
  }

    .benifits .benifits-content .benifit-info p {
        color: #fff;
        letter-spacing: -0.4px;
        font-size: 16px;
        line-height: calc(20/16);
    }

    .newsletter-form form {
        .mc4wp-form-fields {
          flex-direction: column;
        
          input[type="email"] {
            border-right: 3px solid #0061b3;
          }
          input[type="submit"] {
              padding: 10px 30px;
              border-radius: 2px;
          }
        }
    }
}