@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Raleway:wght@100;200;300;400;500;600;700;800&display=swap");



:root {

  --serif: "Cinzel", serif;

  --light-blue: #e9fbfa;

  --body-color: #212121;

  --color-dark: #333;

  --primary-color: #00433e;

  --secondary-color: #b29f52;

  --primary-gradient: var(--secondary-color) 0%, var(--primary-color) 70%;

}



html{

  scroll-behavior: smooth;

}



body {

  color: var(--body-color);

  font: 500 15px "Raleway", sans-serif;

  overflow-x: hidden;

}

ul {

  padding-left: 0;

  margin-bottom: 0;

}

video
{
  width: 100%;
}

a,

a:hover {

  text-decoration: none;

}



img {

  width: 100%;

  display: block;

}



.gap-row{

  row-gap: 30px;

}

.gap-form-row{

  row-gap: 10px;

}



.object-cover {

  object-fit: cover;

}

.object-contain {

  object-fit: contain;

}



.text-primary {

  color: var(--primary-color) !important;

}

.text-secondary {

  color: var(--secondary-color) !important;

}



.color-dark {

  color: var(--color-dark) !important;

}



.bg-primary {

  background-color: var(--primary-color) !important;

  color: rgba(255, 255, 255, 0.75);

}

.bg-secondary {

  background-color: var(--secondary-color) !important;

}

.bg-lightblue {

  background-color: var(--light-blue) !important;

}



.container-fluid{

  padding-left: 4rem;

  padding-right: 4rem;

}



p {

  line-height: 1.5;

}



.padding {

  padding-top: 4rem;

  padding-bottom: 4rem;

}



@media (max-width:1199.9px){

  .padding {

    padding-top: 2rem;

    padding-bottom: 2rem;

  }

}



.padding-sm {

  padding-top: 2rem;

  padding-bottom: 2rem;

}



/*header*/

.header {

  width: 100%;

  padding: 0 2rem;

  background-color: #fff;

  border-bottom: 1px solid rgb(0 0 0 / 30%);

  position: fixed;

  top: 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

  z-index: 999;

  transition: all 300ms ease-in-out;

}



.header.fixed {

  background: var(--primary-color);

}



.logo {

  width: 130px;

  padding: 10px 0;

  position: relative;

  min-height: 1px;

  transition: all 300ms ease-in-out;

}



.header.fixed .logo {

  padding: 6px 10px;

  background-color: #fff;

}



.header .nav > ul {

  display: flex;

  align-items: center;

  column-gap: 15px;

}



.header .nav ul li{

  position: relative;

}



.header .nav ul li a {

  color: #000;

  display: block;

  padding: 15px 2px;

  text-transform: uppercase;

  position: relative;

  z-index: 1;

}



.header.fixed > .nav > ul > li > a {

  color: #fff;

}



.topLinks li a {

  font-size: 13px;

  letter-spacing: 2px;

}



.header .nav ul li a span {

  display: block;

  transition: all 300ms ease-in-out;

}



.header .nav ul li:hover > a span {

  opacity: 0;

  transform: perspective(600px) translateY(-100%) rotateX(90deg);

}



.header .nav ul li a::before {

  color: var(--secondary-color);

  content: attr(data-link);

  position: absolute;

  left: 0;

  width: 100%;

  transform: perspective(600px) translateY(100%) rotateX(90deg);

  text-align: center;

  transition: all 300ms ease-in-out;

  opacity: 0;

}



.header .nav ul li:hover > a::before {

  opacity: 1;

  transform: perspective(600px) translateY(0%) rotateX(0deg);

}



.header .nav ul li .side-dropdown{

  width: 260px;

}

.header.fixed .nav ul li .side-dropdown,

.header.fixed .nav ul li .large-dropdown{

  padding-top: 1px;

}





.header .nav ul li .side-dropdown,

.header .nav ul li .large-dropdown{

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  padding-top: 7px;

  z-index: 8;

  top: 120%;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  transition: all 300ms ease-in-out;

}



.header .nav ul li:hover .side-dropdown,

.header .nav ul li:hover .large-dropdown{

  top: 100%;

  visibility: visible;

  opacity: 1;

  pointer-events: all;

}



.header .nav ul li .side-dropdown ul{

  padding: 0px 15px;

  background-color: #142669;

  box-shadow: 0 10px 30px rgb(0 0 0 / 20%);

}



.header .nav ul li .side-dropdown ul li:not(:last-child){

  border-bottom: 1px dashed rgb(255 255 255 / 20%);

}



.header .nav ul li .side-dropdown ul li a{

  letter-spacing: 1px;

  color: #fff;

  text-align: center;

  padding: 10px 0;

  transition: all 300ms ease-in-out;

}



.header .nav ul li .side-dropdown ul li:hover > a{

  letter-spacing: normal;

}



.header .nav ul li .large-dropdown{

  width: 100%;

}



.large-dropdown .inner{

  border: 2px solid var(--secondary-color);

  background-color: #fff;

  padding: 10px;

  text-align: center;

}



.large-dropdown .drop-section:not(:last-child){

  border-right: 1px dashed rgb(0 0 0 / 10%);

}



.large-dropdown .drop-logo{

  margin-bottom: 1rem;

}



.large-dropdown .drop-logo img{

  width: 120px;

  margin: 0 auto 10px;

}

.large-dropdown .drop-logo h6{

  font-weight: 800;

  font-size: 13px;

  text-transform: uppercase;

  color: var(--secondary-color);

}



.large-dropdown ul li{

  margin: 2px 0;

}



.large-dropdown ul li a{

  letter-spacing: normal;

  padding: 5px 10px !important;

  border-radius: 40px;

  border: 1px solid rgb(0 0 0 / 10%);

  transition: all 300ms ease-in-out;

}



.large-dropdown ul li a:hover{

  background-color: var(--primary-color);

  color: #fff;

}



.menuBtn {

  width: 30px;

  height: 30px;

  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: 1px;

  margin: 3px 0;

  transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.menuBtn span::before,

.menuBtn span::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: var(--secondary-color);

  transform-origin: center center;

  transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);

  transform: scaleX(1);

}



.menuBtn span::after {

  left: auto;

  right: 0;

}



.menuBtn.closeMenuBtn span#menuLine1 {

  -webkit-transform: rotate(45deg) translate(4px, 4px);

  transform: rotate(45deg) translate(4px, 4px);

}



.menuBtn.closeMenuBtn span#menuLine2 {

  right: 100px;

}



.menuBtn.closeMenuBtn span#menuLine3 {

  -webkit-transform: rotate(-45deg) translate(5px, -5px);

  transform: rotate(-45deg) translate(5px, -5px);

}



.menuBtn.closeMenuBtn span#menuLine1::after,

.menuBtn.closeMenuBtn span#menuLine3::before {

  transform: scaleX(1);

}



.mbMenuContainer {

  position: fixed;

  left: 0px;

  right: 0;

  top: 60px;

  bottom: 0;

  z-index: 999;

  display: none;

}



.header.fixed + .mbMenuContainer {

  top: 37px;

}



.mbMenuContainer .mbMenu {

  background-color: rgba(1, 86, 73, 0.95);

  -webkit-backdrop-filter: blur(8px);

  backdrop-filter: blur(8px);

  position: relative;

  height: 100%;

  width: 100%;

  padding: 20px 0;

  overflow: auto;

  display: flex;

  justify-content: center;

  align-items: center;

}



.mbMenuContainer .mbMenu ul {

  margin: 0;

}



.mbMenuContainer .mbMenu .leftOne ul li {

  padding: 10px 0;

  display: table;

  margin-left: auto;

  text-align: right;

}



.mbMenuContainer .mbMenu ul li a {

  display: block;

  color: #fff;

  transition: all 300ms ease-in-out;

}



.mbMenuContainer .mbMenu ul li.active > a,

.mbMenuContainer .mbMenu ul li:hover > a,

.mbMenuContainer .mbMenu ul li a:focus {

  color: var(--secondary-color);

}



.mbMenuContainer .mbMenu .leftOne ul li a {

  font-size: 2.25rem;

  font-weight: 700;

}



.mbMenuContainer .mbMenu ul li a span {

  display: inline-block;

  transition: all 300ms ease-in-out;

}



.mbMenuContainer .mbMenu ul li.active a span {

  transform: rotate(225deg);

}



.mbMenuContainer .mbMenu .leftOne ul li .dropdown {

  display: none;

}



.mbMenuContainer .mbMenu .leftOne ul li .dropdown ul {

  padding: 0 10px;

  margin-top: 10px;

  display: flex;

  flex-wrap: wrap;

  justify-content: flex-end;

}



.mbMenuContainer .mbMenu .leftOne ul li .dropdown ul li {

  width: max-content;

  border-right: 1px solid rgb(255 255 255 / 14%);

  padding: 0 10px;

  margin: 7px 0;

}



.mbMenuContainer .mbMenu .leftOne ul li .dropdown ul li:last-child {

  border-right: none;

}



.mbMenuContainer .mbMenu .leftOne ul li .dropdown ul li a {

  font-size: 16px;

  font-weight: 400;

  padding: 0;

}



.mbMenuContainer .mbMenu .rightOne {

  border-top: 1px solid rgb(255 255 255 / 15%);

  padding-top: 24px;

  margin-top: 24px;

}



.mbMenuContainer .mbMenu .rightOne ul{

  display: flex;

  align-items: center;

  justify-content: flex-end;

  flex-wrap: wrap;

  gap: 8px;

}



.mbMenuContainer .mbMenu .rightOne ul li a {

  font-size: 14px;

  text-transform: uppercase;

  padding: 8px 12px;

  border-radius: 40px;

  border: 1px solid rgb(255 255 255 / 30%);

}



.mbMenuContainer .mbMenu .rightOne ul li a:hover{

  background-color: #fff;

}



.filter-white {

  -ms-filter: grayscale(1) brightness(55);

  filter: grayscale(1) brightness(55);

}



.filter-dark {

  -ms-filter: grayscale(1) brightness(0.5);

  filter: grayscale(1) brightness(0.5);

}

/*header*/



/*left header*/

.sticky {

  position: absolute;

  text-align: center;

  z-index: 99;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  transition: all 300ms ease-in-out;

}

.sticky.left-sticky{

  left: 10px;

  bottom: 60px;

}

.sticky.right-sticky{

  right: 10px;

  bottom: 10px;

}

.sticky.fixed {

  position: fixed;

}

.sticky.right-sticky.fixed {

  bottom: 60px;

}

.sticky.left-sticky.fixed {

  bottom: 10px;

}



.sticky .sideSocial {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 5px;

}



.sticky .sideSocial li a {

  display: block;

}



.sticky .sideSocial li a i {

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  background-color: var(--primary-color);

  width: 38px;

  height: 38px;

  border: 1px solid transparent;

  border-radius: 50%;

}



.sticky .sideSocial li a:hover i {

  background-color: var(--secondary-color);

  color: #fff;

}



.sticky.fixed .sideSocial li a i {

  border-color: rgb(255 255 255 / 20%);

}



.enqBtn i {

  width: 38px;

  height: 38px;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: var(--secondary-color);

  border: 2px solid var(--secondary-color);

  color: #fff;

  cursor: pointer;

  border-radius: 50%;

  transition: all 300ms ease-in-out;

}



.enqBtn i:hover {

  background-color: var(--primary-color);

}

/*left header*/



.banner {

  height: calc(100vh - 60px);

  margin-top: 60px;

  position: relative;

  background: #000;

  z-index: 1;

}



.banner .carousel-item::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

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

  background: linear-gradient(transparent, rgb(0 0 0 / 70%));

  z-index: 1;

}



.banner .banner-video {

  position: relative;

  height: 100%;

  width: 100%;

  object-fit: cover;

  display: block;

  z-index: 1;

}



.bannerText {

  text-align: center;

  position: absolute;

  bottom: 13%;

  left: 50%;

  transform: translateX(-50%);

  color: #fff;

  padding: 2rem;

  background: rgb(1 53 86 / 45%);

  border: 4px double rgb(255 255 255 / 45%);

  z-index: 9;

}



.bannerText h1 {

  font-weight: 500;

  font-size: 40px;

  font-family: var(--serif);

  letter-spacing: 2px;

  display: flex;

  margin-bottom: 0;

  justify-content: center;

  align-items: center;

}



.carousel-indicators li {

  height: 8px;

  background-color: var(--secondary-color);

  margin: 0;

}



.carousel-indicators li:nth-child(odd) {

  margin-top: 8px;

}



.scrollDown {

  width: 25px;

  height: 25px;

  border: solid #fff;

  border-width: 2px 2px 0 0;

  position: absolute;

  left: 15px;

  transform: rotate(135deg);

  bottom: 25px;

  color: #fff;

  z-index: 9;

  cursor: pointer;

  animation: hidden 1s ease alternate infinite;

}



@keyframes hidden {

  100% {

    bottom: 15px;

  }

}



.smallHeading {

  font-weight: 500;

  font-family: var(--serif);

  color: var(--primary-color);

}

.headingContainer{

  margin-bottom: 20px;

}



.heading {

  display: table;

  position: relative;

  margin-bottom: 20px;

  z-index: 1;

}



.heading-logo{

  width: 150px;

  margin: 0 auto 1rem;

}



.heading h2,

.heading h4,

.heading h5 {

  display: block;

  color: var(--primary-color);

  font-weight: 400;

  font-family: var(--serif);

  line-height: 1;

  margin-bottom: 0;

}



.heading p {

  display: block;

  width: 80%;

  margin: 20px auto 0;

}



.heading .hasline {

  position: relative;

  padding-left: 50px;

}



.heading .hasline:before {

  content: "";

  position: absolute;

  top: 50%;

  width: 0px;

  left: -20px;

  border-bottom: 1px solid #000;

  transition: all 500ms linear;

  transition-delay: 1s;

}



.heading .hasline.now:before {

  width: 60px;

}



.text-serif {

  font-family: var(--serif);

}



.hm-overview {

  position: relative;

  overflow: hidden;

}



.hm-overviewText section {

  padding-right: 5%;

}



.hm-overviewText section article h4 {

  color: var(--primary-color);

  margin-bottom: 10px;

}



.hm-overviewText section article p {

  font-size: 1rem;

}



.hm-overviewImg img{

  padding: 10px;

  border: 1px solid rgb(0 0 0 / 10%);

}



.hm-overviewImg #watermark {

  display: block;

  width: 100%;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.hm-overviewImg #watermark #logo-sehgal * {

  stroke-width: 1;

  stroke-miterlimit: 10;

  stroke-dashoffset: 0;

  opacity: 0;

}



.hm-overviewImg #watermark.draw #logo-sehgal * {

  opacity: 1;

}



.hm-overviewImg #watermark.draw #logo-sehgal .h-vertical-line {

  fill: none;

  stroke: var(--primary-color);

  stroke-dasharray: 330;

  animation: primaryColor 3s forwards;

}

.hm-overviewImg #watermark.draw #logo-sehgal .h-horizontal-line {

  fill: none;

  stroke: var(--secondary-color);

  stroke-dasharray: 80;

  animation: secondaryColor 1s forwards;

}



@keyframes primaryColor {

  0% {

    stroke-dashoffset: 330;

    fill: none;

  }

  99% {

    stroke-dashoffset: 0;

    fill: none;

  }

  100% {

    stroke-dashoffset: 0;

    fill: var(--primary-color);

  }

}

@keyframes secondaryColor {

  0% {

    stroke-dashoffset: 80;

    fill: none;

  }

  99% {

    stroke-dashoffset: 0;

    fill: none;

  }

  100% {

    stroke-dashoffset: 0;

    fill: var(--secondary-color);

  }

}



.hm-overviewImg #watermark #logo-infra {

  opacity: 0;

  transform: translateY(20px);

}

.hm-overviewImg #watermark.draw #logo-infra {

  opacity: 1;

  animation: fadeIn 0.5s linear forwards 2s;

}

@keyframes fadeIn {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

    transform: translateY(0px);

  }

}



.carousel-item .inner{

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  text-align: center;

  background-color: var(--primary-color);

  color: #fff;

  padding: 10px;

}



.hm-values {

  padding-top: 3rem;

  margin-top: 3rem;

  border-top: 1px solid rgb(0 0 0 / 10%);

  position: relative;

}



.hm-values .smallHeading {

  left: 50%;

  top: -15px;

  transform: translateX(-50%);

  padding: 0 10px;

  background-color: var(--light-blue);

}



.hm-valuesBox .inner p {

  margin-bottom: 0;

}



/*COUNTER STARTS*/

.counterbox {

  text-align: center;

  color: #fff;

  border-right: 1px solid rgb(255 255 255 / 20%);

}

.counterbox:last-child {

  border-right: none;

}



.counterbox .counter {

  display: flex;

  align-items: flex-end;

  justify-content: center;

}



.counterbox h5 {

  font-family: var(--serif);

  display: flex;

  justify-content: center;

  align-items: baseline;

  column-gap: 5px;

}



.counterbox h2 + span {

  font-size: 16px;

  width: 100%;

  margin-top: 12px;

  letter-spacing: 2px;

  text-transform: uppercase;

}

/*COUNTER ENDS*/



.readmore {

  width: 100%;

  margin-top: 30px;

}



.readmore .button {

  position: relative;

  z-index: 1;

  display: table;

  padding: 0px 20px;

  min-width: 130px;

  min-height: 40px;

  overflow: hidden;

  color: var(--color-dark);

  font-size: 13px;

  font-weight: 600;

  letter-spacing: 1px;

  text-align: center;

  line-height: 40px;

  border: 1px solid rgb(0 0 0 / 20%);

  text-transform: uppercase;

  transition: all ease-in-out 0.2s;

}



.readmore button {

  background: none;

}



.readmore .button.solid,

.readmore .button:hover {

  color: #fff;

  background: var(--primary-color);

}



.readmore .button.solid:hover {

  color: #fff;

  background: var(--secondary-color);

}



.readmore .button.solid.bg-secondary:hover {

  background: var(--primary-color) !important;

}



.readmore.white .button {

  color: #fff;

  border-color: #fff;

}



.readmore.white .button:hover {

  color: #000;

  background: #fff;

}



.viewmore {

  width: 100%;

  margin-top: 1rem;

}



.viewmore a {

  width: max-content;

  position: relative;

  display: flex;

  color: var(--secondary-color);

  align-items: center;

  font-weight: 600;

  transition: all 300ms ease-in-out;

}



.viewmore a span {

  margin: 0 5px;

}



.viewmore a::before,

.viewmore a::after {

  content: "";

  height: 11px;

  width: 30px;

  background: url(../images/next-w.png) center no-repeat;

  background-size: 100% 100%;

  transition: all 300ms ease-in-out;

  filter: brightness(0.5);

}



.viewmore a::before {

  width: 0;

  opacity: 0;

}



.viewmore a:hover {

  color: #212121;

}



.viewmore a:hover::before {

  opacity: 1;

  width: 30px;

}



.viewmore a:hover::after {

  opacity: 0;

  width: 0;

}



/* Hm Projects */

.hm-projectContainer {

  height: 400px;

  position: relative;

  z-index: 1;

}



.cloud {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  height: 30%;

  background: url(../images/cloud.png);

  animation: animateclouds 80s linear infinite;

  pointer-events: none;

  opacity: 0.1;

}



@keyframes animateclouds {

  0% {

    background-position: 0px;

  }

  100% {

    background-position: -3000px;

  }

}



.hm-projectContainer img {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  object-fit: cover;

  z-index: -1;

}



.hm-projectContainer::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: rgba(13, 17, 19, 0.5);

}



.hm-projectContainer .container-fluid {

  display: flex;

  align-items: flex-end;

}



.hm-ongoingText {

  position: relative;

  z-index: 1;

  width: max-content;

  display: flex;

  flex-direction: column;

}



.hm-ongoingText h3 {

  color: #fff;

  font-size: 2rem;

  font-weight: 600;

  display: block;

}



.hm-ongoingText p {

  color: #fff;

  letter-spacing: 4px;

}



.hm-ongoingTextBox {

  position: relative;

  z-index: 1;

}



.hm-ongoingText .hm-ongoingPoints {

  display: flex;

  justify-content: space-between;

  gap: 10px;

}



.hm-ongoingText .hm-ongoingPoints section {

  min-width: 115px;

  flex-grow: 1;

}



.hm-ongoingText .hm-ongoingPoints section a {

  display: block;

  padding: 10px;

  background-color: var(--primary-color);

  color: #fff;

  transition: all 300ms ease-in-out;

}



.hm-ongoingText .hm-ongoingPoints section a:hover {

  background-color: var(--secondary-color);

  box-shadow: -3px -3px 6px rgba(219, 225, 228, 0.05),

    6px 7px 6px rgba(0, 0, 0, 0.18);

  transform: translateY(-5px);

}



.hm-ongoingText .hm-ongoingPoints section a span {

  font-size: 13px;

}



.hm-ongoingText .explore {

  margin-top: 20px;

  text-align: center;

  display: block;

}



.hm-ongoingText .explore a {

  display: block;

  padding: 4px;

  color: #fff;

  font-size: 13px;

  border: 1px solid rgb(255 255 255 / 30%);

  text-transform: uppercase;

  letter-spacing: 2px;

  transition: all 300ms ease-in-out;

}



.hm-ongoingText .explore a:hover {

  color: #fff;

  border-color: var(--secondary-color);

  letter-spacing: 3px;

  background: var(--secondary-color);

}



.controls {

  position: absolute;

  width: 50px;

  right: 20px;

  padding: 0 9px;

  top: 50%;

  transform: translateY(-50%);

  background: var(--secondary-color);

  box-shadow: -3px -3px 6px rgba(219, 225, 228, 0.05),

    6px 7px 6px rgba(0, 0, 0, 0.18);

  z-index: 9;

}



.controls a {

  position: static;

  display: table;

  width: 100%;

  height: 50px;

  line-height: 50px;

  cursor: pointer;

  text-align: center;

  color: #fff;

  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: var(--primary-color) !important;

  opacity: 1;

}

/* Hm Projects */



.scroller{

  overflow: auto;

}



.scroller::-webkit-scrollbar {

  width: 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;

}



/*hm Media*/

.mediaImg .badge {

  position: absolute;

  left: 10px;

  top: 10px;

  z-index: 2;

}



.mediaControl {

  display: flex;

  justify-content: center;

  gap: 5px;

  padding-bottom: 5px;

}



.mediaControl div{

  position: static;

  width: 42px;

  height: 42px;

  border-radius: 50%;

  background-color: var(--primary-color);

  border: 1px solid rgb(0 0 0 / 20%);

  color: #fff;

  opacity: 1;

  transition: all 300ms linear;

}



.mediaControl div:hover {

  scale: 1.2;

  background-color: var(--secondary-color);

}

/*hm Media*/



/* Awards */

.hm-awardsContainer {

  background: center / cover no-repeat;

  text-align: center;

  color: #fff;

  height: calc(100vh - 68px);

}



.hm-awardsContainer .container-fluid {

  height: 100%;

  border: 1px dashed rgb(255 255 255 / 20%);

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  position: relative;

  z-index: 1;

}



.hm-awardsContainer .container-fluid::before {

  content: "\2605";

  position: absolute;

  font-size: 22px;

  color: #fff;

  left: 50%;

  top: -2px;

  line-height: 0;

}



#awards {

  width: 60%;

  margin: 0 auto;

}



.awards-text h2 {

  font-size: 18px;

  font-weight: 400;

  letter-spacing: 2px;

  color: rgb(255 255 255 / 70%);

}

/* Awards */



/* director's msg */

#luminarySlider{

  padding-bottom: 5rem;

}



.luminariesText p {

  font-size: 1rem;

  text-align: justify;

}



.carousel-indicators.team-indicators li {

  margin: 0 10px;

  text-indent: 0;

  width: auto;

  height: auto;

  padding-top: 4px;

  background-color: transparent;

  border-top: 3px solid var(--secondary-color);

}



.carousel-indicators{

  z-index: 0;

}

/* director's msg */



/*Testimonials*/

.testimHeader {

  display: flex;

  justify-content: flex-end;

  gap: 10px;

}



.testimHeader li .testimBtn {

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid rgb(0 0 0 / 20%);

  background-color: transparent;

  color: var(--body-color);

  width: 40px;

  height: 40px;

}



.testimHeader li .testimBtn:hover {

  color: #fff;

  background-color: var(--secondary-color);

}



.testimHeader li .testimBtn.active {

  background-color: var(--primary-color);

  color: #fff;

}



.testimText {
  border: 1px solid #ececec;
  min-height: 221px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;

}



.testimonialsContainer:not(.show){

  display: none;

}



.testimText section {

  position: relative;

  padding: 1rem 2rem;

  text-align: center;

}



.testimText section .quotation-mark {

  width: 30px;

  margin: 0 auto 10px;

  pointer-events: none;

  opacity: 0.2;

}



.testimText section p {

  margin-bottom: 0px;

}



.testimText .testimName {

  text-align: center;

  padding: 0 10px 10px;
  width: 100%;

}



.testimText .testimName.position-absolute {

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 2;

}



.testimText .testimName h5 {

  font-size: 20px;

  color: var(--color-dark);

}



.testimText .testimName.position-absolute h5{

  color: #fff;

}



.testimText .testimName small {

  font-weight: 600;

  color: var(--secondary-color);

  text-transform: uppercase;

  letter-spacing: 3px;

}



.projectControl {

  justify-content: center;

  display: flex;

  align-items: center;

  margin-top: 30px;

  padding-bottom: 4px;

  z-index: 2;

}



.projectControl > a {

  position: static;

  margin: 0 10px;

  width: 42px;

  height: 42px;

  border: 1px solid rgb(0 0 0 / 20%);

  opacity: 1;

  transition: all 300ms linear;

}



.projectControl > a:hover {

  background-color: var(--secondary-color);

  color: #fff;

}



.swiper-button-next:after,

.swiper-button-prev:after {

  font-size: 20px;

}

/*Testimonials*/



.form-group {

  margin-bottom: 20px;

}



/* .form-group>div {

	margin-top: 15px;

  } */



.form-group label {

  margin-bottom: 0;

  font-size: 13px;

  font-weight: 500;

}



.form-control {

  border-radius: 0;

  border: none;

  border-bottom: 1px solid rgb(0 0 0 / 30%);

  background: none;

  outline: none;

  height: 42px;

  padding: 10px 0;

  transition: all 300ms ease-in-out;

}



.form-control[readonly] {

  background: none;

}



.form-control:focus {

  box-shadow: none;

  border-bottom-color: var(--secondary-color);

  background-color: rgb(0 0 0 / 3%);

  padding-left: 10px;

  padding-right: 10px;

}



.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%);

}



.form-control.form-control-white:focus {

  border-bottom-color: #fff;

}

select.form-control.form-control-white:focus option,

optgroup {

  color: var(--primary-color);

}



.form-control.is-invalid,

.was-validated .form-control:invalid {

  border-bottom-color: var(--secondary-color) !important;

  box-shadow: none !important;

}



.form-control.is-valid,

.was-validated .form-control:valid {

  border-bottom-color: #28a745 !important;

}



input:-internal-autofill-selected {

  background-color: transparent !important;

}



.error input {

  border-color: red;

  border-width: 2px;

}



.success input {

  border-color: green;

  border-width: 2px;

}



.error span {

  color: red;

}



.success span {

  color: green;

}



small.error {

  color: red;

}



/* customize modal */

.modal-backdrop.show {

  opacity: 1;

  background: rgb(0 67 62 / 95%);

  -webkit-backdrop-filter: blur(5px);

  backdrop-filter: blur(5px);

}



button.close {

  font-size: 4rem;

  font-weight: 200;

  position: absolute;

  right: 10px;

  color: var(--color-dark);

  box-shadow: none;

  opacity: 0.3;

  line-height: 0.6;

  z-index: 1;

}



.close:hover {

  opacity: 1 !important;

}



.modal-body{

  padding: 2rem;

  text-align: justify;

}



.modal-content {

  border: 0;

  border-radius: 0;

}



.modal-body iframe{

  height: 415px;

  display: block;

}



.note {

  font-size: 10px;

  display: block;

  margin-top: 3rem;

}

/* customize modal */



/* custom swiper controls */

.swiper-button-next,

.swiper-button-prev {

  width: 42px;

  height: 42px;

  margin-top: -15px;

  border-radius: 50%;

  font: 900 1rem "Font Awesome 5 Free";

  background: var(--primary-color);

  color: #fff;

  z-index: 30;

  transition: all 300ms ease-in-out;

}

.swiper-button-next::before,

.swiper-button-prev::before{

  content: '\f053';

}



.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;

}

.bg-primary .swiper-pagination-bullet{

  background-color: #fff;

}

.bg-primary .swiper-pagination-bullet-active {

  background-color: var(--secondary-color);

}



.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: var(--primary-color);

  position: relative;

  z-index: 1;

}



.footer-area::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background: url(../images/logo-icon.svg) center no-repeat;

  background-size: 25%;

  z-index: -1;

  filter: grayscale(1);

  opacity: 0.1;

}



.footer-area p{

  font-size: 13px;

}



.footer-area a{

  display: inline-block;

  color: #fff;

  font-size: 13px;

  padding: 5px 0;

}

.footer-area a:hover{

  color: rgb(255 255 255 / 50%);

}



.foot-links{

  position: relative;

  z-index: 1;

}



.foot-menu h6{

  text-transform: uppercase;

  font-size: 14px;

  font-weight: 700;

  color: var(--secondary-color);

}



.foot-menu.socialBox a{

  display: flex;

  align-items: center;

  column-gap: 10px;

}



.footer-bottom{

  padding: 10px 0;

  border-top: 1px solid rgb(255 255 255 / 15%);

}



.footer-bottom > div{

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}



.footer-logo{

  width: 110px;

}



.copyrights{

  position: relative;

  z-index: 1;

  display: flex;

  flex-direction: column;

  justify-content: center;

  color: #fff;

}



.copyrights p{

  display: flex;

  align-items: center;

  margin-bottom: 0;

  font-size: 12px;

}



.copyrights p img{

  width: 13px;

  margin-left: 5px;

}



.button-top {

  background: rgba(0, 0, 0, 0.32);

  position: fixed;

  right: 10px;

  bottom: -50px;

  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;

  transition: all 300ms ease-in-out;

}



.button-top:hover {

  background: #161616;

}

/*Footer*/



/***** Inside pages start *****/

.insideBanner {

  height: calc(100vh - 60px - 36px);

  margin-top: 60px;

  position: relative;

  background: #140d07;

  color: #fff;

  /* display: flex;

  align-items: center;

  justify-content: center; */

  z-index: 1;

}

.insideBanner::before {

  content: "";

  position: absolute;

  inset: 0;

  background-color: rgb(0 0 0 / 50%);

  z-index: -1;

  pointer-events: none;

}



.pageTitle{

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  z-index: 2;

}



.pageTitle .h1{

  color: #fff;

}



.breadcrumb {

  background-color: transparent;

  margin-bottom: 0;

  border-radius: 0;

  padding: 10px 0;

  font-size: 13px;

}



.breadcrumb-item + .breadcrumb-item::before {

  content: "\276D";

  color: #fff;

}



.breadcrumb li,

.breadcrumb li a {

  color: #fff;

}



.breadcrumb li a{

  font-weight: 700;

}



.breadcrumb li a:hover {

  color: var(--secondary-color);

}

.breadcrumb-item.active {

  color: rgb(255 255 255 / 50%);

}



.emptyBox {

  margin-top: 60px;

}



.emptyBox hr {

  border-top-color: var(--secondary-color);

  margin-bottom: 0;

}



.testim-modal .modal-body .testim-img {

  width: 170px;

  float: left;

  margin: 0 20px 10px 0;

}



/* project Box */

.project_box .project_box_inner{

  height: 100%;

  background-color: #fff;

  border: 1px solid rgb(0 0 0 / 10%);

  border-bottom: 2px solid var(--secondary-color);

  display: block;

  color: var(--color-dark);

  text-align: center;

  transition: all 300ms ease-in-out;

}

.project_box .project_box_inner:hover{

  transform: translateY(-5px);

  box-shadow: 0 1rem 3rem rgb(0 0 0 / 20%);

}



.project_box .Project_box_img{

  position: relative;

}



.project_box .hover_text{

  position: absolute;

  inset: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

  background-color: rgb(0 67 62 / 95%);

  color: var(--secondary-color);

  font: 300 2rem/1 var(--serif);

  z-index: 1;

  opacity: 0;

  visibility: hidden;

  transform: scaleY(0);

  transform-origin: bottom;

  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out, visibility 300ms ease-in-out;

}



.project_box .hover_text.active{

  opacity: 1;

  visibility: visible;

  transform: scaleY(1);

  transform-origin: top;

}



.project_box .Project_box_img .img-fluid img{

  height: 200px;

  object-fit: cover;

}



.project_box .Project_box_img .img-fluid.no-image{

  height: 200px;

  background: radial-gradient(circle at 50% -80%,var(--secondary-color), var(--primary-color));

  display: flex;

  align-items: center;

  justify-content: center;

}



.project_box .Project_box_img .img-fluid.no-image img{

  object-fit: contain;

  width: 60%;

  height: 80px;

}



.project_box .project_box_details{

  padding: 15px;

}



.project_developer_detail{

  margin-bottom: 1rem;

}



.project_developer_detail .project_name{

  font-size: 20px;

  font-weight: 900;

  letter-spacing: 1px;

}



.project_developer_detail .project_name a{

  color: var(--primary-color);

}



.project_developer_detail .project_name a:hover{

  color: var(--secondary-color);

}



.project_developer_detail .project_price{

  margin-bottom: 0;

  font-weight: 900;

}

.project_developer_detail .project_price i{

  font-size: 80%;

  margin-right: 4px;

}



.project_detail{

  display: flex;

  flex-wrap: wrap;

  padding: 1rem 0;

}



.project_detail li{

  text-align: center;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  row-gap: 10px;

  border-right: 1px solid rgb(0 0 0 / 10%);

  flex-grow: 1;

  flex-basis: 0;

  padding: 0 10px;

}

.project_detail li:last-child{

  border-right: none;

}



.project_detail li i{

  color: var(--secondary-color)

}



.project_box_footer{

  padding: 0 15px 15px;

}

/* project Box */



/* Inside Project Page */

.projectBanner{

  margin-top: 60px;

}



.projectSideSec .projImg{

	margin-bottom:30px;

	box-shadow:5px 10px 20px rgba(0, 0, 0, 0.27);

}



.videoth {

  overflow: hidden;

  position: relative;

  z-index: 1;

}



.videoth::before {

  content: "";

  position: absolute;

  inset: 0;

  background-color: rgb(0 0 0 / 40%);

}



.videoth img {

  object-fit: cover;

}



.videoBtn {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: 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: breathe1 800ms alternate infinite;

}

.videoBtn::before {

  inset: -20px;

}

.videoBtn::after {

  inset: -10px;

}



@keyframes breathe {

  100% {

    transform: translate(-50%, -50%) scale(1.2, 1.2);

  }

}

@keyframes breathe1 {

  100% {

    transform: scale(1.2, 1.2);

  }

}



.videoBtn:hover {

  animation-play-state: paused;

}



.videoBtn:hover::before,

.videoBtn:hover::after {

  animation-play-state: paused;

  border-color: #fff;

}



.quickview figure{

	text-align:center;

	display:flex;

	flex-wrap:wrap;

}



.quickview figure figcaption{

	margin:0 2px;

	padding:10px 10px 7px;

	border:1px solid rgb(0 0 0 / 14%);

	flex-basis:0;

	flex-grow:1;

}



.quickview figure figcaption i{

  color: var(--secondary-color);

  font-size: 1rem;

	margin:0 auto 10px;

}



.quickview figure figcaption p{

	font:600 14px var(--serif);

	margin-bottom:0;

  color: var(--primary-color);

}



.pageHeader{

	padding:20px 0;

	border-bottom:1px solid #ececec;

}



.pageMenu{

	display:flex;

	flex-wrap:wrap;

	justify-content:center;

	text-align:center;

}



.pageMenu li{

	flex-grow:1;

}



.pageMenu li a{

	color:#000;

	display:flex;

	flex-direction:column;

	font-size:13px;

}



.pageMenu li a .img-fluid{

	width:35px;

	margin:0 auto 5px;

}



.pageMenu li a:hover{

  color: var(--secondary-color);

}



/* features start */

.featBox{height: auto;}

.featBox section {

  height: 100%;

  padding: 20px;

  color: var(--body-color);

  background-color: var(--light-blue);

  transition: all 300ms ease-in-out;

  display: flex;

  align-items: center;

  gap: 10px;

}



.featBox section:hover {

  box-shadow: 0 1rem 2rem rgb(0 0 0 / 7%);

}



.featBox section .img-fluid {

  max-width: 40px;

  flex: 0 0 40px;

}



.featBox section p.text-uppercase {

  letter-spacing: 1px;

  font-size: 13px;

}

.featBox section p {

  font-size: 15px;

  margin-bottom: 0;

}

/* features end */



/* floorplan starts */

.fbBox a{

  display: block;

}

.fbBox .img-fluid {

  background-color: #fff;

  padding: 1rem;

  box-shadow: 0 10px 30px rgb(0 0 0 / 20%);

}



.fbBox .img-fluid img {

  transition: all 300ms ease-in-out;

}



.fbBox a:hover .img-fluid img {

  transform: scale(0.85, 0.85);

}



.fbBox .fpDetails {

  color: var(--color-dark);

  text-align: center;

  margin-top: -1.25rem;

  position: relative;

  z-index: 1;

  padding: 0 10px;

}



.fbBox .fpDetails h6 {

  color: #fff;

  display: block;

  padding: 8px;

  background-color: var(--secondary-color);

  box-shadow: 0 10px 30px rgb(0 0 0 / 20%);

  transition: all 300ms ease-in-out;

}



.fbBox a:hover .fpDetails h6 {

  background-color: var(--primary-color);

}

/* floorplan ends */



/* Gallery */

.gal-slide img {

  /* height: 350px; */

  object-fit: cover;

}



.gallery-title {

  position: absolute;

  top: 5px;

  left: 50%;

  transform: translateX(-50%);

  text-align: center;

  font: 500 1rem var(--serif);

  color: #fff;

  text-shadow: 1px 1px 1px #000;

  transition: all 300ms linear .5s;

  z-index: 1;

}



.gallery-caption {

  position: absolute;

  bottom: 0;

  right: 10px;

  font-size: 11px;

  color: #fff;

  pointer-events: none;

}

/* Gallery */



/* contact page */

.contactBox ul li a{

  width: fit-content;

  display: flex;

  align-items: center;

  gap: 10px;

  margin: 10px 0;

  color: var(--color-dark);

}

.contactBox ul li a:hover{

  color: var(--secondary-color);

}

.contactBox ul li a i{

  width: 30px;

  height: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background-color: var(--primary-color);

  color: #fff;

  font-size: 13px;

}

/* contact page */



/* NRI */

.card{

  border-radius: 0;

}

.accordion-wrapper .card-header{

  padding: 0;

  background-color: transparent;

  border-radius: 0;

}



.accordionBtn{

  width: 100%;

  padding: 10px 20px;

  line-height: normal;

  text-align: left;

  display: flex;

  align-items: center;

  justify-content: space-between;

  font-weight: 700;

  background-color: var(--primary-color);

  color: #fff;

  border-radius: 0;

}



.accordionBtn:hover{

  color: #fff;

}

.accordionBtn.collapsed{

  color: var(--primary-color);

  background-color: transparent;

}



.accordionBtn i{

  transition: all 300ms ease-in-out;

  transform: rotate(225deg);

  color: var(--secondary-color);

}



.accordionBtn.collapsed i{

  transform: rotate(0deg);

}



.accordion-wrapper .card-body{

  font-size: 14px;

}

/* NRI */



/* News inside page */

.newsBox .inner{

  display: flex;

  gap: 10px;

}

.newsBox .inner .img-fluid{

  max-width: 80px;

  flex: 0 0 80px;

}

.newsBox .inner .img-fluid img{

  height: 100%;

  object-fit: cover;

}

.newsBox .inner p{

  font-size: 14px;

  color: var(--body-color);

  text-decoration: underline;

  text-decoration-color: var(--secondary-color);

}

.newsBox .inner:hover p{

  color: var(--secondary-color);

  text-decoration-color: var(--primary-color);

}

/* News inside page */



/* forms */

.form-container{

  padding: 2.5rem;

  box-shadow: 0 1rem 3rem rgb(0 0 0 / 14%);

  background-color: #fff;

  width: 100%;

  margin: 0 auto;

  max-width: 1024px;

}



label{

  margin-bottom: 0;

}

/* forms */

/* Inside Project Page */



/*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;

}

/*transformation Animation*/



.list ul,

.list ol {

  padding-left: 20px;

}

.list li {

  margin-bottom: 10px;

  line-height: 1.5;

}

.list li::marker{

  color: var(--secondary-color);

}