/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');




@keyframes blinker{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}


*{margin:0px; padding:0px;}

.mb-30{margin-bottom:30px;}

.mt-40{margin-top:40px;}

/*.container{width:1240px;}*/

.no_padding{padding-left:0px; padding-right:0px;}

.sticky_whatsapp {    bottom: 22px;    left: 10px;    z-index: 999;    position: fixed;}
.sticky_whatsapp a {    display: block;    margin-bottom: 10px;}
.sticky_whatsapp i{background:#25d366;  border-radius:50%; width:50px; height:50px; text-align:center; line-height:50px; color:#fff; font-size:20px; transition:1s;}
.sticky_whatsapp span {    display: none;}


.top_wrapper{background:#002d63; padding:8px 0;}
.top_wrapper i{padding:0px; margin:0px; color:#fff;}
.top_wrapper p{color:#fff; padding:0px; margin:0px;}
.top_wrapper .top_social_link{text-align:right;}
.top_wrapper .top_social_link a{margin:0 0 0 15px;}

#myCarousel .carousel-control{display:none;}

.wrap-header{background:#FFFFFF; box-shadow: #817f7f 1px 2px 7px;}

.sticky {  position: sticky;  top: 0;  width: 100%; z-index:9;}

.navbar-brand img{width:35%;}

.main-menu{padding:5px 0; box-shadow: #817f7f 1px 2px 7px;}

.main-menu .navbar-default{background:none !important; border:none !important; }

.navbar-brand{height:auto; padding:0px !important;}

.main-menu .navbar{margin-bottom:0px;}

.main-menu .navbar-nav li a{font-family: 'Archivo Narrow', sans-serif; font-size:16px; font-weight:700; transition:1s; color:#333;     padding: 10px 12px;}

.main-menu .navbar-nav{margin-top:18px;}

.main-menu .navbar-nav li a:hover{color:#17A8E3 !important;}

.main-menu .navbar .btn{background: #0a4da6;     padding: 0px 2px; color:#fff !important; position:relative; border-radius: 0px;}

.main-menu .navbar .btn a{color:#fff !important;}

.main-menu .navbar .btn a:hover{color:#fff !important;}

.main-menu .navbar .btn::before{content:""; position:absolute; top:5px; left:5px; right:5px; bottom:5px; border:#fff solid 2px; opacity:0; transition:1s;}

.main-menu .navbar .btn:hover::before{opacity:1; color:#fff !important;}



.main-menu .navbar i{color:#fff; margin-right:5px; font-size:20px;}
.main-menu .navbar .fa-download{color:#000;}

.mobile-img{display:none;}


/*Broucher animated button start*/

.mobile-view{display:none;}

.animated.infinite {	-webkit-animation-iteration-count: infinite;	animation-iteration-count: infinite}
.slideInDown {    -webkit-animation-name: slideInDown;    animation-name: slideInDown;}
.animated {    -webkit-animation-duration: 1s;    animation-duration: 1s;    -webkit-animation-fill-mode: both;    animation-fill-mode: both;}

@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}
	80% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes slideInDown {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible
	}
	80% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

/*Broucher animated button end*/

.slider-video{position:relative !important;}
.slider-video video{width:100%; }
.slider-video .slider-content{background:rgba(255, 255, 255, 1); padding:15px; width:25%; text-align:center; position:absolute; top:10%; right:5%; z-index:1;}

.slider{/*background:url(../images/paarthrepublic-slider.jpg);  background-repeat:no-repeat; background-size:cover; padding:25% 0 25% 0;*/ position:relative !important;}
.slider .slider-content{ width:30%; text-align:center; position:absolute; top:18%; right:10%; z-index:1; background: #4b4747c9; padding: 40px;}
.slider_heading{margin-bottom:50px; }

.slider_heading h1{font-family: 'Archivo Narrow', sans-serif; font-size:45px; color:#FFFFFF; text-align:center; font-weight:700;}

.slider-content p{font-family: 'Archivo Narrow', sans-serif; font-size:20px; color:#fff; text-align:center; padding:8px 0 8px 0; margin:0px; border:dotted 1px #0a4da6; background:#0a4da6;}





.slider-content h3{font-family: 'Archivo Narrow', sans-serif; font-size:27px; color:#fff; text-align:center; font-weight:500; padding:0 0 0px 0; margin:0 0 15px 0;  /*animation: blinker 1.5s linear infinite;*/ }

.slider-content h4{font-family: 'Archivo Narrow', sans-serif; font-size:25px; color:#b9852d; text-align:center; font-weight:500; padding:0 0 0px 0; margin:15px 0; }


.slider-content h3 span{font-size:27px; color:#0a4da6; font-weight:700;}

.slider-content ul li{list-style:none; display:inline-block; padding:0 10px; width:49%;}

.slider-content ul li img{border:#fff solid 1px;}

.slider-content ul{margin-top:25px;}



.address_detail{    position: relative;    padding: 0px;        text-align: center; margin-top: 0px;}

.address_box::before{content:""; border:#fff dotted 1px; position:absolute; top:10px; right:10px; bottom:10px; left:10px;}

.address_box{position: relative;       display: flex;    justify-content: center;    align-items: center;    flex-flow: column;     background: #0a4da6; padding:25px;}

.address_box h2{font-family: 'Archivo Narrow', sans-serif; font-size:20px; color:#fff;  font-weight:700; margin:0px 0 8px 0;}
.address_box a{font-family: 'Archivo Narrow', sans-serif; font-size:16px; color:#fff;  font-weight:500; margin:0px; background:#000; padding:5px 8px; border-radius:5px;}


.address_box h3{font-family: 'Archivo Narrow', sans-serif; font-size:22px; color:#e3a61b;  font-weight:500; margin:0px;}





.about{padding:60px 0px; text-align:center;}



.about_content p{font-family: 'Archivo Narrow', sans-serif; font-size:16px; color:#757272; margin:0px; line-height:30px; padding-bottom:10px; text-align:justify;}

.about_content h3{ color:#002d63; font-family: 'Archivo Narrow', sans-serif; font-weight:600; font-size:40px; margin:0; text-align:center; padding:0px;}

.about h2{ color:#000; font-family: 'Archivo Narrow', sans-serif; font-weight:600; font-size:35px; margin:0px 0 40px 0; position:relative; display:inline-block; padding:0 0 10px 0;}

.about h2::before{content:""; width:70%; height:2px; position:absolute; bottom:0; right:0; background:#919191;     margin: auto; left: 0; }

.about h2::after{content:""; width:30%; height:4px; position:absolute; bottom:-1px; right:0; background:#0a4da6;     margin: auto; left: 0; }

.about_content_box{background:#003333; padding:35px 25px; transition:1s;}

.about_content_box:hover{background:#044e4e;}

.about_content_box h3{margin:0px 0 5px 0; color:#fff; font-family: 'Archivo Narrow', sans-serif; font-size:26px;}

.about_content_box p{margin:0px; color:#a9a9a9; font-family: 'Archivo Narrow', sans-serif; font-size:18px; line-height:28px; font-weight:300;}









.proj-think-sec {    padding: 5rem 0;    background: #002d63;    text-align: center;}

.proj-think-sec h3 {    font-size: 3vw;    font-weight: 700; color:#000;}

.proj-think-sec .container>div {    display: flex;    align-items: center;    justify-content: center;    margin: 3rem 0 2rem;}

.proj-think-sec .container>div>div {    display: flex;    align-items: center;}

.proj-think-sec .container>div p {    font-size: 15px;    font-weight: 700;    text-transform: uppercase;    color: #fff;    line-height: 36px;    text-align: left;}

.proj-think-sec .container>div>div>span {    background: #e3a61b;    width: 1px;    height: 90px;    display: block;    margin: 0 2rem;}

.proj-think-sec .container>div p span {    font-size: 40px;    color: #00a651; font-weight: 700;}

.amenities-content ul{   display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 25px; margin-top: 50px; width:100%;}

.amenities-content ul li{display: grid; grid-column-gap: 20px;  grid-template-columns: 50px auto; border:#fff solid 1px; padding:20px 20px; }


.amenities-content ul li span{color:#fff; list-style:none;  width:100%; font-size: 17px;     align-self: center;     text-align: left; }

  .amenities-content ul li i{align-self: center;}

.keyfeatures_section{ padding:60px 0px;  background:#c9a34c; text-align:center;}
.keyfeatures_heading h2{color:#000; font-family: 'Archivo Narrow', sans-serif; font-weight:600; font-size:35px; margin:0px 0 40px 0; position:relative; display:inline-block; padding: 0 0 10px 0;}
.keyfeatures_heading h2::before{content:""; width:70%; height:2px; position:absolute; bottom:0; right:0; background:#fff;     margin: auto; left: 0; }
.keyfeatures_heading h2::after{content:""; width:30%; height:4px; position:absolute; bottom:-1px; right:0; background:#002d63;     margin: auto; left: 0; }
.keyfeatures_section ul{margin:0px; padding:25px 0 0 25px;}
.keyfeatures_section ul li{color:#fff; font-family: 'Archivo Narrow', sans-serif;  font-size:16px; margin:0px; padding: 15px 0 15px 0; text-align:left; border-bottom:#fff solid 1px;}
.keyfeatures_section h4{color:#000; font-family: 'Archivo Narrow', sans-serif; font-weight:400; font-size:25px; margin:0px; padding: 0 0 10px 0; text-align:left;}
.keyfeatures_section img{width:100%; border-radius:25px 25px 25px 25px;}






.our_aminities_section{background:#fff; padding:110px 0px; text-align:center;}

.our_aminities_heading h2{color:#fff; font-family: 'Archivo Narrow', sans-serif; font-weight:600; font-size:35px; margin:0px 0 15px 0; position:relative; display:inline; padding: 0 0 10px 0;}

.our_aminities_heading h2::before{content:""; width:70%; height:2px; position:absolute; bottom:0; right:0; background:#fff;     margin: auto; left: 0; }

.our_aminities_heading h2::after{content:""; width:30%; height:4px; position:absolute; bottom:-1px; right:0; background:#e3a61b;     margin: auto; left: 0; }

.our_aminities_box{border:#002d63 solid 1px; padding:0px; text-align:center; background:#fff; min-height:160px;}

.our_aminities_box i{font-size:35px; color:#5e5e5e;}

.our_aminities_box p{color:#000; font-family: 'Archivo Narrow', sans-serif; font-size:17px; margin-top:15px; font-weight:700; }

.our_aminities_section .col-lg-2{padding-right: 8px !important;    padding-left: 8px !important;}





.project_layout_section{background:#fff; padding:110px 0px; text-align:center;}

.project_layout_heading h2{color:#000; font-family: 'Archivo Narrow', sans-serif; font-weight:600; font-size:35px; margin:0px 0 15px 0; position:relative; display:inline-block; padding: 0 0 10px 0;}

.project_layout_heading h2::before{content:""; width:70%; height:2px; position:absolute; bottom:0; right:0; background:#919191;     margin: auto; left: 0; }

.project_layout_heading h2::after{content:""; width:30%; height:4px; position:absolute; bottom:-1px; right:0; background:#002d63;     margin: auto; left: 0; }









.your_host_content ul li::before{content:"\f18e"; font-family: FontAwesome; position:absolute; top:14px; left:-30px; font-size:20px; color:#ff7344;}





.our_project_gallery_section{ padding:110px 0px; text-align:center; background:#fff;}

.our_project_gallery_heading h2{color:#000; font-family: 'Archivo Narrow', sans-serif; font-weight:600; font-size:35px; margin:0px 0 15px 0; position:relative; display:inline-block; padding: 0 0 10px 0;}

.our_project_gallery_heading h2::before{content:""; width:90px; height:4px; position:absolute; bottom:0; right:0; background:#c9ac63;     margin: auto; left: 0;  border-radius:50%}

.project_layout_section img {    border-radius: 10px;}

.project_layout_section .item {    margin-bottom: 30px;}


.paymentplan_section{ padding:110px 0px; text-align:center; background:#f2e0eb;}
.paymentplan_heading h2{color:#000; font-family: 'Archivo Narrow', sans-serif; font-weight:600; font-size:35px; margin:0px 0 40px 0; position:relative; display:inline-block; padding: 0 0 10px 0;}
.paymentplan_heading h2::before{content:""; width:70%; height:2px; position:absolute; bottom:0; right:0; background:#919191;     margin: auto; left: 0; }
.paymentplan_heading h2::after{content:""; width:30%; height:4px; position:absolute; bottom:-1px; right:0; background:#002d63;     margin: auto; left: 0; }


.paymentplan_section table{width:80%; margin:auto;}
.paymentplan_section table tr th{padding:5px; text-align:center; font-family: 'Archivo Narrow', sans-serif; border-top:#ce9e38 solid 1px; font-size:18px; text-align:center; vertical-align:middle;}
.paymentplan_section table tr td{border-top:#ce9e38 solid 1px; font-family: 'Archivo Narrow', sans-serif; font-size:16px; text-align:center; vertical-align:middle;}
.paymentplan_section table{border:#ce9e38 solid 1px;}

.price_list{background:#002d63; padding:5px 8px; font-size:15px;  font-family: 'Archivo Narrow', sans-serif; display: inline-block; color:#fff; }
.price_list:hover{text-decoration:none; color:#000;}


.flour_plans_section{ padding:110px 0px; text-align:center; background:#fff;}
.flour_plans_section img{border:#002d63 solid 1px;}

.flour_plans_heading h2{color:#000; font-family: 'Archivo Narrow', sans-serif; font-weight:600; font-size:35px; margin:0px 0 40px 0; position:relative; display:inline-block; padding: 0 0 10px 0;}

.flour_plans_heading h2::before{content:""; width:70%; height:2px; position:absolute; bottom:0; right:0; background:#919191;     margin: auto; left: 0; }

.flour_plans_heading h2::after{content:""; width:30%; height:4px; position:absolute; bottom:-1px; right:0; background:#002d63;     margin: auto; left: 0; }

.higlights{text-align:left; margin-left:15px;}

.higlights li{color:#000; font-family: 'Archivo Narrow', sans-serif;  font-size:17px; margin:0px; padding-bottom:20px;}






.landmark_section{ padding:110px 0px; text-align:center; background:#f8f8f8;}
.landmark_heading h2{color:#000; font-family: 'Archivo Narrow', sans-serif; font-weight:600; font-size:35px; margin:0px 0 40px 0; position:relative; display:inline-block; padding: 0 0 10px 0;}
.landmark_heading h2::before{content:""; width:70%; height:2px; position:absolute; bottom:0; right:0; background:#919191;     margin: auto; left: 0; }
.landmark_heading h2::after{content:""; width:30%; height:4px; position:absolute; bottom:-1px; right:0; background:#002d63;     margin: auto; left: 0; }
.landmark_section img{margin-bottom:30px; border:#002d63 solid 1px;}






.location_advantage_section{ padding:60px 0px; text-align:center; background:#fff;}

.location_advantage_heading h2{color:#000; font-family: 'Archivo Narrow', sans-serif; font-weight:600; font-size:35px; margin:0px 0 40px 0; position:relative; display:inline-block; padding: 0 0 10px 0;}
.location_advantage_heading h2::before{content:""; width:70%; height:2px; position:absolute; bottom:0; right:0; background:#919191;     margin: auto; left: 0; }

.location_advantage_heading h2::after{content:""; width:30%; height:4px; position:absolute; bottom:-1px; right:0; background:#002d63;     margin: auto; left: 0; }


.location_advantage_section h5{color:#757272; font-family: 'Archivo Narrow', sans-serif;  font-size:16px; margin:0px 0 25px 0; padding: 0px; font-weight:normal; line-height:28px;}








.location_advantage_section h4{color:#000; font-family: 'Archivo Narrow', sans-serif; font-weight:600; font-size:18px; margin:0px 0 10px 0; text-align:left;}

.location_advantage_section p{color:#000; font-family: 'Archivo Narrow', sans-serif;  font-size:15px; margin:0px 0 7px 0; text-align:left; line-height:28px;  border:#dad8d8 solid 1px; padding:7px; background:#f8f8f8;}



.location_advantage_section p span{text-align:right !important;}


.footer{background:#0c4da1; padding:10px 0;}

.footer p{color:#fff; font-family: 'Archivo Narrow', sans-serif; font-size:14px; margin: 0 0 6px 0px; text-align:center; line-height:18px;}
.footer a{color:#e3a61b;}
.footer a:hover{text-decoration:none;}

#pricelist h5{color:#000; font-family: 'Archivo Narrow', sans-serif; font-size:25px; margin:0; text-align:center; font-weight:600; padding:0;}
#pricelist .modal-header .close {    margin-top: -2px;    position: absolute;    top: 5px;    right: 5px;}
#pricelist .modal-header {    padding: 15px;    border-bottom: 0;}
#pricelist .modal-body {    position: relative;    padding: 0px 15px 0 15px;}
#pricelist .modal-footer {    padding: 15px 0 15px 0;    text-align: right;    border-top: 0;}
#pricelist .modal-content{background-color: #e5ea9a;}
#pricelist form .form-control{border-radius:0px; padding:12px 12px; height:auto; border: 1px solid #b1acac; margin-bottom:15px;}

#pricelist form input::placeholder{font-family: 'Archivo Narrow', sans-serif; font-size:16px;}

#pricelist form .form-control:focus{box-shadow:none; border: 1px solid #b1acac;}

#pricelist form input[type=submit]{padding:12px 12px; background:#ce9e38; color:#fff; font-family: 'Archivo Narrow', sans-serif; font-size:18px; border: 1px solid #ce9e38; width:100%;}




#brochureModal h5{color:#000; font-family: 'Archivo Narrow', sans-serif; font-size:25px; margin:0; text-align:center; font-weight:600; padding: 0 0 15px 0;}

#brochureModal .modal-header p{color:#000; font-family: 'Archivo Narrow', sans-serif; font-size:16px; margin:0; text-align:center;}

#brochureModal .modal-body{display: inline-block;    width: 100%; padding: 0 15px 15px 15px;} 

#brochureModal form .form-control{border-radius:0px; padding:12px 12px; height:auto; border: 1px solid #b1acac; margin-bottom:15px;}

#brochureModal form input::placeholder{font-family: 'Archivo Narrow', sans-serif; font-size:16px;}

#brochureModal form .form-control:focus{box-shadow:none; border: 1px solid #b1acac;}

#brochureModal form input[type=submit]{padding:12px 12px; background:#002d63; color:#fff; font-family: 'Archivo Narrow', sans-serif; font-size:18px; border: 1px solid #002d63; width:100%;}

#brochureModal .modal-header{border-bottom:none; padding: 15px 15px 0px 15px;}

#brochureModal .modal-header .close {margin-top: -2px;    position: absolute;    top: -10px;    right: -10px;    background: #fff;    width: 25px;    height: 25px;   opacity: 1;    border-radius: 50%;}


.sticky_footer_bg{background:#002d63;}
.sticky_footer{ padding: 25px 0px 25px 0px; margin:-5px 0 0 0;}
.enquery_form_bg{margin-top:20px;}
.enquery_form_bg h2{color:#000; font-family: 'Archivo Narrow', sans-serif; font-size:22px; margin:0; text-align:center; font-weight:500; padding: 0 0 10px 0;}
.enquery_form_bg .col-lg-12{padding-left:0px; padding-right:0px;}

.enquery_form_bg .form-control{border-radius:0px; padding:12px 12px; height:auto; border: none; margin-bottom:10px;}

.enquery_form_bg:placeholder{font-family: 'Archivo Narrow', sans-serif; font-size:15px;}

.enquery_form_bg .form-control:focus{box-shadow:none; border: none;}

.enquery_form_bg input[type=submit]{padding:12px 12px; background:#0a4da6; color:#fff; font-family: 'Archivo Narrow', sans-serif; font-size:16px; border: none; font-weight:700; position:relative; border:dotted 1px #fff;}







.thank_you{text-align:center; padding:110px 0px; background:#f7f7f7;}

.thank_you i{text-align:center; font-size:65px; color:#ce9e38;}

.thank_you h4{text-align:center; color:#000; font-family: 'Archivo Narrow', sans-serif; font-weight:600; font-size:28px; margin:10px 0 10px 0;}

.thank_you p{text-align:center; color:#000; font-family: 'Archivo Narrow', sans-serif;  font-size:18px; margin:0px; line-height: 31px;}


.bank-logo{text-align:center; background:#f7f7f7; padding:15px 0;}
.bank-logo ul{margin:0px; padding:0px;display: flex;    justify-content: center;    align-items: center;}
.bank-logo ul li{list-style:none; border:#CCCCCC solid 1px; margin:5px; padding:5px;}    









.ps-timeline-sec {
  position: relative;
  background: #efefef url(../images/journey-bg.jpg) !important; padding:50px 0 30px 0; }

.ps-timeline-sec_heading{text-align:center;}
.ps-timeline-sec_heading h2{color:#000; font-family: 'Archivo Narrow', sans-serif; font-weight:600; font-size:35px; margin:0px 0 40px 0; position:relative; display:inline-block; padding: 0 0 10px 0; }
.ps-timeline-sec_heading h2::before{content:""; width:70%; height:2px; position:absolute; bottom:0; right:0; background:#919191;     margin: auto; left: 0; }

.ps-timeline-sec_heading h2::after{content:""; width:30%; height:4px; position:absolute; bottom:-1px; right:0; background:#002d63;     margin: auto; left: 0; }

.ps-timeline-sec:before {
    background: #efefeff0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
}


.ps-timeline-sec .container {
  position: relative;
}
.ps-timeline-sec .container ol.ps-timeline {
    padding: 0;
    border-top: 5px solid #ffc925;
    list-style: none;
    margin-top: 212px;
    margin-bottom: 230px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.ps-timeline-sec .container ol.ps-timeline li {
    float: left;
    width: 16%;
    padding-top: 30px;
    position: relative;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
    position: absolute;
    bottom: 0;
    margin-bottom: 110px;
    width: 100%;
    left: 60px;
}
.color_blue_border {
    border:5px solid #0c4da1;
}
.shape {
    width: text;
    width: 65px;
    height: 65px;
    text-align: center;
    margin: 0 auto;
    background: #fff;
    font-size: 50px;
    border-radius: 100%;
    position: relative;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    vertical-align: middle;
}

.inner_shap {
    border-radius: 100%;
    line-height: 30px;
    
    vertical-align: middle;
    font-size: 46px;
    margin-top: 2px;
}

.shape:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -27px;
}

.img-handler-top .color_blue_border:after {
    border-top: 20px solid #0c4da1
    bottom: -27px;
    top: auto;
}

.color_blue_border i {
    color: #555;
}

.shape i {
    color: #ffc925;
    display: inline;
    vertical-align: inherit;
}

.shape.color_blue_yelow i {
    color: #ffc925;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
    width: 25px;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    position: absolute;
    margin-top: 35px;
}

.ps-timeline-sec .container ol.ps-timeline li span {
    width: 75px;
    height: 60px;
    margin-left: -25px;
    font-family: 'Archivo Narrow', sans-serif;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    position: absolute;
    top: -30px;
    left: 50%;
    line-height: 55px;
    font-weight: bold;
}

.color_blue {
       background: #0c4da1 !important;
    box-shadow: 0px 0px 4px 2px #0c4da1;
}

.color_yellow {
    background: #c9a44c;
    box-shadow: 0px 0px 4px 2px #c9a44c;
}

.ps-timeline-sec .container ol.ps-timeline li p {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    font-weight: 400;
    font-family: 'Archivo Narrow', sans-serif;
    font-size: 15px;
    line-height: 22px;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top {
    position: absolute;
    bottom: 0;
    margin-bottom: 100px;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
    width: 25px; height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.shape.color_blue_yelow {
    border: 5px solid #c9a44c;
}

.img-handler-bot .shape.color_blue_yelow:after {
    border-bottom: 20px solid #c9a44c;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
    position: absolute;
    margin-top: 45px;
    width: 100%;
    left: 5px;
    right: 0;
}
.img-handler-bot {
    text-align: center;
    width: 100%;
    float: left;
}

















/* lg */ 

@media (min-width: 1200px) { 



}



/* md */

@media (min-width: 992px) and (max-width: 1199px) {



}



/* sm */

@media (min-width: 768px) and (max-width: 991px) {



  

}



/* xs */

@media (max-width: 767px) {
	
	
	.amenities-content ul{   display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 25px; margin-top: 50px; width:100%;}

.mobile-img{display:block;}

	.mobile-view{background: #002d63; color:#fff; padding:7px 25px; text-align:left; display:inline-block; position:absolute; top:14px; right:67px; font-size:14px; z-index:1;}
.mobile-view:hover{text-decoration:none;}
.mobile-view:focus{color:#fff; text-decoration:none;}
.mobile-view i{margin-right:5px;}
.navbar-default .navbar-toggle {border-color: #002d63;    background: #002d63; color:#fff; margin-right: 5px;  border-radius: 0px; margin-top: 14px;}
.navbar-default .navbar-toggle .icon-bar {    background-color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {    background-color: #002d63;}
.footer {padding: 10px 0 18px 0;}
.sticky_whatsapp {    bottom: 0px !important;    left: 0px !important;    z-index: 999;    position: fixed;   background-color: #c9a34c;    width: 100%;    display: flex;    justify-content: space-around;}
.sticky_whatsapp a {    color: #fff;    padding: 5px; margin-bottom:0px !important;}
.sticky_whatsapp span {    display: inline-block !important; margin-left:5px; font-family: 'Open Sans', sans-serif; font-weight:600;}
.sticky_whatsapp i {    background: #002d63 !important;    border-radius: 50%;    width: 30px !important;    height: 30px !important;    text-align: center;    line-height: 30px !important;    color: #fff !important;    font-size: 16px !important;    transition: 1s;}

.slider {     background: none;       position: relative !important;}

.slider img{display:none;}
.slider-content h3 {  padding: 0 0 0px 0;    margin: 0; border-bottom: 0px; font-size: 25px;     line-height: 36px;}
.slider .slider-content {  width: 100%;     padding: 4px; top:inherit;     bottom: 0; right: 0;     background: #c9a34c; position:inherit;}
.slider-content h3 span {    font-size: 38px;    color: #002d63;}

.proj-think-sec .container>div>div {    width: auto;    justify-content: center;    flex-wrap: wrap;    flex-direction: column;    align-items: flex-start;

}

.proj-think-sec .container>div p {    font-size: 22px;    line-height: 24px;}

.proj-think-sec .container>div p span {    font-size: 38px;}

.proj-think-sec .container>div>div>span {    width: 260px; height:1px; margin:1rem 0;}

.proj-think-sec .container>div {    flex-direction: column;}

.proj-think-sec h3 {    font-size: 9vw;    line-height: 10vw;}


.address_box h3 {font-size: 21px;}
.address_box {}






.thank_you{text-align:center; padding:70px 0px; background:#f7f7f7;}



.mob_header button{text-align:center; color:#fff; font-family: 'Archivo Narrow', sans-serif; font-weight:600; font-size:18px; margin:0px 0 0px 0; background:#ee9b0e; width:100%; border:none; padding:10px 0;}



.navbar-brand img{width:25%;}



.enquery_form_bg h2{text-align:center; color:#002d63; font-family: 'Archivo Narrow', sans-serif; font-weight:700; font-size:19px; margin:0px; padding:0px 0 8px 0; display:block;}



.main-menu .navbar-default .navbar-toggle .icon-bar {    background-color: #fff;}

.main-menu {    padding: 0px 0;}



.navbar .pull-right {    float: left !important;}



.enquery_form_bg .form-control{margin-bottom:5px;}



.sticky_footer{background:#002d63;        padding: 16px 0px 16px 0px; }

.enquery_form_bg .form-control {    border-radius: 0px;    padding: 12px 12px;    height: auto;    border: none;}

.enquery_form_bg input[type=submit] {    padding: 8px 12px;    }

.paymentplan_section table {
    width: 100%;
    margin: auto;
}



.about {    padding: 75px 0px;  }

.about_content h2 {      margin: 0px 0 20px 0;  font-size: 22px; }

.about_content p { font-size: 15px;    color: #757272;   line-height: 26px;  }


.crafted_section p {    font-size: 15px; padding:0px 0 15px 0; }
.crafted_section ul li {    font-size: 15px;}

.keyfeatures_section ul li {  font-size: 15px;}
.keyfeatures_section ul {    margin: 0px;    padding: 15px 0 0 18px;}


.our_aminities_section {  padding: 75px 0px; }

.our_aminities_heading h2{  margin: 0px 0 20px 0;  font-size: 22px;}


.project_layout_section{ padding: 75px 0px;  }
.project_layout_heading h2 {      margin: 0px 0 20px 0;  font-size: 22px; }



.flour_plans_section{    padding: 75px 0px;  }
.flour_plans_heading h2{  margin: 0px 0 20px 0;  font-size: 22px;}



.location_advantage_section {    padding: 75px 0px 40px 0;  }
.location_advantage_heading h2{  margin: 0px 0 20px 0;  font-size: 22px;}



.location_advantage_section h4 {    margin: 11px 0 10px 0; }

.our_aminities_box { margin-bottom: 10px;}

.crafted_section{ padding: 75px 0px; }
.crafted_heading h2{margin: 0px 0 20px 0;  font-size: 22px;}

.landmark_section{ padding: 75px 0px;}
.landmark_heading h2{margin: 0px 0 20px 0;  font-size: 22px;}

.keyfeatures_section{ padding: 75px 0px;}
.keyfeatures_heading h2{margin: 0px 0 20px 0;  font-size: 22px;}


.paymentplan_section{padding: 75px 0px;}
.paymentplan_heading h2{margin: 0px 0 20px 0;  font-size: 22px;}



.ps-timeline-sec .container ol.ps-timeline {
    margin: 130px 0 !important;
    border-left: 2px solid #ffc925;
    padding-left: 0 !important;
    padding-top: 0;
    border-top: 0 !important;
    margin-left: 25px !important;
    margin-top: 80px !important;
    margin-bottom: 0px !important;
}

.ps-timeline-sec .container ol.ps-timeline li {
    height: 220px;
    float: none !important;
    width: inherit !important;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top, .ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
    position: absolute !important;
    bottom: 160px !important;
    width: 30% !important;
    float: left !important;
    margin-left: 35px !important;
    margin-bottom: 0 !important;
    text-align: left !important;
}

.shape i {
    display: block !important;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
    left: 22px !important;
}

.img-handler-top .color_blue_border:after, .img-handler-bot .shape:after {
    top: 70px !important;
    left: 39px !important;
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    transform: rotate(57deg);
}

.img-handler-top .color_blue_border:after {
    border-left: 10px solid #555 !important;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot, .ps-timeline-sec .container ol.ps-timeline li .ps-top {
    width: 100% !important;
    float: left;
    top: 70px !important;
    right: -25px !important;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
    margin-top: 0 !important;
}
.ps-timeline-sec .container ol.ps-timeline li span {
    left: 0 !important;
}

.ps-timeline-sec .container ol.ps-timeline li span {
    top: -10px !important;
}

.shape {
    width: 80px !important;
    height: 80px !important;
}

.inner_shap {
    line-height: 57px !important;
}
}

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@700&display=swap');

#accordion {
  margin: auto;
}

.panel-heading a {
  display: block;
  position: relative;
  font-weight: bold;
  
  &::after {
    content: "";
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(45deg);
  }

  &[aria-expanded="true"]::after {
    transform: rotate(-135deg);
    top: 5px;
  }
}
section.faq-section {
    padding: 60px 0px;
}
section.faq-section h4.panel-title a {
    font-size: 17px;
    text-decoration: none;
}
section.faq-section h4.panel-title {
    padding: 5px;
}

section.faq-section .panel-group .panel {
    margin-bottom: 20px;
}
section.testimonial-section {
    background: #0c4da1;
    color: #fff;
    text-align: center;
}
section.testimonial-section {
    padding: 60px 0px;
}
section.testimonial-section .carousel-inner {
    max-width: 700px;
    padding-top: 20px;
    margin: 0px auto;
}
.container-fluid.slider img.img-responsive {
    width: 100%;
}
footer#footer {
    padding: 60px 0px 20px;
    color: #fff;
}
footer#footer p {
    color: #fff;
}
footer#footer a {
    color: #fff;
}
footer#footer ul {
    padding-left: 15px;
    line-height: 28px;
    font-size: 15px;
}
footer#footer p {
    padding-top: 25px;
    border-top: 1px solid #9b9b9b;
    margin-top: 40px;
}
#statistic-holder {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
div#statistic-holder:before {
    display: none;
}
section#statistic_banner {
    padding: 0px 0px;
}
div#statistic-holder .counter-card {
    background: #0a4da6;
    color: #000;
    border-radius: 12px;
    padding: 40px 10px;
    text-align: center;
}
div#statistic-holder .counter-card .custblk {
    color: #fff;
    font-size: 60px;
    font-weight: 600;
}
div#statistic-holder .counter-card .statistic-text {
    color: #fff;
    font-size: 20px;
}
#statistic-holder {
    gap: 25px;
}




@media only screen and (max-width: 767px) {
    #statistic-holder {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .ps-timeline-sec .container ol.ps-timeline li .ps-bot, .ps-timeline-sec .container ol.ps-timeline li .ps-top {
        width: 100% !important;
        float: left;
        top: 70px !important;
        right: 0 !important;
        padding: 0px 30px;
    }
    section#statistic_banner {
        padding: 60px 20px;
    }
    .slider-content h3 span {
        font-size: 26px; 
    }
    .address_box h3 {
        font-size: 18px;
    }
    .about {
        padding: 40px 0px;
    }
    .keyfeatures_section {
        padding: 40px 0px;
    }
    .location_advantage_section {
        padding: 40px 0px 40px 0;
    }
    .ps-timeline-sec_heading h2 {
        margin: 0px 0 0px 0;
    }
    section#statistic_banner {
        padding: 40px 20px;
    }
    div#statistic-holder .counter-card .custblk {
        color: #fff;
        font-size: 38px; 
    }
    .statistic-block.animated.bounceIn.visible.new {
    grid-column: 1 / -1;
}
    div#statistic-holder .counter-card .statistic-text{
            color: #fff;
    font-size: 11px;
    }
    section.testimonial-section {
        padding: 40px 0px;
    }
    section.faq-section {
        padding: 40px 0px;
    }
    section.faq-section h4.panel-title a {
        font-size: 15px;
        text-decoration: none;
        line-height: 24px;
        padding-right: 31px;
    }
    footer#footer {
        padding: 40px 0px 20px;
        color: #fff;
    }
    footer#footer .footer-links {
        margin-top: 20px;
    }
    footer#footer h4 {
        font-weight: 600;
    }
    footer#footer p {
        padding-top: 10px;
        border-top: 1px solid #9b9b9b;
        margin-top: 15px;
        padding-bottom: 25px;
    }
  }