@font-face {
    font-family: "CaviarBold";
    src: url('../fonts/Caviar/CaviarDreams_Bold.ttf');
    font-weight: bold;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'CaviarBold', serif;
    font-weight: bold;
}

p {
    font-family: 'Poppins', sans-serif;
}

a:hover {
text-decoration: none !important;
}

a.clickhere:hover {
color: #000 !important;
text-decoration: none !important;
background-color: #fff;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.header a:hover {
color: #fff !important;
text-decoration: none !important;
}

body {
font-size: 14px;
 font-family: 'Poppins', sans-serif;
}
html {
scroll-behavior: smooth;
}

section {
position: relative;
}

.section-head {
    font-family: 'CaviarBold', serif !important; 
    color: #000;
    padding: 16px 0px;
    font-size: 30px;
    margin: 10px 0px;
    position: relative;
    text-transform: uppercase;
    font-weight: bold; 
}
.nopadding.form {
padding: 5px;
}

.nomargin {
margin: 0;
}

#lock {
display: none;
}

.text-center {
text-align: center;
}

#home {
margin-top: 80px;
}

#home img {
width: 100%;
}

.carousel-caption {
position: absolute;
right: 15%;
top: 10rem;
left: 10%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
color: #fff;
text-align: center;
width: 560px;
}


.carousel-control-next,
.carousel-control-prev {
width: 9%;
opacity: 0.9;
}

.carousel-inner>.item>img {
width: 100%;
}

/* =============== Navbar start =============== */
.navbar-default {
background-color: #fff;
position: fixed;
margin-bottom: 0;
height: 60px !important;
}

.nav>li>a {
color: #000 !important;
padding: 14px 22px;
text-transform: uppercase;
font-size: 18px;
font-weight: 500;
line-height: 30px;
}

.navbar-nav>li {
padding: 0px;
}

.navbar-brand {
height: auto;
padding: 10px 15px;
width: 100%;
}

.navbar-brand>img {
margin: 0 auto;
width: 100px;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
background-color: #fff;
color: #000 !important;
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
margin-left: inherit;
text-align: center;
padding: 0px;
}

#dropdownMenuButton {
background: inherit;
color: #424242;
font-weight: bold;
padding: 6px 12px;
border-bottom: 1px solid #424242;
border-radius: inherit;
}

.dropdown-menu {
background-color: #424242;
min-height: 100px;
border-radius: inherit;
}

.dropdown-item {
width: 100%;
display: block;
text-align: center;
text-transform: uppercase;
padding: 4px 0;
color: #fff;
}

.dropdown-menu {
min-width: 120px;
}

.dropbtn {
background-color: inherit;
text-transform: uppercase;
color: #424242;
padding: 4px 0;
border-bottom: 1px solid #424242;
border: none;
cursor: pointer;
}

.dropdown {
position: relative;
display: inline-block;
padding-bottom: 5px;
border-bottom: 1px solid #424242;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #424242;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
top: 30px;
}

.dropdown-content a {
color: #fff;
padding: 12px 16px;
text-decoration: none;
display: block;
}

.dropdown-content a:hover {
background-color: #424242;
color: #A68749;
}

.dropdown:hover .dropdown-content {
display: block;
}

.dropdown:hover .dropbtn {
background-color: inherit;
}

.imagelogo {
width: 160px;
}

.current a.smoothScroll {
color: #fff !important;
background: #794925;
}

.current a.smoothScroll {
color: #000;
font-weight: bold;
}

/* =============== Navbar End =============== */
/* =============== Slider Start =============== */
/* #slider {
margin-top: 60px;
} */
/* =============== Slider End =============== */
.inneraboutOverview {
text-align: center;
}

/* =============== About Us Start =============== */
.inneraboutus {
padding: 30px 0px;
background-color: #ddd;
}

/* =============== About Us End =============== */
footer {
margin: 0;
padding: 30px 0;
/* background: #f1f1f1; */
}

.footerQR {
display: flex;
justify-content: center;
padding: 23px;
}

.footerlogoinner {
text-align: center;
}

#Overview {
padding-top: 2%;
padding-bottom: 3%;
}

/* =============== Projects Start =============== */
.innerprojects {
padding: 40px 0px;
background: linear-gradient(to right, #23222e, #313554, #23222e);

}
/* .innerprojects-project{

padding: 30px 0;
background-image: url(../img/wite-txture.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;

} */



.slick-arrow {
font-size: 25px;
}

.innerprojects .nav>li>a {
color: #000 !important;
background-color: #fff;
border: 1px solid#000;
padding: 5px 15px;
}

.innerprojects .nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
color: #fff !important;
background-color: #000;
}

.nav-pills>li {
width: 19%;
text-align: center;
color: #000 !important;
border-radius: 4px;
padding: 5px;
}

.innerprojects .nav.nav-pills {
display: flex;
justify-content: center;
margin-bottom: 20px;
}

.prop-div {
box-shadow: 2px 2px 11px #999;
margin-bottom: 5%;

}

.prop-div {
  position: relative;
  overflow: hidden;
  transition: ease all 1s;
  border-radius: 10px;
  margin: 20px;
  height: 500px !important; 
}




@media (max-width: 992px) {
  .prop-div {
    height: 450px;
  }
}


@media (max-width: 768px) {
  .prop-div {
    height: 400px;
  }
}


@media (max-width: 576px) {
  .prop-div {
    height: 350px;
  }
}


@media (max-width: 400px) {
  .prop-div {
    height: 300px;
  }
}

@media (max-width: 1920px) {
  .prop-div {
    height: 550px !important; 
  }
}

@media (max-width: 2024px) {
  .prop-div {
    height: 650px !important; 
  }
}


@media (max-width: 1600px) {
  .prop-div {
    height: 100% !important;
  }
}


@media (max-width: 1440px) {
  .prop-div {
    height: 550px;
  }
}

@media (max-width: 1200px) {
  .prop-div {
    height: 500px;
  }
}

@media (max-width: 576px) {
  .prop-div {
    height: 480px !important; 
  }
}


@media (max-width: 400px) {
  .prop-div {
    height: 480px !important; 
  }
}


/* add new style */
@media (min-width: 2048px) {
  .prop-div {
    height: 700px !important; 
  }
}
@media (min-width: 2560px) {
  .prop-div {
    height: 820px !important; 
  }
}

.projects-slider {
    padding: 0 20px; 
    
}

.prop-img-div {
position: relative;
overflow: hidden;
transition: ease all 1s;
border-radius: 10px;

}



.move {
text-decoration: none;
cursor: pointer;
color: #000;
font-weight: 600;
text-transform: capitalize;

}

.prop-div,
.prop-img-div {
position: relative;
overflow: hidden;
transition: ease all 1s;



}

.prop-img-div img {
transition: ease all 1s;
/*height: 283px;*/
}

.prop-img-div:hover img {
transform: scale(1.3);
transition: ease all 1s;
}

.projectlogo {
/*position: absolute;*/
top: 0px;
right: 0px;
width: 120px;
/* background-color: #fff; */
border-bottom-left-radius: 15px;
padding: 5px;
transition: none !important;
transform: none !important;
margin: 15px auto;
filter: invert(1);
}

p.prop-name {
position: absolute;
top: 0;
right: 0;
color: white;
background-color: black;
padding: 1%;
font-size: 12px;
}

p.prop-price {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
background-color: #000;
border-top-right-radius: 10px;
padding: 1%;
margin: 0;
font-size: 12px;
}

p.prop-undercon {
position: absolute;
top: 0;
left: 0;
color: #fff;
background: linear-gradient(90deg, rgba(0, 0, 0, 1) 59%, rgba(83, 33, 122, 0.10127801120448177) 90%);
border-bottom-right-radius: 10px;
padding: 1%;
margin: 0;
font-size: 12px;
}

.prop-details {
padding: 2%;
/*background-color: white;*/
}

p.rera {
font-size: 9px;
color: #000;
text-align: center;
line-height: 15px;
}

.prop-inner {
/*border-bottom: 1px solid lightgray;*/
color: #191919;
text-align: center;
}
.projectlogo {
    background-color: #fff; 
    display: inline-block;
    padding: 8px;        
    border-radius: 6px;      
/* background: linear-gradient(to right, #23222e, #313554, #23222e); */
    mix-blend-mode: normal !important;
    filter: none !important;
    opacity: 1 !important;
}


.offer-txt {
padding: 4px 0;
background: #424242;
display: none;
}

.offer-txt p {
margin-bottom: 0;
color: #000;
text-align: center;
}

.prop-inner .prop-title {
margin-bottom: 5px;
}
.prop-inner h4{
    color: #fff !important;
    font-size: 18px;

}
.prop-inner p{
    color: #fff !important; 
}

p.prop-title {
float: left;
}

.prop-inner .prop-desc {
/* margin-bottom: 5px;
margin-top: 5px; */
font-size: 14px;
color: #fff !important;
}





/*p.prop-desc {
text-align: right;
}*/
.clickhere {
background-color: #c8902b;
border: 1px solid #fff;
border-radius: 0px;
color: #fff;
display: block;
margin: 20px auto;
text-align: center;
width: 38%;
padding: 5px;
/*background-color: #000;
border-radius: 6px;
font-size: 11px;
color: #fff;
padding: 5px 15px;*/
}


/* new stylee */




/* =============== Projects End =============== */
/* ======================= Contact Form Start ======================= */
.innerContact {
padding: 30px 0px;
background: linear-gradient(to right, #23222e, #313554, #23222e);
margin: 12px 7px;
}

.headContact {
text-align: center;
}

.Contactbox {
border: 3px solid #ffffff;
padding: 15px 30px;
}

.ContactSubbox {
border: 1px solid #b29d78;
}

.ContactSubbox img {
width: 100%;
}

/*.ContactSubbox1 {
border: 1px solid #b29d78;
}*/

.count {
padding-left: 11px;
}

/*label {
margin-left: 10px;
}*/
#pricepopup .input-group {
width: 100% !important;
text-align: justify !important;
/* border-bottom: 1px solid #bfac85;*/
margin-bottom: 5px;
}

#pricepopup .form-control,
#pricepopup .form-control {
display: block;
width: 100%;
/*height: 30px;*/
color: #555;
background-image: none;
border: none !important;
border-radius: 4px;
box-shadow: none;
}

.innerContact button#submitf {
background-color: #c8902b;
color: #fff;
padding: 5px 20px;
margin-top: 20px;
}

button#submitf p {
margin-bottom: 0px;
}

label.error {
font-size: 13px;
color: #fb0303;
}

/* ======================= Contact Form End ======================= */
/* =============== Contact Us Start =============== */
.innercontactus {
background-color: #000;
color: #fff;
/* padding: 50px 0px; */
padding-bottom: 50px;
}

section#footer {
background-color: #000;
color: #fff;
}

#footer h5.text-center.wow.fadeInUp {
cursor: pointer;
display: inline;
text-align: center;
}

.modal-footer {
margin-top: 15px;
padding: 19px 20px 20px;
text-align: right;
border-top: 1px solid #e5e5e5;
text-align: center;
}

.innercontactus .input-group {
margin: 5px auto !important;
}

.input-group {
position: relative;
display: table;
text-align: left;
margin: 7px auto;
width: 100%;
}

.input-group-pop {
text-align: center;
}

.innercontactus h3 {
color: #fff !important;
}

.innercontactus h5 {
color: #fff !important;
cursor: pointer;
}

/* =============== Contact Us End =============== */
/* =============== About Developer Start =============== */
.inneraboutproject {
padding: 30px 0px;
}

/* =============== About Developer End =============== */
/* =============== Disclaimer popup Start =============== */
#disclaimerpopup .modal-dialog {
width: 90%;
font-size: 11px;
}

#disclaimerpopup .modal-header .close2 {
margin-top: 0px;
position: absolute;
right: 15px;
top: 15px;
}

/* =============== Disclaimer popup End =============== */
/* =============== Popup Form Start =============== */
#popupModal .modal-header {
padding: 5px 15px;
border-bottom: 1px solid #e5e5e5;
background: linear-gradient(to right, #23222e, #313554, #23222e);
}

#popupModal .modal-title {
margin: 0;
line-height: 1.42857143;
color: #fff;
text-align: center;
}

#popupModal .modal-header .close2 {
margin-top: 0px;
position: absolute;
right: 15px;
top: 10px;
/* color: #fff; */
text-align: center;
}

.close2 {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 2 !important;
filter: alpha(opacity=20);
}

/* =============== Popup Form End =============== */
button.btn.btn-danger.interested {
font-size: 16px;
position: fixed;
bottom: 10px;
right: 10px;
transition: 0.4s ease-in;
z-index: 999;
background-color: #000;
border: 2px solid #fff;
font-weight: 600;
padding: 7px 10px 6px 10px;
}

.header {
overflow: hidden;
position: relative;
}

.menu {
background-color: #fff;
color: #000;
font-size: 1.8rem;
padding: 0 .5rem;
position: fixed;
top: 20px;
right: 2.5rem;
z-index: 9999;
}

.close {
background-color: #fff;
color: #000;
font-size: 1.8rem;
padding: 0 .5rem;
position: fixed;
top: 20px;
right: 2.5rem;
opacity: 0;
visibility: hidden;
z-index: 9999999;
}

.cus-navbar.active .close {
opacity: 1;
visibility: visible;
z-index: 99;
}

.menu,
.close {
display: block;
cursor: pointer;
padding: 5px 10px;
}

.header .cus-navbar {
position: fixed;
width: 100%;
background: rgba(0, 0, 0, .8);
height: 100vh;
right: 0;
left: 0;
top: 0;
transition: ease 1s all;
transform: translateX(100%);
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}

.header .cus-navbar.active {
transform: translateX(0);
}

.close.active {
opacity: 1;
visibility: visible;
padding-top: 7px;
}

.header .navlist {
width: 20%;
}

.header .navlist li {
display: block;
margin-top: 2rem;
margin-left: 0;
font-size: 2.4rem;
text-align: center;
color: #fff;
border-bottom: 1px solid #ccc;
padding-bottom: 1rem;
}

.header .navlist li a {
color: #fff;
}


.mlgroup {
width: 100px;
margin: 0 auto;
margin-bottom: 20px;
}

.project-overly {
background: rgba(0, 0, 0, .8);
top: 0;
left: 0;
bottom: 0;
right: 0;
position: fixed;
z-index: 99999;
display: none;
cursor: pointer;
}

.project-overly.active {
display: block;
}

.project-popup {
background-color: #fff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
border-radius: 10px;
z-index: 999999;
display: none;
}

.project-popup p {
border-top: 1px solid #A68749;
padding-top: 10px;
margin-top: 10px;
}

.project-popup.active {
display: block;
}

.project-close {
position: fixed;
right: 10px;
top: 10px;
z-index: 9;
font-size: 20px;
cursor: pointer;
}

/* .viewAboutDiv p{font-family: 'cambria', sans-serif !important;} */
.form-check-label label.error:after {
content: " ";
position: absolute;
left: 1px;
top: -9px;
border-top: none;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 8px solid red;
}

.form-check-label {
position: relative;
}

.form-check-label label.error {
position: absolute;
top: 15px;
background: #fff;
color: red;
padding: 0px 3px;
border: 1px solid #000;
z-index: 9;
left: -5px;
}

.form-check-label2 label.error:after {
content: " ";
position: absolute;
left: 1px;
top: -9px;
border-top: none;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
border-bottom: 8px solid red;
}

.form-check-label2 {
position: relative;
}

.form-check-label2 label.error {
position: absolute;
top: 15px;
background: #fff;
color: red;
padding: 0px 3px;
border: 1px solid #000;
z-index: 99;
left: -5px;
}

.serviceBox {
margin-bottom: 30px;
}


.boximg4 img {
display: block;
margin: 0px auto;
width: 245px;
}

.box5 h4 {
text-align: center;
margin: 12px auto;
}

.bord4 {
border-right: 1px solid;
}

.box6 p {
text-align: center;
letter-spacing: 2px;
height: 63px;
}

.box6 h3 {
font-size: 16px;
text-align: center;
letter-spacing: 1px;
}

.bordbottom {
border-bottom: 1px solid #000;
}

#about-us6 {
padding: 50px 0px;
/*background: #f3f3f3;*/
}

.descriptionover {
font-size: 19px;
letter-spacing: 1px;
line-height: 32px;
text-align: center;
}

a:hover,
a:focus {
text-decoration: none;
outline: none;
}

.tab {

padding: 15px;
}

.tab .nav-tabs {
padding: 0;
margin: 0;
border: none;
border-bottom: 3px solid #a48636;
}

.tab .nav-tabs li a {
color: #222;
background: #fff;
font-size: 24px;
font-weight: 600;
text-align: center;
letter-spacing: 1px;
text-transform: capitalize;
padding: 7px 20px 6px;
margin: 0 2px 1px 0;
border: none;
border-radius: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
position: relative;
z-index: 1;
transition: all 0.3s ease 0s;
}

.tab .nav-tabs li.active a,
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a:hover {
color: #fff;
background: transparent;
border: none;
box-shadow: none;
}

.tab .nav-tabs li a:before {
content: "";
background: #a48636;
height: 100%;
width: 100%;
opacity: 0;
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
transition: all 0.3s ease 0s;
}

.tab .nav-tabs li.active a:before,
.tab .nav-tabs li a:hover:before {
opacity: 1;
clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
}

.tab .tab-content {
color: #222;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
line-height: 25px;
padding: 10px;
}

.mytab {
text-align: center;
border-bottom: none;
margin-bottom: 40px;
/* margin-top: 50
px
; */
}

.mytab li {
float: none !important;
display: inline-block;
margin-bottom: 10px;
/* margin-left: -6px; */
margin-right: 15px;
}

.abt22 {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}

.abtwrap {
transition: ease all 1s;
}

.abt22 img {
display: block;
margin: 0px auto;
width: 50px;
}

.abtcontent {
text-align: center;
background: #ffffff;
padding: 10px;
margin: 20px 0;
transition: ease all 0.5s;
border: 2px solid #d8d8d8;
min-height: 70px;
display: flex;
justify-content: center;
align-items: center;
}

.abtcontent {
min-height: 80px;
background: #fff !important;
}

.tranhover:hover {
transform: translateY(-10px);
transition: ease all 0.5s;
}

.tranhover:before {
content: "";
position: absolute;
bottom: -34px;
width: 210px;
left: 50%;
margin-left: -105px;
height: 34px;
border-radius: 50%;
transform: scale(1.15);
background: radial-gradient(rgba(0, 0, 0, 0.1), transparent, transparent);
transition: ease all 0.5s;
}

#projects {
background: #000;
color: #fff;
}

#legacy {
padding-top: 2%;
padding-bottom: 3%;
}

#aboutempirerealty {
padding-top: 3%;
padding-bottom: 4%;
}
#locationmap{
  padding-top: 3%;
padding-bottom: 2%;
}
/* #aboutrustomjee {
    padding-top: 80px; 
    padding-bottom: 60px;
    background: #f9f9f9;
}

#aboutrustomjee .container {
    max-width: 1000px;
    margin: auto;
} */


.text-center {
align-items: center;
}

.underline-black {
color: #000;
text-decoration: underline;
text-underline-offset: 13px;
}

.underline {
color: #000;
text-decoration: underline;
text-underline-offset: 13px;
}

.underline-white {
color: #fff;
text-decoration: underline;
text-underline-offset: 13px;
}

/* Mobile-specific fixes - sirf mobile ke liye */
@media (max-width: 768px) {
    .underline-black,
    .underline,
    .underline-white {
        position: relative;
        text-decoration: none;
    }
    
    .underline-black::after,
    .underline::after,
    .underline-white::after {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 2px;
        background-color: currentColor;
    }
}



/* @media (max-width: 768px) {
    .underline-black,
    .underline,
    .underline-white,
    .underline-red { 
        position: relative;
        text-decoration: none;
    }
    
    .underline-black::after,
    .underline::after,
    .underline-white::after,
    .underline-red::after { 
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 2px;
        background-color: currentColor; 
    }
} */

.btn-default {
color: #fff;
background-color: #c8902b;
border-color: #ccc;
margin-top: 5px;
}

.modal {
z-index: 9999;
}

.largersizetextdesk {
display: block;
}

.largersizetextmob {
display: none;
}

.scrollup {
background: linear-gradient(to right, #23222e, #313554, #23222e);
/* background: #000; */
text-align: center;
padding: 0px;
width: 40px;
height: 40px;
position: fixed;
bottom: 6%;
right: 3%;
cursor: pointer;
color: #fff;
border-radius: 50px;
z-index: 999;
display: none;

}

i.fa.fa-arrow-circle-up {
font-size: 36px;
padding: 2px;
}




#header {
position: fixed;
left: 0;
top: 0;
width: 100%;
padding: 10px 0;
z-index: 1031;
background: linear-gradient(to right, #23222e, #313554, #23222e);
transition: top 0.5s, background-color 0.5s;
box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, .1);

}

#header.fixed {
background: linear-gradient(to right, #23222e, #313554, #23222e);
box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, .1);
}

#header.nav-up {
top: -120px;
}

#header.nav-down {
top: 0;
}






/* Header */
#header {
position: fixed;
left: 0;
top: 0;
width: 100%;
padding: 12px 0;
z-index: 1031;
background-color: #fff;
/* background: linear-gradient(to right, #23222e, #313554, #23222e); */

transition: top 0.5s, background-color 0.5s;
box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, .1);
}

#header.nav-up {
top: -120px;
}

#header.nav-down {
top: 0;
}

/* Container */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}

/* Navbar */
.navbar {
display: flex;
width: 100%;
}

.navbar-container {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}

/* Logo */
.logo img {
width: 85px;
height: auto;
}

/* Menu Items */
.menu-items {
list-style: none;
display: flex;
align-items: center;
margin-top: 14px;
 font-family: 'CaviarBold', serif;
  font-weight: bold; 
}

.menu-items li {
margin-left: 2rem;
 font-weight: bold;
  font-family: 'CaviarBold', serif;
}


.navbar a {
color: #000;
text-decoration: none;
font-weight: var(--font-weight-600);
font-size: 16px;
transition: color 0.3s ease;
display: block;
}

.navbar a span {
display: block;
transition: color 0.3s ease;
}

.navbar a:hover span,
.navbar a.active span {
color: #fff; 
}

/* Enquire Button */
/* Enquire Button */
.enquire-btn {
background: linear-gradient(to right, #23222e, #313554, #23222e);
color: #fff !important;
padding: 8px 20px;
border-radius: 5px;
font-weight: var(--font-weight-600);
transition: all 0.3s ease;
animation: pulse 2s infinite;
}


.enquire-btn:hover {
background: linear-gradient(to right, #23222e, #313554, #23222e);
color: #fff !important;

}

/* Pulse animation keyframes */
@keyframes pulse {
0% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(35, 34, 46, 0.7),
0 0 0 0 rgba(49, 53, 84, 0.7);
}
70% {
transform: scale(1.05);
box-shadow: 0 0 20px 20px rgba(35, 34, 46, 0),
0 0 20px 20px rgba(49, 53, 84, 0);
}
100% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(35, 34, 46, 0),
0 0 0 0 rgba(49, 53, 84, 0);
}
}
/* Universal (Desktop + Mobile) */

/* 

.navbar a,
.menu-items li a {
color: #fff !important;
text-decoration: none;
}


.navbar-container input[type=checkbox],
.hamburger-lines {
display: none;
color: #fff !important;
}

@media (max-width: 768px) {
body { padding-top: 70px; }

.logo img { width: 50px; }


.navbar-container input[type=checkbox] {
position: absolute;
display: block;
height: 32px;
width: 35px;
top: 50%;
right: 20px;
transform: translateY(-50%);
z-index: 5;
opacity: 0;
cursor: pointer;
}

.hamburger-lines {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 24px;
width: 30px;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
z-index: 2;
}

.hamburger-lines .line {
height: 3px;
width: 100%;
border-radius: 2px;
background: #fff !important;
transition: transform 0.3s ease-in-out;
}


.menu-items {
position: fixed;
top: 0;
right: 0;
width: 300px;
height: 100vh;
background: linear-gradient(to right, #23222e, #313554, #23222e);
flex-direction: column;
padding: 80px 30px 30px;
transform: translateX(100%);
transition: transform 0.4s ease-in-out;
overflow-y: auto;
}

.menu-items li {
width: 100%;
margin-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding-bottom: 20px;
}

.menu-items li:last-child {
border-bottom: none;
}

.navbar a {
font-size: 18px;
}

.navbar-container input[type=checkbox]:checked ~ .menu-items {
transform: translateX(0);
}

.navbar-container input[type=checkbox]:checked ~ .hamburger-lines .line1 {
transform: rotate(45deg);
}

.navbar-container input[type=checkbox]:checked ~ .hamburger-lines .line2 {
transform: scaleY(0);
}

.navbar-container input[type=checkbox]:checked ~ .hamburger-lines .line3 {
transform: rotate(-45deg);
}
}

@media (max-width: 480px) {
.menu-items { width: 280px; }
.logo img { width: 45px; }
.navbar a { font-size: 16px; }
}
 */

/* Header background white */
header#header {
    background: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* Desktop menu text with gradient color */
.navbar a,
.menu-items li a {
    background: linear-gradient(to right, #23222e, #313554, #23222e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
   
  
}

/* Mobile */
.navbar-container input[type=checkbox],
.hamburger-lines {
    display: none;
}

@media (max-width: 768px) {
    body { padding-top: 70px; }

    .logo img { width: 60px; }

    /* Hamburger */
    .navbar-container input[type=checkbox] {
        position: absolute;
        display: block;
        height: 32px;
        width: 35px;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        z-index: 5;
        opacity: 0;
        cursor: pointer;
    }

    .hamburger-lines {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 24px;
        width: 30px;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
        z-index: 2;
    }

    /* Hamburger lines gradient */
    .hamburger-lines .line {
        height: 3px;
        width: 100%;
        border-radius: 2px;
        background: linear-gradient(to right, #23222e, #313554, #23222e);
        transition: transform 0.3s ease-in-out;
    }

    /* Mobile Menu */
    .menu-items {
        position: fixed;
        top: 0;
        right: 0;
        width: 300px;
        height: 100vh;
    background-color: #fff;
        flex-direction: column;
        padding: 80px 30px 30px;
        transform: translateX(100%);
        transition: transform 0.4s ease-in-out;
        overflow-y: auto;
    }

    .menu-items li {
        width: 100%;
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 10px;
    }

    .menu-items li:last-child {
        border-bottom: none;
    }

    .navbar a {
        font-size: 18px;
        color: #fff !important; /* Mobile menu text white */
    }

    .navbar-container input[type=checkbox]:checked ~ .menu-items {
        transform: translateX(0);
    }

    .navbar-container input[type=checkbox]:checked ~ .hamburger-lines .line1 {
        transform: rotate(45deg);
    }

    .navbar-container input[type=checkbox]:checked ~ .hamburger-lines .line2 {
        transform: scaleY(0);
    }

    .navbar-container input[type=checkbox]:checked ~ .hamburger-lines .line3 {
        transform: rotate(-45deg);
    }
}

@media (max-width: 480px) {
    .menu-items { width: 280px; }
    .logo img { width: 45px; }
    .navbar a { font-size: 16px; }
}

.advantage{
background-color: #fff !important;
}

/* Carousel container ko stable banane ke liye */
.benefits-carousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.benefits-carousel .owl-stage-outer {
    overflow: hidden;
}

.benefits-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

.benefits-carousel .shadow-effect:hover {
    transform: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.benefits-carousel .item {
    display: flex;
    justify-content: center;
   padding: 0px;
    height: 550px;
    color: #fff !important;
}

.benefits-carousel .shadow-effect {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 20px;
    padding: 20px;
    color: #fff !important;
    background-size: cover;
    background-position: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    width: 100%;
    max-width: 100%;
    background: linear-gradient(to right, #23222e, #313554, #23222e);
  
}

@media (max-width: 768px) {
    .benefits-carousel .item {
        min-height: 600px; /* Height badhaya */
        padding: 5px;
    }
    
    .benefits-carousel .shadow-effect {
        height: 550px; /* Height badhaya content ke liye */
        padding: 20px;
        overflow: hidden;
    }
    
    .benefits-carousel .owl-stage {
        touch-action: pan-y pinch-zoom;
    }
    
    .benefits-carousel {
        -webkit-overflow-scrolling: touch;
    }
}

.testimonial-name,
.description-latest-activity p,
.tnc-note {
    color: #fff;
    text-align: center;
}

/* .secpadding {
    padding: 60px 20px;
} */

.section-head2 h1 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #fff !important;
    margin-bottom: 1rem;
}

.shadow-effect {
    border-radius: 15px;
    padding: 2rem;
    height: 450px;
    display: flex;
    flex-direction: column;
    position: relative;
    color: #fff !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35);
}


.shadow-effect:hover {
   
    box-shadow: 0 40px 90px rgba(0, 0, 0, 0.45);
}


@media (max-width: 768px) {
    .shadow-effect {
        height: 550px !important;
        padding: 2rem; 
        min-height: 550px;
        max-height: 550px;
    }
}

@media (max-width: 576px) {
    .shadow-effect {
        height: 500px !important; 
        padding: 2rem; 
        min-height: 500px;
        max-height: 500px;
    }
    
    .benefits-carousel .item {
        min-height: 520px; /* Height badhaya */
        padding: 15px; /* Left right space ke liye */
    }
}

.shadow-effect:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

@media (hover: none) {
    .shadow-effect:hover {
        transform: none;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }
}

.testimonial-name {
    font-size: 1.85rem;
    font-weight: 600;
    color: #fff !important;
    margin-bottom: 1.5rem;
    line-height: 1.3;

}

.description-latest-activity {
    flex-grow: 1;
    overflow: visible; /* Content pura dikhane ke liye */
}

.description-latest-activity p {
    color: #fff !important;
    line-height: 1.6;
    font-size: 1.30rem;
    margin: 0;
}

.benefits-carousel .owl-nav button:focus {
    outline: none !important;
}

@media (max-width: 768px) {
    .section-head2 h1 {
        font-size: 2rem;
    }

    .secpadding {
        padding: 60px 20px;
    }

    .testimonial-name {
        font-size: 1.85rem !important;
        margin-bottom: 1.5rem;
        color: #000 !important;
    }
    
    .description-latest-activity p {
        font-size: 1.45rem; 
        line-height: 1.6;
    }
    

    .innerAdvantage {
        overflow-x: hidden;
    }
}

@media (max-width: 576px) {
    .section-head2 h1 {
        font-size: 1.8rem;
    }
    
    .testimonial-name {
        font-size: 1.85rem !important;
        margin-bottom: 1.5rem;
        color: #fff !important;
    }
    
    .description-latest-activity p {
        font-size: 1.45rem; 
        line-height: 1.6;
    }
}

/* Owl Carousel specific mobile fixes */
@media (max-width: 768px) {
    .owl-carousel .owl-item {
        float: none;
        display: flex;
        align-items: stretch;
    }
    
    .owl-carousel .owl-stage {
        display: flex;
        align-items: stretch;
        transform: translate3d(0px, 0px, 0px); 
    }
}

@media (max-width: 576px) {
    .shadow-effect {
        height: 550px !important; 
    }
    
    .benefits-carousel .item {
        min-height: 570px !important; 
    }
}
/* @media (max-width: 1024px) and (min-width: 769px) {
    .shadow-effect {
        height: 600px !important;
    }
    
    .benefits-carousel .item {
        height: 620px;
    }
} */

.logo img {
width: 55%;

object-fit: contain;
}


.prop-img-div {
position: relative; 
}

.prop-badge {
position: absolute;
top: 0;
right: 0; 
background: #fff; 
color: #000;
padding: 6px 14px;
font-size: 14px;
font-weight: bold;
border-bottom-left-radius: 6px; 
}





.menu-items li a span {
    text-transform: uppercase;
}



    .tab-pane { display: none; }
    .tab-pane.active { display: block; }
 @keyframes fadeSlideUp {
    0% {
      opacity: 0;
      transform: translateY(30px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .animate-fadeSlideUp {
    animation: fadeSlideUp 1s ease forwards;
  }


  @media (max-width: 768px) {
    .visionary-section .container {
        flex-direction: column !important; /* stack vertically */
    }

    .visionary-section .visionary-image {
        order: -1; /* image always comes first */
        width: 100% !important;
    }

    .visionary-section .visionary-content {
        order: 0; /* content after image */
        width: 100% !important;
        padding: 0 10px !important; /* optional padding */
        margin-top: 20px;
        margin-bottom: 40px;
        overflow: hidden;
    }
}



/* Section Padding */
.visionary-section {
    padding: 50px 0;
    overflow: hidden;
}

/* Section Heading */
.visionary-section .sppb-section-title.text-center {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    order: -10; /* For mobile: heading comes first */
}

.visionary-section .section-head {
    font-family: 'CaviarBold', serif;
    font-weight: 800;
    font-size: 30px;
    color: #000;
    padding: 16px 0;
    margin: 10px 0;
    text-transform: uppercase;
    position: relative;
}

/* Container for each leader */
.visionary-section .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 50px;
}

/* Images */
.visionary-section .visionary-image {
    flex: 1;
    min-width: 300px;
    padding: 10px;
}

.visionary-section .visionary-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 5px solid #ddd;
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* Content */
.visionary-section .visionary-content {
    flex: 1;
    min-width: 300px;
    padding: 0 30px;
}

.visionary-section .visionary-content p {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.7;
}

/* Responsive: stack image above content on mobile */
@media (max-width: 768px) {
    .visionary-section .container {
        flex-direction: column;
    }
    .visionary-section .visionary-image {
        order: -1; /* image always comes first */
        width: 100%;
    }
    .visionary-section .visionary-content {
        order: 0;
        width: 100%;
        padding: 2px 0;
        margin-bottom: 40px;
    }
}


.visionary-heading .section-head {
    font-family: 'CaviarBold', serif;
    font-weight: 800;
    color: #000;
    text-transform: uppercase;
    line-height: 1.2;
}

.visionary-heading .section-head .name {
    display: block;
    font-size: 24px;
    font-weight: 900;
    color: #000;
    margin-bottom: 5px;
}

.visionary-heading .section-head .role {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #555; /* slightly lighter than name */
}
@media (max-width: 768px) {
    .sppb-title-heading {
        text-align: center;
    }
}

.sppb-title-heading .name {
    display: block;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.2; /* reduce line spacing */
    margin-bottom: 2px; /* small space to role */
}

.sppb-title-heading .role {
    display: block;
    font-size: 14px;
    line-height: 1.2; /* reduce spacing */
    font-weight: 600;
}
/* Default: desktop map visible, mobile map hidden */
.desktop-map { display: block; }
.mobile-map { display: none; }

/* Mobile: show mobile map, hide desktop map */
@media (max-width: 768px) {
    .desktop-map { display: none; }
    .mobile-map { display: block; }
}



/* By default hide mobile map */
.map-mobile {
  display: none;
}

/* Show mobile map and hide desktop map on small screens */
@media (max-width: 768px) {
  .map-desktop {
    display: none;
  }
  .map-mobile {
    display: block;
  }
}