body{
  /*font-family: "Outfit", sans-serif;*/
  color: #454545;
}
html,body{
  scroll-padding-top: 100px; scroll-behavior: smooth;
}
.br-right{display: flex; flex-direction: column;justify-content: center;flex-wrap: wrap;}
@media (min-width: 600px){
  .br-right:after {
    width: 0.5px;
    height: 65px;
    background: #C2C2C2;
    display: block;
    content: '';
    position: absolute;
    right: 0px;
  }
}

.content-slider .line-img{width: 230px;}
.content-slider .swiper-slide{margin-bottom: 40px;}
.content-slider .swiper-scrollbar{position: unset !important;margin: auto; width: 80% !important;opacity: 1 !important;height: 6px !important;background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 70%); }
.content-slider .swiper-scrollbar-drag{background-color: #156435 !important; border-radius: 0 !important;}
.content-slider .swiper-button-prev::after{content: url(../images/content-prev.svg);border-radius: 50px; box-shadow: 0 0.67px 23.33px 0 #5465FF1A;}
.content-slider .swiper-button-prev{left: -13px;}
.content-slider .swiper-button-next{right: -13px;}
.content-slider .swiper-button-next::after{content: url(../images/content-next.svg);border-radius: 50px; box-shadow: 0 0.67px 23.33px 0 #5465FF1A;}

@media (min-width: 600px) and (max-width: 1200px){
  .content-slider img{    height: 500px !important;
    object-fit: cover;
    object-position: 0px -86px;
}
}

@media (max-width: 600px){
  .content-slider .swiper-button-prev{display: none;}
.content-slider .swiper-button-next{display: none;}
}

.amenities .line-img{width: 120px;}


.amenities .accordion-button {
  color: #444;
  font-size: 17px;
  font-weight: 600;
}

.amenities .accordion-button:not(.collapsed) {
  background-color: #fff;
  color: #444;
}

.amenities .accordion-body {
  background-color: #f5f5f5;
  /*color: #000;*/
}

.amenities .accordion-body img {
  display: none;
  margin-bottom: 1rem;
}

@media (max-width: 600px){
  .amenities  .accordion-body img {
  display: block;
  margin-bottom: 1rem;
}
}
.desk-img {
  position: relative;
  height: 100%;
}
@media (min-width: 1200px){
  .desk-img {
    position: relative;
    height: 560px;
  }
}

.desk-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}



.desk-img img.active {
  opacity: 1;
}

.amenities .accordion-item{border: unset !important;border-bottom: 1px solid #4C4F5333 !important;}
.amenities .accordion-button.collapsed::after {
  background-image: url('../images/plus.svg');
}

.amenities .accordion-button:not(.collapsed)::after {
  background-image: url('../images/minus.svg');
}

.amenities .accordion-button:focus{box-shadow: unset !important;}

.brochure-btn a {
  font-size: 18px;
  line-height: 22.68px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  padding: 12px 20px;
  /*background: #156435;*/
  
    background: #1252ae;
    letter-spacing: 1px;
    border-radius: 30px;
}

.pricing{background-image: url(../images/pricing-banner.jpg);background-position: center; background-size: cover; background-repeat: no-repeat;}



 @media (min-width: 600px) {
  #pills-3BHK  .border-side:after {
      content: '';
      width: 1px;
      height: 90%;
      background: #000000;
      opacity: 0.2;
      position: absolute;
      right: -30px;
      top: 4%;
  }
}

.exteriorSwiper .swiper-pagination-bullet-active {
    opacity: 1 !important;
}
.exteriorSwiper .swiper-pagination-bullet {
    width: 35px;
    background-color: #fff;
    border-radius: 0;
    height: 2px;
    opacity: 0.8;
}



@media (min-width: 1200px){
  .content-box.bg-grey.p-lg-5.p-4.h-100{padding: 35px !important;}
}








.interiorSwiper .swiper-pagination-bullet-active {
  opacity: 1 !important;
}
.interiorSwiper .swiper-pagination-bullet {
  width: 35px;
  background-color: #fff;
  border-radius: 0;
  height: 2px;
  opacity: 0.8;
}

.interiorSwiper img, .exteriorSwiper img{width: 100% !important;}

@media (max-width: 600px){
  .fs-20{line-height: normal !important;}
  td .brochure-btn {text-align: left !important;}
}



.table-box{box-shadow: 0 3.35px 10.04px 0 #0000000A;border-radius: 6px;overflow: hidden;}

table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  border-radius: 20px;
 
}

table tr th {
  background-color: #EDEDED;
  padding: 15px 30px;
}

table th:first-child{width: 28%;}

table td{background-color: #FFFFFF;padding: 20px 30px;border-bottom: 1px solid #E9E9E9;font-size: 16px;line-height: 22.68px;font-weight: 500;}
table td:last-child{padding: 0;}
table  .brochure-btn a {
    font-size: 13px;
    line-height: 20.16px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    padding: 8px 21px;
    background: #1252ae;
}

@media screen and (max-width: 600px) {
  table {
    border: 0;
  }
  table td:last-child{padding: 20px;}
  table td{padding: 20px;}

  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr{display: block; margin-bottom: 10px;}

  
  table td {
    border-bottom: 1px solid #E9E9E9;
    display: block;
    text-align: right;
  }
  
  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}

.apartment-tabs .tab-content>.active {
    border: 1px solid;
    margin-top: -1px;
}

  .apartment-tabs ul{
      margin: auto; justify-content: center;
      /*border: 0;background-color: #F6F6F6;padding: 10px;flex-wrap: nowrap; border-radius: 16px 16px 0 0;*/
      
  }
  .apartment-tabs ul li button{
      padding: 15px 20px;
  }
  .br-ap{border-right: 1px solid #00000033;}

  @media (max-width: 600px){
    .apartment-tabs ul{margin: auto; width: 100%;justify-content: space-between;border: 0;background-color: #F6F6F6;padding: 20px;overflow-x: auto;}
    .apartment-tabs ul li{width: 100% !important;text-align: center;white-space: nowrap;}
  }
  /*.apartment-tabs ul li{width: 33%;text-align: center;white-space: nowrap;}*/
  .apartment-tabs ul li{
    min-width: 120px;
    text-align: center;
    white-space: nowrap;
    background-color: #F6F6F6;
  }
  .apartment-tabs ul li button{width: 100%;font-size: 16px;border-radius: 0 !important; line-height: 20.8px;color: #fff !important;padding: 18px 25px;
    background-color: #515c9d;
    border: 1px solid #515c9d;
  }
  .apartment-tabs ul li button:hover{
      background-color: #1252ae;
  }
  .apartment-tabs ul li button.active{color: #156435 !important; border-bottom-color: #fff !important; background-color: #fff !important;}
  .shadow-box{box-shadow: 0 0 20px 0 #5465FF14; padding: 25px;margin-top: 0px; border-radius: 0 0 16px 16px;}
  .border-side{position: relative;}
  @media (min-width: 600px){.border-side:after{content: ''; width: 1px;height: 90%;background: #000000; opacity: 0.2; position: absolute; right: -30px;}}


  .perfect-tabs ul{margin: auto;justify-content: space-between;border: 0;background-color: #F6F6F6;flex-wrap: nowrap;width: 70%;}

  @media (max-width: 600px){
    .perfect-tabs ul{margin: auto; width: 100%;justify-content: space-between;border: 0;background-color: #F6F6F6; overflow-x: auto;}
    .perfect-tabs ul li{width: 100% !important;text-align: center;white-space: nowrap;}
  }
  .perfect-tabs ul li{width: 50%;text-align: center;white-space: nowrap;}
  .perfect-tabs ul li button{width: 100%;font-size: 16px; line-height: 20.8px;color: #000 !important;padding: 20px; background-color: unset !important;border-radius:0 !important;}
  .perfect-tabs ul li button.active{background-color:#E6F7E7 !important;color: #156435 !important;}

  .exteriorSwiper .swiper-pagination-bullet{width: 35px; background-color: #fff; border-radius: 0;height: 2px;opacity: 0.8;}
  .exteriorSwiper .swiper-pagination-bullet-active{opacity: 1 !important;}




  /* screen width 100% start */
@media screen and (min-width:1200px) and (max-width:1300px){
  .brochure-sld {
      width: 120%;
      transition: width 0.3s ease;
  }
  .advantages .faq-main {
      padding-left: 10%;
  }
  .green-harmony {        
      height: 735px;       
  }
}
/* screen width 100% end */


/* screen width 90% start */
@media screen and (min-width:1300px) and (max-width:1500px){

  .advantages .faq-main {
      padding-left: 10%;
  }
}
/* screen width 90% end */

/* Screen size 80% start */
@media screen and (min-width:1500px) and (max-width:1600px){

  .advantages .faq-main {
      padding-left: 22%;
  }}
/* Screen size 80% end */

/* pre system  start*/
@media screen and (min-width:1510px) and (max-width:1540px){

  .advantages .faq-main {
      padding-left: 25%;
  }
}
/* pre system  end*/


/* Screen size 75% start */
@media screen and (min-width:1700px) and (max-width:1800px){

  .advantages .faq-main {
      padding-left: 26%;
  }

}
/* Screen size 75% end */

/* Screen size 67% start */
@media screen and (min-width:1800px) and (max-width:2000px){

  .advantages .faq-main {
      padding-left: 33%;
  }

}
/* Screen size 67% end */

/* Screen size 50% start */
@media screen and (min-width:2000px) {

  .advantages .faq-main {
      padding-left: 45%;
  }
}
/* Screen size 50% end */


.accordion h4{font-family: "Outfit", sans-serif !important;}

.advantages .accordion{background-color: transparent !important;--bs-accordion-bg: unset !important;}
.advantages .accordion-button:not(.collapsed) {
  background-color: unset !important;
  color: #000;
}

.advantages .mar-list li{margin-bottom: 5px;}

.gradient-btn a {
  font-size: 18px;
  line-height: 23.04px;
  font-weight: 500;
  background: linear-gradient(90deg, rgba(21, 100, 53, 1) 0%, rgba(0, 162, 216, 1) 50%, rgba(0, 134, 179, 1) 100%);
  padding: 3px 14px;
  color: #fff;
  border-radius: 40px;
  text-decoration: none;
}

.pioneers-bg {
  position: absolute;
  right: 0px;
  top: 40px;
}


.enquire-cnt-main{
  position: absolute;
  top: 64px;
  left: 150px;
}
.enquire-frm-main{
  padding: 50px 100px;
}
.enquire-frm-main input{
  background: transparent;
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid #ffffff53 !important;
  color: #fff;
  font-size: 18px;
  line-height: 27px;
  padding: 0px 0px 8px 0px !important;
  margin-bottom: 15px;
}
.enquire-frm-main ::placeholder {
  color: #fff !important;
}
.enquire-frm-main  button{
  background: #156435;
  border: none;
  border-radius: 0px;
  padding: 10.5px 32px;
  font-size: 18px;
  line-height: 22.68px;
  font-weight: 600;
}
.enquire-frm-main .form-control:focus {
  color: #fff;
  background-color: transparent;
  border-color: none;
  outline: 0;
  box-shadow: none;
}

@media (max-width: 600px){
  .enquire-frm-main{
    padding: 40px;
  }
}

.footer-section ul{list-style-type: none;padding: 0;}
.footer-section ul li a{color:#000; }
.footer-section p{font-size: 16px; line-height: 24px;}


@media (min-width: 992px) {
  .col-lg-2-5 {
      flex: 0 0 auto;
      width: 20%;
  }
}

.gradient-border{position: relative;}
.gradient-border::after{content: ''; position: absolute; right: 0; width: 1px; height: 100%;background: linear-gradient(180deg, rgba(245,245,245,1) 10%, rgba(21,100,53,1) 10%, rgba(44,116,73,1) 90%, rgba(245,245,245,1) 90%);top: 0;}

@media (min-width: 600px) and (max-width: 1200px){
  .h-100{height: auto !important;}
}


.int-prev, .ext-prev{left: 25px !important;}
.int-next, .ext-next{right: 25px !important;}
.swiper-button-next, .swiper-button-prev {
    color: #000 !important;
}
/*.int-prev::after, .ext-prev::after{content: url(../images/prev.svg) !important;}*/
/*.int-next::after, .ext-next::after{content: url(../images/next.svg) !important;}*/


.fixed0-btn a{
    border-radius: 0;
    text-transform: uppercase;
    font-size: 14px;
}
.fixed0-btn{
        width: fit-content;
    position: fixed;
    right: 7px;
    top: 67%;
    transform: rotate(90deg);
    transform-origin: top right;z-index: 1000;
}

.fixed-cta{position: fixed;
bottom: 0;width: 100%; z-index:1000;}
.fixed-cta a{display: block;text-align: center;
    border-radius: 0;}
.footer_enquire_now{
        background: #000 !important;
}
@media (max-width: 600px){
    .footer-section{margin-bottom: 60px;}
    .fixed0-btn{display: none;}
 }
.border-bottom-none{
    border-bottom: none !important;
}
.navbar .brochure-btn i{background-color: transparent !important;margin-right: 5px;}

.error-message{
    color: red;
    margin-bottom: 10px;
}
.tab_seperator{
    border-left: 1px solid #fff !important;
    border-right: 1px solid #fff !important;
}
.submit_btn{
    font-size: 18px;
    line-height: 22.68px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    padding: 8px 20px;
    background: #1252ae;
    letter-spacing: 1px;
    border-radius: 30px;
}
.classic_heading{
  font-family: "Old Standard TT", serif;
  font-weight: 400;
  font-style: normal;
    text-transform: capitalize;
    font-size: 42px;
}
.pre_header{
    font-weight: normal;
    letter-spacing: 2px;
    font-size: 16px;
}
.text-black{
    font-weight: 400;
}
section{
    max-width: 99vw;
}
.curved {
  position: relative;
  /*background: #2c3e50;*/
  /*height: 50vh;*/
  border-bottom-left-radius: 50% 15%;
  border-bottom-right-radius: 50% 15%;
}

.intro_section{
        background: #f7f7f7;
    padding-bottom: 0px !important;
}
.intro_section .container{
    padding-bottom: 30px;
}


.custom-shape-divider-bottom-1735566719 {
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1735566719 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 120px;
    /*transform: rotateY(180deg);*/
}

.custom-shape-divider-bottom-1735566719 .shape-fill {
    fill: #FFFFFF;
}
.overlay_gallery_head{
    position: absolute;
    z-index: 99;
    bottom: 0px;
    width: -webkit-fill-available;
    background: #0000008c;
    text-align: center;
    color: #fff;
}
.overlay_gallery_head h1{
    padding-top: 5px;
    font-size: 24px;
    font-weight: 400;
}
/* Hide menu by default */
.menu-content {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 400px;
  height: 100%;
  background-color: #fff;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
  z-index: 1050;
  padding: 20px;
  overflow-y: auto;
}
.desktop_navbar{
    list-style: none;
    padding-left: 15px;
}

.desk_menu_overlay{
    left: 100%;
    top: 0;
    position: fixed;
    z-index: 1002;
    height: 100%;
    opacity: 0;
    width: 100%;
    visibility: hidden;
    -webkit-transition: all .4s ease-in var(--transition-duration);
    transition: all .4s ease-in var(--transition-duration);
    cursor: url(../images/cross-out.svg), pointer;
    background-color: rgba(0, 0, 0, .9);
}

.desk_menu_overlay.is_active{
    visibility: visible;
    -webkit-transition: all var(--transition-duration) ease-out 0s;
    transition: all var(--transition-duration) ease-out 0s;
    left: 0;
    opacity: 1;
    background-color: #A2A2A229;
}

.navbar-toggler{
    border: none;
}
.desktop_navbar .nav-item .nav-link {
    padding-top: 15px;
    padding-bottom: 15px;
}

.close-button{
    position: absolute;
    right: 10px;
    top: 10px;
    border: none;
    background: transparent;
}
/* Show menu when active */
.menu-content.active {
  display: block;
}

.call_now{
    font-weight: 500;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    background: #1252ae;
    border-radius: 40px;
    padding: 7px 30px 7px 30px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
    display: inline-block;
    fill: #fff;
    text-align: center;
    transition: all .3s;
}

.enquire_now{
    font-weight: 500;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    background: #000;
    border-radius: 40px;
    padding: 7px 30px 7px 30px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);
    display: inline-block;
    fill: #fff;
    text-align: center;
    transition: all .3s;
}

.navbar-buttons{
    padding-top: 5px;
}

/* For larger screens, adjust visibility */
@media (min-width: 992px) {
  .menu-content {
    width: 400px;
  }
}
@media (max-width: 780px) {
  .navbar-toggler{
    padding-top: 0 !important;
    margin-top: -5px;
    scale: 0.7;
  }
  
  .row_scroll{
      flex-wrap: nowrap;
    overflow-x: scroll;
  }
::-webkit-scrollbar{
        height: 4px;
        width: 4px;
        background: gray;
    }
    ::-webkit-scrollbar-thumb:horizontal{
        background: #000;
        border-radius: 10px;
    }
  .menu-content {
    left: 0 !important;
    width: 250px !important;
  }
  .gradient-green{
      font-size: 28px !important;
  }
  .pre_header {
        font-size: 14px !important;
    }
    h6.text-black {
        font-size: 15px !important;
    }
    .fs-16 {
        font-size: 15px !important;
    }
    
    .interiorSwiper img, .exteriorSwiper img {
        width: fit-content;
        min-height: 50vh;
        object-fit: cover;
    }
    .swiper-button-next:after, .swiper-button-prev:after {
        transform: scale(0.5, 0.5);
    }
}

.call_now svg{
  margin: -3px 5px 0px 0px;
}
.navbar-toggler {
  display: block !important; /* Ensure it is always displayed */
}

@media (min-width: 992px) {
  .navbar-toggler {
    display: block; /* Force display on desktop screens */
  }
}
.gradient-green{
    font-family: "Old Standard TT", serif;
    font-weight: 400;
    font-style: normal;
    text-transform: capitalize !important;
    font-size: 42px;
}

.common_header{
    font-family: "Old Standard TT", serif;
    text-transform: capitalize;
}


/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}


/* 

for zoom animation 
uncomment this part if you haven't added this code anywhere else

*/

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

.common_page_header{
    background-color: #fff;
    padding-top: 10em;
}

.gallery_image:hover{
    transform: scale(1.1, 1.1);
    transition: .4s ease-in-out;
}

.gallery_image{
    box-shadow: 5px 5px 7px #c4c4c4;
    border: 1px solid #fff;
    padding: 0px;
}

#yearTabs, #monthTabs{
    text-align: center;
    margin-bottom: 15px;
}
.tab_btn:hover,
.tab_btn.active{
    background: #0d3d82;
}
.tab_btn{
    border-radius: 0px;
    padding: 5px 15px !important;
    background: #4075c2;
    border: none;
}
.tabs { display: flex; margin-bottom: 10px; }
.tabs button { margin-right: 5px; padding: 10px 15px; cursor: pointer; }
.tabs button.active { background-color: #007BFF; color: white; }
.gallery img { max-width: 100px; margin: 5px; cursor: pointer; }