@charset "utf-8";
 html {
  scroll-behavior: smooth;
}
 body {
    font-family: 'Poppins',HelveArial,Lucida,sans-serif !important;
    font-weight: 300;
    font-size: 18px;

    color: #232323;
    background-color: #fff;
}



.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0px;
    background-color: #fff;
    overflow-x: hidden;
    transition: 1s;
    padding-top: 40px;

    background:rgb(0 0 0 / 80%);

     background-size:cover;
}


.sidenav.right {
    right: 0;
    width: 40%;
}
.sidenav .ulclass {


    margin-left: 100px;
	padding-left:10px;
}

.sidenav .ulclass li{
padding:6px 0px;

}
.ulclass:before {
    content: "";
    position: absolute;
    left: -100px;
    top: 50%;
    background: #c5a47e;
    height: 1px;
    width: 100px;
}

.sidenav ul li {
    margin-bottom: 4px;
}
.sidenav ul li a {
    cursor: pointer;
    font-size: 14px;
    color: #ffffff;
    transition: all 0.3s ease;

	    font-weight:400;
	 letter-spacing:1px;
	 text-transform:uppercase;
	     text-decoration: none;
}
.sidenav ul li a:hover {
    text-decoration: none;
    padding-left: 5px;
    transition: all 0.3s ease;
    color: #c5a47e;
}
.sidenav .closebtn {
    position: absolute;
    top: 0px;
    right: 10px;
    font-size: 70px;
    margin-left: 0;
    padding: 0 7px 3px;
    color: #ffffff;
	z-index:999;
}
.sidenav .closebtn:hover {
    text-decoration: none;
}
.dropdown-container {
    display: none;
    padding: 5px 0;
    width: 300px;
}
.dropdown-container ul {
    margin: 0;
    padding-left: 10px;
    list-style-type: none;
	margin-top:5px;
}
.dropdown-container ul li {
    display: block;
	padding:6px 0px !important;

}
.dropdown-container ul li a {
    font-size: 13px;
    color: #ffffff !important;
}
.dropdown-container ul li a:hover {
    padding-left: 0;
}
.left_slide_three {
    padding: 0 30px 0 0;
}
.img_arrow.homebtn {
    transform: rotate(180deg);
}













 .header-content img{text-align:center; margin:0 auto; width:auto !important; height:auto!important ;  }

 .owl-item{overflow:hidden;}
     .slide-img{animation: shrinkeven 4s infinite alternate;transition: all 300ms ease-in-out; height: 100%;
    width: 100%; left:0; top:0; bottom:0; overflow:hidden;}
	@keyframes shrinkodd{from{transform:scale(1.1,1.1)}to{transform:scale(1,1)}}@keyframes shrinkeven{from{transform:scale(1,1)}to{transform:scale(1.1,1.1)}}


.header{width:100%; background:rgb(1 27 16 / 80%); min-height:80px; position:absolute; top:0; z-index:9999;}
.banner{position:relative; width:100%}
.banner_content{position:absolute; width:100%; top: 35%;transform: translateY(-35%);}
.banner_content h2{text-align:center;font-size:40px; color:#ffffff; text-transform:uppercase; letter-spacing:3  }
.banner_content p{margin-top:10px; text-align:center; font-size:16px; letter-spacing:3; color:#ffffff;}


  .prop-search-bar {
   position:absolute;

    background:#ffffff;
    width: 100%;
    top: 99%;
    transform: translateY(-95%);
    z-index: 3;
    overflow: visible;}

	.select-sec label {
    padding: 15px 15px 20px;
}

.home-hero-section .modal .select-sec-options, .homesearch_mobile_filter .select-sec, .prop-search-bar .select-sec {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

#priceModal label span.search-label, .homesearch_mobile_filter label span.search-label, .prop-search-bar label span.search-label {
    display: block;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.search-val{  font-size: 14px;}


.prop-search-bar .select-sec:before {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #232323;
    background-color: #d8d8d8;
    height: 80%;
    content: "";
    width: 1px;
}

.prop-search-bar input[type="submit"] {
    font-weight: 700;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 100%;
    white-space: normal;
	color:#ffffff;
	background-color: #133a1b;
    border: 1px solid #133a1b;
}
.dropdown-icon {

    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #232323;
}
h1,h2{font-size:24px; font-weight:bold;}
p{line-height:26px}


.ProjectOverview{padding:40px 0px; width:100%}
.ProjectOverview h1{margin-bottom:20px; letter-spacing:1; margin-top:40px;text-transform:uppercase; color: #821115;}
.ProjectOverview h2{margin-bottom:20px; letter-spacing:1; margin-top:20px; text-transform:uppercase}
.ProjectOverview h3{margin-bottom:20px; letter-spacing:1; margin-top:20px;    font-size:20px; font-weight:600}

.ProjectOverview p{margin-top:15px; text-align:center; font-size:16px;}

.ProjectOverview p strong{font-weight:600}
.ProjectOverview ul li{margin-top:15px; text-align:justify; font-size:16px;}

.SukoonHarKone{padding:40px 0px; width:100%}
.SukoonHarKone h2{margin-bottom:20px; letter-spacing:1; margin-top:20px; text-transform:uppercase}
.SukoonHarKone p{margin-top:15px; text-align:justify; font-size:16px;}
.SukoonHarKone ul {padding-left:20px;list-style-type:disc;}
.SukoonHarKone ul li{margin-top:15px; text-align:justify; font-size:16px;}


.about-us{padding:40px 0px; width:100%}
.about-us h1{margin-bottom:20px; letter-spacing:1; margin-top:30px;text-transform:uppercase;}
.about-us h2{margin-bottom:20px; letter-spacing:1; margin-top:20px; text-transform:uppercase}
.about-us p{margin-top:15px; text-align:justify; font-size:16px;}

.about-us-img {
        position: relative;
        top: 0;
        left: 0;
      }
.about-img-1 {
        position: relative;
        top: 0;
        left: 0;

      }
      .about-img-2 {
        position: absolute;
        top: 30%;
        left: 40%;

      }

/* Zoom Container */

.img-hover-zoom {

    overflow: hidden;

}

.img-hover-zoom img {
  transition: transform 2s, filter 1.5s ease-in-out;
  transform-origin: center center;

}

/* The Transformation */
.img-hover-zoom:hover img {

  transform: scale(1.3);
}




.img-hover-zoom1 {

    overflow: hidden;

}

.img-hover-zoom1 img {
  transition: transform 2s, filter 1.5s ease-in-out;
  transform-origin: center center;

}

/* The Transformation */
.img-hover-zoom1:hover img {

  transform: scale(1.1);
}



.experience{padding:50px 0px; width:100%; background-color: rgb(183 191 150 / 28%);}
.experience h2{font-size:26px; line-height:35px; font-weight:500;font-style: italic; margin-top:30px;}

.exp-number{ width:100%;border:1px solid #000000;
  padding:15px 10px; display:flex;}



.exp-number-left {


   position:relative;
   float:left;
   width:50%;
   z-index:1001;
    text-align:center;
}
 .exp-number-right {


   position:relative;
   float:left;
   width:50%;
   z-index:1001;
   text-align:center;

}

.exp-number-left:after {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: inherit;
    border-right: 1px solid #000000;
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(344deg);
}


sup {
    top: 0.3em  !important;
    font-size: 25px !important;
}


.sp {
    top: -0.5em  !important;
    font-size: 12px !important;
}
.exp-number-left h3{color:#015f13; font-size:100px; font-weight:bold; text-align:center}

.exp-number-right h3{color:#015f13; font-size:100px; font-weight:bold; margin-top:30px;text-align:center}
.exp-number p{font-size:16px; font-weight:bold;line-height: 20px;}


.current-projects{padding:40px 0px; width:100%}
.current-projects h2{margin-bottom:20px; letter-spacing:1; margin-top:0px; text-align:center;text-transform:uppercase; }
.current-projects h3{margin-bottom:0px; letter-spacing:1; margin-top:10px; text-align:center;text-transform:uppercase; font-size:16px; font-weight:500; }
.current-projects h3 a{text-decoration:none;  color: #232323;}
.current-projects p{ margin-top: 1px; text-align: center; font-size: 14px;text-transform: uppercase;}




.video_virtual_tours {
   ;
    width: 100%;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	 background-color: rgb(183 191 150 / 64%);
}

.video_virtual_tours h2{margin-bottom:0px; letter-spacing:1; margin-top:0px;text-transform:uppercase; margin-top:50px; font-size:20px;}

.video_virtual_tours p{ margin-top: 1px; font-size: 14px;text-transform: uppercase;color:#17391a;}


.videosection {


   position:relative;
   float:left;
   width:50%;
   padding-left: 50px;
   background-color:#000000;


}
 .virtual_tours{


   position:relative;
   float:left;
   width:50%;
   padding-left: 50px;

}


.why_express{padding:40px 0px; width:100%}
.why_express h2{margin-bottom:20px; letter-spacing:1; margin-top:0px; text-align:center;text-transform:uppercase; }
.why_express h3{margin-bottom:0px; letter-spacing:1; margin-top:10px; text-align:center; font-size:16px; font-weight:800; }

.why_express p{margin-top:15px; text-align:center; font-size:16px;}
.why_express img {margin:0 auto;}

.testimonial{padding:40px 0px; width:100%; background-color:#133a1b;}
.testimonial h2{margin-bottom:20px; letter-spacing:1; margin-top:10px; text-align:center;text-transform:uppercase;color:#ffffff; }
.testimonial img {margin:0 auto;}
.testimonial h3{margin-bottom:0px; letter-spacing:1; margin-top:10px; text-align:center; font-size:16px; font-weight:800; }

.testimonial p{margin-top:5px; text-align:center; font-size:16px;}

.carousel-control-next, .carousel-control-prev {

    margin-top: -8%;
    top: auto;
    bottom: auto;
   }


   .projecttestmo .carousel-control-next, .projecttestmo .carousel-control-prev {

    margin-top: -8%;
    top: auto;
    bottom: auto;
   }
.contact-bg{background-image: url(../images/contact-bg.jpg);padding:40px 0px; width:100%; background-repeat: no-repeat;
}

.form-bg{background-color:#e4deae; padding:40px;}
.form-bg h2{margin-bottom:0px; letter-spacing:1; margin-top:30px; text-align:center;text-transform:uppercase;color:#000000; }
.form-bg p{margin-top:5px; text-align:center; font-size:16px;}
.form-group {
    display: flex;
    display: -ms-flexbox;
    margin: 0.5rem 0;
}


.form-bg .form-group .form-group-label {
    border: none;
    background: transparent;
    border-bottom: 1px solid #1a1919;
    margin: 0;
    padding: 0.8rem;
    user-select: none;
}

.form-bg .icon {
    display: inline-block;
    text-align: center;
    width: 1.5rem;
    vertical-align: baseline;
}
.form-bg input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]), select {
    width: 100%;
   border: none;
    background: transparent;
    border-bottom: 1px solid #1a1919;
    outline: 0;
    padding: 0.85rem 1.1rem;
}

::placeholder {
  color: #000000;
  opacity: 1; /* Firefox */
}

.form-bg textarea, textarea[type=text] {
    width: 100%;
    border: none;
    background: transparent;
    border-bottom: 1px solid #1a1919;
    outline: 0;
    padding: 0.85rem 1.1rem;
    min-height: 2rem;
    line-height: 1.5rem;
    resize: vertical;
}

.submit{width: 100%;
    color: #ffffff;
    background-color: #133a1b; font-size:18px; font-weight:600; text-transform:uppercase; padding:14px; border:none;}


	.footer{background-image: url(../images/footer-bg.jpg);padding-top:40px; padding-bottom:10px; width:100%; margin-top:30px;background-repeat: no-repeat;background-position: center center;}
.footer h2{margin-bottom:20px; letter-spacing:1; margin-top:10px; text-transform:uppercase;color:#ffffff; }
.footform::placeholder {
  color: #ffffff !important;
  opacity: 1; /* Firefox */
  font-size:15px;
}
.footer  .footform{
    width: 100%;
   border: none;
    background: transparent;
    border-bottom: 1px solid #ffffff;
    outline: 0;
	color:#ffffff;
	 font-size:15px;
    padding: 0.85rem 0rem;
}
.footer  h4{margin-bottom:10px; font-size:20px;  margin-top:10px; text-transform:uppercase;color:#ffffff; }
.footer p{margin-top:5px;color:#ffffff; font-size:16px;}
.footer ul li a{color:#ffffff; font-size:15px; text-decoration:none; margin-bottom:10px;}
.footer ul li {margin-bottom:15px;}



.sticky-bg{
 background:#f1f1f1;
}
.sticky.is-sticky {
    position: fixed;
  background:#f1f1f1;

    right: 0;
    top: 0;
    z-index: 30;
    width: 100%;
}

.navheaderbg{padding:10px 0px;}
.navbar-nav .nav-item .nav-link{color:#1a1919; text-transform:uppercase;     font-size: 16px;
    font-weight: 500;
    padding: 10px 20px;}


.enquiry_button {
    position: fixed;
    right: -72px;
    background: #821115;
    width: 180px;
    z-index: 999;
    top: 50%;
    padding: 8px;
    transform: rotate(-90deg);
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    text-transform: uppercase;
}


.enquirepopup_box .modal-header .close {
    float: right;
    color: #000;
    padding: 0 !important;
    text-shadow: none;
    height: 20px;
    width: 20px;
    font-size: 25px;
    top: -5px;
    position: relative;
    font-weight: 400;
    right: -15px;
    margin: 0;
	border: none;
    background: transparent;
}
.enquirepopup_box .modal-header {
    background: #fff;
    display: block;
    padding: 8px 15px 0 !important;
    border-radius: 0;
    border-bottom: none;
}
.newtititle {
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 300;
}
.enquirepopup_box .modal-content {
    border-radius: 0;
}
.enquirepopup_box .modal-body {
    padding: 0 20px 20px !important;
}
.modal-dialog.enquirepopup_box {
    max-width: 650px;
    margin: 8% auto;
}
.enquirepopup_box input {
    transition: all 0.4s ease-out;
}
.enquirepopup_box input::-webkit-input-placeholder {
    font-size: 14px;
    color: #000;
}
.enquirepopup_box input:-ms-input-placeholder {
    font-size: 14px;
    color: #000;
}
.enquirepopup_box input::placeholder {
    font-size: 14px;
    color: #000;
}
.selectpicker {
    background: url(../images/downarow_right.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 24px !important;
    background-size: 10px !important;
    -webkit-appearance: none;
}
.enquirepopup_box textarea::-webkit-input-placeholder {
    font-size: 14px;
    color: #000;
}
.enquirepopup_box textarea:-ms-input-placeholder {
    font-size: 14px;
    color: #000;
}
.enquirepopup_box textarea::placeholder {
    font-size: 14px;
    color: #000;
}
.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: all 0.4s ease-out;
}
.model-form .input-group {
    margin-bottom: 11px;
}
.model-form .col-md-5 {
    float: left;
}
.model-form h2 {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5px;

    font-weight: 400;
    margin-top: 0;
    font-size: 18px;
}
.form-btn {
    background: #242a3a;
    color: #fff;
    margin: auto;
    text-align: center;
    margin-top: 10px;
    width: 110px !important;
    border-radius: 0;
    margin-bottom: 0;
    border-radius: 0 !important;
    font-size: 14px !important;
    padding: 6px 5px !important;
}

.whitegap{height:50px; background:#ffffff; width:100%}

.project-details{width:100%; background:#011b10; min-height:80px; position:absolute; bottom:0; z-index:99;}
.project-details P{color:#ffffff; font-size:16px; margin-top:13px;}
.project-details h2{color:#ffffff;}
.project-details h3{color:#ffffff;font-size:18px;margin-bottom: 13px; font-weight: 600;line-height: 25px;}


.amenities{width:100%; background:#ebede2; margin-top:60px; padding:40px 0px}
.amenities  .pclass{color:#1a3127; text-align:center; font-weight:bold; font-size:16px; margin-bottom:6px;}
.amenities  p{color:#1a3127; text-align:justify; font-size:16px}
.amenities h2{text-align:center; text-transform:uppercase; margin-bottom:30px;color: #821115;}
.amenities img{text-align:center; margin:0 auto;}

.SiteLayout{width:100%; background:rgb(228 222 174 / 28%);  padding:40px 0px}
.SiteLayout h2{text-align:center; text-transform:uppercase;color: #821115;margin-bottom:30px;  }

.floorplan{width:100%; background:#ebede2; padding:40px 0px}
.floorplan p{text-align:center; font-weight:bold; font-size:16px;}
.floorplan h2{text-align:center; text-transform:uppercase; margin-bottom:30px;color: #821115; }


.floorplan .owl-nav .owl-prev {
  position: absolute;
  left: -28px;
  top: 30%;
  opacity: 1;
  background:transparent !important;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;

  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

.floorplan .owl-nav .owl-next {
  position: absolute;
  right: -20px;
  top: 30%;
  opacity: 1;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
   background:transparent !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

.floorplan .owl-dots{display:none}



.locationAdvantages{width:100%; background:#ffffff; padding:40px 0px}
.locationAdvantages .pclass{font-size:16px; text-transform:uppercase; margin-bottom: 20px;}
.locationAdvantages h2{text-transform:uppercase !important; margin-bottom:2px;color: #821115; }
.locationAdvantages h2 button{text-transform:uppercase !important; }

 .locationAdvantages  ul{color:#000000; text-align:justify; font-size:16px;padding-left: 30px;}
  .locationAdvantages  ul li{line-height:30px;    list-style-type: disc;}
.locationAdvantages  .accordion-item {
    background-color: #fff;
    border: 1px solid #000000;
    border-left: none;
    border-right: none;

}

.locationAdvantages .accordion{padding-right: 60px;}
.locationAdvantages .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #ffffff;
    box-shadow:none;
}



.locationAdvantages .accordion-button {
    font-weight:500;
    padding: 1rem 0rem;
    }


	.gallery {width:100%; background:#f7f6e8; padding:40px 0px}
.gallery .pclass{font-size:16px; text-transform:uppercase; margin-bottom: 20px;}
.gallery h2{text-transform:uppercase; margin-bottom:20px;color: #821115; }
.gallery .galleryp{font-size:16px; text-transform:uppercase; margin-top: 20px; text-align:center;     color: #000000; font-weight:600}
.gallery .conp{font-size:16px; text-transform:uppercase; margin: 20px 0px;   color: #000000; font-weight:600}


	.gallery .nav {
    display: inline-flex;}


.gallery .nav-pills .nav-link {
    text-transform: uppercase;
background-color: rgb(130 17 21 / 91%);
    margin-right: 15px;
    color: #ffffff;
    margin-bottom: 10px;
}}


.gallery .nav-link:focus, .gallery .nav-link:hover {
    color: #000000;
}
.gallery  .nav-link {
    font-size:16px;
    color: #000000;}


.gallery .nav-pills .nav-link.active, .gallery .nav-pills .show>.nav-link {
    color: #ffffff;
    text-decoration: underline;
    background-color: #821115;
}



.gallery .owl-nav .owl-prev {
  position: absolute;
  left: -33px;
  top: 40%;
  opacity: 1;
  background:transparent !important;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;

  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

.gallery .owl-nav .owl-next {
  position: absolute;
  right: -25px;
  top: 40%;
  opacity: 1;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
   background:transparent !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

.gallery .owl-dots{display:none}



.gallery .border-clas{margin-bottom:20px;}




.homeDG{width: 80% !important;}

.homeDG .owl-nav .owl-prev {
  position: absolute;
  left: -33px;
  top: 40%;
  opacity: 1;
  background:transparent !important;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;

  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

.homeDG .owl-nav .owl-next {
  position: absolute;
  right: -25px;
  top: 40%;
  opacity: 1;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
   background:transparent !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

.homeDG .owl-dots{display:none}




.ApprovedBy{width:100%; background:#ffffff; padding:40px 0px}
.ApprovedBy img{text-align:center; margin:0 auto;}
.ApprovedBy h2{text-transform:uppercase; margin-bottom:20px;text-align:center;color: #821115; }


 @keyframes scroll {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(calc(-250px * 7));
        }
      }
      .slider {
        height: 100px;
        margin: auto;
        overflow: hidden;
        position: relative;
        width: auto;
      }
      .slider .slide-track {
        animation: scroll 40s linear infinite;
        display: flex;
        width: calc(250px * 14);
      }

      .slider .slide {
        height: 100px;
        width: 250px;
        padding: 26px;
      }




 /*About us page */


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

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

.banner-content h2 {
    font-size: 50px;
    text-transform: uppercase;
    margin-left: 30px;
    text-align: right;

    font-weight: 500;

}

.about-heading{margin-top:20px !important; text-transform:uppercase}



.experience-about{padding:40px 0px; width:100%; background-image:url(../images/experience-bg.jpg);    background-repeat: no-repeat;
    background-position: center center;}
.experience-about h2{font-size:26px; line-height:35px; font-weight:500;font-style: italic; margin-top:30px; color:#ffffff}

.exp-number-about{ width:100%;border:1px solid #ffffff;
  padding:15px 10px; display:flex;}



.exp-number-left-about {


   position:relative;
   float:left;
   width:50%;
   z-index:1001;
    text-align:center;
}
 .exp-number-right-about {


   position:relative;
   float:left;
   width:50%;
   z-index:1001;
   text-align:center;

}

.exp-number-left-about:after {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: inherit;
    border-right: 1px solid #ffffff;
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(344deg);
}


sup {
    top: 0.3em  !important;
    font-size: 25px !important;
}
.exp-number-left-about h3{color:#f4cf00; font-size:100px; font-weight:bold; text-align:center}

.exp-number-right-about h3{color:#f4cf00; font-size:100px; font-weight:bold; margin-top:30px;text-align:center}

.exp-number-about p{font-size:16px; font-weight:bold;line-height: 20px;color:#ffffff;}


.Vission{padding:40px 0px; width:100%; background-image:url(../images/Vission-bg.jpg);    background-repeat: no-repeat;
    background-position: center center;}
	.Vission h2{margin-bottom:20px; letter-spacing:1; margin-top:20px; color:#f4cf00; text-transform:uppercase}
.Vission p{margin-top:15px; text-align:justify; font-size:16px;color:#ffffff}


.At-the-helm{padding:40px 0px; width:100%; background-color:#ffffff;}
 .At-the-helm h2{margin-bottom:20px; letter-spacing:1; margin-top:20px; color:#1a3127; margin-bottom:20px; text-transform:uppercase; text-align:center}
.At-the-helm p{margin-top:15px; text-align:center; font-size:16px;color:#000000; padding:5px 20px}
.At-the-helm h3{margin-top:20px; text-align:center; font-size:16px;color:#000000; padding:0px 20px; font-weight:700}
.At-the-helm img{margin:0 auto;}



.mt_bg1 {
    background: url(../images/mt-bg-1.jpg) no-repeat center center;
    background-size: cover;
    padding: 20px 0px;
}


.mt_bg2 {
    background: url(../images/mt-bg-2.jpg) no-repeat center center;
    background-size: cover;
    padding: 20px 0px;
}

.mt_image {

    position: relative;
    z-index: 1;
}

.mt_image img {
    width: 100%;
    padding: 0 15px 15px 0;
}
.mt_image:before {
    background: #dfe26a;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 85%;
    height: 85%;
    content: "";
    z-index: -1;
}


.mt_bg1 p{color: #FFFFFF;
    margin-top: 50px;
    margin-left: 60px;
    font-size: 18px;
    line-height: 26px;
    text-align: justify;}

	.mt_bg1 h2{color:#dfe26a; margin-top:10px; margin-left:60px;font-size: 25px;
    line-height: 30px; font-weight:600;}



.mt_bg2 p{color:#FFFFFF; margin-top:20px; margin-right:60px;font-size: 18px;
     line-height: 26px;
    text-align: justify;}

	.mt_bg2 h2{color:#dfe26a; margin-top:10px; margin-right:60px;font-size: 25px;
    line-height: 30px; font-weight:600;}


/*contact us */


.banner-content-contact {
    width: 100%;
    top: 25%;
    position: absolute;
    z-index: 6;
    margin-left: 8%;
    color: #fff;
    padding-top: 30px;
    right: 0;
}

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

.banner-content-contact h2 {
    font-size: 50px;
    text-transform: uppercase;
    margin-left: 60px;
    text-align: left;
   line-height:60px;
    font-weight: 500;
	color:#000000;

}
.banner-content-contact h2 span {color:#f4cf00}
.banner-content-contact img {

    margin-left: 60px;
    text-align: left;
   margin-top:30px;

}


.contact-form {padding:40px 0px; width:100%; background-color:#ffffff;}


.contact-address h2{margin-bottom:0px; letter-spacing:1; margin-top:30px; text-transform:uppercase;color:#1a3127;line-height: 40px; }
.contact-address h3{margin-bottom:0px; letter-spacing:1; margin-top:30px; text-transform:uppercase;color:#1a3127;line-height: 40px; font-size:20px;font-weight:600 }
.contact-address p{margin-top:15px; text-align:justify; font-size:16px;color:#000000; }
.contact-address  p strong{font-weight:700}
.contact-details  h2{margin-bottom:0px; letter-spacing:1; margin-top:30px; text-align:center;text-transform:uppercase;color:#1a3127;line-height: 40px; }
.contact-details p{margin-top:15px; text-align:center; font-size:16px;color:#000000; }
.contact-details p strong{font-weight:700}
.formbg{background:#f3f3f3; padding: 20px 40px;}
.formbg h2{margin-bottom:0px; letter-spacing:1; margin-top:30px; text-align:center;text-transform:uppercase;color:#1a3127; }
.formbg p{margin-top:5px; text-align:center; font-size:16px; color:#000000; letter-spacing:3;}
.form-group {
    display: flex;
    display: -ms-flexbox;
    margin: 0.5rem 0;
}


.formbg .form-group .form-group-label {
    border: none;
    background: transparent;
    border-bottom: 1px solid #1a1919;
    margin: 0;
    padding: 0.8rem;
    user-select: none;
}


.formbg input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]), select {
    width: 100%;
   border: none;
    background: transparent;
    border-bottom: 1px solid #1a1919;
    outline: 0;
    padding: 0.85rem 1.1rem;
}

formbg::placeholder {
  color: #000000;
  opacity: 1; /* Firefox */
}

.formbg textarea, textarea[type=text] {
    width: 100%;
    border: none;
    background: transparent;
    border-bottom: 1px solid #1a1919;
    outline: 0;
    padding: 0.85rem 1.1rem;
    min-height: 2rem;
    line-height: 1.5rem;
    resize: vertical;
}

.formbg .submit1{text-align:center; margin:0 auto;
    color: #ffffff;
    background-color: #133a1b; font-size:18px; font-weight:600; text-transform:uppercase;    padding: 10px 31px;
    border-radius: 7px;
    border: none;}


.privacy-policy {padding:40px 0px; width:100%; background-color:#ffffff;}
.privacy-policy h1{margin-bottom:0px; letter-spacing:1;  text-transform:uppercase;color:#1a3127;line-height: 40px; }
.privacy-policy h3{margin-bottom:0px; color:#1a3127;line-height: 40px; font-size:20px; font-weight:600; }

.privacy-policy p{margin-top:15px;  font-size:16px;color:#000000; margin-bottom:15px; }
.privacy-policy   ul{color:#000000; text-align:justify; font-size:16px;padding-left: 30px; list-style-type:none; margin-bottom:15px;}
.privacy-policy ul li{line-height:30px;    list-style-type: none;}

.Testimonials{padding:40px 0px; width:100%; background-color:#ffffff;}


.Testimonials h2{margin-bottom:0px; letter-spacing:1; margin-top:30px; text-transform:uppercase;color:#1a3127;line-height: 40px; }
.Testimonials p{margin-top:15px; text-align:center; font-size:16px;color:#000000; }


.HappyCustomer{padding:40px 0px; width:100%; background-image:url(../images/Our-Happy-Customer-bg.jpg);    background-repeat: no-repeat;
    background-position: center center;}
	.HappyCustomer h2{margin-bottom:20px; letter-spacing:1; margin-top:20px; color:#ffffff; text-transform:uppercase; text-align:center;}
	.Customertextbg h3{margin-bottom:0px; letter-spacing:1; margin-top:20px; color:#000000; text-transform:uppercase; text-align:center; font-weight:600;    line-height: 30px;
    font-size: 18px; padding:0px 20px;}
	.Customertextbg:hover{border:2px solid #f4cf00}
.Customertextbg p{margin-top:10px; text-align:center; font-size:18px;color:#000000; font-weight:500;}
.Customertextbg .text{ padding:50px  20px 2px 20px; min-height:210px;}
.Customertextbg{background:#ffffff; border-radius: 10px;  border: 1px solid #cec9c9;  }




.HappyCustomers .owl-nav .owl-prev {
  position: absolute;
  left: -40px;
  top: 30%;
  opacity: 1;
  background:transparent !important;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;

  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

.HappyCustomers .owl-nav .owl-next {
  position: absolute;
  right: -15px;
  top: 30%;
  opacity: 1;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
   background:transparent !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}

.HappyCustomers .owl-dots{display:none}


 .CustomersSpeak{padding:40px 0px; width:100%; background-color:#ffffff;}


.CustomersSpeak h2{margin-bottom:30px; letter-spacing:1; margin-top:30px; text-transform:uppercase;color:#1a3127;line-height: 40px; text-align:center; }




.nri{padding:40px 0px; width:100%; background-color:#ffffff;}


.nri h1{margin-bottom:10px; letter-spacing:1; margin-top:10px; text-transform:uppercase;color:#1a3127;line-height: 40px; }
.nri h2{margin-bottom:20px; letter-spacing:1; margin-top:50px; text-transform:uppercase;color:#1a3127;line-height: 40px; }
.nri h3{  letter-spacing:1; text-transform:uppercase;color:#1a3127;  text-align:center; font-size:18px; }

.nri  p{margin-top:15px; font-size:16px; padding-left: 20px;}

.nri  p strong{font-weight:600;}


.bg {
    background: #e4e4e4;
    padding-bottom: 7px;
    padding-top: 7px;
}




.associates{padding:40px 0px; width:100%; background-color:#ffffff;}


.associates h1{margin-bottom:10px; letter-spacing:1; margin-top:10px; text-transform:uppercase;color:#1a3127;line-height: 40px; text-align:center; }
.associates h2{margin-bottom:20px; letter-spacing:1; margin-top:50px; text-transform:uppercase;color:#1a3127;line-height: 40px; text-align:center; }
.associates h3{  letter-spacing:1; text-transform:uppercase;color:#1a3127;  text-align:center; font-size:18px; font-weight:600; }

.associates  p{margin-top:0px; font-size:16px; }
.associates  p span{color: red;}
.associates  p sup{color: red;}
.associates  p a{text-decoration: none;}

.associates .inputbox {
    border: 1px solid #636060;
    background: none;
    padding: 7px 10px;
    width: 100%;
    color: #000000;

}
.valigne{align-items: center;  padding: 10px 0px;}

.career{padding:40px 0px; width:100%; background-color:#ffffff;}


.career h1{margin-bottom:10px; letter-spacing:1; margin-top:10px; text-transform:uppercase;color:#1a3127;line-height: 40px; text-align:center; }
.career h2{margin-bottom:20px; letter-spacing:1; margin-top:50px; text-transform:uppercase;color:#1a3127;line-height: 40px; text-align:center; }
.career h3{  letter-spacing:1; text-transform:uppercase;color:#1a3127;  text-align:center; font-size:18px; font-weight:600; }

.career  p{margin-top:15px; text-align:center; font-size:16px;}

.box1 {
    border: 1px solid #cacaca;
    background: none;
    padding: 7px 10px;
    width: 100%;
    color: #000000;
	margin-bottom:10px;
}

.up-file {
    margin-top: 10px;
    border: 1px solid #cacaca;
    background: none;
    padding: 1px 10px;
    width: 100%;
}


 .career  ul{color:#000000; text-align:justify; font-size:16px;padding-left: 30px; list-style-type:none}
  .career  ul li{line-height:30px;    list-style-type: none;}
   .career  ul li strong{font-weight:600;}
.career  .accordion-item {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    margin-bottom:10px;

}

.career  .accordion-header{ background-color: #e4e4e4; padding:5px 30px;}

.career .accordion{padding-right: 60px;}
.career .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #e4e4e4;
    box-shadow:none;
}



.career .accordion-button {
    font-weight:500;
    padding: 1rem 0rem;
	background-color: #e4e4e4;
	font-size:20px;
    }













.media{padding:40px 0px; width:100%; background-color:#ffffff;}


.media h1{margin-bottom:10px; letter-spacing:1; margin-top:10px; text-transform:uppercase;color:#1a3127;line-height: 40px; }
.media h2{margin-bottom:20px; letter-spacing:1; margin-top:50px; text-transform:uppercase;color:#1a3127;line-height: 40px; }
.media h3{  letter-spacing:1; text-transform:uppercase;color:#1a3127;  text-align:center; font-size:18px; }

.media  p{margin-top:15px; text-align:center; font-size:16px;}

.media .Presstext{margin-top:5px !important; font-weight:600;}



.media  .accordion-item {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    margin-bottom:10px;

}

.media  .accordion-header{ background-color: #e4e4e4; padding:5px 30px;}

.media .accordion{padding-right: 60px;}
.media .accordion-button:not(.collapsed) {
    color: #000000;
    background-color: #e4e4e4;
    box-shadow:none;
}



.media .accordion-button {
    font-weight:500;
    padding: 1rem 0rem;
	background-color: #e4e4e4;
	font-size:20px;
    }







.navheaderbg-media .navbar-nav{display:block !important;   width:100%}



.nav-withbg-media {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
  height: 200px !important;
  margin-top:30px; !important;
  color: #fff;
  top: 20px;

  bottom: 0;
  margin-bottom: 30px;
    display: block;
    background:#243b03;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 8px rgb(0 0 0 / 5%);
}

.nav-withbg-media .nav-link {
    color: #ffffff !important;
    text-transform: capitalize;
	font-weight:600;
}
.nav-withbg-media .nav-link:hover {
    color: #ffffff !important;
}

.nav-withbg-media .nav-item:after {
    content: '';
    position: absolute;
    width: 40%;
    transform: scaleX(0);
    height: 3px;
	bottom: 20px;
    right: 0;
    background-color: #999864;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}



@media (min-width: 992px) {
 .nav-withbg-media   .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem !important;
        padding-left: 0rem !important;
		font-size:18px;
		border-bottom:1px solid #ffffff;
		transition: all 0.3s ease;
		padding: 15px 0px;
    }
}



	.border-clas {
    padding: 10px;
    border: 1px solid #c7c692;
    margin-top: 10px;
    margin-bottom: 10px;
}











	.social-icons   {
	margin-top:30px;

}
	.social-icons ul {
    margin: 0;
    padding: 0;
}
.social-icons ul li {
    list-style-type: none;
    display: inline-block;
   padding:3px;
}

.social-icons ul li a {
    text-decoration: none;
}
.social-icons ul li a img{
   width:36px; height:auto;
}
.hidedesktop{display:none}

@media (max-width:767px){

h1, h2 {
    font-size: 22px;
    font-weight: bold;
}
.about-us {
    padding: 20px 0px;
    width: 100%;
}

.experience h2 {
    font-size: 20px;
    line-height: 27px;
    margin-top: 20px;
	margin-bottom: 20px;

}

.exp-number-left h3{ font-size:50px;}

.exp-number-right h3{font-size:50px;}

.exp-number p{font-size:14px;}




.experience-about h2 {
    font-size: 20px;
    line-height: 27px;
    margin-top: 20px;
	margin-bottom: 20px;

}

.exp-number-left-about h3{ font-size:50px;}

.exp-number-right-about h3{font-size:50px;}

.exp-number-about p{font-size:14px;}



.mt_bg1 p {

    margin-top: 30px;
    margin-left: 0px;
    font-size: 16px;
    line-height: 22px;

}



.mt_bg2 p {

    margin-top: 30px;
    margin-right: 0px;
    font-size: 16px;
    line-height: 22px;

}


.mt_bg1 h2 {

    margin-top: 10px;
    margin-left: 0px;
    font-size: 22px;

}


.mt_bg2 h2 {

    margin-top: 10px;
    margin-right: 0px;
    font-size: 22px;
    margin-bottom: 20px;

}

.hidemobile{display:none;}
.hidedesktop {
    display: block;
}
.header {

    background: rgb(1 27 16 / 100%);
    min-height: 60px;
    position: relative;

}

.slider-inner{position:relative}
.banner-content {

    top: 50%;


    padding-top: 0px;

}
.banner-content h2 {
    font-size: 22px;
	}


.At-the-helm {
    padding: 20px 0px;

}


.sidenav.right {

    width: 60%;
}

.sidenav .ulclass {
    margin-left: 30px;

}

.sidenav .closebtn {

    font-size: 35px;

}


	.videosection {

    width: 100%;

}

	.virtual_tours {

    width: 100%;

}

	.current-projects p {

    margin-bottom: 15px;
}


.HappyCustomers .owl-nav{display:none}

.HappyCustomers .owl-dots{display:block}


.gallery   .owl-nav{display:none}
.gallery .owl-dots{display:block}
.sticky-bg{display:none}
.slide-img{height:auto;}

.project-details {

    position: relative;

}


.project-details h3 {

    font-size: 16px;

}
.ProjectOverview {
    padding: 20px 0px;
    width: 100%;
}
.SukoonHarKone {
    padding: 0px 0px;

}

.SukoonHarKone h2{
   margin-bottom:30px;

}
.SukoonHarKone ul {

    margin-bottom: 25px;
}
.locationAdvantages .accordion {
     padding-right: 0px;
}

.career {
    padding: 20px 0px;

}

.career .accordion-button {

    padding: .5rem 0rem;

    font-size: 16px;
}


.career img{margin-top:15px;}

.career .accordion {
    padding-right:  0px;
}

.career h2 {
    margin-bottom: 0px;

    margin-top: 0px;

}



.media {
    padding: 20px 0px;

}

.media .accordion-button {

    padding: .5rem 0rem;

    font-size: 16px;
}


.media img{margin-top:15px;}

.media .accordion {
    padding-right:  0px;
}

.media h2 {
    margin-bottom: 0px;

    margin-top: 0px;

}








.mt30{margin-top:30px;}

.nri{
    padding: 20px 0px;

}

.contact-address h2 {
    margin-bottom: 0px;

    margin-top: 0px;

}


.banner-content-contact h2 {
    font-size: 25px;

    margin-left: 36px;

    line-height: 30px;

}


.banner-content-contact {

    top: 10%;

    padding-top: 0px;
    right: 0;
}

.contact-form {
    padding: 20px 0px;


}

.formbg h2 {

    margin-top: 0px;
	}

.footer h2{font-size:16px;}
.footer h4{font-size:16px;}



.nav-withbg-media {

    position: relative;
    height: auto !important;
    margin-top: 0px;
    !important: ;
	padding: 4px 20px;
	top:0;
	background-color:#ffffff

}


.nav-withbg-media .nav-link {
    color: #000000 !important;

}





}