@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


#wrapper:has(.wel-section) .inner_title {
    display: none;
}
.new-landing-page h1, .new-landing-page h2, .new-landing-page h3, .new-landing-page h4, .new-landing-page h5, .new-landing-page h6, .new-landing-page .h1, .new-landing-page .h2, .new-landing-page .h3, .new-landing-page .h4, .new-landing-page .h5, .new-landing-page .h6, .new-landing-page .cms h1, .new-landing-page .cms h2, .new-landing-page .cms h3, .new-landing-page .cms h4, .new-landing-page .cms h5, .new-landing-page .cms h6, .new-landing-page .cms .h1, .new-landing-page .cms .h2, .new-landing-page .cms .h3, .new-landing-page .cms .h4, .new-landing-page .cms .h5, .new-landing-page .cms .h6 , .new-landing-page > *{
   font-family: "Josefin Sans", sans-serif;
}
p{
    font-family: "Montserrat", sans-serif;
}
.orchid-cove .gap-3{
   gap: 25px !important;
}
.orchid-cove .mb-30{
   margin-bottom: 30px !important;
}
.orchid-cove .mb-40{
   margin-bottom: 40px !important;
}
.orchid-cove .mt-0{
   margin-top: 0 !important;
}
.orchid-cove .mt-30{
   margin-top: 30px !important;
}
.orchid-cove .mt-40{
   margin-top: 40px !important;
}
.orchid-cove .mt-50{
   margin-top: 50px !important;
}
.orchid-cove .col-10{
   width: 83.333333%;
   margin: auto;
}
.orchid-cove .text-primary{
   color: #00738c;
}
.orchid-cove .text-white{
   color: #fff;
}
.orchid-cove-modal .c-btn .text-white{
   color: #fff !important;
}
.orchid-cove .fw-600{
   font-weight: 600 !important;
}
.orchid-cove .h-100{
   height: 100% !important;
}
.orchid-cove .col-12{
   width: 100%;
   padding: 0 15px;
}
.orchid-cove .m-auto{
   margin: auto !important;
}
.orchid-cove .justify-content-between{
   justify-content: space-between !important;
}
.orchid-cove .justify-content-end{
   justify-content: flex-end !important;
}
.orchid-cove .section-gap{
   padding: 55px 0;
}
.orchid-cove .pt-0{
   padding-top: 0 !important;
}
.orchid-cove .pb-150{
   padding-bottom: 150px !important;
}
.orchid-cove .pt-120{
   padding-top: 120px !important;
}
.orchid-cove .pb-50{
   padding-bottom: 50px !important;
}
.orchid-cove .contact-sec button:hover{
   transform: translateY(-5px);
   color: #fff !important;
}
.orchid-cove button:focus, button:focus-visible,
.orchid-cove-modal button:focus, button:focus-visible{
   outline: none !important;
   border: none !important;
   color: #fff !important;
}




.banner .thumbnail_container {
   padding-bottom: 42%;
}
.banner .thumbnail_container .thumbnail img{
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.orchid-cove .divider .span-1{ border: 6px solid #F7EAE1; width: 20%;}
.orchid-cove .divider .span-2{ border: 6px solid #97A675; width: 20%;}
.orchid-cove .divider .span-3{ border: 6px solid #D6EAD4; width: 20%;}
.orchid-cove .divider .span-4{ border: 6px solid #81B0B2; width: 20%;}
.orchid-cove .divider .span-5{ border: 6px solid #00738C; width: 20%;}
.orchid-cove .contact-sec button:hover{
   transform: translateY(-5px);
   color: #fff !important;
}
.orchid-cove-modal button:hover{
   transform: translateY(-5px);
   color: #fff !important;
}
.orchid-cove .section-1 a:hover,
.orchid-cove .section-2 a:hover,
.orchid-cove .section-3 a:hover {
   transform: translateY(-5px);
   color: #fff !important;
}
.orchid-cove{
   background-image: url(../images/demo/oc-sec-bg.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
   position: relative;
   z-index: 0;
}
.orchid-cove::after{
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 50%;
   background: linear-gradient(0deg,rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%, rgba(255, 255, 255, 0) 100%);
   z-index: -1;
}
.orchid-cove p{
   color: #000;
}
.orchid-cove .section-1 .item-1{
   background-image: url(../images/demo/sec-1-bg.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: bottom center;
   padding: 80px;
}
.orchid-cove .section-1 .item-1 .thumbnail_container{
   padding-bottom: 76%;
   border-radius: 13px;
}
.orchid-cove .section-1 .item-1 .thumbnail_container img{
    border: 5px solid #fff;
}
.orchid-cove .section-1 .item-1 .btn-residences,
.orchid-cove .section-3 .item-3 .btn-residences,
.orchid-cove .contact-sec .item-5 .form-box .btn-submit,
.orchid-cove-modal .c-btn button{
   padding: 5px 30px;
   background-color: #00738c;
   border-radius: 10px;
   margin-top: 30px;
   font-size: 16px;
}
.orchid-cove .section-2 .item-2{
   background-image: url(../images/demo/sec-2-bg.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: bottom center;
   padding: 80px;
}
.orchid-cove .section-2 .item-2 .title{
   width: 50%;
   margin: auto;
}
.orchid-cove .section-2 .item-2 .part-01{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.orchid-cove .section-2 .item-2 .part-01 .btn-request-wrap{
   flex-grow: 1;
   display: flex;
   align-items: end;
}
.orchid-cove .section-2 .item-2 .btn-request{
   padding: 5px 60px;
   background-color: #81b0b2;
   border-radius: 10px;
   font-size: 16px;
   flex-grow: 1;
}
.orchid-cove .section-3 .item-3{
   background-image: url(../images/demo/sec-3-bg.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: bottom center;
   padding: 80px;
}
.orchid-cove .section-4 .item-4 .title p{
   color: #fff;
   font-size: 21px;
}
.orchid-cove .contact-sec .item-5{
   background-color: #f7f5ee;
   padding: 80px;
}
.orchid-cove .contact-sec .item-5 .title{
   font-size: 30px;
   margin-bottom: 30px;
}
.orchid-cove .contact-sec .item-5 .form-box .form-group .form-control{
   border: 1px solid #000;
   border-radius: 15px;
   background-color: #fff;
   height: 35px;
}
.orchid-cove-modal .form-box .form-control{
   border: 1px solid #000;
   border-radius: 15px;
   height: 35px;
}



@media (min-width: 992px) {
    .orchid-cove .col-lg-6 {
        width: 50%;
    }

    .orchid-cove .col-lg-5{
         width: 41.666667%;
    }
    .orchid-cove .col-lg-7{
         width: 58.333333%;
    }
    .orchid-cove .col-lg-8{
      width: 66.666667%;
   }
}
@media (min-width: 1400px) {
   .orchid-cove .col-xxl-5{
      width: 41.666667%;
   }   
}
@media (min-width: 1200px) {
   .orchid-cove .offset-xl-1{
      margin-right: 8.333333%;
   }
   .orchid-cove .col-xl-5{
      width: 41.666667%;
   }
   .orchid-cove .col-xl-10{
        width: 83.333333%;
        margin: auto;
        float: unset;
    }
}
@media (min-width: 768px){
   .orchid-cove .col-md-6{
      width: 50% !important;
   }
   .orchid-cove .col-md-4{
      width: 33.333333% !important;
   }
}


@media (max-width: 1560px) {
.orchid-cove .section-2 .item-2 .title{
      width: 75%;
   }
}
@media (max-width: 1199px){
   .orchid-cove .section-2 .item-2 .btn-request{
      padding: 5px 25px;
      font-size: 14px;
   }
   .orchid-cove .section-2 .item-2 .title{
      width: 90%;
   }
}
@media (max-width: 991px){
   .orchid-cove .col-lg-6{
      width: 100%;
   }
   .orchid-cove .section-1 .item-1 .thumbnail_container{
      margin-top: 30px;
   }
   .orchid-cove .section-2 .item-2 .btn-request{
      margin: 30px 0;
   }
   .orchid-cove .section-2 .item-2 .title{
      width: 75%;
   }
}
@media (max-width: 767px){
   .orchid-cove .section-1 .item-1,
   .orchid-cove .section-2 .item-2,
   .orchid-cove .section-3 .item-3,
   .orchid-cove .contact-sec .item-5{
      padding: 40px;
   }
   .orchid-cove .divider .span-1{ border: 4px solid #F7EAE1; width: 20%;}
   .orchid-cove .divider .span-2{ border: 4px solid #97A675; width: 20%;}
   .orchid-cove .divider .span-3{ border: 4px solid #D6EAD4; width: 20%;}
   .orchid-cove .divider .span-4{ border: 4px solid #81B0B2; width: 20%;}
   .orchid-cove .divider .span-5{ border: 4px solid #00738C; width: 20%;}
   .orchid-cove .gap-3{
      gap: 16px !important;
   }
}
@media (max-width: 575px){
   .orchid-cove .section-2 .item-2 .title{
      width: 100%;
   }
   .orchid-cove .section-4 .item-4 .title p{
      font-size: 16px;
      text-align: center;
   }
   .orchid-cove .contact-sec .item-5 .title{
      font-size: 24px;
   }
   .contact-sec .ac-label{
      font-size: 14px;
   }
}
@media (max-width: 480px){
   .orchid-cove .section-1 .item-1,
   .orchid-cove .section-2 .item-2,
   .orchid-cove .section-3 .item-3,
   .orchid-cove .contact-sec .item-5{
      padding: 25px;
   }
}