@charset "utf-8";
/* CSS Document */
html { scroll-behavior: smooth; overflow-x:hidden;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
body {font-family: 'gilroy-regular'; font-size: 15px; overflow-x:hidden; width: 100%;}
 
/* HEADER
========================================================================*/
header{ position: fixed; top: 0; left: 0; width: 100%; padding: 20px 0; transition: 0.5s; z-index: 999;}
header.whiteheader{ background:#ffffff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);}
header.stickyHeader{ padding: 10px 0; background:#941a39;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}
header .logo{ width: 130px; float: left;position: relative;}
header .logo a{}
header .logo a img{ width: 100%;}
header .logo a img.colorlogo{opacity:1;}
header .logo a img.blacklogo{ position: absolute; opacity:0; left: 0; top: 0;}
header.whiteheader .logo a img.colorlogo{ opacity:0;}
header.whiteheader .logo a img.blacklogo{ position: absolute; opacity:1;}
header.whiteheader.stickyHeader .logo a img.colorlogo{ opacity:1;}
header.whiteheader.stickyHeader .logo a img.blacklogo{ position: absolute; opacity:0;}

header .menuBtn{ cursor: pointer; width: 30px; float: right; margin-top: 30px; position:relative;}
header .menuBtn img{}
header .menuBtn img.whiteBtn{opacity:1;}
header .menuBtn img.blackBtn{position: absolute; opacity:0; right: 0; top: 0;}

header.whiteheader .menuBtn img.whiteBtn{ opacity:0;}
header.whiteheader .menuBtn img.blackBtn{ position: absolute; opacity:1;}
header.whiteheader.stickyHeader .menuBtn img.whiteBtn{ opacity:1;}
header.whiteheader.stickyHeader .menuBtn img.blackBtn{ position: absolute; opacity:0;}

.productImg{ position: relative;}
.productImg img{ width: 100%;}

.thankyouWrap{ position: relative; text-align: center; padding: 80px 0; font-size: 20px;}
.thankyouWrap .thankyouInner{ position: relative;}
/* Menu
========================================================================*/
.menu.active { opacity: 0; visibility: hidden;}
.menu { transition: 0.52s; z-index: 1111; position: fixed; top: 0; left: 0; background: #941a39; width: 100%; height: 100vh; overflow: hidden; display: flex; flex-direction: column; justify-content: center; padding: 0 150px}
.menu .btn-close { position: absolute; top: 20px; right: 5%; color: white; font-size: 54px; cursor: pointer;}
.menu .links-container { list-style-type: none; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%;height: 100vh;}
.menu .links-container a { width: 100%; height: 400px; font-size: 4em; text-decoration: none; color: whitesmoke; transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1); position: relative;font-family: 'Maharlika';}
.menu .links-container li.active a { color: #d1aa67;}
.menu .links-container a:hover { color: #d1aa67; font-size: 4.5em; margin-left: 10px;}
.menu .links-container a:before { color: whitesmoke;}
 
/* BANNER
========================================================================*/
.bannerWrap{ position: relative;}
.bannerWrap img{ width: 100%;}
.bannerWrap img.desktopBanner{display:block;}
.bannerWrap img.mobileBanner{ display:none;}
.bannerWrap h2{  font-family: 'Maharlika'; font-weight: 400; font-size: 85px; line-height: 95px; position: absolute; bottom: 60px; left: 0; right: 0; width: 100%; text-align: center; position: absolute; color: #ffffff;}
.bannerWrap h2 span{ display:block;}

.innerBanner{ position: relative;}
.innerBanner img.bannerImg{ width: 100%;}
.innerBanner .heading{ position: absolute; top: 50%; left: 0;  width: 100%; text-align: center; margin: -40px auto 0 auto;}
.innerBanner .heading h1{ color: #ffffff;}
/*
===================================*/
.aboutWrap{ position: relative; padding: 100px 0;}
.aboutWrap .circleBox{ position: absolute; width: 2%; height: 0; padding-bottom: 2%; background: #fff9f0; border-radius:50%; left: 0; right: 0; margin: 0 auto; z-index: 1; top: 60%; transition: 2s;}
.aboutWrap .circleBox.active{top: -30px; width: 40%; padding-bottom: 40%; transition: 2s;}
.aboutWrap h2{ color:#941a39;}
.aboutWrap .aboutInner{ font-size: 17px; line-height: 35px; position: relative; z-index: 9;}
.aboutWrap .aboutInner{}
.aboutleftTxt{ width: 28%; margin:0 auto; position: absolute; left: 0; right: 0;}
.aboutrightTxt{width: 28%; float: right;}
.aboutrightTxt ul{ margin-top: 15px;}
.aboutrightTxt ul li{font-family: 'gilroy-medium'; padding:0 0 10px 0; margin:0 0 10px 0; position: relative;}
.aboutrightTxt ul li:last-child{}
.aboutrightTxt ul li:after{position:absolute; left: 0; bottom: 0; width: 60px; height: 1px; background: #941a39; content: "";}
.aboutrightTxt ul li:last-child:after{ display:none;}
.knowMore{ position: relative; margin-top: 40px;}
.knowMore a{ position: relative; text-transform: uppercase; letter-spacing: 1px; position: relative; line-height: 50px; font-size: 20px; color: #333333;}
.knowMore a span{ position: relative;}
.knowMore a span:after{ width: 40px; height: 40px; position: absolute; left: -6px; top: -9px; background: #d1aa67; content: ""; border-radius: 50%; z-index: -1; transition: 0.2s; animation: circleScale 3s infinite;}
.knowMore a:hover span:after{ transform: scale(1.5); transition: 0.2s;}

.buildingWrap{ position: relative; margin: 0 auto;}
.buildingWrap img{ width: 100%;}
.buildingWrap svg{width: 100%; position: absolute; top: 0; left: 0; margin: 0 auto; right: 0;}
.cls-3, .cls-4 {font-family: 'Maharlika'; font-size: 20px;}
.buildingWrap .leftside{width: 0; transform-box: fill-box; transform-origin: left; transform: rotateY(180deg); transition: 0.5s;} 
.buildingWrap .spanactive1 rect, .buildingWrap .spanactive2 rect, .buildingWrap .spanactive3 rect{width: 0;}
.buildingWrap svg g text{opacity: 0;}
.buildingWrap svg g#spanactive1 text, .buildingWrap svg g#spanactive2 text, .buildingWrap svg g#spanactive3 text, .buildingWrap svg g#spanactive4 text, .buildingWrap svg g#spanactive5 text, .buildingWrap svg g#spanactive6 text
, .buildingWrap svg g#spanactive7 text, .buildingWrap svg g#spanactive8 text, .buildingWrap svg g#spanactive9 text, .buildingWrap svg g#spanactive10 text{ animation: cssAnimation 1s 0.9s forwards;  opacity: 0;}
 
 .buildingWrap #spanactive1 rect{animation: csslineAnimation1 1s 1.5s forwards; width:270px; transition:1.2s;}
 .buildingWrap #spanactive2 rect{animation: csslineAnimation2 1s 1.5s forwards; width:262px; transition:1.2s;}
 .buildingWrap #spanactive3 rect{animation: csslineAnimation3 1s 1.5s forwards; width:490px; transition:1.2s;}
.buildingWrap svg g#spanactive4 .leftside, .buildingWrap svg g#spanactive5 .leftside, .buildingWrap svg g#spanactive6 .leftside, .buildingWrap svg g#spanactive7 .leftside,
.buildingWrap svg g#spanactive8 .leftside, .buildingWrap svg g#spanactive9 .leftside, .buildingWrap svg g#spanactive10 .leftside{animation: csslineAnimation 1s 1.5s forwards; width:72px; transition:1.2s;}
@keyframes csslineAnimation1 {  to { width:270px;}} 
@keyframes csslineAnimation2 {  to { width:262px;}} 
@keyframes csslineAnimation3 {  to { width:490px;}} 
@keyframes csslineAnimation {  to { width:72px;}} 
@keyframes cssAnimation {  to { opacity: 1; }} 

.buildingWrap ul{ }
.buildingWrap ul li{position: absolute; font-family: 'Maharlika'; font-size: 20px; line-height: 26px;}
.buildingWrap ul li span{ opacity: 0;}
.buildingWrap ul li:after{ transition:1s;}
.buildingWrap ul li.active:after{ transition:1s;}
.buildingWrap ul li.spanactive span{  animation: cssAnimation 1s 0.9s forwards;  opacity: 0; }
@keyframes cssAnimation {  to { opacity: 1; }} 

.buildingWrap ul li.amenities{top: 160px; right: 15%;}
.buildingWrap ul li.amenities span{}
.buildingWrap ul li.amenities:after{width: 0; height: 1px; left: -280px; top: 50%; background: #941a39; content: ""; position: absolute;}
.buildingWrap ul li.amenities:before{ width: 0; height: 0; border-radius: 50%;background: #941a39; left: -280px; top: 50%; content: ""; position: absolute; margin-top: -2px;}
.buildingWrap ul li.amenities.active span{}
.buildingWrap ul li.amenities.active:after{width: 270px;}
.buildingWrap ul li.amenities.active:before{ width: 6px; height: 6px;}


.buildingWrap ul li.interior{top: 340px; right: 11%;}
.buildingWrap ul li.interior:after{width: 0; height: 1px; left: -360px; top: 50%; background: #941a39; content: ""; position: absolute;}
.buildingWrap ul li.interior:before{width: 6px; height: 6px; border-radius: 50%;background: #941a39; left: -360px; top: 50%; content: ""; position: absolute; margin-top: -2px;}
.buildingWrap ul li.interior.active span{}
.buildingWrap ul li.interior.active:after{width: 350px;} 

.buildingWrap ul li.serinity{top: 670px; right: 11%;}
.buildingWrap ul li.serinity:after{width: 0; height: 1px; left: -620px; top: 50%; background: #941a39; content: ""; position: absolute;}
.buildingWrap ul li.serinity:before{width: 6px; height: 6px; border-radius: 50%;background: #941a39; left: -620px; top: 50%; content: ""; position: absolute; margin-top: -2px;}
.buildingWrap ul li.serinity.active span{}
.buildingWrap ul li.serinity.active:after{width: 610px;}

.buildingWrap ul li.terrace{top: 480px; left: 9%;}
.buildingWrap ul li.terrace:after{width: 0; height: 1px; right: -180px; top: 50%; background: #941a39; content: ""; position: absolute;}
.buildingWrap ul li.terrace:before{width: 6px; height: 6px; border-radius: 50%;background: #941a39; right: -180px; top: 50%; content: ""; position: absolute; margin-top: -2px;}
.buildingWrap ul li.terrace.active span{}
.buildingWrap ul li.terrace.active:after{width: 170px;}

.buildingWrap ul li.six{top: 600px; left: 9%;} 
.buildingWrap ul li.six:after{width: 0; height: 1px; right: -180px; top: 50%; background: #941a39; content: ""; position: absolute;}
.buildingWrap ul li.six:before{width: 6px; height: 6px; border-radius: 50%;background: #941a39; right: -180px; top: 50%; content: ""; position: absolute; margin-top: -2px;}
.buildingWrap ul li.six.active span{}
.buildingWrap ul li.six.active:after{width: 170px;}

.buildingWrap ul li.five{top: 728px; left: 9%;}
.buildingWrap ul li.five:after{width: 0; height: 1px; right: -180px; top: 50%; background: #941a39; content: ""; position: absolute;}
.buildingWrap ul li.five:before{width: 6px; height: 6px; border-radius: 50%;background: #941a39; right: -180px; top: 50%; content: ""; position: absolute; margin-top: -2px;}
.buildingWrap ul li.five.active span{}
.buildingWrap ul li.five.active:after{width: 170px;}

.buildingWrap ul li.four{top: 860px; left: 9%;}
.buildingWrap ul li.four:after{width: 0; height: 1px; right: -180px; top: 50%; background: #941a39; content: ""; position: absolute;}
.buildingWrap ul li.four:before{width: 6px; height: 6px; border-radius: 50%;background: #941a39; right: -180px; top: 50%; content: ""; position: absolute; margin-top: -2px;}
.buildingWrap ul li.four.active span{}
.buildingWrap ul li.four.active:after{width: 170px;}

.buildingWrap ul li.three{top: 1000px; left: 9%;}
.buildingWrap ul li.three:after{width: 0; height: 1px; right: -180px; top: 50%; background: #941a39; content: ""; position: absolute;}
.buildingWrap ul li.three:before{width: 6px; height: 6px; border-radius: 50%;background: #941a39; right: -180px; top: 50%; content: ""; position: absolute; margin-top: -2px;}
.buildingWrap ul li.three.active span{}
.buildingWrap ul li.three.active:after{width: 170px;}

.buildingWrap ul li.two{top: 1144px; left: 9%; color: #941a39}
.buildingWrap ul li.two:after{width: 0; height: 1px; right: -180px; top: 50%; background: #941a39; content: ""; position: absolute;}
.buildingWrap ul li.two:before{width: 6px; height: 6px; border-radius: 50%;background: #941a39; right: -180px; top: 50%; content: ""; position: absolute; margin-top: -2px;}
.buildingWrap ul li.two.active span{}
.buildingWrap ul li.two.active:after{width: 170px;}

.buildingWrap ul li.one{top: 1282px; left: 9%; color: #ffffff}
.buildingWrap ul li.one:after{width: 0; height: 1px; right: -180px; top: 50%; background: #941a39; content: ""; position: absolute;}
.buildingWrap ul li.one:before{width: 6px; height: 6px; border-radius: 50%;background: #941a39; right: -180px; top: 50%; content: ""; position: absolute; margin-top: -2px;}
.buildingWrap ul li.one.active span{}
.buildingWrap ul li.one.active:after{width: 170px;}

.animatedTxt{ position: relative; padding: 100px; background: #6c3a36; overflow: hidden;}
.animatedTxt h2{ color: #d78282;}
.animatedTxt h2 > div{}
.animatedTxt h2 > div.left {
  animation: moveleft 2s linear infinite;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -4s);
  animation-iteration-count: 4;
  animation-fill-mode: both; text-align: center;
}
@keyframes moveleft {
  from { 
    transform: translate3d(30vw,0,0) translateX(-100%);
  }
  to { 
    transform: translate3d(110vw,0,0) translateX(-100%);
  }
}
.animatedTxt h2 > div.right {
  animation: moveright 2s linear infinite;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -3.7s);
  animation-iteration-count: 3.7;
  animation-fill-mode: both; text-align: center;
}
@keyframes moveright {
  from { 
    transform: translate3d(-30vw,0,0) translateX(100%);
  }	
  to { 
    transform: translate3d(-112vw,0,0) translateX(100%);
  }
}

.animatedTxt h2 > div.left2 {
  animation: moveleft2 2s linear infinite;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -2s);
  animation-iteration-count: 2;
  animation-fill-mode: both; text-align: center;
}
@keyframes moveleft2 {
  from { 
    transform: translate3d(50vw,0,0) translateX(-100%);
  }
  to { 
    transform: translate3d(120vw,0,0) translateX(-100%);
  }
}
.animatedTxt h2 > div.right2 {
  animation: moveright2 2s linear infinite;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -2s);
  animation-iteration-count: 2;
  animation-fill-mode: both; text-align: center;
}
@keyframes moveright2 {
  from { 
    transform: translate3d(-50vw,0,0) translateX(100%);
  }	
  to { 
    transform: translate3d(-120vw,0,0) translateX(100%);
  }
}

.topamenitiesWrap{ padding: 20px 0; background: #6c3a36;}
.topamenitiesWrap .topamenitiesInner{}
.topamenitiesWrap .topamenitiesInner h2{ color: #ffffff; text-align: center; margin-bottom: 50px;}
.topamenitiesWrap .topamenitiesGroup{ display: flex;}
.topamenitiesWrap .topamenitiesGroup .topamenitiesLeft{ width: 30%; padding: 50px; background: #ffffff;}
.topamenitiesWrap .topamenitiesGroup .topamenitiesLeft h3{font-family: 'Maharlika'; font-size: 30px; line-height: 40px; color: #6c3a36;}
.topamenitiesWrap .topamenitiesGroup .topamenitiesLeft ul{ margin-top: 40px;}
.topamenitiesWrap .topamenitiesGroup .topamenitiesLeft ul li{ font-size: 18px; padding-left: 30px; background: url("../images/bullet.png") no-repeat left top; margin-bottom: 18px; padding-bottom: 18px; position: relative; cursor: pointer;}
.topamenitiesWrap .topamenitiesGroup .topamenitiesLeft ul li.active{ color: #d1aa67;pointer-events: none; cursor: default;}
.topamenitiesWrap .topamenitiesGroup .topamenitiesLeft ul li:after{position:absolute; left: 0; bottom: 0; width: 60px; height: 1px; background: #333333; content: "";}
.topamenitiesWrap .topamenitiesGroup .topamenitiesLeft ul li:last-child:after{ display:none;}
.topamenitiesWrap .topamenitiesGroup .topamenitiesRight{ width: 70%; position: relative;}
.topamenitiesWrap .topamenitiesGroup .topamenitiesRight img{ width:100%;}
.topamenitiesWrap .topamenitiesGroup .topamenitiesRight svg{ width:100%;  position: absolute; top:0; left: 0;}
#Layer_1 g{ cursor: pointer;}
#Layer_1 g:hover{} 
.topamenitiesInfowrap{ position: absolute; width: 350px; right: 5%; top: 60px;}
.topamenitiesInfowrap .topamenitiesInfoBox{  position: relative; display: none;}
.topamenitiesInfowrap .topamenitiesInfoBox .closebtn{ width: 10px; position: absolute; right: 10px; top: 5px; cursor: pointer; z-index: 9;}
.topamenitiesInfowrap .topamenitiesInfoBox .topamenitiesInfoimg{}
.topamenitiesInfowrap .topamenitiesInfoBox .topamenitiesInfoimg img{ width: 100%;}
.topamenitiesInfowrap .topamenitiesInfoBox .topamenitiesInfo{ background: #ffffff; padding: 20px;}
.topamenitiesInfowrap .topamenitiesInfoBox .topamenitiesInfo h4{ color: #000000;}
 
.unitplanWrap{ position: relative; background: #6c3a36; padding-bottom: 100px; overflow: hidden;}
.unitplanWrap img.unitplanBg{ width: 100%; }
.unitplanWrap:hover img.unitplanBg{ width: 100%; }
.unitplanWrap .unitplanInner{ margin-top: -160px;}
.unitplanWrap .unitplanInner .unitplanimg{ width: 50%; float: left; overflow: hidden;}
.unitplanWrap .unitplanInner .unitplanimg img{ width: 100%;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);}
.unitplanWrap .unitplanInner .unitplanTxt{ width: 50%; margin: 80px 0 0 -80px; float: left; background: #ffffff; position: relative;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);}
.unitplanWrap .unitplanInner .unitplanTxt .unitplanHeading{ font-size: 70px; line-height: 76px; font-family: 'Maharlika'; color: #6c3a36; text-transform: uppercase; width: 90%; padding:50px;}
.unitplanWrap .unitplanInner .unitplanTxt .readMore{ position: absolute; right: 30px; bottom: 80px;}
.unitplanWrap .unitplanInner .unitplanTxt .readMore a{}
.unitplanWrap .unitplanInner .unitplanTxt .readMore a img{ width: 50px;}

.home-amenitiesWrap{ position: relative; padding: 100px 0;}
.home-amenitiesWrap .home-amenitiesInner{}
.home-amenitiesWrap .home-amenitiesInner h2{ text-align: center; margin-bottom: 80px; color: #6c3a36;}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesLeft{ width: 55%; float: left; position: relative;}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesLeft img{ width: 100%; position: relative; z-index: 8;}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesLeft .absoluteImg{ width: 50%; margin:-25% -10% 0 0; float: right; z-index: 9;}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesLeft .absoluteImg img{ width: 100%; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3);}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesRight{ width: 35%; float: right;}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesRight img{ width: 100%;}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesRight h3{ color: #6c3a36; font-family: 'Maharlika'; font-size: 40px; line-height: 54px; margin:80px 0 50px -50px;}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesRight h3 span{ display:block}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesRight .home-amenitiesInfo{ font-size: 20px;}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesRight .home-amenitiesInfo .knowMore{}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesRight .home-amenitiesInfo .knowMore a{}
.home-amenitiesWrap .home-amenitiesInner .home-amenitiesHero{ width: 85%; color: #a55a56; font-family: 'Maharlika'; font-size: 34px; line-height: 45px; margin:80px auto 0 auto; text-align: center;}

/*Project Page
=======================================================================*/
.projectfloorList{ position: relative;}
.projectfloorList img{ width: 100%;}
.projectfloorList svg{ position: absolute; top: 0; left: 0; width: 100%;}
.projectlistGroup{ position: relative; padding: 100px 0;}
.projectlistGroup .projectlistGroupinner{ border-top: 1px solid #a55a56;}
.projectlistGroup .projectlistBox{  border-bottom: 1px solid #a55a56;font-size: 18px;}
.projectlistGroup .projectlistBox a{ display:flex; padding: 25px 50px;align-items: center; transition: 0.2s;  color:#000000;}
.projectlistGroup .projectlistBox a:hover{ background:rgba(165,90,86,0.2); transition: 0.2s;}
.projectlistGroup .projectlistBox .flatno{ width: 15%; font-size: 65px;line-height: 70px;font-family: 'Maharlika'; color: #a55a56;}
.projectlistGroup .projectlistBox .flatno span{ display:none;}
.projectlistGroup .projectlistBox .floornum{width: 15%;}
.projectlistGroup .projectlistBox .flatsize{width: 25%;}
.projectlistGroup .projectlistBox .flatfloor{width: 25%;}
.projectlistGroup .projectlistBox .flatprice{width: 20%; color: #a55a56; font-size: 24px;font-family: 'gilroy-bold';}
.projectlistGroup .projectlistBox .flatprice span{ font-weight: 600;}
.projectlistGroup .projectlistBox .flatprice span.offertxt{ font-size: 16px; display: block; line-height: 18px; color: #d1a967; text-transform: uppercase;}
.projectlistGroup .projectlistBox .detailslink{width: 15%; text-align: center;}
.projectlistGroup .projectlistBox .detailslink{ padding: 10px 0;}
.projectlistGroup .projectlistBox .detailslink img{ width: 80px;}

.popinfo{ background: #ffffff; border-radius:10px; padding: 15px; position:absolute; opacity:0;}
.popinfo .floor{ font-size: 24px; line-height: 28px; color: #a55a56; font-family: 'Maharlika';}
.popinfo .floorinfo{}

/* Location Page
==========================================================================*/
.locationTab{}
.locationTab .resp-tabs-container{position: relative;}
.locationTab .resp-tabs-container iframe{ width: 100%; height: 600px; margin-bottom: -10px;}
.locationTab .horizontalTablist{ background: #6c3a36; padding:80px 0 0 0;}
.locationTab .horizontalTablist ul.resp-tabs-list{ text-align: center; display: flex; justify-content: center;}
.locationTab .horizontalTablist ul.resp-tabs-list li{ position: relative; color:#ffffff; width: 15%;}
.locationTab .horizontalTablist ul.resp-tabs-list li span{ display: block; font-size: 18px; margin-top:20px;}
.locationTab .horizontalTablist ul.resp-tabs-list li img{ max-width: 60px;}
.locationTab .horizontalTablist ul.resp-tabs-list li:after{ width:1px; height: 0; bottom: 120px; content: ""; position: absolute; left: 50%; background: #d1aa67; transition: 0.3s;}
.locationTab .horizontalTablist ul.resp-tabs-list li.resp-tab-active:after{ height: 140px; transition: 0.3s;}
.locationTab .horizontalTablist ul.resp-tabs-list li:hover:after{ height: 140px;}

.locationinfoWrap{ position: relative; padding: 100px 0;  background: #6c3a36; text-align: center; }
.locationinfoWrap .locationinfoInner{ width: 80%; margin: 0 auto; padding-top: 80px; color: #ffffff; font-size: 22px; border-top:1px solid #d1aa67; }
.locationinfoWrap .locationinfoInner h2{ color: #d1aa67; margin-bottom: 70px;}
.locationinfoWrap .locationinfoInner p{ margin-top:25px;}

.locationpointsWrap{ background:#ffeceb; position: relative; padding: 100px 0;}
.locationpointsWrap .locationpoints{ font-size: 70px; line-height: 78px; text-transform: capitalize;font-family: 'Maharlika'; text-align: center; color: #9b5454; margin-bottom: 60px;}
.locationpointsWrap .locationpoints.margin0{ margin-bottom: 0;}
.locationpointsWrap .locationpoints span{ display:block;}

/* FOOTER
=======================================================================*/
footer{ position: relative; padding: 100px 0; background: #6c3a36;}
footer .footerWrap{ display: flex; flex-direction: row-reverse;}
footer .footerWrap .fooerfromWrap{ width: 35%;} 
footer .footerWrap .fooerfromWrap h2{ display:none;}
.inputBox{ position: relative; margin-bottom: 50px;}
.inputBox input{ width: 100%; padding: 15px; border: none; border-bottom: 1px solid #ffffff; background: none; font-size: 18px; color: #ffffff;font-family: 'gilroy-regular';}
.inputBox select{ width: 100%; padding: 15px; border: none; border-bottom: 1px solid #ffffff; background: none; font-size: 18px; color: #ffffff;font-family: 'gilroy-regular';}
.inputBox textarea{ width: 100%; padding: 15px; border: none; border-bottom: 1px solid #ffffff; background: none; font-size: 18px; color: #ffffff;font-family: 'gilroy-regular';}
.inputSubmit{ margin-top: 80px;}
.inputSubmit button{ border:none; background: none; padding: 0; color: #ffffff; letter-spacing: 1px; font-size: 24px; position: relative; z-index: 9; text-transform: uppercase; font-family: 'gilroy-regular';}
.inputSubmit button:after{ width: 40px; height: 40px; position: absolute; left: 65px; top: -6px; background: #d1aa67; content: ""; border-radius: 50%; z-index: -1; transition: 0.2s;animation: circleScale 3s infinite;}
.inputSubmit button:hover:after{ transform: scale(1.6); transition: 0.2s;}
.inputBox ::placeholder { color: #ffffff;}
.inputBox ::-ms-input-placeholder { color: #ffffff;}
.inputBox .formError { color: #dfdfdf; font-weight: normal; font-size: 15px; position: absolute; left: 10px; bottom: -24px;}
footer .footerContect{width: 55%; margin-right: 10%;}
footer .footerContect h2{ color: #ffffff;}
footer .footerContect .footercontactInfo{ margin: 50px 0; padding: 30px 0; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
footer .footerContect .footercontactInfo ul{}
footer .footerContect .footercontactInfo ul li{ padding-left: 50px; font-size: 20px; margin-bottom: 20px; color: #ffffff;background-size: 32px !important;}
footer .footerContect .footercontactInfo ul li:last-child{ margin-bottom:0;}
footer .footerContect .footercontactInfo ul li a{ color: #ffffff;}
footer .footerContect .footercontactInfo ul li.mail{ background: url("../images/email.svg") no-repeat left top;}
footer .footerContect .footercontactInfo ul li.phone{ background: url("../images/call.svg") no-repeat left top;}
footer .footerContect .footercontactInfo ul li.add{ background: url("../images/location.svg") no-repeat left top;}
footer .footerContect .socialLinks{ margin-top: 40px;}
footer .footerContect .socialLinks ul{}
footer .footerContect .socialLinks ul li{ margin-right: 15px; float: left; }
footer .footerContect .socialLinks ul li a{}
footer .footerContect .socialLinks ul li a img{ width: 35px;}

/*Contact Us
=========================================================================*/
.contactWrap{ }
.contactWrap .aboutrightTxt{font-family: 'gilroy-medium'; font-size: 20px;margin-top: 80px;}
.contactWrap .aboutrightTxt h3{color: #000000; font-size: 40px; margin-bottom: 40px;font-family: 'gilroy-bold';}
.contactWrap .aboutrightTxt .callnum{ margin-top: 10px;position: relative;}
.contactWrap .aboutrightTxt .callnum a{ color: #d1aa67; font-size: 30px;position: relative;}
.contactWrap .aboutrightTxt .callnum a:after{ width: 40px; height: 40px; position: absolute; left: 66px; top: -3px; background: #941a39; content: ""; border-radius: 50%; z-index: -1; transition: 0.2s;animation: circleScale 3s infinite;}
.contactWrap .aboutrightTxt .callnum a:hover:after{ transform: scale(1.5); transition: 0.2s;}

.contactusWrap{ position: relative; padding: 100px 0;}
.contactusWrap .contactusInner{ display: grid; grid-template-columns: 33.33% 33.33% 33.33%; background: #f2f2f2; text-align: center;}
.contactusWrap .contactusBox{ overflow: hidden; }
.contactusWrap .contactusBox.contactusAdd{ padding: 20px; position: relative; }
.contactusWrap .contactusBox.contactusDetails{ padding: 20px; position: relative; grid-column: 3; grid-row: 1 / span 3;}
.contactusWrap .contactusBox.contactusMap{ position: relative;}
.contactusWrap .contactusBox h3{ color: #941a39; font-family: 'Maharlika'; font-size: 28px; line-height: 32px; text-transform: uppercase; margin-bottom: 30px;}
.contactusWrap .contactusBox.contactusAdd h4{ color: #941a39; font-size: 16px; text-transform: uppercase; font-family: 'gilroy-bold'; padding-top: 20px; margin-top: 20px; border-top:1px solid #a55a56;}
.contactusWrap .contactusBox.contactusAdd ul{}
.contactusWrap .contactusBox.contactusAdd ul li{}
.contactusWrap .contactusBox.contactusDetails{}
.contactusWrap .contactusBox.contactusDetails ul{}
.contactusWrap .contactusBox.contactusDetails ul li{ padding-top: 15px; margin-top: 15px; border-top:1px solid #a55a56; font-size: 20px;}
.contactusWrap .contactusBox.contactusDetails ul li a{ color: #000000;font-family: 'gilroy-medium';}
.contactusWrap .contactusBox.contactusMap iframe{ width: 100%; height: 100%;}

/* About Us
=======================================================================*/
.aboutpointsWrap{ background:#6c3a36; position: relative; padding: 100px 0;}
.aboutpointsWrap .aboutpoints{ font-size: 70px; line-height: 78px; text-transform: uppercase;font-family: 'Maharlika'; text-align: center; color: #d78282; margin-bottom: 60px;}
.aboutpointsWrap .aboutpoints.margin0{ margin-bottom: 0;}
.aboutpointsWrap .aboutpoints span{ display:block;}

.aboutpropmatesWrap{ position: relative; padding: 100px 0;}
.aboutpropmatesWrap .aboutpropmatesGroup{ display: flex; align-items: center;}
.aboutpropmatesWrap .aboutpropmatesInner h2{ text-align: center; margin-bottom: 60px;}
.aboutpropmatesWrap .aboutpropmatesLeft{width: 50%; margin-right: 2%; overflow: hidden;}
.aboutpropmatesWrap .aboutpropmatesLeft img{ width: 100%; transform: scale(1.5); transition: 2s;}
.aboutpropmatesWrap .aboutpropmatesLeft.fadeInUp img{ transform: scale(1);transition: 2s;}
.aboutpropmatesWrap .aboutpropmatesRight{width: 50%; font-size: 20px; padding-left: 2%; }
.aboutpropmatesWrap .propmatesHighlight{ width: 85%; color: #a55a56; font-family: 'Maharlika'; font-size: 34px; line-height: 45px; margin: 80px auto 0 auto;    text-align: center;}

.leadershipWrap{ position: relative; padding: 100px 0; background: #6c3a36;}
.leadershipWrap .leadershipInner{ font-size: 20px; color: #ffffff;}
.leadershipWrap .leadershipInner h2{ color:#a55a56; text-align: center;}
.leadershipWrap .leadershipInner .leadershipHero{ width: 80%; margin:50px auto 40px auto; text-align: center;}
.leadershipWrap .directorWrap{ display: flex; align-items: center;width: 80%; margin: 0 auto;}
.leadershipWrap .directorWrap .directorLeft{ width: 48%;}
.leadershipWrap .directorWrap .directorLeft img{ width: 100%;}
.leadershipWrap .directorWrap .directorRight{ width: 48%; margin-left: 4%;}
.leadershipWrap .directorWrap .directorRight .directorName{ font-size: 60px; line-height: 65px; color: #ffffff;font-family: 'Maharlika';}
.leadershipWrap .directorWrap .directorRight .directorDesig{ font-size: 50px; line-height: 55px; color: #a55a56;font-family: 'Maharlika'; margin-bottom: 30px;}
.teamWrap{ position: relative; width: 81.5%; margin: 40px auto 0 auto;}
.teamWrap .teamBox{ width: 31%; float: left; margin: 0 1%;}
.teamWrap .teamBox .teamimg{}
.teamWrap .teamBox .teamimg img{ width: 100%;}
.teamWrap .teamBox .teamInfo{ background: #a55a56; padding:15px 10px; color: #ffffff; text-align: center;}
.teamWrap .teamBox .teamInfo .name{ text-transform: uppercase; font-size: 25px;}
.teamWrap .teamBox .teamInfo .designation{ font-size: 20px;}

.corevaluesWrap{ position: relative; padding: 100px 0;}
.corevaluesWrap .corevaluesInner{}
.corevaluesWrap .corevaluesInner h2{ color: #a55a56;text-align: center; margin-bottom: 40px;}
.corevaluesWrap .corevaluesInner .corevaluesHero{ width: 60%; margin: 0 auto; text-align: center; font-size: 20px;}
.corevaluesTab{ margin-top: 60px;}
.corevaluesTab ul.resp-tabs-list{ text-align: center; display: flex; justify-content: center;}
.corevaluesTab ul.resp-tabs-list li{ position: relative; color:#6c3a36; background: #fff9f0; width: 150px; height: 150px; margin: 0 10px; border-radius: 50%;  padding: 30px 0 0 0; text-transform: uppercase;}
.corevaluesTab ul.resp-tabs-list li span{ display: block; font-size: 15px; margin-top:5px;}
.corevaluesTab ul.resp-tabs-list li img{ max-width: 60px;}
.corevaluesTab ul.resp-tabs-list li.resp-tab-active{ background:#d1aa67; color: #ffffff;}
.corevaluesTab ul.resp-tabs-list li:after{ width:1px; height: 0; top: 165px; content: ""; position: absolute; left: 50%; background: #d1aa67; transition: 0.3s;}
.corevaluesTab ul.resp-tabs-list li.resp-tab-active:after{ height: 50px; transition: 0.3s;}
.corevaluesTab ul.resp-tabs-list li:hover:after{ height: 50px;}
.corevaluesTab .resp-tabs-container{ text-align: center; margin-top: 60px;}
.corevaluesTab .resp-tabs-container .resp-tab-content{ color: #6c3a36; font-size: 30px;}
.corevaluesTab .resp-tabs-container .resp-tab-content span{ color: #d1aa67;}

/* Project Details Page
=======================================================================*/
.projectdetailsWrap{ position: relative; padding: 100px 0; background: #fff3f3; margin-top: 125px;}
.projectdetailsWrap .projectdetailsInner{}
.projectdetailsWrap .projectdetailsInner .floorinfoWrap{ display: flex; font-size: 18px;align-items:center; border-bottom: 2px solid #eed6d5; padding-bottom: 40px;}
.projectdetailsWrap .floorinfoWrap .flatno{ width: 15%; font-size: 40px; line-height: 48px; color: #a55a56;font-family: 'Maharlika';}
.projectdetailsWrap .floorinfoWrap .floorno{width: 25%; font-size: 40px; line-height: 48px; color: #a55a56;font-family: 'Maharlika'; text-transform: uppercase;}
.projectdetailsWrap .floorinfoWrap .floorno span{ display:block; font-size:22px; line-height: 24px;}
.projectdetailsWrap .floorinfoWrap .flatdeatils{width: 30%;}
.projectdetailsWrap .floorinfoWrap .flatdeatils span{ display:block;}
.projectdetailsWrap .floorinfoWrap .flatprice {width: 15%;}
.projectdetailsWrap .floorinfoWrap .flatprice .flatpricename{}
.projectdetailsWrap .floorinfoWrap .flatprice .flatpriceVlaue{ font-family: 'gilroy-bold'; font-size: 30px; line-height: 34px;color: #a55a56;}
.projectdetailsWrap .floorinfoWrap .flatprice .flatpriceVlaue span{ font-weight: 700; margin-right: 5px; display: inline-block;}
.projectdetailsWrap .floorinfoWrap .flatprice .flatpriceVlaue span.offertxt{ font-size: 17px; line-height: 18px; display: block; color: #d1a967; text-transform: uppercase;}
.projectdetailsWrap .floorinfoWrap .pdfdownload{width: 15%;}
.projectdetailsWrap .floorinfoWrap .pdfdownload a{ position: relative; z-index: 9; text-transform: uppercase; letter-spacing: 1px; position: relative; line-height: 50px; font-size: 20px; color: #333333;}
.projectdetailsWrap .floorinfoWrap .pdfdownload a span{ position: relative;}
.projectdetailsWrap .floorinfoWrap .pdfdownload a span:after{ width: 40px; height: 40px; position: absolute; left: -6px; top: -9px; background: #d1aa67; content: ""; border-radius: 50%; z-index: -1; transition: 0.2s;animation: circleScale 3s infinite;}
.projectdetailsWrap .floorinfoWrap .pdfdownload a:hover span:after{ transform: scale(1.5); transition: 0.2s;}

.projectdetailsContaner{ display: flex;}
.projectdetailsContaner .projectdetailsLeft{ width: 10%;}
.projectdetailsContaner .projectdetailsLeft .backbtn{ margin-top: 30px;}
.projectdetailsContaner .projectdetailsLeft .backbtn a{text-transform: uppercase; letter-spacing: 1px; line-height: 40px; font-size: 20px; color: #333333;}
.projectdetailsContaner .projectdetailsLeft .backbtn a span{ background: #a55a56; padding:1px 8px 6px 8px; border-radius: 50%; }
.projectdetailsContaner .projectdetailsLeft .backbtn a span img{ width: 15px;}
.projectdetailsContaner .projectdetailsLeft .contactBtn{position: relative;  margin: 80px 0 0 50px; display: block; min-width: 150px; z-index: 9;}
.projectdetailsContaner .projectdetailsLeft .contactBtn:after{ width:120px; height: 120px; position: absolute; left: -10px; top: -35px; background: #ffffff; content: ""; border-radius: 50%; }
.projectdetailsContaner .projectdetailsLeft .contactBtn a{ z-index: 9; text-transform: uppercase; letter-spacing: 1px; position: relative; line-height: 50px; font-size: 20px; color: #333333;}
.projectdetailsContaner .projectdetailsLeft .contactBtn a:after{ width: 40px; height: 40px; position: absolute; left: 45px; top: -9px; background: #d1aa67; content: ""; border-radius: 50%; z-index: -1; transition: 0.2s;animation: circleScale 3s infinite;}
.projectdetailsContaner .projectdetailsLeft .contactBtn a:hover span:after{ transform: scale(1.5); transition: 0.2s;}

.projectdetailsContaner .projectdetailsMain{ width: 60%; padding:80px 40px 0 40px; border-left: 2px solid #eed6d5; border-right: 2px solid #eed6d5; position: relative;}
.projectdetailsContaner .projectdetailsMain .floor-planImg{ position: relative;}
.projectdetailsContaner .projectdetailsMain .floorplan{ width:100%;}
.projectdetailsContaner .projectdetailsMain .northdirection{ position: absolute; right: 30px; top: 30px}
.projectdetailsContaner .projectdetailsMain .northdirection img{ width: 20px;}
.projectdetailsContaner .projectdetailsMain .resp-tabs-container{}
.projectdetailsContaner .projectdetailsMain .resp-tabs-container .resp-tab-content{}
.projectdetailsContaner .projectdetailsMain .resp-tabs-container .resp-tab-content img.floorplan{ width: 100%;}
.projectdetailsContaner .projectdetailsMain ul.resp-tabs-list{ text-align: center; margin-top: 40px;}
.projectdetailsContaner .projectdetailsMain ul.resp-tabs-list li{ background: #ffffff; padding: 10px 40px; color: #a55a56; text-transform: uppercase; margin: 0 5px;font-family: 'gilroy-medium'; font-size: 18px;}
.projectdetailsContaner .projectdetailsMain ul.resp-tabs-list li.resp-tab-active{ background: #a55a56; color: #ffffff;}
.projectdetailsContaner .projectdetailsMain ul.resp-tabs-list li br{ display:none;}
.projectdetailsContaner .projectdetailsRight{ width: 30%;padding:80px 20px 0 20px;}
.projectdetailsContaner .projectdetailsRight h3{ font-size: 40px; line-height: 48px; color: #a55a56;font-family: 'Maharlika'; text-transform: uppercase; margin-bottom: 30px;}
.projectdetailsContaner .projectdetailsRight .highlightslist > div{display:none;}
.projectdetailsContaner .projectdetailsRight ul{ }
.projectdetailsContaner .projectdetailsRight ul li{ position: relative; font-size: 18px; margin-bottom: 30px; padding-left: 10px; z-index: 9;}
.projectdetailsContaner .projectdetailsRight ul li:after{ width: 40px; height: 40px; position: absolute; left: 0px; top: -6px; background: #d1aa67; content: ""; border-radius: 50%; z-index: -1; transition: 0.2s;}

.projectdetailsContaner .projectdetailsMain svg{ position: absolute; top: 0; left: 0; width: 100%;}

.reraWrap {font-family: 'gilroy-regular'; font-size: 14px; line-height: 15px; color:#ffffff; margin-top: 25px;}
.reraWrap .reraInfo { display: flex;}
.reraWrap .reraInfo .reralogo { width: 36px;}
.reraWrap .reraInfo .reralogo img { width: 30px; margin: 0;}


.stickyWrap{ position: fixed; right: 10px; bottom: 80px; z-index:99;}
.stickyWrap ul{}
.stickyWrap ul li{ margin-bottom: 10px;}
.stickyWrap ul li a{}
.stickyWrap ul li a img{ width: 40px;}
.stickyWrap ul li.whatsapp{}
.stickyWrap ul li.call{ display: none;}
/* HEADINGS
========================================================================*/
h1, h2, h3, h4, h5, h6 { }
h1 { font-family: 'Maharlika'; font-weight: 400; font-size: 105px; line-height: 100px;}
h2 {font-family: 'Maharlika'; font-weight: 400; font-size: 95px; line-height: 100px;}
h2 span{ display:inline-block;}
h3 { font-size: 22px; line-height: 23px; color: #00a7ef; margin-bottom: 10px; }
h4 { font-size: 18px; line-height: 19px; color: #00a7ef; margin-bottom: 10px; }
h5 { font-size: 16px; line-height: 17px; }
h6 { font-size: 14px; line-height: 16px; }
p { margin-top: 10px; }
p:first-child { margin: 0; }
/* FORM
========================================================================*/
.popup_wrapper .popup_content{ background: #941a39; padding: 30px; width: 40%; margin: 50px 0; min-width: 315px;max-width: 420px;}  
.my_popup_close { position: absolute; right: -15px; top: -15px; z-index: 9; cursor: pointer;}
.my_popup_close img { width: 30px;}
.popup_close { position: absolute; right: -15px; top: -15px; z-index: 9; cursor: pointer;}
.popup_close img { width: 30px;}
.popup_content .inputBox { position: relative; margin-bottom: 20px;}
.popup_content .inputBox input{font-size: 15px;}
.popup_content .inputSubmit { margin-top: 50px;}
.popup_content .inputSubmit button{ font-size:20px;}
.popup_content .inputBox .formError { color: #d1aa67;}
.rightbtn{}
.rightbtn a{position: fixed; right: -50px; top: 50%; z-index: 999; background: #d1aa67; padding: 10px 20px; text-transform: uppercase; color: #ffffff;    cursor: pointer; rotate: 90deg; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);}
.rightbtn a span{}

label { }
input, textarea, select { font-size: 15px; background: none; border: 1px solid #dadada; padding:0; margin:0; }
input:focus, textarea:focus {  background: none; }

@keyframes circleScale {
  0% {transform: scale(0.9)  }
  50% { transform: scale(1.2) }
  100% { transform: scale(0.9) }
}

ul.resp-tabs-list{ margin: 0px; padding: 0px; }
.resp-tabs-list li {display: inline-block;margin: 0; list-style: none; cursor: pointer;}
.resp-tabs-container { padding: 0px;clear: left; }
h2.resp-accordion { cursor: pointer;display: none; }
.resp-tab-content { display: none;} 
.resp-tab-active { border-bottom: none;}
.resp-content-active, .resp-accordion-active { display: block; }  
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list { float: left; width: 30%; }
.resp-vtabs .resp-tabs-list li { display: block; margin: 0; cursor: pointer; float: none; }
.resp-vtabs .resp-tabs-container { padding: 0px; float: left; width: 68%; min-height: 250px; clear: none; }
.resp-vtabs .resp-tab-content { border: none; }   
/*-----------Accordion styles-----------*/ 
.resp-easy-accordion h2.resp-accordion { display: block; } 
.resp-jfit { width: 100%; margin: 0px; }
.resp-tab-content-active { display: block; } 
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; } 
.resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; }
.resp-accordion-closed { display: none !important; } 
}


@font-face {
    font-family: 'gilroy-regular';
    src: url('fonts/gilroy-regular-webfont.eot');
    src: url('fonts/gilroy-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gilroy-regular-webfont.woff') format('woff'),
         url('fonts/gilroy-regular-webfont.ttf') format('truetype'),
         url('fonts/gilroy-regular-webfont.svg#gilroy-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gilroy-bold';
    src: url('fonts/gilroy-bold-webfont.eot');
    src: url('fonts/gilroy-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gilroy-bold-webfont.woff') format('woff'),
         url('fonts/gilroy-bold-webfont.ttf') format('truetype'),
         url('fonts/gilroy-bold-webfont.svg#gilroy-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gilroy-medium';
    src: url('fonts/gilroy-medium-webfont.eot');
    src: url('fonts/gilroy-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gilroy-medium-webfont.woff') format('woff'),
         url('fonts/gilroy-medium-webfont.ttf') format('truetype'),
         url('fonts/gilroy-medium-webfont.svg#gilroy-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'itf_rupeeregular';
    src: url('fonts/itf_rupee-webfont.eot');
    src: url('fonts/itf_rupee-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/itf_rupee-webfont.woff') format('woff'),
         url('fonts/itf_rupee-webfont.ttf') format('truetype'),
         url('fonts/itf_rupee-webfont.svg#itf_rupeeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
            font-family: 'Maharlika';
            src: url('fonts/Maharlika-Regular.woff2') format('woff2'),
            url('fonts/Maharlika-Regular.woff') format('woff'),
				url('fonts/Maharlika-Regular.ttf') format('truetype'),
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }