@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');/*font-family: "Montserrat", sans-serif;*/
*{font-family: "Montserrat", sans-serif;}
body {
    padding: 0;
    margin: 0;
  }
  body.main-page{ background: url(images/page1-bg.jpg)no-repeat center; background-size: cover; }
  .container{max-width: 710px; margin: 0 auto;}
  body.main-page .container{ margin-top: 45px; min-height: 536px; padding: 28px; border-left: 1px solid rgba(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.8); position: relative;}
  body.main-page .container:after{ content: ""; width: 60%; height: 1px; position: absolute; left: 0; top: 0; background: rgba(255,255,255,0.5);}
  body.main-page .container:before{ content: ""; width: 1px; height: 60%; position: absolute; right: 0; bottom: 0; background: rgba(255,255,255,0.5);}
  body.main-page .container .page1-txt{
    position: absolute;
    top: -10px;
    right: -10px;
    max-width: 265px;
    text-align: right;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    font-weight: 400;
}
body.main-page .container .page1-txt strong{ display: block;}
body.main-page .container .page1-txt p{ margin-bottom: 15px;}
body.main-page .container .page1-txt h2{ text-transform: uppercase; padding: 0; margin: 0 0 20px; font-size: 17px; line-height: 22px; color: #daeee3; font-weight: 900;; }
body.project-location{ background: url(images/page2-bg.jpg)no-repeat top left; background-size: cover; padding: 56px 0;}
body.project-location h1{ font-size: 40px; line-height: 40px; font-weight: 400; text-transform: uppercase; color: #fff; padding: 0; margin: 0 0 30px;} 
body.project-location .flex-box,body.project-location .img-flex-box1{ display: flex; justify-content: space-between;}
body.project-location .img-flex-box1{gap:18px;}
body.project-location .img-box2{ margin: 18px 0;}
body.project-location.page1 .flex-box .img-box img{ margin-top: -111px; margin-right: -55px;}
body.project-location.page1 .location2-page .flex-box .img-box img{margin: auto;}
.location2-page{ margin-top: 20px;}
body.project-location .txt-box{ font-size: 12px; line-height: 16px; font-weight: 400; color: #fff; max-width: 270px;}
body.project-location .txt-box p{ margin: 0 0 15px;}
body.project-location .flex-box.bot {margin-top: 40px;}
body.project-location .flex-box.bot .img-righ img{ margin-top: -22px; margin-right: -12px;}

body.garvey-plan{padding: 55px 0; background: url(images/page4-bg.jpg)no-repeat center; background-size: cover; font-size: 12px; line-height: 16px; font-weight: 400; color: #fff; }
body.garvey-plan h1{ font-size: 40px; line-height: 40px; font-weight: 400; text-transform: uppercase; color: #fff; padding: 0; margin: 0 0 30px;} 
body.garvey-plan .flex-box{ display: flex; justify-content: space-between;}
.container2{ max-width:752px; margin: 30px auto 0;}
body.garvey-plan .txt-box{background: #fff; color: #000; padding: 25px 30px; font-size: 10px;}
body.garvey-plan .txt-box h4{padding: 0; margin: 0; font-size: 12px; font-weight: 700;}
body.garvey-plan .txt-box p{padding: 0; margin: 5px 0 0;}
.flex-box.align-center{ align-items: center;}

body.ownership-project{padding: 55px 0; background: url(images/page5-bg.jpg)no-repeat center; background-size: cover; font-size: 12px; line-height: 17px; font-weight: 400; color: #fff; }
body.ownership-project h1{ font-size: 40px; line-height: 40px; font-weight: 400; text-transform: uppercase; color: #fff; padding: 0; margin: 0 0 45px;} 
body.ownership-project .flex-box{ display: flex; justify-content: space-between; margin-top: 10px;}
body.ownership-project .flex-box.top-txt p{ padding: 0; margin: 0 0 25px;}
body.ownership-project .flex-box.top-txt h4{ padding: 0; margin: 0 0 10px; color: #000; font-weight: 700;}
body.ownership-project .flex-box.top-txt .txt-box1,body.ownership-project .flex-box.top-txt .txt-box2{ width: 50%;max-width: 312px;}

body.ownership-project .flex-box.bot-txt{align-items: center; font-size: 16px; line-height: 24px;}
body.ownership-project .flex-box.bot-txt .txt-box1{ max-width: 368px; position: relative;}
body.ownership-project .flex-box.bot-txt .txt-box1::after{background:#b45271; content: ""; width: 314px; height: 1px; top: -4px; left: 0; position: absolute;}
body.ownership-project .flex-box.bot-txt .txt-box2 img{ max-width: 122px;}

body.project-vision{padding: 55px 0; background: url(images/page6-bg.jpg)no-repeat center; background-size: cover; font-size: 12px; line-height: 20px; font-weight: 400; color: #fff; }
body.project-vision h1{ font-size: 40px; line-height: 40px; font-weight: 400; text-transform: uppercase; color: #fff; padding: 0; margin: 0 0 45px;} 
body.project-vision .flex-box{ display: flex; justify-content: space-between;}
body.project-vision .flex-box .txt-box{ max-width: 341px;}
body.project-vision .flex-box .img-box img{ margin-top: -22px; max-width: 122px;}
body.project-vision .container2 {
    max-width: 800px;
    margin: 142px auto 0;
}

body.bio-page{padding: 55px 0; background: url(images/page8-bg.jpg)no-repeat center; background-size: cover; font-size: 10px; line-height: 16px; font-weight: 400; color: #fff; }
body.bio-page.bio-page2{padding: 55px 0 270px; background: url(images/page9-bg.jpg)no-repeat center; background-size: cover;}
body.bio-page.bio-page2 h1{ font-size: 24px; font-weight: 600;}
body.bio-page h1{ font-size: 20px; line-height: 20px; font-weight: 400; color: #000; padding: 0; margin: 0 0 25px;} 
body.bio-page .flex-box{ display: flex; margin-bottom: 20px;}
body.bio-page .flex-box h4{color: #1a3340; font-size: 14px; text-transform: uppercase; font-weight: 700; padding: 0; margin: 0 0 15px;}
body.bio-page .flex-box .txt-box{padding-left: 15px; margin-left: 15px; border-left: 1px solid #fff;}

body.thankyou-page{background: url(images/page10-bg.jpg)no-repeat center; background-size: cover; padding: 55px 0;}
body.thankyou-page .container {
    min-height: 536px;
    padding: 35px 35px 35px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    position: relative;
}
body.thankyou-page .container:after {
    content: "";
    width: 1px;
    height: 38%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
}
body.thankyou-page .page1-txt{ max-width: 310px; font-size: 12px; line-height: 18px; color: #fff; font-weight: 400;}
body.thankyou-page .page1-txt strong{ color: #000;}
body.thankyou-page h1{ font-size: 40px; line-height: 45px; font-weight: 100; color: #fff;}
body.thankyou-page .logo-box{ text-align: right;}
body.thankyou-page .logo-box img{ margin-top: -25px;}

body.plan-page{ padding: 55px 0; background: url(images/page7-bg.jpg)no-repeat center; background-size: cover;}
body.plan-page h1 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    padding: 0;
    margin: 0 0 250px; text-align: center;
}
body.plan-page .container {max-width: 800px; font-size: 12px; line-height: 18px; color: #fff; min-height: 460px;}
body.plan-page ul{ padding: 0; margin: 0;}
body.plan-page li{ display: inline-block; position: relative; margin-right: 7px;width: 131px;}
body.plan-page li:last-child{ margin-right: 0;}
body.plan-page li span img{ display: block;}
body.plan-page li span.year{font-size: 20px; text-align: center; line-height: 19px; color: #fff; font-weight: 300; padding: 13px; display: block;}
body.plan-page li:nth-child(1){width: 228px;}
body.plan-page li:nth-child(1) span.year{background: #daeee3; color: #1a3340;}
body.plan-page li:nth-child(2) span.year{background: #7aafaa;}
body.plan-page li:nth-child(3) span.year{background: #193340;}
body.plan-page li:nth-child(4) span.year{background: #cc3366;}
body.plan-page li:nth-child(5) span.year{background: #e1756f;}
span.spn-txt{position: absolute;left: 0;}
.spn3,.spn4,.spn6,.spn9{ color: #000;}
.spn3 strong,.spn4 strong,.spn6 strong,.spn9 strong{ color: #7ab0ab!important;;}
body.plan-page li span strong{ display: block; font-weight: 700; color: #daeee3;}
span.spn-txt.spn1{
    width: 51px;
    top: -180px;
    left: 5px;
}
span.spn-txt.spn2{
    width: 120px;
    top: -129px;
    left: 51px;
}
span.spn-txt.spn5{
    left: 5px;
    top: -147px;
    width: 68px;
}
span.spn-txt.spn3{
    width: 160px;
    left: 5px;
    top: 30px;
}
span.spn-txt.spn4{
    width: 120px;
    left: 146px;
    top: 30px;
}
span.spn-txt.spn6{
    width: 225px;
    left: 82px;
    top: 30px; z-index: 9;
}
span.spn-txt.spn6 img{ margin-left: -70px;}

span.spn-txt.spn7 {
    width: 159px;
    top: -150px;
    left: 0px;
}
span.spn-txt.spn8 {
    width: 125px;
    top: -84px;
    left: 90px;
}
span.spn-txt.spn9 {
    width: 144px;
    text-align: right;
    top: 30px;
    left: -20px;
}
body.plan-page li span.spn-txt.spn9 img {
    margin-left: auto;
}


* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  body {
    overflow-x: hidden;
  }
  .menu_overlay {
    width: 100vw;
    height: 100vh;
    position: absolute;
    overflow: hidden;
    color: #fff;
    background: #213c48;
    background: -webkit-linear-gradient(to right, #7db3ae, #213c48);
    background: linear-gradient(to right, #7db3ae, #213c48);
    z-index: 100;
    transform: translateX(110%);
    transition: transform 0.5s ease;
    top: 0;
    left: 0;
  }
  
  .menu_overlay .fas {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 2.5rem;
    transition: all 0.3s ease;
  }
  .menu_overlay .fas:hover {
    color: #000;
    transform: scale(1.1) rotate(180deg);
  }
  
  .menu_overlay ul {
    height: 100%;
    width: 100%;
    list-style: none;
    padding: 20px!important;
    font-size: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 3.5vh;
  }
  .menu_overlay li {width: auto!important;}
  
  .menu_overlay a {
    color: #fff;
    text-decoration: none; text-transform: capitalize;
  }
  
  .menu_overlay a:hover {
    color: #000;
  }
  
  #menuBtn {
    display: none;
  }
  
  #menuBtn:checked ~ .menu_overlay {
    transform: translateX(0);
  }
  
  .landing_page {
    max-height: 100vh;
    height: 100%;
    width: 100%;
    position: relative;
  }
  
  .menu {
    position: absolute;
    right: 20px;
    top: 20px;
  }
  
  .fas {
    font-size: 2rem;
    color: #fff;
  }
  .fas:hover {
    color: #000;
  }
  
  .side_text {
    height: 10vh;
    width: 60%;
    color: #c94b4b;
    position: absolute;
    left: 0px;
    bottom: 20px;
    text-shadow: 0 0 1px #111;
    padding: 10px;
    font-size: 16px;
    color: #4b134f;
  }
  
  .main_text {
    color: #c94b4b;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 0 0 1px #111;
    display: flex;
    flex-direction: column;
  }
  
  .h2-r,
  .h2-l {
    font-size: 6rem;
  }
  
  .h2-r {
    transform: rotate(270deg);
    margin-left: -100px;
    z-index: 100;
  }
  
  .h2-l {
    margin-left: 100px;
    background-color: #4b134f;
    padding: 20px;
    z-index: 0;
  }
  
  @media screen and (max-width: 650px) {
    .list a {
      font-size: 2rem;
    }
  }
  


@media screen and (max-width: 767px) {

    body.plan-page h1 {
        font-size: 20px;
        line-height: 20px;}
        body.plan-page li {
            display: block;
            position: relative;
            margin: 0 auto!important; min-height: 50px;}
    body.plan-page li:nth-child(1),body.plan-page li:nth-child(5) {min-height: 400px;}
    body.plan-page li:nth-child(2),body.plan-page li:nth-child(3) {min-height: 220px; display: inline-block; margin: 0 7px!important;}
    body.plan-page ul {text-align: center;}

    body.thankyou-page .container,body.bio-page.bio-page2 .container,body.bio-page .container,body.project-vision .container
    ,body.project-vision .container2,body.ownership-project .container,body.garvey-plan .container,.container2,body.project-location .container,
    body.project-location .container,body.main-page .container
    {
        margin: 10px;
        padding: 20px;
    }
    body.thankyou-page,body.bio-page.bio-page2,body.bio-page,body.project-vision,body.ownership-project,body.garvey-plan,body.project-location,body.project-location,body.main-page{
        padding: 25px 0;
    }
    body.project-vision .flex-box {
        display: block;
        justify-content: space-between;
        text-align: center;
    }
    body.project-vision .flex-box .img-box img {margin-top: 0;}
    body.project-vision h1,body.ownership-project h1,body.garvey-plan h1,body.project-location h1,body.project-location h1,body.main-page h1{
        font-size: 36px;
        margin: 0 0 25px; text-align: center;
    }
    body.garvey-plan .flex-box,body.project-location .flex-box, body.project-location .img-flex-box1{display: block;}
    body.garvey-plan .flex-box img, body.project-location .img-flex-box1 img, body.project-location .img-box2 img{ display: block; margin: 0 auto 20px; width: 100%;}
    body.project-location .txt-box,body.project-location .flex-box.bot img{
        max-width: 100%;
        text-align: center;
    }
    body.project-location .img-flex-box1 {
        text-align: center;
    }
    body.project-location.page1 .flex-box .img-box img {
        margin: 0 auto;
        width: 100%;
    }
    body.project-location .flex-box.bot .img-righ img {margin: 20px auto 0;}
    body.main-page .container .page1-txt {
        position: relative;
        top: auto;
        right: auto;
        max-width: 100%;
        margin: 20px 0 0 0;}
.logo-box{ text-align: center;}
.menu_overlay ul {
    padding: 10px !important;
    margin-left: 0px !important;
    font-size: 20px;
}
.menu_overlay{overflow-y: scroll;}
body.plan-page .menu_overlay li:nth-child(1), body.plan-page .menu_overlay li:nth-child(5) {
    min-height: 50px;
}
body.plan-page .menu_overlay li:nth-child(2),body.plan-page .menu_overlay li:nth-child(3) {min-height: 50px;}
    
}
@media screen and (max-width: 500px) {
    body.plan-page ul {text-align: left;}
}