/********** Template CSS **********/



:root {



    --primary: #348E38;



    --secondary: #525368;



    --light: #E8F5E9;



    --dark: #0F4229;



}







.back-to-top {



    position: fixed;



    display: none;



    right: 30px;



    bottom: 30px;



    z-index: 99;



}







h1,



.h1,



h2,



.h2,



.fw-bold {



    font-weight: 700 !important;



}







h3,



.h3,



h4,



.h4,



.fw-medium {



    font-weight: 600 !important;



}







h5,



.h5,



h6,



.h6,



.fw-semi-bold {



    font-weight: 500 !important;



}











/*** Spinner ***/



#spinner {



    opacity: 0;



    visibility: hidden;



    transition: opacity .5s ease-out, visibility 0s linear .5s;



    z-index: 99999;



}







#spinner.show {



    transition: opacity .5s ease-out, visibility 0s linear 0s;



    visibility: visible;



    opacity: 1;



}











/*** Button ***/



.btn {



    transition: .5s;



    font-weight: 500;



}







.btn-primary,



.btn-outline-primary:hover {



    color: var(--light);



}







.btn-square {



    width: 38px;



    height: 38px;



}







.btn-sm-square {



    width: 32px;



    height: 32px;



}







.btn-lg-square {



    width: 48px;



    height: 48px;



}







.btn-square,



.btn-sm-square,



.btn-lg-square {



    padding: 0;



    display: flex;



    align-items: center;



    justify-content: center;



    font-weight: normal;



}











/*** Navbar ***/



.navbar.sticky-top {



    top: -100px;



    transition: .5s;



}







.navbar .navbar-brand,



.navbar a.btn {



    height: 80px



}







.navbar .navbar-nav .nav-link {



    margin-right: 35px;



    padding: 25px 0;



    color: var(--dark);



    font-size: 18px;



    font-weight: 500;



    outline: none;



}







.navbar .navbar-nav .nav-link:hover,



.navbar .navbar-nav .nav-link.active {



    color: var(--primary);



}







.navbar .dropdown-toggle::after {



    border: none;



    content: "\f107";



    font-family: "Font Awesome 5 Free";



    font-weight: 900;



    vertical-align: middle;



    margin-left: 8px;



}







@media (max-width: 991.98px) {



    .navbar .navbar-nav .nav-link  {



        margin-right: 0;



        padding: 10px 0;



    }







    .navbar .navbar-nav {



        border-top: 1px solid #EEEEEE;



    }



}







@media (min-width: 992px) {



    .navbar .nav-item .dropdown-menu {



        display: block;



        border: none;



        margin-top: 0;



        top: 150%;



        opacity: 0;



        visibility: hidden;



        transition: .5s;



    }







    .navbar .nav-item:hover .dropdown-menu {



        top: 100%;



        visibility: visible;



        transition: .5s;



        opacity: 1;



    }



}











/*** Header ***/



.carousel-caption {



    top: 0;



    left: 0;



    right: 0;



    bottom: 0;



    display: flex;



    align-items: center;



    justify-content: center;



    text-align: center;



    background: rgba(15, 66, 41, .6);



    z-index: 1;



}







.carousel-control-prev,



.carousel-control-next {



    width: 15%;



}







.carousel-control-prev-icon,



.carousel-control-next-icon {



    width: 3rem;



    height: 3rem;



    border-radius: 3rem;



    background-color: #51cdda;



    border: 10px solid #51cdda;



}







@media (max-width: 768px) {



    #header-carousel .carousel-item {



        position: relative;



        min-height: 450px;



    }



    



    #header-carousel .carousel-item img {



        position: absolute;



        width: 100%;



        height: 100%;



        object-fit: cover;



    }



}







.page-header {



    background: linear-gradient(rgba(15, 66, 41, .6), rgba(15, 66, 41, .6)), url(../img/carousel-1.jpg) center center no-repeat;



    background-size: cover;



}







.page-header .breadcrumb-item+.breadcrumb-item::before {



    color: var(--light);



}







.page-header .breadcrumb-item,



.page-header .breadcrumb-item a {



    font-size: 18px;



    color: var(--light);



}











/*** Top Feature ***/



@media (min-width: 991.98px) {



    .top-feature {



        position: relative;



        margin-top: -80px;



        z-index: 1;



    }



}











/*** Facts & Quote ***/



.facts,



.quote {



    background: rgba(15, 66, 41, .6);



}











/*** Service ***/



.service-item {



    position: relative;



    text-align: center;



}







.service-item .service-img {



    position: absolute;



    width: 100%;



    height: 100%;



    top: 0;



    left: 0;



    overflow: hidden;



    z-index: -1;



}







.service-item .service-img img {



    position: absolute;



    width: 100%;



    height: 100%;



    left: 0;



    object-fit: cover;



    transform: scale(1.2);



    transition: .3s;



    z-index: -1;



}







.service-item:hover .service-img img {



    transform: scale(1);



}







.service-item .service-text {



    background: #FFFFFF;



    box-shadow: 0 0 45px rgba(0, 0, 0, .08);



    transition: .3s;



    border: 3px solid #51cdda



}







.service-item:hover .service-text {



    background: rgba(33, 109, 109, 0.6);



}







.service-item .service-text h4,



.service-item .service-text p {



    transition: .3;



}







.service-item:hover .service-text h4 {



    color: #FFFFFF;



}







.service-item:hover .service-text p {



    color: var(--light);



}







.service-item .service-text .btn-square {



    width: 100px;



    height: 100px;



    background: transparent;



    transition: .5s;



}







.service-item:hover .service-text .btn-square {



    background: var(--light);



}







.service-item .service-text .btn {



    width: 31px;



    height: 31px;



    display: inline-flex;



    align-items: center;



    color: #51cdda;



    background: #b7e6ec;



    white-space: nowrap;



    overflow: hidden;



    transition: .3s;



}







.service-item:hover .service-text .btn {



    width: 112px;



}











/*** Project Portfolio ***/



#portfolio-flters {



    display: inline-block;



    background: var(--light);



    padding: 10px 15px;



}







#portfolio-flters li {



    display: inline-block;



    font-weight: 500;



    color: var(--primary);



    cursor: pointer;



    transition: .5s;



    border-bottom: 2px solid transparent;



}







#portfolio-flters li:hover,



#portfolio-flters li.active {



    color: var(--dark);



    border-color: var(--dark);



}







.portfolio-inner {



    position: relative;



    overflow: hidden;



}







.portfolio-inner::before,



.portfolio-inner::after {



    position: absolute;



    content: "";



    width: 0;



    height: 100%;



    top: 0;



    left: 0;



    background: rgba(15, 66, 41, .6);



    transition: .5s;



}







.portfolio-inner::after {



    left: auto;



    right: 0;



}







.portfolio-inner:hover::before,



.portfolio-inner:hover::after {



    width: 50%;



}







.portfolio-inner .portfolio-text {



    position: absolute;



    width: 100%;



    height: 100%;



    top: 0;



    left: 0;



    display: flex;



    flex-direction: column;



    align-items: center;



    justify-content: center;



    transition: .5s;



    z-index: 3;



    opacity: 0;



}







.portfolio-inner:hover .portfolio-text {



    transition-delay: .3s;



    opacity: 1;



}







.portfolio-inner .portfolio-text .btn {



    background: var(--light);



    color: var(--primary);



}







.portfolio-inner .portfolio-text .btn:hover {



    background: var(--primary);



    color: var(--light);



}











/*** Team ***/



.team-item {



    position: relative;



    overflow: hidden;



}







.team-item .team-text {



    position: absolute;



    width: calc(100% - 45px);



    left: -100%;



    bottom: 45px;



    padding: 1.5rem;



    background: #FFFFFF;



    border-radius: 0 4px 4px 0;



    opacity: 0;



    transition: .5s;



}







.team-item:hover .team-text {



    left: 0;



    opacity: 1;



}







.team-item .team-social .btn {



    background: var(--light);



    color: var(--primary);



}







.team-item .team-social .btn:hover {



    background: var(--primary);



    color: var(--light);



}







.team-item .team-img .team-social {



    position: absolute;



    width: 100%;



    height: 100%;



    top: 0;



    left: 0;



    display: flex;



    align-items: center;



    justify-content: center;



    transition: .5s;



    z-index: 3;



    opacity: 0;



}







.team-item:hover .team-img .team-social {



    transition-delay: .3s;



    opacity: 1;



}











/*** Testimonial ***/







.testimonial-carousel .owl-item img {



    width: 100px;



    height: 100px;



}







.testimonial-carousel .owl-nav {



    margin-top: 30px;



    display: flex;



}







.testimonial-carousel .owl-nav .owl-prev,



.testimonial-carousel .owl-nav .owl-next {



    margin-right: 15px;



    width: 45px;



    height: 45px;



    display: flex;



    align-items: center;



    justify-content: center;



    color: var(--primary);



    background: var(--light);



    border-radius: 4px;



    font-size: 22px;



    transition: .5s;



}







.testimonial-carousel .owl-nav .owl-prev:hover,



.testimonial-carousel .owl-nav .owl-next:hover {



    background: var(--primary);



    color: var(--light);



}











/*** Footer ***/



.footer .btn.btn-link {



    display: block;



    margin-bottom: 5px;



    padding: 0;



    text-align: left;



    color: var(--light);



    font-weight: normal;



    text-transform: capitalize;



    transition: .3s;



}







.footer .btn.btn-link::before {



    position: relative;



    content: "\f105";



    font-family: "Font Awesome 5 Free";



    font-weight: 900;



    margin-right: 10px;



}







.footer .btn.btn-link:hover {



    color: var(--primary);



    letter-spacing: 1px;



    box-shadow: none;



}







.copyright {



    color: var(--light);



    background: #072A19;



}







.copyright a {



    color: #FFFFFF;



}







.copyright a:hover {



    color: var(--primary);



}















:root {



    --primary-color: #348e38; /* Define primary color */



  }







  .btn-default {



      position: relative;



      z-index: 1;



      overflow: hidden;



      color: white;



      background-color: #51cdda;



      border: none;



      padding: 10px 20px;



      font-size: 16px;



      border-radius: 5px;



      transition: color 0.8s; /* Slower color change */



  }







  .btn-default:before {



      content: '';



      position: absolute;



      width: 0;



      height: 104%;



      top: 50%;



      left: 50%;



      background: #007bff; /* Dark color for the swipe effect */



      opacity: 0;



      z-index: -1;



      transform: translate(-50%, -50%);



      transition: all 0.8s; /* Slower swipe effect */



      border-radius: 5px;



  }







  .btn-default:hover {



      color: #fff;



  }







  .btn-default:hover:before {



      width: 120%; /* Expand to cover */



      opacity: 1; /* Make it visible */



  }







  .property-card img {



    height: 200px;



    object-fit: cover;



    border-top-left-radius: 0.5rem;



    border-top-right-radius: 0.5rem;



  }







  .property-card .badge {



    position: absolute;



    top: 10px;



    left: 10px;



    background-color: #348E38;



    color: white;



    font-size: 0.75rem;



    padding: 5px 10px;



    border-radius: 12px;



  }







  .carousel-indicators {



    position: static;



    margin-top: 15px;



  }







  .carousel-indicators [data-bs-target] {



    width: 12px;



    height: 12px;



    border-radius: 50%;



    background-color: #348E38;



  }







  .carousel-indicators .active {



    background-color: #0F4229;



  }







  .divider {



    border-top: 1px solid #ccc;



    margin: 1rem 0;



  }



  .footer {



    background-color: #000; /* Dark background */



    color: #fff;



}







.footer .btn-square {



    width: 40px;



    height: 40px;



    font-size: 16px;



    display: inline-flex;



    align-items: center;



    justify-content: center;



}







.footer .form-control {



    width: 100%;



    background-color: #fff;



    color: #000;



    border: none;



    border-radius: 4px;



    padding: 10px 15px;



    font-size: 16px;



    margin-bottom: 15px;



    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);



    outline: none;



}







.footer .form-control::placeholder {



    color: #ccc;



}







.footer .form-control:focus {



    box-shadow: 0 0 6px rgba(0, 136, 204, 0.5);



}







.footer .btn-submit {



    width: 100%;



    background-color: #51cdda; /* Matching blue color */



    color: #fff;



    border: none;



    border-radius: 4px;



    padding: 12px;



    font-size: 16px;



    font-weight: bold;



    cursor: pointer;



    text-transform: uppercase;



    transition: background-color 0.3s;



}







.footer .btn-submit:hover {



    background-color: #0097a7;



}







.footer .btn-submit:active {



    transform: scale(0.98);



}



.rera-details {







    background-color: #51cdda  ;







    padding: 20px;







    display: flex;







    align-items: center;







    justify-content: space-between;







    /* border-radius: 10px; */







}







.rera-details img {







    max-width: 100px;







}







.rera-text {







    /* max-width: 60%; */







}







.fund-logo img {







    max-width: 120px;







}







.rerasec{







    margin-top: 0rem !important;







}   



/* Footer Styles */



.footer-custom {



    background-color: #f7f7f7;



    padding: 40px 20px;



    font-family: Arial, sans-serif;



    color: #333;



}







.footsec {



    font-size: 28px;



    font-weight: bold;



    color: #2b1608;



    margin-bottom: 15px;



}







.foopar {



    font-size: 16px;



    color: #2b1608;



    line-height: 1.6;



    margin: 10px 0;



}







.foopar i {



    font-size: 18px;



    color: #2b1608;



    margin-right: 10px;



}







.social-media-icons {



    margin-top: 10px;



    font-size: 18px;



}







.social-media-icons a {



    color: #2b1608;



    margin-right: 15px;



    transition: color 0.3s ease;



}







.social-media-icons a:hover {



    color: #007bff;



}







.disclaimer-section {



    margin-top: 30px;



    font-size: 14px;



    color: #777;



    line-height: 1.6;



}







.footer-heading {



    font-size: 20px;



    color: #2b1608;



    font-weight: bold;



    margin-bottom: 15px;



}







.fistpara {



    font-size: 16px;



    color: #333;



    line-height: 1.6;



}







.fistpara a {



    text-decoration: none;



    color: #2b1608;



}







.fistpara a:hover {



    color: #007bff;



}



.footmatch{



    padding-top: 0px !important;



}



.rera-details img {



    max-width: 100px;



}



.headname{



    color: #fff !important;



}



.paragra{



    color: white;



}



.logoimg {



    max-width: 100px !important;



    height: auto;



}







.bg-dark {



    background-color: #000 !important;



}



.custom-bg-black {



    background-color: black !important;



}



.btn-primary {



    /* color: #000; */



    background-color: #51cdda !important;



    border-color: #51cdda !important;



}

.card {

    background-color: white;

    border-radius: 10px;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

    text-align: center;

    padding: 20px;

    transition: transform 0.3s ease;

    height: 100%;

}



.card:hover {

    transform: translateY(-5px);

}



.card i {

    font-size: 40px;

    color: #6BD1E9;

    margin-bottom: 10px;

}



.card p {

    font-size: 16px;

    color: #333;

    margin: 0;

}



.whatsapp-icon {

    position: fixed;

    bottom: 20px;

    right: 20px;

    background-color: #25D366;

    color: white;

    font-size: 30px;

    width: 60px;

    height: 60px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

    text-decoration: none;

}



.whatsapp-icon:hover {

    background-color: #1EBE57;

}



@keyframes fadeInUp {

    from {

        opacity: 0;

        transform: translateY(20px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.row-cols-1 > .col, .row-cols-sm-2 > .col, .row-cols-md-4 > .col {

    display: flex;

    flex-direction: column;

}

.btn-primary {

    background-color: #6BD1E9;

    border: none;

    transition: all 0.3s ease;

}



.btn-primary:hover {

    background-color: #58bdd2;

}



.modal-header {

    border-bottom: none;

}



.modal-footer {

    border-top: none;

}



.modal-title {

    font-size: 1.5rem;

    font-weight: bold;

}



.btn-submit {

    background-color: #6BD1E9;

    border: none;

    width: 100%;

    padding: 10px;

    color: #fff;

    font-weight: bold;

    transition: all 0.3s ease;

}



.btn-submit:hover {

    background-color: #58bdd2;

}



/* Style the horizontal line */

hr {

    border: 0;

    border-top: 2px solid #6BD1E9;

    margin: 10px 0;

}



/* Bold and black color for form labels */

.form-label {

    font-weight: bold;

    color: #000;

}

 /* Vertical line style */

 .vertical-line {

    position: absolute;

    left: 0px; /* Adjust position of the line */

    top: 0;

    height: 110px;

    width: 5px; /* Line width */

    background-color: #51cdda; /* Line color */

    border-radius: 2px; /* Optional: add rounded edges to the line */

}



/* Optional styling for button */

.btn-default {

    font-weight: bold;

}

 /* Center align button in the column */

 .text-center {

    text-align: center;

}



/* Button styling */

.btn-new-style {

    font-weight: bold; /* Make the text bold */

    width: 100%; /* Increase button width to 100% */

    padding: 12px; /* Optional: increase padding for a larger button */

    font-size: 1.2rem; /* Optional: increase font size */

    text-transform: uppercase; /* Optional: make the text uppercase */

    background-color: #51cdda; /* Blue background color */

    border: none; /* Remove border */

    color: white; /* White text color */

    transition: background-color 0.3s ease; /* Smooth transition for hover effect */

}



/* Hover effect */

.btn-new-style:hover {

    background-color: #007bff; /* Darker blue on hover */

}



.disclaimer-text {

    font-size: 0.75rem; /* Smaller text size */

    color: #555;

    line-height: 1.6;

    margin-top: 20px;

    padding-left: 20px; /* Left padding */

    padding-right: 20px; /* Right padding */

    padding-bottom: 5px; /* Bottom padding */

}



.disclaimer-text strong {

    font-weight: bold;

    color: black; /* Set color to black */

}

.container-xxl.py-5.custom-sec {

    background-color: aliceblue;

}



.custom-sec {

    background-color: aliceblue; /* Light gray background */

    padding-top: 1px;

    padding-bottom: 50px;

}
.rate {
    color: red;
    font-weight: bold;
}

/* Responsive Design */



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



    .footer-custom {



        padding: 30px 15px;



    }







    .social-media-icons a {



        font-size: 20px;



    }







    .foopar {



        font-size: 14px;



    }







    .footer-heading {



        font-size: 18px;



    }



}