z  *{margin: 0; padding: 0; box-sizing: border-box;}
img{max-width: 100%;}
a, a:hover, a:focus, a:visited, a:active{text-decoration: none;}
p, ul, li{padding: 0; margin: 0;}


.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #011673;}

.sticky{left: 0; right: 0;z-index: 999; position: fixed !important; top: 0px; animation: slideDown .5s ease-out;}


/* header */
header{position: relative; z-index: 9; background-color: #fff; box-shadow: 0 0 10px #00000021; padding: 0px 0;}
header .headermn .navbar-brand{width: 8%;}
header .nav-link{color: #000; font-size: 16px; font-weight: 500; transition: .5s; position: relative; padding: 0px 0px !important;}
header .nav-link::after{content: ''; background-color: #011673; width: 0%; height: 2px; position: absolute; bottom: -5px; left: 0; transition: .5s;}
header .nav-link:hover::after{width: 100%;}
header .nav-link:hover, header .nav-link:focus{ color: #011673;}
header .navbar-nav{gap: 20px;}
header form .btn{border-radius: 0 100px 100px 0; border: 0; background-color: #011673; color: #fff;}
header .whatsapp{justify-content: end; align-items: center; gap: 15px; margin-left: 30px;}
header .whatsapp li a{color: #fff; background-color: #011673; padding: 10px 25px; font-size: 16px; font-weight: 500; display: inline-block; transition: .5s;}
header .whatsapp li a:hover{background-color: #ec0205}

header .navbar-toggler{border: none; color: #000; font-size: 28px; border-radius: 0;}
header .navbar-toggler:focus{box-shadow: none ;}
header .navbar-nav{position: relative;}


/* slider */
#slider{overflow: hidden; border-bottom: 1px solid #e4e4e4;}
#slider .content{background-image: url(../images/banner1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; position: relative;}
#slider .content-bg{background-color: #0000008f; padding: 80px 40px; height: 100%;}
#slider .content h6{color: #fff; font-size: 18px;}
#slider .content h6 i{color: #011673; font-size: 20px;}
#slider .content h2{color: #fff; font-size: 55px; font-weight: bold;}
#slider .content p{color: #fff; font-size: 16x; padding-left: 20px; border-left: 1px solid #011673;}
#slider .content .site-visit-bnt{color: #fff; background-color: #011673; padding: 10px 30px; font-size: 16px; font-weight: 500; display: inline-block; transition: .5s; margin-top: 30px;}
#slider .content .site-visit-bnt:hover{background-color: #ec0205}

#slider form{padding: 30px 15px;}
#slider form.row{row-gap: 20px;}
#slider form h3{color: #011673; font-weight: bold; font-size: 25px;}
#slider form h3 span{color: #000;}
#slider form .form-control{border: none; border-bottom: 1px solid #011673; background-color: transparent; border-radius: 0px; color: #000;}
#slider form .form-control:focus{box-shadow: none; border-color: #011673;}
#slider form .form-control::placeholder{color: #3b3b3b;}
#slider form .btn{background-color: #011673; color: #fff; width: 100%;}
#slider form .btn:hover{background-color: #ec0205;}

.batches_badge{
  right: 10px;
  position: absolute; 
  z-index: 9;
  width: 20%; 
  animation: jump 2s ease infinite;
}

@keyframes jump {
  0%, 100% { top: -44px; }
  50% { top: -14px; }
}


/* about */
#about{padding: 60px 0;}
#about .row{row-gap: 25px;}
#about .content h6{color: #011673; display: inline-block; padding: 10px 30px; border-radius: 100px; font-size: 16px; background-color: #d2232915;}
#about .content h2{color: #000; font-size: 44px; font-weight: bold; margin: 20px 0;} 
#about .content h2 span{color: #011673;}
#about .content p{color: #000; font-size: 18px; padding-left: 20px; border-left: 1px solid #d223298e; text-align: justify;}
#about .content ul{columns: 2; list-style: none; margin: 30px 0 20px;}
#about .content ul li{margin-bottom: 15px;}
#about .content ul li i{color: #011673; background-color: #d2232915; width: 40px; height: 40px; line-height: 40px; font-size: 18px; text-align: center; border-radius: 50%;}
#about .content a{color: #fff; background-color: #011673; padding: 10px 30px; font-size: 16px; font-weight: 500; display: inline-block; transition: .5s;}
#about .content a:hover{background-color: #ec0205}



/* countdown */
#countdown{background-color: #f2f6f7; padding: 100px 0;}
#countdown .row{row-gap: 20px;}
#countdown .count h2 {font-size: 40px; font-weight: bold; color: #000; margin: 15px 0px;}
#countdown .count h2 p {font-size: 16px; color: #3b3b3b; font-weight: bold;}
#countdown .count{ text-align: center; gap: 30px; margin-top: 15px;}
#countdown .count i{color: #011673; font-size: 50px; }



/* faq */
#faq{padding: 60px 0;}
#faq .row{row-gap: 25px;}
#faq .content h6{color: #011673; display: inline-block; padding: 10px 30px; border-radius: 100px; font-size: 16px; background-color: #d2232915; font-weight: bold;}
#faq .content .accordion{border-radius: 0;}
#faq .content .accordion-button{font-size: 14px; font-weight: bold; color: #000;}
#faq .content .accordion-button:focus{box-shadow: none; font-weight: bold; color: #000;}
#faq .content .accordion-item{border: 0; border-radius: 0; box-shadow: 0 0 10px #00000021; margin-top: 15px;}
#faq .content .accordion-button:not(.collapsed){background-color: #f5f5f5;}
#faq .content .accordion-body{font-size: 14px;}


/* gallery-in */
#gallery-in h2{color: #000; font-size: 33px; font-weight: bold; text-align: center;}
#gallery-in h2 span{color: #011673;}
#gallery-in p{color: grey; font-weight: 500; margin-bottom: 30px; text-align: center;}
#gallery-in .owl-item img{border-radius: 10px; width: 100%; height: 250px; object-fit: cover;}


/* home */
#home{padding: 60px 0;}
#home .row{row-gap: 25px; justify-content: center;}
#home h2{color: #011673; font-size: 33px; font-weight: bold; text-align: center; margin-bottom: 30px;}
#home h2 span{color: #000;}
#home .inner{box-shadow: 0 0 10px #0000002a; border-radius: 10px; transition: .5s; height: 100%; position: relative;}
#home .imgs img{width: 100%; height: 210px; object-fit: cover;}
#home  .bad-icon .imgsc img{width: 18px;}
#home  .bad-icon li{color: #000;}
#home  .bad-icon .imgsc span{font-size: 12px; color: #000;}
#home .content{padding: 10px 20px 25px;}
#home .content h3{font-size: 20px; font-weight: 500; margin: 15px 0px; color: #d22329;}
#home .content h6{color: #000;}
#home .content h4{font-size: 15px; font-weight: 500; color: #000;}
#home .content .text-a{font-size: 14px !important; font-weight: 500; margin: 20px 0px !important; color: #000;}
#home .content .details-btn {margin-top: 20px;}
#home .content .details-btn li h5{font-size: 15px; color: #000;}
#home .content .details-info{color: #011673; border-radius: 30px; border: 2px dotted #011673; padding: 8px 30px; font-size: 16px; font-weight: 500; display: inline-block; transition: .5s; margin-top: 20px;}
#home .content .details-info:hover{background-color: #011673; color: #fff;}
#home .content .sale-top{position: absolute; top: 20px; z-index: 99; left: 20px; right: 20px;}
#home .content .sale-top ul li .sale-info{padding: 1px 6px; font-size: 13px; color: #fff; border-radius: 3px; display: inline-block; background-color: #011673;}
#home .content .sale-top ul li .cemra-info{padding: 1px 6px; font-size: 13px; color: #fff; border-radius: 3px; display: inline-block; background-color: #011673;}



#home .owl-theme .owl-dots .owl-dot{display: none;}
#home .owl-theme .owl-nav{display: none; transition: .5s;}
#home .inner:hover .owl-theme .owl-nav{display: block;}
#home .owl-carousel .owl-nav button.owl-prev {line-height: 25px; position: absolute; top: 38%; left: 7px; height: 25px; width: 25px;
background-color: #011673; border-radius: 50px; color: #fff; transition: .5s;}
#home .owl-carousel .owl-nav button.owl-next {line-height: 25px; position: absolute; top: 38%; right: 7px; height: 25px; width: 25px;
background-color: #011673; border-radius: 50px; color: #fff; transition: .5s;}
#home .owl-carousel .owl-nav button.owl-prev span, #home .owl-carousel .owl-nav button.owl-next span{position: relative; top: -2px; transition: .5s;}


/* amenities */
#amenities{padding: 60px 0; background-color: #f7f7f7;}
#amenities .row{row-gap: 25px;}
#amenities h2{color: #000; font-size: 33px; font-weight: bold; text-align: center; margin-bottom: 30px;}
#amenities .icon{padding: 20px 10px; height: 100%; box-shadow: 0 0 10px #00000033; border-radius: 20px; background-color: #fff2f3; text-align: center; transition: .5s;}
#amenities .icon:hover{background-color: #011673;}
#amenities .icon img{border-radius: 50%; width: 95px;}
#amenities .icon h5{color: #000; font-size: 18px; margin-top: 15px; transition: .5s;}
#amenities .icon:hover h5{color: #fff;} 



/* gallery */

#gallery {padding: 60px 0;}
#gallery h2 {font-size: 38px; color: #000; font-weight: bold; text-align: center; margin-bottom: 30px;}
#gallery h2 span{color: #011673;}
#gallery .img-wrapper { position: relative; margin-top: 15px; overflow: hidden; border-radius: 10px; box-shadow: 0 0 8px #00000033;}
#gallery .img-wrapper img {width: 100%; height: 210px; object-fit: cover;}
#gallery .img-overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0;}
#gallery .img-overlay i {color: #fff; font-size: 3em;}
#overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#overlay img { margin: 0; width: 80%; height: auto; -o-object-fit: contain; object-fit: contain; padding: 5%;}
@media screen and (min-width: 768px) {
  #overlay img {
    width: 60%;
  }
}

#nextButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#nextButton:hover {
  opacity: 1;
}

#prevButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}

#prevButton:hover {
  opacity: 0.7;
}

#exitButton i {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}

#exitButton:hover {
  opacity: 0.7;
}


/* testimonial */
#testimonial{padding: 60px 0; background-color: #f2f6f7;}
#testimonial h2{color: #000; font-size: 33px; font-weight: bold; text-align: center; margin-bottom: 30px;}
#testimonial h2 span{color: #011673;}
#testimonial ul{background-color: #fff; padding: 30px; border: 1px solid #e6e6e6; display: flex; gap: 20px; list-style: none; margin: 20px; position: relative; transition: .5s;}
#testimonial ul:hover{box-shadow: 5px 5px 10px #00000021;}
#testimonial ul::before{border-top: 2px solid #e31e24; position: absolute; right: 0; width: 80%; top: 0; content: '';}
#testimonial ul li:first-child{width: 30%;}
#testimonial ul li:last-child{width: 70%;}
#testimonial ul li p{color: #555555; font-size: 16px;}
#testimonial ul li span{color: #e1a500; font-size: 18px; display: block; margin: 15px 0;}
#testimonial ul li h4{color: #e31e24; font-size: 18px;}
#testimonial ul li h5{color: #000; font-size: 20px;}


/* footer */
footer{background-color: #e4e3e3;}
footer .footertop{padding: 70px 0px 20px;}
footer .row{row-gap: 25px;}
footer .footertop .about p{color: #000; font-size: 15px; margin-top: 20px; }
footer .footertop ul{list-style: none;}
footer .footertop ul li{color: #000; margin-top: 10px;}
footer .footertop ul li a{color: #000; font-size: 16px; transition: .5s; display: inline-block; border-bottom: 1px solid transparent;}
footer .footertop h3{color: #011673; font-size: 22px; margin-bottom: 18px;}
footer .footertop ul li a:hover{color: #011673;}
footer .footertop .addres li{margin-bottom: 20px;}
footer .footertop .addres li i{color: #011673; font-size: 22px;}
footer .footerboo ul{display: flex; justify-content: space-between; margin: 0; border-top: 1px solid #01167336;padding-top: 20px;}
footer .footerboo{background-color:#e4e3e3; padding: 20px;}
footer .footerboo .soical li:first-child{color: #011673; text-align: center;}
footer .footerboo .soical li:first-child a{color: #fff; font-size: 16px; display: inline-block; width: 35px;height: 35px;line-height: 35px; background-color: #011673; border-radius: 50%; transition: .5s;}
footer .footerboo .soical li:first-child a:hover{background-color: #ec0205;}
footer .footerboo ul li img{width: 225px; background-color: #011673; padding: 0px 10px 8px; border-radius: 100px;}




/* heading */
/* #heading{background-image: url(../images/banner1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover;}
#heading .heading-bg{background-color: #00000048; padding: 100px 0;}
#heading h2{font-size: 45px; font-weight: bold; color: #fff;}
#heading p, #heading a{font-size: 18px; color: #fff; font-weight: bold; transition: .5s;}
#heading a:hover{color: #000;} */


  /* brochure */
.brochure { position: fixed; top: 46%; right: -76px; z-index: 102; transform: rotate(90deg);}
.brochure a{color: #fff; background-color: #011673; padding: 10px 30px; font-size: 16px; font-weight: 500; display: inline-block; font-size: 15px;}
.brochure a:hover{background-color: #ec0205}

/* quickcontact */
.quickcontact {
  width: 45px;
  position: fixed;
  top: 77%;
  right: 15px;
  z-index: 102;
}


/* modal */
.modal .modal-title{color: #85232b;}
.modal .close{color: #85232b; font-size: 25px; background-color: transparent; border: none;}
.modal .modal-header{border-color: #85232b;}
.modal form{row-gap: 20px;}
.modal .modal-content{background-color: #ffffffd4; padding: 15px; border-radius: 30px;}
.modal form .form-control, .modal form .form-select{border: none; border-bottom: 1px solid #000000; background-color: #85232b00; border-radius: 0px; color: #000000;}
.modal form .label{color: #000000; font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.modal form .form-control:focus, .modal form .form-select:focus{box-shadow: none; border-color: #1f1a17;}
.modal form .form-control::placeholder, .modal form .form-select::placeholder{color: #000000;}
.modal form .submit-btn{background-color: #d22329; color: #fff; display: inline-block; width: 100%; font-weight: 500; border: transparent; padding: 6px 20px;}



/* about-slide */

#about-slider{background-color: #021a73; padding: 30px 0px;}
#about-slider .content{text-align: center;}
#about-slider .content h2{color: #fff; font-size: 35px;}
#about-slider .content .text, #about-slider .content .text a{color: #fff; font-size: 16px; font-weight: 500;}

/* contact-info */

#contact-info{padding: 50px 40px;}
#contact-info .iner h3{font-size: 30px; font-weight: 600; margin-bottom: 15px;}
#contact-info .content h4{font-size: 30px; font-weight: 600; margin-bottom: 35px;}
#contact-info .iner .text{font-size: 16px; font-weight: 400; line-height: 22.4px; color: #5c6368; margin-bottom: 25px;}
#contact-info .iner .form-label{font-size: 14px; font-weight: 600;}
#contact-info .iner .form-control{border: 1px solid #e4e4e4; outline: 0; box-shadow: none; font-size: 14px; line-height: 22px;
border-radius: 99px; padding: 15px 18px; width: 100%; background: #ffffff; color: #161e2d; font-weight: 400; margin-bottom: 30px;}
#contact-info .iner .form-control.form-control-a{border-radius: 10px;}  
#contact-info .iner .submit-btn{padding: 10px 20px; background-color: #011673; display: block; border: transparent; color: #fff; display: block; width: 100%; border-radius: 30px;}  
#contact-info .content{padding: 30px; border-radius: 16px; border: 1px solid #e4e4e4;}
#contact-info .content h5{font-size: 18px; font-weight: 600; margin-bottom: 10px;}
#contact-info .content .text-a, #contact-info .content .text-a a{font-size: 14px; font-weight: 400; line-height: 22.4px; color: #5c6368; margin-bottom: 25px;}
#contact-info .content ul li a{height: 40px; width: 40px; display: inline-block; border: 1px solid #e4e4e4 !important; text-align: center; line-height: 40px; color: #000; border-radius: 5px;}

/* #contact-map */

#contact-map{padding: 50px 40px;}

/* project-det */

#project-det{padding: 50px 40px;}
#project-det h2{font-size: 28px; font-weight: 600; margin-bottom: 15px;}
#project-det h6{font-size: 16px; font-weight: 500; color: #4d4d4d; margin-bottom: 15px;}
#project-det .bad-icon .imgsc img{width: 18px;}
#project-det .bad-icon .imgsc span{font-size: 12px;}
#project-det .bad-icon{margin-bottom: 30px;}
#project-det .imgs img{border-radius: 25px; margin-bottom: 25px;}
#project-det h4{margin: 15px 0px; font-size: 20px;}
#project-det .amenities{columns: 3; margin-left: 25px; margin-bottom: 20px;}
#project-det .amenities li i {font-size: 5px; position: relative; top: -4px;}
#project-det .amenities li{font-size: 16px; margin-bottom: 15px;}

#project-det .content {background-color: #fff; box-shadow: 0px 0px 10px #00000038; padding: 30px; border-radius: 30px; position: sticky; top: 10px;}
#project-det .content h5{margin-bottom: 5px;}
#project-det .content .contact-ul .imgsc{width: 30%;}
#project-det .content .contact-ul h4{font-size: 18px; font-weight: 600;}
#project-det .content .contact-ul h6 a{font-size: 14px; font-weight: 500; color: #000;}
#project-det .content .contact-ul{margin-bottom: 20px;}
#project-det .content .form-control{border: 1px solid #e4e4e4; outline: 0; box-shadow: none; font-size: 14px; line-height: 22px;
border-radius: 99px; padding: 15px 18px; width: 100%; background: #ffffff; color: #161e2d; font-weight: 400; margin-bottom: 30px;}
#project-det .content .submit-btn{padding: 10px 20px; background-color: #011673; display: block; border: transparent; color: #fff; display: block; width: 100%; border-radius: 30px;}