:root {
  --bs-primary: #EFB54B;
  --bs-secondary: #1F2937;
  --font-body: 16px;
  --white-color:#ffffff;
  --black-color:#000000;
  --bs-family: "Poppins", serif;
  --bs-link:  #C8872C;
  --bs-light-gray:  #f5f5f5;
  --bs-light-gold: #FFF3E2;
  --bs-primary-rgb: #C8872C;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  }
  
:focus {
  outline: 0;
}
ul,
ol {
  list-style-type: disc;
  margin-left: 18px;
  padding: 0px;
  margin-bottom: 10px;
}
li {
  margin: 0px;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
strong {
  font-weight: bold;
}
a img {
  border: 0;
}
img {
  max-width: 100%;
  border: 0 none;
  height: auto;
  vertical-align: middle;
}
.display-block {
  display: block;
}

body {
  padding: 0;
  margin: 0px;
  color: var(--bs-black);
  font-family: var(--bs-family);
  font-size: var(--font-body);
  background:#F5F5F5; 
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	padding: 0;
	margin: 0;
  font-family: var(--bs-family);
	font-weight: 600;
	color: var(--bs-secondary);
}

h1 { font-size:32px; }
h2 { font-size:20px;}
h3 { font-size:18px; }
h4 {font-size:16px;}
h5 {font-size:14px;}


h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { 
 color: var(--primary);	
}
button {
  cursor: pointer;
}
hr {
  border-color: #999;
}
p {
  clear: both;
  padding: 0 0 10px 0;
  margin: 0;
  color: var(--bs-black);
  font-size: var(--font-body);
  line-height: normal;
}
a {
  color:var(--bs-link);
}
a:focus, a:active {
 outline: none !important;
 border: none;
}
p a:hover,
a,
a:hover {
  text-decoration: none;
  color: var(--bs-link);
}
iframe {
  max-width: 100%;
}

.btn.focus,
.btn:focus {
  box-shadow: none;
}


.btn, .btn:active, .btn:focus, .swal2-styled  { background:var(--bs-primary)!important; border: none; border-radius: 30px; padding:10px 20px; font-weight:500; color: var(--bs-secondary);}
.btn:hover, .swal2-styled:hover { background:var(--bs-secondary) !important; color:var(--white-color) !important; }

.btn.btn-secondary, .swal2-cancel { background: var(--bs-secondary) !important; color: #fff;}
.btn.btn-secondary:hover, .swal2-cancel:hover { background: #535f70 !important;}

.container { max-width: 1380px; }

/*------------------------------------*\
         Custom Css Start
\*------------------------------------*/

html,body { height: 100%;}

/* header css start here */

header { position: fixed;  background: rgba(0,0,0,0.26); z-index: 99; background:var(--white-color); box-shadow: 0 3px 3px rgba(6, 6, 6, 0.1); height: 65px; margin: 0 0px 0px 270px; left: 0px; right: 0; transition: margin-left 0.3s ease; top: 0px; }
header .container { max-width: 100%; padding: 5px 20px;  }
.header-inner { display: flex; justify-content: space-between; align-items: center; height: 55px; }

.logo-sec img { max-width: 122px;}

.profile-dropdown { cursor:pointer; background: url(../images/profile-arrow.svg) 100% 50% no-repeat; padding: 0 40px 0 0; position: relative;  }
.profile-block { display: flex; align-items: center;}
.profile-label span { display: block;   }
.profile-label .profile-name { padding: 0 0 0px 0; font-size: 14px; font-weight: 500; line-height: 16px;  }
.profile-label .profile-post { color:var(--bs-primary); font-size: 12px; line-height: 16px; font-weight: 400;}
.profile-block img { border-radius: 100%; margin-right:10px; width:38px;  height: 38px; }

.top-header-right { display:flex; align-items: center;}
.notification { margin-right:20px;  }
.notification a { position:relative; background:#FFF3E2; display:block; width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius: 100%; }
.notification a img {filter: invert(1);}
.notification { position: relative;}

.notification-dropdown{width:360px;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:10px;position:absolute;right:0; max-height: 354px;
  overflow-y: auto; display: none;}
.notification-item{display:flex;gap:12px;padding:12px;border-radius:0px;cursor:pointer;transition:background .2s ease; border-bottom: #e5e4e4 solid 1px;}
.notification-item:hover{background:#f8f9fa}
.notification-icon{width:42px;height:42px;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.notification-icon.offer-label{background:#fff3d9;color:#efb54b}
.notification-icon.property-label{background:#eaeaff;color:#4b4ba2}
.notification-content h6{font-size:14px;font-weight:600;margin:0 0 4px;color:#111827}
.notification-content p{font-size:13px;color:#6b7280;margin:0;line-height:1.4; padding-bottom: 0px; }
.notification-dropdown.show{display:block}


.red-dot {  position: absolute;
  top: -5px;
  right: -5px;
  background-color: red;
  color: white;
  font-size: 10px;
  font-weight: bold;
  padding: 2px 6px;
  border-radius: 20px;
  line-height: 15px;
  min-width: 18px;
  text-align: center; height: 18px;}

.profile-menu { position:absolute; right:0; top:48px; background:white; list-style:none; border:1px solid #e9e9e9; width:160px;}
.profile-menu li a { display: flex; padding: 10px; border-bottom: #dfdfdf solid 1px; color: #000;}
.profile-menu li a:hover{ color: var(--bs-primary);}
.profile-menu button[type="submit"] {background: none; border: none; padding: 10px; display: block; text-align: left; width: 100%; color: #000; font-weight: normal;}
.profile-menu button[type="submit"]:hover { color: var(--bs-primary) !important; }

#country_change.form-select { padding:8px 25px 8px 15px; height: 40px; margin-right: 5px; }

/* header css end here */


.main { padding:0px 0 0px 0; position:relative; }

.sidebar {  width: 270px; background:var(--bs-secondary); height: 100vh;  position: fixed;  top: 0px;  left: 0; border-radius: 0px 0px 0 0;  transition: width 0.3s ease;  z-index:999; overflow-y: auto;  }

.sidebar-logo { text-align: center; padding: 20px 0 10px 0;}
.sidebar-logo img { margin:0 auto; height: 28px;  width: 200px; }

.sidebar-menu {padding:30px 0 20px 20px; }
.sidebar-menu ul {  list-style: none;  margin: 0px;   padding: 0px; }
.sidebar-menu > ul li  { margin-bottom:5px;}
.sidebar-menu > ul > li > a {  display: flex;  align-items: center;  padding: 18px 20px; color: var(--white-color);  text-decoration: none; transition: 0.3s; display: flex; align-items: center;   border-radius: 30px 0px 0px 30px; font-weight: 500; font-size: 16px; }
.sidebar-menu > ul > li:hover > a, .sidebar ul > li.active > a { background: linear-gradient(120deg, #F0BC74 0%,  #D5A767 100%);  color: #000; }
.sidebar-menu ul li.sub-child > a span { position: relative; display: block; width: 100%;}
.sidebar-menu ul li.sub-child > a span::after { background: url(../images/profile-arrow.svg) 100% 50% no-repeat; content: "";  position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(-90deg);  transition: transform 0.3s ease; width: 10px; height: 6px; filter: invert(1);  }
.sidebar-menu ul li:hover a span::after  {  filter: invert(0); }
.sidebar .bi { width: 25px; height: 25px; display: inline-block;  }
/* .sidebar ul li a.active .bi.bi-user svg path, .sidebar ul li a.active .bi.bi-project svg path, .sidebar ul li a:hover .bi.bi-user svg path, .sidebar ul li a:hover .bi.bi-project svg path  { stroke: #000; }
.sidebar ul li a.active .bi.bi-dashboard svg path, .sidebar ul li a.active .bi.bi-setting svg path, .sidebar ul li a:hover .bi.bi-dashboard svg path, .sidebar ul li a:hover .bi.bi-setting svg path { fill: #000; } */

.sidebar-menu > ul > li:hover > a .bi, .sidebar-menu > ul > li.active a .bi { filter: invert(1); }

.sidebar-menu ul li .menu-dropdown { padding: 10px 0 0 50px; display: none; }
.sidebar-menu ul li .menu-dropdown li { padding: 5px 0;}
.sidebar-menu ul li .menu-dropdown li a { color:#fff;}
.sidebar-menu ul li .menu-dropdown li.active a { background:none; color: #ffc107; }

.sidebar-menu ul li.sub-child.open-menu .menu-dropdown  {  display: block; }
.sidebar-menu ul li.sub-child.open-menu a span::after { transform: translateY(-50%) rotate(0deg); }

.sidebar-menu > ul li.sub-child { position:relative; }
.short-menu .sidebar-menu ul li .menu-dropdown { position:absolute; background:var(--bs-secondary); width:200px; position:absolute; left:75px; bottom: 0; top: auto; }



.short-menu header { margin: 0 0px 0px 75px; }
.short-menu .sidebar { width: 75px; overflow: visible;   }
.short-menu .sidebar-logo { padding:15px 15px 15px 15px; }
.short-menu .sidebar-menu { padding:0px 0 20px 0px; }
.short-menu .sidebar .sidebar-menu .bi { margin: 0px auto !important; }
.short-menu .sidebar-menu ul li a { border-radius:0px; } 
.short-menu .sidebar-menu ul li a span { display: none;}
.short-menu .main-content  { margin-left: 75px !important; }

.short-menu .sidebar-menu > ul > li > a {padding: 18px 18px; }

.sidebar-logo-mobiole { display:none;}

.close-side { display: none;}

.short-menu .sidebar-logo-mobiole { display:block; padding: 9px 15px 9px 15px;  background: #f5f5f5;}
.short-menu .sidebar-logo-mobiole img { transition: width 0.3s ease;  }
.short-menu .sidebar-logo { display:none; }


.bi-dashboard { background:url(../images/dashboard-icon.svg) 50% 50% no-repeat; }
.bi-user { background:url(../images/users-icon.svg) 0 50% no-repeat; }
.bi-project { background:url(../images/project-icon.svg) 50% 50% no-repeat; }
.bi-setting { background:url(../images/setting-icon.svg) 0 50% no-repeat; }
.bi-megaphone {background:url(../images/promotions.svg) 0 50% no-repeat;}
.bi-house {background:url(../images/home-icon.svg) 0 50% no-repeat;}
.bi-person-plus {background:url(../images/growth-icon.svg) 0 50% no-repeat;}
.bi-people {background:url(../images/team-icon.svg) 0 50% no-repeat;}
.bi-envelope {background:url(../images/mail-icon.svg) 0 50% no-repeat;}
.bi-person {background:url(../images/profile-icon.svg) 0 50% no-repeat;}
.bi-pages {background:url(../images/page-icon.svg) 0 50% no-repeat;}
.bi-notification { background:url(../images/carbon_notification.svg) 0 50% no-repeat; }
.bi-template {  background:url(../images/web-design-new.svg) 0 50% no-repeat; background-size: 23px auto; }
.bi-book {  background:url(../images/contact-mail.svg) 0 50% no-repeat; background-size: 23px auto; }


.main-content {  margin-left:270px;  padding: 0px; padding:80px 20px 0px 20px; transition: margin-left 0.3s ease;   /* smooth animation */ }


.phone-group select { padding-right: 15px !important; }


/* login page css start here */

.login-page { overflow: hidden;}
.login-page .midd { height: 100%; padding: 0px;}
.login-page-block { height: 100%;  background: var(--white-color);}
.login-page-block .row { margin: 0px; height: 100%; }
.login-page-block .row .col-md-7, .login-page-block .row .col-md-5 { padding:0px; position: relative; }

.login-page .form-label { margin-bottom: 3px;}

.login-bg { height: 100%; width: 100%; }
.login-bg img { height: 100%; width: 100%; object-fit: cover; }
.login-bg:before { background: rgba(31, 41, 55, 0.3); content: ""; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; }

.login-frm { height: 100%; display:flex; align-items: center; }

.login-content { padding:0px 30px 50px 30px; width: 100%; max-width: 520px; margin: 0 auto;  position: relative; z-index: 99;}
.login-content input[type="text"], .login-content input[type="password"] { padding:15px 20px 15px 20px; border-radius: 30px; height:46px; }

.login-txt { padding:0px 30px 100px 30px; max-width:820px; margin:0 auto; position: absolute; text-align: center; left: 0; right: 0;  }
.login-txt h3 { font-size: 24px; color:var(--white-color); padding: 0 0 15px 0; font-weight: 500;}
.login-txt h1 { color:var(--white-color); margin: 0 0 20px 0; }
.login-txt p { color:var(--white-color); margin: 0 0 30px 0;     font-size: 18px; }
.login-txt a { background: var(--white-color); border-radius: 40px; color: #000; padding:15px 30px; font-weight: 600; }

.login-logo { padding:50px 0px 60px 0px;}
.login-logo { text-align: center;}

.login-page .col-md-5:before { background: url(../images/login-top-bg.png) 0 0 no-repeat; content: ""; display: block; width: 100%; min-height: 100%; position: absolute; background-size: contain;  }
.login-page .col-md-5:after { background: url(../images/login-bottom-bg.png) 0 100% no-repeat; content: ""; display: block; width: 100%;   position: absolute; height: 100vh; bottom: 0;top: 0; background-size: contain;  }

.resend { padding: 8px 0 0 0; text-align: right;}

.login-btn { padding: 10px 0 0 0;}
.login-btn input[type="submit"] { padding: 12px 30px; font-size:18px; font-weight: 500; height:50px; width: 100%;  }

.login-content .ms-1 { vertical-align: middle; }
.login-content .logo-sec { padding:0 0 60px 0; text-align:center; }

.form-control { background: #fff; border-radius: 25px; height: 46px; font-family: var(--bs-family); }
.login-content .row {     margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); }

select.form-control { background:#fff url(https://skye-scraper.mars.host4india.in/images/select-arrow.svg) 97% 50% no-repeat; }

.login-frm { height: 100vh; overflow: auto; align-items: center;}

.terms-conditions {  align-items: center; padding: 5px 0 15px 0; }
.terms-conditions label { font-size: 14px; }
.terms-conditions input[type="checkbox"] { width: 16px; height: 16px; margin: 0 6px 15px 0; position: relative; top: 2px; float: left;}
.terms-conditions p { margin: 0px; padding: 0px;}

.terms-conditions .error-terms { display: block;}

.continue-with { text-align: center; padding: 20px 0 0 0;}
.continue-with label { display: block; padding: 0 0 20px 0; font-size: 14px;}
.continue-link { display: flex; justify-content: center; gap: 20px;}
.continue-link button { background:var(--white-color); border: none; padding: 10px 20px; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); border-radius: 8px; width: 100%;}

.already-log { padding:25px 0 10px 0; color: #666666;}
.already-log a { font-weight: 600; }


.login-page .reg-page-block .col-md-5:before { background:url(../images/login-top-bg.png) -16px 0 no-repeat; background-size: contain;  }
.login-page .reg-page-block .col-md-5:after { background:url(../images/login-bottom-bg.png) -16px 100% no-repeat; background-size: contain;   }

.reg-page-block .login-frm { align-items: flex-start;}


/* login page css end here */

.footer { text-align: center;  color: #ccc;  padding: 15px 0px;  font-size: 0.9rem;     bottom: 0px;  left: 0px; right: 0px;  }
.footer-inner { display: flex; justify-content: space-between; color:#333;}


/* Dashboard page css start here */

#userTable tr td:last-child { min-width:190px;}





.dashboard-top-box { margin-bottom: 25px;  }
.dashboard-post { background:var(--white-color); border-radius:10px;  padding:15px; display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);  transition: box-shadow 0.4s ease, transform 0.4s ease;  }
.dashboard-post:hover {box-shadow: 0 20px 45px rgba(51, 77, 114, .15);}
.dashboard-post .dashboard-icon { width:58px; height:58px; display: flex; align-items:center; justify-content:center; border-radius:7px; justify-self: flex-end; margin: 0 0 0 auto;   }
.dashboard-post .post-stetus { padding-top: 5px; color: #828282; font-size: 14px; }

.dashboard-post-detail { padding: 0 0 0 0px; }
.dashboard-post-detail p { margin: 0px;     padding:0px 0 10px 0; font-weight: 500; color: #333;}
.dashboard-post-detail h3 { white-space: nowrap; font-size: 28px;  }



.da-dashboard-user .dashboard-icon { background:#DEFFEA;}
.da-dashboard-user .dashboard-post-detail h3 { color:#15803D; }

.da-upload-file .dashboard-icon { background:#FAEBD5;}
.da-upload-file .dashboard-post-detail h3 { color:#C8872C; }

.da-login-active .dashboard-icon { background:#EAEAFF;}
.da-login-active .dashboard-post-detail h3 { color:#4B4BA2; }

.da-revenue .dashboard-icon { background:#ddebff;}
.da-revenue .dashboard-post-detail h3 { color:#5d9ffd; }


.data-block { padding: 20px 20px 0px 20px; height: 100%;}


.main-content main {
  min-height: calc(100vh - 170px); overflow: hidden;
}


.card { border-radius: 10px; border: none;  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }

.card-top { display: flex; justify-content: space-between;}

.table-responsive { padding:20px 0 20px 0;}
.table-responsive table tr th { background: #fff6e8; border-bottom: none; color: #0D205F; font-weight:500; font-size: 15px; white-space: nowrap; }
.table-responsive table tr th:first-child {  border-radius: 30px 0 0 30px; min-width: 54px; }
.table-responsive table tr th:last-child { border-radius: 0 30px 30px 0;  }
.table-responsive table tr:last-child td { border: none;}
.table-responsive { border-radius: 10px; border-left:none; border-bottom:none;}
.table-responsive table {margin-bottom: 10px !important; border-radius: 10px; border: none; }
.table>:not(caption)>*>th { background-color: transparent;  color:var(--white-color); }
.table thead th { padding: 10px; color:var(--white-color);  }
.table thead th, .table tbody td { vertical-align: middle; font-size: 15px; text-align:left; padding: 12px 10px !important; } 
.table tbody td span.status-label { background:#D3FEE3; padding:5px 10px; border-radius:5px; color: #15803D; display: inline-block; text-align: center;     white-space: nowrap;  }
.table .dropdown-toggle::after { display:none; }
.table .dropdown-toggle { border: none; background: #E8FFFD;  padding:10px 10px; border-radius: 5px; }

#teamTable tr td:nth-child(4) { white-space:nowrap;} 

.table-responsive table#projectTable tr th { padding-right:24px!important; }

.dataTables_wrapper .dataTables_length { padding: 0 0 20px 0; font-size: 15px; }
table.dataTable>thead>tr>th, table.dataTable>thead>tr>td { border-bottom: none !important;}
table.dataTable.display>tbody>tr.odd>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1 { box-shadow: none !important;}
table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1 { box-shadow: none !important;}

body table.dataTable tr td { background:#fff !important;  box-shadow:none !important;} 
body .dataTables_wrapper .dataTables_info { font-size: 14px; margin-left: 10px; }
body .dataTables_paginate { padding-bottom: 15px; margin-right: 10px; }
body .dataTables_wrapper .dataTables_paginate .paginate_button { border: 1px solid #ccc; padding: 3px 10px; border-radius: 3px;   }
body .dataTables_wrapper .dataTables_paginate .paginate_button.current { background: var(--bs-secondary); color: #fff !important; }



body table#projectTable tr td:nth-child(4) { max-width:250px;  min-width:250px;}


body table.dataTable tr td .text-primary { background: #D7E9FF; padding: 8px 10px; border-radius: 5px; color: #227ad7 !important;  vertical-align: middle; margin: 0px 3px; }
body table.dataTable tr td .text-warning { background: #EBE9F8; padding: 8px 10px;  border-radius: 5px; color: #604ae3 !important; vertical-align: middle; margin: 0px 3px;  }
body table.dataTable tr td .text-danger {  background: #ffd9dc; padding: 7px 13px; border-radius: 5px; border: none; vertical-align: middle; margin: 0px 3px; }
body table.dataTable tr td .bg-success {   background: #D3FEE3 !important; padding:11px 12px; font-size:14px; color: #15803D; font-weight: 500;  }
body table.dataTable tr td .badge.bg-danger { background: #ffe0e3 !important; color: #dc3545; padding: 11px 12px; font-size: 14px; font-weight: 500; }
body table.dataTable tr td .badge { cursor: pointer;}

body table.dataTable tr td  .bg-warning  {background: #FEF9C3 !important; color: #A16207 !important; padding: 11px 10px;  border-radius: 5px;vertical-align: middle; margin: 0px 3px; font-size: 14px;     font-weight: 500;  }


.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { background: var(--bs-primary); color: var(--bs-secondary) !important; }

.pagination li { margin: 0 0 0 8px;}
.pagination li a.page-link { border: none; border-radius:3px !important; background:var(--bs-light-gray); color: #000; padding:5px 15px; font-weight: 500;  }
.pagination li a.page-link.active, .pagination li a.page-link:hover { background: linear-gradient(90deg, #801D64, #3C5096);  color:var(--white-color); }


#userManagementTable tr td:last-child { text-align: center; }


.home-project-row { padding: 20px 0 0 0;}
.recent_activity-card { padding: 20px;}
.recent_activity_ul {list-style: none; margin: 0; padding: 0;}
.recent_activity_ul li {  display: flex;  align-items: baseline;}
.recent_activity_ul li .left_date_container { flex: 0 0 15%; padding-right: 22px; position: relative; }
.recent_activity_ul li .date_time { font-size: 12px;  font-weight: 400;line-height: 15.62px; text-align: right; display: inline-flex; gap: 19px; position: absolute;
  left: 0; top: -16px; }
.recent_activity_ul li .right_recent_activity_container { flex: 1;}
.recent_activity_ul li .right_recent_activity_container .recent_activity_title { display: flex; gap: 12px; align-items: center;}
.mdc-icon-button { display: inline-block; position: relative; box-sizing: border-box; border: none; outline: none; background-color: rgba(0, 0, 0, 0); fill: currentColor;
 color: inherit; text-decoration: none; cursor: pointer; user-select: none; z-index: 0; overflow: visible;}
.recent_activity_ul li .right_recent_activity_container .recent_activity_title button { padding: 0 !important; display: flex; align-items: center;justify-content: center;
 width: 36px; height: 36px;border-radius: 50%;background-color: #ecedff; flex-shrink: 0;   text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.mat-mdc-icon-button .mat-mdc-button-persistent-ripple { border-radius: 50%;}
.mat-mdc-icon-button .mat-mdc-button-ripple, .mat-mdc-icon-button .mat-mdc-button-persistent-ripple, .mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before { top: 0;
  left: 0; right: 0; bottom: 0; position: absolute;  pointer-events: none; border-radius: inherit;}
.mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before { content: "";  opacity: 0; background-color: var(--mat-mdc-button-persistent-ripple-color);}
.recent_activity_ul li .right_recent_activity_containe .recent_activity_title .task-icon svg { width: 100%; height: 100%;  display: block;}
.recent_activity_ul li .right_recent_activity_container .recent_activity_data_li { padding: 20px 0; border-left: 4px solid #0D205F; margin-left: 16px; position: relative;}
.time { display: flex; position: absolute; left: -80px; top: 28px; font-size: 12px; color: #6a6868; align-items: center; }

.recent_activity_ul li .right_recent_activity_container .recent_activity_data_li .recent_activity_data { display: flex; align-items: center; gap: 23px;}
.recent_activity_ul li .right_recent_activity_container .recent_activity_data_li .recent_activity_data .line_vr { max-width: 200px; position: relative; height: 4px;
 background-color: #0D205F; display: block; flex-grow: 1;}
.recent_activity_ul li .right_recent_activity_container .recent_activity_data_li .recent_activity_data .line_vr:after { content: ""; width: 30px; height: 30px;
  border-radius: 30px; background: #F2F2F2;  display: block; position: absolute; top: -13px; right: -1px; border: #9333EA solid 2px; }
.recent_activity_ul li .right_recent_activity_container .recent_activity_data_li .recent_activity_data .card_info_message { padding: 6px 18px; border-left: 7px solid var(--after-bg, var(--primary-color-first)); border-radius: 5px; background-color:var(--bs-light-gray); max-width: 70%; flex-grow: 1;}
.recent_activity_ul li .right_recent_activity_container .recent_activity_data_li .recent_activity_data .content {font-family: var(--font-primary); color: #000; font-size: 12px;
 font-weight: 400; line-height: 24px; text-align: left; margin-bottom: 0; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; padding: 0px;}

.recent_activity_ul li .right_recent_activity_container .recent_activity_data_li .recent_activity_data.suspended-activity .line_vr:after { border: #FF2B2B solid 2px; background:var(--bs-light-gray) url(../images/suspended-icon.svg) 50% 50% no-repeat;   }
.recent_activity_ul li .right_recent_activity_container .recent_activity_data_li .recent_activity_data.reset-activity .line_vr:after { border: #2563EB solid 2px; background:var(--bs-light-gray) url(../images/reset-icon.svg) 50% 50% no-repeat;}
.recent_activity_ul li .right_recent_activity_container .recent_activity_data_li .recent_activity_data.reactivated-activity .line_vr:after {  border: #16A34A solid 2px; background:var(--bs-light-gray) url(../images/reactivated-icon.svg) 50% 50% no-repeat;}
.recent_activity_ul li .right_recent_activity_container .recent_activity_data_li .recent_activity_data.updated-activity .line_vr:after { border: #9333EA solid 2px; background:var(--bs-light-gray) url(../images/edit-icon.svg) 50% 50% no-repeat;}


.summry-block .recent_activity_ul li .right_recent_activity_container .recent_activity_data_li .time { left: 27px !important;
  top: -3px !important;}
.summry-block .recent_activity_data { display: none !important; }



.data-block .table-responsive table tr th:last-child { text-align: center; }
.data-block .table .dropdown-toggle { width: 40px; display: block; margin: 0 auto; }

#teamTable tr td:last-child { min-width:138px; } 
#teamTable tr td:nth-child(5) { white-space: nowrap; }

/* Dashboard page css end here */


/* product detail page design */

.user-manage-top { display: flex; justify-content: space-between; }
.user-manage { padding: 20px 20px 0px 20px;  }
.user-manage-top .data-search button.btn  { background:var(--bs-light-gray) !important; border: #dee2e6 solid 1px; border-left: 0px; height: 46px;}
.user-manage-top .input-group { width:100%; max-width:480px; }
.user-manage-top input[type="text"] { box-shadow: none; border: none; background:var(--bs-light-gray) !important;  border: #dee2e6 solid 1px;border-right: 0px; }
.user-manage-top .btn.btn-primary { min-width:100px; margin:0 0 0 10px; white-space: nowrap;  }

.user-manage-top .btn.btn-primary svg { width:24px; }
.user-manage-top .btn.btn-primary svg path { fill:var(--bs-secondary); }
.user-manage-top .btn.btn-primary:hover svg path { fill:var(--white-color); }


.topbar { display: flex; justify-content: space-between; align-items: center; }

.topbar h1 { padding:10px 0 0 0; }


.action-buttons { display: flex; align-items: center; gap: 7px;}
.action-buttons button { border: none;}
.view-button { background: #D7E9FF; padding: 8px 10px; border-radius: 5px;    }
.setting-button { background: #EBE9F8; padding: 8px 10px; border-radius: 5px;    }


.switch { display: inline-block; width: 62px; height: 30px; position: relative; font-size: 12px;}
.switch input { opacity: 0;width: 0; height: 0; position: absolute;}

.slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background:#4CAF50;  border-radius:30px; transition:0.3s; }
.slider::before { position: absolute; content: ""; height: 24px; width: 24px; left: 3px; top: 3px; background:var(--white-color); border-radius: 50%;
transition: 0.3s; transform: translateX(30px); }
.slider::after { content: attr(data-on); position: absolute; width: 100%; text-align: left; padding-left: 10px;top: 50%;transform: translateY(-50%);
  font-size: 12px;font-weight: 600; color: var(--white-color); pointer-events: none; text-transform: uppercase;}
.switch input:checked + .slider {  background: #ccc;}
.switch input:checked + .slider::before { transform: translateX(0);}
.switch input:checked + .slider::after { content: attr(data-off); text-align: right; padding-right: 10px;  color: #333;}

.filter { display: flex; padding: 15px 0 0 0; gap: 10px; flex-wrap: wrap;}
.filter-tabs { display: inline-flex; background: var(--bs-light-gray); padding:0px; border-radius: 40px; gap: 0; flex-wrap: wrap;}
.filter-tab { border:none; background:transparent;  padding:10px 22px; border-radius:40px;  color:#0d205f; font-size: 15px; font-weight: 600; cursor: pointer; transition: 0.3s; white-space: nowrap;}
.filter-tab.active, .filter-tab.active:hover { background:var(--bs-primary);  color:var(--bs-secondary);}
.filter-tab:hover { background: #eaf0f5;}
.type-select select { display: inline-flex; align-items: center; gap: 5px; padding:10px 35px 10px 14px;  border-radius: 40px; border: 1px solid #d4ddf0; font-size: 15px; color: #0d205f; margin-left:10px; cursor: pointer; background:var(--white-color) url(../images/select-arrow.svg) 92% 50% no-repeat; appearance: none; -moz-appearance: none; width: 154px; }



.type-select.filter-box.location-type-top{ display:flex;  gap:10px;}
.type-select.filter-box.location-type-top select{ flex:1;               min-width:180px; background: var(--white-color) url(../images/select-arrow.svg) 97% 50% no-repeat;  }
.type-select.filter-box.location-type-top .btn{ width:100px;        flex-shrink:0;}


.filter-management { display: flex;  width: 100%;}

.user-manage-top .filter-management .input-group { max-width: 330px; }
.user-manage-top .add-project { white-space:nowrap; width:auto!important; }
.user-manage-top .add-user {  white-space:nowrap; width:auto!important;}
.user-manage .type-select { width: 100%; }

.project-detail { position: relative; padding: 20px; }
.project-detail .slick-slide img { border-radius:10px; }
.project-detail .slick-arrow  { background:var(--white-color) url(../images/slider-arrow.svg) 50% 50% no-repeat; width:44px; height:44px; display:block; border:none;  box-shadow: 0 0 5px rgba(0, 0, 0, 0); position: absolute;top: 0px; left: 0px; z-index: 99; border-radius: 100%;     text-indent: -99999999999px; transform: translate(0%, -50%);  right: 0px; top: 50%; z-index: 9; }
.project-detail .slick-next {  right: 20px; left: auto; }
.project-detail .slick-prev { left: 20px;  transform: rotate(180deg); margin-top: -22px;  }
.project-detail .slick-slider { overflow: hidden;}
.project-detail .slider-for .slick-slide img { height: 450px; object-fit:cover; width:100%; }
.project-detail .slider-nav .slick-slide img { height: 85px; object-fit:cover; width:100%;}


.slider-nav .slick-slide { margin: 0 4px;  }

.project-detail-content  h2 { font-size:32px;    }

.created-by { color:#BE8D3E; padding:8px 0px; font-size: 14px; }

.location { background:url(../images/location-icon.svg) 0 50% no-repeat; padding:0 0 0 18px; color:#666666;  }

.auther-detail { padding:20px 0 0 0; color:#333333; }
.auther-detail label {  display:block; font-weight:500; padding:0 0 5px 0;}
.auther-detail span { font-size: 24px; font-weight:600; }

.project-auth { padding:25px 0 0 0;}
.project-auth-box { background:#EFEFEF; padding:20px 10px; text-align:center; color:#666666; border-radius:8px; font-weight:500; height: 100%; margin-bottom: 15px; }
.project-auth-box span {  color:#333333; }
/* .project-auth-box label { display: block;} */

.project-option { display: flex; gap: 15px; padding: 10px 0 0 0; }
.project-option-box { display: flex; align-items: baseline; gap: 5px; }

.project-description { padding: 30px 0 0 0; }
.project-description h4 { font-size: 16px; color: #333; padding: 0 0 10px 0;  }
.project-description p { color: #666; display: -webkit-box;-webkit-line-clamp:4; -webkit-box-orient: vertical; overflow: hidden; padding-bottom: 0px;}

.unit-management { padding: 20px; margin-top: 20px; }
.unit-management h2 { padding: 5px 0 20px 0; display: flex; justify-content: space-between; align-items: center;}
.unit-management h4 { display: block; font-size: 28px; padding: 0 0 5px 0; color: inherit; }
.unit-management p {  font-size: 18px; padding: 0px; color: inherit; }

.unit-management .total-unit { background:#F0F0F0; color: #333; padding:20px 15px; border-radius: 7px; text-align: center;}
.unit-management .sold-unit {  background:#F6EDFF; color: #9333EA; padding:20px 15px; border-radius: 7px; text-align: center;}
.unit-management .available-unit { background:#F0FDF4; color: #16A34A; padding:20px 15px; border-radius: 7px; text-align: center;}
.unit-management .held-unit { background:#FFF5E0; color: #CA8A04; padding:20px 15px; border-radius: 7px; text-align: center;}

.progress-container { display: flex; align-items: center; gap: 15px; padding: 20px 0 0 0;}
.progress-container .label {font-size: 16px; font-weight: 600;}
.progress-bar { width: 100%;  height: 20px; background: #e7e7e7; border-radius: 20px; position: relative;  overflow: hidden;}
.progress-fill { height: 100%; background:var(--bs-secondary);    border-radius: 20px; position: relative; display: flex; justify-content: center; align-items: center;}
.progress-text { color:var(--white-color); font-size: 15px; font-weight: 600; position: absolute; left: 5px; color: #ca8a04;}

.amenities { padding: 20px; margin-top: 20px; }
.amenities h2 { padding: 5px 0 20px 0;}
.amenities ul {  list-style: none; margin: 0; padding: 0; display: grid;grid-template-columns: repeat(5, 1fr);  gap: 12px 20px;     align-items: start; }
.amenities ul li { background:url(../images/list-icon.svg) 0 0 no-repeat; padding: 0 0 0 25px; font-weight: 500; color: #0D205F; }


.summry-block {  margin-top: 20px;}
.summry-block .nav-tabs  { margin-bottom: -20px; border: none;}
.summry-block .nav-tabs .nav-item.show .nav-link, .summry-block .nav-tabs .nav-link.active { background:var(--bs-primary); color:var(--bs-secondary);  border:none;   }
.summry-block .nav-tabs .nav-link { padding:15px 20px; font-size:16px; color:#333; font-weight:500; background: #fff; border: #e8e8e8 solid 1px; border-radius:6px 6px 0px 0px;  border: none;}
.summry-block .nav-tabs .nav-item { margin: 0 10px 0 0;}

.summry-block .card { margin:20px 0 0 0; padding:20px;}
.summry-block .card h2 { padding:5px 0px 20px 0px; display: flex; align-items: center; justify-content: space-between; }
.summry-block .manage-btn svg path { fill:var(--bs-secondary); }
.summry-block .manage-btn:hover svg path { fill:var(--white-color); }

.overview h4 { padding:0 0 8px 0; font-size:18px; font-weight:500; }
.overview p { padding-bottom: 20px;}

.key-highlights ul {list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr);  gap: 12px 20px; align-items: start;  }
.key-highlights ul li { background: url(../images/bullet-icon.svg) 0 0 no-repeat; background-size:21px auto; padding: 0 0 0 25px; font-weight: 500; color: #0D205F;}

.advantages-box h4 { background:#f5f5f5; border: #ccc solid 1px; border-bottom: none; padding: 10px;    }
.advantages-box ul { border: #ccc solid 1px; list-style: none; margin: 0px; border-bottom: none; }
.advantages-box ul li { border-bottom:#ccc solid 1px; display: flex; align-items: center;  }
.advantages-box ul li label { width: 50%; padding: 10px;  }
.advantages-box ul li span { border-left: #ccc solid 1px; padding: 10px; height: 44px; }

.masterplan .col-lg-3, .brochures .col-lg-3 { margin-bottom: 24px; }

.plan-block { border: #ccc solid 1px; border-radius: 10px; overflow: hidden; padding: 10px; height: 100%;  }
.plan-img { position: relative;}
.plan-img img { border-radius: 10px 10px 0 0; width: 100%; height: 230px; object-fit: cover;}
.plan-detail h3 { padding: 18px 0 8px 0; }
.plan-detail a:hover { text-decoration:underline; }


.option { position: absolute; bottom: 0px; right: 0px; display: flex; align-items: center;  gap: 10px;  background: rgba(0, 0, 0, 0.2);
 padding: 10px;  margin: 0 -10px; left: 0px;}
.option a.option-link { background:#fff; width:35px; height:30px; display: flex; align-items: center; justify-content:center; border-radius:5px; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);}

.pdf-img { position:relative; height:230px; align-items:center; background:#f5f5f5; display:flex; justify-content:center; padding-bottom:50px; border-radius: 10px; }
.pdf-img img  { height:70px; margin:0 auto; display:block; }


.plan-detail-full { }
.plan-detail-full h3 { padding: 0 0 10px 0;     font-size: 20px;}
.plan-detail-full h3, .plan-detail-full p { clear: none;}
.full-plan-img { border: #ccc solid 1px; border-radius:5px; overflow:hidden; padding:5px; float: left; max-width:100%; margin: 0 20px 15px 0px; width:300px;}
.full-plan-img img { border-radius: 5px; width: 100%;   }

.master-plan-list .full-plan-img  { position: relative; overflow: visible; height: 165px;}
.master-plan-list a.share-link  {background:#fff; width:35px; height:30px;  display:flex; align-items:center; justify-content:center; border-radius:5px; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);}
.master-plan-list .dropdown { position: absolute; width: 100%; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); padding: 10px;}



#PlanModal .modal-dialog {  max-width: 700px;}
.floor-deatil { padding: 20px;}
.floor-img { padding: 0 0 20px 0;}
.floor-img img {     width: 100%; max-width: 600px; margin: 0 auto; display: block;}


.flex { display:flex;  }
.justify-between { justify-content: space-between;}

.unit-list .col-md-6 { margin-bottom: 24px; }

.inventory-icon {  background: #d7fbfa; width: 50px; height: 50px; border-radius: 100%; text-align: center;  display: flex; align-items: center; justify-content: center;
  border-radius: 6px;   margin:0px 15px 0 0;}
.inventory-detail p { padding:5px 0 0 0px;}
.inventory-right p { padding: 0px 0px 0px 0;}
.inventory-right p:last-child { padding: 0px;}
.inventory-right .status-label { flex: 0 0 150px; text-align: right; }
.inventory-right .text-neutral-800 { font-size: 16px; font-weight: 600; }

.inventory-right .status-label { padding:0px; }

.unit-price {     font-weight: bold; color: var(--bs-link);}

.unit-master-div .action-buttons { padding:15px 0 0 0 !important;}

/* .label-u-construction { border-radius: 20px; padding: 5px 10px; display:inline-block; align-self: center; font-size: 12px; font-weight: 500;  }
.label-available { border-radius: 20px; padding: 5px 15px; display:inline-block; align-self: center;font-size: 14px; font-weight: 500;  }
.label-held { border-radius: 20px; padding: 5px 15px; display:inline-block; align-self: center;font-size: 14px; font-weight: 500;  }
.label-sold {  border-radius: 20px; padding: 5px 15px; display:inline-block; align-self: center;font-size: 14px; font-weight: 500;  }
 */

 .label-u-construction {  border-radius: 20px; padding: 5px 10px; display:inline-block; align-self: center; font-size: 12px; font-weight: 500;  }


.status-label .action-buttons { justify-content: flex-end; padding-top: 6px;}
button.view-unit-button { background:#EBE9F8; padding:6px 10px; border-radius:5px; }
button.view-unit-button i { color:#604AE3}
button.delete-unit-button { background:#fee2e2; padding:6px 10px; border-radius:5px; }
button.delete-unit-button i { color:#ff4e4e}
button.edit-unit-button { background:#f5f5f5; padding:6px 10px; border-radius:5px; }
button.edit-unit-button i { color:#5e5e5e}
button.openCaptureLeadModal {background:#DFF5E1; padding:6px 10px; border-radius:5px; }
button.openCaptureLeadModal i { color:#28A745}




.fa-trash {color:#ff4e4e; }

.view-button { background:#D7E9FF; padding:8px 10px; border-radius:5px; }

.plans-block { border: #ccc solid 1px; padding: 0px 0 10px 0; border-radius: 10px; overflow: hidden; }
.plans-block h3 { padding: 0 0 10px 0; background: #efb54b; padding: 15px; margin-bottom: 10px; }
.plans-block p { padding: 0 0 10px 0; font-size: 16px; }
.plans-block .plans-btn {  background:var(--white-color) !important; border: #ccc solid 1px; color: var(--bs-link) !important;  }
.project-detail-content h2 { display: flex; justify-content: space-between; }
.project-detail-content .status-label { font-size: 13px; font-weight: 500; white-space: nowrap;}

#payment .unit-management .col-md-6 { margin-bottom: 20px;}


.info-row { margin-bottom: 8px; font-size: 15px; padding:2px 15px !important;}
.info-row label {  font-weight: 600;  color: #333; display: block;}
.info-row span {  font-weight: 500; color: #555; padding: 10px; display: block; line-height: 30px;}

.calculate-section { margin-top:20px; padding:20px; }
.calculate-section h2 { padding:5px 0px 20px 0px; }

.summry-block .card { margin:20px 0 0 0; padding:20px;}

.custom-range { height:6px; background: linear-gradient(to right, #e6ab69 0%, #e6ab69 0%, #1f2937 0%, #1f2937 100%); border-radius:10px; outline:none; }
.custom-range::-webkit-slider-thumb { width:20px; height:20px; background:#e6ab69!important;  border-radius:50%; cursor:pointer; -webkit-appearance:none;  margin-top:-7px; }
.custom-range::-webkit-slider-runnable-track { height: 6px; background: transparent; border-radius: 10px;}
.custom-range::-moz-range-track { height: 6px; background: transparent; border-radius: 10px;}
.custom-range::-moz-range-progress { height: 6px; background: #e6ab69;  border-radius: 10px; }


.loan-emi .input-group-text { border-radius:24px; padding:8px 15px; font-size: 18px; }

.loan-emi { padding:20px; border: #ccc solid 1px; border-radius: 10px;}
.loan-confirm-form { padding:20px; border-radius: 10px; background:var(--bs-light-gray); border: #ccc solid 1px; height: 100%; }
.loan-confirm-form h3 { padding: 0 0 30px 0; }
.emi-details-box { padding: 0 0 35px 0; display: flex; gap: 20px; }
.emi-details-box p {    min-width: 180px;}
.emi-details-box h5 { font-size: 20px;  }
.apply-button { width: 100%;}





.calculate-section.close-section { margin-top: 0px; padding: 0px; height: 0px; visibility: collapse; }
.calculate-section h2 { display: flex; align-items: center; justify-content: space-between;}

.emi-btn { padding: 20px 0 0 0; display: flex; gap:15px; flex-wrap: wrap;}
.emi-btn a.btn {  padding: 15px 20px;  display: flex; align-items: center; gap: 3px; font-weight: 500; margin-bottom: 10px; font-size: 16px; }
.emi-btn a.btn.emi-btn-link { background: #1F2937 !important; padding: 15px 20px; color:var(--white-color)!important; display: flex; align-items: center; gap: 6px; font-weight: 500;  }


.promote-btn { padding: 10px 0 0 0;}
.promote-btn a.btn {  padding: 15px 50px;  display: flex; align-items: center; max-width:300px; gap: 6px; font-weight: 500;  }

.switch-promotion { padding: 15px 0 0 0;}

.switch-promotion .form-switch .form-check-input { width:42px; height:22px; }

.form-check-input:checked { background-color: #f49e00 !important; border-color: #f49e00 !important; }

.theme-switch .form-check-input::before {   background-color: #1F2937; }





.close-btn { font-size: 16px; font-weight: 500;min-width: 65px;  }
.close-btn svg { width: 18px;  height: 18px; }

 

.property-card .col-md-6 { margin-top: 20px;}
.property-card { background:var(--white-color); border-radius:18px; box-shadow:0px 0px 20px rgba(0,0,0,0.10); transition:all 0.3s ease; border: 2px solid transparent; margin-top:20px; padding: 20px; }
.property-card:hover { border-color:var(--bs-primary); box-shadow: 0px 0px 25px rgba(0,0,0,0.10); }
.property-img img { min-width:280px; width: 280px; height:200px; object-fit:cover;  border-radius:15px; }
.property-card .text-muted { font-size: 16px; align-items: center; margin-bottom:0px !important; padding-top: 5px;  }
.property-card h3 { display: flex; align-items: center; justify-content: space-between; padding: 0 0 0px 0; font-size: 20px; }
.property-card h3 a { color: #000;}
.property-card h3 a:hover { color: #cba135; }
.property-card p { padding: 0px;}
.property-card ul { list-style: none; margin: 0px; padding:20px 0 20px 0px; max-width: 500px; align-items: center; display: flex;}
.property-card ul li { align-items: center; display: flex; }
.property-card ul li i { margin: 0 3px 0 0;}

.post-date { font-size: 16px; color: #595c5f; }
.post-date svg { width: 22px; margin-top: -4px; }

.property-card ul li { padding:6px 15px; border-radius:5px;  white-space: nowrap;}
.property-card ul li.list-total-unit { background:#F0F0F0; }
.property-card ul li.list-total-unit span { color: #333333; line-height: 15px;}
.property-card ul li.list-total-unit svg {stroke: #333333 !important;     width: 20px;}
.property-card ul li.list-total-sold { background:#fff1d8; }
.property-card ul li.list-total-sold span { color: #b37d1a;}
.property-card ul li.list-total-sold svg {stroke: #b37d1a !important;}
.property-card ul li.list-total-available { background:#F0FDF4; }
.property-card ul li.list-total-available span { color: #16a34a;}
.property-card ul li.list-total-available svg path {stroke: #16a34a !important;}
.property-card ul li i svg { width: 22px;}


.posted-detail { display: flex; gap: 15px; justify-content: space-between; padding:10px 0 0 0; } 

.price { padding: 10px 0 0 0; }
.price label { font-size:16px; color:#65676e; font-weight:500; }
.price h5 { color:var(--bs-primary); font-size: 20px; }
/* .action-btn { display: flex; gap: 10px;} */

.posted-detail .post-date { white-space: nowrap; }

.edit-link { font-size: 16px; font-weight:400; color: #91591a !important; min-width: 56px; }
.edit-link svg { margin: 0 5px 0 0; max-width: 18px;}

.type-select.filter-box { padding: 20px 0 0 0; }
.type-select.filter-box { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; width: 100%;}
.type-select.filter-box select { width: 100%; margin: 0px; gap: 5px;}

.my-projects-list { padding: 20px; }

.my-projects-list .user-manage-top { align-items: center;}

.unit-management .col-md-6.col-lg-3 { margin-bottom: 20px;  } 

.start-price span { color:var(--bs-link);}

.step-stetus { font-size: 14px;}


/* product detail page css end */


/* step form  css start here*/
.step-wrapper { overflow:hidden; }
.steps { list-style:none; padding:0; position:relative; overflow:hidden;  margin:0px -10%;}
.steps li { text-align:center;  width:25%;  position:relative;}
.steps li span { display: inline-block; width: 36px; height: 36px; line-height: 33px; border-radius: 50%; background: #FFF3E2; border: 2px solid var(--bs-primary); 
  color: var(--bs-secondary); font-weight: 600; z-index: 9; position: relative;  font-size: 14px;}
.steps li.active span { background:var(--bs-primary); color: #fff;}
.steps li p { font-size: 14px; padding:8px 0 0 0; }
.steps li.active:after { background:var(--bs-secondary);}
.steps li:after { content:""; position:absolute; top:18px; left:-50%; width:100%; height:2px; background:#d1d5db; z-index:1; }
.steps li:first-child::after { display:none;}


.step-form { padding: 20px;}
.step-form .tab-content { padding: 0px 50px;}
.step-form-top { display: flex; justify-content: space-between; padding:0px 0px 50px 0px;}

.form-tab .nav-tabs { border:#e9e9e9 solid 1px; border-radius:5px; overflow: hidden; }
.form-tab .nav-tabs .nav-item .nav-link { border: none; border-radius:0px; color: #000; }
.form-tab .nav-tabs .nav-item .nav-link.active { margin: 0px; background: #FFF3E2;   }

.step-form .form-control { padding: 10px 15px; }
#projectContent form .row { padding-bottom: 24px;}
#projectContent form .row #message { border-radius: 10px; }
.step-form select.form-control {  background:#fff url(../images/select-arrow.svg) 98% 50% no-repeat; appearance: none; -moz-appearance: none;  }
.step-form select.form-control:focus { background:#fff url(../images/select-arrow.svg) 98% 50% no-repeat; } 

input.form-control::placeholder, textarea.form-control::placeholder { color:#000; opacity: 0.4!important; }


.step-heading { padding: 0px 0px 40px 0px;  }

.tag-list span { background: #FFF3E2;  padding:5px 12px; border-radius: 30px; min-width:72px;display: flex; justify-content: space-between; font-size: 15px; cursor: pointer;}
.tag-list button { padding: 0px; line-height: 12px; background: none; border: none; }
.tag-list span:hover { background: #ffe7c4; }

.step-location .col-md-12 h4 { padding: 0 0 15px 0;}

.step-form label.error { display: block; padding:6px 0 0 0; }

.amsify-suggestags-area .amsify-suggestags-input-area { min-height:46px !important;  }
.amsify-suggestags-area .amsify-suggestags-input-area .amsify-suggestags-input {padding:5px 15px!important; background:var(--bs-light-gray); border-radius: 20px; }

body .amsify-suggestags-input-area .amsify-select-tag.col-bg { background:#ffffff; color:black; font-size:15px; border:#ccc solid 1px; border-radius:20px;  margin-left:3px; padding:4px 12px; margin-bottom: 5px; }
.amsify-suggestags-input-area .amsify-remove-tag { margin:0 0 0 5px; color: #ed5f5f; }


.select2-container--default .select2-selection--multiple #select2-project_type_id-container .select2-selection__choice__remove:hover { background: transparent !important;}

/* step form css end here*/


/* popup css start here */

.form-select {  background:#fff url(../images/select-arrow.svg) 98% 50% no-repeat; appearance: none; -moz-appearance: none; border-radius: 25px; padding: 10px 15px;  }
.form-select:focus { background:#fff url(../images/select-arrow.svg) 98% 50% no-repeat; } 
.modal-dialog .form-control { padding: 10px 15px; }
.modal-dialog input[type="file"] {height: 46px !important; padding: 0 15px !important;line-height: 42px !important;}
.modal-dialog textarea { border-radius: 10px;}
.modal-dialog .btn.btn-secondary {min-width: 110px; }
.modal-title { font-size: 20px;}


.error, .required { color:red; }

.load-more { max-width:150px; margin:20px auto 0 auto; display: block; }


.w-12 { width: 3rem; }
.h-12 {  height: 3rem; }

.agent-post-icon { background: #e6e8f3; border-radius: 5px;}

.preview-box { width: 150px; height: 150px; border: 1px dashed #ccc; border-radius: 6px; cursor: pointer; overflow: hidden;
 display: flex;align-items: center; justify-content: center;}
.preview-box img { width: 100%;  height: 100%; object-fit: cover;}
.hidden-input { display: none; }

/* popup css end here */



/* lead page css start here */

.lead-management { padding: 20px;}
.bag-list { padding:3px 0 0 0;}
.bag-list span { background-color: #f5f5f5; border-radius:15px; border: #ccc solid 1px; line-height: 18px; font-weight: 500;  }

/* .badge { font-weight: 500;}

.badge-box .bg-orange-100 { background:#ffe8d1; color:#c96f00; border: #ffbb68 solid 1px !important;   }
.bg-rad-100 {background:#ffe3e3; color:#d10000; border:1px solid #ffcccc;} */


.lead-data-row { padding:8px 10px; }
.lead-data-row:nth-child(odd) {background-color:#f5f5f5; border: #e7e7e7 solid 1px; }

.warning-block { background:#fffbe8; border-color:#ffe9a3; height: 100%; }

.latest-note { border: #dfdfdf solid 1px; }

.lead-progress {  margin-top:20px;  }

.text-warning { color:#cd9d0e !important; }
.warning-block p { color: #cd9d0e !important; }

.lead-post-row { padding-top: 20px;}

.lead-post { margin-bottom: 20px;}
.lead-post .text-muted a:hover { color: var(--bs-link) !important;}

.filter-tabs span { background: #FFF3E2; color: var(--bs-secondary); width: 18px; height: 18px; font-size: 12px; border-radius:100%; display:inline-block; line-height:18px; margin:0 0 0 5px; border:#ffd499 solid 1px; }

.bg-primary { background: var(--bs-primary) !important;}
.progress-step .bg-light {background-color:#dddddd !important;}

.lead-progress .form-select { border: #e7e7e7 solid 1px !important; }




.lead-box { border: #dfdfdf solid 1px;}
.lead-btn-group .btn { display: flex; justify-content: center; align-items: center; gap: 3px;}

.notes-list { padding:0px 0 0 0; }

.reminders-card { margin-bottom: 20px;}
.reminder-icon { width:35px;  height:35px; flex: 0 0 35px; background:#FFF7D6; color:#D9A500; font-size:18px; }
.reminders-card .bi-clock-history { line-height: 19px;}

.note-card strong { font-weight: 500;}

/* lead page css end here */




/* profile page css start here */

.profile-card { background: #f7fcff; border-radius: 12px; padding: 25px; text-align: center; border: 1px solid #eef2f7; height: 100%;}

.profile-img { width: 170px; height: 170px; border-radius: 50%; object-fit: cover; margin-bottom: 15px;}

.user-name { font-size: 22px; padding-bottom: 5px;}

/* .profile-card .badge-custom { font-size:15px; padding:9px 14px;}

.profile-card .bg-success.badge-custom { background: #D3FEE3!important;  color: #15803D; } */

.profile-card .bg-purple.badge-custom { background: #E9D5FF;  color: #7E22CE; }

ul.user-data { margin-top: 30px;}
ul.user-data li { border-top: #D9D9D9 solid 1px; padding:15px 0px; align-items: center; margin-bottom: 0px !important; }
ul.user-data li strong { font-weight: 500 !important;}

/* .badge-custom { padding: 6px 14px; border-radius: 20px; font-size: 12px;} */

.form-control-custom { background: #f8f8f8;  padding: 10px 18px; border-radius: 30px;}

.btn-gradient { background:linear-gradient(135deg, #2dd4c3, #0e2f5f); border-radius:30px; padding:12px 32px;  color:#fff;  border:none;}
.btn-cancel { border-radius: 30px; padding: 12px 32px;border: 1px solid #ccc; background: #fff;}


.basic-info h2 {  font-size: 24px; font-weight: 500; padding: 0 0 10px 0; }
.basic-info .form-label { font-weight: 500;}
.basic-info .text-info { color:#EFB54B !important;  }
.basic-info .text-info span { vertical-align: middle; margin-left: 2px; }


/* profile page css end here */

.btn-warning { white-space: nowrap; }
#editImageBtn { position:absolute!important; bottom:0px!important; top:auto!important; right:18px!important; padding:4px;}
#editImageBtn:hover svg path {fill: #fff;}


#description { height: 200px; border-radius: 10px;} 

.image-uploader.has-files .upload-text {padding: 0 0 25px 0;}


/* promotion listing css start here */

.promotion-list { padding:20px; }

.promotion-card {  background:#fff; border:#ccc solid 1px; padding:20px; border-radius:10px; margin-bottom:20px; }

.offer-box { display: flex; gap: 15px; padding-bottom:15px; align-items: center;}

.promo-image {width: 80px;  }
.promo-image img { width: 80px; height: 80px; object-fit: cover; }

.promo-txt { flex: 1; padding-bottom: 0px;}


.promotion-card.unread_notification { background: #fffaeb;}

.notification-card.promotion-card  .icon-box { background:#fff1d8; color:#d39a31;  }

.promotion-card h5 { padding-bottom:5px; font-size:16px;}

.delete-btn { background:#ffe1e1; border:none; padding:4px 8px;  }

.text-primary { color:green!important; font-weight:500; }

.promotion-list .user-manage-top { padding:0 0 20px 0; }

/* promotion listing css end here */


.fix-textarea { height: 150px; border-radius: 10px;}

.upload-box{position:relative;width:100%;max-width:100%;padding-bottom:10px}
.upload-box input[type=file]{display:none}
.upload-label{border:2px dashed #EFB54B;border-radius:14px;padding:32px 20px;text-align:center;cursor:pointer;background:#fffdf6;transition:all .3s ease;width:100%}
.upload-label:hover{background:#fff7e0;border-color:#d9a23f}
.upload-icon{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:#EFB54B;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center}
.upload-label h4{font-size:16px;margin-bottom:6px;color:#1F2937}
.upload-label p{font-size:14px;color:#6B7280;margin-bottom:6px}
.upload-label p span{color:#EFB54B;font-weight:600}
.upload-label small{font-size:12px;color:#9CA3AF}

.share_button { position: absolute;}
.share_button .option-link {  display:none!important; }

#social-links ul { background: #fff; list-style: none; margin: 2px 0 0 0; padding: 5px; display: flex; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); border-radius: 5px; }
#social-links ul li { padding: 0px 10px;}

.plan-block { overflow: inherit !important;}

.share_button {  display: none;}
.share_button.active { display: block;}


.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple, 
.select2-container--default .select2-selection--single {    
  background: var(--bs-light-gray) !important; border-radius: 25px !important; min-height:46px; border: var(--bs-border-width) solid var(--bs-border-color) !important;}
.select2-container .select2-selection--multiple .select2-selection__rendered, .select2-container .select2-selection--single .select2-selection__rendered { margin-left: 0px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 6px !important; padding: 5px 5px 5px 24px !important; background-color: #fff !important; border-radius: 25px !important;}
.select2-container .select2-search--inline .select2-search__field { height: 30px !important; line-height: 30px !important; font-family: var(--bs-family) !important; padding: 2px 9px !important;}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove, 
.select2-container--default .select2-selection--single .select2-selection__choice__remove { width:30px!important; padding:5px 4px !important; border-right:none !important; color: #ed5f5f !important; }


.select2-container--default .select2-selection--single .select2-selection__placeholder { display: block; line-height: 43px; color: #444 !important;     padding-left: 7px;}
body .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px;right: 10px; background: url(https://skye-scraper.mars.host4india.in/images/select-arrow.svg) 50% 50% no-repeat !important;}

body .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none;}

body .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 43px; padding-left:15px;}

.select2-container .select2-selection--single .select2-selection__clear span { display: none;}

.step-view { float: right; margin-top: 5px; }

.select2-container--default .select2-selection--single { min-height: 45px;}

#userForm input[type="tel"], .phone-group input[type="text"]  { border-radius: 0px 25px 25px 0px !important;}

#teamDetailModal .card-body .col-md-6 span.fw-bold:first-child, #teamDetailModal .card-body .col-6 span.fw-bold:first-child { display: inline-block; flex: 0 0 110px; }

#detail_email { word-wrap: anywhere; }

.select2-container--open .select2-dropdown--below { border-top: 1px solid #aaa !important;}
.select2-container--open .select2-dropdown--above { border-bottom: 1px solid #aaa !important; }




/* map listing page css start here */


.map-list-top select { display: inline-flex;  align-items: center; padding: 10px 28px 10px 14px;  border-radius: 40px; border: 1px solid #d4ddf0; font-size: 15px; color: #0d205f;  cursor: pointer;  background: var(--white-color) url(../images/select-arrow.svg) 96% 50% no-repeat;
  appearance: none; -moz-appearance: none; width: 100%;}
.map-list-top .form-control { background: #fff; }
.map-list {padding: 20px;}
.map-list-top { display: flex; gap: 10px; align-items: center;}
.map-list-top .flex-grow {  flex: 1; }
.map-list-top .fixed-btn { flex: 0 0 150px; }
.map-list-top .fixed-btn button { white-space: nowrap; height: 100%; width: 100%; }

.map-product-list .load-more { display: block; }


.filter-card { padding: 20px 0 0 0;  max-width: 100%;}
.filter-card .select-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px; }
.filter-card .select-row label { padding: 0 0 5px 0;}
.filter-card .form-group select { display: inline-flex;
  align-items: center;
  padding: 10px 28px 10px 14px;
  border-radius: 40px;
  border: 1px solid #d4ddf0;
  font-size: 15px;
  color: #0d205f;
  cursor: pointer;
  background: var(--white-color) url(../images/select-arrow.svg) 97% 50% no-repeat;
  appearance: none;
  -moz-appearance: none;
  width: 100%;} 

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

.filter-card .range-slider { position: relative; height: 30px;}
.slider-track { position: absolute; height: 4px; background: #e5e7eb; top: 50%; transform: translateY(-50%); width: 100%; border-radius: 10px;}
.range-slider input[type=range] { position: absolute; width: 100%; pointer-events: none; -webkit-appearance: none; background: none;  height: 28px;}
.range-slider input[type=range]::-webkit-slider-thumb { pointer-events: auto; -webkit-appearance: none;  width: 18px; height: 18px;
  background: #111827; border-radius: 50%; cursor: pointer;}
.range-inputs { display: flex; gap:15px; align-items: center;}
.range-inputs input { width: 100%; padding: 6px 5px; border-radius: 8px;border: 1px solid #ddd; flex: 1; height: 46px;}
.range-box { padding: 0 5px 15px 5px;}
.range-box label { padding: 0 0 10px 0;}


.map-list-main .map-product-list { height:calc(100vh - 248px); overflow:auto;  padding-top:10px; }
.map-list-main { padding:30px 0 0 0;}
.map-list-main .property-img img { width: 100%; height: 164px; min-width: auto; }
.map-list-main .property-card { margin-top: 0px; }
.map-list-main .property-card ul { padding:10px 0px 0 0;}
.map-list-main .property-card h3 { font-size: 16px;}
.map-list-main .property-card { padding: 10px; border-radius: 10px; height: 100%;}
.map-list-main .property-card .text-muted { font-size: 14px;}
.map-list-main .property-detail { padding-top: 15px;} 
.map-list-main .price { padding: 8px 0 0 0;}
.map-list-main iframe { height: 100%;}
.map-list-main .posted-detail .post-date { font-size: 14px; }
.map-product-list .col-md-6  { margin-bottom: 15px;}


.map-active .map-block { display: none;}

.map-list-main.map-active .map-product-list { width: 100%; }
.map-list-main.map-active .map-product-list #project-list .col-md-6 { width: 25%; }





/* map listing page css end here*/


.notification-card { background: #fdf9f1; }


.no-brochures { padding: 100px 0px;}


.lead-post-date { display: block; padding:5px 0 5px 0px;  }
.lead-post-date span { display: flex; align-items: center; gap:5px; }
.lead-post-date span svg { width: 16px; height: 16px;}

.modal-dialog #captureLeadForm .form-control { padding: 10px 34px 10px 15px; }


.reminder-list-block { border-bottom:#dee2e6 solid 1px; padding-bottom: 20px; }
.reminder-list-block:last-child { border-bottom:none; padding-bottom:0px;}

.note-card { height: 100%; }
.note-card-pera { max-height: 200px; overflow-y: auto;}

.additional-note {max-height: 200px; overflow-y: auto; }


#unitTable_wrapper { padding: 0 15px; }

/* loading poppup */

.export-overlay {
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(6px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Modal */
.export-modal {
  background: #fff;
  border-radius: 12px;
  padding: 30px 40px;
  text-align: center;
  box-shadow: 0 20px 40px rgba(0,0,0,.15);
}

/* Circle */
.progress-ring {
  transform: rotate(-90deg);
}

.progress-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 10;
}

.progress-ring__circle {
  fill: none;
  stroke: #27c6d9;
  stroke-width: 10;
  stroke-linecap: round;
  stroke-dasharray: 439;
  stroke-dashoffset: 439;
  transition: stroke-dashoffset .6s ease;
}

/* Text */
.percentage { position: absolute; font-size: 32px; font-weight: 600; color: #555; top: 50%; left: 50%; right: 0px;
 transform: translate(-50%, -50%); text-align: center; margin: -23px 0 0 0;}

.export-modal { position: relative;}
.export-text { margin-top: 15px; color: #777; font-size: 14px;}
.export-percentage { position: relative; }

#exportProject { margin: 0 10px 0 auto; }


.promotion-card .btn-light.rounded.me-2 { border: none; background: #caf1d0;  align-items: center; justify-content: center;
 cursor: pointer;  color: #1ba731;  padding: 4px 12px;}


 .bg-info-new { opacity:0.5; background:#f7f7f7; }

 .assign-btn { margin-top: 5px; display: flex; gap: 5px;}
 .assign-btn a { font-weight: 500; background: #efb54b; align-content: normal; border-radius: 16px; padding: 4px 8px; font-size: 12px;  color:#000 !important; display: flex;
  align-items: center; gap: 5px; white-space: nowrap; }




  .image-uploader .upload-text { text-align: center; padding: 15px;}


  .card-body.drop-zone {flex: none; }


  .btn.view-file { background: #fff !important; border: #ccc solid 1px;   }
  .btn.view-file:hover { color: #000 !important;}


  .faq-section .container { max-width: 980px;}


  .type-select .select2-container { width: 250px !important; }

  #leadContainer .lead-post .bg-white { height: 100%; }

 .modal-dialog .gj-timepicker .form-control { border-radius: 25px !important; }
.gj-timepicker button.border-left-0 { position: absolute; width: 100% !important; height: 46px; background: none !important; border: none !important; z-index: 99; }
.gj-timepicker button.border-left-0:hover { color: var(--bs-secondary) !important;}
.gj-timepicker .gj-icon { line-height: 29px; left: auto !important; right: 10px; }
.gj-timepicker .form-control.is-invalid { background-image: none !important; }




.lead-post h3 a:hover { color: var(--bs-link) !important;  }

.assign-btn a.text-primary  { background: #D7E9FF;color: #227ad7 !important; }

.fa-sync-alt, .fa-archive { margin-top: 4px;  vertical-align: text-top; }


.select2-container--default .select2-selection--single, 
.form-control.non-disabled:disabled { background: #ffff !important; }

.form-control.custom-disabled, .form-select.custom-disabled { background-color: var(--bs-secondary-bg) !important; opacity: 1; }


.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple { background: #ffffff url(../images/select-arrow.svg) 98% 50% no-repeat !important; height: 46px; }


.lead-filter .input-group.fixed-btn { width: auto;}


#captureLeadForm .input-group-text { border-radius: 28px 0 0 28px; } 


.property-card .developer-name.text-muted { font-size: 14px; }


.status-label { background-color: #eeecea !important; color: #000 !important; }



#captureLeadForm { overflow: hidden; overflow-y: auto; height: 80vh; padding:0px 5px; }

#projectFrom .image-uploader, #ai-info .image-uploader {border: 2px dashed #EFB54B;
    border-radius: 14px;
    padding: 32px 20px;
    text-align: center;
    background: #fffdf6;
    transition: all .3s ease;
    width: 100%;}

#projectFrom .image-uploader:hover, #ai-info .image-uploader:hover {
    background: #fff7e0;
    border-color: #d9a23f;
}




.main-image-zone, #gallery-zone, #masterPlanZone, .drop-zone {     
  border: 2px dashed #EFB54B !important;
  background: #fffdf6 !important;
  transition: all .3s ease;
}

.drop-zone:hover {     
  background: #fff7e0 !important;
    border-color: #d9a23f !important;
}


.image-uploader .uploaded .uploaded-image img { left:0px; }

.Property-type-row .select2-container--default.select2-container--focus .select2-selection--multiple, .Property-type-row .select2-container--default .select2-selection--multiple {  height: auto; padding-right: 40px;}
.salesOffer-row { padding: 0 10px 10px 10px;}

.generate-btn:hover svg { fill:#fff !important; }

#salesOfferModal .form-check-input { border: #555 solid 1px; 	 }



@media (min-width:1520px) {

.user-manage #filterForm { position:absolute; top:5px; left:520px; }

}

@media (max-width:1599px) { 

  .masterplan .col-lg-3, .brochures .col-lg-3 { width: 33.3333%;  }

  .calculator-loan .col-lg-8 { width: 50%; }
  .calculator-loan .col-lg-4 { width: 50%; }

  .dashboard-top-box .col-lg-3 { width:50%; margin-bottom: 20px; }

  .steps {   margin:0px -8%;}


  .map-product-list .row { display: block; }

  .map-list-main .map-product-list #project-list .col-md-6 { width:100%; }

  .map-list-main.map-active .map-product-list #project-list .col-md-6 { width:33.3333%; }
  .map-list-main.map-active .map-product-list .row { display: flex; }


  .filter-tab { padding: 10px 15px; }
  
}



@media (max-width:1399px) {



  .summry-block .nav-tabs .nav-link { font-size: 14px; padding: 15px 12px;}

  .emi-details-box p {  min-width: 140px; }

  .project-detail .slider-nav .slick-slide img { height: 80px;}

  .project-detail .slider-for .slick-slide img { height: 350px;}

  #teamTable tr td:last-child { min-width:145px; } 

  .steps {   margin:0px -5%;}



  

}


@media (max-width:1200px){

  .dashboard-post-detail p { font-size: 14px;}
  .dashboard-post-detail h3 { font-size: 24px;}
  .dashboard-post .post-stetus { font-size: 13px; }

  .user-manage-top .filter-management .input-group { max-width:250px; }

  .user-manage-top .add-project span { display: none;} 

  .summry-block .nav-tabs { margin-bottom: -30px; }
  .summry-block .nav-tabs .nav-link { margin-bottom: 8px; padding: 15px 12px; }

  .key-highlights ul { grid-template-columns: repeat(4, 1fr); }


  .inventory-box { display: block; }
  .inventory-right { padding: 15px 0 0 0;   align-items: flex-end; justify-content: space-between;}

  .summry-block .nav-tabs { display: flex; overflow: scroll; flex-wrap: nowrap;
  white-space: nowrap; margin-left: 5px; }

  .map-list-main.map-active .map-product-list #project-list .col-md-6 { width:50%; }


}


@media (max-width:1024px){


  .header-inner { justify-content: center; } 

  .midd { padding: 65px 0 0px 0; }

  .sidebar {  left: -280px; top:0px; box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2); transition:left 0.5s ease;}

  .menu-open .sidebar { left: 0px; }

  .main-content { margin-left: 0px; padding: 20px; }

  header { margin-left: 0px; }


  .menu-open .midd:before { content: ""; display: block; width: 100%; height: 100%;         background: rgba(0, 0, 0, 0.5);
    z-index: 999;position: fixed; top: 0; bottom: 0px;  }


  .logo-sec { margin: 0 auto 0 0;}

  .hamburger-menu { width: 42px;  display: block; }

  .top-header-right { margin: 0 0 0 auto;}
  .profile-dropdown { padding: 0px; background:none; }
  .profile-label { display: none; }
  .profile-block img { margin-right:0px; min-width: none; min-width: 38px; }
  

  .sidebar-logo img { max-width: 180px; }

  .close-side { background:#535353; border-radius:100%; padding:2px; width:24px; height:24px; display:flex; align-items: center; margin:0 0 0 auto; position: absolute; top: 5px; right: 5px; border: #fff solid 1px; z-index: 99999999999;  }
  .close-side svg { max-width: 100%;}


  .footer-inner { display:block!important; text-align: center;}
  .footer-inner span { display: block; padding-bottom: 5px;}

  .pagination {margin: 0px; margin-top: 15px;}

  .login-content { padding: 30px 20px;}


  .user-manage-top .filter-management .input-group {  max-width:250px; }

  .dashboard-top-box { margin-bottom: 10px;}

 

}


@media (max-width:991px) {

  .dashboard-top-box .col-md-6 { width:100%; margin-bottom:20px; }

  .amenities ul { grid-template-columns: repeat(3, 1fr); }

  .key-highlights ul { grid-template-columns: repeat(3, 1fr); }

  .masterplan .col-lg-3, .brochures .col-lg-3 { width: 50%;  }

  .map-list-top .range-row { grid-template-columns: 1fr;}
  .map-list-top .select-row {  grid-template-columns: 1fr; }

  .map-list-top {  flex-wrap: wrap; }
  .map-list-top .flex-grow {  flex: 1 1 100%; }
  .map-list-top .fixed-btn { flex: 1 1 50%; }

  

}



@media (max-width:767px){

  .custom-select { margin-top: 10px;  }

  .recent_activity_ul li .date_time {  left:-15px; }
  .recent_activity_ul li .left_date_container {  flex: 0 0 18%;}

  .home-project-row .col-md-6 { margin-bottom: 20px; }

  #reminderForm .row { display: flex; }
  #reminderForm .row .col-6,   #reminderForm .row .col-12 { width: 100%; margin-bottom:10px ;} 

  .note-btn-row { display: block !important;}
 

  .notification-dropdown { width: 290px;}

  .filter { display: block; }
  .filter-tab { padding:12px 15px; font-size:14px; }

  .type-select { width: 100%; padding: 15px 0 0 0;}
  .type-select select { margin: 0px; width: 100%;}

  .user-manage-top { align-items: flex-start; } 

  .filter-management { display: block;}

  .type-select {  padding: 15px 0 0 0; gap: 10px;  display: flex; }


  .property-img img { width: 100%;}
  .property-card, .property-card:hover { display: block !important; border-radius: 10px; padding: 0px; border: none; border-bottom: #ccc solid 1px; box-shadow:none;  }
  .property-card:last-child { border-bottom: none;}
  .property-detail {  display: block !important; margin-left: 0px !important; padding: 15px 0px 0px 0px;  }
  .property-card ul { display: block !important;}
  .property-card ul li { margin-top: 5px;}


  .property-detail {padding: 15px 15px 15px 15px; }

  .project-auth .col-md-6 { margin-bottom:10px; }

  .summry-block .card h2 { display: block;}
  .summry-block .manage-btn { margin-top: 15px; display: block; }

  


  .amenities ul { grid-template-columns: repeat(2, 1fr); }

  .key-highlights ul { grid-template-columns: repeat(2, 1fr);}

  .auther-detail .col-md-6 { margin-bottom: 10px;}

  .masterplan .col-lg-3, .brochures .col-lg-3 { width: 100%;  } 


  .unit-management .total-unit, .unit-management .sold-unit, 
  .unit-management .available-unit, .unit-management .held-unit  { margin-bottom: 10px; }

  .emi-btn { padding: 20px 0 0 0; }

  .lucide-calculator { min-width:22px; }


  .project-detail .slider-nav { display:none; }

  .project-detail-content h2 { display:block; } 

  .project-detail .slick-arrow { width: 25px; height: 25px;}

  .calculator-loan .col-lg-8 { width: 100%; margin-bottom: 10px; }
  .calculator-loan .col-lg-4 { width: 100%; }

  .lead-post .bg-white { height: 100%;}



   body #projectTable_wrapper table.dataTable tr td { white-space: nowrap; }
   body #projectTable_wrapper table.dataTable tr th:first-child { padding:12px 25px !important; }


  .login-page-block { height: auto;}
  .login-frm { height: auto;}
  .login-logo {  text-align:center; padding: 10px 0px 30px 0px; }
  .login-page { overflow:auto; background-color:#fff;}
  .login-txt { padding:0px 30px 0px 30px; }
  .login-txt p {margin: 0 0 0px 0; font-size: 16px;}
  .login-bg img { height: 200px;}
  .login-page .reg-page-block .col-md-5:before { background:url(../images/login-top-bg.png) 0px 0 no-repeat; background-size: contain;  }
  .login-page .reg-page-block .col-md-5:after { display: none;   }
  .login-txt h3 { font-size: 18px;}
  .login-txt h1 { font-size: 22px;}


  .project-detail .slider-for .slick-slide img { height: 250px; }

  .emi-btn a.btn { justify-content: center; padding: 15px 15px; width:100%; }

  .advantages-box { margin-bottom: 10px;}

  .unit-master-div .label-u-construction {position: absolute; top: 14px; right: 10px;}
  .unit-master-div .inventory-box { position: relative;}

  
  .step-form .tab-content { padding: 0px 0px; }
  .step-heading {padding:0px 0px 10px 0px;}
  .step-form .step-form { padding:0px; }

  #projectFrom .form-label { margin-bottom:5px; }

  #projectContent form .row { padding-bottom: 0px; }

  #projectContent form .row .col-md-6, #projectContent form .row .col-md-12, #projectContent form .row .col-lg-12 { padding-bottom:15px; }


  .steps li p { font-size: 12px; }
  .steps li span { width:30px; height:30px; line-height: 27px;}
  .steps li:after { top: 15px; }

  .type-select.filter-box.location-type-top { display: block; }
  .type-select.filter-box.location-type-top select { margin-bottom: 12px;}
  .type-select.filter-box.location-type-top .btn { width: 100%;} 

  .steps { margin: 0px 0px; }

  .project-detail-content { padding-top: 15px;}
  .project-auth { padding-top: 15px;}

  .map-list-main.map-active .map-product-list #project-list .col-md-6 { width:100%; }

  .lead-post .d-flex { flex-wrap: wrap;}

  .lead-management .user-manage-top { display: block; }

  .lead-management .user-manage-top  .openCaptureLeadModal { margin-top: 10px;}


  .lead-btn-group { display: block !important;}
  .lead-btn-group .btn { display: block !important; width: 100% !important; margin-bottom: 10px !important;}

.form-tab .nav-tabs { min-width:142px; margin-left: 0px;}


.promosion-action { display: block !important; }

.promosion-btn { flex-wrap: wrap; }

#unitTable_filter { padding-bottom: 20px;}

.step-form-top { display: block;}

.step-form-top .form-tab { margin: 20px 0 0px 0; max-width: 143px; }

.promotion-header-top { display: block !important; }


.offer-box { display: block;}
.promo-image { padding-bottom:10px; display: block; width: auto;}
.promo-image img { height: 80px; margin: 0 auto; display: block; }

.promo-btn { display: flex; padding: 0 0 0 5px; }

body #projectTable_wrapper table.dataTable tr td.address-col { white-space: normal; }


.full-plan-img { float:none; max-width:100%; width: 100%;  margin:0px 0px 15px 0px;}
.full-plan-img img { width:100%;}

.new-upload-btn { width: 120px; }

.data-search { display: block;}


.user-manage-top { display: block;}
.user-manage-top .filter-management .input-group { max-width: 100%; }
.user-manage-top { display: block;}
.user-manage-top input[type="text"] { width: 100%; border-radius: 25px !important;}
.user-manage-top { display: block;}
.user-manage-top .data-search button.btn { position:absolute; top:0px; right:0px; }
.user-manage-top .type-select { width: 100%;}
.user-manage-top .btn.btn-primary { margin-left: 0px; width: 100% !important;}


.topbar { display: block !important;  }
.topbar h1 { padding-bottom: 10px; }


.notifi-bottom { display: block !important; }


#keyword { margin-bottom: 15px;}



}



@media (max-width:479px){ 

  .btn, .btn:active, .btn:focus { padding: 10px 15px; }

  .card-top .btn { align-items: center; white-space: nowrap; display: flex; }

  .type-select { width: 145%;  }

  .list-grid{ grid-template-columns: repeat(1, 1fr); }

  .posted-detail { display: block;}
  .property-card .text-muted { margin-bottom: 5px !important;}

  .emi-details-box { display: block; }



  .user-manage-top .btn.btn-primary.add-user { min-width: 124px; }
  
  .lead-filter .type-select {  width: 100%;}



}