@font-face {
  font-family: 'Poppins-Light';
  src: url('../fonts/Poppins-Light.ttf');
}

@font-face {
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.ttf');
}

@font-face {
  font-family: 'Poppins-Medium';
  src: url('../fonts/Poppins-Medium.ttf');
}

@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.ttf');
}

@font-face {
  font-family: 'Poppins-Bold';
  src: url('../fonts/Poppins-Bold.ttf');
}

body {
  font-family: 'Poppins-Regular' !important;
  overflow-x:hidden !important;

}

.semiboldFont {
  font-family: 'Poppins-SemiBold' !important;
}

.boldFont {
  font-family: 'Poppins-Bold' !important;
}

.mediumFont {
  font-family: 'Poppins-Medium' !important;
}

* {
  outline: none !important;
}

.topnav {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  height: 90px;
  line-height: 2.5;
  font-family: 'Poppins-Medium' !important;
  text-transform: uppercase;
  padding-top: 15px;
}

.topnav a {
  float: left;
  color: #000;
  text-align: center;
  padding: 14px 12px;
  text-decoration: none;
  font-size: 16px;
  position: relative;
  z-index: 1;
  letter-spacing: 0.9px;
}

.topnav-centered a {
  float: none;
  position: absolute;
  top: 55%;
  left: 44%;
  transform: translate(-50%, -50%);
}

.topnav-right {
  float: right;
}

/* .activeHeader:before {
  position: absolute;
  top: 16px;
  left: 5px;
  height: 35px;
  width: 50px;
  background: #A4C422 0% 0% no-repeat padding-box;
  border-radius: 29px;
  content: "";
  z-index: -1;
} */
.activeHeader{
  border-bottom:2px solid #A4C422;
}
.homeBanner {
  height: 85vh;
}

.bannerImage {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color:#0000003d !important;
  background-blend-mode: multiply;
  
}
.textGradient{
  background: linear-gradient(180deg, rgba(255,255,255,1) 50%, #D6DFFF  100%);
}
.textGradientOne{
  background: linear-gradient(180deg, rgba(255,255,255,1) 50%, #FFE497  100%);
}
.textGradientTwo{
  background: linear-gradient(180deg, rgba(255,255,255,1) 50%, #FED2CA  100%);
}
.logo{
  height:70px !important;
}
.blueColor {
  color: #00ABEB !important;
}

.blackColor {
  color: #000 !important;
}

.textdecorationNone, .textdecorationNone:hover {
  text-decoration: none !important;
}

.lh-15 {
  line-height: 1.5;
}
.customLi li{
  list-style-image:url('../images/right-arrow-1.png') !important;
}

.serviceBox {
  background: linear-gradient(145deg, #ececec, #ffffff);
  border-radius: 20px;
  box-shadow: 20px 20px 40px #00000020, -20px -20px 20px #ffffff;
}
.pathImage{
  background-position: 50% 0px !important;
    background-repeat: no-repeat !important;
}
.iconsBottom{
  border-bottom:1px solid #3B47711A;
}
.iconRight{
  border-right: 1px solid #3B47711A;
}
.clientImages{
height:100px !important;
background-position: center !important;
background-size: 45% !important;
background-repeat: no-repeat !important;
}
.clientImagesOne{
  height:100px !important;
  background-position: center !important;
  background-size: 65% !important;
  background-repeat: no-repeat !important;
  }
.borderRadius20 {
  border-radius: 20px;
}
.violetStripe{
  background-position: top !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
}
.howBox{
  background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 30px #3B47711A;
    padding:20px;
}

.knowMore:before {
  position: absolute;
  top: -5px;
  left: -10px;
  height: 35px;
  width: 45px;
  background: #FCC316 0% 0% no-repeat padding-box;
  border-radius: 29px;
  content: "";
  z-index: -1;
}

.knowMore:after {
  position: absolute;
  top: -5px;
  right: -40px;
  height: 35px;
  width: 45px;
  background: url('../images/right-arrow.png');
  border-radius: 29px;
  content: "";
  z-index: -1;
  background-repeat: no-repeat !important;
  background-position: center;
  background-size: 50%;
}

.zIndex-1 {
  position: relative;
  z-index: 1;
}
.discoverButton{
  background: transparent linear-gradient(91deg, #CAF100 0%, #CAF100 100%) 0% 0% no-repeat padding-box;
  width: 150px;
height: 50px;
border:0px !important;
}

.bluelineBelow:after {
  position: absolute;
  content: "";
  width: 50%;
  height: 3px;
  background-color: #00ABEB;
  bottom: -3px;
  left: 0;
  opacity: 0.9;
}
.min-190{
  min-height: 180px;
  height: 100%;
}
.footer{
  position: relative !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}
.footer:after{
  width:100%;
  height: 100%;
  background-color:#0034DD;
  opacity: 0.8;
  position: absolute;
  content:"";
  top:0;
  left:0;
}
.greenColor{
  color:#CAF100 !important;
}

.darkgreenColor{
  color:#A4C422 !important;
}
.greenlineBelow:after {
  position: absolute;
  content: "";
  width: 50%;
  height: 3px;
  background-color: #CAF100;
  bottom: -3px;
  left: 0;
  opacity: 0.9;
}
.whiteColor{
  color:#fff !important;
}
.f-14{
  font-size:14px !important;
}
.footerwidth50{
  width:50%;
}
.subFooter{
  background-color:#0034DD !important; 
}
.f-12{
  font-size:12px !important;
}
.qColor{
  color:#EB9500 !important;
}
.verylightGreenBg{
  background-color:#F9FFEF !important;
  border-radius: 20px;
}
.lightBlackColor{
  color:#444444 !important;
}
.overflowX{
  overflow-x:hidden !important;
}
.homeIcon2{
  position: absolute;
    top: -12%;
    left: 59%;
    z-index:99;
}
.homeIcon3{
  position: absolute;
    bottom: -18%;
    left: 59%;
    z-index: 99;
}
.homeIcon4{
  position: absolute;
    left: 115%;
    z-index: 99;
    top: 16%;
}
.testimonialsSwiper{
  background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 10px 50px #00000012;
border-radius: 0px 150px;
padding: 50px 65px !important;
}
.blueStripe{
  background-size: 150%!important;
  background-position: 50% 38% !important;
  background-repeat: no-repeat !important;
  overflow-x: hidden !important;
}
.contactBox{
  background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 50px 50px #0000001A;
border-radius: 15px;
margin-top:-200px;
}
.f-18{
  font-size:18px !important;
}
.nav-item a{
  font-size:15px !important;
}
.contactBoxOne{
  background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 50px 50px #0000001A;
border-radius: 15px;
}
.customInput{
  background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #DCDCDC;
border-radius: 5px;
outline:none !important;
box-shadow: none !important;
height: 40px;
padding:8px;
}
.customTextArea{
  background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #DCDCDC;
border-radius: 5px;
outline:none !important;
box-shadow: none !important;
height: 150px;
padding:10px;
}
.submitButton{
  background: transparent linear-gradient(106deg, #00ABEB 0%, #CAF100 100%) 0% 0% no-repeat padding-box;
border-radius: 50px;
color:#fff;
outline:none !important;
border:0px !important;
box-shadow:none !important;
height:40px;
width:140px;
}
.getinTouchWord{
  background-repeat: no-repeat !important;
    background-size: 69% !important;
    background-position: 0% 88% !important;
    font-size:14px !important;
}
.servicesSection{
  overflow-x:hidden !important;
}
.rightSide{
  position: ABSOLUTE;
    right: -100px;
    bottom: 5%;
    z-index:-1;
}
.leftSide{
  position: ABSOLUTE;
  left: -160px;
  top: 10%;
  z-index:-1;
}
.innerLogo{
  position: absolute;
  top: 33%;
  left: 38%;
}
.marginTopThree{
  margin-top:35px !important;
}
.marginTopFour{
  margin-top:140px !important;
}
.positionOne{
  position: ABSOLUTE;
    top: 35%;
    left: 13%;
    text-align:right !important;
}
.positionTwo{
  position: ABSOLUTE;
  top: 35%;
  right: 17%;
  text-align: left !important;
 }
 .positionThree{
  position: ABSOLUTE;
  top: 35%;
  right: 5%;
  text-align:left !important;
 }
 .leftImage{
  position: absolute;
    top: 30%;
    right: 15%;
 }
 .rightImage{
  position: absolute;
  top: 27%;
  left: 12%;
 }
 .mainHomeImage{
  position: relative;
  z-index: 999;
  height: 50vh;
  margin-left: -70px;
 }
.leftDots{
  position: ABSOLUTE;
    top: 0;
    left: -40px;
}
.leftDotsOne{
  position: ABSOLUTE;
    bottom: 60px;
    left: -40px;
}
.rightDots{
  position: ABSOLUTE;
  top: 20%;
  right: -50px;
}
/* .bannerImage:after{
  background: transparent linear-gradient(90deg, #000000C2 0%, #00000066 40%, #00000000 100%) 0% 0% no-repeat padding-box !important;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
} */
.bannerFont{
  font-size:50px !important;
}
.greenLeftBorder{
  border-left:2px solid #CAF100 !important;
}
.tenantImage{
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position:center !important;
}
.tenantImageOne{
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position:center !important;
}
.tenantImageTwo{
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position:center !important;
}
.tenantImageTwo:after{
  position: absolute;
    top: -30px;
    right: -30px;
    height: 110%;
    width: 90%;
    background-color: #FED2CA !important;
    content: "";
    z-index: -1;
}
.tenantImage:after{
  position: absolute;
    top: -30px;
    left: -30px;
    height: 105%;
    width: 90%;
    background-color: #E8EDFF !important;
    content: "";
    z-index: -1;
}
.tenantImageOne:after{
  position: absolute;
    top: -30px;
    left: -30px;
    height: 105%;
    width: 90%;
    background-color: #FFE497 !important;
    content: "";
    z-index: -1;
}
.bannerImageOne:after{
  background: transparent linear-gradient(90deg, #6379D4 50%, #001B88 100%) 0% 0% no-repeat padding-box !important;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
}
.aboutBanner:after{
  background: transparent linear-gradient(90deg, #CAF100 50%, #347D4F 100%) 0% 0% no-repeat padding-box !important;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
}
.contactBanner:after{
  background: #00668D !important;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
}
.bannerImageTwo:after{
  background: transparent linear-gradient(90deg, #FCC316 50%, #785A00 100%) 0% 0% no-repeat padding-box !important;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
}
.bannerImageThree:after{
  background: transparent linear-gradient(90deg, #EC6565 50%, #810909 100%) 0% 0% no-repeat padding-box !important;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.6;
}
.bannerImageThree ,.bannerImageOne{
  background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.bannerImageFour:after{
  background: transparent linear-gradient(90deg, #E2AD0D 50%, #FCC316 100%) 0% 0% no-repeat padding-box !important;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
}
.innerBanner{
  height: 500px;
}
.innerBannerOne{
  height: 350px;
}
.tableOrangeBg{
  background-color: #FF8D75 !important;
  color:#fff !important;
}
.scrollBar{
  height: 650px;
  overflow-y: auto !important;
}
.scrollBar::-webkit-scrollbar {
  width: 10px;
}

.scrollbar::-webkit-scrollbar-track {
  background: transparent; 
}
 
.scrollBar::-webkit-scrollbar-thumb {
  background: #FF6F51; 
  border-radius: 10px;
}
.toggleIcon div {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background:#00ABEB ;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease
}
.dis991block{
  display: none !important;
}
.propertySlider .swiper-button-next, .propertySlider .swiper-button-prev{
  background-size:20px !important;
}
.propertySlider .swiper-button-next{
  right:0 !important;
}
.propertySlider .swiper-button-prev{
  left:0 !important;
}
/* Media Queries  */

@media(max-width:575px){
  .footerwidth50{
    width:100%;
  }
}
@media(max-width:991px){
  .respCenterFlex{
    display: flex !important;
    justify-content: center !important;
  }
  .dis991None{
    display:none !important;
  }
  .dis991block{
    display: block !important;
  }
  .margin0{
    margin:0 !important;
  }
  .contactBox{
   margin-top:20px;
  }
  
  .leftImage ,.rightImage ,.positionOne ,.positionTwo ,.positionThree{
    position: relative !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;
  }
  .marginTopFour{
   margin-top:15px !important;
  }
  .respBetweenFlex{
    display: flex !important;
    justify-content: space-between !important;
  }
  .pad10{
    padding:15px !important;
  }
  .resf-20{
    font-size:22px !important;
  }
  .mainHomeImage{
    width:100% !important;
    height: auto !important;
  }
  .leftDots{
  display: none !important;
  }
  .testimonialsSwiper{
    border-radius: 0px !important;
    padding:15px !important;
  }
  .logo{
    height: 55px !important;
  }
  .innerBannerText{
    margin: 0 !important;
    padding-right: 10% !important;
    margin-left: 10px !important;
  }
  .w100{
    width:100% !important;
  }
}

p {
  font-size: 1.1em;
  margin: 1em 0;
}
.description {
  margin: 1em auto 2.25em;
}


ul {
  list-style: none;
 
}
ul .inner {
  padding-left: 1em;
  padding-right:1em;
  overflow: hidden;
  display: none;
}
ul .inner.show {
  /*display: block;*/
}
ul li {
  margin: 0.5em 0;
}
ul li a.toggle {
  width: 100%;
  display: block;
  background: #FCC316;
  color: #000;
  text-decoration: none;
  padding: 20px;
  border-radius: 0.15em;
  transition: background 0.3s ease;
}
.tableYellowBg{
  background-color:#FCC316 !important;
}
.vertical-middle{
  vertical-align: middle !important;
}
.pricingTable{
  box-shadow: 0px 10px 20px #00000029;
border: 1px solid #E8E8E8;
}
.borderNone{
  border:0px !important;
}
.cursorPointer{
  cursor: pointer !important;
}
.wrapReverse{
  flex-wrap: wrap-reverse !important;
}
.commonBanner{
  background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% !important;
}
@media(max-width:767px){
  .homeBanner , .aboutBannerHeight{
    height:250px;
  }
  .tableResponsive{
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .commonBanner{
    background-size:cover !important;
  }
  .bannerFont {
      font-size: 30px !important;
      text-align: center;
  }
  .homeBanner h2{
    font-size:16px !important;
    padding-left:15px !important;
  }
  .width100mbl{
    width:100% !important;
  }
  .paddingTop0mbl{
    padding-top:0px !important;
  }
  .marginTop0mbl{
    margin-top:0px !important;
  }
}
@media(min-width:992px) and (max-width:1250px){
  .nav-item a {
    font-size: 11px !important;
  }
}
@media(max-width:1199px){
  .disNoneresp{
    display:none !important;
    }
    .textRight{
      text-align:left !important;
    }
}
.testimonyFont{
  font-size:28px !important;
}
.testimonialsSwiper p{
  font-size:14px !important;
}
.enquire {
  z-index: 1009;
  position: fixed;
  right: -55px;
  top: 200px;
}

.enquire a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  letter-spacing: 2px;
  background-color: #00ABEB;
  padding: 5px 15px;
  min-width: 140px;
  border-radius: 10px 10px 0px 0px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  text-decoration: none !important;
}

.enquire a div {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.enquire a img {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  height: 20px;
  width: 20px;
  margin-right: 10px;
}
.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:9999999;
}

.whatsapp-icon {
  margin-top:13px;
}
form{
  overflow-x:hidden !important;
}