body {
  font-family: 'Mulish', sans-serif;


  color: #000;

  font-weight: 300;

  overflow-x: hidden;
}

.carousel-control-prev, .carousel-control-next{border: none !important;
    background: transparent  !important;}


.hide-mobile{display: block;}
.hide-desktop{display: none;}
.table-masterplan {
    display: block;
    margin-top: 60px;
}
.table-masterplan table {
    border-collapse: collapse;
    width: 100%;
}

.masterplan-st h6 {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 35px;
    color: #13162b;
    font-weight: 500;


}

.masterplan-st h4 {
   font-size: 18px;
   text-transform: uppercase;
   margin-top: 55px;
   margin-bottom: 15px;
   color: #13162b;
   font-weight: 500;

}

.masterplan-st p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 30px;
    color: #000 !important;
}
@media only screen and (max-width: 768px) {


.hide-desktop{display: block !important;}
.hide-mobile{display: none !important;}
}
@media only screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;

    margin-top: 0;
  }
}

@media (min-width: 1000px) {
  .modal-dialog {
    max-width: 800px !important;
    margin: 1.75rem auto;
  }
}
section {
  scroll-margin-top: 100px;
}
header {
  width: 100%;

  padding: 5px 0px;

  background: #ffffff;

  display: flex;

  z-index: 999;

position: relative;


  top: 0;

}


  #enquiry {
      scroll-margin-top: 100px;
  }

.enquiry_button2  {position: fixed;
      right: 0px;

      width: 60px;
      z-index: 99;
      top: 56%;
      padding: 8px;

      text-align: center;
      color: #fff;
      font-weight: 600;
      border-radius: 4px 4px 0 0;
      cursor: pointer;
      text-transform: uppercase;}

      .enquiry_button2 ul{padding-left: 0px; list-style-type: none;}
          .enquiry_button2 ul li{padding-left: 0px; list-style-type: none;}

.enquiry{background: #db8484; width: 100%; padding: 60px 0px;}

.enquiry h2{color: #7e2901; text-align: center; font-weight: bold; font-size: 40px;margin-bottom: 30px; text-transform: uppercase;}
.topmargin {
  margin-top: 30px;
}

.enquiry .input-field{width: 100%;border-radius: 50px;height: 40px;  border:1px solid #BDBDBD; margin-bottom: 30px;box-shadow: 0px 4px 8px 0px #BDBDBD;padding-left: 20px;}
.topmargin40 {
  margin-top: 40px;
}

.alignitems{align-items: center;}
.headerlogo {
margin-top: 0px;

  height: auto;
}

.mainnav .nav-link {
  padding-right: 1rem !important;

  padding-left: 1rem !important;

  text-transform: capitalize;

  font-weight: 500;

  font-size: 16px;
 color: #000000;
  list-style-type: none;
}

.navbar {

}

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
  color: #cc7247 !important;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #cc7247;
}

.navbar-light .navbar-nav .nav-link {
  color: #7e2901;
  font-weight: bold;
}

.dropdown-menu {
  border-bottom-left-radius: 20px;

  border-bottom-right-radius: 20px;

  text-align: center;

  list-style: none;

  background-color: #fff;

  background-clip: padding-box;

  border: 1px solid rgba(0, 0, 0, 0.15);

  border-top: none;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #e40e20;

  text-decoration: none;

  background-color: #ffffff;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #e40e20;

  text-decoration: none;

  background-color: #ffffff;
}

.mleft {
  padding-left: 30px;
}

.contactButton {
  background: #000000 !important;

  color: #ffffff !important;

  border: 1px solid #000;

  border-radius: 30px;
}

.contactButton span {
  font-weight: 500;
}

.contactButton:hover {
  background: #575756 !important;

  transition: 0.3s;
}

.contactButton:hover span {
  color: #e40e20 !important;
}

.bannervdwrap {
  width: 100%;
}

.videobg {
  width: 100%;
}

.videobg video {

  width: 100%;

  min-width: 100%;
}

.common_heading h1,
.common_heading h2 {
  color: rgb(87 87 86 / 50%);

  line-height: 30px;

  font-size: 46px;

  font-weight: bold;

  text-transform: uppercase;

  margin-bottom: 25px;
}

.common_heading h1 span,
.common_heading h2 span {
  color: #e40e20;

  font-size: 32px;

  font-weight: bold;
}



.banner{
    position: relative;
}

.banner-content {
    position: absolute;
  color: #fff;
  width: 100%;
  text-align: center;
   top: 62%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.banner-content h1{font-style: italic;
    font-size: 60px;}
.exclusivity {
  width: 100%;

  background: #ffffff;
color: #000000;
  padding: 50px 0px;
}

.exclusivity h2 {
  color: #7e2901;



  font-size: 34px;
margin-bottom: 20px;
  font-weight: 300;
}

.exclusivity h2 span{font-weight: bold;
}

.exclusivity p {
  color: #3b1818;

text-align: justify;

  font-size: 14px;

  font-weight: 400;
}



.best-properties {
  width: 100%;

  background: #db8484;

  padding: 80px 0px;
}

.best-properties h2 {
  color: #bb7f62;

text-align: center;

  font-size: 28px;
margin-bottom: 20px;
margin-top: 20px;
  font-weight: 300;
}
.best-properties h2 span{font-weight: bold;
}



.home-project {
  width: 100%;

  background: #ffffff;
color: #000000;
  padding: 80px 0px;
}

.home-project h3 {
  color: #bb7f62;



  font-size: 24px;
margin-bottom: 20px;
  font-weight: 300;
}

.home-project h3 span{font-weight: bold; background: #fff;padding: 7px 15px; text-transform: uppercase;
}



.project-img{
    position: relative;
}

.project-text {
   position: absolute;
   color: #fff;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}



.smart-investment{
    position: relative;
}

.smart-investment-text {
   position: absolute;
   color: #fff;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}




.smart-investment h2 {
  color: #7e2901;

text-align: center;

  font-size: 34px;
margin-bottom: 20px;
  font-weight: 300;
}

.smart-investment h2 span{font-weight: bold;
}

.smart-investment p {
  color: #3b1818;

text-align: center;

  font-size: 14px;

  font-weight: 400;
}



.chairman-message{background: url("../images/chairman-message-bg.webp"); width: 100%; padding: 100px 0px;background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}

    .chairman-message h2 {
      color: #7e2901;


      font-size: 28px;
    margin-bottom: 20px;
    margin-top: 20px;
      font-weight: 300;
    }
    .chairman-message h2 span{font-weight: bold;
    }

  .chairman-message  p {
      color: #3b1818;

    text-align: justify;

      font-size: 14px;

      font-weight: 400;
    }




    .mission{background:#ffffff; width: 100%; padding: 50px 0px;}

        .mission h2 {
          color: #7e2901;


          font-size: 28px;
        margin-bottom: 20px;
        margin-top: 20px;
          font-weight: 400;
        }
        .mission h2 span{font-weight: bold;
        }


    .mission p {
        color: #3b1818;

      text-align: justify;

        font-size: 14px;

        font-weight: 400;
      }





.projects{background: url("../images/project-bg.webp"); width: 100%; padding: 50px 0px;background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}

    .projects h2 {
      color: #7e2901;

     text-align: center;
      font-size: 28px;
    margin-bottom: 20px;
    margin-top: 20px;
      font-weight: 400;
    }
    .projects h2 span{font-weight: bold;
    }

    .projects h3 {
      color: #7e2901;
   text-transform: uppercase;

      font-size: 24px;
    margin-bottom: 10px;
    margin-top: 20px;
      font-weight: 400;
    }

  .projects  p {
      color: #7e2901;

    text-align: justify;

      font-size: 14px;

      font-weight: 400;

    }

    .pleft{  padding-left: 30px;}
      .pright{  padding-right: 30px;}

.projects .project-bg{background: #ffffff; padding: 10px;margin-top: 30px;}

.projects .project-logo{ margin: 0 auto; text-align: center;}


.project-bg dl {
    width: 100%;
    float: left;
}

.project-bg  dl dt {
    width: 100%;
    float: left;
    text-align: center;
}


.project-bg  dl dt a {
    display: block;
    padding: 10px;
    font-size: 12px;
    letter-spacing: 2px;
    background: #7e2901;
    color: #ffffff;
    border-right: 1px solid #CFCFCF;
    cursor: pointer;
}


.testimonials{background: url("../images/testimonials-bg.webp"); width: 100%; padding: 50px 0px;background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}

  .testimonials  h1 {
     color: #7e2901;

    text-align: center;
     font-size: 34px;
   margin-bottom: 20px;
   margin-top: 20px;
     font-weight: 400;
   }
   .projects h1 span{font-weight: bold;
   }

  .testimonials p {
      color: #3b1818;

    text-align: center;

      font-size: 14px;
      line-height: 1.4;
          margin: 40px 0 20px 0;
      font-weight: 400;

    }
/*-----Testimonial-------*/

.testimonial:after {
    position: absolute;
    top: -0 !important;
    left: 0;
    content: " ";
    background: url(img/testimonial.bg-top.html);
    background-size: 100% 100px;
    width: 100%;
    height: 100px;
    float: left;
    z-index: 99;
}

.testimonial {
    min-height: 375px;
    position: relative;

    padding-top: 50px;
    padding-bottom: 50px;
    background-position: center;
        background-size: cover;
}
#testimonial4 .carousel-inner:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#testimonial4 .carousel-inner:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#testimonial4 .carousel-inner .item{
  overflow: hidden;
}

.testimonial4_indicators .carousel-indicators{
  left: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  height: 20px;
  bottom: 15px;
  padding: 0 5px;
  cursor: e-resize;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}
.testimonial4_indicators .carousel-indicators li{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  text-indent: 0;
  margin: 2px 3px;
  cursor: pointer;
  display: inline-block;
  background: #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators .active{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  margin: 2px 3px;
  background-color: #7e2901;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{
  height: 3px;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{
  background: #eeeeee;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.testimonial4_control_button .carousel-control{
  top: 175px;
  opacity: 1;
  width: 40px;
  bottom: auto;
  height: 40px;
  font-size: 10px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 38px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: transparent;
  border: 2px solid #ffffff;
  text-transform: uppercase;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.testimonial4_control_button .carousel-control.left{
  left: 7%;
  top: 50%;
  right: auto;
}
.testimonial4_control_button .carousel-control.right{
  right: 7%;
  top: 50%;
  left: auto;
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover{
  color: #000;
  background: #fff;
  border: 2px solid #fff;
}

.testimonial4_header{
  top: 0;
  left: 0;
  bottom: 0;
  width: 550px;
  display: block;
  margin: 30px auto;
  text-align: center;
  position: relative;
}
.testimonial4_header h4{
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.testimonial4_slide{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  margin: auto;
  padding: 20px;
  position: relative;
  text-align: center;
}
.testimonial4_slide img {
    top: 0;
    left: 0;
    right: 0;
    width: 136px;
    height: 136px;
    margin: auto;
    display: block;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    position: relative;

}

.testimonial4_slide h4 {
  color: #3b1818;
  font-size: 22px;
  margin-bottom: 40px;
}

.testimonial .carousel {
	padding-bottom:50px;
}
.testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
    width: 35px;
    height: 35px;
}
/* ------testimonial  close-------*/

.realtalk{background: url("../images/testimonials-bg.webp"); width: 100%; padding: 50px 0px;background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}

  .realtalk  h1 {
     color: #bb7f62;

    text-align: left;
     font-size: 34px;
   margin-bottom: 20px;
   margin-top: 20px;
     font-weight: 400;
   }
   .realtalk h1 span{font-weight: bold;
   }

  .realtalk p {
      color: #3b1818;
      text-align: justify;
      font-size: 14px;
      line-height: 1.4;
      font-weight: 400;

    }
    .realtalk ul{list-style-type: decimal;}
    .realtalk li {
        color: #3b1818;
       margin-bottom: 10px;
        font-size: 14px;
        line-height: 1.4;
        font-weight: 400;

      }








.career{background: url("../images/testimonials-bg.webp"); width: 100%; padding: 50px 0px;background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}

  .career  h1 {
     color: #bb7f62;

    text-align: center;
     font-size: 34px;
   margin-bottom: 20px;
   margin-top: 20px;
     font-weight: 400;
   }
   .career h1 span{font-weight: bold;
   }

  .career p {
      color: #3b1818;
      text-align: center;
      font-size: 14px;
      line-height: 1.4;
      font-weight: 400;

    }







.topmargin {
  margin-top: 30px;
}

.topmargin40 {
  margin-top: 40px;
}

.topmargin50 {
  margin-top: 50px;
}

.topmargin90 {
  margin-top: 90px;
}


.footer {
  background-color: #edebeb;

  width: 100%;


  padding: 50px 0px 20px 0px;
}

.footer h2 {
  color: #7e2901;

  line-height: 18px;

  font-size: 22px;

  font-weight: bold;

  margin-bottom: 10px;

  margin-top: 20px;
}

.footer p {
  color: #7e2901;

  line-height: 24px;

  font-size: 14px;

  font-weight: 400;
}

.footer ul {
  color: #bb7f62;

  font-size: 14px;

  font-weight: 400;

  list-style-type: none;

  padding-left: 0px;
  margin-top: 30px;
}

.footer ul li {
  line-height: 25px;

  margin-bottom: 10px;
}

.footer ul li a {
  color: #7e2901;
  text-decoration: none;
}

.footer h3 {
  color: #bb7f62;

  line-height: 24px;

  font-size: 14px;

  font-weight: 500;

  margin-top: 40px;
}

.footer h4 {
  color: #ffffff;

  line-height: 24px;

  font-size: 14px;

  font-weight: 500;

  margin-top: 10px;
}

.social-icons {

}

.social-icons {
    margin-top: 30px;
  padding-left: 0px;
  display: flex;
}

.social-icons li {
  list-style-type: none;

  display: inline-block;

  padding: 0px 6px;
}

.social-icons li a {
  text-decoration: none;
}

.social-icons ul li a img {
  width: 25px;
}
.footer .inputclass {
  width: 100%;

  background: rgb(255 255 255 / 25%);

  color: #ffffff;

  border: 1px solid rgb(255 255 255 / 25%);

  border-radius: 13px;

  height: 40px;

  font-style: italic;

  padding-left: 15px;
}

.footer .input_button {
  background-color: transparent;

  color: #ffffff;

  font-size: 16px;

  font-weight: 500;

  padding: 0px 30px;

  border-radius: 50px;

  border: 1px solid #ffffff;

  height: 40px;
}

.footer .input_button:hover {
  text-decoration: none;

  background-color: #575756;

  color: #ffffff;
}

.footer .mt-100 {
  margin-top: 100px;
}

.footer p a {
  color: #ffffff;

  text-decoration: underline;
}

.imgcenter {
  text-align: center;
}

.imgcenter img {
  text-align: center;
  margin: 0 auto;
}

/* about us page */

.white-bg {
  background: #ffffff !important;
}

.inspiring-history {
  background: #ffffff;

  width: 100%;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;
}

.width50 {
  width: 50%;

  position: relative;

  float: left;

  min-height: 1px;
}

.width60 {
  width: 60%;

  position: relative;

  float: left;

  min-height: 1px;
}

.width70 {
  width: 70%;

  position: relative;

  float: left;

  min-height: 1px;
}

.width40 {
  width: 40%;

  position: relative;

  float: left;

  min-height: 1px;
}

.width30 {
  width: 30%;

  position: relative;

  float: left;

  min-height: 1px;
}

.margin50 {
  margin: 0px 50px;
}

.margin60-11p {
  margin: 0px 60px 0px 11%;
}

.inspiring-history p {
  color: #1d1d1b;

  line-height: 27px;

  font-size: 16px;

  font-weight: 400;
}

.our-Values .our-valve-icon {
  text-align: center;
  margin: 0 auto;
}

.our-Values .our-valve-icon img {
  height: 160px;

  text-align: center;
  margin: 0 auto;
}

.our_application {
  width: 100%;

  background: #ffffff;

  padding:  120px 0px 70px 0px;
}

.our_application p {
  color: #1d1d1b;

  line-height: 27px;

  font-size: 16px;
}

.contact-map p {
  color: #ffffff;

  line-height: 27px;

  font-size: 16px;

  font-weight: 400;

  padding-left: 30px;

  margin-bottom: 0px;
}

.fabrics-slider {
  width: 100%;

  padding: 30px 0px;

  background: #ffffff;

  margin-top: 30px;
}

.fabrics-slider h2 {
  color: #e40e20;

  font-size: 32px;

  text-transform: uppercase;

  font-weight: bold;

  margin-top: 50px;
}

.fabrics-slider p {
  color: #1d1d1b;

  line-height: 27px;

  font-size: 16px;
}

.sliderimgbg {
  position: relative;

  top: 0;

  left: 0;

  color: #ffffff;
}

.slider-img-2 {
  position: absolute;

  top: -10%;

  color: #ffffff;
}

.fabrics-text {
  width: 100%;

  padding: 40px 0px;

  background: #ffffff;
}

.fabrics-text h3 {
  font-size: 32px;

  font-weight: bold;

  color: rgb(87 87 86 / 50%);

  text-transform: uppercase;

  margin-top: 30px;
}

.fabrics-text p {
  color: #1d1d1b;

  line-height: 27px;

  font-size: 14px;
}

.sticky {
  position: fixed;

  top: 0;

  width: 100%;

  z-index: 999;

  margin-top: 100px;
}

.fabrics-nav {
  background: rgb(166 166 165 / 50%);

  width: 100%;

  padding: 5px 0px;
  margin: 0 auto;

  text-align: center;
}

.fabrics-nav .navbar {
  margin-top: 0px;
}

.fabrics-nav .nav .nav-item a {
  font-size: 18px;

  font-weight: 600;

  text-transform: uppercase;

  color: #575756;
}

.fabrics-nav .nav .active a {
  color: #e40e20;
}

.military-fabrics {
  width: 100%;

  padding: 50px 0px;

  background: #ffffff;
}

.military-fabrics h2 {
}

.military-fabrics p {
  color: #1d1d1b;

  line-height: 27px;

  font-size: 16px;
}

.military-fabrics ul {
  color: #1d1d1b;

  font-size: 14px;

  font-weight: 400;

  list-style-image: url("../images/red-icon.html");

  padding-left: 20px;
}

.military-fabrics ul li {
  line-height: 25px;

  margin-bottom: 10px;

  padding-left: 15px;
}

.military-fabrics-main {
  background: #ffffff;

  width: 100%;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-bottom: 40px;
}

.military-fabrics-main p {
  color: #1d1d1b;

  line-height: 27px;

  font-size: 16px;

  font-weight: 400;
}

.military-fabrics-main ul {
  color: #1d1d1b;

  font-size: 14px;

  font-weight: 400;

  list-style-image: url("../images/red-icon.html");

  padding-left: 20px;
}

.military-fabrics-main ul li {
  line-height: 25px;

  margin-bottom: 10px;

  padding-left: 15px;
}

.img-w {
  width: 390px;
}

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

  .width50 {
    width: 100%;
  }

  .width60 {
    width: 100%;
  }

  .width70 {
    width: 100%;
  }

  .width40 {
    width: 100%;
  }

  .width30 {
    width: 100%;
  }

  .margin50 {
    margin: 0px 15px;
  }
}

@media screen and (min-width: 900px) and (max-width: 1025px) {
  .mainnav .nav-link {
    font-size: 14px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .navbar-header {
    width: 100%;

    float: right;
  }

  .navbar-toggler {
    position: relative;

    float: right;

    margin-right: 0px;

    margin-top: 0px;

    margin-bottom: 8px;
  }

  .navbar {
    margin-top: 14px;

    padding: 0px !important;
  }

  .navbar-nav {
    margin-top: 20px;
  }

  .contactButton {
    width: 175px;
  }
}

@media only screen and (max-width: 767px) {
  .mleft {
    padding-left: 14px !important;
  }

  .dropdown-menu {
    text-align: left;
  }

  .imgcenter img {
    text-align: center;
    margin: 0 auto;
    width: 80%;
  }

  .navbar-header {
    width: 100%;

    float: right;
  }

  .navbar-toggler {
    position: relative;

    float: right;

    margin-right: 0px;

    margin-top: -55px;

    margin-bottom: 8px;
  }

  .navbar {
    margin-top: 0px;

    padding: 0px !important;
  }

  .navbar-nav {
    margin-top: 20px;
  }

  .contactButton {
    width: 203px;
  }

  .common_heading h1,
  .common_heading h2 {
    color: rgb(87 87 86 / 50%);

    line-height: 30px;

    font-size: 36px;

    margin-bottom: 25px;
  }

  .common_heading h1 span,
  .common_heading h2 span {
    font-size: 25px;
  }

  .about_us {
    padding: 40px 0px;
  }

  .about_us img {
    margin: 0 auto;

    margin-top: 50px;

    width: 60% !important;
  }

  .our_purpose {
    padding: 40px 0px;
  }

  .our_purpose_img {
    padding-bottom: 20px;
  }

  .footer h2 {

    line-height: 18px;

    margin-bottom: 10px;

    margin-top: 40px;
  }

  .footer h2 span {
    font-size: 15px;
  }

  .margin60-11p {
    margin: 0px 20px 0px 5%;
  }

  .topmargin90 {
    margin-top: 50px;
  }

  .to-boldly h1 {
    font-size: 30px;

    margin-top: 15%;
  }

  .our_application {
    padding: 40px 0px;
  }

  .career {
    padding: 40px 0px;
  }
}

@media only screen and (max-width: 400px) {
  #ninja-slider,
  #ninja-slider2,
  #ninja-slider3 {
    width: 340px !important;
  }

  .img-w {
    width: 308px;
  }
}

@media only screen and (max-width: 350px) {
  #ninja-slider,
  #ninja-slider2,
  #ninja-slider3 {
    width: 325px !important;
  }

  .img-w {
    width: 280px;
  }
}

@media only screen and (max-width: 300px) {
  #ninja-slider,
  #ninja-slider2,
  #ninja-slider3 {
    width: 275px !important;
  }

  .img-w {
    width: 250px;
  }
}

.project-banner{width:100%; position: relative;}
.project-banner-content {
    width: 100%;
    top: 60%;
    position: absolute;
    z-index: 6;
    margin-right: 10%;
    color: #fff;
    padding-top: 30px;
    right: 0;
}


.project-banner-content .padding {
    padding: 20px 0;
}

.project-banner-content h2 {
    font-size: 40px;
    text-transform: uppercase;
    margin-left: 30px;
    text-align: right;
   color: #ffffff;
    font-weight: 600;

}

.project-banner-content h3, .banner-content p {
    text-align: right;
    margin-bottom: 5px;
    font-weight: 500;

      font-size: 20px;
    color: #ffffff;

}

.projects-details{background: url("../images/project-bg.webp"); width: 100%; padding: 50px 0px;background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;}

.projects-details    h2{color: #bb7f62; text-align: center;font-size: 30px; margin: 30px 0px;}

.projects-details .project-logo{margin-bottom: 30px;}

.projects-details p {
    color: #bb7f62;
    text-align: justify;
    font-size: 14px;
    font-weight: 400;
}

.projects-details ul {
    color: #000;
    text-align: justify;
    font-size: 14px;
    font-weight: 400;
}

.projects-details ul li{
line-height: 1.8;
}

.projects-details .border-clas{margin-bottom: 30px;}

.Brochure{margin-top: 20px; display: flex;}
.Brochure a{border: 1px solid #bb7f62; color: #bb7f62;padding: 5px 12px;
    text-decoration: none;
    border-radius: 20px;
    font-weight: 500;}


    .accordioncss .card-header {
        padding: 20px 10px;
        margin-bottom: 0;
        color: inherit;
        background-color: #bb7f62;
        border-bottom: none;
    }
    .accordioncss .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #c0845e;
    border-radius: 0;
    margin-bottom: 10px;
}


#carouselSpeaks a, .accordioncss .card-header a, .footerinternal .Copyright, .page ul, .project-description-box h1 span, .project-description-box h2 span, .subscribe a, .video a {
    color: #ffffff;
}

.model-form .input-group {
    margin-bottom: 11px;
}
.input-group {
    position: relative;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.input-group>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group>.form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group>.form-control {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.model-form .form-control {
    border: none;
    border-bottom: 1px solid #939598;
    font-size: 14px;
    border-radius: 0;
    padding-left: 0;
    background: 0 0;
    color: #000;
    outline: 0;
    height: 40px;
    padding-top: 20px;
    padding-bottom: 0;
}

.enquirepopup_box input {
    transition: .4s ease-out;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em .75rem 2px);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

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

  .banner-content {
      position: absolute;
      color: #fff;
      width: 100%;
      text-align: center;
      top: 26%;
      left: 50%;
      transform: translate(-50%, -10%);
  }

  .banner-content h1 {
    font-style: italic;
    font-size: 25px;
}

.real-talk{display: none;}

.smart-investment-text {
    position: relative;
    color: #fff;
    top: 0%;
    left: 0%;
    transform: translate(0%, -16%);
}
.project-banner-content {
    width: 100%;
    top: 10%;
    position: absolute;
    z-index: 6;
    margin-right: 10%;
    color: #fff;
    padding-top: 30px;
    right: 0;
}
.project-banner-content h2 {
    font-size: 20px;

}
.project-banner-content h3, .banner-content p {

    font-size: 15px;

}

.Brochure {

    margin-bottom: 30px;
}
.projects-details {

    padding: 0px 0px;

}
.testimonial4_slide {

    width: 100%;
    padding: 20px;

}

}



/* Global Reset */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Segoe UI', sans-serif;
  background-color: #e08e8e;
  color: #333;
}

/* Section Styling */
.form-section {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  min-height: 100vh;
}

/* Form Box */
.contact-form {
  background: transparent;
  width: 100%;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Inputs & Textarea */
.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 15px 20px;
  font-size: 16px;
  border: none;
  border-radius: 30px;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease-in-out;
}

.contact-form input:focus,
.contact-form textarea:focus {
  outline: none;
  box-shadow: 0 0 0 3px #ffd2d2;
}

/* Button */
.contact-form button {
  padding: 15px 20px;
  font-size: 16px;
  border: none;
  border-radius: 30px;
  background-color: #6a2e00;
  color: white;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.contact-form button:hover {
  background-color: #4a1f00;
}

/* Mobile Responsive */
@media (max-width: 500px) {
  .contact-form {
    padding: 0 10px;
  }

  .contact-form input,
  .contact-form textarea,
  .contact-form button {
    font-size: 15px;
  }
}