/*Footer CSS Start*/






@media (prefers-reduced-motion: no-preference){ 
  :root { 
    scroll-behavior: smooth;
  } 
}     

:root { 
    --tp-ff-body: 'DM Sans', sans-serif; 
    --tp-ff-heading: 'DM Sans', sans-serif; 
    --tp-ff-p: 'DM Sans', sans-serif; 
    --tp-common-white: #fff; 
    --tp-common-black: #3e3e47; 
    --tp-heading-1: #232331; 
    --tp-theme-1: #F4E9BD!important; 
    --tp-theme-2: #ca1f26; 
    --tp-background-1: #232331; 
} 

*,:after,:before { 
    box-sizing: border-box;
} 



.latest-footer .pt-120 { 
    padding-top: 120px;
} 

.latest-footer .pb-80 { 
    padding-bottom: 80px;
} 

.latest-footer .fix { 
    overflow: hidden;
} 

.latest-footer .p-relative { 
    position: relative;
} 

.latest-footer .theme-background { 
    background: var(--tp-background-1);
} 

.latest-footer .pt-25 { 
    padding-top: 25px;
} 

.latest-footer .pb-25 { 
    padding-bottom: 25px;
} 

.latest-footer .tp-footer__bottom { 
    background: #1d1d29;
} 

.latest-footer .slideInLeft { 
    -webkit-animation-name: slideInLeft; 
    animation-name: slideInLeft;
} 

.latest-footer .tp-footer__right-bg { 
    position: absolute; 
    left: 0; 
    top: 83px;
} 

.latest-footer .container { 
    width: 100%; 
    padding-right: var(--bs-gutter-x,.75rem); 
    padding-left: var(--bs-gutter-x,.75rem); 
    margin-right: auto; 
    margin-left: auto;
} 

@media (min-width: 576px){ 
.latest-footer .container { 
    max-width: 540px;
  } 
}     

@media (min-width: 768px){ 
    .latest-footer .container { 
        max-width: 720px;
    } 
}     

@media (min-width: 992px){ 
    .latest-footer .container { 
    max-width: 960px;
  } 
}     

@media (min-width: 1200px){ 
    .latest-footer .container { 
    max-width: 1200px;
  } 
}     

@media (min-width: 1400px){ 
    .latest-footer .container { 
    max-width: 1200px;
  } 
}     

.latest-footer .container { 
    padding-right: var(--bs-gutter-x, 15px); 
    padding-left: var(--bs-gutter-x, 15px);
} 

.latest-footer .row { 
    --bs-gutter-x: 30px; 
    --bs-gutter-y: 0; 
    display: flex; 
    flex-wrap: wrap; 
    margin-top: calc(var(--bs-gutter-y) * -1); 
    margin-right: calc(var(--bs-gutter-x) * -.5); 
    margin-left: calc(var(--bs-gutter-x) * -.5);
} 

.latest-footer .row > *  { 
    flex-shrink: 0; 
    width: 100%; 
    max-width: 100%; 
    padding-right: calc(var(--bs-gutter-x) * .5); 
    padding-left: calc(var(--bs-gutter-x) * .5); 
    margin-top: var(--bs-gutter-y);
} 

@media (min-width: 576px){ 
    .latest-footer .col-sm-6 { 
    flex: 0 0 auto; 
    width: 50%;
  } 
}     

@media (min-width: 768px){ 
    .latest-footer .col-md-6 { 
    flex: 0 0 auto; 
    width: 50%;
  } 
}     

@media (min-width: 992px){ 
    .latest-footer .col-lg-3 { 
    flex: 0 0 auto; 
    width: 25%;
  } 
}     

@media (min-width: 1200px){ 
    .latest-footer .col-xl-3 { 
    flex: 0 0 auto; 
    width: 25%;
  } 
}     

.latest-footer .col-12 { 
    flex: 0 0 auto; 
    width: 100%;
} 

@media (min-width: 768px){ 
    .latest-footer .col-md-7 { 
    flex: 0 0 auto; 
    width: 58.33333333%;
  } 
}     

@media (min-width: 992px){ 
    .latest-footer .col-lg-6 { 
    flex: 0 0 auto; 
    width: 50%;
  } 
}     

@media (min-width: 1400px){ 
    .latest-footer .col-xxl-6 { 
    flex: 0 0 auto; 
    width: 50%;
  } 
}     

.latest-footer .custom-footer { 
    align-items: center; 
    justify-content: center; 
    display: flex;
} 

@media (min-width: 768px){ 
    .latest-footer .col-md-5 { 
    flex: 0 0 auto; 
    width: 41.66666667%;
  } 
}     

.latest-footer .fadeInUp { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp;
} 

.latest-footer .mb-40 { 
    margin-bottom: 40px;
} 

.latest-footer .tp-footer-col-2 { 
    margin-left: 50px;
} 

.latest-footer .tp-footer-col-4 { 
    margin-left: 40px;
} 

.latest-footer .text-center { 
    text-align: center!important;
} 

@media (min-width: 768px){ 
    .latest-footer .text-md-start { 
    text-align: left!important;
  } 

  .latest-footer .text-md-end { 
    text-align: right!important;
  } 
}     

.latest-footer a { 
    color: #0d6efd; 
    text-decoration: underline;
} 

.latest-footer a { 
    -webkit-transition: all 0.3s 0s ease-out; 
    -moz-transition: all 0.3s 0s ease-out; 
    -ms-transition: all 0.3s 0s ease-out; 
    -o-transition: all 0.3s 0s ease-out; 
    transition: all 0.3s 0s ease-out;
} 

.latest-footer a { 
    text-decoration: none;
} 

.latest-footer a { 
    color: inherit; 
    outline: none; 
    border: none; 
    background: transparent;
} 

.latest-footer a:hover { 
    color: #0a58ca;
} 

.latest-footer a:hover { 
    color: inherit; 
    text-decoration: none;
} 

.latest-footer .mt-15 { 
    margin-top: 15px;
} 

.latest-footer .mb-25 { 
    margin-bottom: 25px;
} 

.latest-footer h4 { 
    margin-top: 0; 
    margin-bottom: .5rem; 
    font-weight: 500; 
    line-height: 1.2;
} 

.latest-footer h4 { 
    font-size: calc(1.275rem + .3vw);
} 

@media (min-width: 1200px){ 
    .latest-footer h4 { 
    font-size: 1.5rem;
  } 
}     

.latest-footer h4 { 
    font-family: var(--tp-ff-heading); 
    color: var(--tp-heading-1); 
    margin-top: 0px; 
    font-weight: 700; 
    line-height: 1.2; 
    -webkit-transition: color 0.3s 0s ease-out; 
    -moz-transition: color 0.3s 0s ease-out; 
    -ms-transition: color 0.3s 0s ease-out; 
    -o-transition: color 0.3s 0s ease-out; 
    transition: color 0.3s 0s ease-out;
} 

.latest-footer h4 { 
    font-size: 24px;
} 

.latest-footer .tp-footer__widget-title { 
    font-weight: 700; 
    font-size: 18px; 
    color: var(--tp-common-white); 
    padding-bottom: 25px;
} 

.latest-footer p { 
    margin-top: 0; 
    margin-bottom: 1rem;
} 

.latest-footer p { 
    -webkit-transition: all 0.3s 0s ease-out; 
    -moz-transition: all 0.3s 0s ease-out; 
    -ms-transition: all 0.3s 0s ease-out; 
    -o-transition: all 0.3s 0s ease-out; 
    transition: all 0.3s 0s ease-out;
} 

.latest-footer p { 
    font-family: var(--tp-ff-p); 
    font-size: 16px; 
    font-weight: 400; 
    color: #767676; 
    line-height: 30px;
} 

.latest-footer .tp-footer__copyright p  { 
    color: #9898a0; 
    font-size: 14px; 
    margin-bottom: 0;
} 

.latest-footer img { 
    vertical-align: middle;
} 

.latest-footer .qr img  { 
    width: 100px;
} 

.latest-footer ul { 
    padding-left: 2rem;
} 

.latest-footer ul { 
    margin-top: 0; 
    margin-bottom: 1rem;
} 

.latest-footer ul { 
    margin: 0px; 
    padding: 0px;
} 

.latest-footer .tp-footer__fw-insta ul  { 
    display: flex; 
    align-items: center; 
    flex-wrap: wrap; 
    margin: 0 -7.5px -15px -7.5px;
} 

.latest-footer .fa { 
    font-family: var(--fa-style-family,"Font Awesome 6 Pro"); 
    font-weight: var(--fa-style,900);
} 

.latest-footer .fa { 
    -moz-osx-font-smoothing: grayscale; 
    -webkit-font-smoothing: antialiased; 
    display: var(--fa-display,inline-block); 
    font-style: normal; 
    font-variant: normal; 
    line-height: 1; 
    text-rendering: auto;
} 

.latest-footer .fa-heart:before { 
    content: "\f004";
} 

.latest-footer .tp-footer__copyright a  { 
    color: var(--tp-common-white);
} 

.latest-footer a:hover { 
    color: #0a58ca;
} 

.latest-footer .tp-footer__copyright a:hover { 
    color: var(--tp-theme-2);
} 

.latest-footer li { 
    -webkit-transition: all 0.3s 0s ease-out; 
    -moz-transition: all 0.3s 0s ease-out; 
    -ms-transition: all 0.3s 0s ease-out; 
    -o-transition: all 0.3s 0s ease-out; 
    transition: all 0.3s 0s ease-out;
} 

.latest-footer .tp-footer__contact-info ul li  { 
    position: relative; 
    list-style-type: none; 
    padding-left: 35px; 
    margin-bottom: 10px;
} 

.latest-footer .tp-footer__content ul li  { 
    list-style-type: none; 
    margin-bottom: 13px; 
    margin-left: -14px;
    max-height: 38px;
} 

.latest-footer .tp-footer__content ul li:last-child  { 
    margin-bottom: 0;
} 

.latest-footer .tp-footer__social ul li  { 
    list-style: none; 
    display: inline-block; 
    margin-right: 20px;
} 

.latest-footer .tp-footer__fw-insta ul li  { 
    padding: 0 7.5px 15px 7.5px; 
    width: 33.333%; 
    flex: 0 0 33.333%; 
    list-style: none; 
    z-index: 1; 
    position: relative;
} 

.latest-footer .tp-footer__contact-info ul li span  { 
    position: absolute; 
    top: 8px; 
    left: 0; 
    color: var(--tp-theme-2); 
    line-height: 1;
} 

.latest-footer .tp-footer__contact-info ul li a  { 
    font-weight: 400; 
    font-size: 14px; 
    line-height: 20px; 
    color: #9898a0;
} 

.latest-footer .tp-footer__contact-info ul li:first-child a  { 
    font-weight: 500; 
    font-size: 14px;
} 

.latest-footer .tp-footer__contact-info ul li a:hover { 
    color: var(--tp-common-white);
} 

.latest-footer .tp-footer__content ul li a  { 
    font-weight: 500; 
    font-size: 14px; 
    color: rgba(245, 245, 250, 0.6); 
    transition: 0.3s;
} 

.latest-footer .tp-footer__content ul li a:hover { 
    color: var(--tp-theme-1); 
    margin-left: 20px;
} 

.latest-footer .tp-footer__social ul li a  { 
    color: var(--tp-common-white); 
    font-size: 14px; 
    transition: 0.3s;
} 

.latest-footer .tp-footer__social ul li a:hover { 
    color: var(--tp-theme-1);
} 

.latest-footer .tp-footer__fw-insta ul li a  { 
    display: block; 
    position: relative; 
    transition: 0.3s;
} 

.latest-footer .tp-footer__fw-insta ul li a::before { 
    content: ""; 
    position: absolute; 
    top: 0; 
    left: 0; 
    height: 100%; 
    width: 100%; 
    background: rgba(247, 207, 90, 0.9); 
    display: inline-block; 
    opacity: 0; 
    visibility: hidden; 
    -webkit-transition: 0.5s; 
    -o-transition: 0.5s; 
    transition: 0.5s; 
    -webkit-transform: perspective(400px) rotateX(-90deg) scale(0.2); 
    -ms-transform: perspective(400px) rotateX(-90deg) scale(0.2); 
    transform: perspective(400px) rotateX(-90deg) scale(0.2); 
    -webkit-transform-origin: top; 
    -ms-transform-origin: top; 
    transform-origin: top; 
    z-index: 1;
} 

.latest-footer .tp-footer__fw-insta ul li a:hover::before { 
    -webkit-transform: perspective(400px) rotateX(0deg) scale(1); 
    -ms-transform: perspective(400px) rotateX(0deg) scale(1); 
    transform: perspective(400px) rotateX(0deg) scale(1); 
    opacity: 1; 
    visibility: visible;
} 

.latest-footer .fa-solid { 
    -moz-osx-font-smoothing: grayscale; 
    -webkit-font-smoothing: antialiased; 
    display: var(--fa-display,inline-block); 
    font-style: normal; 
    font-variant: normal; 
    line-height: 1; 
    text-rendering: auto;
} 

.latest-footer .fa-solid { 
    font-family: "Font Awesome 6 Pro"; 
    font-weight: 900;
} 

.latest-footer .fa-envelope:before { 
    content: "\f0e0";
} 

.latest-footer .tp-footer__content ul li a i  { 
    opacity: 0; 
    visibility: hidden; 
    transition: 0.3s;
} 

.latest-footer .fa-add:before, .latest-footer .fa-plus:before { 
    content: "\2b";
} 

.latest-footer .fa-brands { 
    -moz-osx-font-smoothing: grayscale; 
    -webkit-font-smoothing: antialiased; 
    display: var(--fa-display,inline-block); 
    font-style: normal; 
    font-variant: normal; 
    line-height: 1; 
    text-rendering: auto;
} 

.latest-footer .fa-brands { 
    font-family: "Font Awesome 6 Brands"; 
    font-weight: 400;
    font-size: 30px;
} 

.latest-footer .fa-facebook-f:before { 
    content: "\f39e";
} 

.latest-footer .fa-instagram:before { 
    content: "\f16d";
} 

.latest-footer .fa-linkedin-in:before { 
    content: "\f0e1";
} 

.latest-footer .fa-youtube:before { 
    content: "\f167";
} 

.latest-footer .tp-footer__fw-insta ul li a i  { 
    position: absolute; 
    top: 50%; 
    left: 0; 
    transform: translateY(-50%); 
    text-align: center; 
    opacity: 0; 
    visibility: hidden; 
    transition: 0.7s; 
    line-height: 45%; 
    z-index: 3; 
    right: 0;
} 

.latest-footer .tp-footer__fw-insta ul li a img  { 
    width: 100%; 
    height: auto;
} 


@keyframes slideInLeft { 
  0% {  
      opacity: 0; 
      -webkit-transform: translateX(-2000px); 
      -ms-transform: translateX(-2000px); 
      transform: translateX(-2000px); 
      opacity: 0; 
      transform: translateX(-2000px); 
  }  
  100% {  
      -webkit-transform: translateX(0); 
      -ms-transform: translateX(0); 
      transform: translateX(0); 
      transform: translateX(0px); 
  }  

} 
@keyframes fadeInUp { 
  0% {  
      opacity: 0; 
      -webkit-transform: translateY(20px); 
      -ms-transform: translateY(20px); 
      transform: translateY(20px); 
      opacity: 0; 
      transform: translateY(20px); 
  }  
  100% {  
      opacity: 1; 
      -webkit-transform: translateY(0); 
      -ms-transform: translateY(0); 
      transform: translateY(0); 
      opacity: 1; 
      transform: translateY(0px); 
  }  

} 
/* These were inline style tags. Uses id+class to override almost everything */
#style-oIc4i.style-oIc4i {  
   visibility: visible;  
    animation-name: slideInLeft;  
}  
#style-GzzWm.style-GzzWm {  
   visibility: visible;  
    animation-duration: 0.9s;  
    animation-delay: 0.3s;  
    animation-name: fadeInUp;  
}  
#style-TIioa.style-TIioa {  
   width: 19rem;  
}  
#style-dXo8f.style-dXo8f {  
   color: #a49970;  
}  
#style-74Jtq.style-74Jtq {  
   width: 14rem;  
}  
#style-2wbFK.style-2wbFK {  
   visibility: visible;  
    animation-duration: 0.9s;  
    animation-delay: 0.5s;  
    animation-name: fadeInUp;  
}  
#style-DWE5a.style-DWE5a {  
   visibility: visible;  
    animation-duration: 0.9s;  
    animation-delay: 0.7s;  
    animation-name: fadeInUp;  
}  
#style-WIV3q.style-WIV3q {  
   visibility: visible;  
    animation-duration: 0.9s;  
    animation-delay: 0.9s;  
    animation-name: fadeInUp;  
}  
/* These were inline style tags. Uses id+class to override almost everything */
#style-CRroc.style-CRroc {  
   visibility: visible;  
    animation-name: slideInLeft;  
}  
#style-NBPaN.style-NBPaN {  
   visibility: visible;  
    animation-duration: 0.9s;  
    animation-delay: 0.3s;  
    animation-name: fadeInUp;  
}  
#style-IiVqr.style-IiVqr {  
   width: 19rem;  
}  
#style-gC7oS.style-gC7oS {  
   color: #a49970;  
}  
#style-ZgShn.style-ZgShn {  
   width: 14rem;  
}  
#style-lNKre.style-lNKre {  
   visibility: visible;  
    animation-duration: 0.9s;  
    animation-delay: 0.5s;  
    animation-name: fadeInUp;  
}  
#style-sRIov.style-sRIov {  
   visibility: visible;  
    animation-duration: 0.9s;  
    animation-delay: 0.7s;  
    animation-name: fadeInUp;  
}  
#style-xJBbk.style-xJBbk {  
   visibility: visible;  
    animation-duration: 0.9s;  
    animation-delay: 0.9s;  
    animation-name: fadeInUp;  
}  



/*Footer CSS End*/

/*Gallery CSS*/

.gallery .slider-container {
    display: grid;
    align-items: center;
    width: 100%;
    grid-template-columns: .7fr 1fr;
    gap: 20px;
  }

  .gallery .text-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 20px;
  }

  .gallery .text-side h2 {
    font-size: 3rem;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
  }

  .gallery .text-side p {
    font-size: 35px;
    margin-bottom: 20px;
    line-height: 48px;
  }

  .gallery .navigation {
    display: flex;
    justify-content: center;
    gap: 3rem;
  }

  .gallery .navigation button {
    background-color: #002855;
    border: none;
    color: white;
    font-size: 24px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
  }

  .gallery .image-side {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .gallery .image-side img {
    max-width: 100%;
    max-height: 100%;
    opacity: 1;
    transition: opacity 0.5s ease-in-out; /* Smooth fade effect */
  }
  
  .sub-gallery{
    padding: 25px 0 !important;    
  }
  
  @media (max-width: 768px){
    .gallery .slider-container {
        grid-template-columns: 1fr;
    }
    
    .gallery .text-side p {
        font-size: 25px;
        margin-bottom: 20px;
        line-height: 25px;
    }
  }
  
  
/*Gallery Css End*/



/*Floor plan Css Start*/

.floor-plans {
    width: 100%;
    margin: auto;
    background-color: white;
}

.floor-plans h2 {
    font-size: 28px;
    margin-bottom: 20px;
}

.floor-plans .slider {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.floor-plans .floor-plan-content {
    display: flex;
    /* justify-content: space-between; */
    /* align-items: center; */
    width: 100%;
    gap: 5px;
}

.floor-plans .floor-plan-image img {
    width: 100%;
    height: auto;
}

.floor-plans .floor-plan-details {
    background-color: #232331;
    color: white;
    padding: 20px;
    border-radius: 8px;
    text-align: left;
    flex: 1;
    margin: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px 0;
}

.floor-plans .floor-plan-details h3 {
    font-size: 40px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 600;
}

.floor-plans .floor-plan-details p {
    font-size: 24px;
    margin-bottom: 10px;
    color: #fff;
}

.floor-plans button {
    background-color: #D9D9D9;
    border: none;
    padding: 15px 30px;
    border-radius: 5px;
    font-family: inherit;
    font-size: 20px;
    cursor: pointer;
    font-weight: 600;
}

.floor-plans button:hover {
    background-color: #a1a7ad;
}

.floor-plans .slider-dots {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.floor-plans .dot {
    height: 15px;
    width: 15px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
}

.floor-plans .dot.active {
    background-color: #00274d;
}

.floor-plans .floor-plan-image{
    width: 65%;
}

@media (max-width: 767px){
    .floor-plans .floor-plan-content{
        flex-direction: column;
    }
    
    .floor-plans .floor-plan-image{
        width: 100%;
    }
    
    .floor-plans{
        padding: 20px;
    }
}


/*Floor plan Css End*/

div.park-city-logo img {
    width: 271px;
}