@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
@font-face {
  font-family: "Fragile";
  src: url("../fonts/Fragile.eot");
  src: url("../fonts/Fragile.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Fragile.woff2") format("woff2"),
    url("../fonts/Fragile.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --primary-color: #000000;
  --secondary-color: #e0a44b;
  --body-color: #212121;
  --light: #fff3e7;
  --light-pink: #ffdbcb;
  --light-gray: #f9fafc;
  --facebook: #4267b2;
  --twitter: #00acee;
  --linkedin: #0e76a8;
  --youtube: #ff0000;
  --whatsapp: #25d366;
  --instagram: #c92bb7;
  --serif: "Merriweather", serif;
}
body {
  color: var(--body-color);
  background-color: #fff;
  font: 400 16px "Poppins", sans-serif;
  overflow-x: hidden;
}
ul {
  padding-left: 0;
  margin-bottom: 0;
}
a,
a:hover {
  text-decoration: none;
}
img {
  width: 100%;
  display: block;
}
.object-cover {
  object-fit: cover;
}
.container-fluid {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* popup */
#popModal .close{
  position: absolute;
  right: -20px;
  top: -20px;
  font-weight: 200;
  font-size: 2rem;
  text-shadow: none;
  background-color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  box-shadow: 0 10px 30px rgb(0 0 0 / 15%);
}
#popModal .close:hover{
  background-color: var(--primary-color);
  color: #fff;
}
#popModal .modal-content{
  border-radius: 0;
  border: none;
}
/* popup */
/*header*/
.header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  transition: all 300ms ease-in-out;
}
.header.fixed {
  box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
  background-color: black;
  border-bottom: 1px solid rgb(255 255 255 / 10%);
}

.top-header {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #040404 !important;
  border-bottom: 2px solid #040404 !important;
  transition: all 300ms ease-in-out;
  height: 36px;
}

.header.fixed .top-header {
  height: 0;
  overflow: hidden;
  border-bottom: 0;
}

.top-header .top-menu {
  display: flex;
  gap: 5px;
}

.top-header .top-menu li {
  font-size: 12px;
  font-family: var(--font-bold);
  display: flex;
  align-items: center;
  column-gap: 5px;
  color: #fff;
}

.top-header .top-menu li.indian-flag img {
  width: auto;
  height: 25px;
}

.top-header .top-menu li a {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 5px;
  color: #fff;
  text-transform: uppercase;
}

.top-header .top-menu li a:hover {
  color: var(--secondary-color);
}

.mainHeader{
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;  
}
.logo {
  width: 110px;
  position: relative;
  min-height: 1px;
  transition: all 300ms ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header.fixed .logo {
  width: 80px;
}
.logo img {
  padding: 5px 0;
  transition: all 300ms ease-in-out;
}
.header .nav,
.header .nav > ul, .top-side ul {
  display: flex;
  align-items: center;
}
.header .nav > ul > li, .top-side ul li {
  height: 100%;
}
.header .nav > ul > li > a, .top-side ul li a {
  height: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0 10px;
  position: relative;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 2.5rem 1rem;
  z-index: 1;
}
.header.fixed .nav > ul > li > a, .header.fixed .top-side ul li a {
  padding: 1.5rem 1rem;
}

.header .nav > ul > li > a small {
  display: block;
  text-transform: capitalize;
}
.header .nav ul li a i {
  font-size: 75%;
}
.header .nav ul li > a.active,
.header .nav ul li:hover > a,
.top-side ul li:hover > a:is(:hover, :focus) {
  color: var(--secondary-color);
}
.header .nav ul li .dropdown {
  position: absolute;
  left: 10%;
  width: 80%;
  background-color: #fff;
  border-top: 2px solid var(--primary-color);
  border-bottom: 2px solid var(--primary-color);
  padding: 2rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  pointer-events: none;
  transition: all 300ms ease-in-out;
}
.header .nav ul li:hover .dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  pointer-events: all;
}
.header .nav li .dropdown li a {
  font-weight: 600;
  display: block;
  color: var(--primary-color);
}
.header .nav li .dropdown li a.active,
.header .nav li .dropdown li a:hover {
  color: var(--secondary-color);
}

.header .nav li .dropdown.dropdown-lg {
  padding: 10px;
}

.menu-iconBox .inner{
  font-size: 13px;
  padding: 1rem;
  color: var(--body-color);
  font-weight: 600;
  text-transform: uppercase;
  gap: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 5px;
  border: 1px solid rgb(0 0 0 / 10%);
  transition: all 300ms ease-in-out;
}
.menu-iconBox .inner i{
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--light-pink);
  color: var(--secondary-color);
}

.menu-iconBox .inner:hover{
  background-color: var(--primary-color);
  color: #fff;
}

.header .nav li .dropdown.dropdown-sm {
  min-width: 180px;
  padding: 10px 20px;
}
.header .nav li .dropdown.dropdown-sm li a {
  font-size: 15px;
  padding: 10px 0;
  font-size: 14px;
  border-bottom: 1px solid rgb(0 0 0 / 15%);
}
.header .nav li .dropdown.dropdown-sm li:last-of-type a {
  border-bottom: none;
}
.header .nav li .dropdown li a.btn.disabled {
  font-size: 15px;
  border-radius: 0;
  border: none;
  line-height: normal;
}
.filter-white {
  -ms-filter: brightness(70);
  filter: brightness(70);
}
.filter-dark {
  -ms-filter: grayscale(1) brightness(0.5);
  filter: grayscale(1) brightness(0.5);
}
.top-side {
  column-gap: 10px;
}

.menuBtn {
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  width: 40px;
  height: 40px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 300ms ease-in-out;
  position: relative;
  cursor: pointer;
}
.menuBtn span {
  display: block;
  position: relative;
  width: 100%;
  height: 2px;
  margin: 3px 0;
  transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.menuBtn span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transform-origin: center center;
  transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.menuBtn.closeMenuBtn span#menuLine1 {
  -webkit-transform: rotate(45deg) translate(6px, 5px);
  transform: rotate(45deg) translate(6px, 5px);
}
.menuBtn.closeMenuBtn span#menuLine2 {
  right: 100px;
}
.menuBtn.closeMenuBtn span#menuLine3 {
  -webkit-transform: rotate(-45deg) translate(5px, -5px);
  transform: rotate(-45deg) translate(5px, -5px);
}
/*header*/
/* burger menu starts */
.menuContainer {
  position: fixed;
  inset: 0;
  background-color: var(--primary-color);
  padding: 110px 20px 20px;
  z-index: 998;
  display: none;
  overflow: hidden;
}
.header.fixed + .menuContainer {
  padding-top: 85px;
}
.menuContainer .inner {
  position: relative;
  height: 100%;
}
.menuContainer .inner .top-side {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  justify-content: center;
}
.mainMenu {
  padding: 0 2rem;
}
.mainMenu li {
  width: fit-content;
}
.mainMenu li a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 3.5vw;
  font-weight: 700;
  color: #fff;
}
.mainMenu li:hover > a {
  color: var(--secondary-color);
}
.mainMenu li a i {
  font-size: 50%;
  transition: transform 300ms ease-in-out;
}
.mainMenu li.hasChild.active a i {
  transform: rotate(180deg);
}
.mainMenu .dropdown {
  display: none;
  padding-left: 20px;
  padding-bottom: 10px;
}
.mainMenu .dropdown li {
  padding: 5px 0 5px 20px;
  position: relative;
}
.mainMenu .dropdown li::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 0.5px);
  width: 20px;
  height: 1px;
  background-color: rgb(255 255 255 / 15%);
  transition: all 300ms ease-in-out;
}
.mainMenu .dropdown li a {
  font-size: inherit;
  letter-spacing: 1px;
  padding-left: 15px;
  position: relative;
}
.mainMenu .dropdown li a::before {
  content: "";
  position: absolute;
  left: -5px;
  top: calc(50% - 5px);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  border: 1px solid rgb(255 255 255 / 15%);
  transition: all 300ms ease-in-out;
}
.mainMenu .dropdown li:hover > a::before {
  background-color: var(--secondary-color);
}
.mainMenu-aside {
  position: relative;
  z-index: 1;
}
.mainMenu-aside::before {
  content: "";
}
.mainMenu-img {
  -webkit-animation: zoom 10s alternate infinite;
  animation: zoom 10s alternate infinite;
}
@keyframes zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.5);
  }
}
.menu-latestProjectsBox:not(:last-of-type) {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.menu-latestProjectsBox a {
  display: flex;
  gap: 12px;
  color: inherit;
}
.menu-latestProjectsBox .img-fluid {
  max-width: 70px;
  flex: 0 0 70px;
}
.menu-latestProjectsBox aside {
  flex-grow: 1;
  max-width: calc(100% - 110px);
}
.menu-latestProjectsBox h6 {
  font-weight: 700;
  color: var(--primary-color);
  margin-bottom: 0;
  padding: 4px 0;
}
.menu-latestProjectsBox a:hover h6 {
  color: var(--secondary-color);
}
.menu-latestProjectsBox small {
  font-size: 12px;
  display: block;
}
.menu-latestProjectsBox i {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background-color: var(--light);
}
.menu-latestProjectsBox i:hover {
  background-color: var(--primary-color);
  color: #fff;
}
/* burger menu ends */
/* floating enquiry btn */
.enquiryBtn {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99;
}
.enquiryBtn a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  font-size: 15px;
  margin-bottom: 30px;
  text-align: center;
  background: #faf7f2;
  color: var(--primary-color);
  box-shadow: 0 0 0 8px rgba(61, 251, 105, 0.45),
    0 0 0 15px rgba(33, 164, 40, 0.63), 1rem 1rem 2rem rgb(0 0 0 / 25%);
  animation: enq 2s cubic-bezier(0.55, 0.76, 0.27, 1.29) infinite;
  position: relative;
  z-index: 1;
}
.enquiryBtn a:nth-child(2) {
  animation-delay: 0.5s;
  margin-bottom: 0;
  box-shadow: 0 0 0 8px rgba(61, 127, 251, 0.45),
    0 0 0 15px rgb(11 107 235 / 63%), 1rem 1rem 2rem rgb(0 0 0 / 25%);
}
@keyframes enq {
  50% {
    box-shadow: 0 0 0 1px rgba(61, 127, 251, 0.45),
      0 0 0 0px rgb(11 107 235 / 63%), 1rem 1rem 2rem rgb(0 0 0 / 25%);
  }
}
.enquiryBtn a i {
  margin-right: 0;
}
.enquiryBtn a i.fa-whatsapp {
  color: var(--whatsapp);
}
/* floating enquiry btn */
.hero-container {
  position: relative;
}
.banner {
  height: 100vh;
  position: relative;
  background: var(--primary-color);
  z-index: 1;
}
.banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.50);
  z-index: 1;
}
.bannerText {
  width: 90%;
  max-width: 500px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5%;
  z-index: 9;
  color: #fff;
  transition: all 0.3s linear;
}
.bannerText .h1 {
  font-family: var(--serif);
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  padding: 1px 0;
}
.bannerText h5 {
  text-transform: uppercase;
}
.banner .btn-container{
  max-width: 400px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 2rem;
}
.banner .btn-container .readmore{
    width: calc(50% - 10px);
}
.banner .btn-container .readmore a{
    max-width: 100%;
    justify-content: space-between;
}

/* filter */
.master_search_filter_container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  color: #fff;
}
.master_filter {
  padding: 20px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
}
.master_search_filter_container .form-group {
  margin-bottom: 0;
  font-size: 14px;
}
.radio-switch {
  border: 1px solid #fff;
  border-radius: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.radio-switch label {
  cursor: pointer;
}
.radio-switch label span {
  font-size: 11px;
  display: block;
  margin: -1px;
  padding: 8px 13px;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
  color: #fff;
}
.radio-switch label input:checked + span {
  background-color: #fff;
  border-radius: 50px;
  color: #000;
  font-weight: 700;
  padding: 8px 10px;
}
.master_search_filter_container .select,
.master_search_filter_container .form-control {
  height: 50px;
}
.master_search_filter_container .select {
  border-bottom: 1px solid rgb(0 0 0 / 15%);
}
.master_search_filter_container .select select {
  height: 100%;
}
/* custom select */
select {
  /* Reset Select */
  appearance: none;
  outline: 0;
  border: 0;
  box-shadow: none;
  /* Personalize */
  flex: 1;
  background-color: transparent;
  background-image: none;
  cursor: pointer;
}
/* Remove IE arrow */
select::-ms-expand {
  display: none;
}
/* Custom Select wrapper */
.select {
  position: relative;
  display: flex;
  height: 39px;
  /* overflow: hidden; */
}
/* Arrow */
.select::after {
  content: "\f078";
  font: 900 11px/1 "Font Awesome 5 Free";
  color: var(--body-color);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  transition: 0.25s all ease;
  pointer-events: none;
}
/* Transition */
.select.white::after {
  color: #fff;
}
/* custom select */
/* min-max range */
.dropdown-toggle {
  text-align: left;
}
.dropdown-toggle::after {
  display: none;
}
.max_value {
  padding: 6px 6px 6px 30px;
}
.investRange .dropdown-menu {
  width: 230px;
  padding: 10px 10px 0;
  font-size: 14px;
}
.investRange .dropdown-menu .form-control {
  font-size: 14px;
  height: auto;
}
.rangeValues {
  padding: 10px 0;
}
.price_Ranges a {
  display: block;
  text-align: left;
  padding: 5px;
  color: #6f6e6e;
  font-weight: 500;
  border-radius: 5px;
}
.price_Ranges a.disabled {
  pointer-events: none;
  cursor: default;
  color: #e5e4e2;
}
.price_Ranges a:hover {
  background: var(--primary-color);
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.btnClear {
  clear: both;
  border-top: 1px solid #dadada;
  text-align: center;
}
input.inputError,
input.inputError:focus {
  border-color: #e2231a;
  background-color: white;
  color: #e2231a;
  box-shadow: inset 0 0 5px #f7bdbb;
  border-radius: 0;
}
/* min-max range */
i.arrow {
  margin-left: 5px;
  width: 6px;
  height: 6px;
  display: block;
  border: solid var(--body-color);
  border-width: 0 1px 1px 0;
}
i.arrow.down {
  transform: rotate(45deg);
  transform-origin: right;
}
i.arrow.right {
  transform: rotate(-45deg);
}
/* filter */
/* featured properties */
.toggle-header {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  margin-bottom: 2rem;
  gap: 10px 2.5rem;
}
.toggle-header .toggleBtn {
  padding: 20px 0;
  border-radius: 0;
  border: none;
  position: relative;
  color: rgba(0, 0, 0, 0.75);
  font-weight: 400;
  background-color: transparent;
}
.toggle-header .toggleBtn.active {
  color: var(--primary-color);
  font-weight: 600;
}
.toggle-header .toggleBtn::after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 5px;
  border-radius: 6px;
  background-color: var(--primary-color);
  opacity: 0;
}
.toggle-header .toggleBtn.active::after {
  opacity: 1;
}
.toggle-container:not(.show) {
  display: none;
}
/* --------- */
.project-slide .inner {
  color: #fff;
  position: relative;
  z-index: 1;
}
.project-slide .inner a {
  color: #fff;
}
.project-slide .featuredProjectsThumbSlider {
  z-index: -1;
}
.project-slide .inner .img-fluid {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: -1;
}
.project-slide .inner .img-fluid::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(transparent, rgb(0 0 0 / 45%));
  z-index: 1;
}
.project-slide .inner .img-fluid img {
  height: 465px;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}
.project-slide .inner:hover .img-fluid img {
  transform: scale(1.025);
}
.project-tags {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 20px;
}
.badges {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.badge {
  padding: 4px 8px;
  font-weight: 600;
}
.badge.badge-dark {
  background-color: black;
}
.price-tag {
  padding: 5px 10px;
  border-radius: 8px;
  background-color: rgb(0 0 0 / 70%);
  color: #fff;
}
.price-tag small {
  display: block;
  font-size: 10px;
}
.price-tag h6 {
  font-size: 14px;
  font-weight: 700;
}
.project-short-desc {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  padding: 0px 20px;
}
.project-short-desc.withThumbnails {
  bottom: 60px;
}
.project-short-desc > .badge {
  margin-bottom: 10px;
}
.project-short-desc .project-name {
  font-weight: 600;
}
.project-short-desc p {
  font-size: 12px;
  text-shadow: 0px 0px 10px #000;
}
.projectThumbnailSlider {
  width: 230px;
  margin: -25px auto 0;
}
.projectThumbnailSlider .list-inline-item img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  cursor: pointer;
  opacity: 0.5;
  border-radius: 50%;
  margin: 0;
  border: 5px solid transparent;
  transition: all 300ms ease-in-out;
}
.projectThumbnailSlider .list-inline-item.swiper-slide-thumb-active img {
  opacity: 1;
  border-color: #fff;
}
/* --------- */
/* featured properties */
.overview-box .inner {
  padding-left: 2rem;
  padding-right: 2rem;
  background-color: var(--light-pink);
}
.logo-icon img {
  width: 250px;
  margin: 0 auto 1rem;
}
.logo-icon h4 {
  font-weight: 700;
  color: var(--secondary-color);
}
.rotate45 {
  transform: rotate(-45deg);
  display: inline-block;
}
/* Stats */
.statsContainer li {
  display: flex;
  align-items: center;
}
.count {
  width: 55%;
  padding-right: 7%;
  text-align: right;
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}
.count .counter {
  font-weight: 600;
  color: var(--secondary-color);
  margin-bottom: 0;
}
.count span {
  font-size: 20px;
  margin-left: 10px;
}
.stat-tag {
  width: 45%;
  height: 70px;
  margin-left: -5px;
  text-align: left;
  padding-left: 5%;
  position: relative;
  text-transform: uppercase;
  font-size: 14px;
  border-left: 2px solid #d7a45e;
}
.stat-tag::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #d7a45e;
  left: -5px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  border-bottom: 1px solid #eaeaea;
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.statsContainer li:hover .stat-tag::before {
  height: 12px;
  width: 12px;
  left: -7px;
}
.stat-tag span {
  position: relative;
  display: block;
  top: 50%;
  transform: translateY(-50%);
}
/* Stats */
.iconBox .inner {
  border-radius: 10px;
  padding: 2rem;
  border: 1px solid rgb(0 0 0 / 7%);
  text-align: center;
  transition: all 300ms ease-in-out;
}
.iconBox .inner:hover {
  background-color: black;
  color: #fff;
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 10%);
}
.bg-primary .iconBox .inner {
  border-color: rgb(255 255 255 / 10%);
}

.bg-primary .iconBox .inner:hover {
  background-color: #fff;
  color: var(--body-color);
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 30%);
}
.iconBox .inner .img-fluid {
  width: 60px;
  margin: 0 auto 1.25rem;
  transition: all 300ms ease-in-out;
}
.iconBox .inner:hover .inside h5 {
  color: var(--secondary-color);
  font-weight: 600;
}
.iconBox .inner .inside p {
  text-transform: uppercase;
  font-size: 14px;
}
/* testimonials */
.testimonialsWrapper {
  padding: 2rem;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.corner {
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
}
.corner::before,
.corner::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border: solid var(--body-color);
  z-index: 1;
}
.corner::before {
  left: 0;
}
.corner::after {
  right: 0;
}
.corner.topCnr {
  top: 0;
}
.corner.bottomCnr {
  bottom: 0;
}
.corner.topCnr::before {
  border-width: 1px 0 0 1px;
  border-top-left-radius: 10px;
}
.corner.topCnr::after {
  border-width: 1px 1px 0 0;
  border-top-right-radius: 10px;
}
.corner.bottomCnr::before {
  border-width: 0 0 1px 1px;
  border-bottom-left-radius: 10px;
}
.corner.bottomCnr::after {
  border-width: 0 1px 1px 0;
  border-bottom-right-radius: 10px;
}
.testimonials {
  padding-bottom: 4rem;
}
.testimonial-img {
  width: 60%;
  padding: 20px 0;
  text-align: center;
}
.testimonial-top {
  margin-bottom: 20px;
}
.testimonial-img img {
  width: 160px;
  border-radius: 50%;
  margin: 0 0 1rem auto;
  box-shadow: 0 0 0 5px var(--body-color);
  filter: blur(5px);
  transform: scale(0.6);
  transform-origin: bottom center;
  transition: all 300ms ease-in-out;
}
.testimonial-img.swiper-slide-active + .testimonial-img img {
  margin-left: 0;
}
.testimonial-img.swiper-slide-active img {
  filter: blur(0);
  transform: scale(1);
  margin-left: auto;
  margin-right: auto;
}
.testimonial-img .testimName {
  filter: blur(3px);
  opacity: 0;
  visibility: hidden;
  transition: all 300ms ease-in-out;
}
.testimonial-img .testimName h5 {
  color: var(--secondary-color);
}
.testimonial-img.swiper-slide-active .testimName {
  filter: blur(0);
  opacity: 1;
  visibility: visible;
}
.testimName .verticle-line {
  margin: -20px auto 0;
  display: table;
  height: 40px;
  border-right: 1px solid rgb(0 0 0 / 20%);
}
.testimonial-img .testimName p,
.testimonial-img .testimonialBox {
  transform: translateX(150px);
  opacity: 0;
  transition: all 0.7s ease-in-out;
}
.testimonial-img.swiper-slide-active .testimName p,
.testimonial-img.swiper-slide-active .testimonialBox {
  opacity: 1;
  transform: translateX(0);
}
/* testimonials */
.tower-img {
  position: absolute;
  width: 320px;
  right: 0;
  bottom: 0;
}
.tower-img img {
  object-position: center 50px;
}
/* developers */
.brand-logos {
  width: 20%;
}
.brand-logos img {
  height: 120px;
  width: auto;
  margin: 0 auto;
}
/* developers */
/* Video and growth */
.modal-icons{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 1rem;
  padding: 1rem;
  background-color: var(--light);
  text-transform: uppercase;
}
.modal-icons h6{
  color: var(--primary-color);
}
.modal-icon .img-fluid{
  max-width: 50px;
  margin: 0 auto 10px;
  color: var(--secondary-color);
}

.modal-icon svg{
  width: 100%;
  display: block;
}

.modal-icon svg:not([fill]){
  fill: currentColor;
}

.modal-icon span{
  display: block;
  font-size: 12px;
  font-weight: 500;
}

.modal-title {
  font-weight: 700;
  color: var(--primary-color);
}

.sitevisitBtn{
  margin-top: 1rem;
}

.sitevisitBtn .button{
  display: table;
  background: radial-gradient(at 50% -50%, #e0a44b -70%, var(--primary-color) 80%);
  padding: .5rem 1rem;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  animation: shake 1.5s infinite linear;
  transform-origin: 50% 100%;
}

@keyframes shake {
  0%  { transform: translate(2px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-2deg); }
  20% { transform: translate(-3px, 0px) rotate(3deg); }
  30% { transform: translate(0px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(2px, 1px) rotate(-2deg); }
  80% { transform: translate(-1px, -1px) rotate(4deg); }
  90% { transform: translate(2px, 2px) rotate(0deg); }
  100%{ transform: translate(1px, -2px) rotate(-1deg); }
 }
 .sitevisitBtn .button:hover{
  background: var(--primary-color);
  background: radial-gradient(at 50% 0%, #e0a44b 0%, var(--primary-color) 160%);
 }

.note {
  font-size: 10px;
  display: block;
  margin-top: 2rem;
}
.videoth {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.videoth::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgb(0 0 0 / 40%);
}
.videoth img {
  height: 440px;
  object-fit: cover;
}
.videoBtn {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 50%;
  background-color: var(--secondary-color);
  color: #fff;
  transition: all 300ms ease-in-out;
  animation: breathe 800ms alternate infinite;
}
.videoBtn::before,
.videoBtn::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgb(255 255 255 / 30%);
  z-index: -1;
  transition: all 300ms ease-in-out;
  transition-delay: 100ms;
  animation: breathe 800ms alternate infinite;
}
.videoBtn::before {
  inset: -20px;
}
.videoBtn::after {
  inset: -10px;
}
@keyframes breathe {
  100% {
    scale: 1.2;
  }
}
.videoBtn:hover {
  animation-play-state: paused;
}
.videoBtn:hover::before,
.videoBtn:hover::after {
  animation-play-state: paused;
  border-color: #fff;
}
p {
  line-height: 1.75;
}
.padding {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.gap-row {
  row-gap: 30px;
}
.gap-form-row {
  row-gap: 10px;
}
.heading {
  display: table;
  position: relative;
  margin-bottom: 30px;
  z-index: 1;
}
.heading h2.d-flex {
  column-gap: 12px;
  align-items: center;
}
.heading h2.d-flex .select {
  height: auto;
}
.heading h2.d-flex .form-control {
  font-size: inherit;
  height: auto;
  padding: 0;
  color: var(--secondary-color);
}
.heading h2.d-flex .form-control option {
  font-size: 14px;
  font-family: "poppins", sans-serif;
  color: var(--body-color);
}
.heading h2,
.heading h4,
.heading h5,
.heading h6 {
  display: block;
}
.heading h2 {
  font-family: var(--serif);
  font-weight: 700;
  color: black;
  text-transform: uppercase;
}

.heading .h2 {
  font-family: var(--serif);
  font-weight: 700;
  color: black;
  text-transform: uppercase;
}

.heading h1 {
  font-family: var(--serif);
  font-weight: 700;
  color: var(--primary-color);
  text-transform: uppercase;
}
.heading h3 {
  font-weight: 500;
}
.heading h4 {
  font-weight: 500;
}
.heading h6 {
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 0 14px 0 16px;
  border: solid var(--primary-color);
  border-width: 0 1px;
}
.bg-primary .heading h6 {
  border-color: var(--secondary-color);
}
.small-heading {
  font-weight: 700;
  font-size: 1.25rem;
}
.rounded {
  border-radius: 10px !important;
}
.text-primary {
  color: #040404 !important;
}
.text-secondary {
  color: var(--secondary-color) !important;
}
.text-serif {
  font-family: var(--serif);
}
.text-normalcase {
  text-transform: none !important;
}
.bg-primary {
  background-color: #040404 !important;
  color: #fff;
  border-top: 1px solid rgb(255 255 255 / 10%);
}
.bg-secondary {
  background-color: var(--secondary-color) !important;
  border-top: 1px solid rgb(255 255 255 / 10%);
}
.bg-light {
  background-color: var(--light) !important;
}
.bg-lightpink {
  background-color: var(--light-pink);
}
.bg-lightgray {
  background-color: var(--light-gray);
}
.bg-primary-gradient {
  background-image: linear-gradient(transparent 50%, var(--primary-color) 50%);
}
.bg-secondary-gradient {
  background-image: linear-gradient(
    transparent 50%,
    var(--secondary-color) 50%
  );
}
.bg-image {
  background: center / cover no-repeat fixed;
}
.bg-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgb(0 0 0 / 70%);
  z-index: -1;
}
.scroller {
  overflow-y: auto;
}
.scroller::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
/* Track */
.scroller::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #cfcfcf;
  border-radius: 10px;
}
/* Handle */
.scroller::-webkit-scrollbar-thumb {
  background: var(--secondary-color);
  border-radius: 10px;
}
/* Handle on hover */
.scroller::-webkit-scrollbar-thumb:hover {
  background: #000;
}
.readmore {
  width: 100%;
  margin-top: 2rem;
}
.readmore .button {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding: 10px 15px;
  min-width: 130px;
  max-width: max-content;
  border-radius: 40px;
  color: var(--primary-color);
  background-color: transparent;
  border: 1px solid var(--primary-color);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  transition: all ease-in-out 0.3s;
}
.readmore a h1 {
  font-size: 14px;
}
.readmore button {
  width: 100%;
  background: none;
}
.readmore .button:hover {
  color: #fff;
  background: var(--primary-color);
  border-color: transparent;
}
.readmore .button.button-sm {
  padding: 3px 4px 3px 15px;
}
.readmore .button.text-white {
  color: var(--light) !important;
  border-color: var(--light);
}
.readmore .button.text-white:hover {
  color: #040404 !important;
  background: var(--light);
  border-color: transparent;
}
.readmore .button.solid.white:hover,
.readmore .button.solid {
  background-color: var(--primary-color);
  color: var(--light);
  border: none;
}
.readmore .button.solid.white,
.readmore .button.solid:hover {
  background-color: var(--light-gray);
  color: var(--primary-color);
  border: none;
}
.readmore .button span {
  background-color: var(--secondary-color);
  /* flex: 0 0 30px;
  max-width: 30px; */
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms ease-in-out;
}
.readmore .button:hover span {
  transform: rotate(-45deg) scale(1.5);
}
.viewmore {
  display: flex;
  align-items: center;
  column-gap: 5px;
}
.viewmore .button {
  padding: 0;
  border: 0;
  outline: 0;
  background-color: transparent;
  color: var(--body-color);
  font-weight: 600;
  font-size: 15px;
}
.viewmore .button + i {
  transition: all 300ms linear;
}
.viewmore .button:hover + i {
  transform: translateX(5px);
}
.moreText .viewmore .button:hover + i {
  transform: translateY(-5px);
}
.controls {
  position: absolute;
  width: 110px;
  height: 40px;
  right: 10px;
  bottom: 10px;
  z-index: 9;
}
.controls a {
  position: static;
  display: table;
  width: 100%;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  text-align: center;
  color: var(--primary-color);
  font-size: 13px;
  border-bottom: 1px solid rgb(0 0 0 / 20%);
  opacity: 1;
}
.controls a:last-child {
  border-bottom: none;
}
.controls a:focus,
.controls a:hover {
  color: #040404 !important;
  opacity: 1;
}
.multiply {
  mix-blend-mode: multiply;
}
.position-relative {
  z-index: 1;
}
/* custom swiper controls */
.swiper-button-next,
.swiper-button-prev {
  width: 60px;
  height: 60px;
  margin-top: -30px;
  border-radius: 50%;
  background: url(../images/arrow-left.png) center / 25px no-repeat var(--primary-color);
  z-index: 30;
  transition: all 300ms ease-in-out;
    border: 1px solid #fff;
}
.bg-primary .swiper-button-next,
.bg-primary .swiper-button-prev {
  background-color: var(--secondary-color);
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  scale: 1.2;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  transform: rotate(-180deg);
}
.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}
.bottom-control {
  top: calc(100% - 36px);
}
.bottom-control.swiper-button-next {
  right: 13%;
}
.bottom-control.swiper-button-prev {
  left: 13%;
}
.swiper-pagination {
  bottom: 0 !important;
}
.swiper-pagination-bullet-active {
  background-color: var(--primary-color);
  width: 20px;
  border-radius: 10px;
}
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
/* custom swiper controls */
/*Footer*/
.footer-area {
  background: radial-gradient(
    at 50% -170%,
    #000000 0%,
    #000000 50%,
    #000000 80%
  );
  color: #ffffff;
  border-top: 10px solid #ffffff;
  padding: 6rem 0 10rem;
  position: relative;
  z-index: 1;
}

.footer-area::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../images/footer-bg.jpg) center bottom / 50% repeat no-repeat;
  mix-blend-mode: multiply;
  opacity: 0.5;
  z-index: -1;
}
.footer-logo {
  width: 150px;
  padding: 20px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  background-color: #000000;
  border-radius: 90px;
  border-top: 10px solid var(--secondary-color);
  box-shadow: 0 10px 30px rgb(0 0 0 / 16%);
}
.footer-area a {
  color: #fff;
  text-transform: capitalize;
}
.footer-area a:hover {
  color: var(--secondary-color);
}
.footerAbout {
  font-size: 1rem;
}
.footerAbout.quicklinks {
  padding: 2rem 0;
  border: solid rgb(255 255 255 / 15%);
  border-width: 1px 0;
}
.footerAbout .footer-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--secondary-color);
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}
.socialIcons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.socialIcons a i {
  color: #fff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border: 1px solid rgb(255 255 255 / 15%);
  border-radius: 50%;
  transition: all 300ms ease-in-out;
  text-align: center;
}
.socialIcons.solid a i {
  border: none;
}
.socialIcons.stroke a:hover .fa-facebook-f,
.socialIcons.solid a .fa-facebook-f {
  background-color: var(--facebook);
}
.socialIcons.stroke a:hover .fa-linkedin-in,
.socialIcons.solid a .fa-linkedin-in {
  background-color: var(--linkedin);
}
.socialIcons.stroke a:hover .fa-twitter,
.socialIcons.solid a .fa-twitter {
  background-color: var(--twitter);
}
.socialIcons.stroke a:hover .fa-youtube,
.socialIcons.solid a .fa-youtube {
  background-color: var(--youtube);
}
.socialIcons.stroke a:hover .fa-whatsapp,
.socialIcons.solid a .fa-whatsapp {
  background-color: var(--whatsapp);
}
.socialIcons.stroke a:hover .fa-instagram,
.socialIcons.solid a .fa-instagram {
  background-color: var(--instagram);
}
.socialIcons.stroke a .fa-facebook-f {
  border-color: var(--facebook);
}
.socialIcons.stroke a .fa-linkedin-in {
  border-color: var(--linkedin);
}
.socialIcons.stroke a .fa-twitter {
  border-color: var(--twitter);
}
.socialIcons.stroke a .fa-youtube {
  border-color: var(--youtube);
}
.socialIcons.stroke a .fa-whatsapp {
  border-color: var(--whatsapp);
}
.socialIcons.stroke a .fa-instagram {
  border-color: var(--instagram);
}
.socialIcons.solid a:hover i,
.socialIcons a:hover i {
  background-color: #fff;
}
.socialIcons.stroke a .fa-facebook-f,
.socialIcons a:hover .fa-facebook-f {
  color: var(--facebook);
}
.socialIcons.stroke a .fa-linkedin-in,
.socialIcons a:hover .fa-linkedin-in {
  color: var(--linkedin);
}
.socialIcons.stroke a .fa-twitter,
.socialIcons a:hover .fa-twitter {
  color: var(--twitter);
}
.socialIcons.stroke a .fa-youtube,
.socialIcons a:hover .fa-youtube {
  color: var(--youtube);
}
.socialIcons.stroke a .fa-whatsapp,
.socialIcons a:hover .fa-whatsapp {
  color: var(--whatsapp);
}
.socialIcons.stroke a .fa-instagram,
.socialIcons a:hover .fa-instagram {
  color: var(--instagram);
}
.socialIcons.stroke a:hover i {
  color: #fff;
}
.footerLinksResidential{
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
}
.footerLinksResidential li{
  width: 30%;
}

.footerBox ul li a {
  position: relative;
  font-size: 12px;
  padding-bottom: 5px;
  display: inline-block;
  transition: all 300ms ease-in-out;
}
.footerAddress {
  margin-bottom: 2rem;
}
.footerAddress p {
  font-size: 12px;
}
.footerAddress p:last-of-type {
  margin-bottom: 0;
}
.footer-area .bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 3rem;
}
.footer-area .bottom ul {
  display: flex;
  justify-content: center;
  flex-grow: 1;
}
.footer-area .bottom li {
  font-size: 12px;
  display: flex;
  margin: 0 10px;
  line-height: 1;
}
.footer-area .bottom p {
  display: flex;
  font-size: 12px;
  align-items: center;
  margin-bottom: 0;
  flex-grow: 1;
}
.footer-area .bottom p:last-child {
  justify-content: center;
}
.footer-area .bottom p img {
  width: 20px;
}
.button-top {
  background: var(--secondary-color);
  position: fixed;
  left: 20px;
  bottom: -40px;
  color: #ffffff;
  font-size: 13px;
  opacity: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  z-index: 99;
  cursor: pointer;
  mix-blend-mode: difference;
}
.button-top:hover {
  background: #fff;
  color: var(--primary-color);
}
/*Footer*/
.form-group {
  margin-bottom: 20px;
}
.form-group label {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
}
.bg-primary .form-group label {
  color: rgb(255 255 255 / 40%);
}
.form-control {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid rgb(0 0 0 / 16%);
  background-color: transparent;
  outline: none;
  padding-left: 0;
  padding-top: 0;
}
.form-control.form-control-white {
  border-bottom-color: rgba(255, 255, 255, 0.35);
  color: #fff;
}
.form-control.form-control-white::placeholder {
  color: rgb(255 255 255 / 70%);
}
select.form-control.form-control-white:focus option, optgroup {
  color: var(--body-color);
}
.form-control[readonly] {
  background: none;
}
.form-control.form-control-dark {
  border-bottom-color: rgb(255 255 255 / 15%);
  color: #fff;
}
select.form-control.form-control-dark {
  background-color: var(--primary-color);
}
.form-control.form-control-dark::placeholder {
  color: #8f8f8f;
}
.form-control:focus {
  box-shadow: none;
  border-bottom-color: var(--secondary-color);
  background-color: transparent;
}
/* custom checkbox/radio button */
.custom-control{
  margin-top: 2px;
  margin-bottom: 2px;
}
.custom-control-label{
  cursor: pointer;
  padding: 10px 15px 10px 35px;
  border: 1px solid rgb(255 255 255 / 35%);
  border-radius: 40px;
  transition: all 300ms ease-in-out;
}
.custom-control-input:checked~.custom-control-label{
  background-color: #fff;
  color: var(--body-color);
}
.custom-control-label::before,
.custom-control-label::after{
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.custom-control-input:checked~.custom-control-label::before{
  border-color: var(--secondary-color);
  background-color: var(--secondary-color);
}
.custom-control-input:focus~.custom-control-label::before{
  box-shadow: 0 0 0 0.2rem rgb(224 164 75 / 50%);
}
/* custom checkbox/radio button */
/* Contact */
/* customize modal */
.modal-backdrop.show {
  opacity: 1;
  background: rgb(224 164 75 / 84%);
  background: linear-gradient(
    -42deg,
    rgb(224 164 75 / 87%),
    rgb(35 66 96 / 95%)
  );
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
/* customize modal */
/*transformation Animation*/
.leftTranslate {
  -webkit-transform: translate(-200px, 0);
  transform: translate(-200px, 0);
  opacity: 0;
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
}
.rightTranslate {
  -webkit-transform: translate(200px, 0);
  transform: translate(200px, 0);
  opacity: 0;
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
}
.topTranslate {
  -webkit-transform: translate(0, -200px);
  transform: translate(0, -200px);
  opacity: 0;
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
}
.bottomTranslate {
  -webkit-transform: translate(0, 200px);
  transform: translate(0, 200px);
  opacity: 0;
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
}
.doneTranslate {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.fadeOut {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 1000ms ease-in-out;
  transition: all 1000ms ease-in-out;
}
.fadeIn {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition: all 1000ms;
  transition: all 1000ms;
}
.zoomOut {
  transform: scale(0);
  transition: all 0.8s ease-in-out;
}
.zoomIn {
  transform: scale(1);
}
/*transformation Animation*/
/* insidepage */
.insideBanner {
  height: 300px;
  position: relative;
  background: var(--primary-color);
  background: linear-gradient(
    159.01deg,
    var(--primary-color) 5%,
    var(--secondary-color)
  );
  z-index: 1;
}
.insideBanner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 1;
}
/* //project overview// */
.breadcrumb {
  margin-bottom: 0;
  background-color: transparent;
  border-radius: 0;
  border-bottom: 1px solid rgb(255 255 255 / 10%);
}
.breadcrumb li {
  font-size: 12px;
  color: #fff;
  margin: 0 3px;
}
.breadcrumb li a {
  color: #fff;
}
.breadcrumb li.active,
.breadcrumb li a:hover {
  color: var(--secondary-color);
}
.pageHeader {
  position: relative;
  margin-bottom: 4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pageTitle {
  padding-right: 40px;
  position: relative;
  column-gap: 15px;
  display: flex;
  align-items: center;
  z-index: 1;
}
.pageTitle::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50vw;
  border-radius: 00 30vw 30vw 0;
  border: 1px solid rgb(0 0 0 / 10%);
  z-index: -1;
}
.project-page-logo {
  min-width: 200px;
  height: 120px;
  position: relative;
  border-right: 1px solid rgb(0 0 0 / 10%);
}
.project-page-logo img {
  width: auto;
  max-width: 90%;
  max-height: 90%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pageTitle h5 {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 0;
  text-transform: uppercase;
  color: var(--primary-color);
}
.pageTitle h5 span {
  display: block;
}
.pageHeader ul {
  display: flex;
  justify-content: flex-end;
}
.pageHeader li a {
  padding: 0 10px;
  display: block;
  color: var(--body-color);
  font-size: 13px;
  transition: all 300ms;
}
.pageHeader li a:hover {
  color: var(--secondary-color);
}
.pageHeader ol {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}
.pageHeader ol li {
  margin-left: 5px;
}
.pageHeader ol li a {
  border: 1px solid rgb(0 0 0 / 10%);
  padding: 7px 15px;
  border-radius: 40px;
}
.pageHeader ol li a:hover {
  background-color: var(--primary-color);
  box-shadow: 0 8px 20px rgb(0 0 0 / 30%);
}
.fixedPageHeader {
  width: 160px;
  position: fixed;
  left: -120px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 999;
  display: none;
}
.fixedPageHeader,
.fixedPageHeader * {
  -webkit-transition: all 400ms;
  -o-transition: all 400ms;
  -ms-transition: all 400ms;
  -moz-transition: all 400ms;
  transition: all 400ms;
}
.fixedPageHeader:hover {
  left: 0;
}
.fixedPageHeader ul li {
  width: 100%;
  float: left;
  margin-bottom: 1px;
}
.fixedPageHeader ul li a {
  display: block;
  padding: 10px;
  position: relative;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.33);
  color: #212121;
  font-size: 12px;
  background: #fff;
}
.fixedPageHeader ul li a i {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  font-size: 15px;
  background: #212121;
  color: #fff;
  padding: 10px 0;
  text-align: center;
}
.fixedPageHeader ul li a:hover {
  background: #212121;
  color: #fff;
}
.fixedPageHeader ul li a:hover i {
  color: #212121;
  background: #fff;
}
.projectOverview {
  padding-right: 5%;
}
.projectOverview section {
  margin-top: 30px;
}
.projectSideSec .projImg {
  box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.27);
  border-radius: 10px;
  position: relative;
}
.projectSideSec .projImg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(transparent, rgb(0 0 0 / 30%));
  z-index: 1;
  pointer-events: none;
}
.projectSideSec .projImg img {
  border-radius: 10px;
  height: 400px;
  object-fit: cover;
}
.projectSideSec .projImg .project-short-desc {
  padding: 20px;
  z-index: 2;
}
iframe {
  display: block;
}
.overviewText h4 {
  font-size: 20px;
  font-weight: 700;
  color: var(--secondary-color);
}

.overviewText h1 {
  font-size: 20px;
  font-weight: 700;
  color: var(--secondary-color);
}
.moreText {
  display: none;
}
.moreTextBox > div {
  width: 50%;
  padding: 0 15px;
  flex-grow: 1;
}
.moreTextBox p:last-of-type {
  margin-bottom: 0;
}
.statBox h2 {
  /* font-size: 5vw; */
  font-weight: 600;
}
.statBox h2 small {
  font-weight: 300;
  font-size: 45%;
}
.statBox p {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.statBox h5 {
  margin: 10px 0;
  font-weight: 300;
}
.statBox h5 small {
  font-size: 60%;
}
.statBox h5 strong {
  color: var(--primary-color);
}
/* //project overview// */
.featSlider {
  height: 390px;
  padding: 20px 10px;
}
.featBox {
  height: calc((100% - 15px) / 2) !important;
}
.featBox section {
  height: 100%;
  padding: 20px;
  border-radius: 8px;
  background-color:#040404 !important;
  transition: all 300ms ease-in-out;
  color:#FFFFFF;
}
.featBox section .img-fluid img{
    filter: invert(1);
    margin: auto;
}
.featBox section:hover {
  box-shadow: 0 1rem 2rem rgb(0 0 0 / 7%);
}
.featBox section .img-fluid {
  width: 50px;
    margin: auto;
  margin-bottom: 25px;
  /* filter: grayscale(1); */
}
.featBox section:hover .img-fluid {
  /* filter: hue-rotate(60deg) brightness(1.6); */
}
.featBox section p.text-uppercase {
  letter-spacing: 1px;
  font-size: 13px;
  margin-bottom: 8px;
    text-align: center;
}
.featBox section p {
  font-size: 15px;
}

/* usp */
.uspContainer > ul{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.uspContainer > ul > li{
  width: calc(50% - 10px);
  padding: 10px;
  border-radius: 5px;
  list-style: none;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid rgb(0 0 0 / 5%);
  transition: all 300ms ease-in-out;
}
.uspContainer > ul > li:hover{
  box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
}
/* usp */
/* //Floor plan// */
.plansRow {
  border: 1px solid rgb(255 255 255 / 10%);
  border-radius: 8px;
}
.plansImg a {
  height: 100%;
  display: block;
  padding: 10px;
  -webkit-transition: all 300ms;
  -ms-transition: all 300ms;
  transition: all 300ms;
}
.plansRow:hover .plansImg a {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) inset;
}
.plansRow .plansImg a img {
  height: 100%;
  object-fit: cover;
  -webkit-filter: blur(2px);
  filter: blur(2px);
  border-radius: 8px;
}
.plansDetails {
  padding-top: 15px;
  padding-bottom: 15px;
}
.plansDetails ul li {
  font-size: 14px;
  margin: 5px 0;
  display: flex;
}
.plansDetails ul li strong {
  flex: 0 0 40%;
  max-width: 40%;
  font-size: 85%;
  text-transform: uppercase;
  color: var(--secondary-color);
  display: block;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid rgb(255 255 255 / 10%);
}
.plansDetails ul li span {
  flex: 0 0 40%;
  max-width: 40%;
}
/* //Floor plan// */
/* Gallery */
.gallerySlider {
  padding: 10px 0;
}
.gal-slide {
  width: 50%;
  cursor: pointer;
}
.gal-slide img {
  height: 350px;
  object-fit: cover;
}
.gallery-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-weight: 700;
  font-size:2em;
  line-height: 1.2;
    width: 80%;
  letter-spacing: 1em;
  color: rgb(255 255 255 / 100%);
  padding-left: 0.9em;
  opacity: 0;
  transition: opacity 300ms linear, all 300ms ease-in-out 200ms;
  z-index: 1;
}
.swiper-slide.gal-slide.swiper-slide-visible.swiper-slide-active
  .gallery-title {
  letter-spacing: 12px;
  padding-left: 12px;
  opacity: 1;
}
.gallery-caption {
  position: absolute;
  bottom: 0;
  right: 10px;
  font-size: 11px;
  color: #fff;
  pointer-events: none;
}
.image-preview-container img {
  object-fit: contain;
}
/* Gallery */
/* //Location map// */
.locationAdvantages {
  margin-top: 30px;
}
.locationAdvantages h5 {
  text-transform: uppercase;
  letter-spacing: 10px;
  font-weight: 400;
}

.locationAdvantages h3 {
  text-transform: uppercase;
  letter-spacing: 10px;
  font-weight: 400;
}

.locationAdvantages ul {
  display: flex;
  flex-wrap: wrap;
}
.locationAdvantages ul li {
  width: 50%;
  flex-grow: 1;
  display: flex;
  align-items: baseline;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.locationAdvantages ul li p {
  margin-bottom: 0;
  font-weight: 500;
}
.locationAdvantages ul li h6 {
  font-size: 2rem;
  margin-bottom: 0;
  margin-right: 8px;
  color: var(--primary-color);
}
.locationAdvantages ul li h6 span {
  font-size: 16px;
}
.iframBox,
.iframBox iframe {
  width: 100%;
  height: 350px;
  border-radius: 10px;
}
/* //Location map// */
/* //EMI Calculator// */
.emiresult .result {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.emiresult i {
  opacity: 0.4;
}
canvas {
  font-weight: 600;
  font-size: 16px;
}
/* //EMI Calculator// */
/* //commonFormContainer// */
.commonFormContainer {
  background-color: #fff;
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 15%);
}
.commonFormContainer textarea {
  padding: 10px;
  background-color: var(--light-gray);
}
/* //commonFormContainer// */
/* insidepage */
/* contact page */
.form-details .inner {
  background-color: rgb(255 255 255 / 10%);
  padding: 2rem;
  border-radius: 10px 0 0 10px;
}
.address-details .inner {
  padding: 2rem;
  border: 1px solid rgb(255 255 255 / 10%);
  height: 100%;
  font-size: 14px;
  border-radius: 0 10px 10px 0;
}
.address-details .contact-details li a,
.address-details .inner p {
  color: rgb(255 255 255 / 50%);
}
.address-details .contact-details li {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
.address-details .contact-details li:not(:last-of-type) {
  margin-bottom: 10px;
}
.address-details .contact-details li i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgb(255 255 255 / 10%);
}
.address-details .contact-details li a:hover {
  color: var(--secondary-color);
}
.socialBox {
  margin-top: 3rem;
}
/* contact page */
/* about us */
.vmContainer {
  margin-top: 1.5rem;
  padding: 1.25rem;
  background-color: var(--light);
}
.vmBox:not(:last-of-type) {
  margin-bottom: 2rem;
}
.vmBox img {
  width: 80px;
  margin: 0 auto;
}
.processBox .inner {
  padding: 3rem 2rem;
  height: 100%;
  background-image: linear-gradient(
    159.01deg,
    var(--light) 5%,
    var(--light-pink)
  );
  position: relative;
  overflow: hidden;
}
.processBox .inner img {
  position: absolute;
  right: 0;
  top: 0;
}
.processBox .inner .counting {
  width: 100px;
  height: 100px;
  margin-bottom: 2rem;
  font-weight: 700;
  font-size: 3rem;
  background-color: var(--secondary-color);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.insideStats {
  text-align: center;
}
.insideStats .stats p {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
}
.teamBox .card {
  transition: all 300ms ease-in-out;
}
.teamBox .card:hover {
  transform: translateY(-10px);
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 10%);
}
.teamBox .card:hover {
  background-color: var(--light);
}
.card-img,
.card-img-top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.teamBox .card > a.card-img-top {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.teamBox .card > a.card-img-top::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgb(0 0 0 / 70%);
  opacity: 0;
  transition: all 300ms ease-in-out;
}
.teamBox .card:hover > a.card-img-top::after {
  opacity: 1;
}
.teamBox .card > a.card-img-top .card-btn {
  content: "Read more";
  position: absolute;
  left: 50%;
  top: 60%;
  padding: 8px 16px;
  border-radius: 50px;
  color: #fff;
  border: 1px solid rgb(255 255 255 / 30%);
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 1;
  transition: all 300ms ease-in-out;
}
.teamBox .card:hover > a.card-img-top .card-btn {
  top: 50%;
  opacity: 1;
}
.teamBox .card > a.card-img-top .card-btn:hover {
  background-color: #fff;
  color: var(--primary-color);
}
.teamBox .card .card-body .small-heading a {
  color: var(--body-color);
  transition: all 300ms ease-in-out;
}
.teamBox .card .card-body .small-heading a:hover {
  color: var(--secondary-color);
}
.teamBox .card .card-body p {
  color: var(--secondary-color);
  width: 60%;
  font-size: 14px;
}
.teamBox .card .card-body .socialIcons {
  gap: 5px;
}
/* about us */
/*--faqs--*/
.faqs-box .faqs_question {
  position: relative;
  z-index: 1;
  cursor: pointer;
  margin-bottom: 5px;
}
.faqs-box .faqs_question.active{
  margin-bottom: 0;
}
.faqs-box .faqs_question::after {
  content: '';
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--light);
  opacity: 0;
  pointer-events: none;
  transition: all 200ms ease-in 0ms;
  z-index: -1;
}
.faqs-box .faqs_question.active::after {
  opacity: 1;
  transition-delay: 300ms;
}
.faqs-box .faqs_question h6 {
  padding: 12px 35px 12px 15px;
  border-radius: 10px;
  background-color: rgb(255 255 255 / 10%);
  font-weight: 700;
  transition: all 300ms ease-in-out;
  position: relative;
  z-index: 1;
}
.faqs-box .faqs_question:hover h6 {
  background: rgb(255 255 255 / 30%);
}
.faqs-box .faqs_question.active h6 {
  background: var(--secondary-color);
  color: var(--body-color);
}
.faqs-box .faqs_question i {
  position: absolute;
  right: 15px;
  top: 15px;
}
.faqs-box .faqs_question.active i {
  transform: rotate(180deg);
}
.faqs-box .faqs_answer {
  background: var(--light);
  margin-bottom: 20px;
  border-radius: 10px;
}
.faqs-box .faqs_answer:not(.show) {
  display: none;
}
.faqs-box .faqs_answer .inner {
  padding: 1.5rem 1.5rem 1.5rem;
  color: var(--body-color);
}
.faqs-box .faqs_answer .inner p:last-of-type {
  margin-bottom: 0;
}
.faqs-box .faqs_answer ul li {
  display: block;
  position: relative;
  letter-spacing: 1px;
  font-size: 14px;
  line-height: 22px;
  color: #212121;
}
.faqs-box .faqs_answer ul li:before {
  content: "\00BB";
  margin-right: 7px;
  font-size: 21px;
}
.faqs-box > h4 {
  color: #212121;
  letter-spacing: 1px;
  width: 100%;
  float: left;
  margin: 30px 0 10px;
  padding-left: 10px;
  border-left: 5px solid #212121;
}
/*--faqs--*/
/* Blogs & News */
.swiper-slide.articleBox{
  height: auto;
}
.articleBox .inner{
  height: 100%;
  background: linear-gradient(159.01deg, var(--light) 5%, var(--light-pink));
  border-radius: 10px;
  overflow: hidden;
}
.articleBox .inner, .articleBox .inner .shortDetails{
  transition: all 300ms ease-in-out;
}
.articleBox .inner:hover{
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0 0 0 / 10%);
}
.articleBox .inner .img-fluid{
  position: relative;
}
.articleBox .inner .img-fluid i{
  position: absolute;
  right: 10px;
  bottom: -20px;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--secondary-color);
  color: #fff;
  z-index: 2;
}
.articleBox .inner .img-fluid i:hover{
  background-color: var(--primary-color);
}
.articleBox .inner .img-fluid img{
  height: 200px;
  object-fit: cover;
}
.articleBox .inner .shortDetails{
	padding:30px 20px;
}
.articleBox .inner .shortDetails h5{
  font-size: 18px;
  font-weight: 700;
}
.articleBox .inner .shortDetails h5 a{
	color:var(--body-color);
  transition: all 300ms ease-in-out;
}
.articleBox .inner .shortDetails h5 a:hover{
	color:var(--primary-color);
}
.articleBox .inner .shortDetails ul{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:10px;
}
.articleBox .inner .shortDetails ul li{
	padding:0 10px;
  border-left: 1px solid;
  line-height: 1;
	font-weight:700;
  font-size: 12px;
  text-transform: uppercase;
  color: var(--secondary-color);
}
.articleBox .inner .shortDetails ul li:first-child{
  padding-left: 0;
  border-left: none;
}
.articleBox .inner .shortDetails ul li:nth-child(2){
  padding-right: 0;
  color: rgb(0 0 0 / 45%);
}
.articleBox .inner .shortDetails ul li a{
	color:var(--corp-color);
}
.articleBox .inner .shortDetails ul li a:hover{
	color:#191919;
}
.articleBox .inner .shortDetails .viewmore{
  margin-top: 1rem;
}
.articleBox .inner .shortDetails p{
	margin-bottom:0;
  line-height: 1.2;
  font-size: 15px;
}
.articlesContainer{
  margin-top: 2rem;
}
.blog-hero-image
{
  position: relative;
  height: 400px;
  overflow: hidden;
  border-radius: 10px;
  /* background-color: var(--light); */
}
.blog-hero-image img
{
  /* width: auto;
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); */
  /* height: 400px; */
  object-fit: cover;
}
/* Blogs & News */

/* Ayodhya Page */
.ayodhyaBanner.insideBanner{
  height: 80vh;
}

.text-orange{
  color: #ed7e00 !important;
}
.bg-orange{
  background-color: #ed7e00 !important;
}

.ayodhya-textBox .inner{
  padding: 10rem 7rem 2rem;
  position: relative;
  z-index: 1;
}

.ayodhya-textBox .inner::before{
  content: '';
  position: absolute;
  inset: 0;
  background: url(../images/arch.svg) center top / 135% no-repeat;
  opacity: 0.1;
  z-index: -1;
}

.image-mask{
  -webkit-mask-image: url(../images/temple-mask.png);
  mask-image: url(../images/temple-mask.png);
  -webkit-mask-size: 70%;
  mask-size: 70%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat; 
  -webkit-mask-position: center;
  mask-position: center; 
}

.iconBox.iconBox-ayodhya .inner{
  padding: 1.5rem;
  height: 100%;
}

.iconBox.iconBox-ayodhya .inner:hover{
  color: var(--body-color);
}

.iconBox.iconBox-ayodhya .inner .img-fluid{
  width: 40px;
}

.iconBox.iconBox-ayodhya .inner .inside p{
  text-transform: none;
  text-align: justify;
}

.temple{
  -webkit-filter: brightness(10);
  filter: brightness(10);
}

.connectivity-wrapper{
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.connectivity-wrapper::before{
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--primary-color);
  z-index: -1;
}

.connectivity-wrapper .connectivity-box{
  flex-grow: 1;
}

.connectivity-wrapper .connectivity-box.at-ayodhya{
  max-width: 200px;
  flex: 0 0 200px;
}

.connectivity-wrapper .connectivity-box.at-ayodhya .connectivity-temple{
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #fff;
  box-shadow: 0 0 0 2px var(--primary-color);
}

.connectivity-wrapper .connectivity-box .inner{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}

.connectivity-wrapper .connectivity-box .connectivity-place{
  text-transform: uppercase;
  font-weight: 700;
  color: var(--primary-color);
  height: 25px;
}
.connectivity-wrapper .connectivity-box .connectivity-distance{
  font-size: 14px;
  font-weight: 700;
  height: 25px;
}

.connectivity-wrapper .connectivity-box .connectivity-circle{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--primary-color);
}

/* Ayodhya Page */


.list li {
  margin-bottom: 10px;
}
.list li::marker {
  color: var(--primary-color);
}
.list,
.list {
  padding-left: 20px;
}
.articlesContainerblogs ul
{
  margin-bottom: 1rem;
}
.articlesContainerblogs h1
{
  font-size: 20px;
}
.articlesContainerblogs h2
{
  font-size: 19px;
}
.articlesContainerblogs h3
{
  font-size: 18px;
}
.articlesContainerblogs h4
{
  font-size: 18px;
}
.articlesContainerblogs h5
{
  font-size: 17px;
}
.articlesContainerblogs h6
{
  font-size: 16px;
}