.section {
  flex-shrink: 0;
  min-width: 100%
}

.pin-spacer {
  padding-bottom: 0!important
}

.details-container {
  display: flex;
  overflow-x: visible!important;
  padding: 20px 12%;
  scroll-snap-type: x mandatory;
  flex: 1 1 auto;
  height: 100%;
  align-content: stretch;
  align-items: stretch;
}

.details-container .section .container {
  display: flex;
  margin: 0 auto;
  max-width: 100%!important;
  padding: 40px 60px;
  width: auto;
  align-items: center;
  height: 100%;
}

.details-container .section {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  max-width: 1200px;
  min-width: auto;
  overflow: hidden;
  height: calc(85vh - 40px);
  width: 100%;
}
}

.modal-content-wrapper {
  padding-top: 20px
}

.mfp-bg {
  background: #fff;
  height: 100%;
  left: 0;
  opacity: 1;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1042
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
  margin-top: 65px
}

.mfp-content button.close-modal {
  cursor: pointer;
  position: fixed;
  right: 21px;
  top: 65px;
  z-index: 9999999
}

.details-container .section.background.-white .container {
  padding: 0 20px
}

@media (max-width: 1250px) {
  .details-container .section .container {
    display:block;
    margin: 0 auto;
    max-width: 100%!important;
    padding: 40px 60px;
    width: auto
  }

  .details-container .section {
    flex: 0 0 auto;
    height: 100%;
    max-width: 100%;
    min-width: auto;
    overflow: hidden
  }
}

@media (max-width: 991px) {
  /*     .details-container {
  align-items:flex-start!important;
  gap: 20px;
  margin-top: 40px;
  padding: 0!important
} */

  .mfp-bg,
  .mfp-wrap {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    width: 100% !important;
    overflow-y: scroll !important;
  }


  .details-container {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 90vh;
    scroll-snap-type: y mandatory;
  }

  .details-container .section {
    width: 100%;
    height: auto;
    scroll-snap-align: start;
    scroll-margin-top: 20px;
    max-height: 100%;
  }




  .details-container .section .container {
    padding: 20px 25px!important
  }

  .details-container .section.background.-white .container {
    padding: 0 10px
  }

  .project-container {
    margin-bottom: 10px
  }

  .project-image {
    width: 95vw
  }

  .row {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0
  }

  .row.m-flexibleCardListing__cardsRow.slider-card {
    align-items: center;
    flex-direction: column!important;
    text-align: right
  }

  .details-container .section:last-child {
    padding-right: 100px
  }

  p:last-child {
    margin-bottom: 10px
  }

  .col-12 {
    padding-left: 0;
    padding-right: 0
  }

  .details-container .section:last-child {
    padding-right: 10px
  }


}

.arrow {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48cGF0aCBkPSJNMTI3LjQwNiA2NTcuNzgxYy00Ljk4NS4wNzktOS45MSAyLjE2My0xMy40MzcgNS42ODhsLTU1IDU1Yy0zLjYgMy41OTktNS42OTcgOC42NTktNS42OTcgMTMuNzVzMi4wOTYgMTAuMTUgNS42OTcgMTMuNzVMMjQyLjI1IDkyOS4yNWMzLjYgMy42IDguNjU5IDUuNjk3IDEzLjc1IDUuNjk3czEwLjE1LTIuMDk2IDEzLjc1LTUuNjk3bDE4My4yODEtMTgzLjI4MWMzLjYtMy42IDUuNjk3LTguNjYgNS42OTctMTMuNzUgMC01LjA5MS0yLjA5Ni0xMC4xNTEtNS42OTctMTMuNzVsLTU1LTU1Yy0zLjU5OC0zLjU5Mi04LjY1LTUuNjgyLTEzLjczNC01LjY4MnMtMTAuMTM2IDIuMDktMTMuNzM1IDUuNjgyTDI1NiA3NzguMDMgMTQxLjQzOCA2NjMuNDdjLTMuNjY3LTMuNjY0LTguODQ5LTUuNzY1LTE0LjAzMi01LjY4OCIgc3R5bGU9ImZvbnQtc2l6ZTptZWRpdW07Zm9udC1zdHlsZTpub3JtYWw7Zm9udC12YXJpYW50Om5vcm1hbDtmb250LXdlaWdodDo0MDA7Zm9udC1zdHJldGNoOm5vcm1hbDt0ZXh0LWluZGVudDowO3RleHQtYWxpZ246c3RhcnQ7dGV4dC1kZWNvcmF0aW9uOm5vbmU7bGluZS1oZWlnaHQ6bm9ybWFsO2xldHRlci1zcGFjaW5nOm5vcm1hbDt3b3JkLXNwYWNpbmc6bm9ybWFsO3RleHQtdHJhbnNmb3JtOm5vbmU7ZGlyZWN0aW9uOmx0cjtibG9jay1wcm9ncmVzc2lvbjp0Yjt3cml0aW5nLW1vZGU6bHItdGI7dGV4dC1hbmNob3I6c3RhcnQ7YmFzZWxpbmUtc2hpZnQ6YmFzZWxpbmU7Y29sb3I6IzAwMDtmaWxsOiMyMjI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjM4Ljg4MDAwMTA3O21hcmtlcjpub25lO3Zpc2liaWxpdHk6dmlzaWJsZTtkaXNwbGF5OmlubGluZTtvdmVyZmxvdzp2aXNpYmxlO2ZvbnQtZmFtaWx5OlNhbnM7LWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpTYW5zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC01NDAuMzYyKSIvPjwvc3ZnPg==);
  background-size: contain;
  bottom: 30px;
  filter: invert(1);
  height: 40px;
  left: 50%;
  margin-left: -20px;
  position: fixed;
  width: 40px
}

.arrow:after {
  bottom: 0;
  content: "Scroll Down";
  display: block;
  font-family: greycliff-cf;
  font-size: 15px;
  font-weight: 700;
  left: 50%;
  position: absolute;
  right: auto;
  text-align: center;
  top: 40px;
  transform: translateX(-50%);
  width: 110px
}

.bounce {
  animation: bounce 2s infinite
}

@keyframes bounce {
  0%,20%,50%,80%,to {
    transform: translateY(0)
  }

  40% {
    transform: translateY(-30px)
  }

  60% {
    transform: translateY(-15px)
  }
}

.mfp-grow-center.mfp-bg,.mfp-grow-center.mfp-wrap {
  transition: all .8s ease-in-out
}

.mfp-grow-center.mfp-wrap {
  opacity: 0;
  transform: scale(.1)
}

.mfp-grow-center.mfp-wrap.mfp-ready {
  opacity: 1;
  transform: scale(1)
}

.mfp-grow-center.mfp-wrap.mfp-removing {
  opacity: 0;
  transform: scale(.1)
}
@media (max-width: 480px) {
  .row.white-section {
    padding: 20px;
  }
  .details-container {
    padding: 20px 10px;
  }
  .m-contactCards__buttons.d-btn.animate__animated.animate__fadeInUp.wow {
    display: inline-flex;
    text-align: center;
  }
  .m-contactCards__buttons a:first-child {
    margin-right: 0px;
  }
}