@charset "utf-8";
/* CSS Document */
/* Existing base styles remain unchanged */
.body-background-bsp {
	background-image: url('../images/bgimage.jpg?version=1');	
    /*background-repeat: no-repeat;
    background-position: center;  
    background-size: cover;*/
}
/* Default zoom class */
.zoom-control {
    zoom: 100%;                    /* Chrome, Safari, Edge */
    -moz-transform: scale(1);      /* Firefox */
    transform: scale(1);           /* Standard */
    transform-origin: 0 0;         /* Consistent origin point */
}
.heading-font-bsp{
	font-size: 28px; 
	color: #ac683f; 
	font-weight: 800;
}

.section-spacing-bsp{
	background: cover; 
	background-color: transparent; 
	margin-left: 7%; 
	margin-right: 7%;
	margin-top: 5%; 
	margin-bottom: 4%
}
.heading-outline-bsp{
	padding: 15px;
	border: 3px solid #ac683f; 
	width: 37%; 
	text-align: center; 
	margin: auto;
}
.offering-heighlight-bsp{
	color: #ac683f;
	font-weight: 800;
}
.buyers-facilities-title-bar-bsp{
	padding: 10px; 
	background-color: #a3af59; 
	color: rgba(218, 207, 172); 
	font-size: 25px; 
	font-weight: 800;
	width: 100%; 
	text-align: center;
}
.hr-big-bsp{
	border: 2px solid #a3af59; 
	opacity: 1;
}
.hr-small-bsp{
	border: 2px solid #a3af59; 
	opacity: 1; 
	width: 70%; 
	text-align: center; 
	margin: 0 auto;
}
.green-area-body-style {
	padding: 10px; 
	background-color: #a3af59; 
	color: rgba(218, 207, 172, 1.0); 
	font-size: 25px; 
	font-weight: 800;
	width: 100%; 
	text-align: center;
}
/*BSP Website Customize Button*/
/* Custom button style resembling Bootstrap btn-primary */
.btn-bpb {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: #2e5191;
    border: 1px solid #2e5191;
    color: #ffffff;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    cursor: pointer;
}

.btn-bpb:hover {
    background-color: #233f7a;
    border-color: #213b73;
    color: #ffffff;
    text-decoration: none;
}

.btn-bpb:focus, .btn-bpb.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(46, 81, 145, 0.5);
}

.btn-bpb.disabled, .btn-bpb:disabled {
    background-color: #2e5191;
    border-color: #2e5191;
    opacity: 0.65;
    cursor: not-allowed;
}

.btn-bpb:active, .btn-bpb.active {
    background-color: #213b73;
    border-color: #1f356a;
}

/* Compatibility with Bootstrap btn-sm class */
.btn-bpb.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
/*Custom combobox for language selection style */
.sel-lang-label{
		font-weight: 600; 
		background-color: #8B4626; 
		color: #ffffff; 
		padding: 7px 10px; 
		border-bottom-left-radius: 4px; 
		border-top-left-radius: 4px;
		font-size: 14px;
	}
 /* Container for label and combobox */
.language-selector {
  display: flex;
  align-items: center; /* Vertically align label and combobox */
  flex-wrap: nowrap; /* Prevent wrapping */
  max-width: 100%; /* Ensure it fits within the parent */
}

/* Label styling */
.language-label {
  font-family: 'Roboto Flex', sans-serif;
  font-size: 16px;
  font-weight: 600;
  background-color: #ac683f;
  color: #ffffff;
  padding: 4px 8px; /* Adjusted for consistent height */
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  line-height: 1.5; /* Consistent line height */
  white-space: nowrap; /* Prevent label text from wrapping */
}

/* Custom combobox */
.custom-combobox {
	position: relative;
	display: inline-block;
	height: 31px;
	min-height: 31px;
	max-height: 31px;
	width: 120px;
	line-height: 31px;
	font-family: 'Roboto Flex', sans-serif;
	font-size: 16px;
	font-weight: 600;
}

/* Selected option styling */
.combobox-selected {
  padding: 7px 10px; /* Match label padding for height */
  font-size: 15px;
  font-weight: 700;
  border: 0 solid #ccc;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  background-color: white;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*transition: border-color 0.3s, box-shadow 0.3s;*/
  color: #ac683f;
  line-height: 1.5; /* Match label line height */
	width: 100px;
}

/* Hover state */
.combobox-selected:hover {
  border-color: #999;
}

/* Focus state */
.combobox-selected:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25);
  background-color: aquamarine;
}

/* Options dropdown */
.combobox-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 4px 0;
  padding: 0;
  list-style: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 1000;
}

.combobox-options.show {
  display: block;
}

/* Individual option */
.combobox-option {
  padding: 3px 15px;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  color: #000000;
}

.combobox-option:hover {
  background-color: #dcccac;
  color: #ac683f;
}

/* Selected option */
.combobox-option.selected {
  background-color: #ac683f;
  color: #ffffff;
  font-weight: bold;
}

.combobox-option.selected:hover {
  background-color: #dcccac;
  color: #ac683f;
}

/* Focus state for options */
.combobox-option:focus {
  outline: none;
  background-color: #e9ecef;
  color: #212529;
}

/* Arrow icon */
.combobox-arrow {
  border: solid #666;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  margin-left: 10px;
  transition: transform 0.3s;
}

/* Rotate arrow when active */
.combobox-selected.active .combobox-arrow {
  transform: rotate(-135deg);
}
/*Custom combobox for language selection style */
/* Category Card Styles */
.card-custom-bsp {
	padding: 20px;
	background-color: #F3EDE0;
    border: none;
    border-radius: 10px;
	box-shadow: 0 0 18px rgba(0,0,0,0.4);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-custom-bsp:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 30px rgba(0,0,0,0.15);
}

.card-body-col-style-left {
    position: relative;
}

.card-body-col-style-left::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80%;
    height: 2px;
    background-color: #ac683f;
}

.card-body-col-style-left::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    height: 80%;
    width: 2px;
    /*background-color: #ac683f;*/
    z-index: 1;
}

.card-body-col-style-right {
    position: relative;
    overflow: hidden;
}

.card-body-col-style-right::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
    height: 2px;
    background-color: #ac683f;
}

.prop-counter-no-style {
    font-weight: 800;
    color: #565452;
    text-align: left;
    margin: -3% 0 0 20%;
    font-size: 38px;
}

.prop-counter-text-style {
    color: #565452;
    text-align: left;
    margin: -3% 0 2% 20%;
    font-size: 18px;
    font-weight: 500;
}

.prop-update-text-style {
    color: #565452;
    font-weight: 300;
    font-size: 16px;
    margin-top: 7.5%;
    line-height: 1.3;
    text-align: left;
}

.card-footer-bsp {
    background-color: #c9bc9a;
    text-align: center;
}

.card-footer-text-style {
    font-size: 20px;
    color: #4A4A4A;
    font-weight: 700;
    font-family: "Gidole";
}

.card-vp-text-bsp {
    color: #ac683f;
    font-weight: 800;
    font-size: 20px;
    margin-top: 3%;
}

/* --- NEW CARD LAYOUT (Data-Binding Friendly) --- */

/* Title: Layout only. Font & Text handled by JS via ID */
.card-title-new {
    color: #AB532C;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 800; /* Maintains boldness */
    /* font-size and font-family are handled by your JS */
}

/* Stats Row: Flexbox Layout */
.stats-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    margin-bottom: 10px;
}

/* Left: "LISTED PROPERTIES" */
.stats-left {
    text-align: right;
    margin-right: 12px;
    line-height: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.stats-label-big {
    font-size: 20px; 
    font-weight: 900;
    color: #4F4F4F;
    text-transform: uppercase;
}
.stats-label-small {
    font-size: 18px;
    font-weight: 400;
    color: #AB532C;
    text-transform: uppercase;
}

/* Center: Number (Font handled by JS or inherited) */
.stats-number {
    font-size: 44px; /* Large counter size */
    line-height: 0.9;
    font-weight: 600;
    color: #4F4F4F;
    margin: 0 5px;
    font-family: sans-serif; /* Keep number font simple */
}

/* Right: Date Section */
.stats-right {
    text-align: left;
    margin-left: 12px;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.update-label {
    font-size: 14px;
    text-transform: uppercase;
    color: #4F4F4F;
    margin-bottom: 0px;
    font-weight: 600;
}
.update-time {
    font-size: 14px;
    color: #666;
    line-height: 1.1;
    width: 85px; 
    /* JS will populate the date here */
}

/* Divider & Location */
.stats-divider {
    width: 90%;
	margin: 5px auto 5px auto;
	color: #AB532C;
	border: 0.75px dashed #AB532C;
    opacity: 1;
}
.location-text {
    color: #57730C;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 15px; /* Base size, JS may override */
    }
/*.location-text-swiper-desk {
	color: #ffffff;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 22px; 
}*/
/* Base Style & English Size */
.location-text-swiper-desk {
    font-weight: 700;
    color: #fff !important; /* Assuming white text on banner */
    margin-bottom: 5px;
    text-transform: uppercase;
}

#hero[data-language="english"] .location-text-swiper-desk {
    font-size: 20px; /* Adjust standard desktop size */
    line-height: 1.1;
}

/* Bengali Size (Typically needs to be larger) */
#hero[data-language="bengali"] .location-text-swiper-desk {
    font-family: var(--bengali-default-font);
    font-size: 24px; 
    line-height: 1.2;
    font-weight: 700;
}

/* Footer: Background style */
.card-footer-bsp-new {
    background-color: #9A9796 !important;
	padding: 12px 0;
	border-top: none;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0;
}

/* Footer Text: Targeting the specific class JS uses */
.card-footer-text-style {
    color: #F3EDE0;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}



.dropdown-menu_bpb {
    min-width: 700px;
    border: 4px solid #ac683f;
}

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

.title_bpb {
    font-size: 18px;
    color: #ffffff;
}

.form-group_bpb {
    margin-top: 1rem;
}

.custom-area-select_bpb {
    margin-top: 1rem;
}

.input_bpb {
    margin-top: 1rem;
}

.select_bpb {
    margin-top: 1rem;
}

.form-group-full_bpb {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.form-check_bpb {
    margin-top: 1rem;
}

.form-messages_bpb {
    margin-top: 1rem;
}

.loading_bpb {
    display: none;
}

.error-message_bpb {
    display: none;
    color: red;
    background-color: #C3C3C3;
}

.sent-message_bpb {
    display: none;
    color: green;
    background-color: #C3C3C3;
}

.cta-btn_bpb {
    margin: auto;
}

.card_bpb {
    margin-top: 1rem;
    margin-right: 3%;
}

.card-title_bpb {
    font-size: 16px;
    color: #ac683f;
    font-weight: 500;
}
.card-footer {
	border-top: none;
	height: 60px;
	padding-top: 15px;
}

.p-text_bpb {
    text-align: justify;
}

/* Remove blue focus outline */
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.cta-btn_bpb:focus {
    outline: none;
    box-shadow: none;
    border-color: #f6aa25; /* Optional custom focus style */
}
/* Commented Hero Section (kept as reference, though not active) */
.hero-bpb {
    background: cover;
    background-color: transparent;
    margin-left: 7%;
    margin-right: 7%;
    margin-top: 5%;
}

.img-bpb {
    min-height: 495px;
    height: 100%;
}

.text-bpb {
    text-align: justify;
}

.heading-bpb {
    margin-top: 0%;
}

.img-biswa-bpb {
    margin-top: 1.4%;
    text-align: right;
    margin-right: 0 !important;
}

/* Active Hero Section */
.card-bpb {
    padding: 0;
    background-color: transparent;
    border: none;
}

.row-bpb {
    /* No inline styles */
}

.col-bpb {
    padding-bottom: 0;
    padding-top: 0;
}

.col-text-bpb {
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 20px;
}

.card-body-bpb {
    padding: 0;
}

/* Tagore Home Section */
.container-bpb {
    background-color: transparent;
}

.container-width-bpb {
    max-width: 92%;
}

.img-village-bpb {
    width: 100%;
    margin-top: 9%;
}

/* Village Text Section */
.vil-text-bpb {
    margin-top: -2%;
    margin-bottom: 5%;
}

.row-transparent-bpb {
    background-color: transparent;
}

.heading-outline-bpb {
    width: 82%;
    border: none;
}

.highlights-bpb {
    color: #4e0b0b;
    font-weight: 300;
    font-size: 24px;
}

.village-text-bpb {
    color: #a7542f;
    font-weight: 400;
    font-size: 34px;
    margin-top: 1rem; /* Matches mt-4 */
}
/*RAICON INTRO  SECTION */
/* =========================================
   MOBILE BANNER - FULL EXPANDABLE STACK
   ========================================= */

.mobile-stacked-slide {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    height: auto;
    position: relative; 
}

/* Image - Seamless Join */
.mob-banner-img {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: bottom; 
    border-bottom: 0; 
}

/* Text Section Container */
.mob-text-section {
    background-color: #AD5836; /* Terracotta Brand Color */
    color: #ffffff;
    /*padding: 10px 20px 15px 20px;*/
	padding: 10px 0px 0px 0px;
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* --- 1. Title Wrapper (Always Visible) --- */
.mob-title-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
	color: #87330E;
    /*border-bottom: 2px solid rgba(91,30,31,0.4);*/
	border-bottom: 1px solid #94431F;
    padding-bottom: 10px;
    margin-bottom: 7px;
}

.mob-title {
    /*font-family: var(--english-heading-font);*/
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #EDE7D5;
    margin-bottom: 0;
    letter-spacing: 0.5px;
}

/* Expand Button (Arrow) */
.mob-expand-btn {
    width: 28px;
    height: 28px;
    background-color: #EDE7D5;
    color: #ac683f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 14px;
    transition: transform 0.3s ease, background-color 0.3s;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.mob-expand-btn.active {
    transform: rotate(180deg);
    background-color: #E1A672;
	color: #ffffff;
}

/* --- 2. Collapsible Content Body (Desc + Footer) --- */
.mob-content-body {
    width: 100%;
    transition: all 0.3s ease;
}

.mob-desc {
    /*font-family: var(--english-default-font);*/
    font-size: 13px;
    line-height: 1.4;
    font-weight: 300;
    text-align: justify;
    color: #EDE7D5;
    margin-bottom: 0;
    transition: all 0.3s ease;
	padding-left: 20px;
	padding-right: 20px;
}

.mob-footer-info {
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed rgba(255,255,255,0.3);
    transition: all 0.3s ease;
}

/* === STATE: COLLAPSED === */
.mob-content-body.collapsed .mob-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limits text to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.mob-content-body.collapsed .mob-footer-info {
    display: none; /* Hides Footer Info completely */
    opacity: 0;
}

/* === STATE: EXPANDED === */
.mob-content-body.expanded .mob-desc {
    display: block;
    -webkit-line-clamp: unset; /* Shows full text */
    margin-bottom: 15px;
}
.mob-content-body.expanded .mob-footer-info {
    display: block; /* Shows Footer Info */
    opacity: 1;
    animation: fadeIn 0.4s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Footer Typography */
.mob-package-text {
    font-size: 16px;
    text-transform: uppercase;
	text-align: center;
    color: #EDE7D5; 
    margin-bottom: 3px;
    font-weight: 600;
}
.mob-location {
    font-size: 20px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #ffffff;
}
.mob-offer-hr {
	border: 1px dashed rgba(0,0,0,1.00);
	margin-top: 15px;
    margin-bottom: 10px;
	/*background-color: #4f4f4f;*/
}
.mob-company-wrap {
	margin-top: 15px;
	width: 100%;
	background-color: #8B4626;
	padding: 12px;
}
.mob-offer-label {	
	font-size:14px;
	font-weight: 700;
	width: 100%;
	text-align: center;
}
.mob-company {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
	
}

/* Navigation Arrows - Positioned on Image Bottom Border */



.bpb_rc_image_wrap {
	position: relative;
	height: 100%;
	min-height: 1350px;
	width: auto;
}
.bpb-rc-home-img-container {
	position: absolute;
	top: 15%;
	left: 0;
	right: 0;
}
.bpb-rc-man-model-img-container {
	position: absolute;
	top: 40%;
	left: 7%;
	z-index: 100;	
}
.bpb-rc-man-model-img {	
	max-height: 60%; 
	width: 83%;
}
.bpb-rc-rignt-graphics-img-container {
	position: absolute;
	top: 49%;
    right: -4%;
	z-index: 100;	
}
.bpb-rc-rignt-graphics-img{
	width: 84%; 
	height: auto;
}
.bpb-rc-rignt-key-img-container {
	position: absolute;
	top: 52%;
    right: -3.3%;
	z-index: 100;	
}
.bpb-rc-rignt-key-img {
	width: 84%; height: auto;
}
.bpb-rc-bottom-p1 {
	position: absolute;
	top: 78%;
	right: 0;
	max-width: 70%;
}
.bpb-rc-bottom-p2 {
	position: absolute;
	top: 84%;
	right: 0;
	max-width: 70%;
	color: #4F801A;
	font-weight: 700;
}
.bpb-rc-bottom-p3 {
	position: absolute;
	top: 88%;
	right: 0;
	font-weight: 500;
}
#raicon_bottom_p1[data-language="english"].bpb-rc-bottom-p1 {
    font-family: var(--english-default-font);
    font-size: var(--english-raicon-pb-size);
    line-height: 1.1;
    font-weight: 100;
}
#raicon_bottom_p2[data-language="english"].bpb-rc-bottom-p2 {
    font-family: var(--english-default-font);
    font-size: var(--english-raicon-pb-size);
    line-height: 1.6;
    font-weight: 100;
}
#raicon_bottom_p3[data-language="english"].bpb-rc-bottom-p3 {
    font-family: var(--english-default-font);
    font-size: var(--english-raicon-pb-size);
    line-height: 1.6;
    font-weight: 200;
}
/* --- RAICON SIGNATURE BUILD SECTION STYLES --- */

/* Top Strip */
.bpb-sig-top-strip {
    background-color: #b25930; /* Terracotta Brown */
    padding: 12px 0;
    width: 100%;
    text-align: center;
}

.bpb-sig-strip-text {
    color: #ffffff;
    font-family: var(--english-heading-font);
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Content Wrapper */
/*.bpb-sig-content-wrapper {
    padding: 30px 7%; 
    background-image: url('../images/bgimage.jpg'); 
    background-size: cover;
}*/

/* Headings (Brown) */
.bpb-sig-heading-brown {
    color: #4F4F4F;
    font-family: var(--english-heading-font); 
    font-weight: 800;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

/* Paragraph Text */
.bpb-sig-p-text {
    color: #393939;
    font-family: var(--english-default-font);
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 15px;
    font-weight: 400;
    text-align: justify;
}

/* Sub Text (Territory) */
.bpb-sig-sub-text {
    color: #555;
    font-family: var(--english-default-font);
    font-size: 16px;
    font-weight: 500;
}

/* Expertise Green Text */
.bpb-sig-text-green {
    color: #57730C; 
    font-family: var(--english-heading-font);
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 5px;
}

.bpb-sig-expertise-box {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Main Image Styling */
.bpb-sig-main-image {
	width: 100%;
    height: auto;
    /* Pull image up slightly if needed to overlay text areas, 
       otherwise standard margin looks cleaner on web */
    margin-bottom: 10px; 
    position: relative;
    z-index: 1;
	margin-top: -11%;
}

/* Responsive Adjustments */

/* RAICON FOOTER BAR STYLES */
.raicon-footer-bar {
    background-color: #a05a2c; /* Terracotta brown from image */
    color: #ffffff;
    padding: 20px 20px;
    width: 100%;   
    font-family: var(--english-default-font); /* Uses your site's default font */
    font-size: 16px;
    font-weight: 500;
}

/* Ensure links inside (if any) are white */
.raicon-footer-bar a {
    color: #ffffff;
    text-decoration: none;
}

/* Responsive Adjustments */


/* =========================================
   BPB FREE LISTING SECTION STYLES
   ========================================= */
/* --- FREE PROPERTY LISTING SECTION STYLES --- */
#free_listing_section {
    
    overflow: hidden;    /* Contain formatting */
}

/* 1. Left Column Styles */
.listing-url-heading {
    color: #4F4F4F; /* Terracotta Color */
    /*font-family: "Gidole", sans-serif;*/
    font-weight: 800;
    font-size: 28px;
    margin-bottom: 30px;
}

.listing-badge {
    background-color: #57730C; /* Green Background */
    color: #f0e9db; /* Cream Text */
    /*font-family: "Gidole", sans-serif;*/
    font-weight: 700;
    font-size: 24px;
    padding: 10px 35px;
    border-radius: 5px;
    display: inline-block;
    text-transform: uppercase;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.15);
}

.listing-text-body p {
    color: #393939; /* Dark Grey for readability */
    font-size: 18px;
    line-height: 1.6;
    font-weight: 500;
    margin-bottom: 15px;
    font-family: var(--english-default-font);
}

/* 2. Right Column Styles */
.right-content-wrapper {
	position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 30px;
}

.side-desc-text {
    color: #393939; /* Brownish Text requested */
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 15px;
    max-width: 52%;
	text-align: justify;
}

.opportunity-label {
    color: #57730C; /* Green */
    /*font-family: "Gidole", sans-serif;*/
    font-weight: 800;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn-enlist {
    background-color: #b25930; /* Background requested */
    color: #f0e9db !important; /* Text color requested */
    /*font-family: "Gidole", sans-serif;*/
    font-weight: 700;
    font-size: 18px;
    padding: 10px 30px;
    border-radius: 5px;
    text-transform: uppercase;
    border: none;
    transition: background 0.3s ease;
    display: inline-block;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	position: relative; /* CRITICAL: z-index is ignored without this */
    z-index: 100;       /* High value to force it on top */
    cursor: pointer;    /* Ensures it looks clickable */
}

.btn-enlist:hover {
    background-color: #964620;
    color: #ffffff !important;
}

.man-image-wrapper {
	position: relative;
    margin-top: 10px;
    text-align: right;	
    z-index: 1;           /* Lower than the button */
    pointer-events: none; /* CRITICAL: This allows clicks to pass through the image's invisible box to the button below */
}

.man-image-wrapper img {
	/*position: absolute;
  top: -40%;
  right: 90px;
  max-width: 100%;
  height: auto;
  max-height: 500px;
  margin-top: -26%;
  margin-bottom: 5%;
	pointer-events: auto; 
    z-index: 1;*/
	position: absolute;
	/* top: -40%; */
	right: 0px;
	max-width: 100%;
	height: auto;
	max-height: 480px;
	margin-top: -22%;
	margin-bottom: 5%;
	pointer-events: auto; 
    z-index: 1;
}
.bpb-logo-img-wraper {
	position: relative;
    margin-top: 10px;
    text-align: right;
}
.bpb-logo-img-wraper img {
	position: absolute;
    /* top: -40%; */
    right: 28px;
    max-width: 100%;
    height: auto;
    max-height: 100px;
    margin-top: -28%;
    margin-bottom: 5%;
}
.bpb-logo-img-wraper .logo-img-caption {
	position: absolute;
	 right: 0px;
	text-align: center;
	font-size: 14px;
    color: #ae603c;
    font-weight: 700;
    margin-top: -15%;
    line-height: 1.2;
}
/* --- BPB CULTURE SECTION STYLES --- */
/* Heading Styling */
.bpb-cult-heading {
    color: #b25930;
    /*font-family: "Gidole", sans-serif;*/
    font-weight: 800;
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

/* Subheading Styling */
.bpb-cult-subheading {
    color: #393939;
    font-family: var(--english-default-font);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
}

/* Item Text Styling */
.bpb-cult-item {
    color: #393939;
    font-family: var(--english-default-font);
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 25px;
    text-align: justify;
}

/* Key Styling (Title of each item) */
.bpb-cult-key {
    color: #b25930;
    font-weight: 700;
    /*font-size: 16px;*/
}

/* Responsive Adjustments */


/* --- BPB TOURISM SECTION STYLES --- */

/* Heading Style */
.bpb-tourism-heading {
    color: #57730C;
    font-family: "Gidole", sans-serif;
    font-weight: 800;
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* Paragraph Text Style */
.bpb-tourism-text {
    color: #393939;
    font-family: var(--english-default-font); /* Will switch based on language */
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: justify; /* Matches the text block look in screenshot */
    font-weight: 500;
}

/* Responsive Adjustments */


/* --- BPB FULL SCREEN ZOOM STYLES --- */

/* The Modal (background) */
.bpb-zoom-modal {
    display: none; /* Hidden by default */
    position: fixed; 
    z-index: 9999; /* Sit on top */
    padding-top: 50px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.95); /* Black w/ opacity */
}

/* Modal Content (The Image) */
.bpb-zoom-modal-content {
    margin: auto;
    display: block;
    width: auto;
    max-width: 90%;
    max-height: 90vh;
    animation-name: bpbZoom;
    animation-duration: 0.3s;
    border: 2px solid #fff;
    box-shadow: 0 0 20px rgba(255,255,255,0.2);
}

/* Add Animation */
@keyframes bpbZoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.bpb-zoom-close {
    position: absolute;
    top: 20px;
    right: 35px;
    color: #f1f1f1;
    font-size: 50px;
    font-weight: bold;
    transition: 0.3s;
    cursor: pointer;
    z-index: 10000;
    line-height: 1;
}

.bpb-zoom-close:hover,
.bpb-zoom-close:focus {
    color: #b25930; /* Your Brand Color */
    text-decoration: none;
    cursor: pointer;
}

/* 100% Width on smaller screens */
@media only screen and (max-width: 700px) {
    .bpb-zoom-modal-content {
        width: 100%;
    }
    .bpb-zoom-close {
        top: 10px;
        right: 20px;
        font-size: 40px;
    }
}

/* Commented About Section */
.about-bpb {
    margin-top: -2%;
}

.heading-outline-about-bpb {
    width: 55%;
    border: none;
}

.contact-experts-bpb {
    color: #ac683f;
    font-weight: 600;
}

/* Stats Section */
.stats-bpb {
    margin-top: -3%;
}

.col-card-bpb {
    border-radius: 0;
}

.img-card-bpb {
    border-radius: 0;
}

.card-body-cat-bpb {
    text-align: center;
    padding-bottom: 3px;
}

.text-left-bpb {
    text-align: left;
}

.prop-update-bpb {
    max-width: 85%;
}

/* Offering Section */
.offering-bpb {
    margin-left: 7%;
    margin-right: 7%;
}

.text-justify-bpb {
    text-align: justify;
}

.heading-offering-bpb {
    margin-top: 30px;
    margin-bottom: 1rem; /* Matches mb-4 */
}

.img-singer-bpb {
    margin-top: 0.5rem; /* Matches mt-2 */
}

.priority-box-bpb {
    max-height: 35px;
    padding: 9px;
    padding-bottom: 10px;
    padding-top: 7px;
    background-color: #ac683f;
    border: 1px solid #ac683f;
    border-radius: 5px;
    width: 21%;
    margin-top: -2%;
    margin-bottom: 2%;
    text-align: center;
}

.priority-heading-bpb {
    font-size: 20px;
    color: #f0f0f0;
    font-weight: 600;
    margin-top: -2.8%;
}

.priority-subheading-bpb {
    font-size: 18px;
    color: #8a843a;
    font-weight: 600;
    border-bottom: 3px solid #ac683f;
    padding-bottom: 8px;
    margin-bottom: 1%;
}

.img-offering-bpb {
   /* margin-left: 4%;*/
    margin-top: 3%;
}

/* Privilege Heading Section */
.privilege-box-bpb {
    background-color: #ac683f;
    border: 1px solid #ac683f;
    border-radius: 5px;
    width: 44%;
    text-align: center;
    margin: auto;
}

.privilege-heading-bpb {
    font-size: 24px;
    color: #f0f0f0;
    font-weight: 400;
    margin-top: 2%;
}

/* Privilege Panel Section */
.privilage-panel-bpb {
    margin-top: -1.5%;
}

.consultant-heading-bpb {
    font-size: 20px;
    color: #57730C;
    font-weight: 600;
}

/* Dream Home Heading Section */
.dream-home-heading-bpb {
    margin-top: -2%;
}

.dream-home-box-bpb {
    background-color: #ac683f;
    border: 1px solid #ac683f;
    border-radius: 5px;
    width: 25%;
    text-align: center;
    margin: auto;
}

.dream-home-text-bpb {
    font-size: 24px;
    color: #f0f0f0;
    font-weight: 400;
    margin-top: 2.5%;
    text-align: center;
}

/* Dream Home Image Section */
.dream-home-container-bpb {
    background-color: transparent;
    margin-top: -3.4%;
}

.dream-home-width-bpb {
    max-width: 87.2%;
}

.dream-home-card-bpb {
    background-color: transparent;
    border: none;
}

.dream-home-img-bpb {
    width: 100%;
}

.dream-home-overlay-bpb {
    background-color: transparent;
}

.dream-home-highlights-bpb {
    font-size: 22px;
    color: #ac683f;
    font-weight: 600;
    margin-left: 49%;
    margin-top: 38%;
}

.dream-home-btn-container-bpb {
    color: #f6aa25;
    max-width: 160px;
    min-height: 40px;
    padding: 5px;
    /*padding-top: 5px;*/
    background-color: #2e5191;
    text-align: center;
    border-radius: 10px;
    margin-left: 46.5%;
    margin-top: 1.5%;
}

.dream-home-link-bpb {
    color: #E1E1E1;
    font-size: 20px;
}
.dream-home-link-bpb:hover {
    color: #ffffff;
    font-size: 20px;
}

/* BSP Offering Section */
.container-full-bpb {
    max-width: 100%;
}

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

.quote-left-bpb {
    color: #9eaa56;
}

.quote-right-bpb {
    color: #9eaa56;
    margin-top: -10px;
}

.premium-img-bpb {
    margin-top: 1.25rem; /* Matches mt-5 */
}

.unlock-heading-bpb {
    margin-top: 1.25rem; /* Matches mt-5 */
}

.unlock-text-container-bpb {
    width: 50%;
    margin: auto;
    margin-top: 0.75rem; /* Matches mt-3 */
}

.unlock-text-bpb {
    font-size: 21px;
    text-align: justify;
}

/* Investment Opportunities Section */
.investment-text-bpb {
    margin-top: 1rem; /* Matches mt-4 */
    text-align: justify;
}

/* Buyers Facilities Section */
.cultural-heading-bpb {
    margin-top: 1rem; /* Matches mt-4 */
}

.cultural-intro-bpb {
    text-align: justify;
    font-weight: 500;
    font-size: 16px;
    margin-top: 1rem; /* Matches mt-4 */
}

.bullets-bpb {
    color: #9cad5d;
    font-weight: 800;
}

.cultural-text-bpb {
    font-weight: 500;
    font-size: 16px;
    margin-top: 0.5rem; /* Matches mt-2 */
}

.natural-beauty-text-bpb {
    font-weight: 500;
    font-size: 16px;
    margin-top: 0.75rem; /* Matches mt-3 */
}

.art-craft-text-bpb {
    font-weight: 500;
    font-size: 16px;
    margin-top: 0.75rem; /* Matches mt-3 */
}

.festivals-text-bpb {
    font-weight: 500;
    font-size: 16px;
    margin-top: 0.75rem; /* Matches mt-3 */
}

.education-text-bpb {
    font-weight: 500;
    font-size: 16px;
    margin-top: 0.75rem; /* Matches mt-3 */
}

.collage-img-bpb {
    margin-top: 1rem; /* Matches mt-4 */
}

.scenic-container-bpb {
    margin-top: 9px;
}

.scenic-text-bpb {
    text-align: justify;
    font-size: 17px;
}

/* Existing Inline Style Blocks */
.card-img-left-bpb {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.overlay-text-bpb {
    position: absolute;
    bottom: -10px;
    left: 5%;
    transform: translateX(-5%);
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px 15px;
    border-radius: 5px;
    white-space: nowrap;
}

.dream-image-container-bpb {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 100%;
}

.dream-image-container-bpb img {
    width: 100%;
    height: auto;
    display: block;
}
.plot-fields {
        display: none; /* Initially hidden */
    }
.areasft-row {
	display: none; /* Initially hidden */
}

/* Custom CSS for <li> styling */
.custom-list {
	list-style: none; /* Remove default bullets */
	padding-left: 0; /* Reset default padding */
}

.custom-list li {
	position: relative; /* For positioning the custom bullet */
	padding-left: 30px; /* Adjust left margin for bullet */
	margin-bottom: 10px; /* Space between list items */
	font-size: 16px; /* Text size */
	line-height: 1.5; /* Line height for readability */
	text-align: justify;
}

/* Custom bullet style using pseudo-element */
.custom-list li::before {
	content: '\2022'; /* Unicode for bullet (•) */
	position: absolute;
	left: 0;
	color: #a3af59; /* Bullet color (Bootstrap primary blue) */
	font-size: 40px; /* Bullet size */
	line-height: 1.5; /* Match text line height for alignment */
	top: -12%; /* Align bullet vertically with text */
}

/* Hover effect for list items */
.custom-list li:hover::before {
	color: #a3af59; /* Darker blue on hover */
}

/* Optional: Add a subtle background on hover for list items */
.custom-list li:hover {
	/*background-color: #f8f9fa;*/ /* Bootstrap light gray */
	/*border-radius: 4px;*/ /* Rounded corners */
}

/* Core layout styles */
#hero {
	margin: 5% 7% 0 7%;
}

#hero .row {
	display: flex;
	align-items: flex-start;
}

#hero .image-column {
	padding-right: 0;
	display: flex;
	height: 100%;
}

#hero .left-column-img {
	width: 100%;
	height: auto;
   /* max-height: 74vh;*/
	object-fit: contain;
	object-position: left top;
}

#hero .text-column {
	/*padding-left: 1.5vw;*/
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* Heading font class */
.heading-font-bsp {
	font-weight: normal;
	font-style: normal;
}

/* Language-specific styles within #hero only */
#hero[data-language="english"] .text-content p {
	font-family: var(--english-default-font);
	font-size: var(--english-p-text-size);
	line-height: 1.7;
	text-align: justify;			
}

#hero[data-language="bengali"] .text-content p {
	font-family: var(--bengali-default-font);
	font-size: var(--bengali-p-text-size);
	line-height: 1.3;
}

/* p-text-adjustment class for 1250-1366px range */
#hero .p-text-adjustment {
	/* Default values */
	line-height: inherit;
	letter-spacing: normal;
}

/* We Offering Section Base Styles */
#we_offering {
	padding: 40px 0;
}

#we_offering .offering-row {
	display: flex;
	align-items: flex-start;
}

#we_offering .left-div {
	/*padding-right: 20px;*/ /* Fixed padding instead of vw */
	display: flex;
	flex-direction: column;
}

#we_offering .right-div {
	display: flex;
	align-items: flex-start;
}

#we_offering .img-offering-bpb {
	width: 100%;
	height: auto;
	object-fit: contain;
}

/* Text Styles */
.heading-font-bsp {
	font-weight: normal;
	margin-bottom: 15px;
}

/* Language-specific paragraph styles */
#we_offering[data-language="english"] .left-div p {
	font-family: var(--english-default-font);
	font-size: var(--english-p-text-size);
	line-height: 1.5;
	margin-bottom: 12px;
}

#we_offering[data-language="bengali"] .left-div p {
	font-family: var(--bengali-default-font);
	font-size: var(--bengali-p-text-size);
	line-height: 1.3;
	margin-bottom: 14px;
}
/* We Offering Section Styles */
#we_offering {
	padding: 40px 0;
}

#we_offering .offering-row {
	display: flex;
	align-items: flex-start;
}

#we_offering .left-div {
   /* padding-right: 2.5vw;*/
	display: flex;
	flex-direction: column;
	height: 100%;
}

#we_offering .right-div {
	display: flex;
	align-items: center;
}

#we_offering .img-offering-bpb {
	width: 100%;
	height: auto;
	/*max-height: 72vh;*/
	object-fit: contain;
	object-position: right top;
}

/* Heading styles */
.heading-font-bsp {
	font-weight: normal;
	font-style: normal;
}

/* Language-specific styles within #we_offering */
#we_offering[data-language="english"] .left-div p {
	font-family: var(--english-default-font);
	font-size: var(--english-p-text-size);
	line-height: 1.5;
}

#we_offering[data-language="bengali"] .left-div p {
	font-family: var(--bengali-default-font);
	font-size: var(--bengali-p-text-size);
	line-height: 1.3;
}

/* p-text-adjustment class for 1250-1366px range */
#we_offering .p-text-adjustment {
	line-height: inherit;
	letter-spacing: normal;
}
/* Minimal CSS only for zoom compatibility */
html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
/* Ensure body doesn't interfere with navbar */
/* --- BPB Requirement Modal Styles --- */

/* --- BPB REQUIREMENT MODAL STYLES --- */
/* Fix 1: Backdrop Visibility */
/* Fix 1: Modal Backdrop & Container */
.modal-backdrop.show {
    opacity: 0.1 !important;
    background-color: #000;
}

.bpb-modal-content {
    background-color: #333333; /* Dark BG */
    border: none;
    border-radius: 0;
    overflow: visible !important; 
    box-shadow: 0 10px 40px rgba(0,0,0,0.5);
}

/* NEW: Top Header Styling */
.bpb-top-header {
    background-color: #333333; /* Match modal bg */
    border: none;
    padding: 15px 20px 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.modal-header {
    border: none;
    padding: 15px 20px 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #333333; /* Match modal bg */
}

/* New Class for the Top Title */
.bpb-top-title {
    color: #ffffff;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--english-heading-font);
    font-size: var(--english-bpb-modal-heading);
    line-height: 1.2;
}

/* Close Button in Header */
/* Close Button Styling */
.bpb-header-close {
    background-color: #bfa15f;
    opacity: 1;
    border-radius: 5px;
    padding: 10px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234f4f4f'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    border: none;
    transition: all 0.3s ease;
}
.bpb-header-close:hover {
    background-color: #EDCD85;
    /*transform: rotate(90deg);*/
}
/* --- Left Column Styles --- */
.bpb-modal-left {
    background-color: #1d1d1d;
    display: flex;
    flex-direction: column;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 20px; /* Reset padding to allow header strip to touch edges */
	padding-bottom: 0;
}

/* Fix 3: Header Heights & Font Implementation */
.bpb-modal-header-strip {
    background-color: #ae603c;
    padding: 10px 20px;
    text-align: center;
    min-height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-top-left-radius: 8px; /* Default for Left col */
}

.bpb-modal-right .bpb-modal-header-strip {
    border-top-left-radius: 0;
    border-top-right-radius: 8px;
}

.bpb-modal-header-strip h3 {
    color: #ffffff;
    font-weight: 500;
    margin: 0;
    text-transform: uppercase;
    font-family: var(--english-heading-font);
    line-height: 1.2;
    /* This variable will now work because JS will inject the matching inline style */
    font-size: var(--english-bpb-modal-heading); 
}
/* Content Areas */
.bpb-left-padding {
    padding: 18px 19px 10px 19px;
}

.bpb-modal-text-light {
    color: #B8B7B7;
    font-family: var(--english-default-font); /* Default fallback */
    font-size: var(--english-bpb-modal-text); /* UPDATED from 14px */
    line-height: 1.3;
    font-weight: 200;
	text-align: justify;
}
.bpb-support-line {
    font-size: 18px;
    color: #ffffff;
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.bpb-icon-call {
    width: 24px;
    height: auto;
}

.bpb-support-number {
    color: #e78354;
    font-weight: 700;
}

/* Image Visual Area */
.bpb-left-visual {
    position: relative;
    margin-top: auto;
    text-align: center;
    overflow: hidden; 
    min-height: 240px;
	top: 0%;
}

.bpb-agent-img {
    width: auto;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-right: 50px;
    margin-bottom: 0;
	margin-top: -2%;
}

.bpb-floating-logo {
    position: absolute;
    top: 0%;
    right: 17px;
    text-align: center;
    width: 161px;
    z-index: 2;
}

.bpb-logo-caption {
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    margin-top: 5px;
    line-height: 1.2;
}

.bpb-info-tab {
    position: absolute;
    bottom: 0px;
    left: 0;
    background-color: rgba(174,96,60,0.90);
    color: #ffffff;
    padding: 8px 30px 8px 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    z-index: 5;
    clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
    width: 180px;
    text-align: left;
}

/* Left Bottom Darker Section */
.bpb-left-bottom {
    background-color: #121111;
    padding: 10px 19px 10px 19px;
    border-bottom-left-radius: 8px;
	/*margin-top: -5%;*/
	position: relative;
	top: 0%;
}

.bpb-modal-text-small {
    color: #B8B7B7;
    font-family: var(--english-default-font); /* Default fallback */
    font-size: var(--english-bpb-modal-text); /* UPDATED from 13px */
    line-height: 1.3;
    text-align: justify;
    margin-bottom: 10px;
	font-weight: 200;
}

/* --- Right Column Styles --- */
.bpb-modal-right {
    background-color: #070707;
    position: relative;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 20px; /* Reset padding to allow header to touch edges */
}

.bpb-right-padding {
    padding: 20px; /* Internal padding for content */
	padding-bottom: 0;
}

/* Container for the right-side header element */
.bpb-tick-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

/* The custom square box */
.bpb-custom-check-icon {
    width: 32px;               /* Fixed square size */
    height: 32px;
    border: 2px solid #ffffff; /* The white border for the box */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;        /* Gap between box and text */
}

/* The checkmark inside the box */
.bpb-custom-check-icon i {
    color: #ffffff;
    font-size: 18px;           /* Adjust checkmark size */
    margin-top: 2px;           /* Fine-tune vertical alignment */
}

/* The text label */
.bpb-tick-text {
    color: #ffffff;
    font-family: var(--english-heading-font); /* Matches left header font */
    font-weight: 500;
    font-size: 24px;           /* Matches the visual size in Image 1 */
    text-transform: uppercase;
    line-height: 1;
}

/* =========================================
   BPB Listing Modal Theme (Cream & Brown)
   ========================================= */

/* Theme Container overrides */
.bpb-listing-theme {
    background-color: #e8e0d5; /* Light beige background base */
}

/* Custom Close Button for Listing Modal */
.bpb-listing-modal-close {
    /* Button Background Color */
    background-color: #D3C8AC !important; 
    
    /* Box Shape & Opacity */
    border-radius: 5px !important;
    opacity: 1 !important;
    padding: 15px !important; /* Increases clickable area slightly */
    box-shadow: none !important;
    
    /* Close Icon Color (#4f4f4f) - SVG Encoded */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234f4f4f'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
    
    /* Centering the icon */
    background-position: center;
    background-size: 1rem;
    margin: 0 !important; /* Fix alignment in header */
}

/* Hover Effect (Optional - darkens slightly) */
.bpb-listing-modal-close:hover {
    background-color: #c4b99e !important;
}

/* Focus State (removes default blue outline) */
.bpb-listing-modal-close:focus {
    box-shadow: 0 0 0 0.25rem rgba(79, 79, 79, 0.25) !important;
}
/* Left Column Styling */
.bpb-listing-left {
    background-color: #e6dec9; /* Matching image background */
    border-right: none;
}

.bpb-listing-strip {
    background-color: #D3C8AC; /* Terracotta Brown */
	color: #4F4F4F;
}

.bpb-modal-text-dark {
    color: #4b3621;
    font-family: var(--english-default-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: justify;
}

.bpb-listing-footer {
    position: absolute;
    top: 80%;
    /*max-height: 72px;*/
    width: 46.5%;
    background-color: #D3C8AC;
    padding: 15px;
    text-align: center;
	border-radius: 0;
	padding-top: 10px;
	color: #4F4F4F;
}
.bpb-listing-footer-two {
    position: absolute;
    top: 90%;
    /*max-height: 40px;*/
    width: 46.5%;
    background-color: #4F4F4F;
    padding: 15px;
    text-align: center;
}

.bpb-modal-text-white {
    color: #fff;
    font-size: 14px;
}

.bpb-listing-contact {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

/* Right Column Styling */
.bpb-listing-right {
    background-color: #f1ebd8; /* Cream background */
}

.bpb-listing-check-icon {
    border-color: #4F4F4F;
}

/* Checkbox Grid Items */
.bpb-listing-box {
    background-color: #fdfaf2; /* Very light cream box */
    color: #5a4a42; /* Dark Brown Text */
    border: 1px solid #dcdcdc;
    font-weight: 600;
    border-radius: 4px;
}

.bpb-listing-box:hover {
    background-color: #fff;
    border-color: #f1e6c8;
}

/* Custom Checkmark Color Override */
.bpb-listing-box input:checked ~ .checkmark {
    background-color: #a05a2c; /* Brown check background */
}

.checkmark.listing-mark {
    background-color: #e0dacc; /* Unchecked background */
}

/* Bottom Card Area */
.bpb-listing-bottom-card {
    background-color: transparent !important; /* Remove dark bg */
    border: 1px solid #d4cbb8;
    padding: 20px !important;
    background: #fdfaf2 !important;
}

.listing-gold-text {
    color: #8b5a2b; /* Darker Gold/Brown */
    margin-bottom: 15px;
}

/* Input Fields */
.listing-input {
    background-color: #e8e4d9;
    color: #333;
    border: 1px solid #ccc;
}

.listing-input::placeholder {
    color: #777;
}

.listing-input:focus {
    background-color: #fff;
    color: #000;
}

.listing-send-btn {
    background-color: #a05a2c;
    color: #fff;
}

.listing-send-btn:hover {
    background-color: #8a4b22;
}

/* The Container Label */
.bpb-listing-check-box {
    display: block;
    position: relative;
    padding-left: 50px;
    cursor: pointer;
    font-size: 13px; 
    color: #5a4a42; /* Dark Brown Text */
    user-select: none;
    background-color: #fdfaf2; /* Light Cream Box */
    padding-top: 12px;
    padding-bottom: 12px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 0.3s ease;	
}

/* Hover Effect */
.bpb-listing-check-box:hover {
    background-color: #ffffff;
    border-color: #5a4a42;
}

/* Hide the default HTML checkbox */
.bpb-listing-check-box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* The Custom Checkmark Box (Unchecked) */
.bpb-listing-checkmark {
    position: absolute;
    top: 14px; /* Center vertically relative to padding */
    left: 10px;
    height: 24px;
    width: 24px;
    background-color: #e0dacc; /* Default Unchecked Color */
    border-radius: 2px;
    transition: background-color 0.2s ease;
}

/* Checked State - Background Color Change */
.bpb-listing-check-box input:checked ~ .bpb-listing-checkmark {
    background-color: #a05a2c; /* Active Brown Color */
}

/* The Tick Icon (Hidden by default) */
.bpb-listing-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show Tick when Checked */
.bpb-listing-check-box input:checked ~ .bpb-listing-checkmark:after {
    display: block;
}

/* Tick Icon Shape/Position */
.bpb-listing-check-box .bpb-listing-checkmark:after {
    left: 9px;
    top: 5px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.bpb-listing-wa-input-field {
	flex-grow: 1;
    background-color: #D3C8AC;
    border: none;
    color: #9f8145;
    padding: 0 15px;
    font-size: 15px;
    margin-right: 10px;
}
.bpb-listing-left-visual {
	position: relative;
    text-align: center;
    overflow: hidden; 
    min-height: 362px;
	top: -2%;
}
.bpb-fl-floating-star {
	position: absolute;
    top: 1%;
    right: 12px;
    text-align: center;
    width: 161px;
    z-index: 2;
}
.bpb-fl-floating-star-text {
	position: absolute;
    top: 9%;
    right: 13px;
    text-align: center;
    width: 161px;
    z-index: 3;
	color: #ffffff;
}
.bpb-fl-floating-logo {
	position: absolute;
    top: 0%;
    left: 17px;
    text-align: center;
    width: 100px;
    z-index: 2;
}
.bpb-fl-logo-caption {
	font-size: 10px;
    color: #ae603c;
    font-weight: 700;
    margin-top: 5px;
    line-height: 1.2;
}
/* Responsive adjustment for mobile */


/* Custom Checkboxes */
.bpb-check-box {
    display: block;
    position: relative;
    padding-left: 50px;
    cursor: pointer;
    font-size: 13px; 
    color: #ffffff;
    user-select: none;
    background-color: #1f1f1f;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 4px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.bpb-check-box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 14px;
    left: 10px;
    height: 24px;
    width: 24px;
    background-color: #555;
    border-radius: 2px;
}

.bpb-check-box:hover input ~ .checkmark { background-color: #666; }
.bpb-check-box input:checked ~ .checkmark { background-color: #ae603c; }

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.bpb-check-box input:checked ~ .checkmark:after { display: block; }

.bpb-check-box .checkmark:after {
    left: 9px;
    top: 5px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Gold Text */
.bpb-gold-heading {
    color: #bfa15f;
    font-size: 14px;
    font-weight: 700;
    margin-top: 0px;
    /*margin-bottom: 15px;*/
	margin-bottom: 11px;
    text-transform: uppercase;
}

.bpb-gold-hr {
    border-top: 1px solid #bfa15f;
    opacity: 1;
    margin-top: 5px;
    margin-bottom: 8px;
}

/* WhatsApp Input Group */
.bpb-wa-container {
    display: flex;
    height: 45px;
    width: 100%;
    margin-bottom: 20px;
}

.bpb-wa-icon-box {
    background-color: #0f9441;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-right: 0;
}
.bpb-wa-icon-box img { width: 24px; }

.bpb-wa-code-box {
    background-color: #e0e0e0;
    display: flex;
    align-items: center;
    padding: 0 10px;
    color: #333;
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
    margin-right: 10px;
}
.bpb-wa-code-box img { width: 20px; margin-right: 5px; }

.bpb-wa-input-field {
    flex-grow: 1;
    background-color: #333;
    border: none;
    color: #fff;
    padding: 0 15px;
    font-size: 15px;
    margin-right: 10px;
}
.bpb-wa-input-field:focus { outline: none; background-color: #444; }

.bpb-wa-send-btn {
    background-color: #bfa15f;
    color: #000;
    border: none;
    font-weight: 800;
    padding: 0 20px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    text-transform: uppercase;
}
.bpb-wa-send-btn i { margin-left: 5px; }
.bpb-wa-send-btn:hover { background-color: #a88d52; }

/* Responsive */


.bpb-wa-send-btn i { margin-left: 5px; }

.bpb-wa-send-btn:hover { background-color: #a88d52; }
.bpb-vicinity-text {
		color: #57730C;
		text-align: center;
		font-weight: 900;
		text-transform: uppercase;
		margin-bottom: 0;
	}


/* Responsive */
.bpd-fl-home-tab-text {
	display: none;
}

/* Bootstrap Breakpoint Reorganization */

@media (min-width: 359px) and (max-width: 410.98px) {
	.bpb-wa-icon-box {
		padding: 7px 7px;
	}
	.bpb-wa-code-box {
		padding: 6px 7px;
	}
	.mob-nav-offcan-structure {
        background-color: #E7DFCD !important;
        position: fixed !important;
        bottom: 0 !important;
        width: 100% !important;
        border-left: 4px solid #ac683f;
        z-index: 1040;
        /* We remove the transition here to prevent fighting with the JS calculation */
        transition: none; 
    }
	.mob-package-text {
    	font-size: 14px;
	}
	.mob-location {
    	font-size: 18px;
	}
	.col-card-bpb {
		border-radius: 5px;
	}
	.col-card-cluster {
		margin-top: 11%;
		border-radius: 5px !important;
	}
	.card-custom-bsp {
        background-color: #F3EDE0;   
		border-radius: 10px;
    }
	.card-title-new{
		margin-bottom: 5px;
		color: #AB532C;
	}
	.update-label {
		font-size: 12px;		
		font-weight: 600;
	}
	.update-time {
        font-size: 11px;
		margin-bottom: 5px;
    }
	.stats-container {		
		padding: 0 5px;
		margin-bottom: 5px;
	}
	.stats-label-big {
			font-size: 15px;
			color: #4F4F4F;
		}
		.stats-number {
			font-size: 30px;
			color: #4F4F4F;
		}
		.stats-label-small {
			font-size: 13px;
			color: #AB532C;
		}
	.bpb-vicinity-text {
		color: #57730C;
		text-align: center;
		font-weight: 900;
		text-transform: uppercase;
		margin-bottom: 0;
	}
	.stats-divider {		
		width: 100%;
		margin: 5px auto 5px auto;	
		color: #AB532C;
		border: 0.75px dashed#AB532C;
	}
	.card-img-top {
		width: 101.3%;
        margin-left: -1.2%;
	}
	.card-body {
		padding-bottom: 5px;
	}
	.cat-section {
		padding-bottom: 5px;
		background-color: #ded5c3;
	}
	.card-footer {
		border-top: none;
		height: 40px;
		padding-top: 15px;
		border-radius: 0;
	}
	.card-footer-text-style {
		color: #F3EDE0;
		font-weight: 500;
		text-transform: uppercase;
		margin: 0;
	}
	.card-footer-bsp-new {
		background-color: #9A9796 !important;
		padding: 12px 0;
		border-top: none;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 0;
	}
	.bpb-sig-top-strip {
		background-color: #b25930;
		padding: 12px 0;
		width: 100%;
		text-align: center;
		border-radius: 5px;
	}
	.btn-bpb.btn-sm {
        padding: 0.33rem 0.3rem;
        font-size: 0.875rem;
        line-height: 1.3;
        border-radius: 0.2rem;
        background-color: #4F4F4F;
    }
	.bpb-sig-strip-text {
		font-size: 16px;
		padding: 0 10px;
	}

	.bpb-sig-content-wrapper {
		padding: 0px 4%;
	}

	.bpb-sig-heading-brown {
		font-size: 20px;
		text-align: center;
		color: #4F4F4F;
	}

	.bpb-sig-p-text {
		text-align: justify;
		margin-bottom: 0;
	}
	.bpb-sig-text-green {
		text-align: center;
	}
	.bpb-sig-sub-text {
		text-align: center;
	}
	.bpb-sig-top-right {
		text-align: center !important;
		margin-top: 20px;
	}

	/* Remove offset on mobile so text flows naturally */
	 .offset-md-4 {
		margin-left: 0;
	}

	.bpb-sig-main-image {
		width: 100%;
		margin-top: 0;
	}
	
	    .privilage_img_icon {
        max-height: 100px;
        background-color: transparent;
        /* border: 3px solid; */
        border-radius: 10px;
        padding: 5px;
    }
	.bpb-left-padding {
		padding: 10px 0px 10px 0px;
	}
	.bpb-enlist-button-positioning {
		display:flex; 
		align-items: center; 
		max-width: 45%; 
		margin-left: 8%;
	}
	.man-image-wrapper {
		max-height: 420px;
	}
	.man-image-wrapper img {
        position: relative;
        top: 0;
        right: 0;
        max-width: 100%;
        height: auto;
        max-height: 350px;
        margin-top: 18%;
         margin-bottom: 3%; 
    }
	.bpb-man-floating-logo {
		position: absolute;
		top: -19%;
        right: 9%;
		text-align: center;
		width: 100px;
		z-index: 2;
	}
	.bpb-man-floating-star {
        position: absolute;
        top: -2%;
        left: 7%;
        text-align: center;
        width: 112px;
        z-index: 2;
    }
	.bpb-modal-star-img {
		width: 121px; 
		text-align: center;
	}
	
	.bpb-man-floating-star-text {
        position: absolute;
        top: 11%;
        left: 5.8%;
        text-align: center;
        width: 119px;
        z-index: 3;
        color: #ffffff;
    }

	.raicon-footer-bar {
		font-size: 14px;
		padding: 15px 0;
	}
	.text-justify-bpb {
		text-align: justify;
		font-weight: 400;
	}
/* Add spacing between stacked items on mobile */
    .raicon-footer-bar .col-md-12 {
	margin-bottom: 8px;
	}

	.raicon-footer-bar .col-md-12:last-child {
	margin-bottom: 0;
	}

	.right-content-wrapper {
	padding-left: 12px;
			margin-top: 10px;
			text-align: center;
	}
	
	.side-desc-text {
		max-width: 100%;
		text-align: justify;
		font-weight: 500;
	}

	/*.man-image-wrapper {
	text-align: center;
	}

	*/
	.listing-url-heading {
		font-size: 24px;
		color: #4F4F4F;
	}

	.listing-badge {
		font-size: 20px;
		padding: 12px 35px;
	}

	.bpb-cult-heading {
		font-size: 24px;
		color: #4f801a;
	}

	.bpb-cult-subheading {
	font-size: 16px;
    margin-bottom: 0px;
		margin-top: 10px;
	}

	.bpb-cult-item {
	font-size: 15px;
	}

	.bpb-tourism-heading {
		font-size: 24px;
		color: #4f801a;
	}

	.bpb-tourism-text {
	font-size: 15px;	
	}

	.bpb-custom-check-icon {
	width: 24px;
			height: 24px;
			border-width: 2px;
	}

	.bpb-custom-check-icon i {
	font-size: 14px;
	}

	.bpb-tick-text {
	font-size: 18px;
	}

	.bpb-modal-left, .bpb-modal-right {
		width: 100%;
	    border-top-left-radius: 0px;
    	border-bottom-left-radius: 0px;
	}

	.bpb-agent-img {
	margin-right: 0;
	}

	.bpb-modal-header-strip {
	min-height: auto;
	}

	.bpb-floating-logo {
		top: 10px;
		right: 10px;
	}
	.bpb-fl-floating-logo {
		position: absolute;
        top: 0%;
        left: 69%;
        text-align: center;
        width: 100px;
        z-index: 2;
	}
	.bpb-fl-ml-img {
		max-width: 34px; text-align: center;
	}
	.bpb-modal-header-strip {
	min-height: auto; /* Allow flexible height on mobile */
		border-radius: 5px;
	}
	.bpb-modal-right {
		border-top-right-radius: 0px;
    	border-bottom-right-radius: 0px;
	}
	.bpb-modal-text-light {
		line-height: 1.6;
	}
/* Move close button inside on mobile to avoid cut off */

    .bpb-modal-close {
		top: 5px;
        right: 5px;
        padding: 8px;
	}
	.language-label {
        font-size: 14px;
        font-weight: 400;
        background-color: #AD5836;
        color: #ffffff;
        padding: 3px 5px;
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        line-height: 1.5;
        white-space: nowrap;
    }
	.combobox-selected {
        /* padding: 3px 5px; */
        font-weight: 400;
        padding-top: 3px;
        padding-bottom: 3px;
        border: 0 solid #ccc;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        background-color: white;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: border-color 0.3s, box-shadow 0.3s;
        color: #ac683f;
        line-height: 1.5;
        max-width: 90px;
    }
	.bpb-sig-expertise-box {
		margin-top: 20px;
		margin-bottom: 0px;
	}	
	.bpb-check-box {
		display: block;
		position: relative;
		padding-left: 50px;
		cursor: pointer;
		font-size: 12px;
		color: #ffffff;
		user-select: none;
		background-color: #1f1f1f;
		padding-top: 9px;
		padding-bottom: 9px;
		border-radius: 4px;
		margin-bottom: 0;
		text-transform: uppercase;
	}
	.checkmark {
		position: absolute;
		top: 7px;
		left: 10px;
		height: 24px;
		width: 24px;
		background-color: #555;
		border-radius: 2px;
	}
	.bpb-listing-modal-close {
		padding: 10px !important;
	}
	.bpb-listing-check-box {
		display: block;
		position: relative;
		padding-left: 50px;
		cursor: pointer;
		font-size: 13px;
		color: #5a4a42;
		user-select: none;
		background-color: #fdfaf2;
		padding-top: 9px;
		padding-bottom: 9px;
		border: 1px solid #dcdcdc;
		border-radius: 4px;
		margin-bottom: 0;
		text-transform: uppercase;
		font-weight: 600;
		transition: all 0.3s ease;
	}
	.bpb-listing-checkmark {
		position: absolute;
		top: 7px;
		left: 10px;
		height: 24px;
		width: 24px;
		background-color: #e0dacc;
		border-radius: 2px;
		transition: background-color 0.2s ease;
	}
	.bpb-fl-floating-star {
		position: absolute;
        top: 1%;
        left: 0px;
        text-align: center;
        width: 103px;
        z-index: 2;
	}
	.bpb-fl-floating-star-text {
		position: absolute;
        top: 7.5%;
        left: 0px;
        text-align: center;
        width: 119px;
        z-index: 3;
        color: #ffffff;
	}
	.bpb-header-close {
		/*background-color: #bfa15f;
		opacity: 1;
		border-radius: 5px;
		padding: 10px;
		background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234f4f4f'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e) !important;
		background-size: 10px;
		background-position: center;
		background-repeat: no-repeat;
		width: 25px;
		height: 25px;
		border: none;
		transition: all 0.3s ease;*/
		background-color: #bfa15f !important;
		border-radius: 5px !important;
		opacity: 1 !important;
		padding: 4px !important;
		box-shadow: none !important;
		background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234f4f4f'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e) !important;
		background-position: center;
		background-size: 1rem;
		margin: 0 !important;
	}
	.bpb-top-title {
    	color: #ffffff;
	}
	.bpb-listing-left-visual {		
		position: relative;
        text-align: center;
        overflow: hidden;
        /* CHANGED: Removed fixed min-height to allow natural flow */
        min-height: auto; 
        top: 0;
        margin-bottom: 0;
	}
	.bpb-wa-input-field {    
		padding: 9px 15px;
		font-size: 15px;
		margin-right: 0px;
		width: 114px;
	}
	.bpb-listing-wa-input-field {		
		padding: 5px 6px;
		font-size: 15px;
		margin-right: 0px;
	}
	.bpb-wa-send-btn {
		margin-top: 1%;
	}
	.bpb-info-tab {
		position: absolute;
		bottom: 0%;
		left: 0;		
		padding: 5px 25px 5px 13px;
		width: 130px;
		text-align: left;
	}
	.bpb-logo-caption {
      font-size: 12px;
	}
	.bpb-left-visual {		
		min-height: 185px;
	}
	.bpb-tick-wrapper {
		margin: 0 auto;
		margin-top: 4%;
		justify-content:center;
	}
	.bpb-modal-right .bpb-modal-header-strip {
		border-radius: 5px;
		text-align: center;
	}
	.bpb-modal-header-strip h3 {
		margin: 0 auto;
	}
	.bpb-left-bottom {		
		margin-bottom: 6%;
	}
	.bpb-modal-text-small {
		margin-top: 4%;		
		line-height: 1.6;
	}
	.bpb-listing-modal-banner {
		/*max-height: 440px;
        margin-left: -11%;
        margin-top: 15%;*/
		max-height: 440px;
        margin-left: 0%;
        margin-top: 19%;
        margin-bottom: 0;
        display: block;
	}
	.bpb-listing-footer {
		/*position: absolute;
		top: 72.3%;
		width: 89%;		
		padding: 15px;		
		border-radius: 0;
		padding-top: 10px;
		margin-bottom: 20px;*/
		position: relative; 
        top: 3%;
        left: auto;
        width: 100%;
        padding: 15px;
        border-radius: 0;
        padding-top: 15px;
        margin-bottom: 0;
        background-color: #D3C8AC; /* Ensure background is solid */
        margin-top: -10px; /* Slight pull up to connect with image if needed */
		
	}
	.bpb-listing-footer-two {
		/*position: absolute;
		top: 83.9%;
        width: 89%;	
		padding: 8px;
		text-align: center;
		border-radius: 0;*/
		position: relative;
        top: auto;
        left: auto;
        width: 100%;
        padding: 15px;
        text-align: center;
        border-radius: 0;
        background-color: #4F4F4F;
	}
	.bpb-listing-contact {
		font-size: 12px;
		font-weight: 700;
	}
	.heading-offering-bpb{
		margin-top: 4px;
		margin-bottom: 8%;
	}
	.village-text-bpb {
		margin-bottom: 0px;
	}
	.bpb-offering-sub-heading {
		margin-bottom: 3%;
	}
	.ft-contact-item {
		display: block;
	}
	.ft-social-row {
		display: inline-flex;
		gap: 12px;
		margin-top: 4%;
		margin-bottom: 8%;
	}
	.ft-heading-light {
		text-align: center;
		font-size: 16px; 
		color: #EFD8B3; 
		margin-bottom: 10px;
	}
	.btn-enlist {
		padding: 8px 20px;
	}
	.bpb-logo-seter {
		max-width: 34px !important; text-align: center;				
	} 
}

/* X-Small devices (portrait phones, <576px) */
@media (min-width: 411px) and (max-width: 575.98px) {
  /* Your existing:
  - "Extra small devices" styles
  - max-width: 576px styles
  - mobile-specific overrides */
	.bpb-wa-icon-box {
		padding: 7px 0;
	}
	.bpb-wa-code-box {
		padding: 6px 7px;
	}
	.bpb-tick-wrapper {
        margin: 0 auto;
        margin-top: 4%;
        justify-content: center;
    }
	 .bpb-modal-header-strip h3 {
        margin: 0 auto;
    }
	.header .logo img {		
		margin-right: 8px;
	}
	.mob-nav-offcan-structure {
        background-color: #E7DFCD !important;
        position: fixed !important;
        bottom: 0 !important;
        width: 100% !important;
        border-left: 4px solid #ac683f;
        z-index: 1040;
        /* We remove the transition here to prevent fighting with the JS calculation */
        transition: none; 
    }
  .cat-section {
    /*rgba(218, 207, 172);*/
  }
  .header .branding {
    /*rgba(218, 207, 172);*/
    min-height: 60px;
    padding: 5px 0;
  }
	.header .logo img {
		max-height: 40px;
		margin-right: 8px;
	}
	.navmenu {
        margin-top: 2%;
    }
	.navbar-container-width {
        width: 95%;
        max-width: 95%;
        margin-left: 4.5%;
        margin-right: 2%;
    }
	.header .logo h5 {
        font-size: 13px;
		margin-top: 2%;
    }
  /* ... other <576px styles ... */  

.body-background-bsp {
	background-image: url('../images/bgimage_mob.webp?version=1');
    /*background-repeat: no-repeat;
    background-position: center;  
    background-size: cover;*/
	/*background: url('../images/bgimage_mob.webp') no-repeat center center;
	background-size: cover;
    background-position: center;
    
    background-attachment: fixed;
    background-color: #eae0cd;*/
	}
.body-bg-layer{
		background-color: rgba(255,255,255,0.5);
	}
.zoom-control {
        zoom: 85%;
        -moz-transform: scale(0.85);
        transform: scale(0.85);
    }
.heading-font-bsp{
	font-size: 18px; 
	color: #ac683f; 
	font-weight: 800;
	margin-top: 0;
	text-align: center;
	}
.heading-outline-bsp{
	padding: 15px;	
	/*border: 3px solid #c97752; */
	width: 100%; 
	text-align: center; 
	margin: auto;
	}
.village-text-bpb {
    margin-top: 1rem;
	margin-bottom: 0px;
}

.card-text {
	color: #ac683f;
	/*color: rgba(218, 207, 172);*/
	font-family: "Gidole";				
	font-weight: 800;
	font-size: 20px;
}
.card-custom-bsp {
        background-color: #F3EDE0;        
    }
	.card-title-new{
		margin-bottom: 5px;
        color: #AB532C;
	}
	.update-label {
		font-size: 12px;		
		font-weight: 600;
		color: #4f4f4f;
	}
	.update-time {
        font-size: 11px;
		margin-bottom: 5px;
    }
	.stats-container {		
		padding: 0 5px;
		margin-bottom: 5px;
	}
	.stats-label-big {
			font-size: 17px;
		    color: #4F4F4F;
		}
		.stats-number {
			font-size: 30px;
        	color: #4F4F4F;
		}
		.stats-label-small {
			font-size: 15px;
		}
	.bpb-vicinity-text {
		color: #57730C;
        text-align: center;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 0;
	}
	.stats-divider {		
		width: 100%;
		margin: 5px auto 5px auto;		
	}
	.card-custom-bsp {
        background-color: #F3EDE0;
        border-radius: 10px;
    }
	.card-body {
		padding-bottom: 5px;
	}
	.cat-section {
		padding-bottom: 5px;
	}
	.card-footer {
		border-top: none;
		height: 40px;
		padding-top: 15px;
		border-radius: 0;
	}
    .card-footer-text-style {
        color: #F3EDE0;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0;
    }
	.card-footer-bsp-new {
		background-color: #9A9796 !important;
        padding: 12px 0;
        border-top: none;
        display: flex;
        justify-content: center;
        align-items: center;
	}
.shadow-div {

	/*background-color: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	margin: 15px;*/
	background-color: #fff;				
	box-shadow: 
		0 -10px 10px 0 rgba(0, 0, 0, 0.1), /* Top shadow */
		-10px 0 10px 0 rgba(0, 0, 0, 0.1), /* Left shadow */
		10px 0 10px 0 rgba(0, 0, 0, 0.1),  /* Right shadow */
		0 10px 10px 0 rgba(0, 0, 0, 0.1);  /* Bottom shadow */
		position: relative;
	border-radius: 0;
}

.privilege-text {
	color: #393939;text-align: justify;
	/*font-size: 17px;*/
}
.p-text-color{
	color: #393939;
	/*font-size: 15px;*/
}
.privilage_img_icon{
	max-height: 100px;
	background-color: transparent; 
	/*border: 3px solid;*/
	border-radius: 10px; 
	padding: 5px;
}
.image-container {
	position: relative;
	display: inline-block; /* or block, depending on your layout */
}

.image-container:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	/*height: 14px; *//* Controls the shadow height */
	/*background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);*/
	pointer-events: none; /* Ensures clicks pass through to the image */
	/*border-bottom: 14px solid rgba(0, 0, 0, 0.5);*/
}
.div-top {
	position: relative;
	min-height: 200px;
	padding: 10px;
	background: #f0f0f0; /* Just for visibility */
	background-color: transparent;
	border-left: 2px solid rgba(242, 241, 246, 0.6);
}

.div-top::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 52%;
	height: 2px;
	background-color: rgba(242, 241, 246, 0.6);

}
.div-top::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 12%;
	height: 2px;
	background-color: rgba(242, 241, 246, 0.6);
}
	

.card-col {
    padding: 25px;
}

.card-body-col-style-left {
    position: relative;
    text-align: left;
}

/* 80% bottom border for left column */
.card-body-col-style-left::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 13%; /* Center the 80% width */
    width: 87%;
    height: 2px;
    background-color: #ac683f;
}

/* 80% vertical border connecting to the bottom borders */
.card-body-col-style-left::before {
    content: '';
    position: absolute;
    bottom: 0; /* Start at the bottom to join the horizontal borders */
    right: 0; /* Position at the right edge of the left column */
    height: 80%; /* 80% of the column height */
    width: 2px;
    background-color: #ac683f;
    z-index: 1; /* Ensure it’s above the bottom borders */
}

.card-body-col-style-right {
    position: relative;
    text-align: left;
}

/* 80% bottom border for right column */
.card-body-col-style-right::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0%; /* Center the 80% width */
    width: 87%;
    height: 2px;
    background-color: #ac683f;
}
.card-footer {
    border-top: none;
    height: 40px;
    padding-top: 15px;
}
.prop-counter-no-style {
    font-weight: 800;
    color: #849427;
    font-size: 38px;
    margin-top: -3%;
    margin-left: 20%;
}

.prop-counter-text-style {
    color: #849427;
    font-size: 19px;
    font-weight: 500;
    margin-top: -3%;
    margin-bottom: 2%;
    margin-left: 20%;
}

.prop-update-text-style {
    color: #849427;
    font-weight: 300;
    font-size: 16px;
    margin-top: 7.5%;
    line-height: 1.3;
}

.card-footer-bsp {
    background-color: #ac683f;
    display: flex;
    justify-content: center; /* Horizontally center */
    align-items: center;     /* Vertically center */
    padding: 10px;           /* Add breathing room */
    min-height: 60px;       /* Ensure enough height for vertical centering */
}

.card-body {
		padding-bottom: 5px;
	}
	.cat-section {
		padding-bottom: 5px;
        background-color: #ded5c3;
	}
	.card-footer {
		border-top: none;
		height: 40px;
		padding-top: 15px;
	}
	
.card-vp-text-bsp {
    color: #ac683f;
    font-weight: 300;
    font-size: 16px;
    margin-top: 3%;
}
	/* Dream Home Heading Section */
.dream-home-heading-bpb {
    margin-top: -2%;
}

.dream-home-box-bpb {
    background-color: #ac683f;
    border: 1px solid #ac683f;
    border-radius: 5px;
    width: 25%;
    text-align: center;
    margin: auto;
}

.dream-home-text-bpb {
    font-size: 24px;
    color: #f0f0f0;
    font-weight: 400;
    margin-top: 2.5%;
    text-align: center;
}

/* Dream Home Image Section */
.dream-home-container-bpb {
    background-color: transparent;
    margin-top: -3.4%;
}

.dream-home-width-bpb {
    max-width: 87.2%;
}

.dream-home-card-bpb {
    background-color: transparent;
    border: none;
}

.dream-home-img-bpb {
    width: 100%;
}

.dream-home-overlay-bpb {
    background-color: transparent;
}

.dream-home-highlights-bpb {
    font-size: 22px;
    color: #ac683f;
    font-weight: 600;
    margin-left: 40%;
    margin-top: 40%;
}

.dream-home-btn-container-bpb {
    color: #f6aa25;
    max-width: 160px;
    min-height: 45px;
    padding: 5px;
    padding-top: 10px;
    background-color: #2e5191;
    text-align: center;
    border-radius: 10px;
    margin-left: 53%;
    margin-top: 1.5%;
}

.dream-home-link-bpb {
    color: #ffffff;
    font-size: 20px;
}
 .card-col {
        padding: 10px 15px;
    }

    .prop-counter-no-style {
        font-size: 28px;
        margin-left: 10%;
    }

    .prop-counter-text-style {
        font-size: 16px;
        margin-left: 10%;
        margin-bottom: 5px;
    }

    .prop-update-text-style {
        font-size: 14px;
        margin-top: 5px;
    }

    .card-vp-text-bsp {
        font-size: 14px;
    }

    .card-footer-text-style {
        font-size: 14px;
    }
	/* Dream Home Heading Section */
.dream-home-heading-bpb {
    margin-top: -2%;
}

.dream-home-box-bpb {
    background-color: #ac683f;
    border: 1px solid #ac683f;
    border-radius: 5px;
    width: 25%;
    text-align: center;
    margin: auto;
}

.dream-home-text-bpb {
    font-size: 24px;
    color: #f0f0f0;
    font-weight: 400;
    margin-top: 2.5%;
    text-align: center;
}

/* Dream Home Image Section */
.dream-home-container-bpb {
    background-color: transparent;
    margin-top: -3.4%;
}

.dream-home-width-bpb {
    max-width: 87.2%;
}

.dream-home-card-bpb {
    background-color: transparent;
    border: none;
}

.dream-home-img-bpb {
    width: 100%;
}

.dream-home-overlay-bpb {
    background-color: transparent;
}

.dream-home-highlights-bpb {
    font-size: 22px;
    color: #ac683f;
    font-weight: 600;
    margin-left: 7%;
    margin-top: 0%;
}

.dream-home-btn-container-bpb {
    color: #f6aa25;
    max-width: 130px;
    min-height: 30px;
    padding: 5px;
    padding-top: 10px;
    background-color: #2e5191;
    text-align: center;
    border-radius: 10px;
    margin-left: 53%;
    margin-top: 1.5%;
}

.dream-home-link-bpb {
    color: #ffffff;
    font-size: 20px;
}
.bpb-sig-heading-brown {
	font-size: 20px;
	text-align: center;
	color: #4F4F4F;
}
.bpb-sig-sub-text {
	text-align: center;
}

.language-label {
    font-size: 14px;
    font-weight: 400;
    background-color: #AD5836;
    color: #ffffff;
    padding: 3px 5px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    line-height: 1.5;
    white-space: nowrap;
}
.bpb-cult-heading {
	font-size: 24px;
	color: #4f801a;
}
.bpb-cult-subheading {
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 10px;
}
.combobox-selected {
    /*padding: 3px 5px;*/
	font-weight: 400;
	padding-top: 3px;
	padding-bottom: 3px;
    border: 0 solid #ccc;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background-color: white;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: border-color 0.3s, box-shadow 0.3s;
    color: #ac683f;
    line-height: 1.5;
	max-width: 90px;
}

.btn-bpb.btn-sm {
    padding: 0.33rem 0.3rem;
    font-size: 0.875rem;
    line-height: 1.3;
    border-radius: 0.2rem;
	background-color: #4F4F4F;
}
.btn-bpb:hover {
    background-color: #233f7a;
    border-color: #213b73;
    color: #ffffff;
    text-decoration: none;
}
	.side-desc-text {
        max-width: 100%;
        text-align: justify;
    }
	.right-content-wrapper {
        padding-left: 15px;
        margin-top: 30px;
        text-align: center;
    }
	.bpb-enlist-button-positioning {
		display:flex; 
		align-items: flex-start; 
		max-width: 45%; 
		margin-left: 8%;
	}
	.man-image-wrapper {
		max-height: 420px;
	}
	.man-image-wrapper img {
        position: relative;
        top: 0;
        right: 0;
        max-width: 100%;
        height: auto;
        max-height: 420px;
		margin-top: 12%;
        margin-bottom: 3%;
    }
	.bpb-man-floating-logo {
		position: absolute;
        top: -16%;
        right: 9%;
        text-align: center;
        width: 100px;
        z-index: 2;
	}
	.bpb-man-floating-star {
        position: absolute;
        top: 1%;
        left: 6%;
        text-align: center;
        width: 112px;
        z-index: 2;
    }
	
	.bpb-man-floating-star-text {
      position: absolute;
        top: 11%;
        left: 5.8%;
        text-align: center;
        width: 119px;
        z-index: 3;
        color: #ffffff;
    }
	.bpb-logo-seter {
		max-width: 34px !important; text-align: center;				
	} 
	.bpb-listing-modal-close {
		padding: 10px !important;
		width: 25px;
		height: 25px;
	}
	.bpb-listing-left-visual {
		position: relative;
        text-align: center;
        overflow: hidden;
        /* CHANGED: Removed min-height */
        min-height: auto; 
        top: 0;
	}
	.location-text {
		color: #421B09;
		text-align: center;
		font-weight: 900;
		text-transform: uppercase;
		margin-bottom: 0;
		font-size: 15px;
	}	
	.ft-contact-item {
		display: block;
	}
	.ft-social-row {
		display: inline-flex;
		gap: 12px;
		margin-top: 4%;
		margin-bottom: 8%;
	}
	.ft-heading-light {
		text-align: center;
		font-size: 16px; 
		color: #ffffff; 
		margin-bottom: 10px;
	}
	.bpb-left-visual {		
		min-height: 223px;
	}
	.bpb-listing-modal-banner {
		max-height: 290px;
        margin-left: 0%;
        margin-top: 17%;
	}
	.bpb-modal-left {		
		padding: 20px;
		/* padding-bottom: 0; */
	}
	.bpb-left-padding {
		padding: 18px 0px 10px 0px;
	}
	.bpb-listing-footer {
		/* FIX: Changed from absolute to relative */
        position: relative;
        top: 3%;
        max-height: none; /* Allow text to expand */
        width: 100%;
        padding: 15px;
        border-radius: 0;
        padding-top: 15px;
        background-color: #D3C8AC;
		
	}
	.bpb-listing-footer-two {
		position: relative;
        top: auto;
        width: 100%;
        padding: 15px;
        text-align: center;
        border-radius: 0;
        background-color: #4F4F4F;
	}
	.bpb-listing-contact {
		font-size: 12px;
		font-weight: 700;
	}
	.bpb-modal-star-img {
		max-width: 121px; 
		text-align: center;
	}
	
	.bpb-listing-checkmark {
        position: absolute;
        top: 10px;
        left: 10px;
        height: 24px;
        width: 24px;
        background-color: #e0dacc;
        border-radius: 2px;
        transition: background-color 0.2s ease;
    }
	.bpb-modal-right .bpb-modal-header-strip {
        border-radius: 5px;
        text-align: center;
    }
	.bpb-fl-floating-star {
		position: absolute;
        top: 0%;
        left: 0px;
        text-align: center;
        width: 103px;
        z-index: 2;
	}
	.bpb-fl-floating-star-text {
		position: absolute;
        top: 4.5%;
        left: 0px;
        text-align: center;
        width: 119px;
        z-index: 3;
        color: #ffffff;
	}
	.bpb-fl-floating-logo {
        position: absolute;
        top: 1%;
        left: 69%;
        text-align: center;
        width: 100px;
        z-index: 2;
    }
	.bpb-fl-ml-img {
		max-width: 34px; text-align: center;
	}
	.btn-enlist {
		padding: 8px 20px;
	}
}
/* Small devices (landscape phones, ≥576px) */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* Your existing:
  - "Extra small devices" styles
  - max-width: 576px styles
  - mobile-specific overrides */
	.bpb-wa-icon-box {
		padding: 7px 0;
	}
	.bpb-wa-code-box {
		padding: 6px 7px;
	}
	.bpb-tick-wrapper {
        margin: 0 auto;
        margin-top: 4%;
        justify-content: center;
    }
	 .bpb-modal-header-strip h3 {
        margin: 0 auto;
    }
	.header .logo img {		
		margin-right: 8px;
	}
	.mob-nav-offcan-structure {
        background-color: #E7DFCD !important;
        position: fixed !important;
        bottom: 0 !important;
        width: 100% !important;
        border-left: 4px solid #ac683f;
        z-index: 1040;
        /* We remove the transition here to prevent fighting with the JS calculation */
        transition: none; 
    }
  .cat-section {
    /*rgba(218, 207, 172);*/
  }
  .header .branding {
    /*rgba(218, 207, 172);*/
    min-height: 60px;
    padding: 5px 0;
  }
	.header .logo img {
		max-height: 40px;
		margin-right: 8px;
	}
	.navmenu {
        margin-top: 2%;
    }
	.navbar-container-width {
        width: 95%;
        max-width: 95%;
        margin-left: 4.5%;
        margin-right: 2%;
    }
	.header .logo h5 {
        font-size: 13px;
		margin-top: 2%;
    }
  /* ... other <576px styles ... */  

.body-background-bsp {
	background-image: url('../images/bgimage_mob.webp?version=1');
    /*background-repeat: no-repeat;
    background-position: center;  
    background-size: cover;*/
	/*background: url('../images/bgimage_mob.webp') no-repeat center center;
	background-size: cover;
    background-position: center;
    
    background-attachment: fixed;
    background-color: #eae0cd;*/
	}
.body-bg-layer{
		background-color: rgba(255,255,255,0.5);
	}
.zoom-control {
        zoom: 85%;
        -moz-transform: scale(0.85);
        transform: scale(0.85);
    }
.heading-font-bsp{
	font-size: 18px; 
	color: #ac683f; 
	font-weight: 800;
	margin-top: 0;
	text-align: center;
	}
.heading-outline-bsp{
	padding: 15px;	
	/*border: 3px solid #c97752; */
	width: 100%; 
	text-align: center; 
	margin: auto;
	}
.village-text-bpb {
    margin-top: 1rem;
	margin-bottom: 0px;
}

.card-text {
	color: #ac683f;
	/*color: rgba(218, 207, 172);*/
	font-family: "Gidole";				
	font-weight: 800;
	font-size: 20px;
}
.card-custom-bsp {
        background-color: #F3EDE0;        
    }
	.card-title-new{
		margin-bottom: 5px;
        color: #AB532C;
	}
	.update-label {
		font-size: 12px;		
		font-weight: 600;
		color: #4f4f4f;
	}
	.update-time {
        font-size: 11px;
		margin-bottom: 5px;
    }
	.stats-container {		
		padding: 0 5px;
		margin-bottom: 5px;
	}
	.stats-label-big {
			font-size: 20px;
		    color: #4F4F4F;
		}
		.stats-number {
			font-size: 30px;
        	color: #4F4F4F;
		}
		.stats-label-small {
			font-size: 18px;
		}
	.bpb-vicinity-text {
		color: #57730C;
        text-align: center;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 0;
	}
	.stats-divider {		
		width: 100%;
		margin: 5px auto 5px auto;		
	}
	.card-custom-bsp {
        background-color: #F3EDE0;
        border-radius: 10px;
    }
	.card-body {
		padding-bottom: 5px;
	}
	.cat-section {
		padding-bottom: 5px;
	}
	.card-footer {
		border-top: none;
		height: 40px;
		padding-top: 15px;
		border-radius: 0;
	}
    .card-footer-text-style {
        color: #F3EDE0;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0;
    }
	.card-footer-bsp-new {
		background-color: #9A9796 !important;
        padding: 12px 0;
        border-top: none;
        display: flex;
        justify-content: center;
        align-items: center;
	}
.shadow-div {

	/*background-color: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	margin: 15px;*/
	background-color: #fff;				
	box-shadow: 
		0 -10px 10px 0 rgba(0, 0, 0, 0.1), /* Top shadow */
		-10px 0 10px 0 rgba(0, 0, 0, 0.1), /* Left shadow */
		10px 0 10px 0 rgba(0, 0, 0, 0.1),  /* Right shadow */
		0 10px 10px 0 rgba(0, 0, 0, 0.1);  /* Bottom shadow */
		position: relative;
	border-radius: 0;
}

.privilege-text {
	color: #393939;text-align: justify;
	/*font-size: 17px;*/
}
.p-text-color{
	color: #393939;
	/*font-size: 15px;*/
}
.privilage_img_icon{
	max-height: 100px;
	background-color: transparent; 
	/*border: 3px solid;*/
	border-radius: 10px; 
	padding: 5px;
}
.image-container {
	position: relative;
	display: inline-block; /* or block, depending on your layout */
}

.image-container:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	/*height: 14px; *//* Controls the shadow height */
	/*background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);*/
	pointer-events: none; /* Ensures clicks pass through to the image */
	/*border-bottom: 14px solid rgba(0, 0, 0, 0.5);*/
}
.div-top {
	position: relative;
	min-height: 200px;
	padding: 10px;
	background: #f0f0f0; /* Just for visibility */
	background-color: transparent;
	border-left: 2px solid rgba(242, 241, 246, 0.6);
}

.div-top::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 52%;
	height: 2px;
	background-color: rgba(242, 241, 246, 0.6);

}
.div-top::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 12%;
	height: 2px;
	background-color: rgba(242, 241, 246, 0.6);
}
	

.card-col {
    padding: 25px;
}

.card-body-col-style-left {
    position: relative;
    text-align: left;
}

/* 80% bottom border for left column */
.card-body-col-style-left::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 13%; /* Center the 80% width */
    width: 87%;
    height: 2px;
    background-color: #ac683f;
}

/* 80% vertical border connecting to the bottom borders */
.card-body-col-style-left::before {
    content: '';
    position: absolute;
    bottom: 0; /* Start at the bottom to join the horizontal borders */
    right: 0; /* Position at the right edge of the left column */
    height: 80%; /* 80% of the column height */
    width: 2px;
    background-color: #ac683f;
    z-index: 1; /* Ensure it’s above the bottom borders */
}

.card-body-col-style-right {
    position: relative;
    text-align: left;
}

/* 80% bottom border for right column */
.card-body-col-style-right::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0%; /* Center the 80% width */
    width: 87%;
    height: 2px;
    background-color: #ac683f;
}
.card-footer {
    border-top: none;
    height: 40px;
    padding-top: 15px;
}
.prop-counter-no-style {
    font-weight: 800;
    color: #849427;
    font-size: 38px;
    margin-top: -3%;
    margin-left: 20%;
}

.prop-counter-text-style {
    color: #849427;
    font-size: 19px;
    font-weight: 500;
    margin-top: -3%;
    margin-bottom: 2%;
    margin-left: 20%;
}

.prop-update-text-style {
    color: #849427;
    font-weight: 300;
    font-size: 16px;
    margin-top: 7.5%;
    line-height: 1.3;
}

.card-footer-bsp {
    background-color: #ac683f;
    display: flex;
    justify-content: center; /* Horizontally center */
    align-items: center;     /* Vertically center */
    padding: 10px;           /* Add breathing room */
    min-height: 60px;       /* Ensure enough height for vertical centering */
}

.card-body {
		padding-bottom: 5px;
	}
	.cat-section {
		padding-bottom: 5px;
        background-color: #ded5c3;
	}
	.card-footer {
		border-top: none;
		height: 40px;
		padding-top: 15px;
	}
	
.card-vp-text-bsp {
    color: #ac683f;
    font-weight: 300;
    font-size: 16px;
    margin-top: 3%;
}
	/* Dream Home Heading Section */
.dream-home-heading-bpb {
    margin-top: -2%;
}

.dream-home-box-bpb {
    background-color: #ac683f;
    border: 1px solid #ac683f;
    border-radius: 5px;
    width: 25%;
    text-align: center;
    margin: auto;
}

.dream-home-text-bpb {
    font-size: 24px;
    color: #f0f0f0;
    font-weight: 400;
    margin-top: 2.5%;
    text-align: center;
}

/* Dream Home Image Section */
.dream-home-container-bpb {
    background-color: transparent;
    margin-top: -3.4%;
}

.dream-home-width-bpb {
    max-width: 87.2%;
}

.dream-home-card-bpb {
    background-color: transparent;
    border: none;
}

.dream-home-img-bpb {
    width: 100%;
}

.dream-home-overlay-bpb {
    background-color: transparent;
}

.dream-home-highlights-bpb {
    font-size: 22px;
    color: #ac683f;
    font-weight: 600;
    margin-left: 40%;
    margin-top: 40%;
}

.dream-home-btn-container-bpb {
    color: #f6aa25;
    max-width: 160px;
    min-height: 45px;
    padding: 5px;
    padding-top: 10px;
    background-color: #2e5191;
    text-align: center;
    border-radius: 10px;
    margin-left: 53%;
    margin-top: 1.5%;
}

.dream-home-link-bpb {
    color: #ffffff;
    font-size: 20px;
}
 .card-col {
        padding: 10px 15px;
    }

    .prop-counter-no-style {
        font-size: 28px;
        margin-left: 10%;
    }

    .prop-counter-text-style {
        font-size: 16px;
        margin-left: 10%;
        margin-bottom: 5px;
    }

    .prop-update-text-style {
        font-size: 14px;
        margin-top: 5px;
    }

    .card-vp-text-bsp {
        font-size: 14px;
    }

    .card-footer-text-style {
        font-size: 14px;
    }
	/* Dream Home Heading Section */
.dream-home-heading-bpb {
    margin-top: -2%;
}

.dream-home-box-bpb {
    background-color: #ac683f;
    border: 1px solid #ac683f;
    border-radius: 5px;
    width: 25%;
    text-align: center;
    margin: auto;
}

.dream-home-text-bpb {
    font-size: 24px;
    color: #f0f0f0;
    font-weight: 400;
    margin-top: 2.5%;
    text-align: center;
}

/* Dream Home Image Section */
.dream-home-container-bpb {
    background-color: transparent;
    margin-top: -3.4%;
}

.dream-home-width-bpb {
    max-width: 87.2%;
}

.dream-home-card-bpb {
    background-color: transparent;
    border: none;
}

.dream-home-img-bpb {
    width: 100%;
}

.dream-home-overlay-bpb {
    background-color: transparent;
}

.dream-home-highlights-bpb {
    font-size: 22px;
    color: #ac683f;
    font-weight: 600;
    margin-left: 7%;
    margin-top: 0%;
}

.dream-home-btn-container-bpb {
    color: #f6aa25;
    max-width: 130px;
    min-height: 30px;
    padding: 5px;
    padding-top: 10px;
    background-color: #2e5191;
    text-align: center;
    border-radius: 10px;
    margin-left: 53%;
    margin-top: 1.5%;
}

.dream-home-link-bpb {
    color: #ffffff;
    font-size: 20px;
}
.bpb-sig-heading-brown {
	font-size: 20px;
	text-align: center;
	color: #4F4F4F;
}
.bpb-sig-sub-text {
	text-align: center;
}

.language-label {
    font-size: 14px;
    font-weight: 400;
    background-color: #AD5836;
    color: #ffffff;
    padding: 3px 5px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    line-height: 1.5;
    white-space: nowrap;
}
.bpb-cult-heading {
	font-size: 24px;
	color: #4f801a;
}
.bpb-cult-subheading {
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 10px;
}
.combobox-selected {
    /*padding: 3px 5px;*/
	font-weight: 400;
	padding-top: 3px;
	padding-bottom: 3px;
    border: 0 solid #ccc;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background-color: white;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: border-color 0.3s, box-shadow 0.3s;
    color: #ac683f;
    line-height: 1.5;
	max-width: 90px;
}

.btn-bpb.btn-sm {
    padding: 0.33rem 0.3rem;
    font-size: 0.875rem;
    line-height: 1.3;
    border-radius: 0.2rem;
	background-color: #4F4F4F;
}
.btn-bpb:hover {
    background-color: #233f7a;
    border-color: #213b73;
    color: #ffffff;
    text-decoration: none;
}
	.side-desc-text {
        max-width: 100%;
        text-align: justify;
    }
	.right-content-wrapper {
        padding-left: 15px;
        margin-top: 30px;
        text-align: center;
    }
	.bpb-enlist-button-positioning {
		display:flex; 
		align-items: flex-start; 
		max-width: 45%; 
		margin-left: 8%;
	}
	.man-image-wrapper {
		max-height: 420px;
	}
	.man-image-wrapper img {
        position: relative;
        top: 0;
        right: 0;
        max-width: 100%;
        height: auto;
        max-height: 420px;
		margin-top: 6%;
         margin-bottom: 5%; 
    }
	.bpb-man-floating-logo {
		position: absolute;
        top: -16%;
        right: 9%;
        text-align: center;
        width: 100px;
        z-index: 2;
	}
	.bpb-man-floating-star {
        position: absolute;
        top: 4%;
        left: 7%;
        text-align: center;
        width: 112px;
        z-index: 2;
    }
	
	.bpb-man-floating-star-text {
      position: absolute;
        top: 11%;
        left: 5.8%;
        text-align: center;
        width: 119px;
        z-index: 3;
        color: #ffffff;
    }
	.bpb-listing-left-visual {
		position: relative;
		text-align: center;
		overflow: hidden;
		min-height: 442px;
		top: -2%;
	}
	.location-text {
		color: #421B09;
		text-align: center;
		font-weight: 900;
		text-transform: uppercase;
		margin-bottom: 0;
		font-size: 15px;
	}	
	.ft-contact-item {
		display: block;
	}
	.ft-social-row {
		display: inline-flex;
		gap: 12px;
		margin-top: 4%;
		margin-bottom: 8%;
	}
	.ft-heading-light {
		text-align: center;
		font-size: 16px; 
		color: #ffffff; 
		margin-bottom: 10px;
	}
	.bpb-left-visual {		
		min-height: 223px;
	}
	.bpb-listing-modal-banner {
		max-height: 290px; 
		margin-left: 2%; 
		margin-top: 13%;
	}
	.bpb-listing-footer {
		position: absolute;
        top: 62.3%;
        max-height: 61px;
        width: 89%;
        padding: 10px;
        border-radius: 0;
        padding-top: 10px;
		
	}
	.bpb-listing-footer-two {
		position: absolute;
		top: 69%;
        /* max-height: 40px; */
        width: 89%;	
		padding: 10px;
		text-align: center;
		border-radius: 0;
	}
	.bpb-listing-contact {
		font-size: 12px;
		font-weight: 700;
	}
	.bpb-modal-star-img {
		max-width: 121px; 
		text-align: center;
	}
	    .bpb-listing-checkmark {
        position: absolute;
        top: 10px;
        left: 10px;
        height: 24px;
        width: 24px;
        background-color: #e0dacc;
        border-radius: 2px;
        transition: background-color 0.2s ease;
    }
	.bpb-modal-right .bpb-modal-header-strip {
        border-radius: 5px;
        text-align: center;
    }
	.bpb-fl-ml-img {
		max-width: 34px; text-align: center;
	}
}

/* Medium devices (tablets, ≥768px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Your existing:
  - 768px-992px styles
  - "Medium devices" section
  - "landscape tablets" styles */
  .bpb-wa-icon-box {
		padding: 7px 0;
	}
	.bpb-wa-code-box {
		padding: 6px 7px;
	}
	.bpb-tick-wrapper {
        margin: 0 auto;
        margin-top: 4%;
        justify-content: center;
    }
	 .bpb-modal-header-strip h3 {
        margin: 0 auto;
    }
	.header .logo img {		
		margin-right: 8px;
	}
	.mob-nav-offcan-structure {
        background-color: #E7DFCD !important;
        position: fixed !important;
        bottom: 0 !important;
        width: 100% !important;
        border-left: 4px solid #ac683f;
        z-index: 1040;
        /* We remove the transition here to prevent fighting with the JS calculation */
        transition: none; 
    }
  .cat-section {
    /*rgba(218, 207, 172);*/
  }
  .header .branding {
    /*rgba(218, 207, 172);*/
    min-height: 60px;
    padding: 5px 0;
  }
	.header .logo img {
		max-height: 40px;
		margin-right: 8px;
	}
	.navmenu {
        margin-top: 2%;
    }
	.navbar-container-width {
        width: 95%;
        max-width: 95%;
        margin-left: 4.5%;
        margin-right: 2%;
    }
	.header .logo h5 {
        font-size: 13px;
		margin-top: 2%;
    }
  /* ... other <576px styles ... */  

.body-background-bsp {
	background-image: url('../images/bgimage_mob.webp?version=1');
    /*background-repeat: no-repeat;
    background-position: center;  
    background-size: cover;*/
	/*background: url('../images/bgimage_mob.webp') no-repeat center center;
	background-size: cover;
    background-position: center;
    
    background-attachment: fixed;
    background-color: #eae0cd;*/
	}
.body-bg-layer{
		background-color: rgba(255,255,255,0.5);
	}
.zoom-control {
        zoom: 85%;
        -moz-transform: scale(0.85);
        transform: scale(0.85);
    }
.heading-font-bsp{
	font-size: 18px; 
	color: #ac683f; 
	font-weight: 800;
	margin-top: 0;
	text-align: center;
	}
.heading-outline-bsp{
	padding: 15px;	
	/*border: 3px solid #c97752; */
	width: 100%; 
	text-align: center; 
	margin: auto;
	}
.village-text-bpb {
    margin-top: 1rem;
	margin-bottom: 0px;
}

.card-text {
	color: #ac683f;
	/*color: rgba(218, 207, 172);*/
	font-family: "Gidole";				
	font-weight: 800;
	font-size: 20px;
}
.card-custom-bsp {
        background-color: #F3EDE0;        
    }
	.card-title-new{
		margin-bottom: 5px;
        color: #AB532C;
	}
	.update-label {
		font-size: 12px;		
		font-weight: 600;
		color: #4f4f4f;
	}
	.update-time {
        font-size: 11px;
		margin-bottom: 5px;
    }
	.stats-container {		
		padding: 0 5px;
		margin-bottom: 5px;
	}
	.stats-label-big {
			font-size: 20px;
		    color: #4F4F4F;
		}
		.stats-number {
			font-size: 30px;
        	color: #4F4F4F;
		}
		.stats-label-small {
			font-size: 18px;
		}
	.bpb-vicinity-text {
		color: #57730C;
        text-align: center;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 0;
	}
	.stats-divider {		
		width: 100%;
		margin: 5px auto 5px auto;		
	}
	.card-custom-bsp {
        background-color: #F3EDE0;
        border-radius: 10px;
    }
	.card-body {
		padding-bottom: 5px;
	}
	.cat-section {
		padding-bottom: 5px;
	}
	.card-footer {
		border-top: none;
		height: 40px;
		padding-top: 15px;
		border-radius: 0;
	}
    .card-footer-text-style {
        color: #F3EDE0;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0;
    }
	.card-footer-bsp-new {
		background-color: #9A9796 !important;
        padding: 12px 0;
        border-top: none;
        display: flex;
        justify-content: center;
        align-items: center;
	}
.shadow-div {

	/*background-color: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	margin: 15px;*/
	background-color: #fff;				
	box-shadow: 
		0 -10px 10px 0 rgba(0, 0, 0, 0.1), /* Top shadow */
		-10px 0 10px 0 rgba(0, 0, 0, 0.1), /* Left shadow */
		10px 0 10px 0 rgba(0, 0, 0, 0.1),  /* Right shadow */
		0 10px 10px 0 rgba(0, 0, 0, 0.1);  /* Bottom shadow */
		position: relative;
	border-radius: 0;
}

.privilege-text {
	color: #393939;text-align: justify;
	/*font-size: 17px;*/
}
.p-text-color{
	color: #393939;
	/*font-size: 15px;*/
}
.privilage_img_icon{
	max-height: 100px;
	background-color: transparent; 
	/*border: 3px solid;*/
	border-radius: 10px; 
	padding: 5px;
}
.image-container {
	position: relative;
	display: inline-block; /* or block, depending on your layout */
}

.image-container:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	/*height: 14px; *//* Controls the shadow height */
	/*background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);*/
	pointer-events: none; /* Ensures clicks pass through to the image */
	/*border-bottom: 14px solid rgba(0, 0, 0, 0.5);*/
}
.div-top {
	position: relative;
	min-height: 200px;
	padding: 10px;
	background: #f0f0f0; /* Just for visibility */
	background-color: transparent;
	border-left: 2px solid rgba(242, 241, 246, 0.6);
}

.div-top::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 52%;
	height: 2px;
	background-color: rgba(242, 241, 246, 0.6);

}
.div-top::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 12%;
	height: 2px;
	background-color: rgba(242, 241, 246, 0.6);
}
	

.card-col {
    padding: 25px;
}

.card-body-col-style-left {
    position: relative;
    text-align: left;
}

/* 80% bottom border for left column */
.card-body-col-style-left::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 13%; /* Center the 80% width */
    width: 87%;
    height: 2px;
    background-color: #ac683f;
}

/* 80% vertical border connecting to the bottom borders */
.card-body-col-style-left::before {
    content: '';
    position: absolute;
    bottom: 0; /* Start at the bottom to join the horizontal borders */
    right: 0; /* Position at the right edge of the left column */
    height: 80%; /* 80% of the column height */
    width: 2px;
    background-color: #ac683f;
    z-index: 1; /* Ensure it’s above the bottom borders */
}

.card-body-col-style-right {
    position: relative;
    text-align: left;
}

/* 80% bottom border for right column */
.card-body-col-style-right::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0%; /* Center the 80% width */
    width: 87%;
    height: 2px;
    background-color: #ac683f;
}
.card-footer {
    border-top: none;
    height: 40px;
    padding-top: 15px;
}
.prop-counter-no-style {
    font-weight: 800;
    color: #849427;
    font-size: 38px;
    margin-top: -3%;
    margin-left: 20%;
}

.prop-counter-text-style {
    color: #849427;
    font-size: 19px;
    font-weight: 500;
    margin-top: -3%;
    margin-bottom: 2%;
    margin-left: 20%;
}

.prop-update-text-style {
    color: #849427;
    font-weight: 300;
    font-size: 16px;
    margin-top: 7.5%;
    line-height: 1.3;
}

.card-footer-bsp {
    background-color: #ac683f;
    display: flex;
    justify-content: center; /* Horizontally center */
    align-items: center;     /* Vertically center */
    padding: 10px;           /* Add breathing room */
    min-height: 60px;       /* Ensure enough height for vertical centering */
}

.card-body {
		padding-bottom: 5px;
	}
	.cat-section {
		padding-bottom: 5px;
        background-color: #ded5c3;
	}
	.card-footer {
		border-top: none;
		height: 40px;
		padding-top: 15px;
	}
	
.card-vp-text-bsp {
    color: #ac683f;
    font-weight: 300;
    font-size: 16px;
    margin-top: 3%;
}
	/* Dream Home Heading Section */
.dream-home-heading-bpb {
    margin-top: -2%;
}

.dream-home-box-bpb {
    background-color: #ac683f;
    border: 1px solid #ac683f;
    border-radius: 5px;
    width: 25%;
    text-align: center;
    margin: auto;
}

.dream-home-text-bpb {
    font-size: 24px;
    color: #f0f0f0;
    font-weight: 400;
    margin-top: 2.5%;
    text-align: center;
}

/* Dream Home Image Section */
.dream-home-container-bpb {
    background-color: transparent;
    margin-top: -3.4%;
}

.dream-home-width-bpb {
    max-width: 87.2%;
}

.dream-home-card-bpb {
    background-color: transparent;
    border: none;
}

.dream-home-img-bpb {
    width: 100%;
}

.dream-home-overlay-bpb {
    background-color: transparent;
}

.dream-home-highlights-bpb {
    font-size: 22px;
    color: #ac683f;
    font-weight: 600;
    margin-left: 40%;
    margin-top: 40%;
}

.dream-home-btn-container-bpb {
    color: #f6aa25;
    max-width: 160px;
    min-height: 45px;
    padding: 5px;
    padding-top: 10px;
    background-color: #2e5191;
    text-align: center;
    border-radius: 10px;
    margin-left: 53%;
    margin-top: 1.5%;
}

.dream-home-link-bpb {
    color: #ffffff;
    font-size: 20px;
}
 .card-col {
        padding: 10px 15px;
    }

    .prop-counter-no-style {
        font-size: 28px;
        margin-left: 10%;
    }

    .prop-counter-text-style {
        font-size: 16px;
        margin-left: 10%;
        margin-bottom: 5px;
    }

    .prop-update-text-style {
        font-size: 14px;
        margin-top: 5px;
    }

    .card-vp-text-bsp {
        font-size: 14px;
    }

    .card-footer-text-style {
        font-size: 14px;
    }
	/* Dream Home Heading Section */
.dream-home-heading-bpb {
    margin-top: -2%;
}

.dream-home-box-bpb {
    background-color: #ac683f;
    border: 1px solid #ac683f;
    border-radius: 5px;
    width: 25%;
    text-align: center;
    margin: auto;
}

.dream-home-text-bpb {
    font-size: 24px;
    color: #f0f0f0;
    font-weight: 400;
    margin-top: 2.5%;
    text-align: center;
}

/* Dream Home Image Section */
.dream-home-container-bpb {
    background-color: transparent;
    margin-top: -3.4%;
}

.dream-home-width-bpb {
    max-width: 87.2%;
}

.dream-home-card-bpb {
    background-color: transparent;
    border: none;
}

.dream-home-img-bpb {
    width: 100%;
}

.dream-home-overlay-bpb {
    background-color: transparent;
}

.dream-home-highlights-bpb {
    font-size: 22px;
    color: #ac683f;
    font-weight: 600;
    margin-left: 7%;
    margin-top: 0%;
}

.dream-home-btn-container-bpb {
    color: #f6aa25;
    max-width: 130px;
    min-height: 30px;
    padding: 5px;
    padding-top: 10px;
    background-color: #2e5191;
    text-align: center;
    border-radius: 10px;
    margin-left: 53%;
    margin-top: 1.5%;
}

.dream-home-link-bpb {
    color: #ffffff;
    font-size: 20px;
}
.bpb-sig-heading-brown {	
	text-align: center;
	color: #4F4F4F;
}
#raicon_dream_heading[data-language="english"] .bpb-sig-heading-brown {
		font-size: 15px !important;
		text-align: center;
		color: #4F4F4F;
	}
#raicon_dream_heading[data-language="bengali"] .bpb-sig-heading-brown {
	   font-size: 22px !important;
	   text-align: center;
	   color: #4F4F4F;
	}
.bpb-sig-sub-text {
	text-align: center;
}
/* English Version */
    h4#raicon_dream_impl_label[data-language="english"] {
        font-size: 15px !important;
        text-align: center;
        color: #4F4F4F;
        line-height: 1.4; /* Added for better readability on tablet */
    }

    /* Bengali Version */
    h4#raicon_dream_impl_label[data-language="bengali"] {
        font-size: 22px !important;
        text-align: center;
        color: #4F4F4F;
        line-height: 1.4;
    }
.language-label {
    font-size: 14px;
    font-weight: 400;
    background-color: #AD5836;
    color: #ffffff;
    padding: 3px 5px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    line-height: 1.5;
    white-space: nowrap;
}
.bpb-cult-heading {
	font-size: 24px;
	color: #4f801a;
}
.bpb-cult-subheading {
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 10px;
}
.combobox-selected {
    /*padding: 3px 5px;*/
	font-weight: 400;
	padding-top: 3px;
	padding-bottom: 3px;
    border: 0 solid #ccc;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background-color: white;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: border-color 0.3s, box-shadow 0.3s;
    color: #ac683f;
    line-height: 1.5;
	max-width: 90px;
}

.btn-bpb.btn-sm {
    padding: 0.33rem 0.3rem;
    font-size: 0.875rem;
    line-height: 1.3;
    border-radius: 0.2rem;
	background-color: #4F4F4F;
}
.btn-bpb:hover {
    background-color: #233f7a;
    border-color: #213b73;
    color: #ffffff;
    text-decoration: none;
}
	.side-desc-text {
        max-width: 100%;
        text-align: justify;
    }
	.right-content-wrapper {
        padding-left: 15px;
        margin-top: 30px;
        text-align: center;
    }
	.bpb-enlist-button-positioning {
		display:flex; 
		align-items: flex-start; 
		max-width: 45%;
        margin-left: 3%;
        position: relative;
        top: 194%;
	}
	.man-image-wrapper {
		max-height: 420px;
	}
	.man-image-wrapper img {
        position: relative;
        top: -60px;
        right: 3%;
        max-width: 100%;
        height: auto;
        max-height: 459px;
        margin-top: 6%;
        margin-bottom: 3%;
    }
	.bpb-man-floating-logo {
		position: absolute;
        top: -2%;
        right: 1%;
        text-align: center;
        width: 110px;
        z-index: 2;
	}
	.bpb-fl-ml-img {
		max-width: 67px !important; text-align: center;
	}
	.bpb-fl-logo-caption {
		font-size: 10px;
		color: #ae603c;
		font-weight: 700;
		margin-right: -7%;
        line-height: 1.2;
        margin-top: -49%;
	}
	.bpb-fl-logo-md-caption {
		font-size: 14px;
		color: #ae603c;
		font-weight: 700;
		margin-right: 0%;
        line-height: 1.2;
        margin-top: 11%;
	}
	.bpb-man-floating-star {
        position: absolute;
        top: 35%;
        left: 4%;
        text-align: center;
        width: 142px;
        z-index: 2;
    }
	
	.bpb-man-floating-star-text {
      position: absolute;
        top: 30%;
        left: 4.8%;
        text-align: center;
        width: 119px;
        z-index: 3;
        color: #ffffff;
    }
	.bpb-logo-seter {
		max-width: 67px !important; 
		margin-left: 18%;
		text-align: center;				
	} 
	.bpd-fl-home-tab-text {
		display:block;
		position: relative;
		max-width: 53%;
        top: -56%;
        margin-top: -24%;
	}
	.bpb-fl-home-footer {
        position: relative;
        top: -11%;
        max-height: none;
        width: 100%;
        padding: 0px;
        border-radius: 0;
        padding-top: 15px;
        background-color: transparent;
    }
	.bpb-fl-home-footer-two {
        position: relative;
        top: auto;
        width: 100%;
        padding: 0px;
        text-align: center;
        border-radius: 0;
		color: #b25930;
        background-color: transparent;
		font-size: 15px !important;
    }

	.bpb-listing-modal-close {
		padding: 10px !important;
		width: 25px;
		height: 25px;
	}
	.bpb-listing-left-visual {
		position: relative;
        text-align: center;
        overflow: hidden;
        /* CHANGED: Removed min-height */
        min-height: auto; 
        top: 0;
	}
	.location-text {
		color: #421B09;
		text-align: center;
		font-weight: 900;
		text-transform: uppercase;
		margin-bottom: 0;
		font-size: 15px;
	}	
	.ft-contact-item {
		display: block;
	}
	.ft-social-row {
		display: inline-flex;
		gap: 12px;
		margin-top: 16%;
        margin-bottom: 8%;
        margin-left: 27.5%;
        position: absolute;
	}
	.ft-heading-light {
		text-align: center;
		font-size: 16px; 
		color: #ffffff; 
		margin-bottom: 10px;
	}
	.bpb-left-visual {		
		min-height: 223px;
	}
	.bpb-listing-modal-banner {
		max-height: 370px;
        margin-left: 0%;
        margin-top: 7%;
	}
	.bpb-modal-left {		
		padding: 20px;
		/* padding-bottom: 0; */
	}
	.bpb-left-padding {
		padding: 18px 0px 10px 0px;
	}
	.bpb-listing-footer {
		/* FIX: Changed from absolute to relative */
        position: relative;
        top: 3%;
        max-height: none; /* Allow text to expand */
        width: 100%;
        padding: 15px;
        border-radius: 0;
        padding-top: 15px;
        background-color: #D3C8AC;
		
	}
	.bpb-listing-footer-two {
		position: relative;
        top: auto;
        width: 100%;
        padding: 15px;
        text-align: center;
        border-radius: 0;
        background-color: #4F4F4F;
	}
	.bpb-listing-contact {
		font-size: 12px;
		font-weight: 700;
	}
	.bpb-modal-star-img {
		max-width: 121px; 
		text-align: center;
	}
	
	.bpb-listing-checkmark {
        position: absolute;
        top: 10px;
        left: 10px;
        height: 24px;
        width: 24px;
        background-color: #e0dacc;
        border-radius: 2px;
        transition: background-color 0.2s ease;
    }
	.bpb-modal-right .bpb-modal-header-strip {
        border-radius: 5px;
        text-align: center;
    }
	.bpb-fl-floating-star {
		position: absolute;
        top: 0%;
        left: 16%;
        text-align: center;
        width: 103px;
        z-index: 2;
	}
	.bpb-fl-floating-star-text {
		position: absolute;
        top: 4.5%;
        left: 16%;
        text-align: center;
        width: 119px;
        z-index: 3;
        color: #ffffff;
	}
	.bpb-fl-floating-logo {
        position: absolute;
        top: 1%;
        left: 76%;
        text-align: center;
        width: 155px;
        z-index: 2;
    }
	.btn-enlist {
		padding: 8px 20px;
	}
	.bpb-tab-sec-wraper {
		position: relative;
	}
	.bpb-sig-expertise-box {
		position: relative;
		top: -67%;
		right: -100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.bpb-raicon-name-wrap {
		position: relative;
		top: 24%;
        
    }
	.bpb-engineer-sec-setup {
		position: relative;
		width: 100%;
		margin: 0 auto;
		margin-top: -20%;
		
	}
	.bpb-sig-main-image {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
		position: relative;
		z-index: 1;   
		margin-top: 0;
		top: -3%
	}
	.bpb-sig-head-pos {
		position: relative;
		text-align: right;
		top: -14%;
		margin-bottom: 0;
		z-index: 99;
	}
	.bpb-pkg-ptab-pos {
		margin-top: -3%;
	}
	.bpb-ft-col-3-tab {
		margin-top: 4%;
	}
	.bpb-ft-col-4-tab {
		margin-top: 6%;
	}
	.bpb-ft-link-tab {
		margin-top: 20%;
	}
	.mob-desc {
		padding-bottom: 10px;
	}
}

/* Large devices (desktops, ≥992px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Your existing:
  - 993px-1200px styles
  - "Large devices" section */
  .bpb-wa-icon-box {
		padding: 7px 0;
	}
	.bpb-wa-code-box {
		padding: 6px 7px;
	}
	.bpb-tick-wrapper {
        margin: 0 auto;
        margin-top: 4%;
        justify-content: center;
    }
	 .bpb-modal-header-strip h3 {
        margin: 0 auto;
    }
	.header .logo img {		
		margin-right: 8px;
	}
	.mob-nav-offcan-structure {
        background-color: #E7DFCD !important;
        position: fixed !important;
        bottom: 0 !important;
        width: 100% !important;
        border-left: 4px solid #ac683f;
        z-index: 1040;
        /* We remove the transition here to prevent fighting with the JS calculation */
        transition: none; 
    }
  .cat-section {
    /*rgba(218, 207, 172);*/
  }
  .header .branding {
    /*rgba(218, 207, 172);*/
    min-height: 60px;
    padding: 5px 0;
  }
	.header .logo img {
		max-height: 40px;
		margin-right: 8px;
	}
	.navmenu {
        margin-top: 2%;
    }
	.navbar-container-width {
        width: 95%;
        max-width: 95%;
        margin-left: 4.5%;
        margin-right: 2%;
    }
	.header .logo h5 {
        font-size: 13px;
		margin-top: 2%;
    }
  /* ... other <576px styles ... */  

.body-background-bsp {
	background-image: url('../images/bgimage_mob.webp?version=1');
    /*background-repeat: no-repeat;
    background-position: center;  
    background-size: cover;*/
	/*background: url('../images/bgimage_mob.webp') no-repeat center center;
	background-size: cover;
    background-position: center;
    
    background-attachment: fixed;
    background-color: #eae0cd;*/
	}
.body-bg-layer{
		background-color: rgba(255,255,255,0.5);
	}
.zoom-control {
        zoom: 85%;
        -moz-transform: scale(0.85);
        transform: scale(0.85);
    }
.heading-font-bsp{
	font-size: 18px; 
	color: #ac683f; 
	font-weight: 800;
	margin-top: 0;
	text-align: center;
	}
.heading-outline-bsp{
	padding: 15px;	
	/*border: 3px solid #c97752; */
	width: 100%; 
	text-align: center; 
	margin: auto;
	}
.village-text-bpb {
    margin-top: 1rem;
	margin-bottom: 0px;
}

.card-text {
	color: #ac683f;
	/*color: rgba(218, 207, 172);*/
	font-family: "Gidole";				
	font-weight: 800;
	font-size: 20px;
}
.card-custom-bsp {
        background-color: #F3EDE0;        
    }
	.card-title-new{
		margin-bottom: 5px;
        color: #AB532C;
	}
	.update-label {
		font-size: 12px;		
		font-weight: 600;
		color: #4f4f4f;
	}
	.update-time {
        font-size: 11px;
		margin-bottom: 5px;
    }
	.stats-container {		
		padding: 0 5px;
		margin-bottom: 5px;
	}
	.stats-label-big {
			font-size: 20px;
		    color: #4F4F4F;
		}
		.stats-number {
			font-size: 30px;
        	color: #4F4F4F;
		}
		.stats-label-small {
			font-size: 18px;
		}
	.bpb-vicinity-text {
		color: #57730C;
        text-align: center;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 0;
	}
	.stats-divider {		
		width: 100%;
		margin: 5px auto 5px auto;		
	}
	.card-custom-bsp {
        background-color: #F3EDE0;
        border-radius: 10px;
    }
	.card-body {
		padding-bottom: 5px;
	}
	.cat-section {
		padding-bottom: 5px;
	}
	.card-footer {
		border-top: none;
		height: 40px;
		padding-top: 15px;
		border-radius: 0;
	}
    .card-footer-text-style {
        color: #F3EDE0;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0;
    }
	.card-footer-bsp-new {
		background-color: #9A9796 !important;
        padding: 12px 0;
        border-top: none;
        display: flex;
        justify-content: center;
        align-items: center;
	}
.shadow-div {

	/*background-color: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	margin: 15px;*/
	background-color: #fff;				
	box-shadow: 
		0 -10px 10px 0 rgba(0, 0, 0, 0.1), /* Top shadow */
		-10px 0 10px 0 rgba(0, 0, 0, 0.1), /* Left shadow */
		10px 0 10px 0 rgba(0, 0, 0, 0.1),  /* Right shadow */
		0 10px 10px 0 rgba(0, 0, 0, 0.1);  /* Bottom shadow */
		position: relative;
	border-radius: 0;
}

.privilege-text {
	color: #393939;text-align: justify;
	/*font-size: 17px;*/
}
.p-text-color{
	color: #393939;
	/*font-size: 15px;*/
}
.privilage_img_icon{
	max-height: 100px;
	background-color: transparent; 
	/*border: 3px solid;*/
	border-radius: 10px; 
	padding: 5px;
}
.image-container {
	position: relative;
	display: inline-block; /* or block, depending on your layout */
}

.image-container:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	/*height: 14px; *//* Controls the shadow height */
	/*background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);*/
	pointer-events: none; /* Ensures clicks pass through to the image */
	/*border-bottom: 14px solid rgba(0, 0, 0, 0.5);*/
}
.div-top {
	position: relative;
	min-height: 200px;
	padding: 10px;
	background: #f0f0f0; /* Just for visibility */
	background-color: transparent;
	border-left: 2px solid rgba(242, 241, 246, 0.6);
}

.div-top::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 52%;
	height: 2px;
	background-color: rgba(242, 241, 246, 0.6);

}
.div-top::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 12%;
	height: 2px;
	background-color: rgba(242, 241, 246, 0.6);
}
	

.card-col {
    padding: 25px;
}

.card-body-col-style-left {
    position: relative;
    text-align: left;
}

/* 80% bottom border for left column */
.card-body-col-style-left::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 13%; /* Center the 80% width */
    width: 87%;
    height: 2px;
    background-color: #ac683f;
}

/* 80% vertical border connecting to the bottom borders */
.card-body-col-style-left::before {
    content: '';
    position: absolute;
    bottom: 0; /* Start at the bottom to join the horizontal borders */
    right: 0; /* Position at the right edge of the left column */
    height: 80%; /* 80% of the column height */
    width: 2px;
    background-color: #ac683f;
    z-index: 1; /* Ensure it’s above the bottom borders */
}

.card-body-col-style-right {
    position: relative;
    text-align: left;
}

/* 80% bottom border for right column */
.card-body-col-style-right::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0%; /* Center the 80% width */
    width: 87%;
    height: 2px;
    background-color: #ac683f;
}
.card-footer {
    border-top: none;
    height: 40px;
    padding-top: 15px;
}
.prop-counter-no-style {
    font-weight: 800;
    color: #849427;
    font-size: 38px;
    margin-top: -3%;
    margin-left: 20%;
}

.prop-counter-text-style {
    color: #849427;
    font-size: 19px;
    font-weight: 500;
    margin-top: -3%;
    margin-bottom: 2%;
    margin-left: 20%;
}

.prop-update-text-style {
    color: #849427;
    font-weight: 300;
    font-size: 16px;
    margin-top: 7.5%;
    line-height: 1.3;
}

.card-footer-bsp {
    background-color: #ac683f;
    display: flex;
    justify-content: center; /* Horizontally center */
    align-items: center;     /* Vertically center */
    padding: 10px;           /* Add breathing room */
    min-height: 60px;       /* Ensure enough height for vertical centering */
}

.card-body {
		padding-bottom: 5px;
	}
	.cat-section {
		padding-bottom: 5px;
        background-color: #ded5c3;
	}
	.card-footer {
		border-top: none;
		height: 40px;
		padding-top: 15px;
	}
	
.card-vp-text-bsp {
    color: #ac683f;
    font-weight: 300;
    font-size: 16px;
    margin-top: 3%;
}
	/* Dream Home Heading Section */
.dream-home-heading-bpb {
    margin-top: -2%;
}

.dream-home-box-bpb {
    background-color: #ac683f;
    border: 1px solid #ac683f;
    border-radius: 5px;
    width: 25%;
    text-align: center;
    margin: auto;
}

.dream-home-text-bpb {
    font-size: 24px;
    color: #f0f0f0;
    font-weight: 400;
    margin-top: 2.5%;
    text-align: center;
}

/* Dream Home Image Section */
.dream-home-container-bpb {
    background-color: transparent;
    margin-top: -3.4%;
}

.dream-home-width-bpb {
    max-width: 87.2%;
}

.dream-home-card-bpb {
    background-color: transparent;
    border: none;
}

.dream-home-img-bpb {
    width: 100%;
}

.dream-home-overlay-bpb {
    background-color: transparent;
}

.dream-home-highlights-bpb {
    font-size: 22px;
    color: #ac683f;
    font-weight: 600;
    margin-left: 40%;
    margin-top: 40%;
}

.dream-home-btn-container-bpb {
    color: #f6aa25;
    max-width: 160px;
    min-height: 45px;
    padding: 5px;
    padding-top: 10px;
    background-color: #2e5191;
    text-align: center;
    border-radius: 10px;
    margin-left: 53%;
    margin-top: 1.5%;
}

.dream-home-link-bpb {
    color: #ffffff;
    font-size: 20px;
}
 .card-col {
        padding: 10px 15px;
    }

    .prop-counter-no-style {
        font-size: 28px;
        margin-left: 10%;
    }

    .prop-counter-text-style {
        font-size: 16px;
        margin-left: 10%;
        margin-bottom: 5px;
    }

    .prop-update-text-style {
        font-size: 14px;
        margin-top: 5px;
    }

    .card-vp-text-bsp {
        font-size: 14px;
    }

    .card-footer-text-style {
        font-size: 14px;
    }
	/* Dream Home Heading Section */
.dream-home-heading-bpb {
    margin-top: -2%;
}

.dream-home-box-bpb {
    background-color: #ac683f;
    border: 1px solid #ac683f;
    border-radius: 5px;
    width: 25%;
    text-align: center;
    margin: auto;
}

.dream-home-text-bpb {
    font-size: 24px;
    color: #f0f0f0;
    font-weight: 400;
    margin-top: 2.5%;
    text-align: center;
}

/* Dream Home Image Section */
.dream-home-container-bpb {
    background-color: transparent;
    margin-top: -3.4%;
}

.dream-home-width-bpb {
    max-width: 87.2%;
}

.dream-home-card-bpb {
    background-color: transparent;
    border: none;
}

.dream-home-img-bpb {
    width: 100%;
}

.dream-home-overlay-bpb {
    background-color: transparent;
}

.dream-home-highlights-bpb {
    font-size: 22px;
    color: #ac683f;
    font-weight: 600;
    margin-left: 7%;
    margin-top: 0%;
}

.dream-home-btn-container-bpb {
    color: #f6aa25;
    max-width: 130px;
    min-height: 30px;
    padding: 5px;
    padding-top: 10px;
    background-color: #2e5191;
    text-align: center;
    border-radius: 10px;
    margin-left: 53%;
    margin-top: 1.5%;
}

.dream-home-link-bpb {
    color: #ffffff;
    font-size: 20px;
}
.bpb-sig-heading-brown {	
	text-align: center;
	color: #4F4F4F;
}
#raicon_dream_heading[data-language="english"] .bpb-sig-heading-brown {
		font-size: 15px !important;
		text-align: center;
		color: #4F4F4F;
	}
#raicon_dream_heading[data-language="bengali"] .bpb-sig-heading-brown {
	   font-size: 22px !important;
	   text-align: center;
	   color: #4F4F4F;
	}
.bpb-sig-sub-text {
	text-align: center;
}
/* English Version */
    h4#raicon_dream_impl_label[data-language="english"] {
        font-size: 15px !important;
        text-align: center;
        color: #4F4F4F;
        line-height: 1.4; /* Added for better readability on tablet */
    }

    /* Bengali Version */
    h4#raicon_dream_impl_label[data-language="bengali"] {
        font-size: 22px !important;
        text-align: center;
        color: #4F4F4F;
        line-height: 1.4;
    }
.language-label {
    font-size: 14px;
    font-weight: 400;
    background-color: #AD5836;
    color: #ffffff;
    padding: 3px 5px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    line-height: 1.5;
    white-space: nowrap;
}
.bpb-cult-heading {
	font-size: 24px;
	color: #4f801a;
}
.bpb-cult-subheading {
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 10px;
}
.combobox-selected {
    /*padding: 3px 5px;*/
	font-weight: 400;
	padding-top: 3px;
	padding-bottom: 3px;
    border: 0 solid #ccc;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background-color: white;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: border-color 0.3s, box-shadow 0.3s;
    color: #ac683f;
    line-height: 1.5;
	max-width: 90px;
}

.btn-bpb.btn-sm {
    padding: 0.33rem 0.3rem;
    font-size: 0.875rem;
    line-height: 1.3;
    border-radius: 0.2rem;
	background-color: #4F4F4F;
}
.btn-bpb:hover {
    background-color: #233f7a;
    border-color: #213b73;
    color: #ffffff;
    text-decoration: none;
}
	.side-desc-text {
        max-width: 100%;
        text-align: justify;
    }
	.right-content-wrapper {
        padding-left: 15px;
        margin-top: 30px;
        text-align: center;
    }
	.bpb-enlist-button-positioning {
		display:flex; 
		align-items: flex-start; 
		max-width: 45%;
        margin-left: 1.3%;
        position: relative;
        top: 162%;
	}
	.man-image-wrapper {
		max-height: 420px;
	}
	.man-image-wrapper img {
        position: relative;
        top: -89px;
        right: 12%;
        max-width: 100%;
        height: auto;
        max-height: 510px;
        margin-top: 5%;
        margin-bottom: 3%;
    }
	.bpb-man-floating-logo {
		position: absolute;
        top: -2%;
        right: 1%;
        text-align: center;
        width: 110px;
        z-index: 2;
	}
	.bpb-fl-logo-caption {
		font-size: 10px;
		color: #ae603c;
		font-weight: 700;
		margin-right: 3%;
        line-height: 1.2;
        margin-top: -74%;
	}
	.bpb-man-floating-star {
        position: absolute;
        top: 33%;
        left: 4%;
        text-align: center;
        width: 142px;
        z-index: 2;
    }
	
	.bpb-man-floating-star-text {
      position: absolute;
        top: 20%;
        left: 3.4%;
        text-align: center;
        width: 119px;
        z-index: 3;
        color: #ffffff;
    }
	.bpb-logo-seter {
		max-width: 67px !important; 
		margin-left: 18%;
		text-align: center;				
	} 
	.bpd-fl-home-tab-text {
		display:block;
		position: relative;
		max-width: 53%;
        top: -56%;
        margin-top: -24%;
	}
	.bpb-fl-home-footer {
        position: relative;
        top: -11%;
        max-height: none;
        width: 100%;
        padding: 0px;
        border-radius: 0;
        padding-top: 15px;
        background-color: transparent;
    }
	.bpb-fl-home-footer-two {
        position: relative;
        top: auto;
        width: 100%;
        padding: 0px;
        text-align: center;
        border-radius: 0;
		color: #b25930;
        background-color: transparent;
		font-size: 15px !important;
    }

	.bpb-listing-modal-close {
		padding: 10px !important;
		width: 25px;
		height: 25px;
	}
	.bpb-listing-left-visual {
		position: relative;
        text-align: center;
        overflow: hidden;
        /* CHANGED: Removed min-height */
        min-height: auto; 
        top: 0;
	}
	.location-text {
		color: #421B09;
		text-align: center;
		font-weight: 900;
		text-transform: uppercase;
		margin-bottom: 0;
		font-size: 15px;
	}	
	.ft-contact-item {
		display: block;
	}
	.ft-social-row {
		display: inline-flex;
		gap: 12px;
		margin-top: 4%;
		margin-bottom: 8%;
	}
	.ft-heading-light {
		text-align: center;
		font-size: 16px; 
		color: #ffffff; 
		margin-bottom: 10px;
	}
	.bpb-left-visual {		
		min-height: 223px;
	}
	.bpb-listing-modal-banner {
		max-height: 100%;
        margin-left: 0%;
        margin-top: 4%;
	}
	.bpb-modal-left {		
		padding: 20px;
		/* padding-bottom: 0; */
	}
	.bpb-left-padding {
		padding: 18px 0px 10px 0px;
	}
	.bpb-listing-footer {
		/* FIX: Changed from absolute to relative */
        position: relative;
        top: 3%;
        max-height: none; /* Allow text to expand */
        width: 100%;
        padding: 15px;
        border-radius: 0;
        padding-top: 15px;
        background-color: #D3C8AC;
		
	}
	.bpb-listing-footer-two {
		position: relative;
        top: auto;
        width: 100%;
        padding: 15px;
        text-align: center;
        border-radius: 0;
        background-color: #4F4F4F;
	}
	.bpb-listing-contact {
		font-size: 12px;
		font-weight: 700;
	}
	.bpb-modal-star-img {
		max-width: 121px; 
		text-align: center;
	}
	
	.bpb-listing-checkmark {
        position: absolute;
        top: 10px;
        left: 10px;
        height: 24px;
        width: 24px;
        background-color: #e0dacc;
        border-radius: 2px;
        transition: background-color 0.2s ease;
    }
	.bpb-modal-right .bpb-modal-header-strip {
        border-radius: 5px;
        text-align: center;
    }
	.bpb-fl-floating-star {
		position: absolute;
        top: 0%;
        left: 16%;
        text-align: center;
        width: 120px;
        z-index: 2;
	}
	.bpb-fl-floating-star-text {
		position: absolute;
        top: 3%;
        left: 17%;
        text-align: center;
        width: 103px;
        z-index: 2;
	}
	.bpb-fl-ml-img {
        max-width: 67px !important;
        text-align: center;
    }
	.bpb-fl-floating-logo {
        position: absolute;
        top: 1%;
        left: 78%;
        text-align: center;
        width: 155px;
        z-index: 2;
    }
	.bpb-fl-logo-md-caption {
        font-size: 14px;
        color: #ae603c;
        font-weight: 700;
        margin-right: 0%;
        line-height: 1.2;
        margin-top: 11%;
    }
	.btn-enlist {
		padding: 8px 20px;
	}
	.bpb-tab-sec-wraper {
		position: relative;
	}
	.bpb-sig-expertise-box {
		position: relative;
		top: -67%;
		right: -100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.bpb-raicon-name-wrap {
		position: relative;
		top: 24%;
        
    }
	.bpb-engineer-sec-setup {
		position: relative;
		width: 100%;
		margin: 0 auto;
		margin-top: -20%;
		
	}
	.bpb-sig-main-image {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
		position: relative;
		z-index: 1;   
		margin-top: 0;
		top: -3%
	}
	.bpb-sig-head-pos {
		position: relative;
		text-align: right;
		top: 3%;
		margin-bottom: 0;
		z-index: 99;
	}
	.bpb-pkg-ptab-pos {
		margin-top: 3%;
	}
	.bpb-ft-col-3-tab {
		margin-top: 4%;
	}
	.bpb-ft-col-4-tab {
		margin-top: 6%;
	}
	.bpb-ft-link-tab {
		margin-top: 20%;
	}
	.mob-desc {
		padding-bottom: 10px;
        max-width: 90%;
        margin: 0 auto;
	}
	.ft-social-row {
        display: inline-flex;
        gap: 12px;
        margin-top: 15%;
        margin-bottom: 8%;
        margin-left: 30.5%;
        position: absolute;
    }
	.bpb-fl-ml-img {
        max-width: 67px !important;
        text-align: center;
    }
}

/* X-Large devices (large desktops, ≥1200px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  /* Your existing:
  - 1201px+ styles
  - "Extra large devices" section */
  .navbar-container-width {
    max-width: 1670px;
  }
  /* ... other 1200-1399px styles ... */
.p-text-color {
        color: #393939;
        /* font-size: 17px; */
    }
.privilage_img_icon {
        max-height: 100px;
        background-color: transparent;
        /* border: 3px solid; */
        border-radius: 10px;
        padding: 5px;
    }
.privilege-text {
        color: #393939;
        font-family: "Gidole";
		text-align: justify
        /* font-size: 17px; */
    }
	.cat-section{
		/*background-color: #cd7249;*/
		/*background-color: rgba(205, 114, 73, 0.5);*/
		background-color: #ded5c3;
		/*background-color: rgba(215,187,183,0.5);*/
	}
	

	/* Container for the text on the right side (brick area) */
	.banner-text-overlay {
		position: absolute;
		top: 12%; /* Starts below the top decorative border */
		right: -0.5%;
		width: 27%; /* Occupies roughly the right 27% of the image */
		height: 85%;
		padding: 1vw 2vw;
		color: #ffffff;
		display: flex;
		flex-direction: column;
		text-align: left;
		z-index: 10;
	}

	/* Typography matching the reference image */
	.banner-title {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 1.6vw; /* Responsive font size */
		font-weight: 600;
		text-transform: uppercase;
		margin-bottom: 1vw;
		text-align: center;
		/*letter-spacing: 1px;*/
		color: #ffffff;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		padding-bottom: 10px;
	}

	.banner-desc {
		font-family: 'Roboto Flex', sans-serif;
		line-height: 1.6;
		letter-spacing: 1.2px;
		font-weight: 100;
		text-align: justify; /* Matches the clean block look */
		margin-bottom: auto; /* Pushes footer to bottom */
	}

	/* Footer section of the banner text */
	.banner-footer {
		margin-top: 1vw;
		text-align: center;
	}

	.package-text {
		position: absolute;
		bottom: 26%;
		left: 0;
		right: 0;
		font-family: 'Roboto Flex', sans-serif;
		font-size: 0.8vw;
		text-transform: uppercase;
		margin-bottom: 5px;
		color: #f0f0f0;
		text-align: center;
	}

	.location-text {
		font-family: 'Roboto Flex', sans-serif;
		font-size: 1.5vw;
		font-weight: 900;
		text-transform: uppercase;		
		margin-bottom: 0px;
	}

	.offer-by {   
		margin-top: 10%;
		padding: 10px;
		border-radius: 4px;
	}

	/* --- BASE STYLES (Positioning) --- */
    .offer-by .small-text {
        position: absolute;
        bottom: 5%;
        left: 0;
        right: 0;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: auto;
    }

    .offer-by .company-name {
        position: absolute;
        bottom: 0.5%;
        left: 0;
        right: 0;
        font-weight: 700;
        text-transform: uppercase;
    }
	.bpb_rc_image_wrap {
        min-height: 1150px;
    }

    .bpb-rc-home-img-container {
        top: 13%;
    }

    .bpb-rc-man-model-img-container {
        top: 38%;
        left: 6%;
    }

    .bpb-rc-man-model-img {
        width: 78%;
    }

    .bpb-rc-rignt-graphics-img-container {
        top: 49%;
        right: -4.3%;
    }

    .bpb-rc-rignt-key-img-container {
        top: 53%;
        right: -3.5%;
    }

    .bpb-rc-bottom-p1 {
        top: 81%;
        max-width: 75%;
    }

    .bpb-rc-bottom-p2 {
		--english-raicon-pb-size: 22px;	
	 --bengali-raicon-pb-size: 26px;
        top: 87.6%;
		max-width: 72%;
    }

    .bpb-rc-bottom-p3 {
        top: 91%;
    }

  
}

/* Preserved Custom Breakpoints */
@media (min-width: 1250px) and (max-width: 1366px) {
  /* Your precision adjustment styles */
  .zoom-control {
    zoom: 80%;
    -moz-transform: scale(1);
    transform: scale(1);
  }
  .screen-width{
		margin: 0 auto;
		zoom: 75%;
	}
	.screen-width-footer {
		margin: 0 auto;
		zoom: 75%;
	}
	.navbar-container-width{
		max-width: 1550px;
	}
	.custom-desktop {
      flex: 0 0 50%; /* Half-width */
      max-width: 50%;
    }
	.bpb-logo-caption {
		font-size: 16px;
		color: #ffffff;
		font-weight: 700;
		margin-top: 5px;
		line-height: 1.5;
	}
	.bpb-logo-caption {
        font-size: 16px;
        color: #ffffff;
        font-weight: 700;
        margin-top: 8px;
        line-height: 1.5;
    }

	.card-text {
        color: #ac683f;
        /* color: rgba(218, 207, 172); */
        font-family: "Gidole";
        font-weight: 800;
        font-size: 24px;
    }
	.cat-section {
		padding: 20px 5px 10px 5px;
	}
	.card-title-new {		
		margin-bottom: 10px;		
	}
	.card-footer {
		border-top: none;
		height: 50px;
        padding-top: 13px;
	}
  /* ... other 1250-1366px styles ... */
  /* Language-specific styles within #hero only */
	#hero[data-language="english"] .text-content p {
		font-family: var(--english-default-font);
		font-size: var(--english-p-text-size);
		line-height: 1.8;
		text-align: justify;
	}
	#hero[data-language="english"] .p-text-adjustment {
		line-height: 1.5;
		font-size: 16px;
		letter-spacing: -0.01em;
		margin-bottom: 0.9em;
	}
	#hero[data-language="bengali"] .text-content p {
		font-family: var(--bengali-default-font);
		font-size: var(--bengali-p-text-size);
		line-height: 1.6;
		text-align: justify;
	}

	#hero[data-language="bengali"] .p-text-adjustment {
		line-height: 1.4;
		font-size: 19px;
		letter-spacing: -0.02em;
		word-spacing: -0.05em;
		margin-bottom: 0.8em;
	}

	#hero[data-language="bengali"] .left-column-img {
	   /* max-height: 60vh;*/
	}

	#hero[data-language="bengali"] .text-content {
		/*height: 70vh;*/
		/*overflow-y: auto;*/
	}

	#hero[data-language="bengali"] .heading-wrapper h1 {
		font-size: calc(var(--bengali-heading-size) - 2px);
		margin-bottom: 0.5em;
	}
	
	/* --- ENGLISH SIZES (Default) --- */
    #hero[data-language="english"] .offer-by .small-text {
        font-size: 18px;
    }
    #hero[data-language="english"] .offer-by .company-name {
        font-size: 17px;
    }

    /* --- BENGALI SIZES (Bound to bindData JS) --- */
    #hero[data-language="bengali"] .offer-by .small-text {
        font-size: 22px; /* Increased for readability */
    }
    #hero[data-language="bengali"] .offer-by .company-name {
        font-size: 21px; /* Increased for readability */
    }
	
	/* English adjustments */
	#we_offering[data-language="english"] .left-div {
		padding-right: 15px; /* Reduced padding */
	}
	#we_offering[data-language="english"] .left-div p {
		font-size: 16px;
		line-height: 1.8;
		margin-bottom: 10px; /* Tighter spacing */
		letter-spacing: -0.01em;
	}

	/* Bengali adjustments */
	#we_offering[data-language="bengali"] .left-div {
		padding-right: 19px; /* Slightly more padding */
	}
	#we_offering[data-language="bengali"] .left-div p {
		font-size: 19px;
		line-height: 1.6;
		margin-bottom: 11px; /* Optimized spacing */
		letter-spacing: -0.015em;
		word-spacing: -0.03em;
	}

	/* Image column adjustment */
	#we_offering .right-div {
		align-items: center;
	}
	#we_offering[data-language="english"] .p-text-adjustment {
		line-height: 1.5;
		font-size: 16px;
		letter-spacing: -0.01em;
		margin-bottom: 0.9em;
	}
	#we_offering[data-language="bengali"] .p-text-adjustment {
		line-height: 1.3;
		font-size: 19px;
		letter-spacing: -0.02em;
		word-spacing: -0.05em;
		margin-bottom: 0.8em;
	}

	#we_offering[data-language="bengali"] .img-offering-bpb {
		/*max-height: 60vh;*/
	}

	#we_offering[data-language="bengali"] .left-div {
		/*height: 60vh;*/
		overflow-y: auto;
	}
	/* Increase Bengali Heading Font Size specifically for Laptops */
    #hero[data-language="bengali"] .banner-title {
        font-size: 34px !important; /* Increased size (adjust if you want bigger/smaller) */
        line-height: 1.3;
        margin-bottom: 15px;
    }

    /* Optional: Balance the description text size */
    #hero[data-language="bengali"] .banner-desc {
        font-size: 18px !important;
        line-height: 1.5;
    }
    
    /* Optional: Adjust container padding if text overflows */
    .banner-text-overlay {
        padding-left: 40px; 
        padding-right: 40px;
    }
	.location-text {		
		/*color: #F0E1D1;*/
		margin-bottom: 0px;
		margin-top: 7px;
	}
	.location-text-swiper-desk {
		color: #ffffff;
		text-align: center;
		font-weight: 900;
		text-transform: uppercase;
		margin-bottom: 0;
		margin-top: 0;
		/*font-size: 24px;*/ /* Base size, JS may override */
	}
	.village-text-bpb {
		font-weight: 600;
	}
	.heading-offering-bpb {
		font-weight: 600;
	}
	.sel-lang-label{
		font-weight: 500; 
		background-color: #8B4626; 
		color: #ffffff; 
		padding: 7px 8px; 
		border-bottom-left-radius: 4px; 
		border-top-left-radius: 4px;
		font-size: 13px;
	}
 .custom-combobox {
		position: relative;
		display: inline-block;
		height: 31px;
        min-height: 31px;
        max-height: 31px;
        width: 120px;
        line-height: 31px;
		font-family: 'Roboto Flex', sans-serif;
		font-size: 13px;
		font-weight: 500;
	}

	.combobox-selected {
		padding: 7px 13px;
		font-size: 15px;
        font-weight: 700;
		border: 0px solid #ccc;
		border-bottom-right-radius: 4px;
		border-top-right-radius: 4px;		
		background-color: white;
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
		/*transition: border-color 0.3s, box-shadow 0.3s;*/
		color: #ac683f;
	}
	.privilege-heading-bpb {
		font-weight: 600;
	}
	.div-top {
	position: relative;
	min-height: 200px;
	padding: 10px;
	background: #f0f0f0; /* Just for visibility */
	background-color: transparent;
	border-left: 2px solid rgba(242, 241, 246, 0.6);
}
	.bpb-sig-top-strip {
		padding: 18px 0;
	}
	.bpb-sig-strip-text {
		margin-top: 3px;
	}

.div-top::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 52%;
	height: 2px;
	background-color: rgba(242, 241, 246, 0.6);

}
.div-top::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 12%;
	height: 2px;
	background-color: rgba(242, 241, 246, 0.6);
}
	.raicon-footer-bar {    
    margin-top: 2%; /* Space from the content above */
    
}
	.man-image-wrapper {
		position: relative;
		margin-top: 10px;
		text-align: right;
	}

	.man-image-wrapper img {
		position: absolute;
        right: 11px;
        max-width: 100%;
        height: auto;
        max-height: 530px;
        margin-top: -4%;
        margin-bottom: 5%;    
	}
	.bpb-logo-img-wraper {
		position: relative;
		margin-top: 4%;
		text-align: right;
		z-index: 10;
		top: 1%;
	}
	.bpb-logo-img-wraper img {
		position: absolute;
		/* top: -40%; */
		right: 50px;
		max-width: 100%;
		height: auto;
		max-height: 100px;
		margin-top: -30%;
		margin-bottom: 5%;
	}
	.bpb-logo-img-wraper .logo-img-caption {
		position: absolute;
		 right: 0px;
		text-align: center;
		font-size: 18px;
		color: #ae603c;
		font-weight: 700;
		margin-top: -14%;
		line-height: 1.2;
	}
	.bpb-vicinity-text {
		color: #57730C;
		text-align: center;
		font-weight: 900;
		text-transform: uppercase;
		margin-bottom: 0;		
	}
	.bpb-modal-text-light {
		line-height: 1.6;
		font-weight: 400;
	}
	.bpb-modal-text-small {
		line-height: 1.6;
	}
	.bpb-listing-footer-two {
		border-bottom-left-radius: 0;
	}
	.right-bottom-card {
		padding: 15px;
		padding-top: 27px;
        margin-top: 25px;
		background-color: #1e1c1d;
	}
	/*.bpb-modal-left {
		padding: 10px;
		padding-bottom: 0;
	}
	.bpb-modal-right {
		padding: 10px;
	}*/
	.bpb-check-box {
		font-size: var(--english-bpb-checkbox-label);
	}
	.checkmark {
    top: 10px;
	}
	.bpb-listing-check-box {
		padding-top: 12px;
    	padding-bottom: 8px;
	}
	.bpb-listing-checkmark {
		top: 9px;
	}
	.ft-corp-postion {
		font-size: 16px; 
		color: #EFD8B3; 
		margin-bottom: 10px;
		margin-top: 2%;
	}
	.ft-choose-positioning {
		color: #3e322b; 
		text-align: justify; 
		font-size: 14px; 
		line-height: 1.4;
		margin-bottom: 0;
	}
	.side-desc-text {
		max-width: 60%;
	}
	.bpb-cult-key {		
		font-weight: 700;
		
	}
	.bpb-cult-item[data-language="english"] .bpb-cult-key {
		font-size: 20px !important;
	}
	.bpb-cult-item[data-language="bengali"] .bpb-cult-key {
		font-size: 22px !important;
	}
}

/* XX-Large devices (larger desktops, ≥1400px) */
@media (min-width: 1400px) {
  /* Your existing 1400px+ styles */
	.screen-width{
		margin: 0 auto;
		width: 100%;
		max-width: 1652px;
	}
	.section-lr-margin {
		margin-left: 0; margin-right: 0;
	}
	#hero {
	  margin: 5% 0 0 0;
		margin-top: 5%;
	}
	.container-width-bpb {
	  max-width: 100%;
	}
	.screen-width-footer {
		width: 100%;
	}
  /* Language-specific styles within #hero only */
	#hero[data-language="english"] .text-content p {
		font-family: var(--english-default-font);
		font-size: var(--english-p-text-size);
		line-height: 1.94;

	}
	#hero[data-language="english"] .p-text-adjustment {
		line-height: 2;
		font-size: 16px;
		letter-spacing: -0.01em;
		margin-bottom: 0.9em;
	}
	#hero[data-language="bengali"] .text-content p {
		font-family: var(--bengali-default-font);
		font-size: var(--bengali-p-text-size);
		line-height: 1.88;
	}

	#hero[data-language="bengali"] .p-text-adjustment {
		line-height: 1.4;
		font-size: 19px;
		letter-spacing: -0.02em;
		word-spacing: -0.05em;
		margin-bottom: 0.8em;
	}
	.location-text-swiper-desk {
		color: #ffffff;
		text-align: center;
		font-weight: 900;
		text-transform: uppercase;
		margin-bottom: 0;
		margin-top: 0;
		/*font-size: 24px;*/ /* Base size, JS may override */
	}
	.img-offering-bpb {
		/* margin-left: 4%; */
		 margin-top: 0%; 
	}
	   /* Styles for 1200px and up */
	.cat-section{
	/*background-color: #cd7249;*/
	/*background-color: rgba(205, 114, 73, 0.5);*/
	background-color: #ded5c3;
	padding: 15px 5px 10px 5px;
	/*background-color: rgba(215,187,183,0.5);*/
}
.card-text {
	color: #ac683f;
	/*color: rgba(218, 207, 172);*/
	font-family: "Gidole";				
	font-weight: 800;
	font-size: 24px;
}
	.header .branding {
	  min-height: 60px;
	  padding: 10px 0;
	  background-color: rgba(223, 214, 196);
	  /*background-color: rgba(215,187,183,0.5);*/
	}
	.privilage_img_icon {
        max-height: 100px;
        background-color: transparent;
        /*border: 3px solid;*/
        border-radius: 10px;
        padding: 5px;
    }
.heading-font-bsp{
	font-size: 22px; 
	color: #ac683f; 
	font-weight: 700;
	}
.privilege-text {
        color: #393939;
        font-family: "Gidole";
	    text-align: justify;
        /*font-size: 17px;*/
    }
 .p-text-color {
        color: #393939;
        /*font-size: 17px;*/
    }
	.shadow-div {

	/*background-color: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	margin: 15px;*/
	background-color: #fff;				
	box-shadow: 
		0 -10px 10px 0 rgba(0, 0, 0, 0.1), /* Top shadow */
		-10px 0 10px 0 rgba(0, 0, 0, 0.1), /* Left shadow */
		10px 0 10px 0 rgba(0, 0, 0, 0.1),  /* Right shadow */
		0 10px 10px 0 rgba(0, 0, 0, 0.1);  /* Bottom shadow */
		position: relative;
	border-radius: 0;
}
	.div-top {
	position: relative;
	min-height: 200px;
	padding: 10px;
	background: #f0f0f0; /* Just for visibility */
	background-color: transparent;
	border-left: 2px solid rgba(242, 241, 246, 0.6);
}

.div-top::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 52%;
	height: 2px;
	background-color: rgba(242, 241, 246, 0.6);

}
.div-top::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 12%;
	height: 2px;
	background-color: rgba(242, 241, 246, 0.6);
}
.navbar-container-width{
	max-width: 1670px;
	}
	.welcome-section-text-indent{
		line-height: 2;
	}
	.zoom-control {
        zoom: 100%;
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }
	.bpb-logo-caption {
		font-size: 16px;
		color: #ffffff;
		font-weight: 700;
		margin-top: 5px;
		line-height: 1.5;
	}
	.bpb-logo-caption {
        font-size: 16px;
        color: #ffffff;
        font-weight: 700;
        margin-top: 8px;
        line-height: 1.5;
    }
	
	/* English adjustments */
	#we_offering[data-language="english"] .left-div {
		padding-right: 15px; /* Reduced padding */
	}
	#we_offering[data-language="english"] .left-div p {
		font-size: 16px;
		line-height: 2;
		margin-bottom: 10px; /* Tighter spacing */
		letter-spacing: -0.01em;
	}

	/* Bengali adjustments */
	#we_offering[data-language="bengali"] .left-div {
		padding-right: 19px; /* Slightly more padding */
	}
	#we_offering[data-language="bengali"] .left-div p {
		font-size: 19px;
		line-height: 1.65;
		margin-bottom: 11px; /* Optimized spacing */
		letter-spacing: -0.015em;
		word-spacing: -0.03em;
	}

	/* Image column adjustment */
	#we_offering .right-div {
		align-items: center;
	}
	#we_offering[data-language="english"] .p-text-adjustment {
		line-height: 2.2;
		font-size: 16px;
		letter-spacing: -0.01em;
		margin-bottom: 0.9em;
	}
	#we_offering[data-language="bengali"] .p-text-adjustment {
		line-height: 1.3;
		font-size: 19px;
		letter-spacing: -0.02em;
		word-spacing: -0.05em;
		margin-bottom: 0.8em;
	}

	#we_offering[data-language="bengali"] .img-offering-bpb {
		/*max-height: 60vh;*/
	}

	#we_offering[data-language="bengali"] .left-div {
		/*height: 60vh;*/
		overflow-y: auto;
	}
	.location-text {		
		/*color: #F0E1D1;*/
		margin-bottom: 0px;
	}
	.bpb-vicinity-text {
		color: #57730C;
		text-align: center;
		font-weight: 900;
		text-transform: uppercase;
		margin-bottom: 0;
	}
	.right-bottom-card {
		padding: 15px; 
		padding-top: 8px; 
		margin-top: 0; 
		background-color: #1e1c1d;
	}
	.ft-corp-postion {
		font-size: 16px; 
		color: #EFD8B3; 
		margin-bottom: 10px;
		margin-top: 3%;
	}
	.ft-choose-positioning {
		color: #3e322b; 
		text-align: justify; 
		font-size: 14px; 
		line-height: 1.4;
	}
	.side-desc-text {
		max-width: 48%;
	}
	.bpb-img-area-wrap {
		position: relative;
		width: 100%;
		height: auto;
		top: 4%;
	}
	.bpb-logo-img-wraper {
		position: relative;
        margin-top: -4%;;
        text-align: right;
        z-index: 10;
        top: 1%;
	}
	.bpb-logo-img-wraper img {
        position: absolute;
        /* top: -40%; */
        right: 40px;
        max-width: 100%;
        height: auto;
        max-height: 100px;
        margin-top: -26%;
        margin-bottom: 5%;
    }
	.bpb-logo-img-wraper .logo-img-caption {
        position: absolute;
        right: 0px;
        text-align: center;
        font-size: 16px;
        color: #ae603c;
        font-weight: 700;
        margin-top: -12%;
        line-height: 1.2;
    }
	.bpb-listing-row-h {
		min-height: 636px;
	}
	
	.man-image-wrapper img {
		position: absolute;
		/* top: -40%; */
		right: 1px;
		max-width: 100%;
		height: auto;
		max-height: 530px;
		margin-top: -17%;
		margin-bottom: 5%;
		pointer-events: auto;
		z-index: 1;
	}
}

/* ======================================================
   FORCE MOBILE/TAB LAYOUT UP TO 1199px (LAPTOPS)
   ====================================================== */

/* Range: 0px to 1199.98px -> Show Mobile/Tab Sections, Hide Desktop */
@media (max-width: 1199.98px) {
    
    /* Hide Desktop specific IDs/Classes */
    #hero,                 /* Desktop Slider Section */
    #bpb_new_footer,       /* Desktop Footer */
    .desktop-only-section  /* Add this class to any other desktop-only wrapper if exists */
    {
        display: none !important;
    }

    /* Show Mobile specific IDs/Classes */
    #hero_main,            /* Mobile Slider Section */
    #footer,               /* Mobile Footer */
    #hero_offering,        /* Mobile Offering Section */
    #hero_signature,       /* Mobile Signature Section */
    .mobile-only-section
    {
        display: block !important;
    }
}

/* Range: 1200px and up -> Show Desktop, Hide Mobile */
@media (min-width: 1200px) {

    /* Show Desktop specific IDs/Classes */
    #hero, 
    #bpb_new_footer 
    {
        display: block !important;
    }

    /* Hide Mobile specific IDs/Classes */
    #hero_main, 
    #footer,
    #hero_offering,
    #hero_signature
    {
        display: none !important;
    }
}


/* Mobile First Adjustments (≤767.98px) */



/* Existing non-breakpoint styles remain below */


/* ================= MERGED max-width: 991px ================= */
@media (max-width: 991px) {

/*.bannerSwiper .swiper-button-next,
    .bannerSwiper .swiper-button-prev {
	top: 58vw; 
	bottom: auto;
	width: 35px;
	height: 35px;
	background-color: #4F4F4F !important;
	border: 2px solid #4f4f4f;
	border-radius: 50%;
	color: #ffffff;
	z-index: 20;
}*/


}