@media only screen and (min-width: 768px) and (max-width: 1366px) {
  .hm-about-section .top-hm-about-txt-wrap{
    padding-bottom: 280px;
  }
.slider-full-wrap .progress-button{
        left: calc(100% - 4vw);
    }
    .breadcrumb-menu-wrap{
      top: 34vh;
    }
}


@media only screen and (min-width: 900px) and (max-width: 1600px) {
  .hm-about-section .top-hm-about-txt-wrap{
    padding-bottom: 280px;
  }
  .slider-full-wrap .progress-button{
        left: calc(100% - 3vw);
    }
}

/* 1179×2556 pixels at 460ppi */
@media only screen 
    and (width: 393px) 
    and (height: 852px) 
    and (-webkit-device-pixel-ratio: 3) { 
        
    .slider-full-wrap .caption {
        bottom: 110px;
    }
        
    }
@media only screen and (min-height: 956px) and (orientation: portrait)
{
    
    .slider-full-wrap .caption {
        bottom: 110px;
    }
    
}

@media (min-width: 320px) and (max-width: 374px) {

  * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
  /* body {
  touch-action: none;
}
.panel {
  will-change: transform;
} */

    /* Smallest mobile devices */
    .txt-white2,#sidenav li.side-item a{
      color: #FCFBFA !important;
  }
  .mobile-display-none,.hm-our-project-mobile-center .slick-prev,.hm-our-project-mobile-center .slick-next,.about-video-hover-inner-wrap .discover-button,#sidenav{
      display: none !important;
  }
  .mobile-show,.mobile-sidebar-logo-wrap,.hm-our-projects .mobile-show,.nav-bar-inner-wrap .left-nav-icon-wrap,#mob-sidenav{
      display: block !important;
  }
  .mbl-underline{
    text-decoration: underline;
  }
/* end short codes  */
  /* font styles start  */
  .txt-h1-bold{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 24px !important;
    font-weight: bold;
    line-height: 30px;
    }
  .txt-h1{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    }
    .txt-h1-r {
        font-family: "Plus Jakarta Sans", sans-serif;
        font-size: 24px;
        font-weight: 400;
      }
  .txt-h2{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
    }
  .txt-h2-semi-bold{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-weight: 400;
    }
  .txt-h3{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    }
    .txt-h3-semi-bold{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 16px;
      font-weight: 400;
      }
    
    .txt-h4{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 14px;
      font-weight: 300;
      
      }
    .txt-h4-semi-bold{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 14px;
      font-weight: 400;
      letter-spacing: 5px;
      }
    .txt-h4-bold{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 14px;
      font-weight: bold;
      }
  
  .paraf-b1-c {
        font-family: "Plus Jakarta Sans", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
    }
    .paraf-b1{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    }
    .paraf-b2{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    }
    .paraf-b3{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
    }
   
    .paraf-navbtn-b1{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-weight: bold;
    }
    .paraf-navbtn-b2{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    }
  /* font styles end  */
  .mobile-nav-bottom-wrap{
      border-top: 1px solid;
      margin: 0px 15px;
      padding-left: 0px;
  }
  .mobile-sidebar-top-wrap{
      display: flex;
      flex-wrap: nowrap;
        align-items: center;
        padding-top: 20px;
        padding-bottom: 20px;
  }
  .mobile-sidebar-logo-wrap{
      width: 100%;
      display: flex !important;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      
  }
  .mobile-sidebar-logo-wrap img{
      /* width: 100%;
        height: 45px; */
        width: 80%;
        height: auto;
  }
  .mobile-nav-bottom-wrap .side-nav-items{
      padding-left: 0px !important;
  }
  .left-nav-icon-img img{
      width: 75%;
      margin-top: 15px;
  }
  .center-logo-wrap .navbar-brand{
      display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  }
  .navbar-brand img{
              /*width: 100%;*/
        height: 45px;
  }
  .nav-bar-inner-wrap{
      padding: 15px 0px;
  }
  /* home page slider  */

  .slider-full-wrap .nav-btn{
      padding: 5px 10px;
  }
  .slider-full-wrap .prev {
      left: 10px;
  }
  .slider-full-wrap .caption{
      bottom: 60px; 
  }

  /* home about section responsive  */
  .about-video-hover-inner-wrap{
      opacity: 1;
  }
.hm-our-service-section {
padding: 40px 0px;
}
.desktop-pt-56 {
padding-top: 40px;
}
.heading-bottom-56 {
padding-bottom: 20px;
}
.hm-service-imgboxwrap {
padding-bottom: 25px;
}
.service-img-name-wrap {
padding-top: 15px;
}
.pl-7point5{
padding-left: 7.5px !important;
}
.pr-7point5{
padding-right: 7.5px !important;
}
.about-video-hover-inner-wrap{
display: flex !important;
}
.about-video-hover-inner-wrap p{
width: 85%;
margin-top: 5px;
}
.about-video-hover-inner-wrap .discover-button{
margin-top: 5px;
}
.hm-our-projects{
padding: 40px 0px;
}
.hm-our-projects .main-heading.desktop-pt-20{
padding-top: 10px;
padding-bottom: 0px;
}
.hm-our-project-mobile-center .project-img-name-wrap {
padding-top: 20px;
}
.desktop-pt-8 {
padding-top: 4px;
}
.project-header-body-content p{
  width: 90% !important;
}
/* body .hm-our-project-mobile-center .slick-track{
transform: translate3d(0px, 0px, 0px) !important;
} */
/* start footer style  */
.footer-top-links-wrap a{
  display: flex;
}
.footer-top-links-wrap .list-inline-item{
padding: 0px 0px;
padding-bottom: 20px;
}
.footer-top-links-wrap a:last-child ,.footer-middle-links-wrap a:last-child{
padding-bottom: 0px;
}
.footer-middle-links-wrap{
position: relative;
}
.footer-middle-links-wrap::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: linear-gradient(to right, transparent, #ffffff91 30%, #ffffff91 70%, transparent);
}
.footer-middle-links-wrap{
padding-bottom: 30px !important;
margin-top: 30px;
padding-top: 30px !important;
}
.footer-middle-links-wrap .list-inline-item,.mobile-bottom-list .list-inline-item{
padding-bottom: 5px;
}
.footer-bottom-links-wrap{
padding: 30px 0px !important;
}
.news-container .caption .paraf-b2 {
width: 90%;
}
.news-inner-content-wrap, .main-news-section {
  background-color: #14120E;
  padding: 50px 0px;
}
.main-news-section .news-img-name-wrap {
  padding-top: 20px;
}
.col-pd-mob-last{
  padding-top: 15px;
}
.breadcrumb-menu-wrap{
  top: 16vh;
}
.news-inner-container .caption h1.news-slider-cap2{
  width: 90%;
}
/* townhouse styles  */
.slider-pagination-wrap{
  top: 14vh;
}
#text2 p{
  padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
}
#text2 .left-col-wrap h1,#text2 .left-col-wrap h2{
  width: 85%;
}
.panels .dots{
    right: 15px;
}
.panels .dot {
    width: 10px;
    height: 10px;
}
.panels .identifier{
      width: 30px;
    height: 30px;
}
.panels p.paraf-b2.txt-white {
    width: 90%;
}
.townhouse-project-wrap .txt-description{
      margin-top: 10px !important;
    width: 90%;
}
.project-img-name-wrap {
    padding-top: 15px;
}
.our-team-page .project-body .breadcrumb-menu-wrap{
  top: 0vh;
}
.our-team-page .project-first-row{
  padding-top: 40px;
}
.our-team-page div.breadcrumb-menu-wrap{
  padding-top: 105px;
}
.mbl-block-tp{
  padding-top: 40px;
}
.team-section-top-gap {
    padding-top: 40px;
}
.team-head-top-gaps {
    padding-top: 40px;
}
.our-team-page .row.team-row-gaps {
    padding-top: 40px !important;
}
 .team-nav-wrapper .section-links-list-wrap .list-inline{
  display: flex;
            flex-direction: column;
        gap: 8px;
        align-items: center;
        justify-content: center;
} 
.team-sections-link-wrap{
  justify-content: flex-end;
}
.team-nav-wrapper .section-links-list-wrap{
      border-radius: 20px;
      text-align: center;
          padding: 25px 10px;
          padding-bottom: 40px;
}
.team-nav-wrapper{
  bottom: 30%;
      width: auto;
    right: 0;
    transform: none;
}
.team-nav-wrapper.collapsed{
      left: 100% !important;
          transform: translateX(-28px);
}
.team-nav-wrapper.collapsed .list-inline-item {
    padding-left: 20px;
}
.close-nav i::before,.close-nav i:hover::before{
      bottom: -30px !important;
        left: -12px !important;
      background: url('https://dw3kk9ph6icwx.cloudfront.net/images/seo/Team/close-active-button.png') !important;
      background-repeat: no-repeat !important;
}
.team-inner-page .project-body{
      padding-bottom: 20px;
}
.team-inner-description-wrap h1{
  display: block !important;
          margin-bottom: 15px !important;
        padding-top: 10px !important;
        text-align: left !important;
}
.our-team-page .project-body-inner-text h1{
  display: block !important;
  text-align: left;
}
.team-inner-page .row.project-first-row{
        flex-direction: column !important;
}
.team-inner-page .project-image-inner-wrap,.our-team-page .project-image-inner-wrap{
padding-top: 30px;
    padding-bottom: 20px;
}
.our-team-page .project-first-row{
  flex-direction: column !important;
}
.team-nav-wrapper.collapsed::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 50%;
    width: 90%;
    height: 10vh;
    background: rgba(255, 255, 255, 0.7);
    transform: translateX(-50%);
    border-radius: 2px;
}
.team-sections-link-wrap .list-inline-item.last-link {
    margin-right: 0px !important;
    margin-bottom: 10px !important;;
}
.team-section-brake-line::before{
      width: 91% !important;
}
.contact-us-page{
	padding-top: 100px;
}
.contact-us-page .breadcrumb-menu-wrap{
	padding-left:15px !important;
}
.contact-info-left-wrap{
  padding-top:60px;
  padding-left: 15px;
    padding-right: 15px;
}
.contact-right-col-wrap .card{
      padding: 15px !important;
}
.contact-right-col-wrap{
  margin-top: 32px;
}
.contact-map-section-wrap,.contact-footer-line-wrap{
  padding-top:60px;
  padding-bottom:0px !important;
}
.accordion-container{
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
}
.privacy-policy-full-wrap{
    padding-top: 110px;
}
.accordion-content.open{
  padding-top: 0px;
  padding: 1rem 20px;
}
.accordion-toggle{
      width: 25px;
    height: 25px;
}
.accordion-toggle::before{
      font-size: 20px;
}
.history-page-body-content .project-first-row{
  flex-direction: column !important;
}
.history-page-body-content .project-secound-row{
  display: flex !important;
        flex-direction: column-reverse !important;
}
.apartment-main-section-wrap{
  padding: 0px !important;
}
.mob-col-6-right{
   margin-top: 25px;
}
.error-ful-wrap .main-code {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 100px;
    color: var(--soft);
    letter-spacing: 0px;
}

.error-ful-wrap .error-title{
      font-size: 26px;
}

  }

  @media (min-width: 375px) and (max-width: 480px) {
    /* iPhone 6/7/8, most Android phones */
      * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.mob-col-6-right{
   margin-top: 25px;
}
 
  /* body {
  touch-action: none;
} */
/* .panel {
  will-change: transform;
} */
    .txt-white2,#sidenav li.side-item a{
        color: #FCFBFA !important;
    }
    .mobile-display-none,.hm-our-project-mobile-center .slick-prev,.hm-our-project-mobile-center .slick-next,.about-video-hover-inner-wrap .discover-button,#sidenav{
        display: none !important;
    }
 
    .mobile-show,.mobile-sidebar-logo-wrap,.hm-our-projects .mobile-show,.nav-bar-inner-wrap .left-nav-icon-wrap,#mob-sidenav,.mobile-evolution-image-wrap.mobile-show{
        display: block !important;
    }
    .mbl-underline{
      text-decoration: underline;
    }
/* end short codes  */
    /* font styles start  */
    .txt-h1-bold{
      font-family: "Plus Jakarta Sans", sans-serif;
 font-size: 24px !important;
      font-weight: bold;
      line-height: 30px;
      }
    .txt-h1{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 24px;
      font-weight: 300;
      line-height: 30px;
      }
      .txt-h1-r {
        font-family: "Plus Jakarta Sans", sans-serif;
        font-size: 24px;
        font-weight: 400;
      }
    .txt-h2{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 20px;
      font-weight: 300;
      line-height: 25px;
      }
    .txt-h2-semi-bold{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 20px;
      font-weight: 400;
      }
    .txt-h3{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 16px;
      font-weight: 300;
      }
      .txt-h3-semi-bold{
        font-family: "Plus Jakarta Sans", sans-serif;
        font-size: 16px;
        font-weight: 400;
        }
      
      .txt-h4{
        font-family: "Plus Jakarta Sans", sans-serif;
        font-size: 14px;
        font-weight: 300;
        
        }
      .txt-h4-semi-bold{
        font-family: "Plus Jakarta Sans", sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 5px;
        }
      .txt-h4-bold{
        font-family: "Plus Jakarta Sans", sans-serif;
        font-size: 14px;
        font-weight: bold;
        }
    
    
      .paraf-b1{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 14px;
      line-height: 24px;
      font-weight: bold;
      }
      .paraf-b1-c {
        font-family: "Plus Jakarta Sans", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
    }
      .paraf-b2{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 14px;
      line-height: 22px;
      font-weight: 300;
      }
      .paraf-b3{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 14px;
      font-weight: 300;
      }
     
      .paraf-navbtn-b1{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 16px;
      font-weight: bold;
      }
      .paraf-navbtn-b2{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 16px;
      font-weight: 300;
      }
    /* font styles end  */
    .mobile-nav-bottom-wrap{
        border-top: 1px solid;
        margin: 0px 15px;
        padding-left: 0px;
    }
    .mobile-sidebar-top-wrap{
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .mobile-sidebar-logo-wrap{
        width: 100%;
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        
    }
    .mobile-sidebar-logo-wrap img{
        /* width: 100%;
        height: 45px; */
        width: 80%;
        height: auto;
    }
    .mobile-nav-bottom-wrap .side-nav-items{
        padding-left: 0px !important;
    }
    .left-nav-icon-img img{
        width: 75%;
        margin-top: 15px;
    }
    .center-logo-wrap .navbar-brand{
        display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    }
    .navbar-brand img{
                /*width: 100%;*/
        height: 45px;
    }
    .nav-bar-inner-wrap{
        padding: 15px 0px;
    }
    .project-header-body-content p{
      width: 90% !important;
    }
    /* home page slider  */

    .slider-full-wrap .nav-btn{
        padding: 5px 10px;
    }
    .slider-full-wrap .prev {
        left: 10px;
    }
    .slider-full-wrap .caption{
        bottom: 60px; 
    }

    /* home about section responsive  */
    .about-video-hover-inner-wrap{
        opacity: 1;
    }
.hm-our-service-section {
  padding: 40px 0px;
}
.desktop-pt-56 {
  padding-top: 40px;
}
.heading-bottom-56 {
  padding-bottom: 20px;
}
.hm-service-imgboxwrap {
  padding-bottom: 15px;
}
.service-img-name-wrap {
  padding-top: 15px;
}
.pl-7point5{
  padding-left: 7.5px !important;
}
.pr-7point5{
  padding-right: 7.5px !important;
}
.about-video-hover-inner-wrap{
  display: flex !important;
}
.about-video-hover-inner-wrap p{
  width: 85%;
  margin-top: 5px;
}
.about-video-hover-inner-wrap .discover-button{
  margin-top: 5px;
}
.hm-our-projects{
  padding: 40px 0px;
}
.hm-our-projects .main-heading.desktop-pt-20{
  padding-top: 10px;
  padding-bottom: 0px;
}
.hm-our-project-mobile-center .project-img-name-wrap {
  padding-top: 20px;
}

.desktop-pt-8 {
  padding-top: 4px;
}

/* body .hm-our-project-mobile-center .slick-track{
	transform: translate3d(0px, 0px, 0px) !important;
  } */
/* start footer style  */
.footer-top-links-wrap a{
    display: flex;
}
.footer-top-links-wrap .list-inline-item{
  padding: 0px 0px;
  padding-bottom: 20px;
}
.footer-top-links-wrap a:last-child ,.footer-middle-links-wrap a:last-child{
  padding-bottom: 0px;
}
.footer-middle-links-wrap{
  position: relative;
}
.footer-middle-links-wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, transparent, #ffffff91 30%, #ffffff91 70%, transparent);
}
.footer-middle-links-wrap{
  padding-bottom: 30px !important;
  margin-top: 30px;
  padding-top: 30px !important;
}
.footer-middle-links-wrap .list-inline-item,.mobile-bottom-list .list-inline-item{
  padding-bottom: 5px;
}
.footer-bottom-links-wrap{
  padding: 30px 0px !important;
}
.news-container .caption .paraf-b2 {
  width: 90%;
}
.news-inner-content-wrap, .main-news-section {
  background-color: #14120E;
  padding: 50px 0px;
}
.main-news-section .news-img-name-wrap {
  padding-top: 20px;
}
.col-pd-mob-last{
  padding-top: 15px;
}
.breadcrumb-menu-wrap{
  top: 16vh;
}
.news-inner-container .caption h1.news-slider-cap2{
  width: 90%;
}
/* townhouse styles  */
.slider-pagination-wrap{
  top: 14vh;
}
#text2 p{
  padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
}
#text2 .left-col-wrap h1,#text2 .left-col-wrap h2{
  width: 85%;
}
.panels .dots{
    right: 15px;
}
.panels .dot {
    width: 10px;
    height: 10px;
}
.panels .identifier{
      width: 30px;
    height: 30px;
}
.panels p.paraf-b2.txt-white {
    width: 90%;
}

.townhouse-project-wrap .txt-description{
      margin-top: 10px !important;
    width: 90%;
}
.project-img-name-wrap {
    padding-top: 15px;
}


#smooth-content {
  overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scroll-snap-type: y proximity;
  /* turn off iOS momentum scrolling */
}
.panel {
    scroll-snap-align: start;
  }
.our-team-page .project-body .breadcrumb-menu-wrap{
  top: 0vh;
}
.our-team-page .project-first-row{
  padding-top: 40px;
}
.our-team-page div.breadcrumb-menu-wrap{
  padding-top: 105px;
}
.mbl-block-tp{
  padding-top: 40px;
}
.team-section-top-gap {
    padding-top: 40px;
}
.team-head-top-gaps {
    padding-top: 40px;
}
.our-team-page .row.team-row-gaps {
    padding-top: 40px !important;
}
.team-nav-wrapper .section-links-list-wrap .list-inline{
  display: flex;
            flex-direction: column;
        gap: 8px;
        align-items: center;
        justify-content: center;
} 
.team-sections-link-wrap{
  justify-content: flex-end;
}
.team-nav-wrapper .section-links-list-wrap{
      border-radius: 20px;
      text-align: center;
          padding: 25px 10px;
          padding-bottom: 40px;
}
.team-nav-wrapper{
  bottom: 30% !important;
      width: auto;
    right: 0;
    transform: none;
}
.team-nav-wrapper.collapsed{
      left: 100% !important;
          transform: translateX(-28px);
}
.team-nav-wrapper.collapsed .list-inline-item {
    padding-left: 20px;
}
.close-nav i::before,.close-nav i:hover::before{
     bottom: -30px !important;
        left: -12px !important;
      background: url('https://dw3kk9ph6icwx.cloudfront.net/images/seo/Team/close-active-button.png') !important;
      background-repeat: no-repeat !important;
}
.team-inner-page .project-body{
      padding-bottom: 20px;
}
.team-inner-description-wrap h1{
  display: block !important;
          margin-bottom: 15px !important;
        padding-top: 10px !important;
        text-align: left !important;
}
.our-team-page .project-body-inner-text h1{
  display: block !important;
  text-align: left;
}
.team-inner-page .row.project-first-row{
        flex-direction: column !important;
}
.team-inner-page .project-image-inner-wrap,.our-team-page .project-image-inner-wrap{
padding-top: 30px;
    padding-bottom: 20px;
}
.our-team-page .project-first-row{
  flex-direction: column !important;
}
.team-nav-wrapper.collapsed::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 50%;
    width: 90%;
    height: 10vh;
    background: rgba(255, 255, 255, 0.7);
    transform: translateX(-50%);
    border-radius: 2px;
}
.team-sections-link-wrap .list-inline-item.last-link {
    margin-right: 0px !important;
    margin-bottom: 10px !important;;
}
.team-section-brake-line::before{
      width: 91% !important;
}
.contact-us-page{
	padding-top: 100px;
}
.contact-us-page .breadcrumb-menu-wrap{
	padding-left:15px !important;
}
.contact-info-left-wrap{
  padding-top:60px;
  padding-left: 15px;
    padding-right: 15px;
}
.contact-right-col-wrap .card{
      padding: 15px !important;
}
.contact-right-col-wrap{
  margin-top: 32px;
}
.contact-map-section-wrap,.contact-footer-line-wrap{
  padding-top:60px;
  padding-bottom:0px !important;
}
.accordion-container{
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
}
.privacy-policy-full-wrap{
    padding-top: 110px;
}
.accordion-content.open{
  padding-top: 0px;
  padding: 1rem 20px;
}
.accordion-toggle{
      width: 25px;
    height: 25px;
}
.accordion-toggle::before{
      font-size: 20px;
}
.history-page-body-content .project-first-row{
  flex-direction: column !important;
}
.history-page-body-content .project-secound-row{
  display: flex !important;
        flex-direction: column-reverse !important;
}

.apartment-main-section-wrap{
  padding: 0px !important;
}
.error-ful-wrap .main-code {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 100px;
    color: var(--soft);
    letter-spacing: 0px;
}

.error-ful-wrap .error-title{
      font-size: 26px;
}
}
/* iPhone 6, 6S, 7 and 8 */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

      * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.mob-col-6-right{
   margin-top: 25px;
}
 
  /* body {
  touch-action: none;
} */
/* .panel {
  will-change: transform;
} */

    .slider-full-wrap .caption {
      bottom: 250px;
  }
  /* townhouse styles  */
.slider-pagination-wrap{
  top: 14vh;
}
#text2 p{
  padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
}
#text2 .left-col-wrap h1,#text2 .left-col-wrap h2{
  width: 85%;
}
.panels .dots{
    right: 15px;
}
.panels .dot {
    width: 10px;
    height: 10px;
}
.panels .identifier{
      width: 30px;
    height: 30px;
}
.panels p.paraf-b2.txt-white {
    width: 90%;
}
.panels .identifier{
      width: 30px;
    height: 30px;
}
.panels p.paraf-b2.txt-white {
    width: 90%;
}
.townhouse-project-wrap .txt-description{
      margin-top: 10px !important;
    width: 90%;
}
.project-img-name-wrap {
    padding-top: 15px;
}
/* #smooth-wrapper {
  overscroll-behavior: none;         
  overscroll-behavior-y: none;       
} */

/* 2) Disable bounce on the document itself */
/* html, body {
  overscroll-behavior: none;
} */

#smooth-content {
  overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scroll-snap-type: y proximity;
  /* turn off iOS momentum scrolling */
}
.panel {
    scroll-snap-align: start;
  }
.our-team-page .project-body .breadcrumb-menu-wrap{
  top: 0vh;
}
.our-team-page .project-first-row{
  padding-top: 40px;
}
.our-team-page div.breadcrumb-menu-wrap{
  padding-top: 105px;
}
.mbl-block-tp{
  padding-top: 40px;
}
.team-section-top-gap {
    padding-top: 40px;
}
.team-head-top-gaps {
    padding-top: 40px;
}
.our-team-page .row.team-row-gaps {
    padding-top: 40px !important;
}
.team-nav-wrapper .section-links-list-wrap .list-inline{
  display: flex;
            flex-direction: column;
        gap: 8px;
        align-items: center;
        justify-content: center;
} 
.team-sections-link-wrap{
  justify-content: flex-end;
}
.team-nav-wrapper .section-links-list-wrap{
      border-radius: 20px;
      text-align: center;
          padding: 25px 10px;
          padding-bottom: 40px;
}
.team-nav-wrapper{
  bottom: 18% !important;
      width: auto;
    right: 0;
    transform: none;
}
.team-nav-wrapper.collapsed{
      left: 100% !important;
          transform: translateX(-28px);
}
.team-nav-wrapper.collapsed .list-inline-item {
    padding-left: 20px;
}
.close-nav i::before,.close-nav i:hover::before{
      bottom: -30px !important;
        left: -12px !important;
      background: url('https://dw3kk9ph6icwx.cloudfront.net/images/seo/Team/close-active-button.png') !important;
      background-repeat: no-repeat !important;
}
.team-inner-page .project-body{
      padding-bottom: 20px;
}
.team-inner-description-wrap h1{
  display: block !important;
          margin-bottom: 15px !important;
        padding-top: 10px !important;
        text-align: left !important;
}
.our-team-page .project-body-inner-text h1{
  display: block !important;
  text-align: left;
}
.team-inner-page .row.project-first-row{
        flex-direction: column !important;
}
.team-inner-page .project-image-inner-wrap,.our-team-page .project-image-inner-wrap{
padding-top: 30px;
    padding-bottom: 20px;
}
.our-team-page .project-first-row{
  flex-direction: column !important;
}
.team-sections-link-wrap .list-inline-item.last-link {
    margin-right: 0px !important;
    margin-bottom: 10px !important;;
}
.team-section-brake-line::before{
      width: 91% !important;
}
#mob-sidenav{
  display:block !important;
}
#sidenav{
  display:none !important;
}
.contact-us-page{
	padding-top: 100px;
}
.contact-us-page .breadcrumb-menu-wrap{
	padding-left:15px !important;
}
.contact-info-left-wrap{
  padding-top:60px;
  padding-left: 15px;
    padding-right: 15px;
}
.contact-right-col-wrap .card{
      padding: 15px !important;
}
.contact-right-col-wrap{
  margin-top: 32px;
}
.contact-map-section-wrap,.contact-footer-line-wrap{
  padding-top:60px;
  padding-bottom:0px !important;
}
.accordion-container{
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
}
.privacy-policy-full-wrap{
    padding-top: 110px;
}
.accordion-content.open{
  padding-top: 0px;
  padding: 1rem 20px;
}
.accordion-toggle{
      width: 25px;
    height: 25px;
}
.accordion-toggle::before{
      font-size: 20px;
}
.error-ful-wrap .main-code {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 100px;
    color: var(--soft);
    letter-spacing: 0px;
}

.error-ful-wrap .error-title{
      font-size: 26px;
}

}

/* google pixel */
@media only screen and (min-height: 892px) and (orientation: portrait)
{ 
  * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.mob-col-6-right{
   margin-top: 25px;
}
 
  /* body {
  touch-action: none;
}
.panel {
  will-change: transform;
} */
.mobile-nav-bottom-wrap{
        border-top: 1px solid;
        margin: 0px 15px;
        padding-left: 0px;
    }
    .mobile-sidebar-top-wrap{
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .mobile-sidebar-logo-wrap{
        width: 100%;
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        
    }
    .mobile-sidebar-logo-wrap img{
        /* width: 100%;
        height: 45px; */
        width: 80%;
        height: auto;
    }
    .mobile-nav-bottom-wrap .side-nav-items{
        padding-left: 0px !important;
    }
    .left-nav-icon-img img{
        width: 75%;
        margin-top: 15px;
    }
    .center-logo-wrap .navbar-brand{
        display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    }
    .navbar-brand img{
                /*width: 100%;*/
        height: 45px;
    }
    .nav-bar-inner-wrap{
        padding: 15px 0px;
    }
    .project-header-body-content p{
      width: 90% !important;
    }
    /* home page slider  */

    .slider-full-wrap .nav-btn{
        padding: 5px 10px;
    }
    .slider-full-wrap .prev {
        left: 10px;
    }
    .slider-full-wrap .caption{
        bottom: 60px; 
    }

    /* home about section responsive  */
    .about-video-hover-inner-wrap{
        opacity: 1;
    }
.hm-our-service-section {
  padding: 40px 0px;
}
.desktop-pt-56 {
  padding-top: 40px;
}
.heading-bottom-56 {
  padding-bottom: 20px;
}
.hm-service-imgboxwrap {
  padding-bottom: 15px;
}
.service-img-name-wrap {
  padding-top: 15px;
}
.pl-7point5{
  padding-left: 7.5px !important;
}
.pr-7point5{
  padding-right: 7.5px !important;
}
.about-video-hover-inner-wrap{
  display: flex !important;
}
.about-video-hover-inner-wrap p{
  width: 85%;
  margin-top: 5px;
}
.about-video-hover-inner-wrap .discover-button{
  margin-top: 5px;
}
.hm-our-projects{
  padding: 40px 0px;
}
.hm-our-projects .main-heading.desktop-pt-20{
  padding-top: 10px;
  padding-bottom: 0px;
}
.hm-our-project-mobile-center .project-img-name-wrap {
  padding-top: 20px;
}

.desktop-pt-8 {
  padding-top: 4px;
}

/* body .hm-our-project-mobile-center .slick-track{
	transform: translate3d(0px, 0px, 0px) !important;
  } */
/* start footer style  */
.footer-top-links-wrap a{
    display: flex;
}
.footer-top-links-wrap .list-inline-item{
  padding: 0px 0px;
  padding-bottom: 20px;
}
.footer-top-links-wrap a:last-child ,.footer-middle-links-wrap a:last-child{
  padding-bottom: 0px;
}
.footer-middle-links-wrap{
  position: relative;
}
.footer-middle-links-wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, transparent, #ffffff91 30%, #ffffff91 70%, transparent);
}
.footer-middle-links-wrap{
  padding-bottom: 30px !important;
  margin-top: 30px;
  padding-top: 30px !important;
}
.footer-middle-links-wrap .list-inline-item,.mobile-bottom-list .list-inline-item{
  padding-bottom: 5px;
}
.footer-bottom-links-wrap{
  padding: 30px 0px !important;
}
.news-container .caption .paraf-b2 {
  width: 90%;
}
.news-inner-content-wrap, .main-news-section {
  background-color: #14120E;
  padding: 50px 0px;
}
.main-news-section .news-img-name-wrap {
  padding-top: 20px;
}
.col-pd-mob-last{
  padding-top: 15px;
}
.breadcrumb-menu-wrap{
  top: 16vh;
}
.news-inner-container .caption h1.news-slider-cap2{
  width: 90%;
}
/* townhouse styles  */
.slider-pagination-wrap{
  top: 14vh;
}
#text2 p{
  padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
}
#text2 .left-col-wrap h1,#text2 .left-col-wrap h2{
  width: 85%;
}
.panels .dots{
    right: 15px;
}
.panels .dot {
    width: 10px;
    height: 10px;
}
.panels .identifier{
      width: 30px;
    height: 30px;
}
.panels p.paraf-b2.txt-white {
    width: 90%;
}

.townhouse-project-wrap .txt-description{
      margin-top: 10px !important;
    width: 90%;
}
.project-img-name-wrap {
    padding-top: 15px;
}
/* 1) Prevent overscroll “bounce” on your smooth wrapper */
/* #smooth-wrapper {
  overscroll-behavior: none;        
  overscroll-behavior-y: none;       
} */

/* 2) Disable bounce on the document itself */
/* html, body {
  overscroll-behavior: none;
} */

#smooth-content {
  overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    scroll-snap-type: y proximity;
  /* turn off iOS momentum scrolling */
}
.panel {
    scroll-snap-align: start;
  }
.our-team-page .project-body .breadcrumb-menu-wrap{
  top: 0vh;
}
.our-team-page .project-first-row{
  padding-top: 40px;
}
.our-team-page div.breadcrumb-menu-wrap{
  padding-top: 105px;
}
.mbl-block-tp{
  padding-top: 40px;
}
.team-section-top-gap {
    padding-top: 40px;
}
.team-head-top-gaps {
    padding-top: 40px;
}
.our-team-page .row.team-row-gaps {
    padding-top: 40px !important;
}
.team-nav-wrapper .section-links-list-wrap .list-inline{
  display: flex;
            flex-direction: column;
        gap: 8px;
        align-items: center;
        justify-content: center;
} 
.team-sections-link-wrap{
  justify-content: flex-end;
}
.team-nav-wrapper .section-links-list-wrap{
      border-radius: 20px;
      text-align: center;
          padding: 25px 10px;
          padding-bottom: 40px;
}
.team-nav-wrapper{
  bottom: 30% !important;
      width: auto;
    right: 0;
    transform: none;
}
.team-nav-wrapper.collapsed{
      left: 100% !important;
          transform: translateX(-28px);
}
.team-nav-wrapper.collapsed .list-inline-item {
    padding-left: 20px;
}
.close-nav i::before,.close-nav i:hover::before{
      bottom: -30px !important;
        left: -12px !important;
      background: url('https://dw3kk9ph6icwx.cloudfront.net/images/seo/Team/close-active-button.png') !important;
      background-repeat: no-repeat !important;
}
.team-inner-page .project-body{
      padding-bottom: 20px;
}
.team-inner-description-wrap h1{
  display: block !important;
          margin-bottom: 15px !important;
        padding-top: 10px !important;
        text-align: left !important;
}
.our-team-page .project-body-inner-text h1{
  display: block !important;
  text-align: left;
}
.team-inner-page .row.project-first-row{
        flex-direction: column !important;
}
.team-inner-page .project-image-inner-wrap,.our-team-page .project-image-inner-wrap{
padding-top: 30px;
    padding-bottom: 20px;
}
.our-team-page .project-first-row{
  flex-direction: column !important;
}
.team-nav-wrapper.collapsed::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 50%;
    width: 90%;
    height: 10vh;
    background: rgba(255, 255, 255, 0.7);
    transform: translateX(-50%);
    border-radius: 2px;
}
.team-sections-link-wrap .list-inline-item.last-link {
    margin-right: 0px !important;
    margin-bottom: 10px !important;;
}
#sidenav{
  display:none !important;
}
.contact-us-page{
	padding-top: 100px;
}
.contact-us-page .breadcrumb-menu-wrap{
	padding-left:15px !important;
}
.contact-info-left-wrap{
  padding-top:60px;
  padding-left: 15px;
    padding-right: 15px;
}
.contact-right-col-wrap .card{
      padding: 15px !important;
}
.contact-right-col-wrap{
  margin-top: 32px;
}
.contact-map-section-wrap,.contact-footer-line-wrap{
  padding-top:60px;
  padding-bottom:0px !important;
}
.accordion-container{
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
}
.privacy-policy-full-wrap{
    padding-top: 110px;
}
.accordion-content.open{
  padding-top: 0px;
  padding: 1rem 20px;
}
.accordion-toggle{
      width: 25px;
    height: 25px;
}
.accordion-toggle::before{
      font-size: 20px;
}
.apartment-main-section-wrap{
  padding: 0px !important;
}
.error-ful-wrap .main-code {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 100px;
    color: var(--soft);
    letter-spacing: 0px;
}

.error-ful-wrap .error-title{
      font-size: 26px;
}

}


  @media (min-width: 481px) and (max-width: 767px) {
    /* Landscape phones or phablets */
    .txt-white2,#sidenav li.side-item a{
      color: #FCFBFA !important;
  }
  .mobile-display-none,.hm-our-project-mobile-center .slick-prev,.hm-our-project-mobile-center .slick-next,.about-video-hover-inner-wrap .discover-button{
      display: none !important;
  }
  .mobile-show,.mobile-sidebar-logo-wrap,.nav-bar-inner-wrap .left-nav-icon-wrap{
      display: block !important;
  }
  .mbl-underline{
    text-decoration: underline;
  }
/* end short codes  */
  /* font styles start  */
  .txt-h1-bold{
    font-family: "Plus Jakarta Sans", sans-serif;
   font-size: 24px !important;
    font-weight: bold;
    line-height: 30px;
    }
  .txt-h1{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    }
    .txt-h1-r {
        font-family: "Plus Jakarta Sans", sans-serif;
        font-size: 24px;
        font-weight: 400;
      }
  .txt-h2{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
    }
  .txt-h2-semi-bold{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 20px;
    font-weight: 400;
    }
  .txt-h3{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    }
    .txt-h3-semi-bold{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 16px;
      font-weight: 400;
      }
    
    .txt-h4{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 14px;
      font-weight: 300;
      
      }
    .txt-h4-semi-bold{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 14px;
      font-weight: 400;
      letter-spacing: 5px;
      }
    .txt-h4-bold{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 14px;
      font-weight: bold;
      }
  
  
    .paraf-b1{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    }
    .paraf-b1-c {
        font-family: "Plus Jakarta Sans", sans-serif;
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
    }
    .paraf-b2{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    }
    .paraf-b3{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
    }
   
    .paraf-navbtn-b1{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-weight: bold;
    }
    .paraf-navbtn-b2{
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    }
  /* font styles end  */
  .mobile-nav-bottom-wrap{
      border-top: 1px solid;
      margin: 0px 15px;
      padding-left: 0px;
  }
  .mobile-sidebar-top-wrap{
      display: flex;
       flex-wrap: nowrap;
        align-items: center;
                padding-top: 20px;
        padding-bottom: 20px;
  }
  .mobile-sidebar-logo-wrap{
      width: 100%;
      display: flex !important;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      padding-top: 15px;
  }
  .mobile-sidebar-logo-wrap img{
      /* width: 100%;
        height: 45px; */
        width: 80%;
        height: auto;
  }
  .mobile-nav-bottom-wrap .side-nav-items{
      padding-left: 0px !important;
  }
  .left-nav-icon-img img{
      width: 75%;
      margin-top: 15px;
  }
  .center-logo-wrap .navbar-brand{
      display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  }
  .navbar-brand img{
              /*width: 100%;*/
        height: 45px;
  }
  .nav-bar-inner-wrap{
      padding: 15px 0px;
  }
  /* home page slider  */

  .slider-full-wrap .nav-btn{
      padding: 5px 10px;
  }
  .slider-full-wrap .prev {
      left: 10px;
  }
  .slider-full-wrap .caption{
      bottom: 60px; 
  }
  .project-header-body-content p{
    width: 90% !important;
  }
  /* home about section responsive  */
  .about-video-hover-inner-wrap{
      opacity: 1;
  }
.hm-our-service-section {
padding: 40px 0px;
}
.desktop-pt-56 {
padding-top: 40px;
}
.heading-bottom-56 {
padding-bottom: 20px;
}
.hm-service-imgboxwrap {
padding-bottom: 15px;
}
.service-img-name-wrap {
padding-top: 15px;
}
.pl-7point5{
padding-left: 7.5px !important;
}
.pr-7point5{
padding-right: 7.5px !important;
}
.about-video-hover-inner-wrap{
display: flex !important;
}
.about-video-hover-inner-wrap p{
width: 85%;
margin-top: 5px;
}
.about-video-hover-inner-wrap .discover-button{
margin-top: 5px;
}
.hm-our-projects{
padding: 40px 0px;
}
.hm-our-projects .main-heading.desktop-pt-20{
padding-top: 10px;
padding-bottom: 0px;
}
.hm-our-project-mobile-center .project-img-name-wrap {
padding-top: 20px;
}
.desktop-pt-8 {
padding-top: 4px;
}

/* body .hm-our-project-mobile-center .slick-track{
transform: translate3d(0px, 0px, 0px) !important;
} */
/* start footer style  */
.footer-top-links-wrap a{
  display: flex;
}
.footer-top-links-wrap .list-inline-item{
padding: 0px 0px;
padding-bottom: 20px;
}
.footer-top-links-wrap a:last-child ,.footer-middle-links-wrap a:last-child{
padding-bottom: 0px;
}
.footer-middle-links-wrap{
position: relative;
}
.footer-middle-links-wrap::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: linear-gradient(to right, transparent, #ffffff91 30%, #ffffff91 70%, transparent);
}
.footer-middle-links-wrap{
padding-bottom: 30px !important;
margin-top: 30px;
padding-top: 30px !important;
}
.footer-middle-links-wrap .list-inline-item,.mobile-bottom-list .list-inline-item{
padding-bottom: 5px;
}
.footer-bottom-links-wrap{
padding: 30px 0px !important;
}
.news-container .caption .paraf-b2 {
width: 90%;
}
.news-inner-content-wrap, .main-news-section {
  background-color: #14120E;
  padding: 50px 0px;
}
.breadcrumb-menu-wrap{
  top: 16vh;
}
.news-inner-container .caption h1.news-slider-cap2{
  width: 90%;
}

/* townhouse styles */
.slider-pagination-wrap{
  top: 14vh;
}
#mob-sidenav{
  display:block !important;
}
#sidenav{
  display:none !important;
}
.error-ful-wrap .main-code {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 100px;
    color: var(--soft);
    letter-spacing: 0px;
}

.error-ful-wrap .error-title{
      font-size: 26px;
}

  }

  @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {


 .mobile-show,.mobile-sidebar-logo-wrap{
      display: block !important;
  }
  .nav-bar-inner-wrap .left-nav-icon-wrap{
      display:flex !important;
  }
    /* font styles start  */
    .txt-h1-bold{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 24px !important;
      font-weight: bold;
      line-height: 30px;
      }
    .txt-h1{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 24px;
      font-weight: 300;
      line-height: 30px;
      }
    .txt-h2{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 20px;
      font-weight: 300;
      line-height: 25px;
      }
    .txt-h2-semi-bold{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 20px;
      font-weight: 400;
      }
    .txt-h3{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 16px;
      font-weight: 300;
      }
      .txt-h3-semi-bold{
        font-family: "Plus Jakarta Sans", sans-serif;
        font-size: 16px;
        font-weight: 400;
        }
      
      .txt-h4{
        font-family: "Plus Jakarta Sans", sans-serif;
        font-size: 14px;
        font-weight: 300;
        
        }
      .txt-h4-semi-bold{
        font-family: "Plus Jakarta Sans", sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 5px;
        }
      .txt-h4-bold{
        font-family: "Plus Jakarta Sans", sans-serif;
        font-size: 14px;
        font-weight: bold;
        }
    
    
      .paraf-b1{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 14px;
      line-height: 24px;
      font-weight: bold;
      }
      .paraf-b2{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 14px;
      line-height: 22px;
      font-weight: 300;
      }
      .paraf-b3{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 14px;
      font-weight: 300;
      }
     
      .paraf-navbtn-b1{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 16px;
      font-weight: bold;
      }
      .paraf-navbtn-b2{
      font-family: "Plus Jakarta Sans", sans-serif;
      font-size: 16px;
      font-weight: 300;
      }
    /* font styles end  */
    .sidebar-logo-wrap img {
      width: 85%;
      height: 45px;
    }
    .slider-full-wrap .progress-button{
      left: calc(100% - 4vw);
    }
    .hm-our-service-section ,.hm-our-projects {
      padding: 60px 0px;
    }
    .heading-bottom-56 {
      padding-bottom: 30px;
    }
    .hm-our-projects .service-img-wrap img{
      height: 300px;
    }
    .hm-our-projects .project-img-name-wrap {
      padding-top: 20px;
    }
    .center-logo-wrap img{
      height: 45px;
    }
    #nav-toggle-btn img{
      height: 30px;
    }
    .left-nav-icon-wrap{
      margin-top: 10px;
    }
    .footer-top-links-wrap .list-inline-item {
      padding: 0px 15px;
      color: #FCFBFA;
    }
    

      }