@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

@import url(iconhover.css);
@import url("https://fonts.googleapis.com/css2?family=Abel&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap");
@font-face {
  font-family: "DINPro-Regular";
  src: url("https://runwalenterprises.com/fonts/DINPro-Regular.eot");
  src: local("☺"), url("https://runwalenterprises.com/fonts/DINPro-Regular.woff") format("woff"),
    url("https://runwalenterprises.com/fonts/DINPro-Regular.ttf") format("truetype"),
    url("https://runwalenterprises.com/fonts/DINPro-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "DINPro-Bold";
  src: url("https://runwalenterprises.com/fonts/DINPro-Bold.eot");
  src: local("☺"), url("https://runwalenterprises.com/fonts/DINPro-Bold.woff") format("woff"),
    url("https://runwalenterprises.com/fonts/DINPro-Bold.ttf") format("truetype"),
    url("https://runwalenterprises.com/fonts/DINPro-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
.artist-wrap p cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

html {
  overflow-x: hidden;
}

body {
  line-height: 1;
  font-size: 16px !important;
  overflow-x: hidden;
  font-family: "Poppins", sans-serif;
  font-weight: 300 !important;
  padding: 0 !important;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}
#gallery .slick-prev {
  left: -30px !important;
}
#gallery .slick-next {
  right: -21px !important;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

p {
  margin-bottom: 10px;
  line-height: 23px;
}
.text-italic {
  font-style: italic;
}
.text-left {
  text-align: left !important;
}
/* .mg-10{
    margin: 10px 0;
} */
.img-desc {
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 12px;
  padding: 4px 7px;
  line-height: 13px;
}

/* scroll bar style */

body::-webkit-scrollbar {
  width: 6px;
}

body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

body::-webkit-scrollbar-thumb {
  background: #333333;
}

body::-webkit-scrollbar-thumb:hover {
  background: #555;
}

b,
strong {
  font-weight: 600;
}

.lh23 {
  line-height: 23px;
}

.lh24 {
  line-height: 24px;
}

.lh25 {
  line-height: 25px;
}

.pd0 {
  padding: 0 !important;
}

.mr0 {
  margin: 0 !important;
}
.z1 {
  z-index: 1;
}
.pos-rel {
  position: relative;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  float: left;
}
.col-1 {
  width: 8.333333333333333%;
}
.col-2 {
  width: 16.66666666666667%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33333333333333%;
}
.col-5 {
  width: 41.66666666666667%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33333333333333%;
}
.col-8 {
  width: 66.66666666666667%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33333333333333%;
}
.col-11 {
  width: 91.66666666666667%;
}
.col-12 {
  width: 100%;
}

.visible-ipad {
  display: none !important;
}
.hidden-ipad {
  display: block !important;
}
.cust-container2 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 89% !important;
}

#vision {
  background: rgba(0, 0, 0, 0.5) url("../images/sec-bg.jpg") no-repeat center
    center/cover;
  padding: 60px 20px;
  color: black;
  text-align: center;
  margin: auto;
}

.cust-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 83% !important;
  max-width: 1300px;
}

.nav-header {
  background: #ededed;
  padding: 4px 0 0 0;
}
.nav-log {
  display: flex;
  gap: 20px;
  align-items: center;
}
.nav-log img {
  width: 67px;
  /*margin-top: -6px;*/
  margin-bottom: 5px;
}

.nav-toplink li {
  display: inline-block;
  padding: 1px 4px;
  /*border-left: 1px solid #000;*/
}
.qodef-button.qodef-type--filled {
  font-size: 11px !important;
}
.nav-toplink li a {
  color: #000000;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.nav-toplink li a img {
  margin-right: 6px;
}

.nav-toplink li:first-child {
  border: none;
}

.nav-toplink .booknow {
  position: relative;
  /*top: -5px;*/
  background: #bb8c2b;
  padding: 5px 25px;
}

.nav-toplink .booknow a {
  color: #fff;
  padding: 3px;
}

.menu-toggle {
  height: 50px;
  padding: 0 0 0 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 0px;
}

.menu-toggle .bars {
  display: flex;
  flex-direction: column;
  transform: rotate(180deg);
}

.menu-toggle .bars .toggle-bar {
  width: 25px;
  height: 3px;
  background-color: #222222;
}

.menu-toggle .bars .toggle-bar:nth-child(1) {
  width: 14px;
}

.menu-toggle .bars .toggle-bar:nth-child(2) {
  margin: 5px 0;
}

.menu-toggle .bars .toggle-bar:nth-child(3) {
  margin-bottom: 5px;
}

.navbar-collapse .navbar-nav {
  border-top: 1px solid #000;
  margin-top: 8px;
}

.navbar-collapse .navbar-nav li a {
  color: #000;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0;
  padding: 15px 9px !important;
}

.main {
  width: 100% !important;
  height: 90vh !important;
}

.main {
  overflow: hidden;
  position: relative;
}

.main .sliderarrow-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 60px;
  z-index: 9;
  width: 100%;
}

.main .sliderarrow-wrap .arrow-left {
  font-size: 20px;
  font-family: "Abel", sans-serif;
  color: #fff;
  margin-right: 10px;
  cursor: pointer;
}

.main .sliderarrow-wrap .arrow-right {
  font-size: 20px;
  font-family: "Abel", sans-serif;
  color: #fff;
  margin-left: 10px;
  cursor: pointer;
}

.rev_slider_wrapper .rev_slider {
  color: #fff;
}

.rev_slider_wrapper .rev_slider ul li .slide-title.tp-caption {
  text-align: center !important;
  font-family: "Playfair Display", serif;
  font-weight: 700 !important;
  font-size: 70px !important;
  line-height: 100px !important;
}

.rev_slider_wrapper
  .rev_slider
  ul
  li
  .slide-title.tp-caption
  .tp-splitted.tp-wordsplit:nth-child(1) {
  color: #f9a800;
}

.rev_slider_wrapper .rev_slider ul li .slide-subtitle {
  text-align: center !important;
  font-family: "Playfair Display", serif;
}

.rev_slider_wrapper .rev_slider ul li .rs-hover-ready {
  text-align: center;
}

.rev_slider_wrapper .rev_slider ul li .rs-hover-ready a {
  background: #bb8c2b;
  color: #fff;
  font-size: 21px;
  border-radius: 20px;
  padding: 6px 15px;
  font-family: "Abel", sans-serif;
}

.rev_slider .btn {
  -webkit-transition: background-color 0.3s ease-out !important;
  transition: background-color 0.3s ease-out !important;
}

.glob-sec {
  width: 100%;
  /* padding: 100px 0; */
  padding: 70px 0;
  position: relative;
}

.glob-sec .sec-head {
  margin-bottom: 50px;
  font-family: "Playfair Display", serif;
}

.glob-sec .sec-head h2,
.glob-sec .sec-head .gold-title {
  font-weight: 700;
  font-size: 45px;
  text-align: center;
  color: #bb8c2b;
  position: relative;
  z-index: 9;
  line-height: 60px;
}
.glob-sec .sec-head .rg-head {
  font-weight: 700;
  font-size: 45px;
  text-align: center;
  color: #bb8c2b;
  position: relative;
  z-index: 9;
  line-height: 60px;
}

.glob-sec .sec-head .blur-head {
  font-size: 10em;
  font-weight: 700;
  position: absolute;
  top: 0px;
  z-index: 1;
  right: 1em;
  opacity: 0.1;
  color: #a0a0a0;
}

.glob-sec .sec-head .blur-head.nri-h {
  top: -60px;
}

.glob-sec .sec-head.left h2 {
  text-align: left;
}
.glob-sec .sec-head.left .rg-head {
  text-align: left;
}

.project-list {
  margin-top: 50px;
}

.project-list a {
  text-decoration: none !important;
}

.project-list .feature {
  font-family: "DINPro-Regular";
  font-size: 15px;
  background: #bb8c2b;
  color: #fff;
  padding: 8px;
  width: 146px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.project-list .pro-imgwrap {
  position: relative;
  overflow: hidden;
}

.project-list .pro-imgwrap img {
  width: 100%;
  display: block;
  transition: all 0.5s;
}

.project-list .pro-imgwrap .pro-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(187, 140, 43, 0.6);
  transition: all 1s;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

.project-list .pro-imgwrap .pro-overlay i {
  color: #ffffff;
  display: block;
  transform: translateY(-50px);
  transition: ease all 0.7s;
}

.project-list .pro-txt {
  padding-top: 10px;
}

.project-list .pro-txt .pro-tittle {
  font-weight: 600;
  font-size: 21px;
  margin-bottom: 5px;
  color: #222;
}

.project-list .pro-txt .pro-loc {
  font-size: 15px;
  color: #222;
}

.project-list .pro-txt .pro-link {
  font-family: "Playfair Display", serif;
  color: #bb8c2b;
  font-size: 16px;
  font-weight: 600;
  float: right;
  text-decoration: none;
}

.project-list .pro-imgwrap .pro-overlay i::before {
  font-size: 30px;
}

.project-list:hover .pro-imgwrap .pro-overlay {
  transition: all 1s;
  opacity: 1;
}

.project-list:hover .pro-imgwrap .pro-overlay i {
  transform: translateY(0px);
  transition: ease all 0.7s;
}

.project-list:hover .pro-imgwrap img {
  transform: scale(1.19);
  transition: all 0.5s;
}

.slide-nav {
  width: 100%;
  height: 390px;
  margin-top: 80px;
  padding: 0 30px;
}

.slide-nav .nav-box {
  border-left: 1px solid #bb8c2b;
  border-right: 1px solid #bb8c2b;
  height: 100%;
  width: 50px;
}

.cust-nav .owl-prev {
  position: absolute;
  right: -61px;
  top: 22%;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  margin: 10px 0 !important;
  font-size: 17px !important;
  background: #fff !important;
  height: 50px;
  justify-content: center;
  color: #bb8c2b !important;
  outline: none;
  font-family: "Abel", sans-serif !important;
}

.cust-nav .owl-next {
  position: absolute;
  right: -111px;
  top: 36%;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  margin: 10px 0 !important;
  font-size: 17px !important;
  background: #fff !important;
  height: 50px;
  justify-content: center;
  color: #bb8c2b !important;
  outline: none;
  font-family: "Abel", sans-serif !important;
}

.home-about p {
  font-size: 18px;
  line-height: 27px;
}

.about-img-main {
  position: relative;
}

.about-img-main .img-back {
  width: 500px;
  position: relative;
  max-width: 90%;
}

.about-img-main .img-back .cover-img {
  position: relative;
  width: 100%;
}

.about-img-main .img-back .cover-img .img-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #bb8c2b;
}

.about-img-main .img-back .cover-img img {
  display: block;
  width: 100%;
}

.about-img-main .img-front {
  width: 400px;
  position: absolute;
  top: 37%;
  right: 0;
  max-width: 70%;
  z-index: 1;
}

.about-img-main .img-front .cover-img {
  position: relative;
  width: 100%;
}

.about-img-main .img-front .cover-img .img-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #bb8c2b;
}

.about-img-main .img-front .cover-img img {
  display: block;
  width: 100%;
}

.glob-sec.sec-bg {
  padding-top: 150px;
}

.sec-bg {
  /*background: url("../images/sec-bg.jpg");*/
  background-attachment: fixed;
  background-position: 50% 0;
  background-repeat: no-repeat;
  position: relative;
}

.glob-sec.sec-bg .sec-head .blur-head {
  top: 80px;
  font-size: 9em;
}

.over-view {
  text-align: center;
  margin-bottom: 20px;
}

/*/////////////////////// Vision mission values section ////////////////////////////////////////////// */

.over-view2 h3 {
  margin: auto;
  margin-bottom: 20px;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  color: #bb8c2b;
  font-size: 18px;
}

.over-view2 {
  display: flex;
  /* margin: auto; */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px;
  /* background: rgba(255, 255, 255, 0.8); */
  border-radius: 8px;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////// */

.golde-icon {
  padding: 0 !important;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
}

.golde-icon i {
  color: #ffffff !important;
  margin: 0 !important;
  background: #bb8c2b !important;
}

.golde-icon .hi-icon:hover {
  background: #333333 !important;
  color: #ffffff !important;
}

.golde-icon .hi-icon:after {
  box-shadow: 0 0 0 2px #bb8c2b !important;
}

.over-view p {
  margin-bottom: 0;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  color: #bb8c2b;
  font-size: 18px;
}

.hi-icon:before {
  font-size: 58px !important;
}

.projecthigh-head {
  font-size: 30px;
  background: #0a3a81;
  color: #fff;
  padding: 30px 0;
  text-align: center;
  font-weight: 800;
}

.award {
  text-align: center;
  border: 1px solid #cb865d;
  padding: 50px 15px;
  position: relative;
  margin-top: 160px;
  height: 345px;
}

.award .aw-tittle {
  font-size: 22px;
  font-weight: 700;
  color: #bb8c2b;
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
  line-height: 27px;
}

.award .aw-txt {
  font-size: 14px;
  letter-spacing: 3px;
  text-transform: uppercase;
  line-height: 23px;
  margin-top: 0;
  margin-bottom: 0;
}

.award #tw-img {
  bottom: 160px;
}

.award .aw-img {
  position: relative;
  display: block;
  margin: 0 auto;
  bottom: 190px;
  margin-bottom: -160px;
  width: 100px !important;
  margin-top: 0;
  background: #fff;
}
.award .aw-img.aw-img-apr24 {
  width: 150px !important;
}

.awards-carousel.owl-drag .owl-item {
  padding: 0 5px;
}

.normal-owlnav .owl-nav {
  font-family: "Abel", sans-serif;
  margin-top: 40px;
}

.normal-owlnav .owl-nav .owl-prev {
  background: transparent !important;
  letter-spacing: 2px;
  margin-right: 15px;
  color: #333 !important;
  outline: none;
}

.normal-owlnav .owl-nav .owl-next {
  background: transparent !important;
  letter-spacing: 2px;
  margin-left: 15px;
  color: #333 !important;
  outline: none;
}

.normal-owlnav .owl-nav button i {
  color: #bb8c2b;
}

.testimo-mainwrap p {
  margin-top: 0;
}

.testimo-mainwrap h3 {
  font-weight: 600;
}

.testimo-mainwrap p span {
  display: block;
  font-size: 14px;
  margin-top: 6px;
  font-weight: 400;
}

.testimonial-gallery {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: all 0.5s;
  margin-bottom: 30px;
  /*box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);*/
}

.testimonial-gallery img {
  width: 100%;
  display: block;
  transition: all 0.5s;
  height: 310px;
  object-fit: cover;
  object-position: center;
}
.lily-testimonal img {
  margin-top: 18% !important;
}

.testimonial-gallery .ami-overlay {
  width: 100%;
  height: 100%;
  background: rgba(187, 140, 43, 0.6);
  position: absolute;
  top: 0;
  /*transform: translate(-101%, 0);*/
  transition: all 1s;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}

.testimonial-gallery:hover img {
  transform: scale(1.19);
  transition: all 0.5s;
}

.testimonial-gallery .ami-overlay i {
  color: #ffffff;
  display: block;
  transform: translateY(-50px);
  transition: ease all 0.7s;
}

.testimonial-gallery .ami-overlay i:before {
  font-size: 30px;
}

.testimonial-gallery:hover .ami-overlay {
  /*transform: translate(0%, 0);*/
  opacity: 1;
  transition: all 0.5s;
}

.testimonial-gallery:hover .ami-overlay i {
  transform: translateY(0px);
  transition: ease all 0.7s;
}

.testimonial-gallery .ami-overlay h3 {
  color: #fff;
  font-size: 15px;
  text-align: center;
  line-height: 18px;
}

.layer1 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0404042e;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transition: ease all 0.5s;
}

.testimonial-gallery:hover .layer1 {
  opacity: 0;
  transition: all 0.5s;
}

.testimonial-gallery.shadow {
  box-shadow: 0px 0px 22px -5px #3a3a3a;
}

.svgwrap {
  display: block;
  text-align: center;
}

.svgwrap svg {
  width: 45px;
  height: 45px;
  fill: none;
  stroke: #fff;
  stroke-width: 2px;
  margin-right: 20px;
}

.videoicon:hover {
  cursor: pointer;
}

.videoicon path {
  stroke-dasharray: 161;
  stroke-dashoffset: 161;
  animation: line-animation 3s ease forwards infinite;
}

.videoicon polyline {
  stroke-dasharray: 75;
  stroke-dashoffset: 75;
  animation: line-animation 3s ease forwards infinite;
}

@keyframes line-animation {
  from {
    /*stroke-dashoffset: 300;*/
  }
  to {
    stroke-dashoffset: 0;
  }
}

.slide-nav.testimo {
  height: 290px;
  margin-top: 0;
}

.cust-nav.testimo .owl-prev {
  top: 9%;
}

.glob-sec.bg2 {
  /*background: url("../images/sec-bg.jpg");*/
  background-attachment: fixed;
  background-position: 50% 0;
  background-repeat: no-repeat;
  position: relative;
}

.news-btn {
  float: right;
  margin-top: 10px;
  font-family: "Playfair Display", serif;
  color: #bb8c2b !important;
  font-weight: 600;
  font-size: 17px;
  text-decoration: none !important;
}

.parellex {
  /*background-image: url("../images/contact-bg.jpg");*/
  background-attachment: fixed;
  background-position: 50% 0 !important;
  background-repeat: no-repeat;
  height: 600px;
  position: relative;
}

.contact-ovrlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #0000004d;
}

.sec-contact {
  position: relative;
  /*top: -230px;*/
  /*margin-bottom: -230px;*/
}

.contactform-wrap {
  width: 60%;
  margin: 0 auto;
  background-image: url("../images/sec-bg.jpg");
  background-size: cover;
  padding: 20px 30px;
}

.contactform-wrap h2 {
  font-family: "Playfair Display", serif;
  font-size: 40px;
  font-weight: 600;
  color: #bb8c2b;
  text-align: center;
  margin-bottom: 17px;
}

.contactform-wrap p {
  letter-spacing: 6px;
  text-align: center;
  margin-bottom: 40px;
}

/*-- contact form ---------------*/

.footer-form input,
.footer-form input:focus,
.footer-form select,
.footer-form select:focus {
  height: 50px;
  width: 100%;
  margin-bottom: 0;
  padding-left: 10px;
  border-radius: 0 7px 7px 0 !important;
  color: #222222;
  border: none;
  box-shadow: none;
  letter-spacing: 1px;
  text-transform: inherit;
  background: transparent;
}

.footer-form input::placeholder,
.footer-form textarea::placeholder {
  color: #909090;
}

.footer-form .input-group-addon {
  background: transparent;
  color: #616161;
  border: none;
  border-right: 0;
  border-radius: 7px 0 0 7px;
}

.form-ico {
  font-size: 19px !important;
}

.footer-form textarea {
  border: none;
  resize: none;
  box-shadow: none;
  letter-spacing: 1px;
  background: transparent;
  text-transform: inherit;
}

.footer-form .form-group {
  height: 50px;
  margin-bottom: 25px;
  margin-top: 0;
}

.form-control:focus {
  box-shadow: none !important;
}

.footer-form .input-group {
  border-bottom: 1px solid #616161;
}

.qodef-button.qodef-type--filled {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1.76em;
  font-weight: 500;
  letter-spacing: 0.3em;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 0;
  outline: 0;
  -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out,
    border-color 0.2s ease-out;
  padding: 13px 0;
  text-align: center;
  color: #fff;
  border: 1px solid transparent;
  cursor: pointer;
}

.qodef-button.qodef-type--filled .qodef-border-holder {
  position: absolute;
  left: 3px;
  right: 3px;
  top: 3px;
  bottom: 3px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

button[type="submit"] span {
  display: block;
  line-height: inherit;
}

.qodef-button.qodef-layout--borders-animated:hover .qodef-bottom-border,
.qodef-button.qodef-layout--borders-animated:hover .qodef-top-border {
  width: calc(100% + 1px);
}

.qodef-button.qodef-layout--borders-animated .qodef-top-border {
  top: -1px;
  right: 0;
}

.qodef-button.qodef-layout--borders-animated .qodef-bottom-border,
.qodef-button.qodef-layout--borders-animated .qodef-top-border {
  width: 0;
  height: 1px;
}

.qodef-button.qodef-layout--borders-animated:hover .qodef-left-border,
.qodef-button.qodef-layout--borders-animated:hover .qodef-right-border {
  height: calc(100% + 1px);
}

.qodef-button.qodef-layout--borders-animated .qodef-right-border {
  top: 0;
  right: -1px;
}

.qodef-button.qodef-layout--borders-animated .qodef-left-border,
.qodef-button.qodef-layout--borders-animated .qodef-right-border {
  width: 1px;
  height: 0;
}

.qodef-button.qodef-layout--borders-animated:hover .qodef-bottom-border,
.qodef-button.qodef-layout--borders-animated:hover .qodef-top-border {
  width: calc(100% + 1px);
}

.qodef-button.qodef-layout--borders-animated .qodef-bottom-border {
  left: 0;
  bottom: -1px;
}

.qodef-button.qodef-layout--borders-animated .qodef-bottom-border,
.qodef-button.qodef-layout--borders-animated .qodef-top-border {
  width: 0;
  height: 1px;
}

.qodef-button.qodef-layout--borders-animated:hover .qodef-left-border,
.qodef-button.qodef-layout--borders-animated:hover .qodef-right-border {
  height: calc(100% + 1px);
}

.qodef-button.qodef-layout--borders-animated .qodef-left-border {
  left: -1px;
  bottom: 0;
}

.qodef-button.qodef-layout--borders-animated .qodef-left-border,
.qodef-button.qodef-layout--borders-animated .qodef-right-border {
  width: 1px;
  height: 0;
}

.qodef-button.qodef-layout--borders-animated .qodef-bottom-border,
.qodef-button.qodef-layout--borders-animated .qodef-left-border,
.qodef-button.qodef-layout--borders-animated .qodef-right-border,
.qodef-button.qodef-layout--borders-animated .qodef-top-border {
  position: absolute;
  background-color: #fff;
  -webkit-transition: 0.5s cubic-bezier(0.71, 0.29, 0.18, 0.97);
  -o-transition: 0.5s cubic-bezier(0.71, 0.29, 0.18, 0.97);
  transition: 0.5s cubic-bezier(0.71, 0.29, 0.18, 0.97);
}

.contact-btn {
  background-color: #bb8c2b !important;
  width: calc(100% - 30px) !important;
  margin: 0 auto !important;
  margin-left: 15px !important;
  margin-top: 30px !important;
}

.error {
  color: #ff0000;
  font-weight: 200;
  font-size: 14px;
}
#brochure-form label.error,
#price-form label.error,
#enquire-form label.error {
  font-weight: 600;
  font-size: 9px;
}

.footer-sociallink {
  color: red;
}

.footer-sociallink li {
  width: calc(calc(100% / 5) - 0px);
  float: left;
  background: #bb8c2b;
  height: 70px;
}

.footer-sociallink li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-decoration: none;
}

.footer-sociallink li a i {
  color: #ffffff;
}

.footer-sociallink li a i:before {
  font-size: 25px;
}

.footer-sociallink .facebook {
  background: #4267b2;
}

.footer-sociallink .twitter {
  background: #1cb7eb;
}

.footer-sociallink .instagram {
  background: #f09433;
  background: -moz-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: -webkit-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

.footer-sociallink .linkedin {
  background: #0077b5;
}

.footer-sociallink .youtube {
  background: #f70000;
}

.footer-sociallink .whatsapp {
  background: #25d366;
}

.footer-top {
  margin: 70px 0 40px;
}

.footer-top p {
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #222;
  font-size: 15px;
  border-top: 1px solid #b3b3b3;
  padding: 20px 0;
  border-bottom: 1px solid #b3b3b3;
  margin-bottom: 0;
}

.footer-top p span {
  color: #bb8c2b;
}

.footer-top p a {
  color: #222;
  text-decoration: none;
}

.footer {
  margin: 60px 0 20px;
}
.wp-img {
  position: fixed;
  z-index: 999999999;
  bottom: 10px;
  right: 10px;
}
.walink {
  font-size: 24px;
  color: rgb(255, 255, 255) !important;
  background: linear-gradient(
    90deg,
    rgb(18, 198, 101) 0.85%,
    rgb(0, 148, 70) 100%
  );
  border-radius: 50%;
  padding: 10px;
  outline: none !important;
  border: none;
  cursor: pointer;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-linkwrap {
  margin-bottom: 30px;
}

.footer-linkwrap h3 {
  color: #bb8c2b;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  position: relative;
  margin-bottom: 30px;
}

.footer-linkwrap h3:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 50px;
  background: #222222;
  bottom: -13px;
  left: 0;
}

.footer-linkwrap ul {
  content: "";
}

.footer-linkwrap ul li {
  margin-bottom: 10px;
  transform: translateX(0px);
  transition: 0.3s;
}

.footer-linkwrap ul li a {
  color: #222;
  font-size: 15px;
  transition: 0.3s;
  text-decoration: none;
  display: block;
}

.footer-linkwrap ul li:hover {
  transform: translateX(5px);
  transition: 0.3s;
}

.footer-linkwrap ul li:hover a {
  color: #bb8c2b;
  transition: 0.3s;
}

.copytxt {
  border-top: 1px solid #b3b3b3;
  padding-top: 30px;
  text-align: center;
}
.signatureImg {
  /* border-top: 1px solid #b3b3b3; */
  padding: 20px 0;
  margin: auto;
}

.animetxt1,
.animetxt2,
.animetxt3,
.animetxt4,
.animetxt5,
.animetxt6,
.animetxt7,
.animetxt8,
.animetxt9 {
  position: relative;
  overflow: hidden;
}

.animetxt1 .letter,
.animetxt2 .letter,
.animetxt3 .letter,
.animetxt4 .letter,
.animetxt5 .letter,
.animetxt6 .letter,
.animetxt7 .letter,
.animetxt8 .letter,
.animetxt9 .letter {
  display: inline-block;
  line-height: 1em;
}

.outer-head {
  font-size: 11.5em;
  font-weight: 700;
  position: absolute;
  top: -72px;
  z-index: -1;
  right: 1em;
  opacity: 0.1;
  color: #717171;
  font-family: "Playfair Display", serif;
}

.glob-sec .sec-head .bnews.blur-head {
  right: 2em;
}

.headmoving {
  -webkit-animation: linear infinite;
  -webkit-animation-name: run;
  -webkit-animation-duration: 90s;
  display: none;
}

@-webkit-keyframes run {
  0% {
    left: 0;
  }

  50% {
    left: 70%;
  }

  100% {
    left: 0;
  }
}

.headmoving2 {
  -webkit-animation: linear infinite;
  -webkit-animation-name: run2;
  -webkit-animation-duration: 90s;
  display: none;
}

@-webkit-keyframes run2 {
  0% {
    right: 0;
  }

  50% {
    right: 70%;
  }
  100% {
    right: 0;
  }
}

/*----Cursor follower style 2----------------------*/

.mouse-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
}

.cursor-inner {
  margin-left: 2px;
  margin-top: 2px;
  width: 6px;
  height: 6px;
  z-index: 10000001;
  background-color: #bb8c2b;
  -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out,
    margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out,
    margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out,
    margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.cursor-inner.cursor-hover {
  margin-left: -40px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
  background-color: #bb8c2b;
  opacity: 0.3;
}

.cursor-outer {
  margin-left: -15px;
  margin-top: -15px;
  width: 40px;
  height: 40px;
  border: 1px solid #bb8c2b;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.5;
  -webkit-transition: all 0.08s ease-out;
  -o-transition: all 0.08s ease-out;
  transition: all 0.08s ease-out;
}

.cursor-outer.cursor-hover {
  opacity: 0;
}

/* ====================== [ End Cursor Style ] ====================== */

/* ====================== [ Start progress-wrap ] ====================== */

.progress-wrap {
  position: fixed;
  bottom: 30px;
  right: 30px;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.progress-wrap::after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "\f077";
  text-align: center;
  line-height: 44px;
  font-size: 13px;
  font-weight: 900;
  color: #bb8c2b;
  left: 0;
  top: 0;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

.progress-wrap svg path {
  fill: none;
}

.progress-wrap svg.progress-circle path {
  stroke: #bb8c2b;
  stroke-width: 4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

/* ====================== [ End progress-wrap ] ====================== */

.inner-banner {
  height: 400px;
  background: url("../images/inner-residential.jpg");
  position: relative;
  background-size: cover !important;
}

.inner-banner .inner-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
}

.inner-banner .inner-overlay .banner-wrap p {
  text-align: center;
  color: #fff;
  font-weight: 400;
  font-size: 25px;
}

.inner-banner .inner-overlay .banner-wrap h2 {
  text-align: center !important;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  font-size: 70px;
  line-height: 100px;
  color: #ffffff;
}

.inner-banner .inner-overlay .banner-wrap h2 span {
  color: #bb8c2b;
}
.inner-banner .inner-overlay .banner-wrap h1 {
  text-align: center !important;
  font-family: "Playfair Display", serif;
  font-weight: 700;
  font-size: 70px;
  line-height: 100px;
  color: #ffffff;
}

.inner-banner .inner-overlay .banner-wrap h1 span {
  color: #bb8c2b;
}

/* -------------------  TAB -----------------------*/

.mytab {
  text-align: center;
  border-bottom: none;
  margin-bottom: 40px;
  margin-top: 30px;
}

.mytab li {
  float: none !important;
  display: inline-block;
  margin-bottom: 10px;
  margin-left: -6px;
}

.mytab > li.active > a,
.mytab > li.active > a:hover,
.mytab > li.active > a:focus {
  color: #fff;
  background-color: #bb8c2b;
  border: none;
  cursor: pointer;
  border-radius: 0;
}

.mytab > li > a:hover,
.mytab > li > a:focus {
  color: #222222;
  /*padding: 9px 20px !important;*/
  border: none;
  border-radius: 0;
  background: #ededed;
  transition: ease all 0.5s;
}

.mytab > li > a {
  color: #222222;
  padding: 9px 20px !important;
  border: none;
  border-radius: 0;
  font-size: 15px;
  font-weight: 400;
  background: #ededed;
  text-transform: uppercase;
  letter-spacing: 3px;
  transition: ease all 0.5s;
  font-family: "DINPro-Regular";
}

/*-------------------------------------------------*/

.projects-two-info {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 155px 30px 30px 30px;
  margin-right: 70px;
  position: relative;
  z-index: 1;
}

.projects-two-info:after {
  content: "";
  position: absolute;
  left: 100%;
  bottom: 0px;
  top: 0px;
  height: 100%;
  width: 0px;
  z-index: -1;
  background-color: #1d262c;
  transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

.projects-two-info:hover:after {
  width: 100%;
  left: 0;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
  z-index: -1;
}

.projects-two-info.bg-white:hover .wt-tilte a,
.projects-two-info.bg-white:hover p {
  color: #fff;
}

.projects-two-info.bg-white:hover .wt-tilte a:hover {
  color: #d5dd02;
}

.projects-two-info .wt-media {
  margin-top: 30px;
  margin-right: -100px;
}

.projects-two-info .wt-tilte {
  position: relative;
  z-index: 1;
}

.projects-two-info .wt-tilte:after {
  position: absolute;
  content: attr(data-title);
  opacity: 0.3;
  color: #000;
  font-weight: 700;
  font-size: 100px;
  line-height: 110px;
  text-transform: uppercase;
  bottom: 50px;
  left: 0px;
  z-index: -1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -ms-text-stroke-width: 1px;
  -moz-text-stroke-width: 1px;
  -o-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  -ms-text-stroke-color: #fff;
  -moz-text-stroke-color: #fff;
  -o-text-stroke-color: #fff;
}

.projects-two-info.bg-white .wt-tilte:after {
  -webkit-text-stroke-color: #000;
  -ms-text-stroke-color: #000;
  -moz-text-stroke-color: #000;
  -o-text-stroke-color: #000;
}

.projects-two-info.bg-white:hover .wt-tilte:after {
  -webkit-text-stroke-color: #fff;
  -ms-text-stroke-color: #fff;
  -moz-text-stroke-color: #fff;
  -o-text-stroke-color: #fff;
}

/* Glass reflection*/

.img-reflection {
  background-position: left top;
  position: relative;
  overflow: hidden;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.img-reflection:after {
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  width: 35%;
  height: 200%;
  left: -100%;
  top: -50%;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -moz-transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
}

.img-reflection:hover:after {
  left: 150%;
}

.projects-two-info {
  padding: 30px 30px 30px 30px !important;
}

.projects-two-info .sect-logo {
  width: 110px !important;
  border-radius: 5px;
  margin-bottom: 20px;
  max-width: 100%;
  padding: 5px;
}

.projects-two-info .wt-media {
  margin-top: 5px;
}

.projects-two-info .sectorprice {
  font-size: 15px;
  margin-bottom: 20px;
}

.sectorprice span {
  color: #bb8c2b;
  font-weight: 600;
  /* font-size: 18px; */
  font-size: 16px;
}

.projects-two-info h4 {
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 20px;
}

.projects-two-info h4 a {
  color: #222222;
}

.projects-two-info {
  padding: 30px 30px 30px 30px !important;
  background: #f4f4f4;
  margin-bottom: 40px;
  border-radius: 8px;
  box-shadow: 7px 7px 5px 0px rgba(0, 0, 0, 0.1);
}

.projects-two-info:after {
  background-color: #bb8c2b;
  border-radius: 8px;
}

.site-button {
  background-color: #7fad3c;
  color: #fff;
}

.projects-two-info:hover .config-list li {
  color: #fff;
}

.config-list {
  width: 100%;
  margin-bottom: 15px;
}

.config-list li {
  display: block;
  width: 100%;
  float: left;
  font-size: 16px;
  margin-bottom: 8px;
}

.config-list li span {
  /*color: #feb63e;*/
  font-weight: 400;
}

.config-list li:last-child {
  width: 100%;
}

.projects-two-info .project-disc {
  margin-bottom: 0;
  margin-top: 10px;
  text-align: justify;
  font-size: 15px;
  line-height: 19px;
}

.projects-two-info:hover h4 a {
  color: #fff;
}

.projects-two-info:hover .sect-logo {
  background: #fff;
}

.projects-two-info:hover .sectorprice {
  color: #fff;
}

.projects-two-info:hover .sectorprice span {
  color: #ffffff;
}

.projects-two-info:hover .project-disc {
  color: #ffffff;
}

.sectorknowmore {
  text-decoration: none !important;
  padding: 12px 0 9px 0;
  text-align: center;
  font-size: 16px;
  border-radius: 0;
  width: 100%;
  /* margin: 0 auto; */
  display: block;
  color: #fff;
  font-weight: 600;
  margin-top: 20px;
  border: 0 !important;
  background: linear-gradient(180deg, #fff 50%, #bb8c2b 0) no-repeat scroll 100%
    100%/100% 210% #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.projects-two-info:hover .sectorknowmore {
  background-position: 100% 0;
  color: #222;
}

.sectorknowmore:hover,
.sectorknowmore:focus {
  background-position: 100% 0;
  color: #222;
}

.mobbanner-overlay {
  content: "";
}

.side-menu {
  border-radius: 0 0 0 0;
  background: #b98e33;
  position: fixed;
  right: -100%;
  width: 300px;
  max-width: 100%;
  top: 0;
  height: 100vh;
  z-index: 9999;
  padding-top: 80px;
  padding-bottom: 20px;
  transition: 0.6s;
}

.side-menu:before {
  position: absolute;
  content: "";
  right: 36px;
  top: 55px;
  bottom: 10px;
  width: 1px;
  background-color: #ffffff;
  z-index: -1;
}

.mobile-menu {
  overflow: scroll;
  height: calc(100vh - 100px);
}

.mobile-menu li {
  display: block;
  margin-bottom: 4px;
  text-align: left;
  position: relative;
}

.mobile-menu li a {
  padding: 10px 90px 10px 20px;
  font-size: 16px;
  display: block;
  color: #fff;
  text-align: right;
  text-decoration: none;
}

.mobile-menu li a span {
  font-size: 14px;
  display: block;
  margin-top: 3px;
}

.mobile-menu li.has_submenu a .mm_cta {
  position: absolute;
  width: 30px;
  height: 30px;
  background-image: url(../img/minus-white-icon.png);
  background-size: 65% auto;
  background-position: center;
  background-repeat: no-repeat;
  right: 22px;
  top: 3px;
  margin-top: 0;
  transform: none;
  opacity: 1;
  border-radius: 0;
  background-color: #b98e33;
  z-index: 2;
  cursor: pointer;
}

.mobile-menu li.has_submenu .color {
  background-color: #9b7930;
}

.mobile-menu li.has_submenu .color.collapsed {
  background-color: transparent !important;
}

.mobile-menu li.has_submenu a.collapsed .mm_cta {
  background-image: url(../img/plus-white-icon.png);
}

.submenu a {
  background: transparent !important;
}

.close-menu {
  display: flex;
  position: absolute;
  top: 16px;
  right: 17px;
  transform: rotate(45deg);
  color: #fff;
  cursor: pointer;
}

.close-menu:before {
  font-size: 39px !important;
}

.search-icon {
  display: flex;
  padding: 6px;
  border: 1px solid #bb8c2b;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: 5px;
  margin-right: 0;
  color: #ffffff;
  background: #bb8c2b;
  cursor: pointer;
}

.search-icon:before {
  font-size: 23px !important;
}

.search-icon.iopen {
  transform: rotate(45deg);
  background: #191919;
  border-color: #191919;
}

.search-icon.iopen:before {
  content: "";
}

.search-box {
  position: absolute;
  width: 100%;
  padding: 20px;
  background: #333;
  left: 0;
  top: 103px;
  z-index: 91;
  display: none;
}

#searchform {
  content: "";
}

#searchform .input-group,
#searchform input,
#searchform button {
  height: 40px !important;
}

#searchform .input-group {
  content: "";
}

#searchform input {
  border: none;
  font-size: 15px;
}

#searchform .input-group .input-group-btn button {
  border: none;
  background: #bb8c2b;
  color: #fff;
}

.breadcrumbwrap {
  content: "";
}

.breadcrumbwrap .breadcrumb {
  margin-bottom: 0;
  background: #fff;
  padding: 8px 15px 11px;
}

.breadcrumbwrap .breadcrumb li {
  content: "";
}

.breadcrumbwrap .breadcrumb li a {
  font-size: 15px;
  color: #bb8c2b;
  text-decoration: none;
}

.breadcrumbwrap .breadcrumb li a.active {
  color: #222;
}

.breadcrumb > li + li:before {
  content: "»" !important;
}

.mob-tab-selected {
  display: none;
}

.page-tabs {
  background: #f5f5f5;
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 99;
}

.page-tabs ul {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}

.page-tabs ul li {
  list-style: none;
}

.page-tabs ul > li + li:before {
  content: "|" !important;
  color: #828282;
  position: absolute;
  left: -3;
  top: 15px;
}

.page-tabs ul li a {
  text-decoration: none !important;
}

.page-tabs .tab {
  color: #222222;
  padding: 17px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  position: relative;
  display: block;
}

.page-tabs .tab.active:before {
  /*content: '';*/
  background: #bb8c2b;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
}

#underline {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 132px;
  height: 2px;
  border-bottom: 2px solid #bb8c2b;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
}

.project-banner {
  position: relative;
  width: 100%;
}

.project-banner .owl-nav {
  margin-top: 0;
  position: absolute;
  width: 100%;
  bottom: 60px;
}

.project-banner .owl-nav button {
  color: #fff !important;
  outline: none !important;
  background: transparent !important;
}

.outer-head.pro-page {
  /* top: -80px; */
  top: -90px;
}

.pro-subhead h3 {
  font-family: "DINPro-Bold";
  font-size: 21px;
  margin-bottom: 20px;
}

.pro-subhead h4 {
  font-weight: 600;
  margin-bottom: 20px;
}

.brochure-btn {
  background-color: #bb8c2b !important;
  margin: 0 !important;
  width: 100% !important;
  margin-top: 20px !important;
}

.overview-video {
  width: 90%;
  margin: 0 auto;
  margin-top: 18%;
}

.glob-sec.bg-img {
  /*background: url(../images/sec-bg.jpg);*/
  background-attachment: fixed;
  background-position: 50% 0;
  background-repeat: repeat;
  position: relative;
}

.whybuy {
  content: "";
}

.whybuy li {
  background: #eaeaea;
  margin-bottom: 15px;
  padding: 15px 10px 15px 40px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.sustwhybuy li {
  flex-direction: row;
  padding: 15px 10px 15px 20px;
  align-items: center;
  justify-content: flex-start;
}
.sustwhybuy li:hover svg path {
  /* fill: #fff; */
  stroke: #fff;
}
.sustwhybuy li svg {
  margin-right: 20px;
}
.whybuy li span {
  position: relative;
  z-index: 2;
}

.whybuy li::after {
  content: "";
  position: absolute;
  height: 100%;
  left: 0;
  width: 0;
  background: #bb8c2b;
  top: 0;
  z-index: 1;
  transition: ease all 0.5s;
}

.whybuy li:before {
  /* content: ''; */
  height: 8px;
  width: 8px;
  background: #bb8c2b;
  position: absolute;
  left: 16px;
  top: 27px;
  border-radius: 50%;
  z-index: 2;
}
.point-disc {
  position: relative;
}

.whybuy li:hover .point-disc:after {
  background-color: #fff;
}

.point-disc:after {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #bb8c2b;
  border-radius: 50%;
  z-index: 2;
  content: "";
  top: 3px;
  left: -24px;
}

.whybuy li:hover::after {
  width: 100%;
  transition: ease all 0.5s;
}

.whybuy li:hover:before {
  background: #fff;
  transition: ease all 0.5s;
}

.whybuy li:hover {
  color: #ffffff;
  transition: ease all 0.5s;
}

.config-table {
  text-align: center;
  table-layout: fixed;
}

.config-table tbody tr td {
  border: none;
  font-size: 16px;
  padding: 15px 0;
}

.config-table tbody tr td a {
  text-decoration: none;
  font-weight: 600;
}

.config-table tbody tr td a:hover {
  color: #bb8c2b !important;
}

.config-table tbody tr:hover {
  background-color: #bb8c2b47;
}

.config-table thead tr th {
  border: none;
  background: #f4f4f4;
  text-align: center;
  padding: 20px 0;
  color: #bb8c2b;
  font-family: "Playfair Display", serif;
  font-size: 25px;
  font-weight: 800;
}

.mytab2 {
  text-align: center;
  border-bottom: none;
  margin-bottom: 40px;
  margin-top: 20px;
  padding-left: 0;
  position: relative;
  z-index: 2;
}

.mytab2 li {
  float: none !important;
  display: inline-block;
  padding: 0 5px;
}

.mytab2 > li.active > a,
.mytab2 > li.active > a:hover,
.mytab2 > li.active > a:focus {
  color: #fff;
  background-color: #bb8c2b;
  border: none !important;
  cursor: pointer;
  border-radius: 0;
}

.mytab2 > li > a:hover,
.mytab2 > li > a:focus {
  border-color: transparent !important;
  /*background-color: transparent;*/
  border-radius: 5px;
  color: #000000;
}

.mytab2 > li > a {
  color: #000000;
  text-decoration: none;
  padding: 3px 0;
}

.btn-2 {
  display: inline-block;
  position: relative;
  background: none;
  border: none;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  margin-right: 15px;
  background: rgba(0, 0, 0, 0.09);
}

.btn-2 span {
  display: block;
  padding: 10px 10px;
}

.btn-2::before,
.btn-2::after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: #bb8c2b;
}

.btn-2 span::before,
.btn-2 span::after {
  content: "";
  width: 2px;
  height: 0;
  position: absolute;
  transition: all 0.2s linear;
  background: #bb8c2b;
}

.btn-2:hover::before,
.btn-2:hover::after {
  width: 100%;
}

.btn-2:hover span::before,
.btn-2:hover span::after {
  height: 100%;
}

/*--- Button 2 -------*/

.btn-2::before,
.btn-2::after {
  transition-delay: 0s;
}

.btn-2 span::before,
.btn-2 span::after {
  transition-delay: 0.2s;
}

.btn-2::before {
  right: 0;
  top: 0;
}

.btn-2::after {
  left: 0;
  bottom: 0;
}

.btn-2 span::before {
  left: 0;
  top: 0;
}

.btn-2 span::after {
  right: 0;
  bottom: 0;
}

.btn-2:hover::before,
.btn-2:hover::after {
  transition-delay: 0.2s;
}

.btn-2:hover span::before,
.btn-2:hover span::after {
  transition-delay: 0s;
}

/*=========================================================================*/

.mytab2.tabw-7 li {
  width: calc(calc(100% / 7) - 4px);
}

.mytab2.tabw-7 li a {
  width: 100%;
  margin: 0;
}

.mytab2.tabw-6 li {
  width: calc(calc(100% / 6) - 4px);
}

.mytab2.tabw-6 li a {
  width: 100%;
  margin: 0;
}

.mytab2.tabw-5 li {
  width: calc(calc(100% / 5) - 4px);
}

.mytab2.tabw-5 li a {
  width: 100%;
  margin: 0;
}

.mytab2.tabw-4 li {
  width: calc(calc(100% / 4) - 4px);
}

.mytab2.tabw-4 li a {
  width: 100%;
  margin: 0;
}

.mytab2.tabw-3 li {
  width: calc(calc(100% / 3) - 4px);
}

.mytab2.tabw-3 li a {
  width: 100%;
  margin: 0;
}

.mytab2.tabw-2 li {
  width: calc(calc(100% / 2) - 4px);
}

.mytab2.tabw-2 li a {
  width: 100%;
  margin: 0;
}

.amewarp {
  margin-bottom: 60px;
}

.amewarp .ame {
  width: 115px;
  height: 115px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #bb8c2b;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  transition: ease all 0.5s;
}

.amewarp .ame i {
  color: #fff;
}

.amewarp .ame i:before {
  font-size: 62px;
}

.amewarp .ame img {
  width: 43px;
}

.amewarp .ame:before {
  content: "";
  background: url(../images/amenities-arc.png) center center;
  position: absolute;
  background-size: contain;
  width: 120%;
  height: 120%;
  transition: ease all 0.5s;
}

.amewarp p {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  height: 45px;
}

.amewarp:hover .ame:before {
  transition: ease all 0.5s;
  animation: rotate-object 2s linear infinite;
}

.amewarp:hover .ame {
  transition: ease all 0.5s;
  animation: pulse-cust 2s;
}

@keyframes rotate-object {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

.pulseanimation {
  animation: pulse-cust 2s infinite;
}

@-webkit-keyframes pulse-cust {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(187, 140, 43, 0.5);
  }

  70% {
    -webkit-box-shadow: 0 0 0 50px rgba(187, 140, 43, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(187, 140, 43, 0);
  }
}

@keyframes pulse-cust {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(187, 140, 43, 0.5);
  }

  70% {
    -webkit-box-shadow: 0 0 0 50px rgba(187, 140, 43, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(187, 140, 43, 0);
  }
}

.amenities-slider .owl-stage-outer {
  padding-top: 40px;
}

.amenities-slider .owl-nav i {
  color: #bb8c2b;
}

.amenities-slider .owl-nav button {
  color: #333 !important;
  outline: none !important;
  background: transparent !important;
}

.amenities-slider2 .owl-stage-outer {
  padding-top: 40px;
}

.amenities-slider2 .owl-nav i {
  color: #bb8c2b;
}

.amenities-slider2 .owl-nav button {
  color: #333 !important;
  outline: none !important;
  background: transparent !important;
}

.small-head {
  font-weight: 600;
  margin-bottom: 25px;
}

.artist-wrap {
  position: relative;
}

.artist-wrap img {
  width: 100%;
}
.proj-border {
  border: 1px solid #000;
}

.artist-wrap p,
.artist-imp-left {
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 12px;
  padding: 1px 7px;
  line-height: 13px;
}
.artist-imp-left {
  position: absolute;
  right: unset !important;
  left: 0;
}

.cstm-dropdown {
  margin-bottom: 40px;
}

.cstm-dropdown button {
  width: 100%;
  padding: 14px 20px;
  border: none;
  background: rgba(0, 0, 0, 0.09);
  position: relative;
}

.cstm-dropdown button .trigger-txt {
  float: left;
}

.cstm-dropdown button .caret {
  float: right;
  margin-top: 7px;
}

.cstm-dropdown ul {
  padding: 0 10px;
  border-radius: 0;
  width: 100%;
}

.cstm-dropdown ul li {
  border-bottom: 1px solid #bb8c2b;
}

.cstm-dropdown ul li a {
  margin: 0;
  width: 100%;
  line-height: 20px;
  padding: 12px 5px;
  font-size: 16px;
}

.cstm-dropdown ul li.active a {
  color: #333333;
  background: transparent;
}

.cstm-dropdown ul li.active a:hover,
.cstm-dropdown ul li.active a:focus {
  color: #333333;
  background: transparent;
}

.cstm-dropdown ul li:last-child {
  border: none;
}

.spe-list {
  content: "";
}

.spe-list li {
  margin-bottom: 9px;
  padding: 5px 5px 1px 28px;
  position: relative;
  line-height: 24px;
}

.spe-list li:before {
  content: "";
  height: 7px;
  width: 7px;
  background: #bb8c2b;
  position: absolute;
  left: 11px;
  top: 15px;
  border-radius: 50%;
  z-index: 2;
}

.spe-list li p {
  margin-bottom: 0;
  line-height: 24px;
}

.spe-list li strong {
  font-weight: 600;
}

.spe-haschild:before {
  display: none;
}

.spe-haschild ul li:before {
  content: "";
  height: 7px;
  width: 7px;
  background: transparent;
  position: absolute;
  left: 11px;
  top: 15px;
  border-radius: 50%;
  z-index: 2;
  border: 1px solid #000;
}

.floor .testimonial-gallery {
  border: 2px solid #dadada;
}

.testimonial-gallery.loc-tab-big img {
  height: 600px;
  object-fit: cover;
}

.testimonial-gallery.construction img {
  height: 290px;
  object-fit: cover;
}

/*----------Modal Design-------*/

.modal {
  z-index: 9999;
  background: rgba(185, 185, 185, 0.6);
}

.modal-content {
  background-color: #353535 !important;
}

.modal-body {
  background-size: cover;
  padding-bottom: 30px;
}

.modal-body .close {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #fff;
  opacity: 1;
  outline: none;
}

.modal-body .close span {
  height: 30px;
  width: 30px;
  display: block;
  font-size: 26px;
}

.modal-body h3 {
  color: #fff;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 3px;
  margin-top: -35px;
  margin-bottom: 10px;
}

.modal-body p {
  color: #fff;
  text-align: center;
  font-size: 15px;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

.modal-body p span {
  color: #bb8c2b;
  font-weight: 800;
}

.modal-body img {
  width: 90px;
  margin: 0px auto;
  display: block;
  position: relative;
  top: -60px;
}

.modal-dialog {
  margin-top: 7% !important;
  z-index: 9999 !important;
}

/*---modal form--*/

.modal-body form input,
.modal-body form input:focus,
.modal-body form select,
.modal-body form select:focus {
  height: 40px;
  border: 1px solid #ffffff;
  width: 100%;
  background: #fff;
  margin-bottom: 0;
  padding-left: 10px;
  border-radius: 0 7px 7px 0 !important;
  color: #222222;
  border-left: none;
  text-transform: initial;
  letter-spacing: 3px;
  font-size: 13px;
}

.modal-body form input::placeholder,
.modal-body form textarea::placeholder {
  color: #222222;
}

.modal-body form .input-group-addon {
  background: #fff;
  color: #bb8c2b;
  border: 1px solid #ffffff;
  border-right: 0;
  border-radius: 7px 0 0 7px;
}

.form-ico {
  font-size: 19px !important;
}

.modal-body form textarea {
  border: none;
  resize: none;
  /*background: #e4e4e4;*/
}

.modal-body form .form-group {
  height: 40px;
  margin-bottom: 23px;
  margin-top: 0;
}

.form-control:focus {
  box-shadow: none !important;
}

.pop-btn {
  background-color: #bb8c2b !important;
  width: 180px;
  display: block !important;
  margin: 0 auto !important;
  margin-left: calc(50% - 90px);
  margin-top: 0px !important;
  padding: 8px 0 !important;
}

/*-----------Modal End --------*/

input[type="checkbox"],
input[type="radio"] {
  width: initial !important;
  height: initial !important;
  margin-top: 2px;
}

.bannerlogo {
  position: absolute;
  /* top: 140px; */
  top: 150px;
  right: 10px;
  z-index: 9;
  width: 110px;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
}

/*---mobile fix footer----*/

.fixed-footer-cust {
  background: #3c3c3c;
  text-align: center;
  padding: 10px 0px 10px 0px;
  width: 100%;
  position: fixed;
  z-index: 99;
  bottom: -42px;
  transition: ease all 0.5s;
}

.fixed-footer-cust.ctaShow {
  bottom: 0;
  transition: ease all 0.5s;
}

.f-icon {
  height: 14px;
  width: 14px;
  padding-top: 4px;
}

.fix-link {
  color: #fff !important;
  font-size: 14px;
}

.div-line {
  border-right: 1px solid #fff;
}

.free-call:hover {
  color: #ffffff;
}

.i-am {
  padding: 0;
  background: transparent;
  border: none;
  background-image: none;
  box-shadow: none;
  outline: none !important;
}

.i-am:hover,
.i-am:focus {
  background: transparent !important;
}

/*---mobile fix footer----*/

.readmore {
  color: #bb8c2b !important;
  font-weight: 600;
  text-decoration: none !important;
  outline: none !important;
}

.readmore:focus {
  text-decoration: none !important;
}

.readmore i:before {
  content: "\f146" !important;
}

.readmore.collapsed i:before {
  content: "\f0fe" !important;
}

.managements {
  text-align: center;
  width: 75%;
  margin: 0 auto;
  position: relative;
  z-index: 9;
  margin-bottom: 20px;
}

.managements img {
  width: 200px !important;
  margin: 0 auto;
}

.managements p {
  font-size: 18px;
  line-height: 26px;
}

.managements .ma-quote {
  font-size: 18px;
  line-height: 26px;
  position: relative;
  text-align: justify;
}

.managements .ma-quote::after {
  content: "";
  font-family: Flaticon;
  font-style: normal;
  color: #333;
  position: absolute;
  left: 46%;
  z-index: -1;
  top: 39%;
  font-size: 200px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -63px;
  opacity: 0.1;
}

.managements .ma-quote::before {
  content: "";
  font-family: Flaticon;
  font-style: normal;
  color: #bb8c2b;
  font-size: 26px;
}

.managements .ma-tittle {
  font-family: "Playfair Display", serif;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #bb8c2b;
  margin-top: 0;
}

.managements .ma-post {
  margin-bottom: 30px;
}

.cust-onav .owl-nav {
  margin-top: 40px;
}

.cust-onav .owl-nav i {
  color: #bb8c2b;
}

.cust-onav .owl-nav button {
  color: #333 !important;
  outline: none !important;
  background: transparent !important;
}

.slick-slider .slick-arrow {
  color: #333333 !important;
  text-decoration: none !important;
}

.slick-slider .slick-arrow:hover {
  cursor: pointer;
}

.slick-slider i {
  color: #bb8c2b;
}

.main-nav .navbar-nav li.dropdown {
  content: "";
}

.main-nav .navbar-nav li.dropdown ul.dropdown-menu {
  padding: 0;
  border-radius: 0;
}

.main-nav .navbar-nav li.dropdown ul.dropdown-menu.multi-level li.level1 {
  border-left: 3px solid #e0e0e0;
  transition: ease all 0.5s;
}

.main-nav .navbar-nav li.dropdown ul.dropdown-menu.multi-level li.level1 a {
  padding: 9px 15px !important;
  font-size: 16px;
  font-weight: 300;
  text-transform: capitalize;
  transition: ease all 0.5s;
  position: relative;
  outline: none;
}

.main-nav
  .navbar-nav
  li.dropdown
  ul.dropdown-menu.multi-level
  li.level1
  a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #bb8c2b;
  right: 1px;
  bottom: -9px;
  opacity: 0;
}

.main-nav
  > .navbar-nav
  > li.dropdown
  > ul.dropdown-menu.multi-level
  > li.level1:hover
  > a {
  background: #e0e0e0;
  transform: translateX(10px);
  transition: ease all 0.5s;
}

.main-nav
  > .navbar-nav
  > li.dropdown
  > ul.dropdown-menu.multi-level
  > li.level1:hover
  > a::after {
  opacity: 1;
  transition: ease all 0.5s;
}

.main-nav
  > .navbar-nav
  > li.dropdown
  > ul.dropdown-menu.multi-level
  > li.level1:hover {
  border-color: #bb8c2b;
  background: #e0e0e0;
  transition: ease all 0.5s;
}

.main-nav .navbar-nav li.dropdown:hover .multi-level {
  display: block;
}

.main-nav .navbar-nav li.dropdown ul.dropdown-menu.multi-level li.level2 {
  border-left: 3px solid #e0e0e0;
  transition: ease all 0.5s;
}

.main-nav .navbar-nav li.dropdown ul.dropdown-menu.multi-level li.level2 a {
  padding: 9px 15px !important;
  font-size: 16px;
  text-transform: capitalize;
  transition: ease all 0.5s;
  position: relative;
  outline: none;
}

.main-nav
  .navbar-nav
  li.dropdown
  ul.dropdown-menu.multi-level
  li.level2
  a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #bb8c2b;
  right: 1px;
  bottom: -9px;
  opacity: 0;
}

.main-nav
  > .navbar-nav
  > li.dropdown
  > ul.dropdown-menu.multi-level
  li.level2:hover
  > a {
  background: #e0e0e0;
  transform: translateX(10px);
  transition: ease all 0.5s;
}

.main-nav
  > .navbar-nav
  > li.dropdown
  > ul.dropdown-menu.multi-level
  li.level2:hover
  > a::after {
  opacity: 1;
  transition: ease all 0.5s;
}

.main-nav
  > .navbar-nav
  > li.dropdown
  > ul.dropdown-menu.multi-level
  li.level2:hover {
  border-color: #bb8c2b;
  background: #e0e0e0;
  transition: ease all 0.5s;
}

.main-nav .navbar-nav li.dropdown ul.dropdown-menu.multi-level li.level3 {
  border-left: 3px solid #e0e0e0;
  transition: ease all 0.5s;
}

.main-nav .navbar-nav li.dropdown ul.dropdown-menu.multi-level li.level3 a {
  padding: 9px 15px !important;
  font-size: 16px;
  text-transform: capitalize;
  transition: ease all 0.5s;
  position: relative;
  outline: none;
}

.main-nav
  .navbar-nav
  li.dropdown
  ul.dropdown-menu.multi-level
  li.level3
  a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #bb8c2b;
  right: 1px;
  bottom: -9px;
  opacity: 0;
}

.main-nav
  > .navbar-nav
  > li.dropdown
  > ul.dropdown-menu.multi-level
  li.level3:hover
  > a {
  background: #e0e0e0;
  transform: translateX(10px);
  transition: ease all 0.5s;
}

.main-nav
  > .navbar-nav
  > li.dropdown
  > ul.dropdown-menu.multi-level
  li.level3:hover
  > a::after {
  opacity: 1;
  transition: ease all 0.5s;
}

.main-nav
  > .navbar-nav
  > li.dropdown
  > ul.dropdown-menu.multi-level
  li.level3:hover {
  border-color: #bb8c2b;
  background: #e0e0e0;
  transition: ease all 0.5s;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  margin-left: 0;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

.nri-headlogo {
  width: 350px;
  margin-bottom: 14px;
  position: relative;
  z-index: 9;
  max-width: 100%;
}

.mytab2.tableft {
  text-align: left;
}

p a {
  color: initial;
  text-decoration: none !important;
}

p a:hover {
  color: #bb8c2b;
}

.owl-carousel .owl-item .item {
  padding: 1px;
}

.sec-download {
  padding: 40px 0 80px;
  background: #ededed;
}

.sec-download .download-profile {
  margin: 0 !important;
  width: 100% !important;
  position: relative !important;
  z-index: 9 !important;
}

.cst-accordion .panel {
  border-radius: 0;
  border: 0;
  margin-top: 0;
  background: 0 0;
  margin-bottom: 15px;
}

.cst-accordion a {
  position: relative;
  display: flex;
  align-items: center;
  padding: 13px 15px;
  border: none;
  text-decoration: none;
  transition: ease all 0.5s;
  letter-spacing: 1px;
  background: #00000003;
  color: #222;
}

.cst-accordion .panel-heading a.collapsed:focus,
.cst-accordion .panel-heading a.collapsed:hover {
  transition: all 0.2s ease-in;
}

.cst-accordion .panel-heading a.collapsed:focus::before,
.cst-accordion .panel-heading a.collapsed:hover::before {
  color: #fff;
}

.cst-accordion .panel-heading {
  padding: 0;
  border-radius: 0;
}

.cst-accordion .panel-heading a:not(.collapsed) {
  color: #fff;
  background-color: #bb8c2b;
  transition: all 0.2s ease-in;
}

.cst-accordion .panel-heading a::after {
  font-family: FontAwesome;
  content: "\f00d";
  float: left;
  color: #fff;
  font-weight: lighter;
  transform: rotate(0);
  margin-right: 10px;
  transition: all 0.2s ease-in;
  position: absolute;
  right: 0;
}

.cst-accordion .panel-heading a.collapsed::after {
  color: #bb8c2b;
  transform: rotate(-135deg);
  transition: all 0.2s ease-in;
}

.cst-accordion .panel-body {
  padding: 15px;
  border: none !important;
  background: #f5f5f5;
}

.cst-accordion .panel-group .panel-heading {
  border-bottom: 0;
  background: 0 0;
}

.cst-accordion .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}

/* Currency css--------------*/

.currency-convertwrap {
  width: 100%;
  margin: 0 auto;
  /*border: 0px solid #7fad3c;*/
  padding: 35px;
  background-image: url("../images/currency-bg.jpg");
  background-size: 30%;
  background-attachment: fixed;
}

.c-tblwrap {
  background: #fffffff0;
  padding-bottom: 20px;
}

.currency-convertwrap table {
  margin-bottom: 0 !important;
  background-color: transparent !important;
  font-family: "DINPro-Regular" !important;
}

.currency-convertwrap table td {
  padding: 15px 20px 0 20px !important;
  font-size: 17px;
  top: 0 !important;
  border: none;
}

.currency-convertwrap table tr {
  border: none;
}

.currency-convertwrap table tr td a {
  content: "";
}

.currency-convertwrap table td input,
.currency-convertwrap table td select {
  width: 100% !important;
  height: 40px;
  text-align: left !important;
  padding: 3px 10px;
  border: none;
  box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.1);
  letter-spacing: 1px;
  color: #000;
  background: transparent;
  border-bottom: 1px solid #333;
  outline: none;
}

.currency-convertwrap table td input:focus {
  background: #fff;
}

.currency-convertwrap table td label {
  margin-top: 23px;
  font-size: 30px !important;
  margin-bottom: 0px;
}

/* --------------------------------- */

.sec-siteadd {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: -60px;
  padding: 5px 0 40px 0;
}

.pro-address {
  content: "";
}

.pro-address h4,
.pro-address .approvedby {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  color: #bb8c2b;
  text-align: center;
  letter-spacing: 2px;
  margin-bottom: 25px;
}

.pro-address h4:after,
.pro-address .approvedby:after {
  content: "";
  width: 50px;
  height: 2px;
  background: #222;
  position: absolute;
  bottom: -11px;
  left: 50%;
  margin-left: -25px;
}

.pro-address p {
  line-height: 25px;
  margin-bottom: 0;
}

.pro-address p span {
  color: #bb8c2b;
}

.oncontact-us {
  height: 500px;
}

.oncontact-us .banner-wrap {
  margin-top: -170px;
}

.site-mainwrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}

.pro-wrap {
  margin-bottom: 30px;
}

.pro {
  position: relative;
  padding: 20px;
  display: -webkit-box;
  text-align: center;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
}

.pro-corner {
  width: 100%;
}

.pro:before,
.pro:after,
.pro > :first-child:before,
.pro > :first-child:after {
  position: absolute;
  width: 17px;
  height: 17px;
  border-color: #bb8c2b;
  border-style: solid;
  content: " ";
}

.pro:before {
  top: 0;
  left: 0;
  border-width: 3px 0 0 3px;
}

.pro:after {
  top: 0;
  right: 0;
  border-width: 3px 3px 0 0;
}

.pro > :first-child:before {
  bottom: 0;
  right: 0;
  border-width: 0 3px 3px 0;
}

.pro > :first-child:after {
  bottom: 0px;
  left: 0;
  border-width: 0 0 3px 3px;
}

.site-address img.prologo {
  width: 100px;
}

.site-address img.icon {
  width: 55px;
}

.site-address h3 {
  font-size: 17px;
  font-weight: 600;
  margin: 15px 0;
  padding-top: 15px;
  border-top: 1px solid #ededed;
}

.site-address p {
  font-size: 16px;
}

.google-btn {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  border-radius: 15px;
}

.msgicon {
  height: 100px;
  width: 100px;
  border: 4px solid #fff;
  font-size: 39px;
  background: #bb8c2b;
  color: #fff;
  border-radius: 50%;
  padding: 27px;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.oops {
  text-align: center;
  font-size: 45px;
  margin-top: 20px;
  margin-bottom: 20px;
  letter-spacing: 1px;
  font-weight: 800;
  text-transform: capitalize;
}

.oops span {
  font-weight: 300;
}

.oops-subtitle {
  font-size: 20px;
  letter-spacing: 0px;
  line-height: 30px;
  text-transform: capitalize;
}
.go-home-wrapper {
  /* margin-top: 70px; */
  margin-top: 30px;
  text-align: center;
}
.go-home {
  color: #222;
  font-size: 19px;
  padding: 10px;
  width: 268px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  transition: ease 0.5s;
  line-height: 20px;
  letter-spacing: 2px;
}

.go-home:hover {
  transition: ease 0.5s;
  color: #ffffff;
  background: #bb8c2b;
  border-radius: 25px;
}
.brochure-wrapper {
  margin: 30px 0;
}
.theme-btn {
  background: #bb8c2b;
  padding: 10px 15px;
  border-radius: 25px;
  text-transform: uppercase;
}
.theme-btn,
.theme-btn:hover {
  color: #fff !important;
  font-weight: 600;
  text-decoration: none !important;
}

.oops-greet {
  color: #222;
  font-size: 25px;
  margin-bottom: 15px;
}

#pageloader {
  background: rgba(0, 0, 0, 0.9);
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 9999999;
  top: 0;
}

.loading-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading-wrap img {
  width: 100px;
  border-radius: 50%;
  transition: all 0.5s ease-in-out;
}

@-webkit-keyframes rotateAnimation {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotateAnimation {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.faq-table .table-bordered > thead > tr > th {
  font-weight: 800;
}

.big-head {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 20px;
}

.csr-head {
  font-size: 28px;
  font-weight: 600;
  color: #bb8c2b;
  margin-bottom: 15px;
}

.csrbox {
  text-align: center;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 40px;
}

.csrbox .crm-img {
  content: "";
}

.csrbox .crm-img img {
  width: 100%;
}

.csrbox p {
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 600;
}

.csrbox p span {
  font-size: 16px;
  font-weight: 400;
}

.link-cta {
  color: #bb8c2b !important;
  text-decoration: none !important;
}

.link-cta:hover,
.link-cta:focus {
  text-decoration: none !important;
  cursor: pointer;
}

.animate-img {
  position: relative;
}

.animate-img .img-back {
  width: 100%;
  position: relative;
  max-width: 100%;
}

.animate-img .img-back .cover-img {
  position: relative;
  width: 100%;
}

.animate-img .img-back .cover-img .img-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #bb8c2b;
}

.animate-img .img-back .cover-img img {
  display: block;
  width: 100%;
  height: 475px;
  object-fit: cover;
}

.animate-img .img-front {
  width: 400px;
  position: absolute;
  top: 37%;
  right: 0;
  max-width: 70%;
  z-index: 1;
}

.animate-img .img-front .cover-img {
  position: relative;
  width: 100%;
}

.animate-img .img-front .cover-img .img-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #bb8c2b;
}

.animate-img .img-front .cover-img img {
  display: block;
  width: 100%;
}

.loyalty-box-head {
  display: flex;
  height: 400px;
  border: 10px solid #bb8c2b;
  position: relative;
  top: 34px;
  left: -90px;
  justify-content: center;
  align-items: center;
  padding-left: 95px;
  padding-right: 15px;
  width: calc(100% + 95px);
}

.loyalty-box-head .l-wrap {
  width: 100%;
}

.loyalty-box-head .l-wrap h2 {
  font-weight: 700;
  color: #bb8c2b;
  font-size: 33px;
  line-height: 43px;
}

.loyalty-box-head .l-wrap h2 span {
  color: #333333;
}

.loyalty-box-head .l-wrap p {
  font-size: 15px;
  line-height: 20px;
}

.loyalty-box-head:before {
  content: "";
  position: absolute;
  left: -10px;
  top: -10px;
  width: 90px;
  border: 10px solid #fff;
  height: calc(100% + 20px);
  border-right: 0;
}

.loyalty-box-head.right-side {
  right: -90px;
  padding-right: 95px;
  padding-left: 15px;
  width: calc(100% + 90px);
  left: 0;
}

.loyalty-box-head.right-side:before {
  content: "";
  right: -10px;
  left: initial;
  top: -10px;
  border: 10px solid #fff;
  border-left: 0;
  z-index: 1;
}

.loyal-process {
  text-align: center;
  position: relative;
}

.loyal-process .lo-flex {
  content: "";
}

.loyal-process .lo-flex img {
  width: 90px;
  margin-bottom: 20px;
}

.loyal-process .lo-flex h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.loyal-process .lo-flex p {
  content: "";
}

.loyal-process:after {
  content: "";
  font-family: "Playfair Display", serif;
  position: absolute;
  font-size: 300px;
  top: 15px;
  font-weight: 800;
  left: 47%;
  margin-left: -50px;
  z-index: -1;
  line-height: 130px;
  opacity: 0.08;
}

.loyal-process.stp1:after {
  content: "1";
}

.loyal-process.stp2:after {
  content: "2";
}

.loyal-process.stp3:after {
  content: "3";
}

.form-line {
  margin: 0 0 20px !important;
}

.cust-radio {
  color: #ffffff;
  font-size: 16px;
}

.cust-radio .radio {
  display: inline-block;
}

#flatdata {
  display: none;
}

input[type="radio"]:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #d1d3d1;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}

input[type="radio"]:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #bb8c2b;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}

#career-form input::-webkit-file-upload-button {
  height: 27px;
  margin-top: 10px;
}

#career-form input[type="file"] {
  font-size: 14px;
}

.file-type {
  font-size: 11px;
  line-height: 14px;
  display: block;
}

.sitemap-wrap {
  margin-bottom: 30px;
}

.sitemap-wrap .pagetittle {
  font-size: 20px;
  font-weight: 600;
  color: #bb8c2b;
  margin-bottom: 5px;
}

.sitemap-wrap .pagetittle a {
  color: #bb8c2b;
}

.page-link {
  content: "";
}

.page-link li {
  margin-bottom: 4px;
  padding: 5px 5px 5px 13px;
  position: relative;
}

.page-link li:before {
  content: "";
  height: 6px;
  width: 6px;
  background: #bb8c2b;
  position: absolute;
  left: 0;
  top: 10px;
  border-radius: 50%;
  z-index: 2;
}

.page-link li a {
  display: block;
  margin-bottom: 0;
  color: #222;
  text-decoration: none;
  font-size: 15px;
}

.page-link.sublist {
  margin: 10px 10px;
}

.page-link.sublist .sublist-head:before {
  content: "";
  height: 3px;
  width: 9px;
  background: #bb8c2b;
  position: absolute;
  left: 0;
  top: 12px;
  z-index: 2;
  border-radius: 0;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  text-align: justify;
}

.bank-logo {
  text-align: center;
  margin-top: 40px;
}

.bank-logo li {
  display: inline-block;
  margin-left: 15px;
}

.bank-logo li img {
  width: 130px;
  border: 1px solid #dadada;
  display: block;
}

.bank-logo li:first-child {
  margin-left: 0;
}

.lg-toolbar .lg-icon {
  color: #fff !important;
  background: transparent !important;
  border: none !important;
}

.lg-backdrop {
  background-color: #000000bf !important;
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.6) !important;
  font-weight: 600;
}

.hero-header {
  /*height:100vh;*/
}

.hero-header .item {
  position: relative;
}

.hero-header .owl-item .item {
  padding: 0;
  /*height:100vh;*/
}

.hero-header .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-header .item .cover {
  padding: 75px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /*background: rgba(0, 0, 0, 0.6);*/
  display: flex;
  align-items: center;
}

.hero-header .item .cover .header-content {
  position: relative;
  padding: 56px;
  overflow: hidden;
}

.hero-header .item .cover .header-content .line {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border: 9px solid #fff;
  -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
  clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}

.hero-header .item .cover .header-content h2 {
  font-weight: 300;
  font-size: 30px;
  color: #fff;
  margin-bottom: 15px;
}

.hero-header .item .cover .header-content h1 {
  font-size: 56px;
  font-weight: 600;
  margin: 5px 0 20px;
  word-spacing: 3px;
  color: #fff;
}
.hero-header .item .cover .header-content .sup-proj {
  font-size: 56px;
  font-weight: 600;
  margin: 5px 0 20px;
  word-spacing: 3px;
  color: #fff;
}

.hero-header .item .cover .header-content h4 {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #fff;
}

.hero-header .owl-item h1 span {
  color: #f9a800;
}
.hero-header .owl-item .sup-proj span {
  color: #f9a800;
}

.hero-header .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}

.hero-header .owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}

.hero-header .owl-item.active h4 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}

.hero-header .owl-item.active .line {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}

.hero-header .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  width: 100%;
  bottom: 65px;
  top: inherit;
}

.hero-header .owl-theme .owl-nav button {
  background: transparent !important;
  color: #fff !important;
  font-weight: 600 !important;
  outline: none !important;
}

.hero-header .owl-theme .owl-nav button i {
  color: #f9a800 !important;
}

.set-logo-on-banner {
  top: 10px !important;
  width: 110px;
  position: absolute;
}
.pos-rel {
  position: relative;
}

.homebanner-logo {
  position: absolute;
  width: 120px !important;
  height: initial !important;
  top: 10px;
  right: 10px;
  background: #fff;
  padding: 3px 10px;
  border-radius: 3px;
}

.homevideoicon-wrap {
  position: relative;
}

.bannervideo {
  width: 55px !important;
  height: 55px !important;
  position: absolute;
  margin: 0 auto;
  left: 50%;
  margin-left: -27px;
  bottom: -25px;
  border-radius: 50%;
}

.hero-header .owl-item.active .h-iwrap {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}

#messagesBox {
  display: none;
}

.nav-top {
  position: relative;
}

.mn-show {
  position: absolute;
  width: 120px;
  left: 0;
  top: 35px;
  background: #000000;
  padding: 15px 15px;
  border-left: 2px solid #bb8c2b;
  z-index: 999;
  display: none;
}

.mn-show:before {
  content: "";
  border-bottom: 10px solid #000000;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: 0;
  width: 0;
  top: -9px;
  right: 50%;
  position: absolute;
  margin-right: -10px;
}

.sharelink {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}

.footer-sociallink.sharelink li {
  width: 100%;
  height: 35px;
}

.footer-sociallink.sharelink li a i:before {
  font-size: 20px;
}

.bline {
  position: relative;
  margin-bottom: 50px;
}

.bline:before {
  content: "";
  position: absolute;
  height: 3px;
  width: 70px;
  left: 0;
  bottom: -9px;
  background: #bb8c2b;
}

.banner-head {
  position: absolute;
  width: 100%;
  left: 0;
  top: 60px;
  text-align: center;
  font-size: 50px;
  color: #fff;
  font-weight: 800;
}

.banner-darkshade {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  /* background: #22222266; */
}

.owl-item.active .banner-head {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 2s;
}

.disc-txt-pop {
  height: 370px;
  overflow-y: scroll;
  margin-top: 20px;
}

.disc-txt-pop p {
  text-align: left !important;
}

.pulseanimation2 {
  animation: pulse-cust2 2s infinite;
}

@-webkit-keyframes pulse-cust2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.5);
  }

  70% {
    -webkit-box-shadow: 0 0 0 50px rgba(255, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}

@keyframes pulse-cust2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.5);
  }

  70% {
    -webkit-box-shadow: 0 0 0 50px rgba(255, 0, 0, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
  }
}

.abt-videowrap {
  width: 100%;
  position: relative;
}

.abt-videowrap .vcover {
  background: rgba(0, 0, 0, 0.4);
  background-size: cover;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
}

.abt-videowrap .vplay {
  width: 50px !important;
}

.main-videowrap {
  width: 100%;
  height: 600px;
  position: relative;
}

.main-videowrap iframe {
  position: absolute;
  width: 100%;
  height: 600px;
  top: 0;
  left: 0;
  border: none;
}

.main-videowrap .vcover {
  background: rgba(0, 0, 0, 0.85);
  background-size: cover;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
}

.vplay {
  border-radius: 50%;
  width: 70px;
}

.awards-carousel.owl-theme .owl-nav button {
  background: transparent !important;
  outline: none !important;
  color: #222 !important;
}

.awards-carousel.owl-theme .owl-nav button i {
  color: #bb8c2b;
}
.floatingBadge {
  position: fixed;
  bottom: 80px;
  right: 10px;
  /* left: 0px; */
  z-index: 99;
}
.badgeWrapper {
  position: relative;
}
.closeButton {
  position: absolute;
  top: -6px;
  right: 2px;
}
.close-icon {
  position: relative;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 100%;
  padding: 0px 3px;
  line-height: 20px;
  display: inline-block;
  text-decoration: none;
}
.close-icon:hover {
  text-decoration: none;
  color: #000;
}
.scrolltop {
  position: fixed;
  right: 15px;
  height: 50px;
  width: 50px;
  background: #bb8c2b;
  bottom: 15px;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  text-decoration: none !important;
  transition: ease all 0.5s;
}

.scrolltop.outside {
  transition: ease all 0.5s;
}

.scrolltop.outside i:before {
  transition: ease all 0.5s;
  content: "\f106";
}

.scrolltop i {
  font-size: 25px;
  color: #fff;
}

.project-banner .item .cover {
  padding: 75px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
}

.project-banner .item .cover .header-content {
  position: relative;
  padding: 56px;
  overflow: hidden;
}

.project-banner .item .cover .header-content .line {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border: 9px solid #fff;
  -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
  clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}

.project-banner .item .cover .header-content h2 {
  font-weight: 300;
  font-size: 30px;
  color: #fff;
  margin-bottom: 15px;
}

.project-banner .item .cover .header-content h1 {
  font-size: 56px;
  font-weight: 600;
  margin: 5px 0 20px;
  word-spacing: 3px;
  color: #fff;
}
.hero-header .item .cover .header-content .sup-proj {
  font-size: 56px;
  font-weight: 600;
  margin: 5px 0 20px;
  word-spacing: 3px;
  color: #fff;
}

.project-banner .item .cover .header-content h4 {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #fff;
}

.project-banner .owl-item h1 span {
  color: #f9a800;
}
.hero-header .owl-item .sup-proj span {
  color: #f9a800;
}

.project-banner .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}

.project-banner .owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}

.project-banner .owl-item.active h4 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}

.project-banner .owl-item.active .line {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}

.block-img-wrap {
  padding: 5px;
}

.block-img-wrap .imh-holder {
  overflow: hidden;
}

.block-img-wrap .imh-holder img {
  width: 100%;
  display: block;
}

.block-img-wrap .bloc-text {
  padding: 10px 10px;
  background: #098179;
  background: linear-gradient(90deg, #098179 0%, #4f2f7b 35%, #076735 100%);
}

.block-img-wrap .bloc-text p {
  color: #fff;
  margin-bottom: 0;
  font-size: 15px;
  text-align: center;
}

.block-img-wrap.benifit .imh-holder {
  overflow: hidden;
  position: relative;
}

.block-img-wrap.benifit .imh-holder img {
  transform: scale(1);
  transition: ease all 0.5s;
}

.block-img-wrap.benifit .imh-holder:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  background: rgba(187, 140, 43, 0.8);
  transition: ease all 0.5s;
}

.block-img-wrap.benifit:hover .imh-holder img {
  transition: ease all 0.5s;
  transform: scale(1.2);
}

.block-img-wrap.benifit:hover .imh-holder:after {
  opacity: 1;
  transition: ease all 0.5s;
}

.galleria-contentwrap.small {
  min-height: 245px;
}

.testimo-mainwrap.events-wrap {
  border: 1px solid #e8e8e8;
  padding: 10px;
}

.testimo-mainwrap.events-wrap .tittle-wrap .tittle {
  font-size: 17px;
  font-weight: 600;
  color: #bb8c2b;
}

.testimo-mainwrap.events-wrap .tittle-wrap .post_date {
  margin-top: 3px;
  font-weight: 300;
  font-size: 15px;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

.testimo-mainwrap.events-wrap .events-txt p {
  margin-top: 0;
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  text-align: justify;
}

.eventmore {
  color: #bb8c2b !important;
  font-weight: 600;
  text-decoration: none !important;
  outline: none !important;
}

.eventmore:focus {
  text-decoration: none !important;
}

.eventmore i:before {
  content: "\f146" !important;
}

.eventmore.more i:before {
  content: "\f0fe" !important;
}

.newsDesc {
  height: auto;
  overflow: visible;
  transition: ease all 0.5s;
  margin-bottom: 10px;
}

.newsDesc.read-more-txt {
  /* height: 40px; */
  height: 44px;
  overflow: hidden;
  transition: ease all 0.5s;
}

.main-event-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}

.news-year-wrap {
  position: relative;
  overflow: hidden;
}

.news-year-wrap .n_img_wrap img {
  width: 100%;
  display: block;
  transition: ease 0.5s;
}

.news-year-wrap .n_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
}

.news-year-wrap .n_overlay h4 {
  color: #fff;
  font-weight: 800;
  font-size: 60px;
  position: absolute;
  width: 100%;
  bottom: 20px;
  text-align: center;
  transition: ease 0.5s;
}

.news-year-wrap:hover .n_overlay h4 {
  transition: ease 0.5s;
  bottom: 35%;
  font-size: 90px;
}

.news-year-wrap:hover .n_img_wrap img {
  transition: ease 0.5s;
  transform: scale(1.3);
}

.view-article {
  float: right;
  font-weight: 500;
  color: #bb8c2b;
}

.search_form {
  margin-bottom: 40px;
}

#search_page_form .input-group {
  height: 45px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 24px 9px #efefef;
  border-radius: 50px;
}

#search_page_form .input-group .input-group-addon {
  border: none;
  border-radius: 50px 0 0 50px;
  background: #fff;
}

#search_page_form .input-group .input-group-addon i {
  color: #bb8c2b;
}

#search_page_form .input-group input {
  height: 45px;
  border-radius: 0 50px 50px 0;
  background: #fff;
  border: none;
  box-shadow: none;
}

#search_page_form button {
  background: #bb8c2b;
  border: none;
  color: #fff;
  font-size: 16px;
  border-radius: 50px;
  padding: 13px 0;
  width: 140px;
  display: block;
  text-align: center;
  margin: 0 auto;
}

.search_reasult_wrap {
  padding: 30px;
  box-shadow: 0px 0px 24px 13px #efefef;
}

.search_reasult_wrap .reasult_tittle {
  font-size: 20px;
  margin-bottom: 60px;
}

.search_reasult_wrap .reasult_tittle span {
  color: #bb8c2b;
  font-weight: 600;
}

.search_list li {
  margin-bottom: 40px;
}

.search_list li h4 {
  font-size: 25px;
  font-weight: 600;
  color: #bb8c2b;
  margin-bottom: 5px;
  line-height: 35px;
}

.search_list li p {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 0;
}

.search_list li:last-child {
  margin-bottom: 0;
}

.not_f_img {
  width: 60px;
  display: block;
  margin: 0 auto;
}

.not_f_txt {
  font-size: 20px;
  margin: 20px 0;
  text-align: center;
}

.not_f_head {
  font-size: 25px;
  text-align: center;
  font-weight: 600;
  margin-top: 50px;
  margin-bottom: 5px;
  color: #bb8c2b;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.8 !important;
}

.bannerlogo {
  top: 150px;
}

.small-head {
  line-height: 18px;
  margin-top: 21px;
}

.floor .testimonial-gallery {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1460px) {
  .cust-container2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 97% !important;
    max-width: 1300px;
  }

  .over-view2 {
    margin: auto;
    /* text-align: justify; */
  }
  .cust-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 97% !important;
    max-width: 1300px;
  }
  .glob-sec .sec-head {
    margin-bottom: 50px;
  }
  .glob-sec .sec-head h2,
  .glob-sec .sec-head .gold-title {
    font-size: 35px;
  }

  .cust-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    /* max-width: 1300px; */
    max-width: 1200px;
  }

  .glob-sec .sec-head {
    margin-bottom: 50px;
  }

  .glob-sec .sec-head h2,
  .glob-sec .sec-head .gold-title {
    font-size: 35px;
  }

  .glob-sec .sec-head .blur-head {
    font-size: 9em;
    right: 1.2em;
    top: 45px;
  }
  .glob-sec .sec-head .blur-head.top15 {
    top: 15px;
  }
  /* .over-view2{
        margin: 0px -61px 0px 40px;
    } */
}

.slick-gap {
  width: 98%;
  margin: 0 auto;
}

.slick-gap:hover {
  cursor: pointer;
}

.gallslider {
  margin-bottom: 3px;
}

.s-prev {
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left: -80px;
}

.s-next {
  position: absolute;
  right: 50%;
  bottom: -40px;
  margin-right: -80px;
}

.slick-prev:before,
.slick-next:before {
  font-size: 30px !important;
  color: #bb8c2b !important;
}

.slick-prev {
  left: -35px !important;
}
/* pop form overlay css begins here  */
/* POPUP START  */
.overlay-custom {
  overflow: auto;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999999999;
  display: none;
}

.close-custom {
  position: absolute;
  top: 6px;
  right: 10px;
  cursor: pointer;
  color: #000;
  font-size: 26px;
}

.popup-custom {
  max-width: 600px;
  width: 80%;
  padding: 20px;
  position: relative;
  background: #fff;
  margin: 40px auto;
  transform: translateY(-50%);
  top: 44%;
}

/* POPUP END  */
/* pop form overlay css ends here  */

/*qr-code*/
.txt-cnt {
  text-align: center;
}
.ft-size {
  font-size: 4em !important;
}
.qr-slider .slick-slide img {
  margin: auto;
  width: 110px;
  height: auto;
}
.qr-slider .slick-prev {
  left: -5px !important;
  z-index: 1;
}
.qr-slider .slick-next {
  right: -5px !important;
}
/*qr-code-end*/

/* Avenue pitch page css begins here  */
.text-medium {
  font-weight: 500;
}
.text-semiBold {
  font-weight: 600;
}
.text-bold {
  font-weight: 700;
}
.font-dpr {
  font-family: DINPro-Regular;
}
.font-dpb {
  font-family: DINPro-Bold;
}
.fixed-cta-wrapper {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 100;
}
.fixed-cta {
  width: 50px;
  height: auto;
  padding: 10px 5px;
  background-color: #bb8c2b;
  border: 1px solid #bb8c2b;
  border-radius: 16px 0px 0px 16px;
}
.cta-icon {
  width: 30px;
  height: 30px;
  margin: auto;
}
.cta-icon.icon-1 {
  margin-bottom: 10px;
}
.cta-enq {
  transform: rotate(-90deg);
  height: 70px;
}
/* .cta-icon svg{
    margin: auto;
} */
.wa-icon-wrap {
  position: fixed;
  bottom: 100px;
  right: 15px;
  z-index: 100;
}
.wa-icon {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  order: 1;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 6px;
  transition: all 0.5s ease 0s;
  position: relative;
  /* z-index: 200; */
  display: block;
  border: 0px;
  background-color: rgb(77, 194, 71) !important;
}
.banner-sec {
  /* height: calc(100vh - 110px); */
  height: calc(100vh - 140px);
}
.banner-img-wrapper {
  height: 100%;
}
.banner-fixed-column {
  height: 100%;
}
.rotate-rect {
  width: 32px;
  height: 32px;
  border: 1px solid #fff;
  background-color: #fff;
  transform: rotate(45deg);
  z-index: 9;
  position: absolute;
  top: 40%;
  left: -16px;
}
.home-banner-cont {
  padding: 100px 0 30px;
  height: 45%;
}
.home-banner-cont .ban-title {
  font-size: 38px;
  line-height: 38px;
  color: #0b2753;
  margin-bottom: 5px;
}
.ban-info1 {
  color: #1a1818;
  font-size: 17px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0.34px;
}
.ban-info2 {
  margin-top: 40px;
}
.home-banner-cont .price-txt {
  color: #313133;
  font-size: 18px;
  line-height: 22px;
  font-weight: 600;
}
.home-banner-cont .onwards {
  color: #313133;
  font-size: 11px;
}
.home-banner-cont .address {
  color: #313133;
  font-size: 14px;
  letter-spacing: 0.28px;
}
.banner-bt-tagline-wrapper {
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.tag-box {
  font-size: 16px;
  line-height: 30px;
  color: #000;
  text-align: left;
  display: inline-block;
  font-weight: 500;
  padding: 10px 10px;
  min-width: 200px;
  max-width: 100%;
}
.banner-form {
  padding-top: 0px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.banner-form label {
  padding-bottom: 5px;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}
.banner-form .form-content {
  margin-top: 13px;
}
.text-white {
  color: #fff;
}
.banner-enq-wrapper {
  height: 100%;
  background: #b78d3e;
  padding: 30px 50px;
  display: flex;
  /* align-items: center; */
  flex-direction: column;
  justify-content: center;
}
.banner-enq-wrapper .enq-head {
  font-size: 27px;
  line-height: 45px;
}
.ban-form-wrapper input {
  background: #ffefd0;
  width: -webkit-fill-available; /*-webkit-fill-available*/
  border: 1px solid #b68c3f;
  height: 35px;
}
.ban-form-wrapper .captcha {
  height: 50px;
  width: 200px !important;
  max-width: 100% !important;
}
.ban-form-wrapper input[type="submit"] {
  background: #000;
  color: #fff;
  font-weight: 700;
  padding: 15px 43px;
  height: auto;
  width: 168px;
}
.banner-form .std-code input {
  background-color: #ffefd0;
  color: #000;
}
.sticky-btns {
  /* position: fixed; */
  top: 50%;
  right: -35px;
  transition: 0.6s;
  /* height: 80px; */
  z-index: 9999;
  transform: rotate(-90deg);
}
.fixbtn {
  font-size: 14px;
  letter-spacing: 1.82px;
  line-height: 17px;
  font-weight: 900;
  color: #fff !important;
  text-decoration: unset !important;
  /* transform: rotate(-90deg); */
  text-transform: uppercase;
  /* top: 60%; */
  z-index: 99;
  /* background: transparent linear-gradient(165deg, #ECAF1F 0%, #F18720 100%) 0% 0% no-repeat padding-box; */
  background-color: #b68b3f;
  padding: 16px 6px;
  /* padding: 16px 13px; */
  border-radius: 0px 4px 4px 0px;
  /* border-radius: 4px 4px 4px 4px; */
  cursor: pointer;
  /* position: fixed; */
  /* right: -69px; */
  /* transform-origin: left top; */
  /* width: 150px; */
}
.fixbtn:hover {
  color: #fff;
  text-decoration: none;
}
.cll {
  position: relative;
}
.fix-call-cta-wrapper {
  /* position: fixed; */
  right: 4.5px;
  top: 58%;
  z-index: 100;
}
.fix-call-cta {
  padding: 12px 15px;
  background-color: #b68b3f;
  border-top: 2px solid #fff;
}
.right-fixed-cta {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: -35px;
  z-index: 1000;
}

.call-me-wrapper {
  margin-top: 56px;
  margin-left: 38px;
  width: 52px;
}

/* Avenue pitch page css ends here  */

/* campaign pages css begins here  */
.left-fixed-cta {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  left: -85px;
  z-index: 1000;
}
.left-fixed-cta .fixbtn {
  padding: 16px 20px;
  border-radius: 8px;
}
.right-fixed-cta.onlybtnWrapper {
  right: -50px;
}
.right-fixed-cta .fixbtn.onlybtn {
  padding: 16px 20px;
  border-radius: 8px;
}
/* campaign pages css ends here  */

@media only screen and (max-width: 1300px) {
  .mytab2.tabw-2 li {
    width: initial;
    margin-bottom: 5px;
  }
  .mytab2.tabw-3 li {
    width: initial;
    margin-bottom: 5px;
  }
  .mytab2.tabw-7 li {
    width: initial;
    margin-bottom: 5px;
  }
  .mytab2.tabw-6 li {
    width: initial;
    margin-bottom: 5px;
  }
  .mytab2.tabw-5 li {
    width: initial;
    margin-bottom: 5px;
  }
  .mytab2.tabw-4 li {
    width: initial;
    margin-bottom: 5px;
  }
  .slick-prev {
    left: 15px !important;
    z-index: 9;
  }
  .slick-prev:before,
  .slick-next:before {
    display: flex;
    background: #fff;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 20px;
  }

  .slick-next {
    right: 15px !important;
  }

  .nav-toplink li a {
    font-size: 12px;
  }

  .nav-toplink li a img {
    margin-right: 6px;
    width: 15px;
  }

  .nav-toplink .booknow {
    padding: 2px 10px;
  }

  .navbar-collapse .navbar-nav li a {
    font-size: 15px;
  }

  .search-box {
    padding: 14px;
    top: 100px;
  }
  #searchform .input-group,
  #searchform input,
  #searchform button {
    height: 32px !important;
  }

  .search-icon {
    margin: 10px 5px 0;
  }

  .search-icon:before {
    font-size: 16px !important;
  }

  .loyalty-box-head {
    width: calc(100% + 95px);
  }

  .loyalty-box-head.right-side {
    width: calc(100% + 90px);
    left: 0;
  }
  .hero-header .owl-theme .owl-nav {
    bottom: 50px;
  }
  .navbar-right {
    /* margin-right: 50px; */
  }
  .nav-log {
    gap: 10px;
  }
  .nav-log img {
    width: 50px;
  }
  .main-nav .navbar-nav li.dropdown ul.dropdown-menu.multi-level li.level1 a {
    padding: 9px 10px !important;
    font-size: 14px;
  }
  .main-nav .navbar-nav li.dropdown ul.dropdown-menu.multi-level li.level3 a {
    padding: 9px 10px !important;
    font-size: 14px;
  }
}
@media (max-width: 1100px) and (min-width: 992px) {
  .col-ipro-1,
  .col-ipro-2,
  .col-ipro-3,
  .col-ipro-4,
  .col-ipro-5,
  .col-ipro-6,
  .col-ipro-7,
  .col-ipro-8,
  .col-ipro-9,
  .col-ipro-10,
  .col-ipro-11,
  .col-ipro-12 {
    float: left;
  }
  .col-ipro-8 {
    width: 66.66666666666667%;
  }
  .col-ipro-4 {
    width: 33.33333333333333%;
  }

  @media (min-width: 1024px) and (max-width: 1220px) {
    .overview-video {
      margin-top: 40%;
    }
    .cust-nav .owl-next {
      right: -87px !important;
    }
    .qodef-button.qodef-type--filled {
      font-size: 9px !important;
    }
    .bannervideo {
      bottom: -5px !important;
    }

    .page-tabs .tab {
      font-size: 12px !important;
    }
    .pd-lt10 {
      padding: 0 10px;
    }
  }

  .col-ipro-6 {
    width: 50%;
  }

  .outer-head.pro-page {
    top: -20px;
  }
}
@media (max-width: 1100px) {
  .parellex {
    background-attachment: unset;
  }

  /* Avenue pitch page css begins here  */
  .banner-sec {
    height: calc(50vh);
  }
  .ban-slide {
    height: 46vh !important;
  }

  /* Avenue pitch page css ends here  */

  /*re-code*/
  .txt-cnt img {
    margin: auto !important;
    width: 195px !important;
    height: auto !important;
  }
  .qr-slider .slick-prev {
    left: 5px !important;
  }
  .qr-slider .slick-next {
    right: 5px !important;
  }
  /*re-code-end*/
  /* .copytxt{
    justify-content: space-between;
 } */
}
@media only screen and (max-width: 991px) {
  .col-ipad-1 {
    width: 8.333333333333333%;
  }
  .col-ipad-2 {
    width: 16.66666666666667%;
  }
  .col-ipad-3 {
    width: 25%;
  }
  .col-ipad-4 {
    width: 33.33333333333333%;
  }
  .col-ipad-5 {
    width: 41.66666666666667%;
  }
  .col-ipad-6 {
    width: 50%;
  }
  .col-ipad-7 {
    width: 58.33333333333333%;
  }
  .col-ipad-8 {
    width: 66.66666666666667%;
  }
  .col-ipad-9 {
    width: 75%;
  }
  .col-ipad-10 {
    width: 83.33333333333333%;
  }
  .col-ipad-11 {
    width: 91.66666666666667%;
  }
  .col-ipad-12 {
    width: 100%;
  }

  .home-banner-cont {
    padding: 10px 0 10px;
  }
  .banner-fixed-column {
    height: auto;
    padding: 30px 0;
  }
  .ban-slide {
    background-size: 100% 100%;
  }
  .ban-slide {
    height: 45vh !important;
  }
  .mob-logo-wrapper {
    margin-bottom: 10px;
  }
  .mob-logo-wrapper img {
    margin: auto;
  }
  .enq-cta {
    margin-top: 20px;
  }
  .enq-cta a {
    background: #bb8c2b;
    padding: 4px 10px;
    color: #fff;
  }

  #construction .cust-container {
    width: 100% !important;
  }
  .btn-2 {
    font-size: 13px;
  }
  .bannervideo {
    bottom: 75px !important;
  }
  .pd-ipad-side-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .go-home-wrapper {
    margin-top: 30px;
  }

  @-webkit-keyframes run {
    0% {
      left: 0;
    }

    50% {
      left: 70%;
    }

    100% {
      left: -80%;
    }
  }

  .navbar-collapse .navbar-nav li a {
    font-size: 13px;
  }

  .whybuy li {
    height: auto;
  }

  .config-table tbody tr td {
    font-size: 11px;
  }

  .pro-address h4 {
    margin-top: 15px;
  }

  .page-tabs .tab {
    font-size: 11px !important;
    padding: 17px 8px !important;
  }

  .column-reverse-sm {
    display: flex;
    flex-direction: column-reverse;
  }

  .bannerlogo {
    top: 190px;
  }

  .cust-nav .owl-prev {
    position: initial;
    display: initial !important;
    height: initial !important;
    margin-right: 10px !important;
  }
  .cust-nav .owl-next {
    position: initial;
    display: initial !important;
    height: initial !important;
    margin-left: 10px !important;
  }
  .sec-siteadd {
    float: none;
    margin-top: 50px;
  }
  .loyalty-box-head {
    height: initial !important;
    left: 5%;
    width: 90%;
    top: -65px;
    padding: 90px 10px 40px 10px;
  }
  .loyalty-box-head .l-wrap h2 {
    font-size: 25px;
    line-height: 30px;
    text-align: center;
  }
  .loyalty-box-head:before {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    width: calc(100% + 20px);
    border: 10px solid #fff;
    height: 65px;
    border-bottom: 0;
  }
  .loyalty-box-head.right-side {
    right: initial;
    left: 5%;
    width: 90%;
    padding: 90px 10px 40px 10px;
  }
  .loyalty-box-head.right-side:before {
    content: "";
    border: 10px solid #fff;
    border-bottom: 0;
  }
  .loyal-process {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .hero-header .owl-item .item {
    height: 79vh !important;
  }
  .cust-container.w-m100 {
    width: 100% !important;
  }
  .pdm0 {
    padding: 0 !important;
  }
  .nav-header .col-xs-11 {
    width: 88%;
  }
  .wa-icon-wrap {
    bottom: 108px;
  }
  /* Avenue pitch page css begins here  */
  .banner-sec {
    height: calc(100vh - 125px);
  }
  /* .ban-slide{
        height: calc(100vh - 200px);
    } */
  /* .nav-toplink li a.share-btn, .nav-toplink li a.callme{
        font-size: 9px;
    }
    .nav-log{
        gap: 5px;
    } */
  .floatingBadge {
    left: unset;
    /* bottom: 10px; */
    right: 5px;
  }
  .copytxt {
    padding-top: 15px;
  }
  .signatureImg {
    padding: 10px 0;
  }

  /* Avenue pitch page css ends here  */
}
@media (min-width: 768px) and (max-width: 850px) {
  /* .bannervideo {
        bottom: 75px!important;
    } */
  .bannerlogo {
    top: 140px;
  }

  .owl-carousel .owl-item .item {
    min-height: auto !important;
  }
  .col-ipad-1,
  .col-ipad-2,
  .col-ipad-3,
  .col-ipad-4,
  .col-ipad-5,
  .col-ipad-6,
  .col-ipad-7,
  .col-ipad-8,
  .col-ipad-9,
  .col-ipad-10,
  .col-ipad-11,
  .col-ipad-12 {
    float: left;
  }
  .col-ipad-6 {
    width: 50%;
  }
  .cst-accordion a {
    padding-right: 35px;
  }
}

@media only screen and (max-width: 767px) {
  /* -------- Form code for responisve layout --------------  */
  .popup-custom {
    max-width: unset;
    width: 100%;
    height: 100%;
    margin: unset;
    transform: unset;
    top: unset;
    padding: 30px 20px;
  }
  /* -------- Form code for responisve layout --------------  */
  .cust-container.w-m100 {
    width: 100% !important;
  }

  .pdm0 {
    padding: 0 !important;
  }

  .nav-header .col-xs-11 {
    width: 88%;
  }

  .nav-toplink li {
    padding: 1px 5px;
    border: none;
  }

  .nav-toplink .booknow {
    padding: 5px;
  }

  .nav-log img {
    width: 45px;
  }
  .menu-toggle .bars {
    width: 30px;
    height: 30px;
    float: right;
  }
  .rev_slider_wrapper .rev_slider ul li .slide-title.tp-caption {
    font-size: 35px !important;
    line-height: 38px !important;
  }
  .rev_slider_wrapper .rev_slider ul li .slide-subtitle {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .rev_slider_wrapper .rev_slider ul li .rs-hover-ready {
    text-align: center;
  }

  .rev_slider_wrapper .rev_slider ul li .rs-hover-ready {
    text-align: center;
  }

  .rev_slider_wrapper .rev_slider ul li .rs-hover-ready a {
    font-size: 18px;
    padding: 6px 12px;
  }

  .glob-sec {
    /* padding: 50px 0; */
    margin: 50px 0;
  }

  .glob-sec .sec-head h2,
  .glob-sec .sec-head .gold-title {
    font-size: 30px;
    line-height: 30px;
  }
  .glob-sec .sec-head .blur-head {
    font-size: 6em;
    right: 0.2em;
    top: 26px;
  }
  .project-list {
    margin-top: 20px;
  }
  .home-about p {
    margin-bottom: 30px;
  }
  .over-view p {
    height: 36px;
  }

  .glob-sec .sec-head .blur-head {
    font-size: 6em;
    right: 0.2em;
    /* top: 26px; */
    top: -15px;
  }
  .glob-sec .sec-head .blur-head.top15 {
    top: -15px;
  }
  .outer-head {
    font-size: 6em;
    top: -68px;
  }

  .project-list {
    margin-top: 20px;
  }

  .home-about p {
    margin-bottom: 30px;
  }

  .over-view p {
    height: 36px;
  }

  .contactform-wrap {
    width: 93%;
    padding: 50px 10px;
  }
  .contactform-wrap h2 {
    font-size: 33px;
  }
  .contactform-wrap p {
    letter-spacing: 2px;
  }

  .contactform-wrap h2 {
    font-size: 33px;
  }

  .contactform-wrap p {
    letter-spacing: 2px;
  }

  .parellex {
    height: 430px;
    background-position: 50% 0 !important;
  }

  .glob-sec.bg2 {
    background-position: 50% 0 !important;
  }

  .sec-bg {
    background-position: 50% 0 !important;
  }

  .testimo-mainwrap {
    margin-bottom: 40px;
  }

  .inner-banner .inner-overlay .banner-wrap h2 {
    font-size: 30px;
    line-height: 37px;
  }
  .about-img-main {
    width: 103%;
    margin-left: -1.5%;
  }
  .owl-w100 {
    width: 103%;
    margin-left: -2px;
  }

  .testimo-mainwrap p {
    padding: 0 15px;
  }

  .projects-two-info {
    margin-right: 20px;
  }

  .config-list li {
    width: 100%;
  }

  .projects-two-info .wt-media {
    margin-right: -60px;
  }

  .wt-media > img,
  .wt-media a > img {
    width: 100%;
  }

  .project-list .pro-txt {
    padding: 15px;
  }

  .testimo-mainwrap.mb0 {
    margin-bottom: 0;
  }

  .search-icon {
    position: absolute;
    right: 47px;
    top: 20px;
    z-index: 99;
    margin-top: 5px;
  }

  .search-box {
    top: 86px;
  }

  .page-tabs {
    padding: 5px 0;
  }

  .page-tabs ul {
    display: block;
    transition: 0.5s;
    right: -100%;
    top: 40px;
    width: calc(100% - 70px);
    position: fixed;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    height: auto;
  }
  .page-tabs ul.tabs-list {
    right: 0;
    transition: 0.5s;
  }

  .page-tabs ul li {
    border-bottom: 1px solid #e1e1e1;
  }

  .page-tabs ul > li + li:before {
    display: none;
  }

  .page-tabs .tab {
    padding: 12px;
  }

  .mob-tab-selected {
    display: block;
  }

  .mob-tab-selected span {
    display: block;
    padding: 6px 0;
  }
  .mob-tab-selected:after {
    content: "";
    position: absolute;
    right: 30px;
    border: 7px solid #d09b31;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: none;
    transition: 0.5s;
    top: 50%;
    transform: translateY(-50%);
  }
  .mob-tab-selected.active:after {
    transition: 0.5s;
    transform: rotate(180deg);
  }

  .overview-video {
    width: 100%;
  }

  .amewarp {
    margin-bottom: 60px;
  }

  .amewarp .ame {
    width: 75px;
    height: 75px;
  }

  .amewarp .ame i {
    color: #fff;
  }

  .amewarp .ame i:before {
    font-size: 40px;
  }

  .amewarp p {
    height: 40px;
  }

  .mytab2 li {
    margin-bottom: 10px;
  }

  .mobj-w100 {
    width: 103%;
    margin-left: -1.5%;
  }

  .mb-mo-30 {
    margin-bottom: 30px;
  }

  .testimo-mainwrap.floor p {
    margin-top: 10px;
    margin-bottom: 35px;
  }
  .slick-prev {
    left: 5px !important;
    z-index: 9;
  }
  .slick-prev:before,
  .slick-next:before {
    display: flex;
    background: #fff;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 20px;
  }

  .slick-next {
    right: 5px !important;
  }

  .slick-slide .artist-wrap img {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }
  .testimonial-gallery.loc-tab-big img {
    height: 230px;
    object-fit: cover;
  }

  .bannerlogo {
    top: 130px;
    right: 10px;
    width: 70px;
  }
  .callnow {
    width: 17px;
    position: initial;
  }
  .modal-body img {
    width: 75px;
    top: -50px;
  }

  .modal-dialog {
    margin-top: 70px !important;
  }

  .managements {
    text-align: center;
    width: 100%;
    padding: 0 25px;
  }

  .managements img {
    width: 150px !important;
  }

  .managements .ma-tittle {
    font-size: 25px;
  }

  .managements .ma-quote::after {
    margin-left: -80px;
  }

  .sec-download {
    padding: 50px 0 80px;
  }

  .cst-accordion a {
    padding: 13px 30px 13px 13px;
  }

  .currency-convertwrap {
    padding: 17px;
  }

  .oncontact-us {
    height: 450px;
  }

  .oncontact-us .oncontact-us .banner-wrap {
    margin-top: -150px;
  }

  .site-mainwrap {
    grid-template-columns: 1fr;
    padding: 0 25px;
  }
  .cstm-dropdown button {
    background: #bb8c2b;
    color: #fff;
  }
  .nri-headlogo.alliance {
    width: 280px;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
  }

  .csrbox {
    width: 100%;
  }

  .animate-img .img-back .cover-img img {
    height: 215px !important;
  }

  .footer-top p {
    border-bottom: 0;
  }

  .footer-top {
    margin: 20px 0 0;
  }

  .sec-siteadd .pro-address {
    margin-bottom: 40px;
  }

  .bank-logo {
    margin-top: 35px;
  }

  .normal-owlnav .owl-nav {
    margin-top: 25px;
  }

  .hero-header .item .cover .header-content {
    padding: 40px 0 35px 32px;
  }

  .hero-header .item .cover .header-content h2 {
    font-size: 22px;
  }

  .hero-header .item .cover .header-content h1 {
    font-size: 34px;
  }

  .project-banner .item {
    /*height: 81vh;*/
        height: 90vh;

  }

  .project-banner .item .cover .header-content {
    padding: 40px 0 35px 32px;
  }

  .project-banner .item .cover .header-content h2 {
    font-size: 22px;
  }

  .project-banner .item .cover .header-content h1 {
    font-size: 34px;
  }

  .mn-show {
    left: -20px;
  }

  .mobile-sarrow.slick-slider .slick-arrow {
    text-decoration: none !important;
    background: #bb8c2b;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .mobile-sarrow.slick-slider .slick-arrow i {
    color: #ffffff;
  }

  .mobile-sarrow.slick-slider .slick-arrow i:before {
    font-size: 26px;
  }

  .mobile-sarrow .s-prev {
    position: absolute;
    top: 7%;
    left: -5px;
    margin-left: 0;
    z-index: 999;
  }
  .mobile-sarrow .s-next {
    position: absolute;
    top: 7%;
    right: -5px;
    margin-right: 0;
    z-index: 999;
  }
  .award {
    padding: 50px 10px;
    height: 385px;
  }

  .bank-logo li {
    margin-left: 0;
  }

  .banner-head {
    top: 90px;
    font-size: 29px;
  }

  .amewarp .ame img {
    width: 40px;
  }

  .homebanner-logo {
    width: 90px !important;
  }

  .main-videowrap {
    height: 350px;
  }

  .main-videowrap iframe {
    height: 350px;
  }

  .owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    width: 100%;
    top: 41%;
    height: 20px;
  }
  .testimo.owl-theme .owl-nav {
    margin-top: 0;
    position: unset;
    width: auto;
    /* top: 41%;  */
    height: 20px;
  }
  .testimo.owl-theme .owl-nav button {
    position: absolute;
    top: 41%;
    transform: translateY(-50%);
  }

  .testimo.owl-theme .owl-nav button.owl-prev {
    left: 0px;
  }

  .testimo.owl-theme .owl-nav button.owl-next {
    right: 5px;
  }

  .awards-carousel.owl-theme .owl-nav {
    top: 15%;
  }

  .testimo.owl-theme .owl-nav {
    top: 30%;
  }

  .owl-theme .owl-nav button {
    margin: 0 !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    background: #bb8c2b !important;
    border-radius: 0 !important;
    justify-content: center;
    align-items: center;
  }

  .awards-carousel.owl-theme .owl-nav button {
    background: #bb8c2b !important;
  }

  .owl-theme .owl-nav button i {
    color: #fff !important;
    font-size: 25px;
  }

  .owl-theme .owl-nav button.owl-prev {
    float: left;
    margin-left: 0px !important;
  }

  .owl-theme .owl-nav button.owl-next {
    float: right;
    margin-right: 4px !important;
  }

  .hero-header .owl-theme .owl-nav {
    top: 42%;
    bottom: initial;
  }

  .hero-header .owl-theme .owl-nav button {
    background: #bb8c2b !important;
  }

  .hero-header .owl-theme .owl-nav button i {
    color: #ffffff !important;
  }

  .homevideoicon-wrap {
    width: calc(100% - 50px);
    margin: 0 auto;
  }
  .main-event-grid {
    grid-template-columns: 1fr;
    padding: 0 25px;
  }
  .testimonial-gallery img {
    height: 210px;
  }
  .tag-box {
    font-size: 15px;
    line-height: 22px;
    min-width: auto;
    padding: 10px 10px;
  }
}

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: auto !important;
  }
}

@media (max-width: 768px) {
  .nav.navbar-nav {
    display: none;
  }
  .bars .open-menu {
    padding: 10px;
    margin-right: 10px;
  }
  .page-tabs .tab {
    font-size: 12px;
    padding: 15px;
  }

  .share {
    padding-right: 0 !important;
  }
  .visible-ipad {
    display: block !important;
  }
  .hidden-ipad {
    display: none;
  }
  /*re-code*/
  .txt-cnt img {
    margin: auto !important;
    width: 140px !important;
    height: auto !important;
  }
  .qr-slider .slick-prev {
    left: 5px !important;
  }
  .qr-slider .slick-next {
    right: 5px !important;
  }
  .pd-lt10 {
    padding: 0 10px;
  }
  /*re-code-end*/
}
@media (max-width: 1366px) and (max-height: 768px) and (min-width: 1200px) {
  .home-banner-cont {
    padding-top: 40px;
  }
  .set-logo-on-banner {
    top: -30px !important;
  }
  .banner-form {
    row-gap: 5px;
  }
  .ban-info2 {
    margin-top: 10px;
  }
  .home-banner-cont .ban-title {
    font-size: 32px;
    line-height: 30px;
  }
  .banner-enq-wrapper {
    padding: 30px;
  }
}
@media (max-width: 369px) {
  /* .nav-log img{
        width: 40px;
    } */
}
@media only screen and (max-width: 355px) {
  .tag-box {
    padding: 10px 5px;
    font-size: 14px;
  }
  /* .nav-log img{
        width: 35px;
    }
    .nav-toplink li a.share-btn, .nav-toplink li a.callme {
        font-size: 7px;
    } */
}

/*# sourceMappingURL=style.css.map */
.garden-logo {
  padding: 20px 0 20px 0;
  width: 166px !important;
}
@media (min-width: 1280px) and (max-width: 1679px) {
  .award {
    height: 375px;
  }
}