@import url('https://fonts.googleapis.com/css2?family=Domine:wght@100;200;400;500;600;700&family=Roboto:wght@100;300;400;500;700;900&display=swap');
::-webkit-scrollbar{width:8px;height:8px;background-color:rgba(255,255,255,0.1);position:absolute;z-index:10000}
::-webkit-scrollbar-thumb{background-color:#636363;border-radius:8px}
::-moz-scrollbar{width:8px;height:8px;background-color:rgba(255,255,255,0.1);position:absolute;z-index:10000;right:0}
::-moz-scrollbar-thumb{background-color:#808080;border-radius:8px}
*{margin: 0px;padding: 0px;box-sizing: border-box;font-weight: normal;text-decoration: none;list-style-type: none;}
body,ul,ol,li,h1,h2,h3,h4,h5,h6,figure,p{padding:0;margin:0;list-style:none; font-family: 'Domine', serif;
font-family: 'Roboto', sans-serif;font-weight: normal;line-height: 1.5;letter-spacing: 1.3px;}
html {scroll-behavior: smooth;}
.container{max-width: 1200px;width: 100%;margin: auto;padding: 0 15px;}
.container-fluid{max-width: 100%;width: 100%;margin: auto;}
.sectionMain{}
.menu-main{display: none;}
.menu-main{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #1D2570;padding:80px 0px 0  20px;}
.menu-main li a{color: #fff;font-size: 20px;font-weight: 400;line-height: 2;}
.menu-main li ul{display: none;}
.menu-main .submenu{position: relative;width: 100%}
.menu-main .submenu::after{content: "";position: absolute;right: 0;top: 9px;color: #fff;background: url('../images/submenu.png') no-repeat;width: 20px;height: 20px;background-size: cover;}
.menu-main .submenu.active ul{display: block;}
.menu-main .submenu ul{padding-left: 20px;}
.menu-main .submenu ul li a{
	font-size: 16px;
	list-style-type: 1.7;
}
.menu-main.active{display: flex;}
.btn{padding: 8px 12px;background: transparent;border:solid 1px #fff;color: #fff;border-radius: 4px;cursor: pointer;font-size: 16px;}
.btnBlue{background:#000C78;color:#fff;padding:10px 35px;}
.btn-know:hover{background: #fff;color: #000;}
.row-box{display: flex;flex-wrap: wrap;}
.row-box.achievement{align-content: flex-start;}
.col-100{width: 100%;}
.col-50{width: 50%;}
.col-60{width: 60%;}
.col-40{width: 40%;}
.col-25{width: 25%;}
.pl-15{padding-left: 1.6vw;}
.pr-15{padding-right: 1.6vw;}
.mt-15{margin-top: 1.6vw;}
.mb-15{margin-bottom: 1.6vw;}
.text-center{text-align: center;}
.text-yellow{color: #e1b124;}
.text-white{color:#fff;}
.text-blue{color:#000C78;}
.text-black{color:#000;}
.font400{font-weight:400;}
.mx-auto{margin: 0 auto;}
.img-fluid {max-width: 100%;height: auto;}
.textCenter{text-align:center;}
.sectionMain{overflow: hidden;}
.menu-box{display: flex;justify-content: space-between;padding:20px 15px;align-items: center;}
.menu-btn {height: 35px;position: relative;}
.menu-btn span{position: relative;display: block;width: 21px;height: 2px;background: #fff;transition:all 200ms ease-in-out}
.menu-btn span::before,.menu-btn span::after{content: '';cursor: pointer;height: 2px;width: 21px;top: -7px; background: #fff;position: absolute;display: block;border-radius: 3px;}
.menu-btn span::after{bottom: -7px;top: inherit;}
.menu-btn.active span{background: transparent;}
.menu-btn.active span::after{transform: rotate(-45deg);top: 0px;}
.menu-btn.active span::before{transform: rotate(45deg);top: 0;}
.top-menu{position: fixed;width: 100%;top: 0;z-index: 2;}
.top-menu.active{background:rgba(0,0,0,0.5);}
.bannerTop{background: url('../images/homepage-banner.jpg') no-repeat;background-size: cover;overflow: hidden;}
.headingSecton{height: 100vh;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.headingSecton h1{font-size: 5vw;font-weight: 400;}
.headingSecton p{font-size: 2vw;font-weight: 400;margin-bottom: 1.4vw}
.aboutus{padding: 4vw 0 100px;background: #1D2570;position: relative;}
.aboutus::after{content: "";width: 100%;bottom: 0;position: absolute;height: 150px;background: url('../images/aboutus-bg.svg') center bottom;background-repeat: repeat-x;opacity: 0.3;z-index: -1;}
h2{font-size: 4.3vw;color: #fff;font-weight: 100;margin-bottom: 2vw}
h2 span{font-weight: 400;}
.aboutus p{font-size: 1.1vw;margin-bottom: 1.1vw;font-weight: 200; }
.achievement span{font-size: 3.5vw;font-weight: 100;color: #e1b124;font-weight: 400;display: flex;}
.achievement p{font-weight: 500;}
.projectHeading{padding: 4vw 0 0;background: #262f85;overflow: hidden;}
.projectMain{display: flex;flex-wrap: wrap;overflow: hidden;}
.projectBox{position: relative;text-align: center;flex: 1;width: 23%;transition: .5s all ease;}
.projectBox h3{position: absolute;
    top: 20%;
    z-index: 1;
    color: #fff;
    font-size: 2vw;
    left: 50%;
    transform: translate(-50%, 0px);text-transform: uppercase;white-space: nowrap;}
.projectBox a{display: block;position: relative;}
.projectBox figure{overflow: hidden;line-height: 0}
.projectBox figure img{transition: .5s all ease;filter: grayscale(100%) contrast(125%) brightness(50%); object-fit:contain;}
.projectBox:hover img{filter: grayscale(0) contrast(100%) brightness(100%);transform: scale(1.5);}
.projectBox:hover{transform: scale(1.2);}
.currentMain{background: #1D2570;padding: 4vw 0 100px;}
.currentproject{display: grid;grid-template-columns: repeat(3,minmax(auto,1fr));grid-gap: 5%;justify-content: center;}
.currentprojectBox{background: #2a35a1;}
.currentprojectBox .projectText{padding: 15px;}
.currentprojectBox .projectText h4{font-size: 22px;font-weight: 500;}
.currentprojectBox .projectText p{font-size: 14px;color: #d9d9d9;margin-bottom: 15px;}
.currentprojectBox .projectText .know-more{font-size: 14px;color: #d9d9d9;background: rgba(29,37,112,0.5);padding: 10px 15px;display: inline-block;}
.testimonial,.media-section{background: #1D2570 url('../images/projectimg/testimonial-bg.jpg') no-repeat;padding: 4vw 0 100px;}
.testimonial h5{font-size: 2vw}
.testimonial p{font-size: 1.5vw;margin-bottom: 15px;}
.allProject{background: #262f85;}
.testi-img{width: 100px;height: 100px;border-radius: 50%;overflow: hidden;margin: auto;box-shadow: 0 0 0 1px rgba(255,255,255,1);margin-bottom: 15px;}
.media-section ul{display: flex;}
.media-slide li{border-radius: 8px;overflow: hidden;text-align: center;background: #fff;margin-right: 15px;}
.media-slide li img{margin: auto;}

.blogSection .currentprojectBox figure{width:100;height:200px;overflow:hidden;}
.blogSection .currentprojectBox figure img{width:100%;height:100%;object-fit: fill;}
.blogSection .currentprojectBox p{overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
footer{background: #000;padding: 40px 0;}
footer li{font-size: 1.1vw;line-height: 1.5}
footer li a{color: #e3e3e3;}
footer ul{padding-left: 15px;}
.Investors{padding-top: 40px;padding-bottom: 40px;outline: none;background-color: rgb(0 12 120);display: block;}
.Investors .deal,.amnities .deal{text-align: center;color: rgb(255, 255, 255);display: flex;flex-direction: column;font-weight:400;}
.Investors .buyDeal,.amnities .buyDeal{text-align: center;font-size: 22px;margin-bottom:20px;}
.Investors .btnCall,.amnities .btnCall{font-size: 16px;border-radius:60px;padding:8px 20px;}
.Investors .btnBox,.amnities .btnBox{text-align:center;padding-top:22px;}

.amnities{padding-top: 40px;padding-bottom: 40px;outline: none;background:#EF4138;display: block;}
.nriSection{background:#2a35a1;padding:40px 0;}
.panel-group {
    margin-bottom: 20px;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.panel-default {
    border-color: #ddd;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    position:relative;
}
.acc-v1 .panel-heading a {display: block;font-size: 16px;padding: 10px 15px;border-radius:4px; font-weight:500; background: #2a35a1 url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 15px top 16px;color: #fff;border: solid 1px #fff;border-radius: 4px;}
.acc-v1 .panel-heading.active a{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.414' height='6.207' viewBox='0 0 11.414 6.207'%3E%3Cpath id='arrow' d='M1,6,6,1l5,5' transform='translate(-0.293 -0.5)' fill='none' stroke='%232a35a1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E") no-repeat right 15px top 16px;color:#2a35a1;}
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
.panel-body {
    padding: 15px;
    font-size:14px;
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid #2a35a1;
}
.Piller{display:flex;flex-wrap:wrap;}
.pillerBox{flex:1;display:flex;flex-direction:column;align-items: center;}
.pillerBox figure{width:70px;}
.pillerBox figure svg{fill:#e1b124}
.pillerBox h3{font-size:16px;color:#fff;text-align:center;}
.inlineCall{display:inline-flex;grid-gap: 20px;flex-wrap:wrap;width: 100%;justify-content: center;}
.aboutUl{display:flex;grid-gap: 20px;width: 100%;flex-direction: column;text-align: center;}
.FormSection{padding:4vw 0 100px;}
.formSection form{display:flex;grid-gap:20px;justify-content: center;}
.form-control{border-radius: 6px;box-shadow: 0 0 3px 0 rgba(0,0,0,.05);border: solid 1px #dfe2e6;background-color: #fff;height: 40px;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;display: block;width: 100%;padding: 0.375rem 0.75rem;font-size: 1rem;line-height: 1.5;color: #495057;}
.callBox{display:none;}
.bookinSwction{backgroud:#fff;padding:20px 0;}
.bookinBox{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}
.bookingItem{background:#1D2570;display:flex;flex-direction:column;grid-gap:10px;justify-content:center;align-items:center;padding:20px;    outline: solid 2px #fff;outline-offset: -14px;}
.priceSm{font-size:20px;color:#fff;}
.priceMain{font-size:22px;color:#fff;}
@media screen and (max-width: 768px){
	.projectBox{width: 50%;flex: auto;}
	.formSection form{flex-direction:column;}
}
@media screen and (max-width: 680px){
    .bookinBox{grid-template-columns:repeat(1,1fr);}
    .currentproject{grid-template-columns: repeat(1,minmax(auto,1fr));grid-gap: 50px 0;}
    .Piller{grid-gap:30px}
    .pillerBox{width:50%;}
	.projectBox h3{font-size: 8vw}
	.col-100,.col-50,.col-60,.col-40,.col-25{width: 100%;}
	.headingSecton{height: 70vh}
	.headingSecton h1{font-size: 6vw;text-align:center;}
	.headingSecton p{font-size: 3vw;margin-bottom: 2vw;text-align:center;}
	h2{font-size: 9.4vw;font-weight:300;margin-bottom:10vw;}
	.bannerTop h2{font-size: 5.3vw;font-weight:300;}
	.aboutus p{font-size: 3.6vw;}
	.achievement span{font-size: 7vw}
	.aboutus{padding:8vw 0; }
	.projectBox{width: 100%;flex: auto;}
	.testimonial h5{font-size: 4vw}
	.testimonial p{font-size: 3.5vw}
	footer p{margin-bottom: 15px;}
	footer ul{padding-left: 0;margin-bottom: 15px;}
	footer li{font-size: 3.1vw;}
	.acc-v1 .panel-heading a{font-size:14px;}
	.inlineCall{flex-direction: column;}
	.Investors .btnCall{text-align:center;}
	.aboutUl{margin-bottom:20px;}
	.callBox{z-index: +999999999;bottom: 0;position: fixed;background: rgba(0,0,0,0.5);padding-top: 15px;padding-bottom: 15px;display:flex;width: 100%;justify-content: center;align-content: center;}
	.callBox a{padding:10px;width:calc(100% - 30px);text-align:center;color:#fff;display:flex;justify-content: center;align-content: center;grid-gap: 10px;background: #62a507;border-radius: 20px;font-weight: 500;}
	.callBox a img{height:20px;}
}