* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



@font-face {

    font-family: 'TimeCustomaaaa';

    src: url('/public/images/fonts_time/times.ttf') format('truetype');

    font-style: normal;

}

@font-face {

    font-family: 'Constantia';

    src: url('/public/images/fonts_time/Constantia_Regular/Constantia Regular.ttf') format('truetype');

    font-weight: 400;

    font-style: normal;

}



.featured-section,

.hero-bg,

.Property_list,

.services-section,

.cta-section,

.Property_list {

    width: 100%;

    float: left;

    padding: 190px 0;

}

/* */



.btn {

    font-weight: 600;

}



body {

    font-family: "Barlow", sans-serif !important;

    font-weight: 500;

    font-style: normal;

}



/* h1, */

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Merriweather', serif !important;

    font-weight: 400;

}

.navbar-brand {

    font-size: 1.5rem;

    font-weight: bold;

}



.navbar-brand span {

    color: #dc3545;

}



a.nav-link {

    font-size: 15px;

    padding: 0px 23px !important;

    color: #1a1b19 !important;

}



.List_Property_btn {

    color: #ed1b24;

}


.dropdown-item.active,
.dropdown-item:active{
    color: #ed1b24 !important;
    background-color: transparent !important;
}
.dropdown-menu > .nav-item > .dropdown-item.nav-link{
    padding-left: 20px !important;
}

.btn-custom {

    background-color: #ed1b24;

    border-color: #ed1b24;

    padding: 12px 20px;

}

.right_nav .btn-custom {

    padding: 8px 13px;

}



.btn-custom:hover {

    background-color: #c82333;

    border-color: #bd2130;

}



.navbar-nav-centered {

    flex: 1;

    justify-content: center;

}



.hero-bg {

    background-image: url(https://truststone.in/public/images/webpage_images/banner_home.jpg);

    background-size: auto;

    background-position: center;

    background-repeat: no-repeat;

    height: 563px;

    display: flex;

    align-items: center;

    background-position: 51% 52%;

}



.hero-text h1 {

    font-size: 64px;

    line-height: 1.2;

    font-family: 'Merriweather', serif;

    font-weight: 600;

}



.hero_pera {

    font-size: 20px;

    width: 76%;

    color: #000000;

}



.hero_btn {

    background-color: #ed1b24;

    border-color: #ed1b24;

    padding: 12px 20px;

}



.hero_btn:hover {

    background-color: #c82333;

    border-color: #bd2130;

}



.btn-check:checked+.btn,

.btn.active,

.btn.show,

.btn:first-child:active,

:not(.btn-check)+.btn:active {

    color: initial !important;

    background-color: initial !important;

    border-color: initial !important;

}













.featured-section {

    background-color: #E4E9EF;

    padding: 15px 0 0px;

}



.featured-section .logos {

    height: 85px;

}



.featured-section p {

    font-size: 15px;

    color: rgb(0, 0, 0);

    margin-bottom: 0;

}



.featured-section .logos img {

    width: 200px;

    margin: 0 10px;

    filter: grayscale(100%);

    /* opacity: 0.7; */

}









.list_heading {

    font-size: 55px;

   /*  font-weight: 400; */

    line-height: 1.2;

    font-family: 'Merriweather', serif;

    width: 80%;

    text-align: center;

    margin: 0px auto 20px;

}
.list_heading .tag-title{
    font-size: 38px;
    color: #ed1b24;
    display: block;
}


.list_pera {

    font-size: 20px;

    /* width: 60%; */

    margin: 0 auto 65px;

    color: #444444;

    text-align: center;

}





.hero_property .list_pera {

    margin: 0 auto 35px !important;

}

.hero_property .list_heading {

    margin: 0px auto 10px !important;

}



.Property_list {

    padding: 80px 0 100px;

}



.Property_list.blog_listing,

.Property_list.category_listing,

.Property_list.single_B_listing {

    padding: 80px 0 0px;

}

.Property_list.single_B_listing {

    padding: 60px 0 0px;

}



.card {

    border: none;

    padding-bottom: 20px;

    border-radius: 0px !important;

    --bs-border-radius: 0;

}



.card-title {

    font-size: 25px;

    font-family: 'Constantia';

    font-weight: 400;

    margin-bottom: 3px;

}



.card-text {

    font-size: 18px;

    font-weight: 400;

}



.ns_btn {

    font-size: 15px !important;

    padding: 18px 20px;

    border-radius: 3px !important;

}



.card-img-top {

    /* height: 200px; */

    /*  height:100%; */

    object-fit: cover;

}





.btn-custom {

    background-color: #ed1b24;

    border-color: #ed1b24;

}



.btn-custom:hover {

    background-color: #c82333;

    border-color: #bd2130;

}



.btn-secondary-custom {

    background-color: #6c757d;

    border-color: #6c757d;

}



.btn-secondary-custom:hover {

    background-color: #5a6268;

    border-color: #545b62;

}



.load_more_btn .btn-custom {

    background-color: #ed1b24;

    border-color: #ed1b24;

    color: #ffffff !important;

}

.load_more_btn .btn-custom:hover .load_more_btn .btn-custom:focus,

.load_more_btn .btn-custom:focus-visible,

.load_more_btn .btn-custom:active,

.load_more_btn .btn-custom:hover {

    background-color: #c82333;

    border-color: #bd2130;

}

/* .property-type {

    color: #ed1b24;

    font-size: 19px !important;

    font-weight: bold;

} */



.card-body {

    text-align: left;

    padding: 22px 0;

}





.services-section {

    background-color: #1a1a1a;

    color: white;

    padding: 100px 0;

}



.services-section .list_heading {

    font-size: 55px;

    font-weight: 400;

    line-height: 1.2;

    font-family: 'Merriweather', serif;

    width: 80%;

    text-align: center;

    margin: 0px auto 12px;

}



/*  .services-section .list_heading {

    font-size: 66px;

    font-weight: 500;

    line-height: 1.2;

    font-family: 'Merriweather', serif;

    width: 80%;

    text-align: center;

    margin: 0px auto 20px;

} */

.service-item {

    text-align: left;

}



.service-item h3 {

    font-size: 37px;

    font-weight: bold;

    font-family: 'Merriweather', serif;

    font-weight: 500;

    line-height: 1;

}



.service-item p {

    color: #adb5bd;

    font-size: 20px;

    width: 87%;

    font-weight: 400;

    margin: 25px 0;

}



.service-item a {

    color: #ed1b24;

    text-decoration: none;

    font-weight: 600;

}



.service-item a:hover {

    text-decoration: underline;

}



.cta-section {

    /*   background-image: url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1350&q=80');

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat; */

    background: #000000;

    position: relative;

    /*   height: 200px; */

    display: flex;

    align-items: center;

    padding: 0;

}



/* .cta-section::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

} */

.cta-section .container {

    position: relative;

    z-index: 1;

}



.cta-section h2 {

    font-size: 44px;

    font-weight: 500;

    line-height: 1.2;

    font-family: 'Merriweather', serif;

}



.cta-section p {

    font-size: 44px;

    font-weight: 500;

    line-height: 1.2;

}



.cta-section p span.Call_us {

    font-size: 21px;

    color: #ed1b24;

}



.images_bg_box {

    background-color: red;

    background-image: linear-gradient(red, #000000);

    transform: skewX(-20deg);

    padding: 0 10px;

    height: 234px;

    overflow: hidden;

    margin-left: 30px;

    position: relative;

}



.images_child_box {

    height: 234px;

    position: relative;

    z-index: 99999;

    overflow: hidden;

}



.images_child_box:before {

    content: '';

    height: 300px;

    background: url(/public/images/webpage_images/flats_img.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    transform: skewX(20deg);

    position: absolute;

    left: -47px;

    top: 0;

    z-index: 999998888;

    width: 128%;

    z-index: -7;

}



.insights-section {

    width: 100%;

    padding: 60px 0 60px;

    background-color: #ffffff;

    display: flow-root;

}

.insights-section h1 {

    font-size: 55px;

    font-weight: 500;

    line-height: 1.2;

    font-family: 'Merriweather', serif;

    width: 80%;

    text-align: center;

    margin: 0px auto 20px;

}

.insights-section .title_pera {

    font-size: 20px;

    width: 60%;

    margin: 0 auto 60px;

    color: #444444ba;

    text-align: center;

}

.card-img-top {

    /*  height: 200px; */

    /*  height:100%; */

    object-fit: cover;

    border-radius: 8px;

}

.property-type,

.property-type a {

    color: #ed1b24;

    font-size: 14px !important;

    font-weight: bold;

    text-decoration: none;

    transition: 0.3s;

    letter-spacing: 1px;

    text-transform: uppercase;

}

.property-type a:hover {

    text-decoration: underline;

}

.Property_list.properties_page .card-title a {

    color: #212529;

    text-decoration: none;

}

.Property_list.properties_page .card-title a:hover {

    color: #ed1b24;

}

.Property_list.flats_for_sale .card-title a,

.Property_list .card-title a {

    color: #212529;

    text-decoration: none;

}

.Property_list.flats_for_sale .card-title a:hover,

.Property_list .card-title a:hover {

    color: #ed1b24;

}

.footer {

    width: 100%;

    float: left;

    display: flow-root;

    padding-top: 0px;

    position: relative;

}

.footer_content {

    background-color: #1B1B19;

    color: white;

    padding: 100px 0 90px;

}



.footer h1 {

    font-family: "Barlow", sans-serif !important;

    font-size: 247px;

    font-weight: bold;

    line-height: 1;

    margin-bottom: -27px;

    /* opacity: 0.8; */

    /*  position: absolute;

    top: -219px;

    left: 0;

    right: 0; */

    text-align: center;

    color: #1B1B19;

}



.footer .content {

    position: relative;

    z-index: 1;

}



.footer p {

    color: #bfbfbf;

    font-size: 18px;

    width: 87%;

    font-weight: 400;

    margin: 25px 0;

}

/* ============= */



.headder_bar {

    background: #000;

    padding: 0px 0 50px;

    width: 100%;

    float: left;

}



p.titel_bar {

    width: 100%;

    background: #e3e8ee;

    text-align: center;

    padding: 10px;

    margin-bottom: 60px;

    color: gray;

    font-size: 13px;

}

p.titel_bar a {

    color: #ed1b24;

}



.headder_bar h1 {

    font-size: 55px;

    line-height: 1.2;

    font-family: 'Merriweather', serif;

    font-weight: Regular;

    text-align: center;

    color: #ffffff;

}



h2 {

    font-size: 35px;

    line-height: 1.2;

    font-family: 'Merriweather', serif;

    font-weight: Regular;

}





.single_B_listing h3 {

    color: #ed1b24;

    margin-top: 20px;

}  

.single_B_listing h2 {

    font-size: 40px;

    margin-top: 50px;

}

.Property_list.single_B_listing.single_blog_se img {

    width: 100% !important;

    margin-bottom: 30px;

}



.titel_pera {

    color: #ed1b24;

    /*  color: #0fac11; */

    font-size: 16px;

    text-align: center;

    margin: 0;

    letter-spacing: 1px;

}

.Property_list.single_B_listing .card {

    --bs-border-radius: 10px;

}

.card-body p .Read_more {

    border: 0px !important;

    padding: 0;

    font-size: 20px;

    margin-top: -18px !important;

    color: #6c757d !important;

}

.card-body p .Read_more:hover {

    color: #ed1b24 !important;

}



.blog_listing .card-title a {

    font-size: 21px !important;

    /*  font-family: 'Constantia'; */

    font-weight: 400;

    color: #000000;

    text-decoration: none;

    transition: 0.3s;

}

.blog_listing .card-title a:hover {

    color: #ed1b24 !important;

}



.insights-section.Inspiring_properties.blog .card-title a {

    font-size: 21px !important;

    /*  font-family: 'Constantia'; */

    font-weight: 400;

    color: #000000;

    text-decoration: none;

    transition: 0.3s;

}

.insights-section.Inspiring_properties.blog .card-title a:hover {

    color: #ed1b24 !important;

}

.insights-section.blog .card-title a {

    font-size: 21px !important;

    /*  font-family: 'Constantia'; */

    font-weight: 400;

    color: #000000;

    text-decoration: none;

    transition: 0.3s;

}

.insights-section.blog .card-title a:hover {

    color: #ed1b24 !important;

}



/* properties page  */



.Property_list.properties_page {

    padding-bottom: 70px;

}

.Property_list.properties_page .list_heading {

    width: 100% !important;

}

.insights-section.About_properties {

    padding-top: 100px;

    padding-bottom: 50px;

}

.insights-section.Inspiring_properties {

    padding-top: 30px;

}

.insights-section.Inspiring_properties.blog.in_single {

    padding-top: 60px;
    padding-bottom: 30px;

}

.Inspiring_properties .card-title {

    width: 80%;

}

.insights-section h2 {

    font-size: 40px;

    text-align: left;

}



.About_properties p,

.About_properties ul li,

.accordion-collapse .accordion-body {

    font-size: 18px;

    color: #222222;

}



button.accordion-button {

    font-size: 21px;

}



/* === */





.accordion-item:first-of-type {

    border-top: 1.5px solid #dee2e6 !important;

}

.accordion-item {

    border: 0px solid #dee2e6 !important;

    border-radius: 0.25rem;

    margin-bottom: 0.1rem;

    border-bottom: 1.5px solid #dee2e6 !important;

}

.accordion .accordion-header {

    background-color: #ffffff !important;

    padding: 0rem 0 !important;

    cursor: pointer;

}
.accordion-button{
    padding: 0.99rem 0 !important;
}
.accordion .accordion-header {

    box-shadow: none !important;

}

.accordion-header:hover,
.accordion-header {

    background-color: #ffffff !important;

}



.accordion-button {

    /*  font-family: 'Constantia'; */

    font-family: 'Merriweather', serif;

    font-weight: 500;

    font-size: 25px;

    color: #000000;

    text-decoration: none;

    background-color: transparent;

    border: none;

    width: 100%;

    text-align: left;

    padding: 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    transition: 0.3s ease;

    background-color: #ffffff !important;

}

.accordion-button:focus {

    outline: none;

    box-shadow: none;

}

.accordion-button::after {

    content: '+';

    font-size: 1.5rem;

    transition: transform 0.3s ease, color 0.3s ease;

    display: none;

}

.accordion-button:hover::after {

    color: #ffffff !important;

}

.accordion-button:active::after {

    color: #ffffff !important;

}

.accordion-collapse {

    background-color: #ffffff !important;

}

.accordion-body {

    padding: 1rem 1.25rem 1rem 0;

    font-family: 'Barlow', sans-serif;

    font-weight: 400;

    color: #6c757d;

    background-color: #ffffff !important;

}

.accordion-button i,

.accordion-button span.icon {

    margin-right: 0.5rem;

    transition: color 0.3s ease;

    background-color: #ffffff !important;

}

.accordion-button:hover i,

.accordion-button:hover span.icon {



    background-color: #ffffff !important;

}

.accordion-button:active i,

.accordion-button:active span.icon {

    color: #ffffff;

    background-color: #ffffff !important;

}

.accordion-button:not(.collapsed) {

    color: #000000;

    box-shadow: none !important;

}



/* -----Find Properties section ----- */

.Property_list.flats_for_sale {

    padding-bottom: 100px;

}

.Property_list.flats_for_sale .list_heading {

    width: 100%;

}

.Find_properties {

    width: 100%;

    float: left;

    padding: 100px 0 90px;

    text-align: center;

    border-top: 1px solid #e3e3e3;

}



.Find_properties h1 {

    font-size: 55px;

    color: #333;

    margin-bottom: 20px;

    font-weight: 400;

    font-family: 'Merriweather', serif;

}

.Property_list.flats_for_sale .radius_radius {

    border-radius: 8px;

}

.Find_properties .property-cards {

    display: flex;

    justify-content: center;

    gap: 20px;

    flex-wrap: wrap;

}



.Find_properties .property-card {

    background: #fff;

    border: 1px solid #ddd;

    border-radius: 10px;

    /*  width: 200px; */

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

    overflow: hidden;

}



.Find_properties .property-card img {

    width: 100%;

    height: 150px;

    object-fit: cover;

}



.Find_properties .property-card h2 {

    font-size: 1.2em;

    color: #fff;

    background: #000;

    padding: 10px;

    margin: 0;

    text-align: center;

}



.Find_properties .property-card ul {

    list-style: none;

    padding: 20px 10px;

    margin: 0;

    text-align: left;

}



.Find_properties .property-card ul li a {

    display: block;

    font-size: 15px;

    color: #333;

    margin: 5px 0;

    font-family: "Barlow", sans-serif !important;

    font-weight: 500;

    text-decoration: none;

    transition: color 0.3s ease;

}

.Find_properties .property-card ul li a:hover {

    color: #ed1b24;

    text-decoration: underline;

}









/* ================== */



.property-card {

    /*  width: 300px;

    border: 1px solid #ddd;

    border-radius: 10px;

    overflow: hidden;

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

    font-family: Arial, sans-serif;

    margin: 20px auto;

    position: relative; */

    position: relative;

    display: flow-root;

}

.property-card .card-body {

    /*  height: 150px; */

    background: #ffffff;

    position: relative;

    z-index: 1;

}

.property-card .card_img {

    position: relative;

}





/* .property-card img {

    width: 100%;

    height: 200px;

    object-fit: cover;

}

 */

/* .property-info {

    padding: 15px;

    text-align: center;

}

 */

.property-info .bhk {

    font-size: 15px;

    color: #333333;

    font-family: "Barlow", sans-serif !important;

    font-weight: bold;

}



.property-info .price {

    font-size: 15px;

    color: #333333;

    font-family: "Barlow", sans-serif !important;

    font-weight: bold;

}

.property-info {

    position: absolute;

    left: 15px;

    bottom: 5px;

}

.property-info p {

    background: #fff;

    padding: 5px 8px;

    border-radius: 3px;

    display: table;

    margin-bottom: 8px !important;

}

/* .property-info .price {

    background: #f0f0f0;

    padding: 5px 10px;

    border-radius: 5px;

    display: inline-block;

    margin-bottom: 10px;

} */



/* .property-info h2 {

    color: #d32f2f;

    font-size: 1.5em;

    margin: 10px 0;

} */



/* .property-info p {

    color: #666;

    margin: 5px 0;

} */



/* .hover-buttons {

    display: none;

    position: absolute;

    bottom: 15px;

    left: 50%;

    transform: translateX(-50%);

    gap: 10px;

}

 */



/* .btn {

    padding: 10px 20px;

    border: none;

    border-radius: 5px;

    cursor: pointer;

} */





/* ======== */



.hover-buttons {

    column-count: 2 !important;

    column-gap: 20px;

    display: grid !important;

    grid-template-columns: 50% 1fr;

    transform: translate(0px, -110%);

    position: relative;

    left: 0;

    z-index: 0;

    transition: transform 0.3s ease;

}

.hover-buttons a {

    padding: 7px 20px;

    border-radius: 5px;

    /*  color: #fff; */

    transition: 0.3s ease;

}

.hover-buttons .btn-contact {

    background: #d32f2f;

    color: white !important;

}

.hover-buttons .btn-readmore {

    background: #ccc;

    color: black !important;

}



.property-card .hover-buttons .btn-contact:hover {

    color: #d32f2f !important;

    border: 1px solid #d32f2f;

    background: #ffffff !important;

}

.property-card .hover-buttons .btn-readmore:hover {

    color: #000000 !important;

    border: 1px solid #000000;

    background: #ffffff !important;

}



.property-card:hover .hover-buttons {

    transform: translate(0px, -0px) !important;

}

.card.property-card:hover .hover-buttons {

    transform: translate(0px, -0px) !important;

}





/* ===== */



.footer_content ul li a {

    color: #bfbfbf;

    text-decoration: none;

    display: block;

    margin-bottom: 8px;

    font-size: 15px;

    font-family: "Barlow", sans-serif !important;

    font-weight: 500;

}

.footer_content ul li a:hover {

    color: white;

}

.footer_content h4 {

    font-size: 16px;

    color: #fff;

    margin-bottom: 25px;

    font-weight: 700;

    font-family: "Barlow", sans-serif !important;

}

.footer_content .address {

    font-size: 15px;

    color: #bfbfbf;

    margin-bottom: 25px;

    font-weight: 500;

}

.footer .footer_bottom {

    width: 100%;

    background: #000000;

    padding: 25px 0;

}

.footer .footer_bottom p {

    color: #bfbfbf;

    font-size: 15px;

    width: 100%;

    font-weight: 400;

    margin: 0 auto;

}



.Property_list.single_B_listing p,

.Property_list.single_B_listing ul li {

    font-size: 18px;

}





/* ====== proparty form === */

.About_Property {

    width: 100%;

    float: left;

    padding: 60px 0;

}



/*  .titel_bar {

    background: #f8f9fa;

    padding: 20px 0;

    text-align: center;

    font-size: 24px;

    font-weight: bold;

    color: #333;

}

*/

.owl-carousel {

    margin-top: 20px;

}



.owl-carousel .item {

    padding: 10px;

}



.owl-carousel .item img {

    /*  border-radius: 10px; */

}



.owl-carousel_1 .item {

    width: 100% !important;

    padding: 0px !important;

    margin: 0px;

}



/*  body {

background: #f8f9fa;

padding: 50px 0;

} */



/*  .container {

max-width: 1200px;

margin: auto;

padding: 0 0px; /* side padding *

}

*/



.About_Property h3,

.carousel-slider-second h3,

.gallery-section h3 {

    font-size: 37px;

    color: #000;

}



.About_Property p,
.About_Property ul li {

    font-size: 18px !important;

}

.About_Property ul li {
    padding-bottom: 10px;
}


/*  .owl-carousel .item {

opacity: 0.4;

transform: scale(0.9);

transition: 0.3s ease;

} */



.owl-carousel .center .item {

    opacity: 1;

    /*  transform: scale(1.3); */

}



.item img {
    width: 100%;
    border-radius: 10px;
    border: solid 1px #ddd;
}



.owl-nav {

    position: absolute;

    top: 50%;

    width: 100%;

    display: flex;

    justify-content: space-between;

}



.owl-nav button {

    background: white;

    border: none;

    border-radius: 50%;

    font-size: 20px;

    padding: 6px 12px;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

}



.owl-item .item {

    width: 100% !important;

}



.item {

    width: 100% !important;

    padding: 0px !important;

    margin: 0px;

}

.owl-carousel .owl-item img {

    /* height: 550px; */

    /*  height:30vw; */

}



.owl-item {

    display: flex;

    justify-content: center;

}



.owl-item .item {

    width: 100%;

}





/* .owl-carousel .item img {

height: 450px;

object-fit: cover;

width: 900px;

}



.owl-carousel .item {

height: 450px; 

width: 900px;

} */



/* ------------ */



/* body {

font-family: 'Inter', sans-serif;

margin: 0;

padding: 0;

background: #fff;

color: #111;

}

*/

.hero_property {

    text-align: center;

    padding: 60px 0px 40px;

    /*  max-width: 900px; */

    margin: auto;

}



.property-title {

    font-family: "Barlow", sans-serif !important;

    font-size: 72px;

    font-weight: 700;

    margin-bottom: 10px;

}



.property-address {

    color: #555;

    font-size: 18px;

    /* margin-bottom: 30px; */

    font-weight: 400;

}



.property-details {

    /*  display: flex;

flex-wrap: wrap;

justify-content: center;

gap: 30px; */

    /* margin-bottom: 30px; */

}



.property_detail_box {

    /*  display: flex; */

    /*  flex-direction: column; */

    /*  align-items: center; */

    /*  border: 1px solid #eee; */

    /*  padding: 15px 20px; */

    /* border-radius: 8px;

width: 140px; */

}



.detail-box span:first-child {

    color: red;

    font-weight: 600;

    font-size: 13px;

    text-transform: uppercase;

    margin-bottom: 4px;

}



.detail-box span:last-child {

    font-size: 15px;

    font-weight: 600;

    color: #111;

}



.pricing {

    font-size: 30px;

    font-weight: 700;

    color: #111;

}



.pricing-label {

    color: #ed1b24;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 1px;

    margin-bottom: 0px;

    text-transform: uppercase;

}



.button-group {

    margin-top: 25px;

}




.button {
    padding: 14px 30px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    margin: 0 3px;
    font-size: 15px;
    cursor: pointer;
    text-decoration: none;
}

.single_property_hero .button {
    padding: 16px 30px;
    font-weight: 600;
    border: none;
    border-radius: 7px;
    margin: 0 3px;
    font-size: 18px;
    cursor: pointer;
    text-decoration: none;
    transition: 0.3s ease;
}

.btn-grey {

    background-color: #828080;
    /* background-color: #ddd; */

    color: #ffffff;

}



.btn-red {

    background-color: #e30000;

    color: white;

}



.btn-grey:hover {

    background-color: #ddddddcb;

    color: #555;

}



.btn-red:hover {

    background-color: #de00009c;

    color: white;

}





/* ================ */



.carousel_slider-frist {

    width: 100%;

    padding: 0px 0;

    float: left;

}



/* Navigation Container */

.owl-nav {

    position: absolute;

    top: 50%;

    width: 100%;

    display: flex;

    justify-content: space-between;

    transform: translateY(-50%);

    pointer-events: none;

}



.owl-nav button.owl-prev,

.owl-nav button.owl-next {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background: #ffffff;

    border: 1px solid #ccc;

    pointer-events: all;

    position: relative;

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

    transition: 0.3s;

}



.owl-nav button.owl-prev,

.owl-nav button.owl-next {

    background: #f1f1f1 !important;

    border-radius: 50%;

    box-shadow: 0px 0px 0px 3px #ffffff63;

    border-radius: 50% !important;

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 0px !important;

}



.owl-nav button.owl-prev {

    margin-left: 12.5% !important;

}



.owl-nav button.owl-next {

    margin-right: 12.5% !important;

}



.owl-nav button.owl-prev:hover,

.owl-nav button.owl-next:hover {

    background: #f1f1f1;

}



/* Hide default span */

.owl-nav button span {

    display: none;

}



/* Arrows with ::before */



.owl-nav button.owl-next::before {

    content: '';

    display: block;

    width: 14px;

    height: 14px;

    border: solid #333;

    border-width: 0 4px 4px 0;

    position: absolute;

    top: 50%;

    left: 50%;

    /* transform: translate(-30%, -50%) rotate(135deg); */

}

.owl-nav button.owl-prev::before {

    content: '';

    display: block;

    width: 14px;

    height: 14px;

    border: solid #333;

    border-width: 4px 0px 0px 4px;

    position: absolute;

    top: 50%;

    left: 50%;

    /* transform: translate(-30%, -50%) rotate(135deg); */

}



.owl-nav button.owl-next::before {

    transform: translate(-70%, -50%) rotate(-45deg);

    /*  transform:translate(-30%, -50%) rotate(-226deg) !important; */

}



.owl-nav button.owl-prev::before {

    transform: translate(-30%, -50%) rotate(-45deg);

}



/* ============ */



.carousel-slider-second {
    width: 100%;
    padding: 60px 0 60px;
    float: left;
    background: #F1F4F9;
    border: solid 1px #ededed;
}



/* --- */

.Project_Overview_top_list {

    /* column-count: 4; */

    list-style: none;

    padding: 0;

    margin-top: 25px;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

}





.Project_Overview_list {

    /*  column-count: 3; */

    list-style: none;

    padding: 0;

    margin-top: 25px;

    display: flex;

    justify-content: left;

    flex-wrap: wrap;

}



.Project_Overview_list li {

    margin-bottom: 15px !important;

}



.project-overview {

    padding: 20px 0px  0px;

    background: #fff;

    font-family: 'Arial', sans-serif;

}



.project-overview h2 {

    font-size: 32px;

    font-weight: bold;

    margin-bottom: 10px;

}



.project-overview p.description {
    font-size: 18px;
    margin-bottom: 0px;
}



/* .cheaked_box {

    width: 45px;

    height: 45px;

    background: #ffffff;

    border-radius: 4px;

    margin-right: 13px;

    border: 1px solid gray;

} */

/* .Project_Overview_top_list */
.cheaked_box {

    width: 45px;

    height: 45px;

    background: #ffffff;

    border-radius: 4px;

    margin-right: 13px;

    border: 0px solid gray;

}

.cheaked_box img {
    width: 100%;
    border-radius: 5px !important;
    border: 1px solid #ddd;
}

.project-logo {

    max-width: 120px;

    border: 1px solid #ddd;

    padding: 10px;

    border-radius: 10px;

}



.info-box {

    /*  border: 1px solid #e1e1e1; */

    /*  padding: 10px 10px; */

    border-radius: 6px;

    text-align: left;

    margin-bottom: 15px;

}



.info-label {
    font-size: 15px;
    font-weight: 600;
    color: #ed1b24;
    text-transform: uppercase;
    margin-bottom: 0px;
    letter-spacing: 1px;
}



.info-value {

    font-size: 19px;

    font-weight: 700;

    color: #333333;

}



/* ================== */



.property-box {

    display: flex;

    align-items: center;

    gap: 12px;

    /* border: 1px solid #eee; */

    border-radius: 8px;

    padding: 10px 15px;

    /*  max-width: 260px; */

    background: #fff;

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

}



.property-icon {

    width: 40px;

    height: 40px;

    border: 1px solid #ddd;

    border-radius: 6px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #e53935;

    font-size: 20px;

}



.property-details {

    line-height: 1.2;

    text-align: left;

}



/* .property-type {

    font-size: 12px;

    color: #e53935;

    font-weight: 700;

    text-transform: uppercase;

} */



.property-value {

    font-size: 15px;

    font-weight: 600;

    color: #333;

}



/* ======== */

.gallery-section {
    width: 100%;
    float: left;
    padding: 60px 0 10px 0;

}



.gallery-container {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 20px;

    /*  max-width: 1200px; */

    margin: auto;
   
}



.gallery-box {

  /*   flex: 1 1 120px; */

    max-width: 300px;
    aspect-ratio: 5 / 3;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: transform 0.3s ease;
    border: solid 1px #ededed;
}



.gallery-box img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}



.gallery-box:hover {

    transform: scale(1.03);

}



.icon-overlay {

    position: absolute;

    top: 50%;

    left: 50%;

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

    font-size: 30px;

    color: white;

    /* background: rgba(0, 0, 0, 0.5); */

    padding: 10px;

    border-radius: 50%;

    opacity: 0;

    transition: opacity 0.3s ease;

    pointer-events: none;

}



.gallery-box:hover .icon-overlay {

    opacity: 1;

}



/* === */

.maps-section {
    width: 100%;
    float: left;
    border-top: solid 1px #ddd;
}



/* ======== */



.checkbox-grid {

    display: flex;

    flex-wrap: wrap;

    gap: 30px;

    justify-content: center;

    /* max-width: 1200px; */

    margin: auto;

}



/* ========== */

.three-column-list {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 15px 250px;

    list-style: none;

    padding: 0;

    margin: 0;

}

/* ============ */

.checkbox-column {

    flex: 1 1 250px;

    /*  Minimum 250px, grow/shrink as needed */

    display: flex;

    flex-direction: column;

    gap: 15px;

    min-width: 220px;

}



.checkbox-item {

    display: flex;

    align-items: center;

    gap: 10px;

    font-size: 16px;

    color: #000;

    flex-direction: row;

    width: 200px;

}



.checkbox-icon {

    width: 20px;

    height: 20px;

    display: inline-block;

    border: 2px solid #999;

    border-radius: 3px;

    position: relative;

    background-color: white;

}



.checkbox-icon.checked {

    background-color: #0c8f4d;

    border-color: #0c8f4d;

}



.checkbox-icon.checked::after {

    content: '✔';

    color: white;

    position: absolute;

    font-size: 14px;

    top: 50%;

    left: 50%;

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

}

/* ====== proparty form === */



/* ======modal proparty listing ====== */

.Property_List_modal .property_list_Form {

    width: 100%;

    float: left;

    padding: 70px 0 90px;

}



.Property_List_modal .modal-content {

    border-radius: 12px;

    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3);

}



.Property_List_modal .modal-body {

    display: flex;

    justify-content: space-between;

    padding: 0px 30px 40px;

    gap: 10px;

}



.Property_List_modal .option-box {

    flex: 1;

    text-align: center;

    padding: 20px;

    border-right: 1px solid #ddd;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.Property_List_modal .option-box .option_img img {

    width: 90px;

    margin: 0px auto;

}



.Property_List_modal .option-box:last-child {

    border-right: none;

}



.Property_List_modal .option-box h5 {

    font-weight: 600;

    margin-bottom: 5px;

}



.Property_List_modal .option-box p {

    font-size: 18px;

    /* color: #666; */

    font-weight: 400;

}



.Property_List_modal .option-box .btn {

    margin-top: 15px;

    padding: 8px 20px;

    font-weight: 800;

    width: 230px;

    margin: 20px auto 0;

}



.Property_List_modal .modal-content {

    border: 12px solid #3f3f3f;

    border-radius: 20px;

}



.Property_List_modal .btn-red {

    background-color: #dc3545;

    color: #fff;

}



.Property_List_modal .btn-red:hover {

    background-color: #c82333;

}



.Property_List_modal .modal-header {

    border-bottom: none;

}



.Property_List_modal .modal-footer {

    border-top: none;

}



.Property_List_modal h5 {

    font-size: 30px;

}



.Property_List_modal p {

    font-size: 18px;

}

.maps-section iframe {

    width: 100%;

}

.project-overview .developer_logo_img {
    border-radius: 8px;
    padding-right: 0px !important;
    border: 1px solid #ddd;
}



/* === about === */

.Property_list.about {

    padding: 0px 0px 30px;

}

.headder_bar.about {

    padding: 0px 0 30px;

}



.Property_list.about p.titel_bar {

    margin-bottom: 40px;

}

.Property_list.about .card-text>h2:last-of-type {

    color: #ed1b24 !important;

}

.Property_list.about .card-text>h2:first-of-type {

    font-size: 45px;

}

/* ===== login in ======= */



.Property_list.sign_in {

    padding: 0px 0px 30px;

}



.headder_bar.sign_in {

    padding: 0px 0 30px;

}



.Property_list.sign_in p.titel_bar {

    margin-bottom: 40px;

}

.sign_in .google-btn {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    padding: 10px;

    border: 1px solid #ccc;

    border-radius: 4px;

    background-color: #fff;

    font-size: 1rem;

}



.sign_in .google-btn img {

    width: 30px;

    margin-right: 10px;

}



.or-divider {

    margin: 20px 0;

    color: #666;

    position: relative;

    text-align: center;

}



/* .or-divider::before,

.or-divider::after {

    content: '';

    position: absolute;

    top: 50%;

    width: 40%;

    height: 1px;

    background-color: #ccc;

} */



.or-divider::before {

    left: 0;

}



.or-divider::after {

    right: 0;

}



.form-control.form_imput {

    margin-bottom: 30px;

    padding: 13px;

    border-radius: 4px;

}

.border_r {

    border-radius: 4px;

}



.sign_in .submit-btn {

    background-color: #ed1b24;

    color: #fff;

    padding: 10px;

    width: 100%;

    border: none;

    border-radius: 4px;

    font-size: 1.1rem;

    margin-bottom: 13px;

}



.sign_in .submit-btn:hover {

    background-color: #ed1b24;

}



.sign_in .terms-text {

    margin-top: 10px;

    color: #ed1b24;

    font-size: 0.9rem;

}



.developer_logo img {

    /* height: 190px;

    width: 190px !important; */

}
.About_Property.single {
    background-image: linear-gradient(to bottom, #f4f4f4, #ffffff);
    /* background: #f4f4f4; */
}
.About_Property .learn_more_reviews {
    background: #ed1b24;
    width: 164px;
    font-size: 14px;
    padding: 11px 14px !important;
    /* font-weight: 500; */
    border: 1px solid #ed1b24 !important;
    transition: 0.3s ease;
    font-family: "Barlow", sans-serif !important;    
}
.About_Property h3.developer_name {
    color: #ed1b24 !important;
    margin-bottom: 10px !important;
    margin-top: 20px !important;
}
.About_Property .learn_more_reviews:hover {
    background: #ffffff;
    color: #ed1b24 !important;
   
}
.About_Property .developer_about {
    margin-bottom: 10px !important;
    font-weight: 500;
    color: #000 !important;
   /*  font-size: 18px !important; */
    font-family: "Barlow", sans-serif !important;
}
.NS_text{
    color: #000 !important;
    font-family: "Barlow", sans-serif !important;
    font-size: 18px !important;
    margin-top: -5px;
}
.About_Property .developer_logo.developer_logo_le {
    background-image: url(https://truststone.in/public/images/building.jpg);
    padding: 60px;
    border-radius: 7px;
    background-repeat: no-repeat;
    background-size: cover;
   /*  width: 100%;
    height: 100% ; */
}
.About_Property .developer_logo img{
    width: 100% !important;
}
.chd_rating  {
    margin-top: -5px;
    margin-bottom: -5px;
}
.chd_rating span {
    padding-right: 5px;
}
.deseble_value{
  /*   background: linear-gradient(to right, #929292 100%, #505050 0%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #00000000; */
    color: #9a9a9a !important; 
}

/* ======modal proparty listing ====== */

/* ======modal property_list_Form listing ====== */



.property_list_Form {

    width: 100%;

    float: left;

    padding: 70px 0 90px;

}



.property_list_Form .form_headding {

    color: #d40000;

    margin-top: 65px;

    border-bottom: 1px solid #ccc;

    padding-bottom: 6px;

    margin-bottom: 30px;

}



.property_list_Form p.Sustainable_living {

    font-size: 18px;

    margin-bottom: 50px;

}



.property_list_Form form {

    max-width: 960px;

    margin: auto;

}



.property_list_Form .form-row {

    display: flex;

    gap: 30px;

    margin-bottom: 20px;

    flex-wrap: wrap;

}



.property_list_Form .form-group {

    flex: 1 1 30%;

    display: flex;

    flex-direction: column;

}



.property_list_Form label {

    font-weight: 600;

    font-size: 15px;

    margin-bottom: 5px;

    /*  text-transform: uppercase; */

}



.property_list_Form input,

select {

    padding: 14px;

    font-size: 16px;

    border-radius: 4px;

    border: 1px solid #ccc;

}



.property_list_Form .form-note {

    font-size: 12px;

    color: red;

    margin-top: 10px;

}



.property_list_Form .upload-box {

    border: 1px dashed #aaa;

    padding: 12px;

    text-align: center;

    font-size: 16px;

    color: #444;

}



.property_list_Form .check-terms {

    margin-top: 20px;

    font-size: 14px;

}



.property_list_Form .check-terms input {

    margin-right: 8px;

}



.property_list_Form .submit-btn {

    background-color: #d40000;

    color: white;

    padding: 17px 70px;

    font-size: 19px;

    border: none;

    border-radius: 4px;

    margin-top: 20px;

    cursor: pointer;

    font-weight: 600;

}



.property_list_Form .submit-btn:hover {

    background-color: #a80000;

}





.property_list_Form select {

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    background-color: #fff;

    border: 1px solid #ccc;

    padding: 14px 40px 14px 14px;

    border-radius: 4px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M1.646 5.646a.5.5 0 0 1 .708 0L8 11.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");

    background-repeat: no-repeat;

    background-position: right 12px center;

    background-size: 20px 20px;

    width: 100%;

    box-sizing: border-box;

    cursor: pointer;

}



.property_list_Form .upload-File_box {

    border-bottom: 1px solid #d40000;

    padding-bottom: 40px;

}



.property_list_Form .upload-File_box .form-Choose {

    width: 200px;

    padding: 25px 20px;

    overflow: hidden;

    /* height: 148px; */

    /* max-width: 204px; */

    font-size: 15px;

    text-align: center;

    border: 1px solid gray;

    border-radius: 5px;

}



.property_list_Form .upload-box {

    border: 1px dashed #aaa;

    padding: 8px;

    text-align: center;

    font-size: 13px;

    color: #444;

    background-color: #f9f9f9;

    position: relative;

    cursor: pointer;

    border-radius: 4px;

    width: 110px;

    height: 35px;

    margin: 10px auto;

}





.property_list_Form .upload-box input[type="file"] {

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    width: 100%;

    height: 100%;

    cursor: pointer;

}



.property_list_Form .file-name {

    margin-top: 8px;

    font-size: 13px;

    color: #333;

}


/* ====== */

.property_list_Form .check-terms {

    margin-top: 20px;

    font-size: 14px;

    display: flex;

    align-items: center;

    gap: 10px;

}



.property_list_Form .check-terms input[type="checkbox"] {

    width: 30px;

    height: 26px;

    cursor: pointer;

}



.property_list_Form .check-terms.robot {

    background: #F9F9F9;

    padding: 24px 25px 20px;

    border-radius: 5px;

    border: 1px solid #eaeaea;

    width: 380px;

}



.property_list_Form .check-terms label {

    display: flex;

    align-items: center;

    gap: 8px;

    font-weight: normal;

    font-size: 14px;

    color: #333;

    font-weight: 600;

}



.property_list_Form .required {

    color: #d40000;

    font-weight: bold;

    margin-left: 2px;

}



/* == contact us ===== */

.Contact_info {

    position: relative;

}

.Contact_info:before {

    content: '';

    width: 0.5px;

    height: 80%;

    background-color: #a2a2a2;

    position: absolute;

    right: 0;

    bottom: 0;

}

h4.section-heading {

    color: #d40000;

    border-bottom: 1px solid #d40000;

    padding-bottom: 8px;

    margin-bottom: 40px;

}

.Contact_form .btn-submit {

    background-color: #d40000;

    color: #fff;

    border-radius: 0;

    padding: 10px 40px;

}

.Contact_form .form-control {

    border-radius: 2px;

    box-shadow: none;

}

.project-overview .description.ns_text_small {
    font-size: 17px !important;
}

/* .form-group .ns_grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    column-gap: 15px !important;
}
 */

/* ========  https://truststone.in/properties/city/category/property/ single page  ===== */

.About_Property h3,
.About_Property h3,
.carousel-slider-second h3,
.gallery-section h3 {
    font-size: 27px !important;
}

.project-overview h2,
h2 {
    font-size: 40px !important;
    font-weight: bold;
}

.About_Property h3 {
    margin-top: 40px !important;
}

.checkbox-item {
    font-size: 18px !important;
}

.checkbox-item {
    width: 255px !important;
}

.three-column-list {
    gap: 15px 100px;
}

.hero_property {
    text-align: center;
    padding: 50px 0px 140px;
    /* max-width: 900px; */
    margin: auto;
}

.carousel_slider-frist {
    position: relative;
}

.carousel_slider-frist:before {
    content: '';
    background-image: url(https://truststone.in/public/images/banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    height: 220px;
    width: 100%;
    position: absolute;
    top: -225px;
    left: 0;
    z-index: -1;
    display: block;
    background-position: center;
}

/* ================= */
.headder_bar.blog_bar {
    padding: 0px 0 110px;
}

.single_B_listing img.card-img-top {
    margin-top: -120px;
}

.single_B_listing .media {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.single_B_listing .media img {
    padding-right: 30px;
    width: 30%;
}

.single_B_listing .table img {
    margin-bottom: 0px !important;
}

.single_B_listing table.table th,
.single_B_listing table.table td {
    font-size: 18px;
}

.single_B_listing .table th:nth-child(1),
.single_B_listing .table td:nth-child(1) {
    width: 200px;
    margin-bottom: 0px !important;
}

.single_B_listing .table>tbody {
    vertical-align: middle;
}

/* ============ */
.carousel-slider-second .owl-item .item {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center !important;
    align-items: center;
}

.carousel-slider-second .Amenities_item {
    /*   display: flex;
    flex-direction: column; */
    width: 130px;
    margin: 0 auto;
}

.carousel-slider-second .Amenities_list_icon {
    /* width: 150px;
    height: 150px;  */
    /*  transform: scale(0.8); */
}

.carousel-slider-second .Amenities_list_icon .black_box,
.carousel-slider-second .Amenities_list_icon img {
    text-align: center;
    width: 130px;
    height: 130px;
    background: #e4e4e4;
    border-radius: 10px;

}
/* =============== */

.horizontal  {
    width: 100%;
    padding: 80px 0;
    float: left;
    background: #ffffffff;
}
.horizontal .chart-card {
    padding: 85px 30px !important;
    border-radius: 12px;
}

 .horizontal .chart-card {
    /*  background: #000000; */
     border: 1px solid #909090ff;
     overflow: hidden;
     padding-bottom: 0px !important;
     background-image: url(https://truststone.in/public/images/chart-bg.jpg);
 }

.horizontal .vert-group {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 300px;
    gap: 30px;
    display: grid;
}

.horizontal .vert-bar {
    width: 100%;
    /* width: 42px; */
    border-radius: 8px 8px 0 0;
    transition: all .4s ease;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-bottom: 6px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.horizontal span.text_r {
    font-size: 18px;
    transform: translate(0px, -70px);
    color: #000;
}

.horizontal .vert-group {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 300px;
    gap: 30px;
    
}

.horizontal .property_name,
.horizontal .property_name a {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    text-decoration:none;
}
.horizontal .property_name a:hover{   
    color: #d32f2f !important;
    text-decoration: underline;
}
.horizontal .chart-card_2 {
    padding: 10px 30px !important;
    border: 0px !important;
}
.horizontal .chart-card_2 .vert-group{
    height: auto;
    align-items: flex-start;
    display: grid;
}

/* ========== */

.insights-section.About_properties.question_answers_sec{
    padding-bottom: 90px !important;
    padding-top: 60px;
    background: #F4F5F7;
}
.question_answers_sec .accordion_block{
    background: #fff;
    padding: 50px;
    border-radius: 8px;
}

/* ============ */
.single_B_listing.single_blog_se h3 {
    margin-top: 50px;
}
.single_B_listing.single_blog_se img:not(:first-child) {
    max-width: 100%;
    width: auto !important;
    margin: 0 auto;
    display: block !important;
}
.single_B_listing.single_blog_se small {   
    display: block;
}

/* ============ */
/* ============ */
.popular_question_card h5:first-letter,
.popular_question_card p:first-letter {
    margin-left: -40px;
    padding-right: 15px;
    font-size: 1.25rem;
    color: #9c9c9c;
}

.badge_answered {
    color: #9c9c9c;
    font-size: 13px;
    font-weight:600;
}
.popular_question_card{
    padding: 60px 0 30px;
    display: inline-block;
    width: 100%;
}

.popular_question_card .badge {
    border: 1px solid #bebebe;
    border-radius: 3px;
    padding: 4px 6px;
    color: #ff0000 !important;
   /*  background: #fff; */
   /*  letter-spacing: 0.5px; */
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
}

.popular_question_card .badge .fas.fa-check {
    color: #ff0000;
    border: 2px solid #ff0000;
    padding: 0px 0px;
    border-radius: 2px;
    font-size: 10px;
    margin-right: 4px;
}

.popular_question_card .card-body {
    text-align: left;
    padding: 0px 0;
}
.popular_question_card .card-body h5{
    margin-bottom: 15px !important;
}

.popular_question_card .totalQuestions {
    width: 100%;
    border: 2px solid #c4c4c4;
    padding: 14px;
    color: #ff0000;
    font-weight: 500;
    transition: all 0.3s ease;
}

.popular_question_card .totalQuestions:hover {
    /*  border-color: #ff0000; */
    background: #ff0000;
    color: #fff;
}
/* < !-- Photo Gallery --> */

.gallery-section .main-photo {
    height: 420px;
    object-fit: cover;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.gallery-section .small-photo {
    height: 200px;
    object-fit: cover;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.gallery-section .small-photo:hover {
    transform: scale(1.03);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.15);
}

.gallery-section .more-overlay {

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.68);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
    cursor: pointer;
}
/* --------------- */
  /* gallery & reviews */
  .gallery-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-auto-rows: 210px;
      gap: 1.2rem;
  }

  .gallery-item {
      border-radius: 10px;
      overflow: hidden;
      cursor: pointer;
      position: relative;
  }

  .gallery-item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: 0.4s;
  }

  .upload-cta {
      background: #f7f4ff;
      /*  background: linear-gradient(115deg, #fef3f2, #ffe4e2);  */
      border-radius: 8px;
      padding: 2.5rem 2.5rem;
      border: 1px solid #ded1ff;
  }


  .review-card {
      border-radius: 24px;
      border: 1px solid var(--border-color);
      transition: 0.2s;
  }

  .filter-tab {
      padding: 0.45rem 1.2rem;
      border-radius: 40px;
      border: 1px solid var(--border-color);
      background: white;
      font-size: 0.85rem;
      font-weight: 500;
      cursor: pointer;
  }

  .filter-tab.active {
      background: var(--text-dark);
      color: white;
      border-color: var(--text-dark);
  }

  .btn-primary-custom {
      background:#ed1b24;
      color: white;
      border: none;
      padding: 0.8rem 2rem;
      border-radius: 40px;
      font-weight: 600;
      transition: all 0.2s;
  }

  .btn-primary-custom:hover {
      background: #c82333;
      transform: translateY(-2px);
      box-shadow: 0 8px 18px rgba(220, 38, 38, 0.3);
  }

  .fade-in-up {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1), transform 0.7s ease;
  }

  .fade-in-up.visible {
      opacity: 1;
      transform: translateY(0);
  }

/*   footer {
      background: #111;
      color: #ddd;
      padding: 2.5rem 0;
      margin-top: 2rem;
  } */

  /* ============= */
  .upload-cta h2 {
      color: #825ca6 !important;
      font-family: "Barlow", sans-serif !important;
  }

  .btn-photos {
      background: #ffffff !important;
      border: 1px solid #825ca6 !important;
      color: #825ca6 !important;
      transition: all 0.2s ease;
  }

  .btn-photos:hover {
      background: #6b46c1 !important;
      border: 1px solid #6b46c1 !important;
      color: #ffffff !important;
  }

  /* ====================== */
  /* ====================== */

  .card.question-card {
      background: #f7f4ff !important;
      padding: 20px !important;
      overflow: hidden;
      border-radius: 10px !important;
  }

  .investment-section {
        padding:60px 0 !important;
        background: linear-gradient(135deg, #101828, #112651);
        /*  background: linear-gradient(135deg, #0a1428, #1a2338); */
        color: white;

  }
  .Property_list.popular_properties_similar {
        padding:60px 0 !important;
  }

  .stat-card {
      background-color: #293753;
      backdrop-filter: blur(10px);
      border: 1.2px solid #3f5480;
  }

  .stat-card h2,
  .stat-card p,
  .stat-card h5 {
      font-family: "Barlow", sans-serif !important;
  }

  .stat-card p {
      font-size: 18px;
  }

  .similar-property img {
      height: 200px;
      object-fit: cover;
      border-radius: 8px;
  }
  .welcome-section .read-more {
    color: #ed1b24;
    text-decoration: none;
    font-weight: 600;
  }

  .btn-red {
      /* background-color: var(--primary-red); */
      border: none;
      color: white;
  }

  .btn-red:hover {
      /*  background-color: #c82333; */
      color: white;
  }

  /*  .footer-cta {
      background: linear-gradient(135deg, #111827, #1f2937);
    } */



  .box_hilight {
      position: relative;
      z-index: 2;
      /* background: radial-gradient(at top, #484848, #1b1b1b, #030303); */
      background: radial-gradient(at top, #484848ce, #1b1b1b, #030303);
  }

  .box_hilight:before {
      content: "";
      width: 94%;
      position: absolute;
      background: #303030;
      height: 11px;
      bottom: -11px;
      left: 50%;
      transform: translate(-50%, 0px);
      border-radius: 0px 0px 8px 8px;
      z-index: 1;
  }

  .box_hilight:after {
      content: "";
      width: 88%;
      position: absolute;
      background: #4c4c4c;
      height: 21px;
      bottom: -22px;
      left: 50%;
      transform: translate(-50%, 0px);
      border-radius: 0px 0px 8px 8px;
      z-index: 0;
  }


  .box_hilight .fas.fa-calendar,
  .box_hilight .fab.fa-whatsapp,
  .box_hilight .fas.fa-phone {
      font-size: 23px;
  }

  .bg_green {
      background: #01BC39 !important;
  }

  .bg_light_blue {
      background: #699AD3 !important;
  }

  .call_light {
      color: #A972D1 !important;
  }

  .box_hilight h3 {
      font-size: 35px;
  }

  .box_hilight p {
      margin: 20px 0 30px !important;
  }

  /* ====================== */
  /* ====================== */

  .pros-cons-card {
      background: #F6FCF8;
      border-radius: 10px;
      /* padding: 1rem 1.5rem; */
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
      border: 1px solid #e2e8f0;
  }




  .section-title {
      font-size: 1.5rem;
      font-weight: 700;
      color: #1e2937;
  }

  .auto-badge {
      background: #ffffff;
      color: #166534;
      font-size: 0.85rem;
      padding: 5px 10px;
      border-radius: 5px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border: 1px solid #e3e3e3;
  }

  .pros-header {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 1.25rem;
  }

  .pros-icon {
      width: 42px;
      height: 42px;
      background: #dcfce7;
      color: #16a34a;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.4rem;
  }

  .cons-header {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 1rem;
      margin-top: 1rem;
  }

  .cons-icon {
      width: 42px;
      height: 42px;
      background: #fee2e2;
      color: #ef4444;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.4rem;
  }

  .cons-list li i.fas.fa-xmark {
      font-size: 1.4rem;
      margin: 0px 4px 0px 4px;
  }

  .pros-list li {
      margin-bottom: 5px;
      display: flex;
      align-items: flex-start;
      gap: 10px;
      color: #166534;
  }

  .cons-list li {
      margin-bottom: 5px;
      display: flex;
      align-items: flex-start;
      gap: 10px;
      color: #991b1b;
  }

  .pros-list i,
  .cons-list i {
      margin-top: 3px;
      font-size: 1.1rem;
  }

  .pros-parent {
      padding: 0px 10px 10px 25px;
  }

   .hero-slider .owl-carousel .owl-nav button.owl-prev,
   .hero-slider .owl-carousel .owl-nav button.owl-next {
       background: white !important;
       color: var(--text-dark) !important;
       box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
       width: 44px;
       height: 44px;
       border-radius: 50% !important;
       font-size: 1.6rem !important;
       position: absolute;
       top: 50%;
       transform: translateY(-50%);
   }

   .hero-slider .owl-carousel .owl-nav button.owl-prev {
       left: -25px;
   }

   .hero-slider .owl-carousel .owl-nav button.owl-next {
       right: -25px;
   }


  /*  @media (max-width: 768px) {
       .hero-slider .owl-carousel .owl-nav button.owl-prev {
           left: -10px;
       }

       .hero-slider .owl-carousel .owl-nav button.owl-next {
           right: -10px;
       }

       .hero-slider .hero-title {
           font-size: 2.2rem;
       }

       .hero-slider.hero-slider {
           min-height: 480px;
           height: 60vh;
       }
   } */

  .highlight-icon {
      /* background: #fef3f2 !important; */
      /* background: linear-gradient(135deg, #fef3f2, #dddddd); */
      border-radius: 8px;
      /* display: flex; */
      /* align-items: center; */
      justify-content: center;
      margin: 0 auto 0.5rem;
      /* color: #ed1b24; */
      /* font-size: 1.6rem; */
      /* padding: 0.9rem 1rem; */
      /* border: 1px solid #dddddd; */
      width: 245px;
      /* height: 130px; */
      object-fit: contain;
      max-width: 100%;
      overflow: hidden;
  }
   .highlight-icon img{
         width: 100%;
   }

   /* BRAND CAROUSEL SECTION (Top Brands People Visit) */
   .brands-section {
       padding: 5rem 0;
       background: white;
   }

   .brand-carousel-wrapper {
       position: relative;
       margin-top: 0rem;
   }

   .brand-slide-card {
       background: white;
       border-radius: 8px;
       /*  padding: 1.8rem 1rem;
            text-align: center;
            margin: 0.5rem; */
       transition: all 0.25s ease;
       border: 2px solid #f1f5f9;
       box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);
       overflow: hidden;
       width: 170px;
       height: 170px;
   }

   .bg_light_green {
       background: #f0fdf4 !important;
   }

   .colr_light_green {
       color: #00c950 !important;
   }

   .light_green {
       background: #00c950 !important;
   }

   .light_red {
       background: #fee2e2 !important;
   }

   .light_yellow {
       background: #fef9c3 !important;
   }
.font-serif {
    font-family: 'Playfair Display', serif;
}

/* ---------- HERO SLIDER (CAROUSEL) ---------- */
.hero-slider {
    position: relative;
    height: 75vh;
    min-height: 600px;
    width: 100%;
    overflow: hidden;
}

.hero-slider .owl-stage-outer,
.hero-slider .owl-stage,
.hero-slider .owl-item {
    height: 100%;
}

.hero-slider .hero-slide-item {
    position: relative;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center 30%;
    background-repeat: no-repeat;
}

 .hero-content {
     position: relative;
     z-index: 15;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: end;
     align-items: center;
     text-align: center;
     color: white;
     padding: 2rem;
     /*  background: linear-gradient(to bottom, #ff000000, #00000000, #000000);  */
     background: linear-gradient(1deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
 }


 .mall-logo {
     width: 140px;
     height: 140px;
     background: rgba(255, 255, 255, 0.95);
     border-radius: 10px;
     display: flex;
     overflow: hidden;
     align-items: center;
     justify-content: center;
     margin-bottom: 0.5rem;
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
     animation: float 3s ease-in-out infinite;
    border: 2px solid #fff
 }

 .hero-slider.owl-carousel .owl-nav button.owl-prev {
     margin-left: 5.5% !important;
 }
 .hero-slider.owl-carousel .owl-nav button.owl-next{
     margin-right: 5.5% !important;
 }

 
 @keyframes float {

     0%,
     100% {
         transform: translateY(0);
     }

     50% {
         transform: translateY(-8px);
     }
 }

 .hero-title {
     font-size: 4rem;
     font-weight: 700;
     letter-spacing: -0.02em;
     text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.5);
     margin-bottom: 0.5rem;
 }

 .hero-location {
     font-size: 1.1rem;
     font-weight: 400;
     background: rgba(0, 0, 0, 0);
     padding: 0.4rem 1.2rem;
     border-radius: 40px;
     /* backdrop-filter: blur(5px); */
     display: inline-flex;
     gap: 0.5rem;
     color: #f1f5f9;
     align-items: center;

 }

 .owl-theme .owl-dots {
     position: absolute;
     bottom: 20px;
     left: 0;
     right: 0;
     z-index: 20;
 }

 .owl-theme .owl-dots .owl-dot span {
     background: rgba(255, 255, 255, 0.6);
     width: 10px;
     height: 10px;
     margin: 0 6px;
     transition: 0.2s;
 }

 .owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
     background: #ed1b24;
     transform: scale(1.2);
 }

 .owl-nav {
     position: absolute;
     top: 50%;
     width: 100%;
     transform: translateY(-50%);
     display: flex;
     justify-content: space-between;
     z-index: 20;
     pointer-events: none;
 }

 .owl-nav button {
     background: rgba(0, 0, 0, 0.4) !important;
     color: white !important;
     font-size: 28px !important;
     width: 48px;
     height: 48px;
     border-radius: 50% !important;
     backdrop-filter: blur(8px);
     transition: 0.2s;
     pointer-events: auto;
 }

 .owl-nav button:hover {
    /*  background: #ed1b24 !important; */
     transform: scale(1.05);
 }

 /* welcome section */
 .welcome-section {
     padding: 4.5rem 0;
     background: white;
 }

 .section-label {
     color: #ed1b24;
     font-size:15px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0.1em;
     margin-bottom: 0.5rem;
 }
 #uploadBtn {
     font-size:18px;
 }
.gallery-section{
    background-color: #fff !important;
    padding: 60px 0;
}
 .welcome-text,
 .highlight-title,
 .card.question-card .text-muted,
 .pros-list li,
 .cons-list li,
 #askQuestionBtn {
     /*  color: #444444ba; */
     font-size: 18px;
     font-family: "Barlow", sans-serif !important;
     font-weight: 500;
     font-style: normal;
 }

 .welcome-title {
     font-size: 2.6rem;
     font-weight: 700;
     margin-bottom: 1rem;
 }

 .rating-card {
     background: white;
     border-radius: 8px;
     padding: 2rem;
     box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.1);
     border: 1px solid #dddddd;
     overflow: hidden;
 }

 .progress-bar {
     /*  background: linear-gradient(90deg, #10b981, #059669); */
     background: #00c950 !important;
 }

 .progress,
 .progress-stacked {
     --bs-progress-height: 0.6rem !important;
 }

 /* highlights */
 .highlights-section {
     background:#F8F9FA;
     padding: 4rem 0;
 }

 .box_hilight .call_light:hover {
     background-color: #A972D1 !important;
     color: #fff !important;
 }

 .box_hilight .bg_green:hover {
     background-color: #ffffff !important;
     color: #01BC39 !important ;
 }
  .box_hilight .bg_green:hover .fab.fa-whatsapp{
        color: #01BC39 !important;
  }

 .box_hilight .bg_light_blue:hover {
     color: #699AD3 !important;
     background-color: #ffffff !important;
 }
 .box_hilight .bg_light_blue:hover .fas.fa-calendar{
    color: #699AD3 !important;
 }


#lightbox.lightbox-costom .lb-outerContainer .lb-container .lb-nav a.lb-prev {
     width: 34%;
     left: 0;
     float: left;    
     opacity: 2 !important;    
     transform: translateX(-25%) !important;
 }
 #lightbox.lightbox-costom .lb-outerContainer .lb-container .lb-nav a.lb-next {
     width: 34%;
     right: 0;
     float: right;   
     opacity:2 !important;    
     transform: translateX(25%) !important;
 }
#lightbox.lightbox-costom .lb-outerContainer {
    width: 60% !important;
    max-width: 60% !important;
    min-width: 60% !important;
    background-color: #000 !important;  
}

#lightbox.lightbox-costom .lb-outerContainer .lb-image {
    width: auto !important;
    height: 500px !important;
    margin: 0 auto;
    max-width: 100% !important;
    min-width: auto !important;  
}
/* #lightbox.lightbox-costom .lb-outerContainer .lb-container .lb-nav .lb-closeContainer{  
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    z-index: 111;
    /* background: red; *  
} */
#lightbox.lightbox-costom{  
    display: flex ;
    flex-direction: column-reverse !important;
}

#lightbox.lightbox-costom .lb-dataContainer{
    order: 2 !important;
}

#lightbox.lightbox-costom .lb-outerContainer{
    order: -1;
}

/* =========== */
.dinamic_page .page-content h1 {
    width: 100% !important;
    height: auto;
}

.dinamic_page h2 {
    font-size: 35px !important;
    margin-top: 40px;
}

/* =============== */
.property-search-box-container{
    max-width: 600px;
}
.property-search-box {
     width: 100%;    
     background: #fff;
     border-radius: 60px;
     padding: 10px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
     border: 1px solid #444444;
     margin-top: 30px !important;
 }

 .property-search-box .property-search-form {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .property-search-box .property-search-input {
     flex: 1;
     border: none;
     outline: none;
     padding: 15px 25px;
     font-size: 16px;
     border-radius: 50px;
     background: #f7f8fa;
 }

 .property-search-box .property-search-input::placeholder {
     color: #888;
 }

 .property-search-btn {
     border: none;
     outline: none;
     padding: 15px 40px;
     border-radius: 50px;
     background: #ed1b24;
     color: #fff;
     font-size: 16px;
     font-weight: 600;
     cursor: pointer;
     transition: 0.3s ease;
     white-space: nowrap;
 }

 .property-search-box .property-search-btn:hover {
     transform: translateY(-2px);
     opacity: 0.9;
 }
/* ============= */
.step-content .suggestion-btn {
    font-size: 14px;
}
/* ============= */
 .like-searches{
    font-size: 14px;
    color: #444;
    margin-top: 8px;
    text-align: center;
 }

 .p_relative{
    position: relative;
 }
 .below_description p{
    font-size: 18px;
 }
 h5 .card-text {
     margin-top: 3px;
     display: block;
     font-family: "Barlow", sans-serif !important;
 }


 .ns-bg-red{
    background-color: #ed1b24 !important;
 }
 .ns-text-red{
    color: #ed1b24 !important;
 }
 .ns-text-grey{
    color: #888 !important;
 }
 .ns-ff-serif{
    font-family: "Barlow", sans-serif !important;
 }
 .fw-6 { 
    font-weight: 600 !important;
 }
 .fw-8 { 
    font-weight: 800 !important;
 }
 .fw-7 { 
    font-weight: 700 !important;
 }

 .person_circle {
     font-size: 50px;
     margin: 0;
     display: block;
     padding: 0;
     transform: translate(0px, -15px);
 }
 @media screen and (max-width:768px) {

    .property-search-box {
         border-radius: 10px !important;
        background: #ffffff00;       
        box-shadow: none;
        border: none;
     }

    .property-search-box .property-search-form {
         flex-direction: column;
    }

    .property-search-box .property-search-input,  
    .property-search-box .property-search-btn {
         width: 100%;
     }

         .property-search-box .property-search-btn {
         padding: 16px;
     }
 }


 @media only screen and (max-width: 767px) {
       
        .rating-card {
            margin: 40px 0 0;
        }
        .highlight-card{
            margin-bottom: 40px !important;
        }
       /*  .highlight-icon{
            width: 100%;
            height: 130px;
        } */
        .gallery-section .small-photo,
        .gallery-section .main-photo{
            height: 200px;
        }
        .upload-cta {
            padding: 2rem;         
        }
        .upload-cta h2 {          
            font-size: 32px !important;
            margin-bottom: 20px !important;
        }
        .row.box_hilight {
            margin: 0px 0px 40px 0px !important;
            padding: 40px 0px !important;
        }
        .row.box_hilight .btnns_box>div a {
            width: 80%;
            margin: 0 auto;
            padding: 10px !important;
        }
        .brand-slide-card {           
            width: 140px;
            height: 140px;
        }  
        .popular_question_card {
            padding: 60px 0 60px;           
        }
        /* =============== */
        #lightbox.lightbox-costom .lb-outerContainer {
            width: 90% !important;
            max-width: 90% !important;
            min-width: 90% !important;
            background-color: #000 !important;
            height: 250px !important;
        }
        #lightbox.lightbox-costom .lb-outerContainer .lb-image {
            width: auto !important;
            height: 100% !important;
            margin: 0 auto;
            max-width: 100% !important;
            min-width: auto !important;
        }
        
   
}
/* ============ */
/* ============ */
@media (min-width: 1024px) and (max-width: 1396px) {
    /* 1229px */


}



@media (min-width: 1200px) and (max-width: 1398px) {



    .container,

    .container-lg,

    .container-md,

    .container-sm,

    .container-xl {

        max-width: 1320px !important;

    }

    .cta-section h2 {

        font-size: 3.1vw !important;

    }

    .footer h1 {

        font-size: 17.8vw;

        margin-bottom: -2.3vw;

        font-family: "Barlow", sans-serif !important;

    }

    .services-section .list_heading {

        font-size: 4vw;

    }

}

@media (min-width: 767px) and (max-width: 1024px) {



    .hero-bg {

        height: 56vw;

        display: flex;

        align-items: center;

        background-position: 76% 27%;

    }

    .featured-section .logos img {

        width: 120px;

    }

    .hero-text h1 {

        font-size: 6vw;

    }

    .service-item h3 {

        font-size: 3vw;

        line-height: 1.5;

    }



    .Property_list .text-center.col-md-8.offset-md-2.mb-4.px-md-5 {

        width: 100% !important;

        margin-left: 0;

        padding: 0 !important;

    }

    .hero_pera {

        width: 100%;

    }

    .services-section .list_heading,

    .insights-section h1,

    .list_heading {

        font-size: 7vw;

        width: 100%;

    }

    .images_bg_box {

        height: 170px;

        margin-left: 0px;

    }

    .images_child_box:before {

        height: 200px;

        width: 173%;

        z-index: -7;

    }

    .service-item p {

        color: #adb5bd;

        font-size: 2.5vw;

        width: 100%;

        font-weight: 400;

        margin: 5px 0 10px;

        line-height: 1.5;

    }

    .cta-section h2 {

        font-size: 3vw;

    }

    .cta-section p {

        font-size: 3.5vw;

    }

    .footer h1 {

        font-size: 18.3vw;

        margin-bottom: -2vw;

    }

    .footer p {

        width: 170%;

    }

    .owl-carousel .owl-item img {

        height: 30vw !important;

    }

}
/* ============ */
/* ============ */
/* @media (min-width: 768px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 95vw !important;
        width: 95vw !important;
    }
   .container .row .col-md-9,
   .container .row .col-md-8,
   .container .row .col-md-10 {
        flex: 0 0 auto;
        width: 100% !important;
    }
    .owl-carousel .owl-item img {
        height: 20vw !important;
    }
    .offset-md-1 ,
    .offset-md-2{
        margin-left: 0 !important;
    }
    .footer p {
        width: 100%;
    }
    a.nav-link {       
        padding: 0.5rem 23px !important;
        color: #1a1b19 !important;
    }
    .right_nav{
        padding: 1rem 13px 1.5rem;
    }
    .carousel-slider-second .Amenities_item {
        width: auto;
        margin: 0 auto;
    }
   

} */
@media(max-width: 1024px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 95vw !important;
        width: 95vw !important;
    }
    .container .row .col-md-9,
    .container .project-overview:not(.row .col-md-8),
    .container .row .col-md-10 {
        flex: 0 0 auto;
        width: 100% !important;
    }
    .owl-carousel .owl-item img {
        height: 20vw !important;
    }
    .offset-md-1,
    .Property_list.flats_for_sale:not(.offset-md-2){
        margin-left: 0 !important;
    }
    .footer p {
        width: 100%;
    }
    a.nav-link {      
        padding: 0.5rem 23px !important;
        color: #1a1b19 !important;
    }
    .right_nav {
        text-align: left !important;
        align-items: flex-start !important;
        padding-top: 1rem;
    }
    .carousel-slider-second .Amenities_item {
        width: auto;
        margin: 0 auto;
    }

}
/* ============ */
.horizontal_chart_bar {
    padding-bottom: 100px !important;
}

.headder_bar.horizontal_chart_bar .headder_bar_chart_bar,
.horizontal_chart .content p {
    font-size: 18px;
    font-family: 'Barlow', sans-serif !important;
    color: #888888 !important;
}

.card .information__price {
    font-size: 16px !important;
    font-family: 'Barlow', sans-serif !important;
    color: #000 !important;
}

.card .information__price a {
    font-size: 16px !important;
    font-family: 'Barlow', sans-serif !important;
    color: #e30000 !important;
}

.card .information__price a:hover {
    text-decoration: underline !important;
}

.horizontal_chart {
    margin-top: -80px;
    padding-bottom: 0 !important;
    background-image: none !important;
    background-color: #EFEFEF !important;
}

.horizontal_chart .property_name a {
    font-size: 18px;
    font-family: 'Barlow', sans-serif !important;
    transition: all 0.3s ease;
}

.horizontal_chart .property_name a:hover {
    color: #e30000 !important;
    text-decoration: underline !important;
}

.horizontal_chart .content h3 {
    font-family: 'Barlow', sans-serif !important;
    font-weight: 700;
    font-size: 32px;
}

.horizontal_chart .horizontal-group-f1 {
    width: 25%;
    float: left;
    position: relative;
    overflow: hidden;
}

.horizontal_chart .horizontal-group-f2 {
    background-image: url(https://truststone.in/public/images/price-line-bg.png);
    width: 75%;
    float: left;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.horizontal_chart .horizontal-bar {
    height: 50px;
    border-radius: 0px 8px 8px 0;
    min-width: 4%;
    align-items: center;
}

.horizontal_chart .text_r {
    transform: translate(90px, 0px) !important;
    text-align: left;
}

.horizontal_chart .text_r .bar_price {
    font-size: 26px;
    font-weight: 800;
    /* letter-spacing: 4px; */
    line-height: 0px;
    margin-bottom: -12px !important;
    display: block;
    margin-top: 12px;
}

.horizontal_chart .text_r .bar_aria {
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 600;
    line-height: 0px;
    color: #6f6f6f;
}

.horizontal_chart .property_name_bar_mob {
    font-size: 2.8vw;
    font-weight: 600;
    color: #fff;
}
/* .horizontal_chart .horizontal-bar {   
    min-width: 6%;
    display: grid !important;
    grid-template-columns: repeat(2, 100%);
    align-items: center;
    align-content: center;
} */
.horizontal_chart .ns_empty_price {
 /*    width: 200px;
    display: block; */
    margin-top: 0px;
    color: #000 !important;
    transform: translate(5px, 0px) !important;
}

.project_highlights_single {
    border: 2px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
    margin: 30px 0 !important;
}
.project_highlights_single .accordion-button {
    padding-left: 25px !important;
    padding-right: 25px !important;
    color: #e30000 !important;
}
.project_highlights_single .accordion-body {
    padding-left: 25px !important;
    padding-right: 25px !important;   
}
.accordion-item {
    border: 0px solid #dee2e6 !important;
    border-radius: 0;
    margin-bottom: 0.1rem;
    border-bottom: 2px solid #dee2e6 !important;
}
.project_highlights_single div:first-of-type {
    border-top: 0px !important;
}
.project_highlights_single div:last-child {
    border-bottom: 0px !important;
}
.project_highlights_single .accordion-button .accordion-icon {
    transition: 0.3s;
}

.project_highlights_single .accordion-button:not(.collapsed) .accordion-icon {
    transform: rotate(0deg);
}
.project_highlights_single .accordion-body ul br {
    display: none !important;
}
.About_Property .project_highlights_single .accordion-body > h3  {
    margin-top: 0px !important;
}
.About_Property .project_highlights_single .accordion-body > h3 ~ br { 
    display: none !important;
}
.About_Property .project_highlights_single .accordion-body br { 
    display: none !important;
}

/* ======= */
.whatsapp-fixed-btn {
    position: fixed;
    bottom: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    background: #47de7f;
    color: #000;
    padding: 6px 15px 6px 6px;
    border-radius: 5px;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    z-index: 9999;
    font-family: Arial;
    display: none;
    border: 1px solid #3d8f40;
}
.whatsapp-fixed-btn .wa-icon {
    background: #25d366;
    border-radius: 6px;
    padding: 1px;
    margin-right: 10px;
    border: 1px solid #3d8f40;
    width: 40px;
    height: 40px;
}
.whatsapp-fixed-btn .wa-icon img {
    width: 100%;
    height: 100%;
}
.whatsapp-fixed-btn .wa-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}
.whatsapp-fixed-btn .wa-title {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    font-family: "Barlow", sans-serif !important;
    letter-spacing: 1px;
}
.whatsapp-fixed-btn .wa-number {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    font-family: "Barlow", sans-serif !important;
    letter-spacing: 1px;
}

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

    .whatsapp-fixed-btn {
        display: flex !important;
    }
    .flats_for_sale.single .card.property-card .hover-buttons  {
        transform: translate(0px, -0px) !important;
    }
    .Property_list.flats_for_sale.single   {
        padding-top: 60px !important;
        padding-bottom: 0px !important;
    }
}
/* ===== */
.showCallBackCard{
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ed1b24;
    color: #fff;
    border: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    z-index: 9999;
    animation: vibrate 0.3s linear infinite;
}

@keyframes vibrate {
    0% {
        transform: translate(0);
    }

    20% {
        transform: translate(-2px, 2px);
    }

    40% {
        transform: translate(-2px, -2px);
    }

    60% {
        transform: translate(2px, 2px);
    }

    80% {
        transform: translate(2px, -2px);
    }

    100% {
        transform: translate(0);
    }
}
.vibrate {
    animation: vibrate 0.3s linear;
}
.showCallBackCard:hover {
    animation: vibrate 0.0s linear infinite;
}
/* =========== */

.project_highlights_single .accordion-body h5~br {
    display: none;
}


/* =========== */

.PropertyDeveloper_logos_carousel{
    background: #F1F4F9;
    padding: 60px 0px !important;
}
/* Common Carousel Style */
.PropertyDeveloper_logos_carousel .carousel {
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    margin: 0px 0;
}

.PropertyDeveloper_logos_carousel .carousel-track {
    display: inline-block;
}
.PropertyDeveloper_logos_carousel .carousel-track .item img {
    width: 100%;
    border-radius: 10px;
    border: solid 0px #ddd;
    height: 100%;
}

/* Items */
.PropertyDeveloper_logos_carousel .item {
    display: inline-block;
    width: 170px !important;
    height:170px !important;
    margin: 20px;
   /*  background: #3498db; */
    color: #fff;
    text-align: center;
    line-height: 120px;
    font-size: 20px;
    border-radius: 10px; 
}

/* Left to Right Animation */
.PropertyDeveloper_logos_carousel .left-to-right .carousel-track {
    animation: scrollLTR 30s linear infinite;
}
.PropertyDeveloper_logos_carousel .carousel:hover .carousel-track {
   /*  animation-play-state: paused; */   
}

@keyframes scrollLTR {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0%);
    }
}

/* Right to Left Animation */
.PropertyDeveloper_logos_carousel .right-to-left .carousel-track {
    animation: scrollRTL 30s linear infinite;
}

@keyframes scrollRTL {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(-50%);
    }
}

/* ======= devloper page ======= */

 .hero-developers {
     background-image: url(https://truststone.in/public/images/developers_banner.jpg);
     background-size: auto;
     background-position: center;
     background-repeat: no-repeat;
     /*   height: 300px; */
     display: flex;
     align-items: center;
     background-position: 59% 20%;
 }

.developer_data_content .ns-custom,   
.hero-developers .ns-custom {
     background-color: #ed1b24 !important;
     border-color: #ed1b24 !important;
 }

 .developer_data_content .ns-custom:hover ,
.hero-developers .ns-custom:hover {
     opacity: 0.8;
 }

 /*  .stat-card {
            transition: all 0.3s;
        }
        .stat-card:hover {
            transform: translateY(-5px);
        }
        .project-card {
            transition: all 0.3s;
        }
        .project-card:hover {
            transform: scale(1.03);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);  
        } */

 .hero-developers h1 {
     font-size: 55px;
     font-weight: 400 !important;
     line-height: 1.2;
     font-family: 'Merriweather', serif;
 }

 .hero-developers .rating_box h3 {
     font-weight: 700 !important;
     color: #000 !important;
     font-family: "Barlow", sans-serif !important;
 }

 .hero-developers .review-card {
     background: #f8f9fa;
 }


 .hero-developers * {
     color: #000;
 }

 .hero-developers .chd_rating .text-warning {
     color: #ef9d05 !important;
 }

 .hero-developers .chd_rating span {
     padding-right: 5px;
     font-size: 30px !important;
 }

 .hero-developers .deve_box>.lead {
     font-size: 16px;
     font-weight: 600;
     letter-spacing: 1px;
     text-transform: uppercase;
 }

 .developer_data_content .stat-card-developers h2 {
     font-size: 80px !important;
     font-weight: 300 !important;
     color: #000 !important;
     font-family: "Barlow", sans-serif !important;
 }

 .developer_data_content .stat-card-developers small {
     text-align: left !important;
     width: 100%;
     display: block;
     margin-bottom: -25px;
     margin-left: 10px;
     line-height: 1.2;
     font-weight: 600;
     color: #000 !important;
     letter-spacing: 1px;
 }

 .developer_data_content .star {
     font-size: 22px;
     cursor: pointer;
     color: #ccc;
 }

 .developer_data_content .star.active {
     color: gold;
 }

 .developer_data_content .review-box {
     background: #fff;
     border-radius: 8px;
 }

 .developer_data_content .replies_box div:last-child,
 .developer_data_content #review-data div:last-child {
     border-bottom: 0px !important;
 }

 .developer_data_content .totalQuestions {
     width: 100%;
     border: 2px solid #c4c4c4;
     padding: 14px;
     color: #ff0000;
     font-weight: 500;
     transition: all 0.3s ease;
 }

 .developer_data_content .card.property-card .hover-buttons {
     transform: translate(0px, -0px) !important;
     margin-top: -8px;
 }

 .developer_data_content .totalQuestions:hover {
     /* border-color: #ff0000; */
     background: #ff0000;
     color: #fff;
 }

 .developer_data_content .fs-18,
 .hero-developers .fs-18 {
     font-size: 18px !important;
 }

 .contact_form_developer .Contact_form .form-control {

     box-shadow: none;
     border-color: #000000 !important;
 }

/* ======= devloper page ======= */
.Download_PDF_box {
    padding: 50px;
    background: #F1F1F1;
    border: 1px solid #c7c5c5;
    border-radius: 10px;
}

.PDF_box_chd_box a {
    background: #F1F1F1;
    border: 1px solid #c7c5c5;
    border-radius: 10px;
    color: #ed1b24 !important;
}

.PDF_box_chd_box a:hover {
    border-color: #ed1b24;
    border-radius: 10px;
    color: #ed1b24 !important;
}
.PDF_box_chd_box .md-disabled {   
    cursor: not-allowed;
    pointer-events: none;
}

.the_text_red {
    color: #ed1b24 !important;
    font-weight:600 !important;  
}

.the_text_grey {
    color: #6c757d !important;
}

.PDF_form_box img {
    width: 60px !important;
    max-width: 60px !important;
    margin-bottom: 25px;
}

.PDF_form_box p {
   /*  font-size: 14px; */
    margin-bottom: 0px !important;
}
.PDF_form_box h3 {
    font-size: 35px !important;
}

.PDF_form_box .form_imput {
    margin-bottom: 0px;
    padding:15px;
    border-radius: 4px;
}

.PDF_form_box .submit-btn {
    padding: 17px 30px !important;
    border-radius: 4px !important;
    font-size: 14px;
}

.Property_List_modal.BrochureModal .modal-body {
    padding: 0px 40px 30px;
}

.text_light_grey{
    color: #999 !important;
}
.BrochureModal .modal-dialog{
    position: relative;
}

/* ========================= */
/* Loader */
/* ========================= */

#pageLoader {   
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background:#ffffffb3;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.ns_loader-wrapper {
    position: relative;
    width: 180px;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.ns_loader-ring {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 6px solid #e5e7eb;
    border-top: 6px solid #ed1b24;
    animation: spin 1s linear infinite;
}

.ns_loader-logo {
    width: 80px;
    position: relative;
    z-index: 2;
    animation: zoom 1.5s infinite ease-in-out;
    background: url(https://truststone.in/public/assets/img/site_logo.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 30px;
}

.ns_loader-text {
    position: absolute;
    bottom: -35px;
    font-size: 16px;
    font-weight: 700;
    color: #111827;
    letter-spacing: .5px;
}

/* ========================= */
/* Animation */
/* ========================= */

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes zoom {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@media (max-width: 768px) {

    .Property_list.single_B_listing.single_blog_se.horizontal_chart_sec {
        padding: 0px 0 50px !important;
    }

    .horizontal_chart .horizontal-group-f2 {
        width: 100%;
    }

    .horizontal_chart .content p br {
        display: none;
    }

    .horizontal_chart .property_name a {
        font-size: 14px;
    }

    .horizontal_chart .text_r {
        transform: translate(5px, 0px) !important;
    }

    .horizontal_chart .text_r .bar_price {
        font-size: 16px;
        margin-bottom: -23px !important;
    }

    .horizontal_chart .text_r .bar_aria {
        font-size: 10px;
    }
    .horizontal_chart .property_name_bar_mob{
        text-align: left;
    }
    .horizontal_chart .horizontal-bar {
        height: 32px;
        min-width: 6%;
        display: grid !important;
        grid-template-columns: repeat(2, 100%);
        align-items: center;
        align-content: center;
    }
    .ns_empty_price  {
        width: 200px;
        display: block;
        margin-top:0px;
        color: #000 !important;
        font-size: 13px !important;
    }
    /* ========= */
    .PDF_box_chd_box .md-disabled {    
        cursor: pointer;
        pointer-events: visible;
    }


}


/* ============ */
@media only screen and (max-width: 767px) {

    .navbar-brand {

        font-size: 1.2rem;

    }



    .right_nav {

        flex-direction: column;

        width: 100%;

        justify-content: start;

        align-items: start !important;

    }



    a.nav-link {

        padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x) !important;

    }



    .List_Property_btn {

        color: #ed1b24;

        padding: 3px 16px 16px 0px;

    }



    .Free_consultation_btn {

        margin-bottom: 35px;

    }



    .hero-text h1 {

        font-size: 9vw;

    }



    .hero_pera {

        font-size: 4.3vw;

        width: 100%;

    }



    .hero_btn {

        font-size: 4.3vw;

    }



    .hero-bg {  

        height: 550px;
        /* height: 450px; */
        background-position: 70% 52%;
        box-shadow: inset rgba(50, 50, 93, 0.25) 0px 750px 0px 0px;

    }



    .featured-section .logos {

        column-count: 2 !important;

        column-gap: 10px;

        display: grid !important;

        grid-template-columns: 50% 1fr;

        grid-auto-flow: dense;

        height: auto;

    }



    .featured-section .logos img {

        width: 150px;

    }



    .list_heading {

        font-size: 9vw;

        width: 100%;

    }
    .list_heading .tag-title {
        font-size: 5vw;
        
    }

    .Property_list {

        padding: 40px 0 40px;

    }

    .Property_list.blog_listing,

    .Property_list.category_listing,

    .Property_list.single_B_listing {

        padding: 40px 0 0px;

    }

    .headder_bar h1 {

        font-size: 12vw;

    }

    .headder_bar .text-black {

        font-size: 9vw;

    }

    .list_pera {

        font-size: 4.3vw;

        width: 100%;

    }



    .card-title {

        font-size: 7vw;

    }
    

    .property-type,

    .property-type a {

        font-size: 5vw;

    }

    .card-text {

        font-size: 6vw;

    }

    .contact_us .card-text {

        font-size: 4.5vw;

    }

    .Property_list.single_B_listing img {

        /* width: 100%; */

        /*  margin-bottom: 30px; */

        height:auto !important;
       /*  height: fit-content; */

    }
    .Property_list.single_B_listing .PricePage_content img {

        width: 100%;

        /*  margin-bottom: 30px; */

        height: auto !important;

    }


    .Buttons_col a {

        width: 80% !important;

        margin: 20px auto 0px !important;

    }



    .services-section .list_heading {

        font-size: 9vw;

        width: 100%;

        margin-bottom: 8vw;

    }



    .service-item {

        text-align: center;

        margin-top: 4vw;

    }



    .service-item h3 {

        font-size: 7vw;

        line-height: 1.4;

    }



    .service-item p {

        font-size: 4.3vw;

        margin: 10px 0;

        width: 100%;

    }



    .cta-section h2 {

        font-size: 7vw;

        padding: 30px 0;

    }



    .images_bg_box {

        background-color: red;

        background-image: linear-gradient(red, #000000);

        transform: skewX(-0deg);

        padding: 0 10px;

        height: 234px;

        overflow: hidden;

        margin-left: 0px;

    }



    .images_child_box:before {

        transform: skewX(0deg);

    }



    .cta-section p {

        font-size: 9vw;

        padding: 30px 0;

    }



    .cta-section p span.Call_us {

        font-size: 4.3vw;

    }



    .insights-section {

        width: 100%;

        padding-bottom: 50px;

    }



    .insights h1 {

        font-size: 9vw;

        width: 100%;

    }



    .insights .title_pera {

        font-size: 4.3vw;

        width: 100%;

    }

    .insights-section h1 {

        font-size: 9vw;

        width: 100%;

    }

    .footer_content {

        padding: 60px 0 50px;

    }

    .footer h1 {

        font-size: 19vw;

        margin-bottom: -2vw;

    }

    .insights-section .title_pera {

        font-size: 4.3vw;

        width: 100%;

    }



    .footer p {

        font-size: 4.3vw;

        width: 100%;

    }

    /* --- properties page -- */



    .Inspiring_properties .card-title {

        width: 100%;

    }

    .insights-section.About_properties h2 {

        font-size: 9vw !important;

    }

    /* ==== */

    .Find_properties .property-card img {

        width: 100%;

        height: auto;

        object-fit: cover;

    }

    .Find_properties h1 {

        font-size: 9vw;

        width: 100%;

        margin-bottom: 20px;

    }



    .footer_content h4 {

        margin-bottom: 15px;

    }

    /* ======= ====== */



    .Project_Overview_list,

    .Project_Overview_top_list {

        column-count: 1;

        overflow: hidden;

    }

    /* .Project_Overview_top_list .info-box>div:first-child {

        margin-left: 70px;   

    } */

    .button-group .btn-grey,

    .button-group .btn-red {

        width: 80% !important;

        margin: 6px 0 !important;

    }

    .owl-carousel .owl-item img {

        height: 50vw !important;

    }

    .About_Property h3,

    .carousel-slider-second h3,

    .gallery-section h3 {

        font-size: 9vw;

    }

    .gallery-box {

       /*  flex: 0 1 156px; */

    }

    .gallery-container {

        gap: 10px;

    }

    .button-group {

        margin-top: 25px;

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    .three-column-list {

        grid-template-columns: repeat(0, 0fr);

        gap: 15px 250px;

        list-style: none;

        padding: 0;

        margin: 0;

        width: 100%;

        display: block;

    }

    .three-column-list li {

        margin: 20px 10px;

    }

    .Property_List_modal .modal-body {

        flex-direction: column;

    }

    .Property_List_modal .option-box {

        flex: 1;

        text-align: center;

        padding: 20px;

        border-right: 0px solid #ddd;

        display: flex;

        flex-direction: column;

        justify-content: space-between;

    }

    .About_Property p,
    .About_Property ul li,
    .project-overview .description.ns_text_small {
        /* font-size: 18px !important; */
        font-size: 4.3vw !important;
    }

    /* ========== */
    .headder_bar.blog_bar {
        padding: 0px 0 80px;
    }

    .single_B_listing img.card-img-top {
        margin-top: -90px;
        margin-bottom: 0px;
    }

    .Property_list.single_B_listing.single_blog_se {   
        padding: 60px 0 50px !important;
    }

    .single_B_listing .media {
        display: block;
    }

    .single_B_listing .media img {
        padding-right: 0px;
    }

    .single_B_listing .table {
        /*  margin-left: -0.9rem !important; */
        overflow-x: auto !important;
    }

    .single_B_listing .table img {
        width: 200px !important;
    }

    .single_B_listing .table th,
    .single_B_listing .table td {
        padding-right: 0px !important;
        padding-left: 0px !important;
        max-width: 230px !important;
        min-width: 230px !important;
    }

    .single_B_listing .table th:last-child,
    .single_B_listing .table td:last-child {
        max-width: 130px !important;
        min-width: 130px !important;
    }
    /* ========= */
    .developer_logo_le {       
        width: 95%;
        height: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    .owl-carousel .owl-item img{
        height: auto !important;
       /*  height: 130px !important; */
    }
    .owl-carousel.owl-theme .owl-nav {
        margin-top: 0px;
    }
    /* =============== */
    .horizontal .vert-group {         
        gap: 15px;
    }
    .horizontal span.text_r {
        font-size: 14px;
        transform: translate(0px, -77px);       
    }
    .horizontal .property_name {
        font-size: 12px;      
    }
    /* =========== */
    .insights-section.About_properties.question_answers_sec {
        padding-bottom: 60px !important;
    }
    .question_answers_sec .accordion_block {     
        padding: 20px;
    }
    /* =========== */
    .hero_property {
        text-align: center;
        padding: 30px 0px 140px;
    }
    .project_logo_in_single {
        padding: 0vw;
        border: 1px solid #9a9a9a;
        border-radius: 10px;
        margin: 0 70px;
        overflow: hidden;
    }
    .gallery-container {
        flex-direction: column;
    }
    .gallery-box {
         max-width: 100%;
        overflow: hidden;
        position: relative;
        cursor: pointer;
        aspect-ratio: unset !important;
    }
    .single_property_hero .list_heading{
         font-size: 12vw !important;
    }
    /* ======= devloper page ======= */
    .hero-developers {
       /*  background-image: url(https://truststone.in/public/images/webpage_images/banner_home.jpg); */
        background-size: auto;
        background-position: center;
        background-repeat: no-repeat;
        height: auto;
        display: flex;
        align-items: center;
        background-position: 75% 100%;
        position: relative;
        z-index: 22;
    }

    .hero-developers:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        /* background: red; */
        background-image: linear-gradient(to bottom, #ffffff00, #232323);
        z-index: -1;
    }

    .developer_data_content .border-xs-end-none,
    .developer_data_content .border-end.border-xs-end-none {
        border-right: 0px solid #fff !important;
    }

    .hero-developers .deve_box {
        padding-top: 40px;
    }

    .hero-developers .deve_box .btn.ns-custom {
        margin-top: 20px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .hero-developers .deve_box .btn.ns-custom *,
    .hero-developers *,
    .hero-developers .rating_box h3 {
        color: #fff !important;
        text-align: center !important;
        justify-content: center;
    }

    .developer_data_content>div>div:first-child {
        border-bottom: 0px !important;
    }

    .developer_data_content .contact_form_developer {
        border-top: 1px solid #dee2e6;
    }

    .developer_data_content .stat-card-developers {
        justify-content: center;
    }
    /* ======= devloper page ======= */


}