@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



:root {

  --primary-color: #faf4ee;

  --primary-light-color: #002349;

  --secondary-color: #dcc081;

  --third-color: #896f36;

  --body-color: #212121;

  /* --logo-clr1: #f35ba2;

  --logo-clr2: #fde070;

  --logo-clr3: #6cc5ec; */

  --light: #f8fcff;

  --facebook: #4267B2;

  --twitter: #00acee;

  --linkedin: #0e76a8;

  --youtube: #FF0000;

  --whatsapp: #25D366;

  --instagram: #c92bb7;

  --midsun: 'Mid Mid Sun Sun';

  --gradient: linear-gradient(45deg, #002349, #558ecd);

}



body {

  color: #000000;

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

  font: 400 1rem "Poppins", sans-serif;

  overflow-x: hidden;

}



.table td,

.table th{

  padding: 1.25rem 1rem 1rem;

}



p {

  line-height: 1.5;

}



.padding {

  padding-top: 4rem;

  padding-bottom: 4rem;

}



ul {

  padding-left: 0;

  margin-bottom: 0;

}



a,

a:hover {

  text-decoration: none;

}



img, video, iframe {

  width: 100%;

  display: block;

  /* border-radius: 0 1rem 0 0; */

}



.gap-row{

  row-gap: 30px;

}



.object-cover {

  object-fit: cover;

}



.container-fluid{

    padding-left: 2rem;

    padding-right: 2rem;

}



.rounded {

  border-radius: 5px !important;

}



.filter-white {

  -ms-filter: brightness(70);

  filter: brightness(70);

}



.filter-dark {

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

  filter: grayscale(1) brightness(0.5);

}



.icon-circular {

    width: 40px;

    height: 40px;

    font-size: 14px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    color: var(--body-bg);

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

    transition: all 300ms ease-in-out;

}



/*header*/

.header {

  padding: 5px;

  position: fixed;

  top: 0;

  z-index: 999;

  transition: all 300ms ease-in-out;

}



.header.fixed {

  padding-top: 5px;

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

  border-bottom: 1px solid hsla(0, 0%, 100%, 0.08);

}



.header .d-grid{

  display: flex !important;

  grid-template-columns: 200px 1fr;

  justify-content: space-between;

  align-items: center;

  gap: 10px;

  transition: all 300ms ease-in-out;

}



.header.fixed .d-grid{

  grid-template-columns: 120px 1fr;

}



.header ul,

.topDetails ul {

  display: flex;

  align-items: center;

}

.topDetails ul{

  justify-content: flex-end;

}



.navi ul li {

  margin-right: 40px;

}



.navi ul li:last-child,

.topDetails ul li:last-child {

  margin-right: 0px;

}



.header li,

.menuBtn {

  text-transform: uppercase;

  font-size: 13px;

  letter-spacing: 1px;

  font-weight: 400;

}



.header a,

.menuBtn {

  display: table;

  color: #fff;

  height: 26px;

  overflow: hidden;

  padding-top: 5px;

  padding-bottom: 5px;

  transition: all 300ms ease-in-out;

  position: relative;

}



.header a div,

.menuBtn div {

  display: inline-block;

  position: relative;

  transition: all 300ms ease-in-out;

  color: #ffffff;

}



.header a .link-hover-hover,

.menuBtn .link-hover-hover {

  left: 0;

  position: absolute;

  transform: translateY(40px);

  color: #ffffff;

}

.fixed.header a .link-hover-hover, .fixed.header a div{

  color: #000000;

}

.header a:hover .link-hover-text,

.menuBtn:hover .link-hover-text {

  transform: translateY(-40px);

}



.header a:hover .link-hover-hover,

.menuBtn:hover .link-hover-hover {

  transform: translateY(0px);

}



.menuBtn {

  border: none;

  background: none;

  padding: 0;

  position: relative;

  z-index: 1;

  text-align: left;

}



.menuBtn div {

  padding-right: 25px;

}



i.arrow-down {

  position: absolute;

  right: 5px;

  top: 2px;

  width: 8px;

  height: 8px;

  border-style: solid;

  border-width: 0 0 1px 1px;

  transform: rotate(-45deg);

}



i.arrow-down.arrow-up {

  transform: rotate(135deg);

  top: 5px;

}



.logo {

  position: relative;

  min-height: 1px;

  transition: all 300ms ease-in-out;

  overflow: hidden;

  /* filter: brightness(100.5); */

  height: 74px;

  width: auto;

}

.logo img{

    width: auto;

    height: 100%;

}



.logo a {

  height: 100%;

  padding: 0;

  display: block;

}



.logo a img {

  transition: all 300ms ease-in-out;

}



.enqBtn a {

  padding: 0;

  border-radius: 40px;

  background: var(--gradient);

  color: #fff;

}

.enqBtn a div {

  padding: 10px 20px;

}



.header .enqBtn a div {

}



.topDetails ul li{

  margin-right: 10px;

}



.callBtn, .socialBtn{

   max-width: 40px;

    height: 40px;

    flex: 0 0 40px;

    position: fixed;

    z-index: 99;

    right: 20px;

    bottom: 4rem;

}

.callBtn a {

	display: block;

	width: 35px;

	height: 35px;

	line-height: 35px;

	border-radius: 50%;

	font-size: 20px;

	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;

}



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

	}

}

.statsBox p

{

  text-transform: uppercase;

}

.callBtn a,

.socialBtn,

.socialBtn ol li a {

  width: 40px;

  height: 40px;

  line-height: 38px;

  text-align: center;

  position: relative;

  border-radius: 50%;

  padding: 0;

  cursor: pointer;

}



.callBtn a{

    background-color: rgb(255 255 255);

    color: #4d3325;

}

.header.fixed .callBtn a {

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

    color: #ffffff;

}

.callBtn a:hover{

  color:#000;

  background-color: var(--light);

}



.socialBtn {

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

  color: var(--body-color);

  transition: all 400ms ease;

}

.socialBtn:hover {

  background-color: #fff;

  color: var(--body-color);

}



.socialBtn ol {

  position: absolute;

  left: 0;

  width: 100%;

  pointer-events: none;

}



.socialBtn:hover ol {

  pointer-events: auto;

}



.socialBtn ol li {

  opacity: 0;

  visibility: hidden;

  transform: translateY(calc(10px * var(--i)));

  transition: all calc(150ms * var(--i)) ease-in-out;

}



.socialBtn:hover ol li {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

  margin: 5px 0;

}



.socialBtn ol li a {

  display: block;

  background-color: #fff;

  color: var(--body-color);

  transition: all 300ms ease-in-out;

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

}

.socialBtn ol li a:hover {

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

  color: #fff;

}

/*header*/



.banner {

  height: 100vh;

  position: relative;

  background: var(--primary-color);

  z-index: 1;

}



.banner .carousel-item::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  background: linear-gradient(

180deg, #0859b1, transparent);

  /* background: linear-gradient(rgb(0 0 0 / 70%), rgb(255 255 255 / 15%)); */

  z-index: 1;

  height: 104px;

}



.banner .container{

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  padding-top: 8rem;

  display: flex;

  flex-direction: column;

  justify-content: center;

  z-index: 9;

}



.bannerText {

  max-width: 600px;

  width: 75%;

  color: #fff;

}



.bannerText .h1 {

  font-size: 3.75rem;

  text-transform: uppercase;

  position: relative;

  padding: 1px 0;

}



.bannerBottom{

	position:absolute;

	bottom:20px;

	right:20px;

	display:flex;

	justify-content:space-between;

	align-items:center;

	z-index:9;

}



.bannerControlsContainer{

	display:flex;

	align-items:center;

}



.bannerControlsContainer .carousel-indicators{

	position:static;

	align-items:center;

	margin-right:0px;

	margin-left:0;

}



.bannerControlsContainer .carousel-indicators li{

	width:auto;

	height:auto;

	background-color:transparent;

	opacity:1;

	color:#fff;

	margin:0 20px;

	text-indent:inherit;

	border-top:1px solid transparent;

	border-bottom:1px solid transparent;

	font-weight:600;

	font-size:12px;

	transition:all 300ms ease-in-out;

}



.bannerControlsContainer .carousel-indicators li:hover, .bannerControlsContainer .carousel-indicators .active{

	border-bottom-color:#fff;

}



.bannerControlsContainer .bannerControl{

	display:flex;

	align-items:center;

	justify-content:center;

}



.bannerControlsContainer .bannerControl >span{

	width:120px;

}



.bannerControlsContainer .bannerControl .carousel-control-next.banner-next, 

.bannerControlsContainer .bannerControl .carousel-control-prev.banner-prev{

	position:static;

	top:auto;

	width:40px;

	height:40px;

	border-radius:5px;

	margin:0 5px;

	opacity:1;

	z-index:9;

}



.carousel-control-next.banner-next .carousel-control-next-icon, .carousel-control-prev.banner-prev .carousel-control-prev-icon{

	background-size:60%;

}



.carousel-control-next.banner-next:hover, .carousel-control-prev.banner-prev:hover{

	background-color:var(--facebook);

}



.scrollDown{

	position:absolute;

	left:calc(50% - 15px);

	bottom:20px;

	width:30px;

	cursor:pointer;

	z-index:9;

  animation: bounce 1s alternate infinite;

}



@keyframes bounce {

  100% {

    bottom:10px;

  }

}



/* overview */

.sideImg .inner{

  position: relative;

  width: 85%;

  margin-left: auto;

  margin-right: auto;

}



.sideImg .heading.position-absolute{

  left: 0;

  transform: translateX(-20%);

}



/* overview */



.banner-points > div + div{

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

}



.banner-points h3{

  font-size: 1rem;

  text-transform: uppercase;

  letter-spacing: 2px;

  line-height: 1.5;

  color: #fff;

}

.hm-statsContainer

{

    background: #002349;

}



.banner-points li + li{

  padding-left: 10px;

  margin-left: 10px;

}



.stats{

  margin-top: 4rem;

}

.statsBox

{    text-align: center;

}

.statsBox:nth-child(1)

{

  border-right:1px solid #002349;

}

.stats li{

  flex: 1 0 0;

}



.stats li h2{

  font-weight: 700;

}



.stats li i{

  font-size: 1.25rem;

}



/* Characterstics */

.charBox:nth-child(2n-1) .inner{

  margin-top: 100%;

}



.charBox .heading h6{

    background-color: rgb(77 51 37);

    width: 30px;

    height: 30px;

    border-radius: 50%;

    color: #fff;

    text-align: center;

    align-items: center;

    display: flex;

    justify-content: center;

    display: none;

}



.charBox img{

  aspect-ratio: 1/1;

  object-fit: cover;

  box-shadow: 0 0 2px #ccc;

  border-radius: 0 1rem 0 0;

}

.sideImg img

{

  border-radius: 0 1rem 0 0;

}


.characterSlider{

  padding-left: 3.75rem;

  padding-right: 3.75rem;

}



.charSlide{

  width: 40%;

}



.charSlide .img-fluid{

  padding: 0 8%;

  transform: scale(.75,.75);

  transition: all 300ms linear;

}



.charSlide.swiper-slide-active .img-fluid{

  transform: scale(1,1);

}



.swiper-slide-shadow-left, .swiper-slide-shadow-right{

  display: none;

}



.charSlide .imgBox{

  position: relative;

  overflow: hidden;

  z-index: 1;

}



.charSlide img{

  height: 500px;

  object-fit: cover;

}



.charSlide .caption{

  position: absolute;

  top: 50%;

  left: 50%;

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

  width: max-content;

  color: var(--secondary-color);

  font-family: initial;

  font-size: 4em;

  text-transform: uppercase;

  z-index: -1;

  opacity: 0;

  text-align: center;

  text-shadow: 0px 0px 13px #000;

}

.charSlide.swiper-slide-active .caption{

  opacity: 1;

}



.charSlide .imgBox .caption{

  color: #fff;

  z-index: 1;

  text-shadow: 0px 0px 16px #000;

}

/* Characterstics */



.random-section > .row{

  min-height: 450px;

}



/* Amenities */

.amenities-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 30px;

}



.amenity-item {

    background-color: rgb(255 255 255 / 15%);

    backdrop-filter: blur(10px);

    padding: 25px;

    text-align: center;

    box-shadow: 0px 0px 1px #000;

    transition: all 0.3s;

}



.amenity-item:hover {

    transform: translateY(-3px);

    box-shadow: 0 0 0 1px var(--secondary-color);

    background-color:#4d3325;

    color: var(--body-color);

}



.amenity-icon {

    width: 50px;

    height: 50px;

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

    border-radius: 50%;

    padding: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 15px;

    font-size: 20px;

}



.amenity-item span {

    font-weight: 700;

    text-transform: capitalize;

    color: #fff;

}

/* Amenities */





/* Video and growth */

.modal-title{

  font-weight: 700;

  color: var(--primary-color);

}



/* Location */

.location-box .inside{

  padding-bottom: 1rem;

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

}

/* Location */









.viewmore {

  width: 100%;

  margin-top: 1.25rem;

}



.viewmore a {

  text-transform: uppercase;

  color: var(--body-color);

  font-size: 75%;

  font-weight: 600;

}



.viewmore a i {

  color: var(--primary-color);

}



.viewmore a:hover {

  color: var(--primary-color);

}



.heading {

  display: table;

  position: relative;

  margin-bottom: 30px;

  z-index: 1;

  font-family: initial;

}



.heading.border-bottom{

  border-bottom-width: 2px !important;

}



.icon-dots{

  width: 40px;

  margin: 2rem 0;

}



.line{

  width: 40px;

  height: 1px;

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

  margin: 2rem 0;

}



.heading h2,

.heading h4,

.heading h5,

.heading h6 {

  display: block;

}



.heading .h1 {

  color: var(--secondary-color);

  background: var(--gradient);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  font-size: 3.25rem;

  text-transform: uppercase;

  letter-spacing: 1px;

}



.heading .h1.text-white {

  background: none;

  -webkit-background-clip: none;

  -webkit-text-fill-color: inherit;

}



.heading h3 {

  font-weight: 500;

  font-size: 2vw;

}



.heading h6 {

  font-weight: 400;

  letter-spacing: 2px;

}



.text-serif{

  font-family: initial;

  letter-spacing: 1px;

}



.text-primary{

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

}

.text-secondary{

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

}



.text-gradient {

  background: var(--gradient);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



.bg-sec {

    /* background: url(../images/bg-footer.webp) center / cover; */

}

.bgimhembrace

{

  position: relative;

    display: flex;

    align-items: center;

}



.bgimhembrace::before

{

    content: '';

    background: url(../images/jbg.webp) no-repeat;

    width: 100%;

    height: 60%;

    position: absolute;

    background-size: contain;

    background-position: bottom;

    opacity: 0.07;

    z-index: -1;

}

.bg-primary{

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

}



.bg-primary-light{

  background-color: #faf4ee;

}



.bg-secondary{

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

  color: var(--body-color);

}



.bg-third{

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

}



.bg-light{

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

}



.bg-light-gray{

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

}



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

}



.scroller::-webkit-scrollbar {

  width: 5px;

}



/* Track */

.scroller::-webkit-scrollbar-track {

  box-shadow: inset 0 0 5px var(--light);

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

  padding: 0.75rem 1.25rem;

  border-radius: 40px;

  background: var(--gradient);

  color: #fff;

  min-width: 140px;

  font-size: 13px;

  text-align: center;

  text-transform: uppercase;

  transition: all ease-in-out 0.3s;

}



.readmore button {

  width: 100%;

  background: none;

}



.readmore .button:hover {

  color: var(--body-color);

  background: var(--secondary-color);

  border-color: transparent;

}



.readmore .button.text-white{

  border-color: #fff;

}



.readmore .button.text-white:hover {

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

  background-color: #fff;

  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;

}



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

  opacity: 1;

}



.multiply{

  mix-blend-mode: multiply;

}



.position-relative{

  z-index: 1;

}



/* custom swiper controls */

.swiper-button-next, .swiper-button-prev{

  width: 50px;

  height: 50px;

  margin-top: -25px;

  border-radius: 50%;

  background: url(../images/arrow-right.png) center / 20px no-repeat #b2ccda;

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

  transition: all 300ms ease-in-out;

  /* filter: invert(1); */

}



.topBtn{

  top: 25%;

}



.bottomBtn{

  top: 80%;

}



.heading .d-flex{

  gap: 10px;

}

.heading .swiper-button-next, .heading .swiper-button-prev{

  position: static;

  margin-top: 0;

}



.swiper-button-next:hover, .swiper-button-prev:hover{

    scale: 1.2;

}



.swiper-button-prev, .swiper-rtl .swiper-button-next{

  transform: rotate(-0deg);

}

.swiper-button-prev

{

  transform: rotate(-180deg);

}

.ameSwiper .swiper-button-next

{

  transform: rotate(-0deg);

}

.swiper-button-next:after, .swiper-button-prev:after{

  display: none;

}



.bottom-control{

  top: calc(100% - 1.5rem);

}



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

}



.bar-controls{

  display: flex;

  position: relative;

  align-items: center;

  justify-content: space-between;

  padding: 10px;

}



.bar-controls .bar-arrows{

  position: relative;

  width: 100px;

  display: flex;

  align-items: center;

  gap: 10px;

}



.bar-controls .bar-arrows > div{

  position: static !important;

  margin-top: 0 !important;

  width: 40px;

  height: 40px;

  background-size: 22px;

}



.bar-controls .swiper-horizontal>.swiper-pagination-progressbar,

.bar-controls .swiper-pagination-progressbar.swiper-pagination-horizontal{

  position: static;

  width: calc(100% - 120px);

}



.bar-controls .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{

  background: linear-gradient(45deg,var(--secondary-color),var(--primary-color),var(--secondary-color));

}

/* custom swiper controls */



/*Footer*/

.footer-area {

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

  color: #fff;

    padding-bottom: 3rem;

}



.footer-area::before {

    content: '';

    height: 4px;

    width: 100%;

    position: absolute;

    top: 0;

    z-index: -1;

    background-image: var(--gradient);

}



.footer-area a {

  display: inline-block;

  color: #ffffff;

  font-size: .875rem;

  padding: 5px 0;

}



.footer-area p {

  font-size: .875rem;

  color: #ffffff;

}



.footer-area a:hover {

  color: var(--secondary-color);

}



.foot-logo img {

  max-width: 170px;

  margin-bottom: 1rem;

}



.footer-links {

  margin: 5rem 0;

  position: relative;

  z-index: 1;

}



.footerSocial {

  display: flex;

  flex-wrap: wrap;

  gap: 5px;

}



.footerSocial i.icon-circular {

  background-color: rgba(255, 255, 255, 0.15);

}



.footer-bottom {

  padding: 1rem 0;

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

}



.footer-bottom a {

  color: initial;

}



.footer-bottom .d-flex {

  gap: 10px;

}



.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(255, 255, 255, 0.22);

  position: fixed;

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

  transition: all 300ms ease-in-out;

}



.button-top:hover {

  background: var(--third-color);

}

/*Footer*/



/* Inside page */

.insideBanner{

  height: 370px;

  position: relative;

  overflow: hidden;

}

.insideBanner::before{

  content: '';

  position: absolute;

  inset: 0;

  background: linear-gradient(rgb(255 255 255 / 60%), rgb(0 0 0 / 0%));

  z-index: 1;

}



.pageHead{

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

  color: #fff;

}



.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: #fff;

}



.breadcrumb li a:hover{

  color: var(--secondary-color);

}



.breadcrumb li.active{

  color: var(--secondary-color);

}



/* our definition */

.tagline{

  padding: 1rem;

  border-left: 3px solid var(--primary-color);

}

/* our definition */



/* csr start */

.imgBox{

  margin: 15px 0;

}



.imgBox .inner iframe{

  outline: 2px solid var(--light-gray);

  overflow: hidden;

}



.newsBox {

  margin: 15px 0;

}



.newsBox a {

  color: var(--primary-color);

  display: block;

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

  transition: all 300ms ease;

}



.newsBox a .img-fluid img {

  height: 300px;

  object-fit: cover;

}



.newsBox a article {

  padding: 3rem 1.6rem 2rem;

  background-color: #fff;

  transition: all 300ms ease-in-out;

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

  position: relative;

  z-index: 1;

}



.newsBox a:hover article {

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

  color: #fff;

}



.newsBox a article h4 {

  font-weight: 800;

}



.newsBox a article p {

  font-weight: 500;

  margin-bottom: 0px;

  color: var(--secondary-color);

}

.newsBox a:hover article p{

  color: #fff;

}

/* csr end */



/* Awards start */

.awards-card .award-card{

  margin: 15px 0;

}

.awards-card .award-card .card {

  text-align: center;

  border-radius: 5px;

  background: linear-gradient(to bottom right, #eff0f3, #ffffff);

  box-shadow: 3px 3px 3px #e8e6e6, -3px -3px 3px #ffffff;

  height: 100%;

  border: none;

  padding: 2rem 5rem;

  flex-direction: row;

  justify-content: space-between;

  align-items: center;

}



.awards-card .award-card .card .icon {

  position: absolute;

  width: 5rem;

}

.bgimages

{  

    background: #fefefe;

    padding-bottom: 0;

    color: #000;

}

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

 amenities

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

.amenities {

    overflow: hidden;

}

.amenities-list

{

    display: flex;

    flex-wrap: wrap;

}

.amenities-list li {

    padding: 4px;

    flex: 0 0 50%;

    list-style: none;

}

.amenities-list-item {

    display: flex;

    align-items: center;

}

.amenities-icon {

    width: 46px;        

    flex: 0 0 auto;

    border-right: 1px solid rgba(206, 173, 83, 0.2);

    padding-right: 10px;

    margin-right: 10px;

}

.amenities h4 {

    color: var(--body-color);

    font-size: 2.1rem;

    font-family: 'Cinzel', serif;

}



.amenities .amenitiesBox {

    height: auto;

    border: 1px solid #fff;

    padding: 10px;

    position: relative;

}



.amenities .amenitiesBox .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.amenities .amenitiesBox p {

    text-transform: uppercase;

    text-align: center;

    margin-top: 1rem;

    position: absolute;

    z-index: 99;

    bottom: 10px;

    color: #fff;

    background: linear-gradient(to top, black, #00000042, #0000000a);

    left: 0;

    right: 0;

    padding: 10px;

    /* font-size: 1.2rem; */

    letter-spacing: 1px;

}



.amenities .leftbtn {

    display: flex;

    gap: 12px;

    margin-left: 0;

    justify-content: right;

    position: absolute;

    bottom: 15px;

    background: #fff;

}

.amenities .leftbtn .swiper-button-prev {

    left: 20px;

}

.amenities .leftbtn .swiper-button-next  {

  left: 70px;

}



/* circular */

.swiper-button-next.circular,

.swiper-button-prev.circular {

    width: 35px;

    height: 35px;

    background-color: #c2a76a;

    border-radius: 50%;

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 30px;

    transition: all 0.3s ease;

}



.swiper-button-next:hover.circular,

.swiper-button-prev:hover.circular {

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

    color: var(--white);

}



.swiper-button-next.circular i,

.swiper-button-prev.circular i {

    color: var(--body-color);

}



.swiper-button-next:hover.circular i,

.swiper-button-prev:hover.circular i {

    color: var(--white);

}



.swiper-pointer-events

{

    padding-bottom: 4rem;

}

.amenSlider, .fpContainer 

{

    padding-bottom: 0rem;

}

/* floor plans */

.toggleBtn{

  filter: grayscale(1);

  transform: scale(0.675);

  border: 0;

}

.toggleBtn.active{

  filter: grayscale(0);

  transform: scale(1);

}



.toggleContainer:not(.show){

  display: none;

}



.fpContainer .fpBox

{  

    border: 1px solid #ccc;

    background: #fcf5ef;

}

.fpContainer .fpBox .inner {

  padding: 1rem;

  border-width: 1px;

  transition: all 300ms ease-in-out;

  isolation: isolate;

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

  backdrop-filter: blur(10px);

}



.fpContainer .fpBox .inner:hover{

  color: #000000;

}



.fpContainer .fpBox .inner::before{

  content: '';

  position: absolute;

  inset: 0;

  background-image: #fff;

  transform: scaleY(0);

  transform-origin: bottom;

  transition: transform 300ms ease-in-out;

  z-index: -1;

}



.fpContainer .fpBox .inner:hover::before {

  transform: scaleY(1);

  transform-origin: top;

}



.planBase{padding-top: 10px;}



.fpDetails {

  display: flex;

  align-items: center;

  gap: 6px;

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

  padding-bottom: 6px;

}

.fpDetails:last-of-type{

  border-bottom: 0;

  padding-bottom: 0;

}



.fpContainer .fpBox .inner:hover .fpDetails{

  border-bottom-color: rgb(145 133 133 / 15%);

}



.fpContainer .fpBox .inner:hover h6{

  background-image: linear-gradient(45deg, var(--secondary-gradient));

}



.fpContainer .fpBox .img-fluid {

  overflow: hidden;

}

.fpContainer .fpBox .img-fluid img{

  aspect-ratio: 4/3;

  object-fit: contain;

}



.fpContainer .fpBox span {

  display: block;

  padding-top: 10px;

  margin-top: 10px;

  border-top: 1px solid #e4e4e4;

}



.fpContainer .fpBox .inner:hover .readmore .button{

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

  color: var(--body-color);

}



.fpContainer .fpBox .inner:hover .readmore .button:hover{

  color: var(--secondary-color);

}

/* floor plans */

/* .swiper-button-next {

    right: 10px;

}



.swiper-button-prev {

    left: 10px;

}*/

/* Infrastructure */

.hm-infra-section::before,

.hm-infra-section::after{

  content: '';

  position: absolute;

  inset: 0;

  z-index: -1;

}



.hm-infra-section::after{

  background-image: linear-gradient(#fff, transparent);

}



.hm-infra-section::before {

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

  filter: invert(1) opacity(0.1);

}



.gallery-slide {

    width: 70%;

}



.gallery-slide .inner{

    position: relative;

    overflow: hidden;

}



.gallery-slide .inner::before{

    content: '';

    position: absolute;

    inset: 0;

    background-image: linear-gradient(rgba(0,0,0,0) 60%, rgba(0,0,0,0.5));

    z-index: 1;

    transition: all 300ms ease-in-out;

}



.gallery-slide img{

    width: 100%;

    aspect-ratio: 16/9;

    object-fit: cover;

}

.gallery-slide .caption{

    position: absolute;

    inset: auto 0 1.5rem;

    color: #fff;

    font-size: clamp(1.5rem, 2.5vw, 2.5rem);

    letter-spacing: 2px;

    padding: 0 2rem;

    text-transform: uppercase;

    font-weight: 700;

    line-height: 1;

    text-align: center;

    transition: all .3s linear 1.5s;

    transform: translateY(100%);

    opacity: 0;

    z-index: 2;

}

.gallery-slide.swiper-slide-active .caption{

    transform: translateY(0);

    opacity: 1;

}

/* Infrastructure */



.fixed-form{

	position: fixed;

	bottom: 40%;

	transform: translateY(50%);

	left: 20px;

	width: 320px;

	border-radius: 10px;

	z-index: 9;

	transition: all 300ms ease-in-out;

}



.fixed-form .innerform{

	padding: 20px 20px;

	backdrop-filter: blur(4px);

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

	border-radius: 10px;

	color: #fff;

}



.fixed-form .innerform h6{

	font-size: 14px;

	text-transform: uppercase;

}

.fixed-form .innerform h6 span{

	font-size: 24px;

}



.fixed-form .innerform h3{

	font-size: 20px;

}



.fixed-form .innerform h3 span{

	font-weight: 700;

	font-size: 36px;

	/*background: var(--multi-gradient);

	-webkit-text-fill-color: transparent;

	-webkit-background-clip: text;*/

	color:#fff;

}



.fixed-form .form-group{

	margin-bottom: 0;

}



.fixed-form .formFooter{

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-top: 10px;

}



.fixed-form .formFooter button{

	border-radius: 30px;

	text-align: center;

	padding: 5px 15px 2px;

	border: none;

	transition: all 300ms ease-in-out;

	outline: none;

	background: #fff;

	color: #000000;

}



.fixed-form .formFooter button:hover{

	background: #e3e3e3;

	color: #004837;

}



.fixed-form .formFooter a{

    font-size: 30px;

	line-height: 1px;

}



.fixed-form .formFooter a:hover{

	color: var(--brown);

}



.fixed-form .formFooter .chatBtn{

	background-color: #fff;

	color: var(--primary-color);

	display: none;

	align-items: center;

	padding: 7px 15px 7px 10px;

	border-radius: 40px;

	font-size:12px;

	text-transform: uppercase;

	letter-spacing: 1px;

	cursor: pointer;

	transition: all 300ms ease-in-out;

}



.fixed-form .formFooter .chatBtn img{

	width: 20px;

	flex-basis: 20px;

	margin-right: 5px;

	transition: all 300ms ease-in-out;



}



.fixed-form .formFooter .chatBtn:hover{

	background: var(--silver-gradient);

}



.fixed-form .formFooter .chatBtn:hover img{

	filter:brightness(50);

}



.fixed-form.fixed{

	transform: translateY(0%);

	bottom: 0;

	right: 0;

	width: 100%;

	padding: 3px 0 0;

	border-radius: 0;

	left: 0;

}

.fixed-form.fixed .form-row{

    display: flex;

    align-items: center;

    gap: 33px;

}



.fixed-form.fixed .innerform{

	border-radius: 0;

	padding: 10px 20px;

	box-shadow: 0 0 3px #000000;

}



.fixed-form.fixed .innerform h3,

.fixed-form.fixed .innerform h6{

	display: none;

}



.fixed-form.fixed .formFooter button{

	margin-top: 0;

    letter-spacing: 1px;

    background: #fff;

    color: #000;

	padding: 7px 20px 5px;

}

.fixed-form.fixed .formFooter button:hover{

	background: var(--gradient);

	color: #fff;

}



.fixed-form.fixed .formFooter .chatBtn{

	display: flex;

}



.fixed-form.fixed .col-12{

	flex: 1 0 0 !important;

}



.fixed-form.fixed .formFooter{

    margin-top: 0 !important;

    width: 150px !important;

    max-width: 150px !important;

    

}



.fixed-form.fixed .form-group .form-control{

	padding: 5px 0px;

	margin:0;

}



.modal-content {

    color: #000;

    border: none;

    background: #fff;

}



.modal-dialog {

  max-width: 700px;

}



.modal-content .modal-header {

  padding: 0;

  border: none;

}



.modal-content button.close {

  position: absolute;

  top: -10px;

  right: -10px;

  padding: 0;

  margin: 0;

  width: 40px;

  height: 40px;

  z-index: 1;

  text-shadow: none;

  color: var(--body-color);

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

  opacity: 1;

  border-radius: 50%;

}





.modal-content .freePickmodal {

  margin-top: 10px;

  display: block;

  font-size: 13px;

  text-align: center;

}



.modal-header .close {

  color: #fff;

}



.modal-header {

  background: none;

  border: none;

}



.no-gutters .col-md-6:first-child {

  background: #fff;

  border-radius: 1rem;

}



.modal-logo .inner {

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  text-align: center;

  gap: 1rem;

  padding: 1rem 0;

}



.modal-logo .bhk {

  font-size: 1rem;

  /* color: #ffffff; */

}



.modal-logo .bhk span {

  font-size: 200%;

  display: block;

  font-weight: 700;

  margin-bottom: 10px;

  /* color: #ffffff; */

  line-height: 1;

}



.modal-logo .price {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  padding: 10px 0;

  border: solid rgb(255 255 255 / 20%);

  border-width: 1px 0;

  font-size: 1rem;

}



.modal-logo .price span {

  font-weight: 700;

  color: var(--vibrant-color);

  font-size: 200%;

  line-height: 1;

}



.modal-body {

  padding: 1.5rem;

}

.clubhouse-main

{

    position: absolute;

    bottom: 0;

    text-align: center;

    width: 100%;

    background: linear-gradient(359deg, #323232, transparent);

    left: 0;

    right: 0;

  

}

.clubhouse-box

{

    padding: 1rem;  

}



.enqOffBtn {

    width: 40px;

    height: 40px;

    overflow: hidden;

    position: fixed;

    top: 42%;

    z-index: 998;

    text-align: center;

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

    color: #fff;

    font-size: 14px;

    letter-spacing: 1px;

    cursor: pointer;

    word-break: break-all;

    -webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.54);

    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.54);

    -webkit-transition: 600ms all;

    transition: 600ms all;

    height: 180px;

    right: 0;

}

.enqOffBtn i {

    position: absolute;

    left: 0;

    top: 0;

    line-height: 40px;

    height: 40px;

    width: 100%;

    font-size: 20px;

    text-align: center;

    background: #ECECEC;

    border: solid #b1b1b1;

    border-width: 1px 0 1px 1px;

    color: #002349;

}

.enqOffBtn a:first-child {

    color: #ffffff;

    padding: 50px 15px 10px;

    display: block;

    text-transform: uppercase;

    font-size: 14px;

    line-height: 1.3;

}





.price_section .ov_headings {

  margin-bottom: 80px;

  text-align: center;

  width: 100%;

}



.price_section .ov_headings .sec_title {

  color: var(--yellow);

}



.price_section .ov_headings .section_heading {

  color: #fff;

  font-weight: 600;

}



.price_section .price_img {

  position: absolute;

  top: 0;

  left: 0;

  width: 35%;

  height: 100%;

  object-fit: cover;

}



.price_section .single_price {

  box-shadow: 0 5px 25px rgb(0 0 0 / 5%);

  text-align: center;

  overflow: hidden;

  margin: auto;

  transition: all 300ms ease-in-out;

  padding-top: 1rem;

  border: 1px solid var(--primary-light-color);

}



.price_section .single_price:hover {

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

  color: #fff !important;

  transform: translateY(-5px);

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

}





.price_section .single_price p {

  margin-bottom: 0;

}



.price_section .single_price .typology {

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

  min-height: 55px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-size: 1.2rem;

  font-weight: 700;

  margin-bottom: 20px;

  text-transform: uppercase;

  padding: 10px 20px;

  line-height: 22px;

  letter-spacing: 1px;

  max-width: calc(100% - 30px);

  margin: auto;

  box-shadow: 0 3px 7px rgb(0 0 0 / 25%);

  border: 1px solid #fff;

  /* border-top-left-radius: 20px;

  border-top-right-radius: 20px; */

}



.my-btn {

  position: absolute;

  top: 50%;

  left: 50%;

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

}



.price_section .price_c {

  background: #fff;

  max-width: calc(100% - 30px);

  margin: auto;

  padding: 25px 10px 35px;

}



.price_section .price {

  color: var(--body-color);

  font-weight: 600;

  font-size: 32px;

  margin-bottom: 0;

  line-height: 34px;

  margin: auto;

}



.price_section .price sup {

  font-weight: 400;

}



.price_section .onw {

  font-size: 14px;

  color: #797979;

  font-weight: 500;

  letter-spacing: 2px;

  text-transform: uppercase;

}



.price_section .title {

  color: #555;

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase;

  letter-spacing: 0.5px;

}



.price_section .sizes p {

  text-align: center;

}



.price_section .type {

  margin-top: 20px;

}



.price_section .sizes p,

.price_section .type p {

  font-size: 18px;

  letter-spacing: 0.5px;

  font-weight: 700;

  margin-top: 2px;

  color: #333;

}



.price_section .call_btn {

  font-size: 15px;

  margin-top: 24px;

  min-height: 42px;

  width: 100%;

  box-shadow: 0 3px 7px rgb(0 0 0 / 25%);

}



.price_section .single_price .content {

  position: relative;

  z-index: 1;

  padding: 40px 10px 20px;

  max-width: calc(100% - 30px);

  margin: auto;

  background: #fff;

}



.price_section .single_price .content:before {

  position: absolute;

  content: '';

  height: calc(100% + 50px);

  width: calc(100% + 30px);

  background: #fdfdfd;

  left: -15px;

  top: 0;

  z-index: -1;

  transform: skewY(-10deg);

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

}



.price_section .single_price .content:after {

  position: absolute;

  content: '';

  height: 100%;

  width: 100%;

  background: #faf4ee;

  top: -10px;

  left: 0;

  z-index: -2;

  /* transform: skewY(-10deg); */

}

.popup img

{

    height: 100%;

    object-fit: cover;

}





.popup .form-control {

  color: #000000;

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

}



.popup .form-control[readonly] {

  background: none;

}



.popup .form-control.form-control-dark{

  border-bottom-color: rgba(22, 22, 22, 0.15);

  color: #000000;

}



.popup select.form-control.form-control-dark{

  background-color: #000;

}



.popup .form-control::placeholder{

  color: #000;

}



.popup .form-control:focus {

  box-shadow: none;

  border-bottom-color: #000;

  background: none;

    color: #000;

}

/* customize modal */

@media only screen and (min-width: 1920px) {

  .awards-card .award-card .card .icon {

    width: 6rem;

  }

}

@media only screen and (max-width: 1400px) {

  .bannerText .h1 {

    font-size: 3.175rem;

  }

  .heading .h1 {

    font-size: 2.25rem;

    line-height: 1.1;

  }

  .fpDetails h3

  {

    font-size: 1.5rem;

  }

  .fs-2 {

        font-size: 1.7rem !important;

    }

}



.awards-card .award-card .card .icon:first-child {

  left: 1rem;

}



.awards-card .award-card .card .icon:last-child {

  right: 1rem;

}



.awards-card .award-card .card .card-body {

  padding: 0;

}



@media only screen and (max-width: 640px) {

  .awards-card .award-card .card .card-body br {

    display: none;

  }

  .fixed-form {

    position: inherit;

    bottom: 40%;

    transform: translateY(0%);

    left: 20px;

    width: 100%;

    border-radius: 0;

    z-index: 9;

    transition: all 300ms ease-in-out;

}

.hm-project-section img
{
  border-radius: 1rem 0 0 0;
  aspect-ratio: 1;
}
.fixed-form.fixed .innerform h3, .fixed-form.fixed .innerform h6 {

    display: block;

    text-align: center;

}

.fixed-form.fixed .form-row {

    display: flex;

        flex-wrap: wrap;

}

.fixed-form.fixed .col-12 {

    flex: auto !important;

}

.sideImg .heading.position-absolute {

    left: 0;

    transform: translateX(-0%);

}

.banner {

    height: auto;

    position: relative;

    background: var(--primary-color);

    z-index: 1;

    aspect-ratio: 1;

    object-position: right;

}

}



.awards-card .award-card .card .card-body .award-title {

  font-weight: 700;

}

.PaymentPlan
{
    display: flex !important;
    align-items: center;
    gap: 5px;  
}
.PaymentPlan b
{
    font-size: 1.3rem;  
}

@media only screen and (min-width: 1920px) {

  .awards-card .award-card .card .card-body .award-title {

    font-size: 20px;

  }

}



.awards-card .award-card .card .card-body p {

  color: var(--secondary-color);

  font-weight: 500;

}



.awards-card .award-card .card .award-yr {

  font-weight: 600;

}

/* Awards end */



/* industries start */

.industriesContainer{

  overflow: hidden;

  border-radius: 5px;

  background: linear-gradient(to bottom right, #eff0f3, #ffffff);

  box-shadow: 3px 3px 3px #e8e6e6, -3px -3px 3px #ffffff;

}

.indusText .inner{

  padding: 3rem;

  height: 100%;

}

/* industries end */

/* Inside page */



.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(255 244 244 / 16%);

  background: none;

  outline: none;

  padding-left: 0;

  padding-top: 0;

  color: #fff;

  margin-top: 10px;

  padding: 9px;

}



.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::placeholder{

  color: #fff;

}



.form-control:focus {

  box-shadow: none;

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

  background: none;

}



.fixed-form .form-control:focus, .fixed-form .form-control  {
  color:#fff !important;
  background: #002349;
}

/* Contact */

.contactBox .inner {

  background: var(--primary-color);

  color: #fff;

  height: 100%;

  padding: 2.5rem;

  border-radius: 5px;

}



@media only screen and (min-width: 1920px) {

  .contactBox .inner {

    padding-left: 4rem;

    padding-right: 4rem;

  }

}



@media only screen and (max-width: 360px) {

  .contactBox .inner {

    padding: 20px 10px;

  }

}



.contactBox h4 {

  margin-bottom: 1rem;

}



.contactBox ul li{

  display: flex;

  gap: 10px;

  margin-bottom: 10px;

}

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



.contactBox ul li i{

  color: var(--secondary-color);

}



.contactBox ul li a{

  color: #fff;

}



.contactBox ul li a:hover{

  text-decoration: underline;

}

/* Contact us */



/* customize modal */

.modal-backdrop.show{

  opacity: 1;

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

  background: linear-gradient(-42deg, rgb(153 19 19 / 90%), rgb(35 66 96 / 95%));

  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 .8s ease-in-out;

}



.zoomIn{

  transform: scale(1);

}

/*transformation Animation*/



.list li {

  margin-bottom: 10px;

  line-height: 1.5;

}

.list li::marker{

  color: var(--logo-clr1);

}



.list {

  padding-left: 20px;

}



/*responsive*/

@media (min-width: 1300px) {

  .container{max-width: 1240px;}

}

@media (min-width: 1900px) {

  .container{max-width: 1800px;}

}



@media (min-height: 1024px) {

}



@media (min-height: 1280px) {

}



@media (max-width: 991.9px) {

  html {

    font-size: 87.5%;

  }

  .logo {
        max-height: 51px;
    }
    .fixed-form .innerform {
    border-radius: 0;
}

}



@media (max-width: 767.9px) {

}



@media (max-width: 576px) {

}



@media (max-width: 575.9px) {

  .heading h2{font-size: 2rem;}

}



@media (max-width: 480px) {

  .bg-circle::before{clip-path: circle(50% at 100% -10%);}

  .benefitBox section .img-fluid{width: 60px;}

}



@media (max-width: 425px) {

}



@media (max-width: 375px) {

}



@media (max-width: 320px) {

}