.wrap_slider .swiper-slide {

  text-align: center;

  font-size: 18px;

  background: #fff;

  display: flex;

  justify-content: center;

  align-items: center;

}

.wrap_slider .Swiper_slide {

  max-height: 730px;

}

.wrap_slider .swiper_slide img {

  display: block;

  width: 100%;

  max-height: 730px;

  object-fit: cover;

}

.wrap_slider .Swiper_thumb_slide {

  width: auto;

  height: auto;

  margin-left: auto;

  margin-right: auto;



  position: absolute;

  background: rgb(255, 255, 255);

  padding: 10px;

  top: 100%;

  transform: matrix(1, 0, 0, 1, -550, -100);

  left: 100%;

}

.wrap_slider .Swiper_thumb_slide .swiper-wrapper {

  max-width: 530px;

  overflow: visible;

}

.wrap_slider .Swiper_thumb_slide img {

  width: 80px;

  height: 80px !important;

  object-fit: cover;

  position: relative;

}

.wrap_slider .swiper-slide {

  background-size: cover;

  background-position: center;

}

.wrap_slider .Swiper_slide .swiper-slide>img {

  height: 730px !important;

  object-fit: cover;

  width:100%;

}

.wrap_slider .Swiper_thumb_slide .swiper-slide-thumb-active {

  position: relative;

}

.wrap_slider .Swiper_thumb_slide .swiper-slide-thumb-active::after {

  content: "";

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  border: 5px solid #5d8626;

}

.wrap_slider .Swiper_thumb_slide .swiper-slide {

  width: 80px !important;

}



.welcome-carousel-outer {

  position: relative;

  z-index: 1;

  padding-bottom: 60px;

  overflow: hidden;

}

.welcome-bg-block {

  background-repeat: no-repeat;

  background-position: left top;

  margin-right: 200px;

  background-size: cover;

  height: 100%;

}

.welcome-carousel-1 {

  max-width: 380px;

  float: right;

  width: 100%;

  padding-top: 80px;

  padding-right: 80px;

  padding-bottom: 80px;

  margin-right: -230px;

}

.welcome-carousel-1 .owl-gt {

  box-shadow: -30px 30px 60px 0 rgba(0, 0, 0, 0.5);

}

.welcome-carousel-outer:after {

  position: absolute;

  content: "";

  right: 0px;

  top: 80px;

  width: 81%;

  height: 100%;

  background-image: url(../images/bg-dot.jpg);

  background-repeat: repeat;

  z-index: -1;

}

.section-head-1 {

  font-size: 28px;

  font-weight: bold;

  color: #5d8626;

  margin-bottom: 15px;

  transition: all 0.5s linear;

}

.wellcome-custom strong,

.wellcome-custom b {

  font-weight: 600;

}



.wellcome-custom ul {

  list-style: disc;

  margin-left: 20px;

}

.wellcome-custom {

  padding: 10px;

  line-height: 25px;

  font-size: 14px;

  color: #576566;

  font-weight: 300;

}

.section-head-1:hover {

  letter-spacing: 1px;

}

.wrap_project {

  padding-bottom: 50px;

  padding-top: 80px;

  position: relative;

}

.wrap_project .section-head h2 {

  margin-top: 0;

  font-size: 28px;

  text-transform: uppercase;

  line-height: 58px;

  color: #203334;

  font-weight: 600;

  margin-bottom: 20px;

}

.masonry-item-custom {

  background: #fff;

  padding: 5px;

  position: relative;

}

.masonry-item-custom .wt-thum-bx {

  height: auto;

  background-color: transparent;

  overflow: hidden;

}

.wt-thum-bx img {

  width: 100%;

  height: auto;

}

.wt-info {

  position: relative;

  padding-top: 20px;

}

.wt-box h4 {

  /* padding-bottom: 15px; */

  text-transform: none;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  line-height: 23px;

  height: 50px;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  font-weight: 600;

  font-size: 16px;

}

.wt-box h4 a {

  color: #000;

  transition: all 0.2s linear;

}

.wt-box h4 a:hover {

  color: #3c6b3c;

}

.all_project {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-gap: 30px;

  margin-bottom: 30px;

}

.logo_footer {

  text-align: center;

  margin-bottom: 15px;

}

.mota_footer strong,

.mota_footer b {

  font-weight: 600;

}

.mota_footer {

  font-weight: 300;

  text-align: left;

  font-size: 12px;

  line-height: 25px;

}

.title_footer {

  text-transform: uppercase;

  color: #fff;

  font-weight: 500;

  margin-bottom: 20px;

  font-size: 18px;

  line-height: 20px;

}

.widget-section li {

  font-size: 14px;

  font-weight: 200;

  line-height: 26px;

}

.all_menu_footer a {

  color: #fff;

  font-size: 13px;

  font-weight: 300;

}

.scrollToTop i {

  font-family: "Font Awesome 5 Pro";

}

.banner_bg {

  height: 250px;

  width: 100%;

  position: relative;

}

.overlay-main {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  opacity: 0.7;

  background: #000;

}

.banner_bg .fixwidth {

  height: 100%;

}

h2.bread_title {

  color: #fff;

  font-size: 35px;

  margin: 20px 0;

}

.desc-cus {

  line-height: 25px;

  font-size: 14px;

  padding: 15px;

  font-weight: 400;

  color: #576566;

}

.desc-cus ul {

  list-style: disc;

  margin-left: 20px;

}

.wt-box {

  position: relative;

  background: #fff;

}

.work-hover-grid {

  position: relative;

  overflow: hidden;

  height: auto;

}

.work-hover-grid:before {

  position: absolute;

  bottom: 10px;

  left: 10px;

  right: 10px;

  top: 100%;

  content: "";

  background-color: rgba(255, 255, 255, 0.2);

  transition: all 0.25s ease;

  transition-delay: 0.25s;

}

.work-hover-grid img {

  width: 100%;

  transition: all 0.25s ease;

}

.work-hover-grid .work-hover-discription {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 1;

  align-items: center;

  display: flex;

  flex-direction: column;

  justify-content: center;

  transition: all 0.25s ease;

}

.work-hover-grid a {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 1;

}

.wt-box h4 a {

  color: #000;

}

.work-hover-grid h4 {

  transform: translateY(-100%);

  transition-delay: 0.05s;

  margin: 0;

  opacity: 0;

  letter-spacing: 1px;

  transition: all 0.25s ease;

  color: #3c6b3c;

  font-weight: 600;

  padding: 0 20px;

    text-align: center;

}

.wt-box > h4 {

  margin-top: 10px;

}

.work-hover-grid:hover:before {

  top: 10px;

  transition-delay: 0s;

}

.work-hover-grid:hover h4 {

  transform: translateY(0);

  opacity: 1;

  transition-delay: 0.3s;

}

.all_gallery_news {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  grid-gap: 15px;

}

.gallery_news img {

  width: 100%;

  height: 100% !important;

  object-fit: cover;

}

.all_new {

  margin-bottom: 20px;

}

.title_news_resi {

  color: #5d8626;

  font-size: 24px;

  line-height: 42px;

  font-weight: 600;

  text-align: center;

  margin: 20px;

}

.work-room-discription {

  position: absolute;

  right: -6px;

  bottom: -15px;

}

.work-hover-discription-detail {

  width: 25px;

  display: inline-block;

  float: left;

  margin: 5px;

  text-align: center;

  font-size: 13px;

}

.product-block {

  min-height: 345px;

  padding: 30px 30px 15px 30px;

}

.bg-gray {

  background-color: #f6f7f8;

}

.m-b30 {

  margin-bottom: 30px;

}

.NormalTable {

  font-size: 14px;

  font-weight: 400;

  color: #576566;

}

.NormalTable table td {

  padding: 15px 10px !important;

}

.control-residential i {

  font-family: "Font Awesome 5 Pro";

}

.content-project-image img {

  height: 700px !important;

  width: auto;

}

.control-residential {

  position: absolute;

  z-index: 2;

  top: calc(50% - 50px / 2);

  text-align: center;

  font-size: 16px;

  cursor: pointer;

  margin: 0px;

  font-weight: 600;

}

.next-gt {

  right: 0;

}

.control-residential.next-gt span {

  margin-right: 8px;

}

.control-residential.prev-gt span {

  margin-left: 8px;

}

.project-detail-containt {

  margin-top: 60px;

  margin-bottom: 5px;

}

.project-detail-containt .green {

  color: #5d8626;

  font-size: 20px;

  text-transform: uppercase;

  border-bottom: 2px double;

  margin-bottom: 5px;

  font-weight: 600;

}

.bando_iframe iframe {

  width: 100%;

  height: 450px;

}

.all_contact .section-head {

  margin-bottom: 30px;

}

.all_contact .wt-separator-outer.separator-center {

  text-align: center;

}

.all_contact .wt-separator {

  margin-bottom: 10px;

  position: relative;

  font-weight: 500;

  font-size: 18px;

  transition: all 0.5s linear;

}

.all_contact .wt-separator:hover {

  letter-spacing: 1px;

}

.all_contact span.text-primary.text-uppercase.sep-line-one {

  font-size: 28px;

  font-weight: bold;

  color: #5d8626 !important;

}

.all_contact .section-head h2 {

  margin-top: 0;

  font-size: 28px;

  text-transform: uppercase;

}

.bando_iframe {

  margin-bottom: 80px;

}

.all_contact .m-b30 {

  margin-bottom: 30px;

}

.all_contact .wt-icon-box-wraper.center {

  text-align: center;

}

.all_contact .wt-icon-box-wraper {

  position: relative;

}

.all_contact .bdr-1 {

  border-width: 1px;

}

.all_contact .bdr-gray {

  border-color: #dddddd;

}

.all_contact .p-tb50 {

  padding-bottom: 50px;

  padding-top: 50px;

}

.all_contact .p-lr30 {

  padding-left: 30px;

  padding-right: 30px;

}

.all_contact .icon-md {

  margin-bottom: 20px;

}

.all_contact .icon-md i {

  font-size: 45px;

  font-family: 'Font Awesome 5 Pro';

  font-weight: 300;

}

.all_contact .icon-content {

  overflow: hidden;

}

.all_contact .icon-content h4 {

  font-size: 18px;

  line-height: 24px;

  color: #203334;

  margin-bottom: 15px;

  font-weight: 600;

}

.all_contact h5 {

  font-weight: normal;

  font-size: 16px;

  line-height: 22px;

  color: #203334;

  margin-bottom: 20px;

}

.all_contact .block-shadow{

  transition: all 0.5s linear;

  box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);

}

.ffrom_contact1 {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  grid-gap: 20px;

  margin-bottom: 10px;

}

.btn-contact {

  color: #fff;

  padding: 10px 30px;

  text-transform: uppercase;

  letter-spacing: 1px;

  position: relative;

  display: inline-block;

  border: none;

  font-size: 13px;

  background-color: #5d8626;

  border-radius: 0;

}

.ffrom_contact2 {

  margin-bottom: 25px;

}

.all_contact {

  padding: 30px 0 80px 0;

}

.content-main.w-clear {

  margin-bottom: 20px;

}



.welcome-carousel-1 img {

  width: 100%;

}

.name_dis_home {

  text-align: center;

  margin-bottom: 20px;

  font-weight: 600;

  font-size: 25px;

}

.our-rooms-wrapper {
  margin-bottom: 40px;
  margin-top: 10px;
  display: flex;
  grid-gap: 20px;
}
.all_shopdetail .our-rooms-wrapper:nth-child(2n) {
  flex-direction: row-reverse;
}
.our-rooms-left {
  position: relative;
  padding-left: 0;
  width: 50%;
}
.our-rooms-right {
  padding-left: 0px;
  position: relative;
  width: 50%;
}
.our-rooms-img {
  background: #fff;
  border: 15px solid #fff;
  box-shadow: 0px 5px 27px 0px rgba(0, 0, 0, 0.1);
  margin: 0;
  position: relative;
}
.our-rooms-img img {
  width: 100%;
}
.our-room-detail {
  margin-top: 10px;
  position: absolute;
  bottom: 25px;
  right: 45px;
  z-index: 1;
  cursor: pointer;
}
a.our-room-detail-gallery {
  background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);
  color: #fff;
  font-family: roboto;
  font-size: 12px;
  border-radius: 15px;
  padding: 8px 12px;
}
a.our-room-detail-gallery:hover {
  background-image: linear-gradient(180deg, #2af598 0%, #009efd 100%);
  color: #fff;
}
.our-rooms-caption {
  padding-right: 0;
  padding-top: 10px;
}
.our-rooms-caption .txt2 {
  font-size: 20px;
  color: #235baf;
  text-transform: uppercase;
  padding-bottom: 5px;
  font-weight: 700;
}
.our-rooms-caption .txt3 {
  font-weight: 400;
  font-size: 13px;
  color: #000;
  padding-bottom: 5px;
}
.our-rooms-icon {
  position: relative;
  min-height: auto;
  margin-bottom: 0;
  line-height: 20px;
  display: inline-block;
  width: 100%;
}
.our-rooms-icon .our-rooms-icon-txt1 {
  color: #333333;
  font-size: 13px;
  font-weight: 300;
}
.our-rooms-icon .our-rooms-icon-txt1 i{
  font-weight: 500;
}