@media (max-width:768px){

 .logo img {
      height: 30px;
    }
        .brochure-btn img{
      height: 1rem; 
      margin-right: 8px; 
      vertical-align: top;
    }

         .brochure-btn span {
      background: #fff;
      color: #000;
     font-size: 1rem;
    }
    
    @keyframes slideDownBg {
      0% {
        background: #fff;
        transform: translateY(-100%);
      }
      100% {
        background:#fff;
        transform: translateY(0);
      }

    }



 /*----------------------------
    Home-section-3
    ----------------------------*/

   .home-section-3-content {
        flex-direction: column;
        text-align: center;
      }

      .home-section-3-left,
      .home-section-3-right {
        flex: 1 1 100%;
        text-align: center;
      }
       .home-section-3-left {
      font-size: 0.8rem;
    }

.home-section-3-right p {
     font-size: 0.6rem;
     padding: 0px 10px;
    }

    .discover-btn {
      display: inline-block;
      padding: 5px 20px;
      border: 1px solid #fff;
      color: #fff;
      text-decoration: none;
      transition: all 0.3s ease;
      border-radius: 20px;
      font-size: 0.6rem;
      opacity: 0;
      font-family: helvatica;
      transform: scale(0.8);
    }
     /*----------------------------
    Home-section-4
    ----------------------------*/
 .home-section-4 {
      padding: 60px 20px;
    }


 .home-section-4-row {
        grid-template-columns: 1fr;
      }

      .home-section-4-inner {
        flex-direction: column;
      }

      .home-section-4-divider {
        width: 100px;
        height: 2px!important;
      }

      .home-section-4-stats {
        text-align: center;
      }

      .home-section-4-row.centered {
      grid-template-columns: 1fr;
      padding: 0px 0px;
          margin-top: 0px;
    }
.home-section-5 h2 {
        font-size: 1.5rem;
      }
      .home-section-5 .subtitle {
    font-size: 0.65rem;
      }


       /*----------------------------
    Home-section-6
    ----------------------------*/

    .home-section-6 {
      padding: 60px 20px;
      text-align: center;
    }

    .home-section-6-title {
    font-size: 1.5rem;
    }

    .home-section-6-subtitle {
    font-size: 0.65rem;
    }

    .home-section-6-card-title {
    font-size: 0.7rem;
    font-weight: 500;
    padding: 16px 0;
    color: #000;
    font-family: helvaticabold;
    letter-spacing: 0.5rem;
}

   /*----------------------------
    Home-section-7
    ----------------------------*/

.home-section-7-left iframe {
    width: 100%;
    height: 300px;
    border: 0;
    padding-left: 0px;
}
 .home-section-7-wrapper {
        padding: 20px;
        gap: 50px;
      }

      .home-section-7-right {
        width: 100%;
      }

     
      .home-section-7-line {
    font-size: 1rem;
      }


      /*----------------------------
    Home-section-8
    ----------------------------*/

.home-section-8 {
    padding: 60px 20px;
    text-align: center;
}

.home-section-8 h2 {
    font-size: 1.5rem;
}

.home-section-8 p {
    font-size: 0.65rem;
}

.swiper-slide.center-slide {
      transform: scale(1);
      z-index: 2;
    }
    .blog-card .content h4 {
    font-size: 0.5rem;
    }
    
.blog-card .content span {
    font-size: 0.5rem;
    margin-top: -15px;
}

.blog-card .content .pub-1 {
    font-size: 0.5rem;
}

.blog-btn {
  font-size: 0.5rem;
}

.swiper {
    padding: 0px 0;
}
.swiper-pagination {
    margin-top: 20px;
}

/*-----------------------------------
Home section 9
----------------------------*/
.testimonial-image img {
    width: 70px;
    height: 70px;
}

.testimonial-content h4 {
    font-size: 0.7rem;
    margin-top: 0px;
}

.stars {
    font-size: 1rem;
}

/*-----------------------------------
Footer
----------------------------*/
 footer {
        flex-direction: column;
        padding: 40px 5%;
      }

      .footer-left {
        flex-direction: column;
        gap: 30px;
      }

      .form-grid {
        grid-template-columns: 1fr;
      }

      .form-grid textarea,
      .form-grid button {
        grid-column: span 1;
      }

      .form-grid button {
        width: 50%;
      }

      .footer-sitemap {
        margin-top: 0px;
        padding: 0px;
      }
      .footer-left{
        min-width: 100%;
      }
      .footer-bottom {
        text-align: center;
      }

      /*-----------------------------------
About section 1
----------------------------*/

      .about-section-1 {
        justify-content: flex-start;
        padding: 40px 20px;
      }

      .about-section-1 h2 {
        font-size: 1.8rem;
      }

       .about-section-1 p {
        font-size: 0.5rem;
        max-width: 280px;
      }

      .about-section-1 .content {
        text-align: start;
      }

      /*-----------------------------------
About section 3
----------------------------*/

      .about-section-3 {
        flex-direction: column;
        padding: 40px 20px;
      }

      .about-section-3 .left,
      .about-section-3 .right {
        flex: 1 1 100%;
      }

      .about-section-3 .left h2 {
    font-size: 1.6rem;
      }

      .about-section-3 .right p {
    font-size: 0.6rem;
      }


      .about-section-3 .left h2::after {
      width: 40px;
      height: 1px;
      background-color:#d2a661;
      margin-top: 10px;
    }
  
   /*-----------------------------------
About section 4
----------------------------*/
     .about-section-4 {
        flex-direction: column;
        padding: 40px 20px 80px 20px;
      }

      .about-section-4 .left,
      .about-section-4 .right {
        flex: 1 1 100%;
        text-align: center;
      }

      .about-section-4 .right {
        text-align: left;
      }

      /*-----------------------------------
About section 5
----------------------------*/

           .about-section-5 {
        flex-direction: column;
        align-items: flex-start;
        padding: 40px 20px;
         margin: 0px 0% ;
      }

      .about-section-5 .button {
        justify-content: flex-start;
      }
      .about-section-5 .button {
    flex: 1 1 0px; 
}

.about-section-5 .text h2 {
    font-size: 1.2rem;
}

.about-section-5 .text small {
    display: block;
    font-size: 0.65rem;
}

 /*-----------------------------------
About section 6
----------------------------*/


.about-section-6 {
    height: 350px;
    display: none;
}

.about-section-6 h3 {
    font-size: 0.8rem;
}

.about-section-6 .box .default-year {
    font-size: 1.5rem;
}


/*-----------------------------------
About section 7
----------------------------*/


 .team-grid {
        grid-template-columns: 1fr;
      }

.about-section-7 {
    padding: 60px 20px 60px 20px;
}
.team-member {
    text-align: center;
}

/*-----------------------------------
About section 8
----------------------------*/


 .about-section-8 {
      text-align: center;
      flex-direction: column;
         padding: 100px 20px;
    }

    .about-section-8 .button {
    justify-content: center;
    flex: 1 1 0px;
}

/*-----------------------------------
Project section 1
----------------------------*/


 .project-section-1 h2 {
        font-size: 1.5rem;
      }

      .project-section-1 p {
        font-size: 0.6rem;
        padding: 0 0px;
      }

/*-----------------------------------
Project section 2
----------------------------*/

       .project-section-2 p {
      font-family:gesturebolditalic;
      color: #000;
      font-size: 1rem;
    }
    .project-section-2 {
      padding: 80px 10px;
    }


    /*-----------------------------------
Project section 3
----------------------------*/

.project-section-3 h2 {
    font-size: 1.5rem;
    flex: 1 1 60px;
}

.project-section-3{
  margin-bottom: 50px;
}

/*-----------------------------------
Project extend section-1
----------------------------*/

.projectextend-section-1 img {
    max-width: 100%;
    height: 60px;
    padding: 10px 40px;
    margin-top: -130px;
}
/*-----------------------------------
Project extend section-2
----------------------------*/

.productextend-section-2{
  padding: 0px 20px 60px 20px;
}

.productextend-section-2 .left h2{
  text-align: center;
}
.productextend-section-2 .right p {
    font-size: 0.5rem;
    text-align: center;
}

.productextend-section-2 .right {
    flex: 2;
    min-width: 200px;
}

/*----------------------------
   Project extend section-3
    ----------------------------*/

.projectextend-section-3 {
  padding: 20px 20px 60px 20px;
  text-align: center;
  background: #fff;
}
.projectextend-section-3 .section-title h2  {
    font-size: 1.5rem;
}

.projectextend-section-3 .section-title p {
    font-size: 0.65rem;
}


.project-gallery-swiper .swiper-slide-active {
      transform: scale(1);
      z-index: 2;
    }

    .swiper-pagination-1 {
  position: relative;
  margin-top: 40px;
}

/*----------------------------
   Project extend section-4
    ----------------------------*/

.amenities-grid {
  gap: 20px 0px;
}

.divider-1{
  display: none;
}


.blog-header-1 h2{
  margin-left: 0px;
  font-size: 1.2rem;
}
.blog-header-1 p{
  margin-left: 0px;
  font-size: 0.5rem;
}
.blog-section-1 {
    padding: 40px 20px;
}


/*----------------------------
career section 1
    ----------------------------*/

 .career-section-1 {
    flex-direction: column;
    text-align: center;
  }

  .career-text h2 {
    font-size: 1.5rem;
  }

  .career-text {
    flex: 1 1 70px;
    text-align: center;
}

.career-section-1 {
    padding: 150px 20px 40px 20px;
}
.career-image {
    flex: 1 1 0px}







}

@media (max-width:1023px){
     nav {
        display: none;
      }

      .hamburger {
        display: block;
        z-index: 0;
      }
       .brochure-btn img{
      height: 1rem; 
      margin-right: 8px; 
      vertical-align: top;
    }

         .brochure-btn span {
      background: #fff;
      color: #000;
      padding: 5px 10px;
      border-radius: 20px;
     font-size: 1rem;
      font-family: helvatica;
      text-decoration: none;
    }
         /*----------------------------
    Home-section-4
    ----------------------------*/

.home-section-4-desc {
    margin-top: 20px;
    font-size: 0.45rem;
}
.home-section-4-stats h3 {
    font-size: 1.5rem;
}
.home-section-4-icon img {
    width: 40px;
}
.home-section-4-divider {
    height: 60px;
    margin: 0px 0px;
}
.home-section-4-stats p {
    margin: 0;
    font-size: 0.4rem;
}
.home-section-4-row.centered {
          margin-top: 0px;
    }


    }

@media screen and (min-device-width: 1024px) and (max-device-width: 1200px){
 .home-section-6-projects {
      flex-wrap: inherit;
    }
    .home-section-6-card-title {
    font-size: 0.7rem;
    }

    .home-section-7-line {
    font-size: 1.2rem;
 
}
.blog-card .content h4 {
    font-size: 0.4rem;
}

.blog-card .content .pub-1 {
    font-size: 0.4rem;
}

.blog-card .content span {
    font-size: 0.4rem;
    margin-top: -10px;
}
.blog-card .content .para {
    font-size: 0.4rem;
}


.blog-btn {
    font-size: 0.5rem;
    margin-top: 30px;
}
.footer-right {
    flex: 1;
    max-width: 320px;
}
.form-grid input, .form-grid textarea {
  font-size: 0.5rem;
}
footer {
    background-color: #3b3937;
    padding: 60px 50px;
}
.header-section {
    max-width: 800px;
}
nav a {
    font-size: 0.5rem;
}
.brochure-btn{
  font-size: 0.5rem;
}
.brochure-btn img {
    height: 10px;
}
.logo img {
    height:30px;
}
nav {
    display: flex;
    gap: 25px;
}

.testimonial-card {
  max-width: 300px;
}

.testimonial-content h4 {
    font-size: 0.8rem;
}
.testimonial-image {
      width: 250px;
      height: 60px;
}
.testimonial-image img {
      width: 60px;
      height:60px;
    }


     .about-section-1 h2 {
        font-size: 2.5rem;
      }

       .about-section-1 p {
        font-size: 0.5rem;
        max-width: 280px;
      }


      .about-section-3 .right p{
        font-size: 0.7rem;
      }
      .about-section-3 .left h2 {
    font-size: 1.4rem;
      }

      .about-section-7 .subheading {
    font-size: 0.7rem;
    max-width: 400px;
      }

      .projectextend-section-1 img {
    max-width: 100%;
    height: 120px;
      }

      .amenity-box img {
  width: 80px;
  height: auto;
  margin-bottom: 10px;
}

.amenity-box h3 {
 font-family: gestureregularitalic;
  font-size: 0.9rem;
  margin: 0;
  font-weight: 100;
}

.divider {
  width: 1px;
  height: 150px;
  background: #b78e66;
}
.amenities-grid {
  gap: 20px;
  flex-wrap: wrap;
}
.blog-title-row-1 h3 {
    font-size: 0.5rem;
}

.career-section-1 {
  max-width: 900px; 
  margin: 0 auto;
}
.career-text h2 {
  font-size: 1.5rem; 
}

/*-------------------------------
Career section 2
-----------------------------*/
.career-section-2 {
  max-width: 900px;
  margin: 0 auto;
  padding: 60px 20px;
}

/*------------------------------
Career section 3
----------------------------*/
.career-form {
  max-width: 900px;
}

.career-form form {
    max-width: 600px;
}




}


@media screen and (min-device-width: 1200px) and (max-device-width: 1280px){
     .testimonial-card {
      max-width: 350px;}
      .testimonial-content h4 {
    font-size: 0.8rem;
      }
      .stars {
    font-size: 1rem;
      }
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px){
    
}


@media screen and (min-device-width: 1600px) and (max-device-width: 2000px){
     .header-section {
  width: 100%;
  max-width: 1600px;
 }
.logo img {
    height: 60px;
}

nav a{
font-size: 0.9rem;
}
 
.brochure-btn{
font-size: 0.9rem;
padding: 10px 20px;
}


.brochure-btn img {
    height: 0.9rem;
    margin-right: 8px;
    vertical-align: top;
}

 nav {
      display: flex;
      gap: 70px;
      align-items: center;
    }
        /*----------------------------
    Home-section-2
    ----------------------------*/
     .home-section-2 {
      min-height: 40vh;
     }

    .home-section-2 h1 span {
      font-size: 2.5rem;
    }

    .home-section-2 p {
      font-size: 1.2rem;
    }

    .home-section-2 .divider {
      margin-top: 20px;
    }
/*----------------------------
    Home-section-3
    ----------------------------*/
 .home-section-3 {
      position: relative;
      height: 50vh;
      overflow: hidden;
    }

 .home-section-3-left {
      font-size:1.8rem;
      line-height: 1.2;
    }

.home-section-3-right p {
     font-size: 1.1rem;
    }

   .discover-btn {
  padding: 10px 40px;
  font-size: 1rem;
  border-radius: 25px;
  margin-top: 10px;
}

.home-section-3-content {
      max-width: 1400px;
    }
/*----------------------------
    Home-section-4
    ----------------------------*/

.home-section-4-desc {
    margin-top: 20px;
    font-size: 1rem;
    padding: 0px 20px;
}
.home-section-4-stats h3 {
    font-size: 4rem;
}
.home-section-4-icon img {
    width: 80px;
}
.home-section-4-divider {
    height: 120px;
    margin: 0px 10px;
    width: 3px;
}
.home-section-4-stats p {
    margin: 0;
    font-size: 1rem;
}
.home-section-4-row.centered {
      margin-top: 150px;
    }

/*----------------------------
    Home-section-5
    ----------------------------*/
.home-section-5 h2 {
    font-size: 2.5rem;
}
.home-section-5 .subtitle {
    font-size: 1.2rem;
    margin-top: 10px;
}
.home-section-5 {
    padding: 60px 20px;
    max-width: 1500px;
}
.custom-card {
    max-width: 450px;
}
.text-content h4 {
    font-size: 1.5rem;
}
.text-content p {
    font-size: 1rem;
    max-width: 350px;
}
.golden-btn {
  font-size: 1.1rem;
}

.white-btn {
  font-size: 1.1rem;
}

/*----------------------------
    Home-section-6
    ----------------------------*/
.home-section-6-title {
    font-size: 2.5rem;
}
.home-section-6-subtitle  {
    font-size: 1.2rem;
    margin-top: 10px;
}
.home-section-6-card {
    max-width: 500px;
}

.home-section-6-projects {
    display: flex;
    gap: 50px;
}
.home-section-6-card-title {
    font-size: 1.5rem;
    margin-top: 10px;
}
.home-section-6-button{
  font-size: 1.1rem;
  padding: 10px 30px;
}

/*----------------------------
    Home-section-7
    ----------------------------*/
.home-section-7-left iframe {
      width: 80%;
      height: 500px;
      border: 0;
    }

    .home-section-7-left {
    flex: 1 1 400px;
    text-align: center;
    }
   

.home-section-7-line {
    font-size: 2rem;
}

/*----------------------------
    Home-section-8
    ----------------------------*/
    .home-section-8 h2 {
    font-size: 2.5rem;
    }

    .home-section-8 p {
    font-size: 1.2rem;
    }

    
.blog-card {
    max-width:500px;
}
.blog-card img {
    width: 100%;
    height: 250px;
}
 .blog-card .content h4 {
      font-size:0.8rem;

 }
.blog-card .content span {
      font-size: 0.8rem;
      margin-top: -25px;
      z-index: 99999;
}

 .blog-card .content .pub-1 {
  font-size: 0.8rem;

 }
 .blog-card .content .para {
    font-size: 0.8rem;
 }

.blog-btn{
  font-size: 0.9rem;
  padding: 10px 30px;
  border-radius: 30px;
}

/*---------------------------------
Footer
------------------------------------*/

footer{
  padding: 60px 200px;
}


.footer-logo img {
    width: 300px;
}
.footer-contact p {
      font-size: 0.8rem;
}

 .footer-social p {
      font-size: 0.8rem;
 }
  .footer-social img {
      width: 20px;
      height: 20px;
      filter: brightness(0) invert(1);
    }

    .footer-sitemap p {
      font-size: 0.8rem;
    }

    .footer-sitemap a {
      font-size: 0.8rem;
    }

    .footer-bottom{
      font-size: 0.8rem;
    }
    .footer-right {
    flex: 1;
    max-width: 620px;
    }

    .footer-right h3{
      font-size: 2.5rem;
    }

    .footer-right p {
    font-size: 1.2rem;
    }
.form-grid input, .form-grid textarea {
    padding: 5px 15px;
    font-size: 0.8rem;
}

.form-grid textarea {
    height: 30px;
}

.form-grid button {
    width: 150px;
    padding: 10px 0;
    font-size: 1rem;
}
/*---------------------------------
home section 0
------------------------------------*/
.home-section-9 h2 {
    font-size: 2.5rem;
    
}

.home-section-9 p {
    font-size: 1.2rem;
}

.testimonial-card{
  max-width: 500px;
  padding: 20px;
}

.testimonial-content p {
    font-size: 0.6rem;
}

.testimonial-content h4 {
    font-size: 1.2rem;
}

.stars {
    font-size: 1.5rem;
}


.testimonial-image img {
    width: 120px;
    height: 120px;
}


/*--------------------------------
About section 1
------------------------*/


.about-section-1 h2 {
    font-size: 5rem;
}
.about-section-1 .content {
    max-width: 100%;
}
.about-section-1 p {
    font-size: 1rem;
    max-width: 700px;
}

/*--------------------------------
About section 3
------------------------*/

.about-section-3 .right p {
    font-size: 1rem;
    max-width: 700px;
}
.about-section-3 .left h2 {
    font-size: 3rem;
}
.about-section-3 .left h2::after {
    width: 70px;
}

/*--------------------------------
About section 4
------------------------*/
.about-section-4 .right  {
    font-size: 0.8rem;
}
.about-section-4 .left h2 {
    font-size: 3rem;
}
.about-section-4 .left h2::after {
    width: 70px;
}

/*--------------------------------
About section 5
------------------------*/

.about-section-5 .text h2 {
    font-size: 3rem;
}


.about-section-5 .text small {
    display: block;
    font-size: 1.2rem;
}

/*--------------------------------
About section 6
------------------------*/


.about-section-6 {
    height: 700px;
}
.about-section-6 .box .default-year {
    font-size: 3rem;
}
.about-section-6 h3 {
    font-size: 3rem;
}
.about-section-6 .text-content {
    font-size: 1rem;
}

/*--------------------------------
About section 7
------------------------*/

.about-section-7 h2 {
    font-size: 3rem;
}
.about-section-7 .subheading {
    font-size: 1rem;
    max-width: 700px;
}
.team-member .name {
    font-size: 2.5rem;
}

.team-member .position {
    font-size: 1rem;
}

/*--------------------------------
About section 8
------------------------*/

.about-section-8 .text h2 {
    font-size: 2.5rem;
}


.about-section-8 .text small {
    display: block;
    font-size: 1.3rem;
}

/*--------------------------------
Project section 1
------------------------*/

.project-section-1 h2 {
    font-size: 2.5rem;
}
.project-section-1 p {
    font-size: 1rem;
    color: #333;
    max-width: 1000px;
}
/*-----------------------------------
Project section 2
----------------------------*/

       .project-section-2 p {
      font-family:gesturebolditalic;
      color: #000;
      font-size: 2.5rem;
      max-width: 100%;
    }

    /*-----------------------------------
Project section 3
----------------------------*/
    .project-section-3 {
      max-width: 1600px;
    }
    .project-section-3 h2{
      font-size: 2.5rem;
    }
    .project-section-3 .content p{
      font-size: 1rem;
    }

        /*-----------------------------------
Projectextend section 3
----------------------------*/

    .projectextend-section-1 img {
    max-width: 100%;
    height: 180px;
    display: block;
    background-color: #4a4a4a;
    padding: 40px 180px;
    margin-top: -170px;
}

/*-------------------------------
    Projectextend-section-2
    --------------------------------*/

.productextend-section-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  padding: 60px 20px;
  max-width: 1250px;
  margin: auto;
  flex-wrap: wrap;
}

.productextend-section-2 .left {
  flex: 1;
  min-width: 500px;
}

.productextend-section-2 .left h2 {
  font-size: 2.5rem;
}

.productextend-section-2 .right p {
  font-size: 0.8rem;
}

/*----------------------------
Projectextend-section-3
    ----------------------------*/
   .projectextend-section-3 .section-title h2{
    font-size: 2.5rem;
    }

    .projectextend-section-3 .section-title p {
    font-size: 1rem;
    }
.swiper-pagination-1 {
  position: relative;
  margin-top: 150px;
}

/*------------------------------
Projectextend-section-4
----------------------------------*/
.projectextend-section-4 .section-title h2 {
    font-size: 2.5rem;
}

.projectextend-section-4 .section-title p {
  font-size: 1rem;
}

.amenity-box img {
    width: 150px;
}
.amenities-grid {
    gap: 40px 40px;
    margin: 30px 0px;
}
.amenity-box h3 {
    font-family: gestureregularitalic;
    font-size: 1.3rem;
}
.amenity-box {
    text-align: center;
    padding: 10px 15px;
    max-width: 320px;
}
.divider-1 {
  width: 1px;
  height: 250px;
  background: #b78e66;
}

/*------------------------------
Blog section 1
----------------------------------*/

.blog-header-1 h2 {
    font-size: 2.5rem;
}
.blog-header-1 p {
    letter-spacing: 4px;
    font-size: 1rem;
}
.blog-title-row-1 h3 {
    font-size: 0.8rem;
    max-width: 300px;
}
.blog-date-1 {
    font-size: 0.6rem;
}

.blog-content-1 p {
    font-size: 0.8rem;
}
.read-more-1{
  font-size: 0.8rem;
}
.read-more-1 img {
    width: 20px;
    height: 20px;
}

/*----------------------------
career section 1
    ----------------------------*/

 .career-section-1 {
    max-width:1600px ;
  }

  .career-text h2 {
    font-size: 2.5rem;
  }

  .career-text {
    text-align: left;
}

.career-section-1 {
    padding: 200px 20px;
}

/*----------------------------
career section 2
    ----------------------------*/

 .career-section-2 {
    max-width:1600px ;
  }
.section-title {
  font-size: 2.5rem;
}
.job-card h3 {
  font-size: 1.8rem;
}

.job-info p {
    margin: 0;
    font-size: 1.2rem;
}
.job-info a {
    font-size: 1rem;
}
.job-card {
    border-radius: 10px;
}

/*------------------------------
Career section 3
----------------------------*/
.career-form {
  max-width: 1600px;
}

.career-form form {
    max-width: 1100px;
}

.career-form h2 {
    font-size: 3rem;
}

.form-grid-1 input[type="text"], .form-grid input[type="email"] {
    padding: 10px 10px;
    font-size: 1rem;
}

.upload-section .resume{
  font-size: 1rem;
}

.upload-icon {
    height: 22px;
    width: 22px;
}

.upload-btn {
font-size: 0.8rem;
    padding: 10px 20px;
}

.upload-section small {
    font-size: 0.7rem;
}
.submit-btn {
    padding: 15px 30px;
    font-size: 0.8rem;
}


}



@media (min-width:2000px){
 .header-section {
  width: 100%;
  max-width: 1800px;
 }
.logo img {
    height: 80px;
}

nav a{
font-size: 1rem;
}
 
.brochure-btn{
font-size: 1rem;
}


.brochure-btn img {
    height: 1rem;
    margin-right: 8px;
    vertical-align: top;
}

 nav {
      display: flex;
      gap: 80px;
      align-items: center;
    }


    /*----------------------------
    Home-section-2
    ----------------------------*/
     .home-section-2 {
      min-height: 40vh;
     }

    .home-section-2 h1 span {
      font-size: 3rem;
    }

    .home-section-2 p {
      font-size: 1.4rem;
    }

    .home-section-2 .divider {
      margin-top: 20px;
    }


 /*----------------------------
    Home-section-3
    ----------------------------*/
 .home-section-3 {
      position: relative;
      height: 50vh;
      overflow: hidden;
    }

 .home-section-3-left {
      font-size:2rem;
      line-height: 1.2;
    }

.home-section-3-right p {
     font-size: 1.3rem;
    }

   .discover-btn {
  padding: 10px 40px;
  font-size: 1.1rem;
  border-radius: 25px;
  margin-top: 10px;
}

.home-section-3-content {
      max-width: 1800px;
    }

 /*----------------------------
    Home-section-4
    ----------------------------*/

.home-section-4-desc {
    margin-top: 20px;
    font-size: 1.2rem;
    padding: 0px 60px;
}
.home-section-4-stats h3 {
    font-size: 5rem;
}
.home-section-4-icon img {
    width: 100px;
}
.home-section-4-divider {
    height: 150px;
    margin: 0px 30px;
    width: 3px;
}
.home-section-4-stats p {
    margin: 0;
    font-size: 1.7rem;
}
.home-section-4-row.centered {
      margin-top: 150px;
      
    }

 /*----------------------------
    Home-section-5
    ----------------------------*/
.home-section-5 h2 {
    font-size: 3rem;
}
.home-section-5 .subtitle {
    font-size: 1.5rem;
    margin-top: 10px;
}
.home-section-5 {
    padding: 60px 20px;
    max-width: 1800px;
}
.custom-card {
    max-width: 500px;
}
.text-content h4 {
    font-size: 1.5rem;
}
.text-content p {
    font-size: 1rem;
    max-width: 350px;
}
.golden-btn {
  font-size: 1.3rem;
  padding: 10px 30px;
}

.white-btn {
  font-size: 1.3rem;
  padding: 10px 30px;
}

 /*----------------------------
    Home-section-6
    ----------------------------*/
.home-section-6-title {
    font-size: 3rem;
}
.home-section-6-subtitle  {
    font-size: 1.5rem;
    margin-top: 10px;
}
.home-section-6-card {
    max-width: 550px;
}

.home-section-6-projects {
    display: flex;
    gap: 50px;
}
.home-section-6-card-title {
    font-size: 1.5rem;
    margin-top: 10px;
}
.home-section-6-button{
  font-size: 1.3rem;
  padding: 10px 30px;
}


/*----------------------------
    Home-section-7
    ----------------------------*/
.home-section-7-left iframe {
      width: 80%;
      height: 500px;
      border: 0;
    }

    .home-section-7-left {
    flex: 1 1 400px;
    text-align: center;
    padding-left: 200px;
}

   

.home-section-7-line {
    font-size: 2.5rem;
}

/*----------------------------
    Home-section-8
    ----------------------------*/
    .home-section-8 h2 {
    font-size: 3rem;
    }

    .home-section-8 p {
    font-size: 1.5rem;
    }

    .swiper{
      padding: 80px 0;
    }
    
.blog-card {
    max-width:650px;
}
.blog-card img {
    width: 100%;
    height: 350px;
}
 .blog-card .content h4 {
      font-size:1rem;
 }
.blog-card .content span {
      font-size: 1rem;
      margin-top: -25px;
      z-index: 99999;
}

 .blog-card .content .pub-1 {
  font-size: 1rem;

 }
 .blog-card .content .para {
    font-size: 1rem;
 }

.blog-btn{
  font-size: 1.1rem;
  padding: 10px 30px;
  border-radius: 30px;
}

/*---------------------------------
Footer
------------------------------------*/
footer{
  padding: 60px 250px;
}

.footer-logo img {
    width: 380px;
}
.footer-contact p {
      font-size: 1rem;
}

 .footer-social p {
      font-size: 1rem;
 }
  .footer-social img {
      width: 25px;
      height: 25px;
      filter: brightness(0) invert(1);
    }

    .footer-sitemap p {
      font-size: 1rem;
    }

    .footer-sitemap a {
      font-size: 1rem;
    }

    .footer-bottom{
      font-size: 1rem;
    }
    .footer-right {
    flex: 1;
    max-width: 720px;
    }

    .footer-right h3{
      font-size: 3rem;
    }

    .footer-right p {
    font-size: 1.5rem;
    }
.form-grid input, .form-grid textarea {
    padding: 10px 15px;
    font-size: 1rem;
}

.form-grid textarea {
    height: 40px;
}

.form-grid button {
    width: 200px;
    padding: 10px 0;
    font-size: 1.3rem;
}

/*---------------------------------
home section 9
------------------------------------*/
.home-section-9 h2 {
    font-size: 3rem;
    
}

.home-section-9 p {
    font-size: 1.5rem;
}

.testimonial-card{
  max-width: 700px;
  padding: 20px;
}

.testimonial-content p {
    font-size: 1rem;
}

.testimonial-content h4 {
    font-size: 1.5rem;
}

.stars {
    font-size: 1.7rem;
}


.testimonial-image img {
    width: 150px;
    height: 150px;
}

/*--------------------------------
About section 1
------------------------*/


.about-section-1 h2 {
    font-size: 5.5rem;
}
.about-section-1 .content {
    max-width: 100%;
}
.about-section-1 p {
    font-size: 1rem;
    max-width: 700px;
}

/*--------------------------------
About section 3
------------------------*/

.about-section-3 .right p {
    font-size: 1.2rem;
    max-width: 800px;
}
.about-section-3 .left h2 {
    font-size: 3.5rem;
}
.about-section-3 .left h2::after {
    width: 70px;
}

/*--------------------------------
About section 4
------------------------*/
.about-section-4 .right  {
    font-size: 1rem;
}
.about-section-4 .left h2 {
    font-size: 3.5rem;
}
.about-section-4 .left h2::after {
    width: 70px;
}

/*--------------------------------
About section 5
------------------------*/

.about-section-5 .text h2 {
    font-size: 3.5rem;
}


.about-section-5 .text small {
    display: block;
    font-size: 1.7rem;
}

/*--------------------------------
About section 6
------------------------*/


.about-section-6 {
    height: 900px;
}
.about-section-6 .box .default-year {
    font-size: 3.5rem;
}
.about-section-6 h3 {
    font-size: 3.5rem;
}
.about-section-6 .text-content {
    font-size: 1.2rem;
}

/*--------------------------------
About section 7
------------------------*/

.about-section-7 h2 {
    font-size: 3.5rem;
}
.about-section-7 .subheading {
    font-size: 1rem;
    max-width: 700px;
}
.team-member .name {
    font-size: 3rem;
}

.team-member .position {
    font-size: 1.2rem;
}

/*--------------------------------
About section 8
------------------------*/

.about-section-8 .text h2 {
    font-size: 3.5rem;
}


.about-section-8 .text small {
    display: block;
    font-size: 1.7rem;
}

/*--------------------------------
Project section 1
------------------------*/

.project-section-1 h2 {
    font-size: 3rem;
}
.project-section-1 p {
    font-size: 1rem;
    color: #333;
    max-width: 1000px;
}

/*-----------------------------------
Project section 2
----------------------------*/

       .project-section-2 p {
      font-family:gesturebolditalic;
      color: #000;
      font-size: 3rem;
      max-width: 100%;
    }

/*-----------------------------------
Project section 3
----------------------------*/
    .project-section-3 {
      max-width: 1800px;
    }
    .project-section-3 h2{
      font-size: 3rem;
    }
    .project-section-3 .content p{
      font-size: 1rem;
    }

    /*-----------------------------------
Projectextend section 3
----------------------------*/

    .projectextend-section-1 img {
    max-width: 100%;
    height: 240px;
    display: block;
    background-color: #4a4a4a;
    padding: 40px 212px;
    margin-top: -190px;
}


/*-------------------------------
    Projectextend-section-2
    --------------------------------*/

.productextend-section-2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  padding: 60px 20px;
  max-width: 1500px;
  margin: auto;
  flex-wrap: wrap;
}

.productextend-section-2 .left {
  flex: 1;
  min-width: 500px;
}

.productextend-section-2 .left h2 {
  font-size: 3rem;
}

.productextend-section-2 .right p {
  font-size: 1rem;
}




/*----------------------------
Projectextend-section-3
    ----------------------------*/
   .projectextend-section-3 .section-title h2{
    font-size: 3rem;
    }

    .projectextend-section-3 .section-title p {
    font-size: 1.5rem;
    }


.swiper-pagination-1 {
  position: relative;
  margin-top: 180px;
}

/*------------------------------
Projectextend-section-4
----------------------------------*/
.projectextend-section-4 .section-title h2 {
    font-size: 3rem;
}

.projectextend-section-4 .section-title p {
  font-size: 1.5rem;
}

.amenity-box img {
    width: 200px;
}
.amenities-grid {
    gap: 40px 60px;
    margin: 30px 0px;
}
.amenity-box h3 {
    font-family: gestureregularitalic;
    font-size: 1.5rem;
}
.amenity-box {
    text-align: center;
    padding: 10px 15px;
    max-width: 320px;
}
.divider-1 {
  width: 1px;
  height: 250px;
  background: #b78e66;
}

/*------------------------------
Blog section 1
----------------------------------*/

.blog-header-1 h2 {
    font-size: 3rem;
}
.blog-header-1 p {
    letter-spacing: 4px;
    font-size: 1.5rem;
}
.blog-title-row-1 h3 {
    font-size: 1rem;
    max-width: 400px;
}
.blog-date-1 {
    font-size: 1rem;
}

.blog-content-1 p {
    font-size: 0.8rem;
}
.read-more-1{
  font-size: 1rem;
}
.read-more-1 img {
    width: 20px;
    height: 20px;
}

/*----------------------------
career section 1
    ----------------------------*/

 .career-section-1 {
    max-width:1800px ;
  }

  .career-text h2 {
    font-size: 3rem;
  }

  .career-text {
    text-align: left;
}

.career-section-1 {
    padding: 200px 20px;
}

/*----------------------------
career section 2
    ----------------------------*/

 .career-section-2 {
    max-width:1800px ;
  }
.section-title {
  font-size: 3rem;
}
.job-card h3 {
  font-size: 2rem;
}

.job-info p {
    margin: 0;
    font-size: 1.4rem;
}
.job-info a {
    font-size: 1rem;
}
.job-card {
    border-radius: 10px;
}

/*------------------------------
Career section 3
----------------------------*/
.career-form {
  max-width: 1800px;
}

.career-form form {
    max-width: 1200px;
}

.career-form h2 {
    font-size: 3rem;
}

.form-grid-1 input[type="text"], .form-grid input[type="email"] {
    padding: 20px 20px;
    font-size: 1.4rem;
}

.upload-section .resume{
  font-size: 1.2rem;
}

.upload-icon {
    height: 25px;
    width: 25px;
}

.upload-btn {
font-size: 1rem;
    padding: 10px 20px;
}

.upload-section small {
    font-size: 0.8rem;
}
.submit-btn {
    padding: 15px 30px;
    font-size: 1rem;
}
.footer-sitemap {
    padding: 60px 40px;
}
}



@media screen and (min-device-width: 2000px) and (max-device-width: 2400px){

.blog-card {
    max-width:550px;
}

}

@media screen and (min-device-width: 2000px) and (max-device-width: 2300px){

.testimonial-card{
  max-width: 620px;
  padding: 20px;
}
.testimonial-content p {
    font-size: 0.8rem;
}
}

@media screen and (min-device-width: 1600px) and (max-device-width: 1800px){
.blog-card {
    max-width:450px;
}
    .header-section {
        width: 100%;
        max-width: 1400px;
    }
        nav {
        display: flex
;
        gap: 50px;
        }
        .project-section-3 {
      max-width: 1400px;
    }
    /*----------------------------
career section 1
    ----------------------------*/

 .career-section-1 {
    max-width:1500px ;
  }

  .career-text h2 {
    font-size: 2.5rem;
  }


  
/*----------------------------
career section 2
    ----------------------------*/

 .career-section-2 {
    max-width:1500px ;
  }
.section-title {
  font-size: 2.5rem;
}
.job-card h3 {
  font-size: 1.8rem;
}

.job-info p {
    margin: 0;
    font-size: 1.2rem;
}
.job-info a {
    font-size: 1rem;
}
.job-card {
    border-radius: 10px;
}

.career-form {
  max-width: 1500px;
}

.career-form form {
    max-width: 1100px;
}


}