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

:root {
  --primary-color: #000;
  --secondary-color: #fffcf3;
  --golden-color: #e1b96a;
  --darkgreen: #296544;
  --gray: #adadad;
  --body-color: #222222;
  --facebook: #4267B2;
  --twitter: #00acee;
  --linkedin: #0e76a8;
  --youtube: #FF0000;
  --whatsapp: #25D366;
  --instagram: #c92bb7;
  --serif: "Source Serif Pro", serif;
}

html{
  scroll-behavior: smooth;
}

body {
  color: var(--body-color);
  font: 400 1rem "Raleway", sans-serif;
  overflow-x: hidden;
  text-align: justify;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  line-height: 1.5;
}

ul {
  padding-left: 0;
  margin-bottom: 0;
}

a,
a:hover {
  text-decoration: none;
}

p a{
  color: var(--primary-color);
  text-decoration: underline 2px var(--golden-color);
}

p a:hover{
  color: var(--golden-color);
}

img {
  width: 100%;
  display: block;
}

.rounded{
  border-radius: 7px !important;
}

svg:not([fill]) {
  fill: currentColor;
}

.gap-row{
  row-gap: 30px;
}
.gap-form-row{
  row-gap: 10px;
}

.object-cover{
  object-fit: cover;
}

.wrapper{
  width: 100%;
  background: #fff;
  position: relative;
}

.hm-overview li {
    line-height: 38px;
}
/*header*/
.header {
  width: 100%;
  position: fixed;
  top: 0;
  padding:0 30px;
	background-color: var(--secondary-color);
  border-top: 2px solid var(--golden-color);
  z-index: 10;
  transition:all 300ms ease-in-out;
}

.fixed-header-strip .header,
.header.fixed,
.header:hover {
  border-bottom: 1px solid rgb(0 0 0 / 12%);
}
.header.notfixed{
  border-bottom-color: var(--golden-color);
}

.header .mainHeader{
	display:flex;
	align-items:center;
	justify-content: space-between;
}

.logo {
	width:200px;
	height:auto;
	position: relative;
	min-height: 1px;
	transition:all 300ms ease-in-out;
}

.fixed-header-strip .header .logo,
.header.fixed .logo,
.header.notfixed .logo{
	width: 120px;
}
.header.notfixed .logo{
  /* filter: brightness(55); */
  padding: 5px 0;
}

.logo img{
	height:auto;
	transition:all 300ms ease-in-out;
}

.header .mainHeader .navi{
  align-items: center;
  gap: 1rem;
}

.header .mainHeader .navi > ul{
	display:flex;
	align-items:center;
  column-gap: 10px;
	position:relative;
}

.header .mainHeader .navi > ul > li > a{
	color:var(--body-color);
	padding:30px 12px;
  text-transform: uppercase;
	font-size:14px;
  font-weight: 400;
	display:flex;
	align-items:center;
	justify-content:center;
  column-gap: 5px;
	transition:all 300ms ease-in-out;
	position:relative;
	z-index:1;
}

.header .mainHeader .navi > ul > li:hover > a{
  color: var(--golden-color);
}

.header .mainHeader .navi > ul > li > a::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
  width: 100%;
	height:100%;
  border-radius: 7px;
  transform: scaleY(0);
  transform-origin: bottom;
	background-color: var(--primary-color);
	transition: transform 300ms ease-in-out;
  z-index: -1;
}

.header .mainHeader .navi > ul > li:hover > a::before{
  transform: scaleY(1);
  transform-origin: top;
}

.header.fixed .navi ul li a{
	font-size:13px;
	letter-spacing:normal;
	padding:15px 10px;
}

/*****************************/
.sub-dropdown
{
    position: absolute;
    right: -200px;
    top: 10px;
    background-color: #fffcf3;
    text-transform: uppercase;
}

ul.list-inline li ul ul.sub-dropdown {display: none; } 

ul.list-inline li ul li:hover ul.sub-dropdown {display: block; }


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

.dropdown
{
  display: none;
    position: absolute;
    width: 180px;
    background: #fffcf3;
    padding: 10px 0px;
    margin-top: -10px;
}
.dropdown li
{
  list-style-type: none;
}
.dropdown li a
{
  display: block;
  padding: 13px 12px;
}
.header.fixed .dropdown li a {
  padding: 6px !important;
}
.dropdown li:hover {
  background:var(--body-color);
}
.dropdown li:hover a {
  color:var(--golden-color);
}
.dropdown li a
{
  color: #000;
}

.navi ul li:hover .dropdown
{
  display: block;
}
.menuBtn {
  width: 30px;
  height: 30px;
  border: 0;
  padding: 0;
  background-color: transparent;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 300ms ease-in-out;
  position: relative;
  cursor: pointer;
}

.fixed-header-strip .header .menuBtn,
.header.fixed .menuBtn, .header.notfixed .menuBtn,
.header:hover .menuBtn {
  width: 30px;
  height: 30px;
}

.menuBtn .bar {
  width: 100%;
  height: 16px;
  border-top: 1px solid var(--body-color);
  position: relative;
  transition: all 300ms ease-in-out;
}

.menuBtn .bar::before,
.menuBtn .bar::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--body-color);
  transform-origin: center center;
  transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.menuBtn .bar::before{
  top: calc(50% - 1px);
}
.menuBtn .bar::after {
  bottom: 0;
}
.fixed-header-strip .header .menuBtn .bar,
.header.fixed .menuBtn .bar{
  border-top-color: #000;
}
.header.notfixed .menuBtn .bar{
  border-top-color: transparent;
}

.fixed-header-strip .header .menuBtn .bar::before,
.fixed-header-strip .header .menuBtn .bar::after,
.header.fixed .menuBtn .bar::before,
.header.fixed .menuBtn .bar::after{
  background: #000;
}
/* .header.notfixed .menuBtn .bar::before,
.header.notfixed .menuBtn .bar::after{
  background: #fff;
} */

.menuBtn.closeMenuBtn .bar::before {
  -webkit-transform: rotate(45deg) translate(1px, -1px);
  transform: rotate(45deg) translate(1px, -1px);
}

.menuBtn.closeMenuBtn .bar::after {
  -webkit-transform: rotate(-45deg) translate(6px, -4px);
  transform: rotate(-45deg) translate(6px, -4px);
}

.mbMenuContainer {
  position: fixed;
  inset: 0;
  z-index: 9;
  display: none;
  backdrop-filter: blur(5px);
}

.mbMenuContainer .mbMenu {
  position: relative;
  height: 100%;
  width: 100%;
  max-width: 320px;
  padding-top: calc(1rem + 58px);
  overflow: auto;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  background-color: var(--secondary-color);
  border-right: 4px solid var(--golden-color);
}

.mbMenuContainer .mbMenu ul {
  width: 100%;
  margin: 0;
  /*display: flex;*/
  flex-direction: column;
}
.mbMenuContainer .mbMenu ul li{
  transition: all 300ms ease-in-out;
}

.mbMenuContainer .mbMenu > ul > li a {
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
  padding: 1rem 30px;
  border-bottom: 1px dashed rgb(0 0 0 / 10%);
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--primary-color);
  transition: all 300ms ease-in-out;
}

@media (max-width: 575.9px){
  .mbMenuContainer .mbMenu > ul > li a {padding: 1rem; font-size: 1rem !important;}
}

.mbMenuContainer .mbMenu > ul > li:last-child a {
  border-bottom: 0;
}

.mbMenuContainer .mbMenu li:hover > a,
.mbMenuContainer .mbMenu li a:focus {
  color: var(--golden-color);
}

.mbMenuContainer .mbMenu > ul > li a i{
  font-size: 60%;
  color: var(--secondary-color);
  transition: all 300ms ease-in-out;
}

.header-bottom{
  border-top: 1px solid var(--golden-color);
  padding: 1rem;
}

.header-bottom .socialBtn{
  justify-content: center;
}

.header-bottom .socialBtn i{
  -webkit-filter: grayscale(1) opacity(0.5);
  filter: grayscale(1) opacity(0.5);
  border-radius: 5px;
}

.header-bottom .socialBtn i:hover{
  -webkit-filter: none;
  filter: none;
}
.menuDrop {
  padding: 5px 15px;
  margin-bottom: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  display: none;
}
/*header*/

.filter-white {
  -webkit-filter: grayscale(1) brightness(70);
  filter: grayscale(1) brightness(70);
}

.filter-dark {
  -webkit-filter: grayscale(1) brightness(0.5);
  filter: grayscale(1) brightness(0.5);
}

p {
  line-height: 1.5;
}

.padding {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.container-fluid {
  padding-left: 4vw;
  padding-right: 4vw;
}

.sticky{
  position: fixed;
  right: 10px;
  bottom: 25px;
  z-index: 8;
  border-radius: 100px;
  padding: 4px;
  background-color: #fff;
  cursor: pointer;
  box-shadow: 0 10px 30px rgb(0 0 0 / 10%);
  transition: all 300ms ease-in-out;
}

.sticky.fixed{
  bottom: 55px;
}

.sticky i{
  background-color: var(--body-color);
  color: var(--secondary-color);
}

.sticky i:hover{
  background-color: var(--golden-color);
  color: var(--body-color);
}

.sticky > i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 14px;
  color: #fff;
  background-color: var(--golden-color);
  box-shadow: 0 10px 20px rgb(0 0 0 / 15%);
  border-radius: 50%;
  transition: all 300ms ease-in-out;
}

.sticky .socialBtn{
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 4px;
  position: absolute;
  padding-bottom: 10px;
  left: 0;
  bottom: 100%;
  width: 100%;
  pointer-events: none;
}

.sticky:hover .socialBtn{
  pointer-events: auto;
}

.sticky .socialBtn a{
  opacity: 0;
  visibility: hidden;
  transform: translateY(calc(10px * var(--i)));
  transition: all calc(150ms * var(--i)) ease-in-out;
}

.sticky:hover a{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}

/* Home Banner */
#banner{
	height: calc(100vh - 78px);
  margin-top: 78px;
	position:relative;
	background-color: #000;
	z-index:3;
}
#banner::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	/* background:linear-gradient(rgba(0, 0, 0, 0.25), rgba(0,0,0,0.0)); */
	z-index:1;
  pointer-events: none;
}

#banner .banner-video{
	height:100%;
	width:100%;
	object-fit:cover;
}

#banner .carousel-inner, #banner .carousel-inner .carousel-item{
	position:relative;
	height:100%;
}

#banner .carousel-inner .carousel-item{
	background:center no-repeat #5a6d8f;
	background-size:cover;
	background-blend-mode: overlay;
	z-index:1;
}

#banner .carousel-inner .carousel-item::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	z-index:-1;
}

.carousel-item > div{
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
	position:relative;
	z-index:1;
}

.bannerText{
  width: 100%;
  max-width: 1024px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
	text-align:center;
	z-index:9;
	color:#fff;
}

.bannerText .h1{
	font: italic 200 5vw/1.1 var(--serif);
	letter-spacing:2px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:20px;
}

.socialBtn{
  gap: 10px;
}
.socialBtn i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 14px;
  color: #fff;
  box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
  border-radius: 50%;
  transition: all 300ms ease-in-out;
}

.socialBtn i.fa-facebook-f{
  background-color: var(--facebook);
}
.socialBtn i.fa-twitter{
  background-color: var(--twitter);
}
.socialBtn i.fa-linkedin-in{
  background-color: var(--linkedin);
}
.socialBtn i.fa-instagram{
  background-color: var(--instagram);
}
.socialBtn i.fa-youtube{
  background-color: var(--youtube);
}
.socialBtn i.fa-whatsapp{
  background-color: var(--whatsapp);
}
/* .socialBtn i.fa-phone{
  background-color: var(--primary-color);
}
.socialBtn i.fa-book{
  background-color: var(--orange-color);
}
.socialBtn i.fa-envelope{
  background-color: var(--yellow);
} */

/* stroke */
.socialBtn i.stroke{
  border: 1px solid;
}
.socialBtn i.stroke.fa-facebook-f{
  color: var(--facebook);
  background-color: transparent;
}
.socialBtn i.stroke.fa-x-twitter{
  color: var(--twitter);
  background-color: transparent;
}
.socialBtn i.stroke.fa-linkedin-in{
  color: var(--linkedin);
  background-color: transparent;
}
.socialBtn i.stroke.fa-instagram{
  color: var(--instagram);
  background-color: transparent;
}
.socialBtn i.stroke.fa-youtube{
  color: var(--youtube);
  background-color: transparent;
}
.socialBtn i.stroke.fa-whatsapp{
  color: var(--whatsapp);
  background-color: transparent;
}
.socialBtn i.stroke.fa-phone{
  color: var(--primary-color);
  background-color: transparent;
  border: 1px solid var(--primary-color);
}
.socialBtn i.stroke.fa-tty{
  color: var(--youtube);
  background-color: transparent;
  border: 1px solid var(--youtube);
}
.socialBtn i.stroke.fa-envelope{
  color: var(--yellow);
  background-color: transparent;
  border: 1px solid var(--yellow);
}

.socialBtn i.stroke:hover{
  color: #fff;
}
.socialBtn i.stroke.fa-facebook-f:hover{
  background-color: var(--facebook);
}
.socialBtn i.stroke.fa-twitter:hover{
  background-color: var(--twitter);
}
.socialBtn i.stroke.fa-linkedin-in:hover{
  background-color: var(--linkedin);
}
.socialBtn i.stroke.fa-instagram:hover{
  background-color: var(--instagram);
}
.socialBtn i.stroke.fa-youtube:hover{
  background-color: var(--youtube);
}
.socialBtn i.stroke.fa-whatsapp:hover{
  background-color: var(--whatsapp);
}
.socialBtn i.stroke.fa-phone:hover{
  background-color: var(--primary-color);
}
.socialBtn i.stroke.fa-tty:hover{
  background-color: var(--youtube);
}
.socialBtn i.stroke.fa-envelope:hover{
  background-color: var(--yellow);
}

/* @keyframes breathe{
  0%{
    transform: scale(1);
  }
  100%{
    filter: hue-rotate(135deg);
    transform: scale(1.2);
  }
} */

.soundBtn {
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  z-index: 9;
}

.scrollDown{
	position:absolute;
	left:calc(50% - 30px);
	bottom:1.25rem;
	width:60px;
  opacity: 1;
	cursor:pointer;
	z-index:9;
  transition: opacity 200ms ease-in-out;
}
.scrollDown:hover{
  opacity: 1;
}
/* Home Banner */

.line{
  position: absolute;
  background-color: var(--primary-color);
}

.line.verticle{
  top: -70px;
  left: calc(50% - 1px);
  width: 2px;
  height: 140px;
  z-index: 1;
  pointer-events: none;
}

.icon-img{
  width: 200px;
  margin: 0px auto;
}

.icon-img.sm{
  width: 70px;
}

.decoration-dots {
  display: table;
  width: 56px;
  height: 16px;
}

/* hm overview */
.bg-title-video {
  position: relative;
  height: 30vw;
  width: 100%;
  z-index: -1;
}
.bg-title-video .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.bg-title-video .mask-text {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  width: 100%;
  height: 100%;
  font-size: 8vw;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  background: #fff;
  mix-blend-mode: screen;
}
.bg-title-video .mask-text span {
  display: block;
  width: 100%;
  transition: transform .2s linear;
}

.bg-title-video .mask-text span:first-child {
  text-align: right
}

.hm-overview-container .oval-lines{
  position: absolute;
  inset: 24vw auto 0% -12%;
  width: 30%;
  background: url(../images/clock-sketch.svg) left bottom / 100% no-repeat;
  /* -webkit-filter: opacity(0.1);
  filter: opacity(0.1); */
  pointer-events: none;
  z-index: -1;
}

.hm-overview-container .oval-lines::before{
  content: '';
  position: absolute;
  inset: 0;
  background-image: linear-gradient(90deg, transparent -50%, rgb(255 255 255 / 100%) 70%);
}

.statsBox .inner{
  padding: 0rem 2rem;
  border-radius: 100px;
  background-color: var(--secondary-color);
  box-shadow: 0 6px #eee3cc;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.statsBox .inner .statsBox-inside{
  max-width: 300px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}

.statsBox h2{
  font-weight: 100;
  font-family: sans-serif;
  margin-bottom: 0;
  color: var(--golden-color);
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.statsBox h2 span{
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
}

.statsBox p:first-of-type{
  min-width: 123px;
}

.statsBox p{
  font-size: 13px;
  text-transform: uppercase;
}
/* hm overview */

/* hm mark of luxury */
.hm-luxury-container{
  background: linear-gradient(var(--secondary-color) 25%, #fff 25%);
}

.luxury-img .logo-icon{
  width: 310px;
  position: absolute;
  right: 2%;
  top: 0;
  transition: all 300ms linear;
  z-index: 1;
}

.luxury-img .logo-icon.logo-icon-black{
  right: -23%;
  -webkit-filter: opacity(0.3);
  filter: opacity(0.3);
}

.luxury-img .logo-icon.logo-icon-stroke{
  z-index: -1;
  -webkit-filter: opacity(0.9);
  filter: opacity(0.9);
}

.luxury-text .welcome-text{
  font-size: 2.5rem;
  font-weight: 200;
}

.luxury-text .the-mark-text{
  font-size: 4vw;
  font-weight: 100;
  margin-bottom: 2rem;
}
/* hm mark of luxury */

/* hm symbol of excellence */
.symbol-img{
  width: 380px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.symbol-img img{
  transform: scale(2,2);
  opacity: 0;
}

.symbol-img.active img{
  animation: symbol 1.75s forwards linear;
}

@keyframes symbol{
  0%{transform: scale(2,2); opacity: 0;}
  75%{transform: scale(1,1); opacity: 1;}
  100%{transform: scale(1,1); opacity: 0.1;}
}

.symbol-box .inner{
  padding: 5rem 0;
  text-align: center;
}

.symbol-text{
  font-weight: 300;
  line-height: 1.5;
}
/* hm symbol of excellence */

/* hm projects */
.hm-projectImg{
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-filter: opacity(0.25);
  filter: opacity(0.25);
  pointer-events: none;
  z-index: -1;
}
.hm-projectImg img{
  object-position: left top;
}

.hm-projectBox .display-4 {
  font-weight: 100;
  margin-bottom: 2rem;
}

.hm-projectBox h4 {
  font-weight: 200;
  margin-bottom: 2rem;
}

.hm-projectBox .featured-icons{
  display: flex;
  flex-wrap: wrap;
}

.hm-projectBox .featured-icons li {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 10px;
}

.hm-projectBox .featured-icons li:not(:first-of-type){
  justify-content: center;
  border-left: 1px solid rgba(0, 0, 0, 0.10);
}

.hm-projectBox .featured-icons li .img-fluid {
  max-width: 30px;
  flex: 0 0 30px;
  color: var(--golden-color);
}

.hm-projectBox .featured-icons li p {
  margin-bottom: 0;
  padding-left: 10px;
  font-weight: 400;
}

.hm-projectBox .featured-icons li p small {
  display: table;
  color: var(--golden-color);
  text-transform: uppercase;
  font-size: .75rem;
}
/* hm projects */

/* icon boxes */
.iconBox .inner{
  height: 100%;
  padding: 2rem;
  border-radius: 7px;
  background-color: #fff;
  color: var(--gray);
  font-weight: 400;
  transition: all 300ms ease-in-out;
}
.iconBox .inner:hover{
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 10%);
}

.iconBox .inner .img-fluid{
  max-width: 50px;
  margin-bottom: 20px;
  -webkit-filter: grayscale(1) brightness(0.5);
  filter: grayscale(1) brightness(0.5);
  transition: filter 300ms ease-in-out;
}

.iconBox .inner:hover .img-fluid{
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
/* icon boxes */

/* Timeline */
.journey-slide{
  width: 75%;
}
.journey-slide .inner{
  transform: scale(.9,.9);
  transition: all 500ms linear;
  position: relative;
  isolation: isolate;
}
.journey-slide.swiper-slide-active .inner{
  transform: scale(1,1);
}

.journey-slide .inner::before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:linear-gradient(transparent,var(--body-color));
  z-index: 1;
}

.journey-slide .inner > picture img{
  opacity: 0.5;
}

.journey-text{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%) scale(0,0);
  opacity: 0;
  text-align: center;
  max-width: 800px;
  width: 100%;
  padding: 2rem;
  transition: all 1s linear 100ms;
  z-index: 1;
}

.journey-slide.swiper-slide-active .journey-text{
  transform: translate(-50%,-50%) scale(1,1);
  opacity: 1;
}

.journey-text.d-flex{
  gap: 1rem;
}

.journey-text .timeline-logo{
  width: 200px;
}

.journey-text .timeline-title{
  font-weight: 200;
  margin-bottom: 1.5rem;
  font-size: 2rem;
}
.journey-text p{
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: 1px;
}
.journey-text b{
  font-weight: 700;
}

.timeline-thumb-slider{
  position: relative;
  z-index: 1;
}

.timeline-thumb-slider::before, .timeline-thumb::before{
  content: '';
  position: absolute;
  inset: 8px 0 auto;
  border-bottom: 2px dotted rgb(255 255 255 / 15%);
  transition: all 300ms ease-in-out;
}

.timeline-thumb{
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
  font: 800 14px / 1 sans-serif;
  color: rgb(255 255 255 / 60%);
  transition: all 300ms ease-in-out;
  cursor: pointer;
}

.timeline-thumb.swiper-slide-thumb-active{
  color: var(--golden-color);
}

.timeline-thumb::before{
  width: 0;
}

.timeline-thumb.swiper-slide-thumb-active::before{
  border-bottom-color: #fff;
  width: 100%;
}

.timeline-thumb .dot{
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid rgb(255 255 255 / 30%);
  transition: all 300ms ease-in-out;
}

.timeline-thumb.swiper-slide-thumb-active .dot{
  background-color: #fff;
}
/* Timeline */

/* Team wrapper */
.our-team {
  height: 100%;
  padding-bottom: 1rem;
  text-align: center;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  border-radius: 7px;
}
.our-team:before{
  content: '';
  position: absolute;
  inset: 65px 0 0;
  background-color: var(--secondary-color);
  border: 1px solid #edddbe;
  border-radius: 7px;
  z-index: -1;
}

.our-team .picture {
  display: table;
  width: 90%;
  margin: 0 auto 2rem;
  z-index: 1;
  position: relative;
  transition: all 300ms ease-in-out;
}

.our-team:hover .picture {
  transform: scale(.95,.95);
}

.our-team .title {
  display: block;
  text-transform: capitalize;
}

.our-team .team-content{
  padding: 0 1rem;
}

.our-team .name{
  font-weight: 500;
  font-size: 1.125rem;
  color: var(--primary-color);
}

.our-team .title{
  color: var(--golden-color);
  text-transform: uppercase;
  font-size: .75rem;
}

.our-team .knowmore {
  width: 100%;
  padding: .75rem 8px;
  border-radius: 7px;
  text-transform: uppercase;
  font-size: .75rem;
  margin: 0;
  color: var(--primary-color);
  background-color: var(--golden-color);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.5s ease 0s;
}

.our-team .knowmore:hover {
  background-color: var(--primary-color);
  color: var(--golden-color);
}
/* team card */
.teamBtns a{
  gap: 1rem;
  color: var(--darkgray);
  font-weight: 700;
}
.teamBtns a:hover{
  background-color: rgb(11 158 231 / 8%);
  color: var(--primary-color);
}
/* Team wrapper */

/* managements */
.management-text{
  padding: 0 3rem;
  margin: 3rem 0;
  position: relative;
  isolation: isolate;
}
.management-text i{
  position: absolute;
  font-size: 7rem;
  opacity: 0.05;
  top: 0;
  line-height: 0;
  z-index: -1;
}
.management-text i.fa-quote-left{
  left: 0;
}
.management-text i.fa-quote-right{
  right: 0;
}
/* managements */

/* Testimonials */
.testimBox.swiper-slide{
  height: auto;
}
.testimBox .inner{
  height: 100%;
  background-color: #fff;
  color: var(--gray);
  font-weight: 400;
  border-radius: 7px;
  padding: 2rem;
}
.testimBox .inner .quotation-mark{
  font-size: 3rem;
  color: var(--golden-color);
}
.testimBox .inner .testim-name b{
  color: var(--golden-color);
  display: block;
}
.testimBox .inner .testim-name span{
  font-size: .75rem;
  text-transform: uppercase;
}
/* Testimonials */

/* news blogs */
.blogBox.swiper-slide{
  height: auto;
}
.blogBox .inner{
  height: 100%;
  display: flex;
  flex-direction: column;
}
.blogBox .inner .img-fluid a{
  display: block;
  padding: 10px;
  border-radius: 7px;
  background-color: #fff;
  border: 1px solid var(--golden-color);
}
.blogBox .inner .img-fluid img {
  height: 250px;
  object-fit: cover;
  border-radius: 7px;
    object-position: top;
}
.blogBox .inner article{
  margin-bottom: 1px;
  flex-grow: 1;
  padding: 2rem;
  border-radius: 7px;
  background-color: #fff;
  border: 1px solid var(--golden-color);
  margin-top: 7px;
}
.blogBox .inner .date{
  padding: 7px 20px;
  border-radius: 40px;
  background-color: #fff;
  color: var(--body-color);
  border: 1px solid var(--golden-color);
  margin: -3.4rem auto 20px;
  font-family: sans-serif;
  display: table;
  transition: all 300ms ease-in-out;
}
.blogBox .inner article:hover .date{
  background-color: var(--golden-color);
}

.blogBox .inner .smallHeading{
  line-height: 1.4;
}
.blogBox .inner:hover .smallHeading{
  text-decoration: underline 1px var(--golden-color);
}
.blogBox .inner article small{
  color: var(--gray);
  font-size: .75rem;
  text-transform: uppercase;
}
/* news blogs */


.statsWrapper{
  padding-top: 20px;
  border-top: 1px dashed rgb(255 255 255 / 15%);
}

.statBox .h3{
  margin-bottom: 0;
  font-weight: 700;
}

.statBox p{
  margin-bottom: 0;
  font-size: 12px;
  text-transform: uppercase;
}

.bg-img {
  right: 0;
  top: 0;
  width: auto;
  height: 100%;
  object-fit: cover;
  object-position: 1rem bottom;
  opacity: 0.5;
  z-index: -1;
}

.bg-image{
	background:center no-repeat fixed;
	background-size:cover;
	position:relative;
	z-index:1;
}

.bg-image::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.68);
    z-index: -1;
}

.position-relative {
  z-index: 1;
}

/* customize swiper */
.swiper-button-next,
.swiper-button-prev {
  color: #fff;
  background: rgb(0 0 0 / 50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: var(--primary-color);
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 16px;
}

.bottomControls{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.bottomControls{
  margin-top: 20px;
}

.bottomControls div[class^="swiper-"]{
  position: static;
  margin: 0 !important;
}

.bottomControls .swiper-pagination{
  width: 40px;
}

/* thumb pagination */
.symbol-slider .swiper-pagination{
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-pagination-bullet{
  width: 20px;
  height: 2px;
  border-radius: 0px;
  opacity: 1;
  background-color: rgb(0 0 0 / 40%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 300ms ease-in-out;
}
.swiper-pagination-bullet-active{
  background-color: var(--golden-color);
}
/* thumb pagination */
/* customize swiper */

.listContainer ul li {
  position: relative;
  font-size: 16px;
  margin: 20px 0;
  padding-left: 30px;
  line-height: 1.5;
  color: #626262;
}

.listContainer ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 20px;
  height: 20px;
  background: url(../images/bullet.png) center no-repeat;
  background-size: contain;
}

.listContainer ul li:first-child{
  margin-top: 0;
}

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

.listContainer ul li a{
  color: inherit;
}
.listContainer.text-white ul li a{
  color: #fff;
}

.listContainer ul li a:hover{
  color: var(--primary-color);
}

.listContainer.sm ul li {
  padding-left: 20px;
  font-size: 13px;
  margin: 10px 0;
}
.listContainer.sm ul li::before {
  width: 10px;
  height: 10px;
  top: 4px;
}

.headingContainer{
  margin-bottom: 30px;
}

.heading {
  display: table;
  position: relative;
  margin-bottom: 0px;
  z-index: 1;
}

.heading .h1 {
  font-size: 2rem;
  font-weight: 200;
  text-transform: capitalize;
}

.heading h3 {
  font-weight: 300;
  font-size: 2.25rem;
}

.heading p {
  display: block;
  width: 70%;
  margin: 20px auto 0;
}

.heading.d-flex{
  align-items: center;
  gap: 1rem;
}

.heading-icon {
  width: 50px;
}

.smallHeading{
  font-weight: 400;
  color: var(--primary-color);
}

.text-normal {
  font-family: sans-serif;
}

.text-primary {
  color: var(--primary-color) !important;
}
.text-secondary {
  color: var(--secondary-color) !important;
}
.text-golden {
  color: var(--golden-color) !important;
}
.text-gray {
  color: var(--gray);
}
.bg-dark {
  background-color: var(--body-color) !important;
  color: #fff;
}
.bg-lightgray {
  background-color: #f7f5f1;
}
.bg-primary {
  background-color: var(--primary-color) !important;
}
.bg-secondary {
  background-color: var(--secondary-color) !important;
}
.bg-golden {
  background-color: var(--golden-color) !important;
}

.btnContainer{
  gap: 10px;
}

.readmore {
  width: 100%;
  margin-top: 2rem;
}

.readmore.d-flex {
  gap: 10px;
}

.readmore .button {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  padding: 10px 20px;
  min-width: 130px;
  max-width: max-content;
  overflow: hidden;
  color: #000;
  border: 1px solid rgb(0 0 0 / 50%);
  border-radius:  50px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  transition: all ease-in-out 0.2s;
  background-color: transparent;
}

.readmore .button.button-lg {
  min-width: 180px;
  padding: 20px 30px;
}

.readmore .button::before{
  content: '';
  position: absolute;
  top: 100%;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background-color: var(--primary-color);
  transition: all 300ms ease-in-out;
  z-index: -1;
}

.readmore .button:hover::before{
  top: -50%;
}

.readmore .button.solid,
.readmore .button:hover {
  color: #fff;
  border-color: transparent;
}
.readmore .button.solid{
  background-color: var(--primary-color);
  transition-delay: 100ms;
}
.readmore .button.solid:hover{
  border-color: var(--golden-color);
  color: var(--primary-color);
  background-color: transparent;
}

.readmore .button.solid::before{
  background-color: var(--golden-color);
}

.readmore .button.white {
  border-color: rgb(255 255 255 / 30%);
  color: #fff;
}
.readmore .button.white::before {
  background-color: var(--secondary-color);
}
.readmore .button.white:hover {
  border-color: transparent;
  color: var(--primary-color);
}

.readmore .button.white.solid{
  background-color: var(--secondary-color);
  color: var(--primary-color);
}
.readmore .button.white.solid::before {
  background-color: var(--primary-color);
}
.readmore .button.white.solid:hover {
  border-color: transparent;
  color: var(--secondary-color);
  background-color: transparent;
}

.viewmore .button{
  color: var(--body-color);
  font-weight: 400;
  transition: all 300ms ease-in-out;
}

.viewmore .button:hover{
  color: var(--golden-color);
}

.viewmore .button i{
  transition: transform 300ms ease-in-out;
}

.viewmore .button:hover i{
  transform: translateX(5px);
}

/* forms */
.form-group {
  margin-bottom: 20px;
}

label {
  margin-bottom: 0;
  font-size: 87.5%;
  
}

.form-control {
  font-size: 14px;
  padding: 10px;
  height: auto;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: var(--primary-color);
  transition: all 300ms ease;
}

.form-control.form-control-bg {
  background-color: #f7f7f7;
  padding: 10px;
  border-bottom-color: transparent;
}

.form-control:focus {
  background-color: #fff6e5;
  border-bottom-color: var(--primary-color);
  box-shadow: none;
  padding: 10px;
}

textarea.form-control {
  resize: none;
}

.custom-control-inline {
  align-items: center;
}
.custom-control-label::before,
.custom-control-label::after {
  top: -1px;
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 15%);
}
/* forms */


/*Footer*/
.footer-area {
  background: #fff;
  padding: 3rem 0 1.5rem;
  border-top: 1px solid var(--golden-color);  
  position: relative;
  z-index: 1;
}

.newsletter{
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(0 0 0 / 10%);
}

.stats-disclaimer{
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
  z-index: 1;
  font-size: 12px;
}

.footer-area a{
  display: inline-block;
  color: var(--body-color);
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  padding: 5px 0;
}
.footer-area a:hover{
  color: var(--golden-color);
}

.insideBox ul:not(.socialBtn) a {
  padding: 8px 12px;
  border-radius: 40px;
  border: 1px solid rgb(0 0 0 / 10%);
}

.footer-logo{
  width: 120px;
  margin-bottom: 20px;
}

.footer-logo + p{
  font-weight: 400;
}

.footer-links{
  position: relative;
  z-index: 1;
}

.foot-menu.socialBox a{
  display: flex;
  align-items: center;
  column-gap: 10px;
}

.insideBox ul{justify-content: center;}
.insideBox ul:not(.socialBtn){display: flex; flex-wrap: wrap; gap: 10px;}
.insideBox ul:not(.socialBtn) a{padding: 8px 12px; border-radius: 40px; border: 1px solid rgb(0 0 0 / 10%);}
.insideBox ul:not(.socialBtn) a:hover{border-color: var(--orange-color);}
.foot-menu .socialBtn i{-webkit-filter: grayscale(1) opacity(0.5); filter: grayscale(1) opacity(0.5); border-radius: 5px;}

.footer-bottom {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgb(0 0 0 / 10%);
}

.copyrights{
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
}

.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(29, 29, 29, 0.32);
  position: fixed;
  cursor: pointer;
  right: 10px;
  bottom: -50px;
  color: #ffffff;
  font-size: 13px;
  opacity: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  transition: all 500ms ease;
  z-index: 8;
}

.button-top.fixed {
  opacity: 1;
  bottom: 10px;
}

.button-top:hover {
  background: var(--primary-color);
}
/*Footer*/

/*********** Inside Pages Start ***********/
.emptyBox{height: 78px;}
.inside-banner{margin-top: 78px; background-attachment: unset;}
.inside-banner::before{
  background-color: rgb(0 0 0 / 50%);
}
.inside-banner img{
  height: 200px;
  object-fit: cover;
}
.page-title{
  position: relative;
  z-index: 1;
}
.page-title .h1{
  font-size: 5rem;
  font-weight: 100;
  text-transform: uppercase;
}

.breadcrumb{
  background-color: transparent;
  margin-bottom: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
}

.breadcrumb li a, .breadcrumb-item+.breadcrumb-item::before{
  color: var(--body-color);
  font-weight: 600;
}

.breadcrumb li a:hover{
  color: var(--secondary-color);
}

.breadcrumb li.active{
  color: var(--secondary-color);
}

.clock-bg{
  width: 40%;
  position: absolute;
  right: -15%;
  top: 50%;
  transform: translateY(-50%);
  /* opacity: .125; */
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  z-index: -1;
}

.overview-container{
  background: url(../images/overview-bg.jpg) right center / contain no-repeat;
}

/* Expansion plan */
.expansionContainer .inner{
  height: 100%;
  padding: 2rem;
  background-color: var(--secondary-color);
  color: var(--body-color);
}
.expansionBox:not(:last-of-type){
  border-bottom: 1px dashed var(--golden-color);
}
.count {
  padding: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  position: relative;
}
.count .counter {
  font-size: 2.5rem;
  font-weight: 300;
  font-family: sans-serif;
  color: var(--golden-color);
  margin-bottom: 0;
}
.count span{
  max-width: 200px;
}
/* Expansion plan */

/* mission vision */
.vmText:not(:last-of-type){
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgb(255 255 255 / 15%);
}
/* mission vision */

/* Career page */
.career-card .inside {
  border-radius: 7px;
  height: 100%;
  padding: 20px;
  border-color: var(--golden-color);
  background-color: transparent;
  transition: all 300ms ease-in-out;
}

.career-card .inside:hover {
  transform: translateY(-5px);
  box-shadow: 0 50px 30px -40px rgb(0 0 0 / 10%);
}

.career-card .card-header {
  background-color: transparent;
}

.career-card p {
  line-height: normal;
}

.career-card .list-group .list-group-item {
  font-size: 14px;
  line-height: normal;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
}
/* Career page */

/* contact page */
.contactCard {
  border-radius: 7px;
  background-color: transparent;
  border-color: var(--golden-color);
}
.contactCard ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 1rem;
}
.contactCard ul li {
  display: flex;
  align-items: center;
  gap: 5px;
}
.contactCard ul li i {
  width: 35px;
  height: 35px;
  font-size: 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--golden-color);
  color: var(--golden-color);
}
.contactCard ul li a{
  color: var(--primary-color);
}
.contactCard ul li a:hover {
  text-decoration: underline;
  text-decoration-color: var(--golden-color);
}
/* contact page */

/* Disclaimer */
.termsContainer{
  text-align: justify;
}

.bookview{
  columns: 40ch;
}
/* Disclaimer */
/*********** Inside Pages End ***********/

/* Customise modal */
.border-golden{border-color: var(--golden-color) !important;}
.modal-backdrop.show {
  opacity: 1;
  background-color: rgba(51 51 51 / 80%);
  backdrop-filter: blur(4px);
}

.modal-content {
  background-color: var(--secondary-color);
  box-shadow: 0 8px 32px 0 rgba(0 0 0 / 20%);
  border: 0;
}

button.close {
  position: absolute;
  right: -20px;
  top: -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--primary-color);
  color: #fff;
  opacity: 1;
  text-shadow: none;
  z-index: 9;
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity: 1;
  background-color: #ae0000;
  color: #fff;
}

.modal-body {
  padding: 25px;
}

.modal-logo{
	width: 180px;
	margin: 0 auto 2rem;
}

.modal-title{
	margin-bottom: 1.5rem;
	padding-bottom: 10px;
	font-weight: 500;
  border-bottom: 1px dashed rgb(0 0 0 / 30%);
}

.modal-body {
  padding: 25px;
}
/* Customise modal */

.list ul,
.list ol {
  padding-left: 20px;
  line-height: 1.5;
}

.list li:not(:last-of-type) {
  margin-bottom: 10px;
}

.list li::marker{
  color: var(--golden-color);
}

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

.scaleAnime {
  transform: scale(0,0);
  transition: all 1000ms linear;
}

.zoomIn {
  transform: scale(2,2);
  opacity: 0;
  transition: all 1000ms ease-in-out;
}

.doneScale {
  transform: scale(1,1) !important;
  opacity: 1;
}
/*transformation Animation*/