:root {
     --primary-color: #763030;
 }

 h1 {
     color: #FFF;
     font-size: 72px;
     font-style: normal;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
 }

 h2 {
     font-size: 50px;
     font-style: normal;
     font-weight: 400;
 }

 h3 {
     font-size: 38px;
     font-style: normal;
     font-weight: 400;
 }

 h5 {
     font-size: 22px;
     font-weight: 400;
 }

 h6 {
     font-size: 17px;
     font-weight: 400;
 }

 p {
     font-size: 17px;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     letter-spacing: 0.01em;
     margin-bottom: 0;
 }

 .mt-30 {
     margin-top: 30px;
 }

 .mt-15 {
     margin-top: 15px;
 }

 .pb-20 {
     padding-bottom: 20px;
 }

 .pb-40 {
     padding-bottom: 40px;
 }

 .main_header_left_side_details_area,
 .main_header_left_side_content_area,
 .main_header_left_side_contact_details,
 .main_header_left_side_single_link {
     display: block;
     position: relative;
 }

 .main_header_left_side_details_area {
     padding-top: 80px;
 }

 .right_side_full_menu_content_area {
     padding-left: 80px;
     padding-top: 80px;
 }

 .main_header_left_side_single_link h6 {
     color: rgba(255, 255, 255, 0.60);
     font-size: 18px;
     font-style: normal;
     font-weight: 500;
     line-height: 100%;
     margin-bottom: 10px;
 }

 .main_header_left_side_single_link h3 {
     color: rgba(241, 241, 232, 0.90);
     font-size: 28px;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
 }

 .main_header_left_side_contact_details .main_header_left_side_single_link:last-child h3 {
     margin-bottom: 0;
 }

 .border_left_full {
     border-right: 1px solid rgba(255, 255, 255, 0.5);
 }

 .main_header_left_side_single_link {
     margin-bottom: 45px;
 }

 .main_header_left_side_contact_details .main_header_left_side_single_link:last-child {
     margin-bottom: 80px;
 }

 .main_header_left_side_social_icons {
     display: block;
     position: relative;
 }

 .main_header_left_side_social_icons ul {
     display: flex;
     padding-left: 0;
     gap: 25px;
     margin-bottom: 0;
 }

 .main_header_left_side_social_icons ul li img {
     width: 28px;
 }

 .quote-btn {
     display: inline-flex;
     align-items: center;
     justify-content: space-between;
     background-color: #F1F1E8;
     color: #000000;
     font-family: "Inter", sans-serif;
     font-size: 16px;
     font-weight: 400;
     text-decoration: none;
     padding: 10px 10px 10px 25px;
     border-radius: 50px;
     position: relative;
     gap: 14px;
     overflow: hidden;
     transition: background 0.4s cubic-bezier(0.4, 0, 0.2, 1),
         transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }

 /* white circular icon */
 .quote-btn .icon {
     width: 40px;
     height: 40px;
     background-color: #763030;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
         background-color 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .quote-btn .icon img {
     width: 20px;
     height: 20px;
     transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),
         opacity 0.3s ease;
 }

 .quote-btn:hover {
     background-color: #fff;
     transform: translateY(-2px);
 }

 .quote-btn:hover .icon {
     transform: translateX(4px);
     background-color: #763030;
 }

 .quote-btn:hover .icon img {
     transform: translateX(2px);
     opacity: 0.9;
 }

 /* active press */
 .quote-btn:active {
     transform: translateY(0);
 }

 .right_side_full_menu_contact_button {
     margin-top: 60px;
 }

 .main_homepage_header_area {
     height: 100vh;
     width: 100%;
     position: relative;
     overflow: hidden;
 }


 .main_homepage_header_area img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .main_homepage_header_content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
     color: #fff;
     z-index: 2;
     width: 100%;
 }

 .main_homepage_header_content h1 {
     font-family: 'Monschone';
     margin-bottom: 0;
 }

 .main_homepage_header_content h5 {
     color: #FFF;
     font-style: normal;
     letter-spacing: 0.50em;
     text-transform: uppercase;
     margin-bottom: 24px;
     font-weight: 400;
 }

 .header_slider_btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background-color: transparent;
     color: #000;
     background-color: #fff;
     font-family: 'Monschone', sans-serif;
     font-size: 16px;
     font-weight: 400;
     text-decoration: none;
     padding: 12px 30px;
     border: 1px solid rgba(255, 255, 255, 0.4);
     position: relative;
     overflow: hidden;
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     margin-top: 40px;
     text-transform: uppercase;
     letter-spacing: 2px;
     visibility: hidden;
     /* Hidden for GSAP reveal */
     opacity: 0;
 }

 .header_slider_btn::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: var(--primary-color);
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     z-index: -1;
 }

 .header_slider_btn:hover {
     color: #ffffff;
     border-color: var(--primary-color);
     ;
 }

 .header_slider_btn:hover::before {
     left: 0;
 }

 .header_slider_btn .text {
     position: relative;
     z-index: 1;
 }

 .header-subtitle {
     letter-spacing: 4px;
     color: #fff;
     display: inline-block;
     position: relative;
     text-transform: uppercase;
 }

 .header-subtitle::after {
     content: "";
     display: inline-block;
     width: 160px;
     height: 1px;
     background-color: #fff;
     margin-left: 20px;
     vertical-align: baseline;
 }

 .what_we_do_title_area {
     display: block;
     position: relative;
 }

 .what_we_do_title_area h6 {
     letter-spacing: 0.50em;
     color: rgba(18, 18, 18, 0.80);
     line-height: 100%;
     ;
     margin-bottom: 40px;
 }

 .what_we_do_title_area h2 {
     color: #121212;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 0;
 }

 .review_section_title_area {
     display: block;
     position: relative;
 }

 .review_section_title_area h6 {
     letter-spacing: 0.50em;
     color: rgba(18, 18, 18, 0.80);
     line-height: 100%;
     ;
     margin-bottom: 40px;
 }

 .what_we_do_subtitle::after {
     content: "";
     display: inline-block;
     width: 200px;
     height: 1px;
     background-color: rgba(18, 18, 18, 0.3);
     margin-left: 20px;
     vertical-align: baseline;
 }

 .special_small_after_width::after {
     content: "";
     display: inline-block;
     width: 100px;
     height: 1px;
     background-color: rgba(18, 18, 18, 0.3);
     margin-left: 20px;
     vertical-align: baseline;
 }



 .review_section_title_area h2 {
     color: #121212;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 0;
 }

 .who_we_are_right_class {
     border-left: 1px solid rgba(18, 18, 18, 0.2);
     padding: 0;
 }

 .who_we_are_process_right_single_area {
     display: flex;
     position: relative;
     gap: 50px;
     padding: 60px;
     border-bottom: 1px solid rgba(18, 18, 18, 0.2);
 }

 .who_we_process_lable_dot {
     position: absolute;
 }

 .who_we_process_lable_dot img {
     width: 16px;
 }

 .who_we_process_lable_dot {
     position: absolute;
     left: -8px;
 }

 .who_we_process_content_points h3 {
     font-family: 'Monschone';
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     background: linear-gradient(90deg, #121212 0%, #787878 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     margin-bottom: 24px;
 }

 .who_we_process_content_points p {
     color: #81817D;
     max-width: 400px;
 }

 .who_we_are_process_right_side_area .who_we_are_process_right_single_area:last-child {
     border-bottom: none;
 }

 .project_slider {
     display: block;
     position: relative;
 }

 .project_slideshow_hero_area {
     display: block;
     position: absolute;
     top: 80px;
     z-index: 10;
 }

 .project_slideshow_hero_area h2 {
     color: #FFF;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 0;
 }



 .project-slider-footer {
     position: absolute;
     bottom: 80px;
     left: 0;
     width: 100%;
     z-index: 10;
     color: #fff;
     font-family: "Hendriz", sans-serif;
     display: grid;
     grid-template-columns: 1fr auto 1fr;
     /* left | center | right */
     align-items: center;
     padding: 0 40px;
 }

 .project-info {
     justify-self: start;
 }

 .project_slides_number {
     justify-self: center;
 }

 .project-controls {
     justify-self: end;
     display: flex;
     align-items: center;
     gap: 18px;
 }

 .project-info h5 {
     font-size: 16px;
     letter-spacing: 2px;
     text-transform: uppercase;
     margin: 0;
     opacity: 0.85;
 }

 .project-controls button {
     background: transparent;
     border: none;
     cursor: pointer;
     color: #fff;
     font-size: 18px;
     opacity: 0.8;
     transition: opacity 0.3s ease;
 }

 .project-controls button:hover {
     opacity: 1;
 }

 .slide-count {
     color: #FFF;
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 100%;
     letter-spacing: 0.52px;
 }

 .project_footer_relative {
     display: block;
     position: relative;
 }

 .project-info h3 {
     color: #FFF;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 0;
 }

 .project-controls {
     display: flex;
     align-items: center;
     gap: 14px;
 }

 /* Base button */
 .project-controls button {
     width: 48px;
     height: 48px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.12);
     /* translucent white overlay */
     backdrop-filter: blur(8px);
     /* soft glass effect */
     border: none;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: all 0.3s ease;
     color: #fff;
 }

 /* Icon styling */
 .project-controls button i {
     font-size: 16px;
     transition: transform 0.3s ease, opacity 0.3s ease;
 }

 /* Hover effect */
 .project-controls button:hover {
     background: rgba(255, 255, 255, 0.25);
     transform: scale(1.05);
 }

 .project-controls button:hover i {
     transform: translateX(2px);
     opacity: 0.9;
 }

 /* Optional active press feedback */
 .project-controls button:active {
     transform: scale(0.96);
     background: rgba(255, 255, 255, 0.35);
 }

 .showroom_slider {
     position: relative;
 }

 .showroom-controls {
     position: absolute;
     top: 50%;
     left: 0;
     max-width: 100%;
     transform: translateY(-50%);
     z-index: 10;
     pointer-events: none;
     display: flex;
     justify-content: space-between;
     padding: 0 5px;
     left: 100px;
     right: 100px;
 }

 /* Base button */
 .showroom-controls button {
     width: 54px;
     height: 54px;
     border-radius: 50%;
     background: #fff;
     /* Dark border instead of backdrop */
     /* border: 1px solid #121212; */
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: all 0.3s ease;
     color: #121212;
     pointer-events: auto;
     filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
 }

 /* Icon styling */
 .showroom-controls button i {
     font-size: 16px;
     transition: transform 0.3s ease, opacity 0.3s ease;
 }

 /* Hover effect */
 .showroom-controls button:hover {
     background: #121212;
     color: #fff;
     transform: scale(1.05);
 }

 .showroom-controls button:hover i {
     transform: translateX(2px);
     opacity: 0.9;
 }

 /* Optional active press feedback */
 .showroom-controls button:active {
     transform: scale(0.96);
     background: #333;
 }

 .home_clients_header_area {
     display: block;
     position: relative;
 }

 .home_clients_header_area h6 {
     letter-spacing: 0.50em;
     color: rgba(18, 18, 18, 0.80);
     line-height: 100%;
     margin-bottom: 0;
     text-align: center;
     line-height: 140%;
 }

 .supplier-logos {
     border-top: 1px solid rgba(18, 18, 18, 0.2);
     border-bottom: 1px solid rgba(18, 18, 18, 0.2);
     padding: 40px 0;
 }

 .supplier-logos-container {
     max-width: 1200px;
     margin: 0 auto;
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 60px;
     padding: 0 60px;
 }

 .supplier-logo {
     flex: 1 1 150px;
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 120px;
 }

 .supplier-logo img {
     max-width: 100%;
     height: auto;
     filter: grayscale(100%);
     opacity: 0.9;
     transition: all 0.3s ease;
 }

 .supplier-logo img:hover {
     filter: grayscale(0%);
     opacity: 1;
     transform: scale(1.05);
 }

 /* Responsive */
 @media (max-width: 992px) {
     .supplier-logos-container {
         justify-content: center;
         gap: 30px;
     }
 }



 .pt-80 {
     padding-top: 80px;
 }

 .pt-60 {
     padding-top: 60px;
 }

 .pt-40 {
     padding-top: 40px;
 }

 .pt-30 {
     padding-top: 30px;
 }

 .pt-100 {
     padding-top: 100px;
 }

 .mt-100 {
     margin-top: 100px;
 }

 .pt-120 {
     padding-top: 120px;
 }


 .pl-80 {
     padding-left: 80px;
 }

 .pr-80 {
     padding-right: 80px;
 }


 .pr-50 {
     padding-right: 50px;
 }

 .pl-50 {
     padding-left: 50px;
 }

 .home_why_choose_us_image_area {
     display: block;
     position: relative;
     border-radius: 12px;
     overflow: hidden;
 }

 .home_why_choose_us_image_area img {
     max-width: 100%;
 }

 .why_choose_us_main_content_area {
     display: block;
     position: relative;
 }

 .why_choose_us_main_content_area h6 {
     letter-spacing: 0.50em;
     color: rgba(18, 18, 18, 0.80);
     line-height: 100%;
     margin-bottom: 40px;
 }

 .why_choose_us_main_content_area h2 {
     color: #121212;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 30px;
 }

 .why_choose_us_main_content_area p {
     color: #81817D;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     letter-spacing: 0.01em;
 }

 .why_choose_us_content_icon_area {
     display: block;
     position: relative;
     margin-top: 35px;
 }

 .why_choose_us_single_content_area {
     display: flex;
     position: relative;
     gap: 40px;
     padding: 25px 0 25px 20px;
     border-bottom: 1px solid #ccc;
 }

 .why_choose_us_content_icon_area .why_choose_us_single_content_area:first-child {
     border-top: 1px solid #ccc;
 }

 .why_choose_us_content_icon_area .why_choose_us_single_content_area:last-child {
     border-bottom: 0;
     padding-bottom: 0;
 }

 .why_us_single_icon_area img {
     width: 48px;
 }

 .why_us_single_icon_area {
     align-content: center;
 }

 .why_us_single_content_area {
     display: block;
     position: relative;
     ;
 }

 .why_us_single_content_area h5 {
     color: #121212;
     font-style: normal;
     font-weight: 500;
     line-height: 120%;
     letter-spacing: 0.01em;
     margin-bottom: 12px;
 }

 .home_page_main_showroom_header_area {
     display: block;
     position: relative;
 }

 .home_page_main_showroom_header_area h6 {
     letter-spacing: 0.50em;
     color: rgba(18, 18, 18, 0.80);
     line-height: 100%;
     margin-bottom: 40px;
     text-align: center;
 }

 .home_page_main_showroom_header_area h2 {
     color: #121212;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 30px;
     text-align: center;
 }

 .showroom_slide_image {
     display: block;
     position: relative;
 }

 .showroom_slide_image img {
     border-radius: 12px;
 }

 .showroom_slider .owl-stage-outer {
     overflow: visible !important;
 }

 .showroom_slide_image {
     position: relative;
     overflow: visible;
     /* ensure thumbnail can go outside */
     z-index: 2;
 }

 .home_showroom_details_thumbnail_area img {
     border-radius: 8px;
 }

 .home_showroom_details_thumbnail_area {
     display: block;
     position: relative;
 }

 .home_showroom_details_thumbnail_area img {
     width: 100%;
 }


 .home_showroom_details_area {
     position: absolute;
     bottom: -80px;
     right: 80px;
     background: white;
     padding: 20px;
     border-radius: 12px;
 }

 .showroom_details_area {
     /* position: absolute; */
     /* bottom: -80px; */
     /* right: 80px; */
     background: white;
     padding: 20px;
     border-radius: 12px;
 }


 .customer_single_feedback_area {
     display: flex;
     position: relative;
     gap: 6px;
     flex-direction: column;
 }

 .customer_feedback_profile_area {
     background-color: #FFFFFF;
     display: flex;
     gap: 20px;
     padding: 20px 30px;
     border-radius: 20px;
 }

 .customer_feedback_name_area {
     display: block;
     position: relative;
     align-content: center;
 }

 .customer_feedback_name_area h5 {
     color: #121212;
     font-style: normal;
     font-weight: 500;
     line-height: 100%;
     letter-spacing: 0.01em;
     margin-bottom: 0;
 }

 .customer_feedback_text_area {
     display: flex;
     flex-direction: column;
     /* stack vertically */
     justify-content: space-between;
     /* push top and bottom apart */
     padding: 30px;
     background-color: #fff;
     border-radius: 20px;
     height: 390px;
     box-sizing: border-box;
 }

 .customer_rating_rate {
     display: block;
     position: relative;
 }

 .customer_rating_rate img {
     max-width: 100px;
     /* adjust star width */
     height: auto;
 }

 .customer_rating_text {
     display: block;
     position: relative;
 }

 .customer_rating_text h5 {
     color: #86868B;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     letter-spacing: 0.01em;
     margin-bottom: 0;
     font-size: 17px;
 }

 .reverse_flex_column {
     flex-direction: column-reverse;
 }

 .rating_feedback_row>* {
     padding: 0;
 }

 .rating_feedback_row .col-lg-3 {
     padding-left: 3px;
     padding-right: 3px;
 }

 .rating_feedback_row .col-lg-3:first-child {
     padding-left: 0;
 }

 .rating_feedback_row .col-lg-3:last-child {
     padding-left: 0;
 }

 .footer-section {
     background-color: #000;
     color: #e5e5e5;
     font-size: 15px;
     position: relative;
     padding: 90px 0 0 0;
 }

 .footer-line {
     border-top: 1px solid rgba(255, 255, 255, 0.4);
     margin-top: 80px;
 }

 .footer-heading {
     font-size: 14px;
     text-transform: uppercase;
     color: rgba(255, 255, 255, 0.7);
     letter-spacing: 0.5px;
 }

 .footer-links li {
     margin-bottom: 12px;
 }

 .footer-links li:last-child {
     margin-bottom: 0;
 }


 .footer-links a {
     color: rgba(255, 255, 255, 0.8);
     text-decoration: none;
     transition: color 0.3s ease;
 }

 .footer-links a:hover {
     color: #fff;
 }

 .footer-link {
     color: rgba(255, 255, 255, 0.8);
     text-decoration: none;
 }

 .footer-link:hover {
     color: #fff;
 }

 .footer-social a {
     color: rgba(255, 255, 255, 0.8);
     font-size: 18px;
     transition: color 0.3s ease;
 }

 .footer-social a:hover {
     color: #fff;
 }

 /* .footer-logo {
     width: 90px;
     height: auto;
 }

 .footer-divider {
     position: absolute;
     right: 0;
     top: 20%;
     height: 60%;
     width: 1px;
     background-color: rgba(255, 255, 255, 0.15);
 } */

 .footer-logo-divider {
     position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .footer-logo {
     width: 90px;
     height: auto;
     margin-bottom: 70px;
 }

 .footer-divider {
     width: 1px;
     height: 350px;
     /* adjust as needed */
     background-color: rgba(255, 255, 255, 0.40);
     margin: 0 auto;
 }



 .left_side_footer_main_details_area {
     margin-top: 45px;
     border-top: 1px solid rgba(255, 255, 255, 0.40);
     padding-top: 80px;
     text-align: center;
 }

 .right_side_footer_main_details_area {
     margin-top: 45px;
     border-top: 1px solid rgba(255, 255, 255, 0.40);
     padding-top: 80px;
     text-align: center;
 }

 .footer_address_details h6 {
     color: rgba(255, 255, 255, 0.60);
     font-style: normal;
     font-weight: 500;
     line-height: 100%;
     margin-bottom: 35px;
 }

 .footer_address_details h5 {
     color: rgba(241, 241, 232, 0.90);
     text-align: center;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     margin-bottom: 0;
 }

 .footer_contact_details {
     display: block;
     position: relative;
     margin-top: 45px;
     margin-bottom: 45px;
 }

 .footer_contact_details h5 {
     color: rgba(241, 241, 232, 0.90);
     text-align: center;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     margin-bottom: 0;
 }


 .footer_social_details a i {
     font-size: 28px;
 }

 .footer_social_details {
     gap: 30px;
     display: flex;
     justify-content: center;
 }

 .right_side_footer_main_details_area ul li a {
     color: rgba(241, 241, 232, 0.90);
     text-align: center;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     margin-bottom: 0;
     font-size: 22px;
 }

 .footer_copyright_area {
     padding: 30px;
 }

 .home_showroom_details_single_area {
     display: block;
     position: relative;
     margin-bottom: 20px;

 }

 .home_showroom_details_single_area p {
     color: #86868B;
     font-style: normal;
     font-weight: 400;
     line-height: 100%;
     letter-spacing: 0.03em;
     text-transform: uppercase;
     margin-bottom: 15px;
     font-size: 14px;
 }

 .home_showroom_details_single_area h3 {
     background: linear-gradient(90deg, #121212 0%, #787878 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-style: normal;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 0;
 }

 .home_showroom_details_single_area h4 {
     background: linear-gradient(90deg, #121212 0%, #787878 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-style: normal;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 0;
     font-size: 28px;
 }

 .home_showroom_details_content_area {
     padding: 40px;
 }

 .home_showroom_location_details_area {
     display: flex;
     position: relative;
     gap: 22px;
     border-top: 1px solid #ddd;
     border-bottom: 1px solid #ddd;
     padding: 20px 0;
 }

 .home_showroom_location_details_area img {
     width: 32px !important
 }

 .home_showroom_location_details_area p {
     align-content: center;
     line-height: 120%;
 }










 .get-direction-btn {
     display: inline-flex;
     align-items: center;
     gap: 12px;
     background-color: #121212;
     color: #fff;
     font-size: 18px;
     font-weight: 400;
     text-decoration: none;
     padding: 12px 24px;
     border-radius: 12px;
     transition: all 0.35s ease;
     letter-spacing: 0.3px;
 }

 .get-direction-btn img {
     width: 26px !important;
     height: 26px !important;
     display: block;
     transition: transform 0.35s ease;
 }

 /* Hover effect — minimal yet modern */
 .get-direction-btn:hover {
     background-color: #000;
     transform: translateY(-2px);
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
     color: #86868B;
 }

 .get-direction-btn:hover .btn-icon {
     transform: translateX(4px);
 }

 .get-direction-btn:active {
     transform: translateY(0);
     box-shadow: none;
 }

 .home_showroom_direction_button {
     display: block;
     position: relative;
     margin-top: 20px;
 }







 /* about US Page */

 /* Our story */
 .about_our_story_image_area {
     display: block;
     position: relative;
     overflow: hidden;
 }


 .about_our_story_image_area img {
     max-width: 100%;
 }

 .our_story_main_content_area {
     display: block;
     position: relative;
 }

 .our_story_main_content_area h6 {
     letter-spacing: 0.50em;
     color: rgba(18, 18, 18, 0.80);
     line-height: 100%;
 }

 .our-story-text h4 {
     font-weight: 400;
     font-style: normal;
     font-size: 32px;
     line-height: 130%;
     color: #7a7a7a;
     text-indent: 180px;
     text-align: justify;
 }

 .our-story-text strong {
     font-weight: 400;
     color: #202020;
 }

 .see-how-link {
     display: flex;
     align-items: center;
     font-size: 14px;
     font-weight: 300;
     letter-spacing: 0.3em;
     color: #7a7a7a;
     text-decoration: none;
     margin-top: 60px;
     border-top: 1px solid #c0c0b7;
     padding: 1rem;
     border-bottom: 1px solid #c0c0b7;
     width: fit-content;
     gap: 0.5rem;
     transition: color 0.3s ease;
     cursor: pointer;
     width: 100% !important;
     justify-content: space-between;
 }

 .see-how-link:hover {
     color: #202020;
     text-decoration: none;
 }

 /* Our Philosophy */

 .about_philosophy_main_area {
     display: flex;
     flex-wrap: wrap;
     overflow: hidden;
 }

 .about_philosophy_image_area {
     flex: 1 1 50%;
 }

 .about_philosophy_image_area img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .about_philosophy_area {
     flex: 1 1 50%;
     background: #656549;
     padding: 120px 150px;
     position: relative;
     text-align: center;
     color: #cfcfc6;
 }

 .about_philosophy_area h6 {
     letter-spacing: 0.50em;
     color: #FFFFFFCC;
     margin-bottom: 20px;
 }

 .about_philosophy_area h3 {
     font-family: 'Monschone';
     font-weight: 400;
     text-transform: uppercase;
     color: #FFFFFF;
     margin-bottom: 10px;
     line-height: 1.2;
     padding-top: 80px;
 }

 .divider {
     width: 210px;
     height: 1px;
     margin: 50px auto;
     background: rgba(255, 255, 255, 0.4);
 }

 .philosophy-text p {
     font-family: "Hendriz";
     line-height: 1.4;
     color: #dad8ce;
     margin-bottom: 40px;
 }

 .quote-mark-left img {
     left: 90px;
     position: absolute;
     top: 185px;
     width: 49px;
 }

 .quote-mark-right img {
     right: 105px;
     top: 345px;
     position: absolute;
     width: 49px;
 }

 /* Our Promise */

 .our_promise_title_area {
     display: block;
     position: relative;
 }

 .our_promise_title_area h6 {
     letter-spacing: 0.50em;
     color: rgba(18, 18, 18, 0.80);
     line-height: 100%;
     ;
     margin-bottom: 40px;
 }

 .our_promise_title_area h2 {
     color: #121212;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 0;
 }

 .our_promise_subtitle::after {
     content: "";
     display: inline-block;
     width: 160px;
     height: 1px;
     background-color: rgba(18, 18, 18, 0.3);
     margin-left: 20px;
     vertical-align: baseline;
 }

 .our_promise_single_details_area .col-lg-3 {
     padding-left: 3px;
     padding-right: 3px;
 }

 .our_promise_single_details_area .col-lg-3:first-child {
     padding-left: 0;
 }

 .our_promise_single_details_area .col-lg-3:last-child {
     padding-right: 0;
 }

 .unique_promise_area {
     background-color: white;
     border-radius: 20px;
     padding: 40px;
 }

 .unique_promise_icon_area {
     display: block;
     position: relative;
     margin-bottom: 150px;
 }

 .unique_promise_icon_area img {
     width: 48px;
 }

 .unique_promise_content_area h4 {
     font-family: "Monschone", serif;
     font-style: normal;
     font-weight: 400;
     font-size: 30px;
     line-height: 120%;
     letter-spacing: -0.01rem;
     text-transform: uppercase;
     margin-bottom: 20px;
     background: linear-gradient(90deg, #121212, #787878);
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;

 }

 .unique_promise_content_area p {
     font-family: "Hendriz", serif;
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
     letter-spacing: -0.01rem;
     color: #81817D;
 }

 .unique_promise_hover_img {
     position: absolute;
     inset: 0;
     opacity: 0;
     transition: opacity .3s ease;
     z-index: 2;
 }

 .unique_promise_hover_img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .quality-img,
 .craftsmanship-img,
 .reliability-img,
 .technology-img {
     background-image: url(../upload/about/White.jpg);
     background-size: cover;
     position: relative;
     overflow: hidden;
 }


 .unique_promise_icon_area img,
 .unique_promise_content_area p,
 .unique_promise_content_area h4 {
     transition: all .35s ease;
     opacity: 1;
     transform: translateY(0);
 }

 .quality-img:hover {
     background-image: url(../upload/about/promise-01.webp);
     background-size: cover;
 }


 .craftsmanship-img:hover {
     background-image: url(../upload/about/promise-02.webp);
     background-size: cover;
 }

 .reliability-img:hover {
     background-image: url(../upload/about/promise-03.webp);
     background-size: cover;
 }

 .technology-img:hover {
     background-image: url(../upload/about/promise-04.webp);
     background-size: cover;
 }






 .quality-img:hover .unique_promise_icon_area img,
 .quality-img:hover .unique_promise_content_area p,
 .craftsmanship-img:hover .unique_promise_icon_area img,
 .craftsmanship-img:hover .unique_promise_content_area p,
 .reliability-img:hover .unique_promise_icon_area img,
 .reliability-img:hover .unique_promise_content_area p,
 .technology-img:hover .unique_promise_icon_area img,
 .technology-img:hover .unique_promise_content_area p {
     opacity: 0;
     transform: translateY(10px);
 }

 .quality-img:hover .unique_promise_content_area h4,
 .craftsmanship-img:hover .unique_promise_content_area h4,
 .reliability-img:hover .unique_promise_content_area h4,
 .technology-img:hover .unique_promise_content_area h4 {
     background: linear-gradient(90deg, #fff, #fff);
     -webkit-background-clip: text;
     background-clip: text;
     -webkit-text-fill-color: transparent;
     opacity: 1;
     transform: translateY(100px);
     text-transform: uppercase;
 }





 /* Hero Section */

 /* Background Image */
 .unique-bg {
     position: relative;
     display: block;
 }

 .unique-bg img {
     width: 100%;
 }


 /* Center Content */
 .unique-content {
     position: absolute;
     top: 45%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .unique-content img {
     width: 60px;
     margin-bottom: 40px;
 }

 /* Heading */
 .unique-content h3 {
     font-family: 'Monschone', serif;
     font-weight: 400;
     line-height: 110%;
     color: #FFFFFF;
     margin-bottom: 0;
 }


 /* our team */
 .our_team_title_area {
     display: block;
     position: relative;
 }

 .our_team_title_area h6 {
     letter-spacing: 0.50em;
     color: rgba(18, 18, 18, 0.80);
     line-height: 100%;
     ;
     margin-bottom: 40px;
 }

 .our_team_title_area h2 {
     color: #121212;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 0;
 }

 .our_team_subtitle::after {
     content: "";
     display: inline-block;
     width: 160px;
     height: 1px;
     background-color: rgba(18, 18, 18, 0.3);
     margin-left: 20px;
     vertical-align: baseline;
 }

 .unique_team_area {
     background-color: white;
     border-radius: 20px;
     padding: 50px 80px;
 }

 .unique_team_content_area h4 {
     font-family: "Hendriz", serif;
     font-style: normal;
     font-weight: 500;
     font-size: 38px;
     line-height: 120%;
     letter-spacing: -0.01rem;
     color: #121212;
     margin-bottom: 15px;
 }

 .unique_team_content_area p {
     font-family: "Hendriz", serif;
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
     letter-spacing: -0.01rem;
     color: #81817D;
     text-align: center;
 }

 .unique_team_image_area {
     padding: 40px;
     padding-bottom: 0;
 }

 .unique_team_image_area img {
     width: 100%;
 }

 .unique_team_social {
     display: none;
 }

 .unique_team_area {
     position: relative;
     overflow: hidden;
     transition: all .3s ease;
 }

 .unique_team_area:hover .unique_team_image_area img {
     transform: scale(0.9);
     cursor: pointer;
 }

 .unique_team_image_area img {
     transition: transform .4s ease;
 }

 .unique_team_social {
     display: flex !important;
     justify-content: center;
     gap: 30px;
     margin-top: 20px;
     opacity: 0;
     transform: translateY(10px);
     transition: all .35s ease;
 }

 .unique_team_area:hover .unique_team_social {
     opacity: 1;
     transform: translateY(0);
 }

 .unique_team_area:hover {
     transform: translateY(-8px);
 }





 /* our product */
 .product_title_area {
     display: block;
     position: relative;
 }

 .product_title_area h2 {
     color: #000000;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 0;
 }

 .product_title_area p.trending_note {
     font-family: 'Hendriz', serif;
     font-weight: 500;
     font-size: 16px;
     line-height: 140%;
     color: #121212;
     background-color: #F8F8F8;
     border-left: 3px solid #763030;
     padding: 15px 20px;
     margin-top: 20px;
     margin-bottom: 0;
     letter-spacing: 0.01rem;
 }

 .unique_product_area {
     background-color: white;
     padding: 18px 18px 25px 18px;
 }

 .unique_product_image_area {
     display: block;
     position: relative;
 }

 .unique_product_image_area img {
     width: 100%;
 }

 .unique_product_content_area {
     padding: 15px;
     padding-bottom: 0;
 }

 .unique_product_lable {
     background-color: #763030;
     color: #fff;
     position: absolute;
     padding: 5px 20px;
     top: 15px;
 }

 .unique_product_lable h6 {
     color: #FFF;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     letter-spacing: -0.01em;
     margin-bottom: 0;
 }

 .unique_product_content_area h5 {
     font-family: "Hendriz", serif;
     font-weight: 500;
     font-style: normal;
     line-height: 120%;
     letter-spacing: -0.01rem;
     color: #000000;
     margin-bottom: 5px;
 }

 .unique_product_content_area p {
     font-family: "Hendriz", serif;
     font-style: normal;
     font-weight: 400;
     line-height: 140%;
     letter-spacing: -0.01rem;
     color: #81817D;
 }

 .unique_product_link {
     display: block;
     text-decoration: none;
     color: inherit;
 }


 /* Product details page */
 .solution_nav_link {
     display: block;
     position: relative;
     background-color: #FAFAFA;
     border-bottom: 1px solid #efefef;
 }

 .solution_nav_link ul {
     display: flex;
     position: relative;
     justify-content: center;
     padding: 25px 0;
     margin-bottom: 0;
 }

 .solution_nav_link ul li {
     position: relative;
     display: inline-block;
     padding: 0px 10px;
     font-size: 17px;
     color: #121212CC;
     font-family: "Hendriz", serif;
     font-weight: 400;
     font-style: normal;
     line-height: 100%;
     letter-spacing: 0;
 }

 .product_main_image {
     display: block;
     position: relative;
 }

 .product_main_image img {
     width: 100%;
 }

 .pr-100 {
     padding-right: 100px;
 }

 .product_details_content_area {
     padding: 20px;
     padding-left: 0px;
     padding-right: 0px;
     border-bottom: 1px solid #CCCCCC;
     padding-top: 0;
 }

 .product_details_title_area {
     display: block;
     position: relative;
 }

 .product_details_title_area p {
     font-family: 'Hendriz', serif;
     font-weight: 400;
     font-style: normal;
     line-height: 120%;
     letter-spacing: 0.01rem;
     color: #81817D;
 }

 .product_details_title_area h2 {
     color: #121212;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     letter-spacing: -1px;
     margin-bottom: 20px;
 }

 .product_details_info_area {
     padding-top: 20px;
 }

 .product_details_info_area ul {
     padding-left: 0px;
     margin-bottom: 0px;
 }

 .product_details_info_area ul li {
     margin-bottom: 15px;
 }

 .product_details_info_area ul li strong {
     font-family: "Hendriz", serif;
     font-weight: 500;
     font-style: normal;
     font-size: 18px;
     line-height: 100%;
     letter-spacing: 0;
     color: #000;
 }

 .product_details_info_area ul li span {
     font-family: "Hendriz", serif;
     font-weight: 400;
     font-style: normal;
     font-size: 18px;
     line-height: 100%;
     letter-spacing: 0;
     color: #000;
 }




 /* slider product details */
 .product_details_slider {
     display: block;
     position: relative;

 }

 .slider-container {
     position: relative;
     width: 100%;
     max-width: 100%;
 }

 .main-slider img {
     width: 100%;
     /* border-radius: 10px; */
     display: block;
     transition: opacity 0.3s ease;
 }

 /* --- PERFECT THUMBNAIL POSITION --- */
 .thumbnail-row {
     position: absolute;
     bottom: 10px;
     right: 0;
     display: flex;
     gap: 8px;
     padding: 0px;
     margin-right: 40px;
     margin-bottom: 40px;
     overflow-x: auto;
     overflow-y: hidden;
     flex-wrap: nowrap;
     max-width: calc(100% - 80px);
     scrollbar-width: thin;
     scrollbar-color: rgba(255, 255, 255, 0.5) transparent;
     scroll-behavior: smooth;
     -webkit-overflow-scrolling: touch;
 }

 .thumbnail-row::-webkit-scrollbar {
     height: 6px;
 }

 .thumbnail-row::-webkit-scrollbar-track {
     background: transparent;
 }

 .thumbnail-row::-webkit-scrollbar-thumb {
     background: rgba(255, 255, 255, 0.5);
     border-radius: 3px;
 }

 .thumbnail-row::-webkit-scrollbar-thumb:hover {
     background: rgba(255, 255, 255, 0.7);
 }

 .thumbnail-row img {
     width: 70px;
     height: 70px;
     min-width: 70px;
     object-fit: cover;
     cursor: pointer;
     border: 2px solid #FFF;
     transition: 0.25s;
     flex-shrink: 0;
 }

 .thumbnail-row img:hover {
     opacity: 1;
 }

 .thumbnail-row img.active {
     opacity: 1;
 }



 /* APPLICATION AREA */
 .application_title_area {
     display: block;
     position: relative;
 }

 .application_title_area h6 {
     letter-spacing: 0.50em;
     color: rgba(18, 18, 18, 0.80);
     line-height: 100%;
     ;
     margin-bottom: 40px;
 }

 .application_title_area h2 {
     color: #121212;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 0;
 }

 .application_subtitle::after {
     content: "";
     display: inline-block;
     width: 140px;
     height: 1px;
     background-color: rgba(18, 18, 18, 0.3);
     margin-left: 20px;
     vertical-align: baseline;
 }

 .process_title_header {
     display: block;
     position: relative;
 }

 .process_title_header h6 {
     letter-spacing: 0.50em;
     color: rgba(18, 18, 18, 0.8);
     margin-bottom: 20px;
     text-transform: uppercase;
     margin-bottom: 40px;
 }

 .process_title_header h2 {
     color: #121212;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 0;
 }

 .process_animated_image {
     display: block;
     position: relative;
     border-radius: 20px;
     overflow: hidden;
 }

 .process_animated_image img {
     width: 100%;
 }

 .secondary_bg {
     background-color: #fff;
 }

 .unique_process_area {
     display: block;
     position: relative;
 }

 .unique_process_area h6 {
     letter-spacing: 0.50em;
     color: rgba(18, 18, 18, 0.80);
     line-height: 100%;
     margin-bottom: 40px;
     text-transform: uppercase;
 }

 .unique_process_area h2 {
     color: #121212;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 0;
 }




















 .timeline:before {
     content: '';
     position: absolute;
     height: 100%;
     left: 50%;
     width: 1px;
     top: -0;
     background: #CCCCCC;
     z-index: 1;
 }

 .progress-line {
     position: absolute;
     left: 50%;
     width: 1px;
     background: #763030;
     top: 0;
     height: 0;
     z-index: 2;
     transform: translateX(-50%);
     transition: height 0.1s linear;
 }

 .single_timeline_area {
     position: relative;
 }

 /* Number Circle */
 .single_timeline_area:before {
     content: attr(data-step);
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     top: -20px;
     width: 42px;
     height: 42px;
     background: #DDDDDD !important;
     /* FORCE DEFAULT GREY */
     color: #121212 !important;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 22px;
     font-weight: 400;
     z-index: 5;
     transition: all 0.3s ease;
 }

 .single_timeline_area.active:before {
     background: #763030 !important;
     color: #fff !important;
     transform: translateX(-50%) scale(1.05);
 }


 .timeline {
     position: relative;
     padding: 50px 0;
 }





 .timeline_content_area {
     border-top: 1px dashed #ccc;
     padding: 0 60px;

 }

 .timeline_content_area h3 {
     text-align: left;
     font-style: normal;
     font-weight: 400;
     font-family: 'Monschone';
     line-height: 100%;
     text-transform: uppercase;
     background: linear-gradient(90deg, #121212 0%, #787878 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     margin-bottom: 30px;

     margin-top: 60px;
 }

 .timeline_content_area p {
     color: #81817D;
     font-style: normal;
     font-weight: 400;
     letter-spacing: 0.01em;
     margin-bottom: 18px;
 }

 .timeline_content_area ul {
     margin-bottom: 0;
 }

 .timeline_content_area ul li {
     font-size: 17px;
     color: #81817D;
     font-style: normal;
     font-weight: 400;
     letter-spacing: 0.01em;
     list-style-type: disc;
 }

 .timeline_right_side.timeline_image_area {
     padding-left: 60px;
 }

 .timeline_left_side.timeline_image_area {
     padding-right: 60px;
 }

 .timeline_image_area img {
     width: 100%;
     border-radius: 8px;
 }











 .single_slab_filter_area {
     position: relative;
 }

 .single_slab_filter_area select,
 .search_input_area input {
     height: 58px;
     padding: 0 45px 0 25px;
     line-height: 58px;
     background: #ffffff;
     border-radius: 12px;
     border: none;
     box-shadow: 0px 0px 0px 1px #E8E8E8 inset;
     font-size: 17px;
     width: 100%;
     cursor: pointer;
 }

 .single_slab_filter_area select {
     appearance: none;
     -webkit-appearance: none;
     padding-right: 45px;
 }

 .single_slab_filter_area::after {
     content: "";
     position: absolute;
     right: 18px;
     top: 50%;
     transform: translateY(-50%);
     width: 14px;
     height: 14px;
     pointer-events: none;
     background-repeat: no-repeat;
     background-size: contain;

     /* Bootstrap Icons: chevron-down (SVG as data-URL) */
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23555' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
 }


 .search_input_area .search_icon {
     position: absolute;
     right: 24px;
     top: 50%;
     transform: translateY(-50%);
     font-size: 16px;
     color: #555;
 }

 .search_input_area {
     min-width: 200px;
 }

 .search_input_area input {
     background: #ffffff;
     border-radius: 12px;
     border: none;
     box-shadow: 0px 0px 0px 1px #E8E8E8 inset;
     padding: 18px 45px 18px 25px;
     font-size: 17px;
     line-height: 100%;
     width: 100%;
     margin-bottom: 0;
     color: #121212;
 }

 .search_input_area input::placeholder {
     color: rgba(0, 0, 0, 0.3);
     font-size: 17px;
 }

 .search_input_area .search_icon {
     position: absolute;
     right: 12px;
     top: 50%;
     transform: translateY(-50%);
     font-size: 14px;
     color: #555;
 }

 .slab_filter_area .col-lg-20 {
     padding-left: 10px;
     padding-right: 10px;
 }

 .slab_filter_area .col-lg-20:first-child {
     padding-left: 0;
 }

 .slab_filter_area .col-lg-20:last-child {
     padding-right: 0;
 }

 .search_input_area {
     position: relative;
     /* ADD THIS */
     min-width: 200px;
 }


 .application-grid {
     display: flex;
     justify-content: space-between;
     align-items: center;
     gap: 50px;
     padding: 40px 0;
     max-width: 1200px;
     margin: 0 auto;
 }

 .application-item {
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .application-item img {
     width: 100%;
     height: 56px;
     margin-bottom: 24px;
 }

 .application-item p {
     font-weight: 400;
     color: #121212;
     margin: 0;
     letter-spacing: -0.01em;
 }


 .application-grid {
     display: grid;
     grid-template-columns: repeat(6, 1fr);
     /* Desktop: 6 in a row */
     gap: 50px 30px;
     /* row-gap / column-gap */
     padding: 40px 0;
     max-width: 1200px;
     margin: 0 auto;
 }

 /* Tablet (3 per row) */
 @media (max-width: 1024px) {
     .application-grid {
         grid-template-columns: repeat(3, 1fr);
         gap: 40px 20px;
     }
 }

 /* Mobile (2 per row) */
 @media (max-width: 768px) {
     .application-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 30px 60px;
     }
 }

 /* Small Mobile (1 per row) — optional */
 @media (max-width: 480px) {
     .application-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 25px 60px;
     }
 }

 .application-item {
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: center;
 }

 .application-item img {
     width: auto;
     height: 56px;
     margin-bottom: 16px;
 }

 .application-item p {
     font-weight: 400;
     color: #121212;
     margin: 0;
     letter-spacing: -0.01em;
 }




 /* showrooms page css */

 /* showrooms filter */
 .search-wrapper {
     width: 100%;
     margin: 0 auto;
     position: relative;
     display: flex;
     gap: 10px;
 }

 .city-search-input {
     width: 100% !important;
     padding: 18px !important;
     font-size: 13px !important;
     border: none !important;
     border-radius: 12px !important;
     background-color: #ffffff !important;
     outline: none !important;
     font-size: 20px !important;
     margin-bottom: 0px !important;
     padding-left: 32px !important;
 }

 .city-search-input::placeholder {
     color: rgba(0, 0, 0, 0.3);
     font-size: 20px;
 }

 .suggestion-box {
     width: 100%;
     background: #fff;
     position: absolute;
     top: 63px;
     left: 0;
     border-radius: 0 0 10px 10px;
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
     display: none;
     max-height: 250px;
     overflow-y: auto;
     z-index: 999;
     font-size: 20px !important;
 }

 .suggestion-item {
     padding: 15px 15px;
     font-size: 20px;
     cursor: pointer;
     border-bottom: 1px solid #f1f1f1;
 }

 .suggestion-item:last-child {
     border-bottom: none;
     font-size: 20px;
 }

 .suggestion-item:hover {
     background: #d0d0d0ff;
 }

 .suggestion-item.active {
     background: #f2f2f2;
     color: #111;
 }

 .btnSearch {
     background-color: #763030;
     color: #FFFFFF;
     border-radius: 12px;
     font-size: 20px;
     padding: 0 40px;
 }

 .search_current_location {
     text-align: center;
     margin-top: 10px;
 }

 .search_current_location a {
     color: #B14848;
     font-family: "Hendriz";
     font-weight: 500;
     font-style: normal;
     font-size: 18px;
     line-height: 120%;
     letter-spacing: 0.01rem;
 }


 /* showroom details */
 .showroom_details_content_area {
     /* padding: 20px; */
     padding-left: 0px;
     padding-right: 0px;
     /* border-bottom: 1px solid #CCCCCC; */
     text-align: center;
 }

 .showroom_details_content_area {
     display: block;
     position: relative;
 }

 .showroom_details_content_area p {
     font-family: 'Hendriz', serif;
     font-weight: 400;
     font-style: normal;
     line-height: 120%;
     letter-spacing: 0.01rem;
     color: #81817D;
 }

 .showroom_details_content_area h2 {
     color: #121212;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     letter-spacing: -1px;
     margin-bottom: 20px;
 }

 /* .sustainable_content_subheader {
     border: 1px solid #000000;
     width: max-content;
     padding: 16px 26px;
     border-radius: 50px;
     margin-top: 40px;
     margin-bottom: 35px;
     justify-self: center;
 }

 .sustainable_content_subheader p {
     color: #000;
     margin-bottom: 0;
 } */


 .sustainable_btn {
     border: 1px solid #000000;
     background: transparent;
     width: max-content;
     padding: 10px 40px;
     border-radius: 50px;
     margin-top: 40px;
     margin-bottom: 35px;
     justify-self: center;
     cursor: pointer;

     /* Remove default button styles */
     outline: none;
     /* font: inherit; */
 }

 .sustainable_btn span {
     color: #000;
     font-family: "Hendriz";
     font-size: 18px;
 }

 .sustainable_btn:hover {
     border: 1px solid #000000 !important;
 }

 .showroom_address_area {
     padding-top: 40px;
     padding-bottom: 40px;
     border-bottom: 1px solid rgba(221, 221, 221, 1);
 }

 .showroom_address_area h3 {
     font-family: "Hendriz";
     font-weight: 400;
     font-style: normal;
     line-height: 120%;
     letter-spacing: 0.01rem;
     color: #121212;
     margin-bottom: 25px;
 }

 .showroom_address_area p {
     font-family: "Hendriz";
     font-weight: 400;
     font-style: normal;
     line-height: 120%;
     letter-spacing: 0.01rem;
     color: #81817D;
 }

 .showroom_contact_area {
     padding-top: 40px;
     padding-bottom: 40px;
     border-bottom: 1px solid rgba(221, 221, 221, 1);
 }

 .showroom_contact_area h3 {
     font-family: "Hendriz";
     font-weight: 400;
     font-style: normal;
     line-height: 120%;
     letter-spacing: 0.01rem;
     color: #121212;
     margin-bottom: 25px;
 }

 .showroom_contact_email,
 .showroom_contact_mobile {
     display: flex;
     position: relative;
     justify-content: space-between;
     padding: 15px 0;
 }

 .label p {
     font-family: "Hendriz";
     font-weight: 400;
     font-style: normal;
     color: #81817D;
     line-height: 120%;
     letter-spacing: 0.01rem;
 }

 .value a {
     font-family: 'Hendriz', serif;
     font-weight: 400;
     font-style: normal;
     font-size: 18px;
     line-height: 120%;
     letter-spacing: 0.01rem;
     color: #545454;
     text-align: right;
     word-break: break-all;
     /* text-decoration: underline; */
 }


 .showroom_working_hours_area {
     padding-top: 40px;
     padding-bottom: 40px;
     /* border-bottom: 1px solid rgba(221, 221, 221, 1); */
 }

 .showroom_working_hours_area h3 {
     font-family: "Hendriz";
     font-weight: 400;
     font-style: normal;
     line-height: 120%;
     letter-spacing: 0.01rem;
     color: #121212;
     margin-bottom: 25px;
 }

 .showroom_working_hours_email {
     padding: 15px 0;
 }

 .label p {
     font-family: "Hendriz";
     font-weight: 400;
     font-style: normal;
     color: #81817D;
     line-height: 120%;
     letter-spacing: 0.01rem;
 }

 .value p {
     font-family: 'Hendriz', serif;
     font-weight: 400;
     font-style: normal;
     line-height: 120%;
     letter-spacing: 0.01rem;
     color: #545454;
     text-align: right;
     word-break: break-all;
     /* text-decoration: underline; */
 }

 /* Highlight today */
 .showroom_working_hours_email.active-day p {
     color: #B14848 !important;
 }


 .showroom_map_button {
     border: 1px solid #000000;
     background: transparent;
     width: 100%;
     padding: 10px 40px;
     border-radius: 50px;

     justify-self: center;
     cursor: pointer;

     /* Remove default button styles */
     outline: none;
     /* font: inherit; */
 }

 .showroom_map_button span {
     color: #000;
     font-family: "Hendriz";
     font-size: 18px;
 }

 .showroom_map_button:hover {
     border: 1px solid #000000 !important;
 }

 .showroom_map_wrapper {
     width: 100%;
     height: 100%;
     min-height: 450px;
     border-radius: 8px;
     overflow: hidden;
 }








 /* envelope  */
 .mail_envelop_area {
     display: block;
     position: relative;
     background-color: #FFFFFF;
     padding: 80px 0;
     border-radius: 20px;
     padding-top: 0;
 }

 .mail_envelop_header_area {
     display: block;
     position: absolute;
     left: 50%;
     transform: translate(-50%, -0%);
     top: 80px;
 }

 .mail_envelop_header_area h6 {
     letter-spacing: 0.50em;
     color: rgba(18, 18, 18, 0.80);
     line-height: 100%;
     margin-bottom: 20px;
     text-align: center;
 }

 .mail_envelop_header_area h2 {
     color: #121212;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 0;
     text-align: center;
 }

 .mail_envelop_form_image_area {
     display: block;
     position: relative;
     text-align: center;
     text-align: -webkit-center;

 }

 .mail_envelop_form_image_area {
     width: 100%;
     margin-top: 250px;

 }

 .mail_envelop_left_element {
     display: block;
     position: absolute;
     left: 0;
     bottom: 0;
     z-index: -1;
 }

 .mail_envelop_left_element img {
     transform: scaleX(-1);
     width: 150px;
 }

 .mail_envelop_right_element img {
     max-width: 150px;
 }

 .mail_envelop_right_element {
     display: block;
     position: absolute;
     right: 0;
     bottom: 0;
     z-index: -1;
 }

 .envelope {
     justify-self: center;
     align-items: center;
     width: 600px;
     height: 300px;
     background-color: #763030;
     position: relative;
     cursor: pointer;
     z-index: 1;
     transition: all 400ms ease-in-out;
     border-radius: 6px;
     overflow: visible;
 }

 .envelope:before,
 .envelope:after {
     content: "";
     position: absolute;
     top: 0;
     z-index: 3;
     border-bottom: 300px solid #763030;
     width: 0;
     height: 0;
 }

 .envelope:before {
     right: 0;
     border-left: 600px solid transparent;
     border-bottom-left-radius: 50px;
 }

 .envelope:after {
     left: 0;
     border-right: 600px solid transparent;
     border-bottom-right-radius: 50px;
 }

 .back {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     z-index: -1;
     transform-origin: top;
     border-top: 180px solid #763030;
     border-left: 300px solid transparent;
     border-right: 300px solid transparent;
     transition: transform 500ms ease-in-out;
     transform: rotateX(180deg);
     pointer-events: none;
 }

 .letter {
     position: relative;
     top: 0;
     padding: 40px;
     width: 500px;
     height: 200px;
     overflow: hidden;
     z-index: 2;
     margin: 0 auto;
     background-color: #FFFFFF;
     background-image: url("https://www.transparenttextures.com/patterns/asfalt-light.png");
     transition: top 500ms ease-in-out, height 500ms ease-in-out;
     border: 1px solid #fff;
     border-radius: 12px;
     box-shadow: 3px 2px 120px 2px rgba(0, 0, 0, 0.08);
 }

 .name-input,
 .email-input,
 .image-input,
 .message-textarea {
     width: 100%;
     display: block;
     /* margin-top: 10px; */
     margin-bottom: 10px;
     padding: 5px;
     background: none;
     outline: none;
     color: #7c7873;
     border: 1px solid #e2e2e2 !important;
     border-radius: 5px;
 }

 input::placeholder {
     color: #7c7873;
     font-family: "Hendriz";
     font-weight: 400;
     font-size: 14px;
     font-style: normal;
     line-height: 120%;
     opacity: 1;
     letter-spacing: 0.01rem;

 }

 textarea::placeholder {
     color: #7c7873;
     font-family: "Hendriz";
     font-weight: 400;
     font-size: 14px;
     font-style: normal;
     line-height: 120%;
     opacity: 1;
     letter-spacing: 0.01rem;
     padding-left: 20px;
     padding-top: 15px;
 }

 #contactForm input[type="password"],
 #contactForm input[type="email"],
 #contactForm input[type="text"],
 #contactForm input[type="file"],
 #contactForm textarea,
 #contactForm .message-textarea {
     padding-left: 12px;
     padding-top: 6px;
 }

 #contactForm input[type="text"]::placeholder,
 #contactForm input[type="email"]::placeholder,
 #contactForm textarea::placeholder,
 #contactForm label::placeholder {
     color: #7c787365;
     font-family: "Hendriz";
     font-weight: 400;
     font-size: 14px;
     font-style: normal;
     line-height: 120%;
     opacity: 1;
     letter-spacing: 0.01rem;
     padding-left: 0 !important;
     padding-top: 0;
 }

 input:focus,
 textarea:focus {
     background-color: #FFFFFF;
 }


 .btn-envelop-send {
     color: #FFFFFF;
     cursor: pointer;
     text-transform: uppercase;
     padding: 8px 12px;
     border-radius: 4px;
     background-color: #000000;
     border: 1px solid #000000;
     display: block;
     margin: 12px auto 0;
     width: 100%;
     line-height: 1.2em;
 }


 .envelope.open .letter {
     top: -400px;
     height: 600px;
 }

 /* Close icon button */
 .close-btn {
     position: absolute;
     top: 10px;
     right: 15px;
     background: none;
     border: none;
     font-size: 26px;
     color: #50748B;
     cursor: pointer;
     z-index: 5;
     display: none;
     padding: 0;
     line-height: 1;
 }

 .close-btn:hover {
     color: #2c3e50;
 }

 .envelope.open .close-btn {
     display: block;
 }

 .mail_envelop_logo {
     display: block;
     position: relative;
     text-align: center;
     /* padding-bottom: 30px; */
 }

 .mail_envelop_logo img {
     max-width: 50px;
     max-height: 110px;
 }

 .card_envelop_header_area {
     display: block;
     position: relative;
 }

 .card_envelop_header_area p {
     letter-spacing: 0;
     color: #81817D;
     line-height: 100%;
     margin-bottom: 20px;
     text-align: center;
 }

 .card_envelop_header_area h3 {
     color: #121212;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 0;
     text-align: center;
 }

 .file-upload-wrapper-envelop {
     width: 100%;
     border: 1px solid #e2e2e2;
     border-radius: 8px;
     padding: 14px 20px;
     position: relative;
     background: #f7f7f7;
     cursor: pointer;
 }

 .file-upload-label-envelop {
     color: #7c787365;
     font-family: "Hendriz";
     font-weight: 400;
     font-size: 14px;
     font-style: normal;
     line-height: 120%;
     opacity: 1;
     letter-spacing: 0.01rem;
 }

 .file-upload-input-envelop {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     cursor: pointer;
 }

 /* Form Validation Styles */
 .error-border {
     border: 1px solid red !important;
 }

 #contactForm .error-border::placeholder {
     color: red !important;
     opacity: 1 !important;
 }

 #contactForm .error-border::-webkit-input-placeholder {
     color: red !important;
 }

 #contactForm .error-border::-moz-placeholder {
     color: red !important;
 }

 #contactForm .error-border:-ms-input-placeholder {
     color: red !important;
 }

 .error-text {
     color: red !important;
 }

 .error-border .file-upload-label-envelop {
     color: red !important;
 }

 .file-upload-wrapper {
     width: 100%;
     border: 1px dashed #e2e2e2;
     border-radius: 8px;
     padding: 14px 20px;
     position: relative;
     /* background: #fff; */
     cursor: pointer;
 }

 .file-upload-label {
     color: #7c7873;
     font-family: "Hendriz";
     font-weight: 400;
     font-size: 14px;
     font-style: normal;
     line-height: 120%;
     opacity: 1;
     letter-spacing: 0.01rem;
 }

 .file-upload-input {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     cursor: pointer;
 }


 /* =========================================
   CONTACT PAGE STYLES
   ========================================= */

 .contact_hero_area {
     height: 60vh;
     width: 100%;
     position: relative;
     overflow: hidden;
 }

 .contact_hero_image {
     width: 100%;
     height: 100%;
     position: relative;
 }

 .contact_hero_image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
 }

 .contact_hero_overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.4);
     z-index: 1;
 }

 .contact_hero_content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
     color: #fff;
     z-index: 2;
     width: 100%;
 }

 .contact_hero_content h1 {
     font-family: 'Monschone';
     margin-bottom: 0;
     font-size: 60px;
 }


 /* 
 .contact_single_item Specificity: (0, 1, 0) {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background-color: #FFF;
    padding: 18px;
    border-radius: 20px;
} */
 /* Contact Details */
 .contact_details_list {
     margin-top: 40px;
     display: flex;
     flex-direction: column;
     gap: 30px;
 }

 .contact_single_item {
     display: flex;
     align-items: flex-start;
     gap: 20px;
 }

 .contact_single_item .icon_box {
     width: 50px;
     height: 50px;
     background-color: #F1F1E8;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     color: #121212;
     font-size: 18px;
     transition: all 0.3s ease;
     border: 1px solid #000;
 }

 .contact_single_item:hover .icon_box {
     background-color: #121212;
     color: #fff;
 }

 .contact_single_item .content_box h5 {
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 5px;
     color: #121212;
 }

 .contact_single_item .content_box p,
 .contact_single_item .content_box p a {
     color: #81817D;
     font-size: 16px;
     line-height: 1.5;
     text-decoration: none;
     transition: color 0.3s ease;
 }

 .contact_single_item .content_box p a:hover {
     color: #121212;
 }

 /* Contact Form */
 .contact_form_wrapper {
     background: #fff;
     padding: 40px;
     border-radius: 20px;
     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
     border: 1px solid rgba(18, 18, 18, 0.05);
 }

 .contact_page_form .form-group {
     margin-bottom: 25px;
 }

 .contact_page_form label {
     display: block;
     margin-bottom: 8px;
     font-weight: 500;
     color: #121212;
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 .contact_page_form .form-control {
     width: 100%;
     padding: 15px 20px;
     background: #F9F9F9;
     border: 1px solid transparent;
     border-radius: 8px;
     font-size: 16px;
     color: #121212;
     transition: all 0.3s ease;
 }

 .contact_page_form .form-control:focus {
     background: #fff;
     border-color: #121212;
     outline: none;
     box-shadow: none;
 }

 .contact_page_form textarea.form-control {
     resize: vertical;
     min-height: 120px;
 }

 /* File Upload Design */
 .file-upload-wrapper {
     position: relative;
     width: 100%;
     height: 100px;
     background: #F9F9F9;
     border: 1px solid rgba(18, 18, 18, 0.1);
     border-radius: 12px;
     transition: all 0.3s ease;
     cursor: pointer;
     overflow: hidden;
     padding: 0;
 }

 .file-upload-inner {
     display: flex;
     align-items: center;
     padding: 0 20px;
     height: 100%;
     gap: 20px;
 }

 .file-upload-inner i {
     font-size: 32px;
     color: #888;
     transition: color 0.3s ease;
 }

 .file-upload-text {
     flex-grow: 1;
     display: flex;
     flex-direction: column;
 }

 .file-upload-title {
     font-size: 16px;
     font-weight: 500;
     color: #121212;
 }

 .file-upload-subtitle {
     font-size: 13px;
     color: #888;
 }

 .file-name-display {
     font-size: 14px;
     color: #121212;
     background: #eee;
     padding: 5px 15px;
     border-radius: 50px;
     max-width: 200px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     transition: all 0.3s ease;
 }

 .file-name-display.has-file {
     background: #121212;
     color: #fff;
 }

 .file-input {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     cursor: pointer;
     z-index: 10;
 }

 .file-upload-wrapper:hover {
     background: #FFFFFF;
     border-color: #121212;
     transform: translateY(-2px);
 }

 .file-upload-wrapper:hover .file-upload-inner i {
     color: #121212;
 }

 /* Bootstrap Modal Overrides */
 .modal-content {
     border-radius: 24px !important;
     border: none !important;
 }

 .modal-header .btn-close:focus {
     box-shadow: none !important;
 }


 .btn-contact-submit {
     background: #121212;
     color: #fff;
     border: none;
     padding: 15px 35px;
     border-radius: 50px;
     font-size: 16px;
     font-weight: 500;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     gap: 10px;
     transition: all 0.3s ease;
 }

 .btn-contact-submit:hover {
     background: #333;
     transform: translateY(-2px);
 }

 .btn-contact-submit i {
     transition: transform 0.3s ease;
 }

 .btn-contact-submit:hover i {
     transform: translateX(5px);
 }

 /* Map Section */
 .map_section {
     width: 100%;
     line-height: 0;
     /* Remove bottom space */
 }

 .map_section iframe {
     filter: grayscale(100%);
     /* Matches the premium/minimal aesthetic */
     transition: filter 0.5s ease;
 }

 .map_section:hover iframe {
     filter: grayscale(0%);
 }

 /* Responsive Adjustments */
 @media (max-width: 991px) {
     .contact_hero_area {
         height: 50vh;
     }

     .contact_hero_content h1 {
         font-size: 40px;
     }

     .contact_form_wrapper {
         padding: 30px;
         margin-top: 50px;
     }
 }


 /* ========== DESIGN ESSENTIALS GALLERY ========== */


 /* ========== DESIGN ESSENTIALS GALLERY ========== */
 .gallery-item {
     position: relative;
     overflow: hidden;
     cursor: pointer;
     border-radius: 8px;
     height: 100%;
 }

 .gallery-item img.design-img {
     width: 100%;
     height: 350px;
     object-fit: cover;
     display: block;
     transition: transform 0.5s ease;
 }

 .gallery-item:hover img.design-img {
     transform: scale(1.1);
 }

 .gallery-overlay {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
     padding: 30px 20px 20px;
     /* transform: translateY(100%); */
     /* transition: transform 0.4s ease; */
 }

 .gallery-item:hover .gallery-overlay {
     transform: translateY(0);
 }

 .gallery-overlay h4 {
     color: #fff;
     font-size: 20px;
     font-weight: 500;
     margin: 0;
     letter-spacing: 0.5px;
 }

 /* Lightbox Modal */
 .lightbox-modal {
     display: none;
     position: fixed;
     z-index: 9999;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.95);
     justify-content: center;
     align-items: center;
 }

 .lightbox-content {
     max-width: 90%;
     max-height: 90%;
     object-fit: contain;
     animation: zoomIn 0.3s ease;
 }

 @keyframes zoomIn {
     from {
         transform: scale(0.8);
         opacity: 0;
     }

     to {
         transform: scale(1);
         opacity: 1;
     }
 }

 .close-lightbox {
     position: absolute;
     top: 30px;
     right: 40px;
     color: #fff;
     font-size: 40px;
     font-weight: 300;
     cursor: pointer;
     transition: color 0.3s ease;
     z-index: 10000;
 }

 .close-lightbox:hover {
     color: #E31E24;
 }

 #lightbox-caption {
     position: absolute;
     bottom: 30px;
     left: 50%;
     transform: translateX(-50%);
     color: #fff;
     font-size: 18px;
     text-align: center;
     padding: 10px 20px;
     background: rgba(0, 0, 0, 0.7);
     border-radius: 5px;
 }

 /* Responsive Design */
 @media screen and (max-width: 991px) {
     .gallery-item img.design-img {
         height: 300px;
     }

     .gallery-overlay h4 {
         font-size: 18px;
     }
 }

 @media screen and (max-width: 767px) {
     .gallery-item img.design-img {
         height: 280px;
     }

     .gallery-overlay {
         padding: 20px 15px 15px;
     }

     .gallery-overlay h4 {
         font-size: 16px;
     }

     .close-lightbox {
         top: 20px;
         right: 20px;
         font-size: 35px;
     }

     #lightbox-caption {
         font-size: 16px;
         bottom: 20px;
     }
 }

 @media screen and (max-width: 576px) {
     .gallery-item img.design-img {
         height: 250px;
     }

     .section-padding {
         padding: 60px 0;
     }
 }












 /* ========================================
   BLOG LISTING PAGE STYLES
   ======================================== */

 .blog-grid {
     display: flex;
     flex-wrap: wrap;
 }

 /* Blog Card Styles */
 .blog-card {
     background: #fff;
     border-radius: 12px;
     overflow: hidden;
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
     height: 100%;
     display: flex;
     flex-direction: column;
 }

 .blog-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
 }

 .blog-card-image {
     position: relative;
     width: 100%;
     height: 280px;
     overflow: hidden;
 }

 .blog-card-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .blog-card:hover .blog-card-image img {
     transform: scale(1.08);
 }

 .blog-card-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
     opacity: 0;
     transition: opacity 0.4s ease;
 }

 .blog-card:hover .blog-card-overlay {
     opacity: 1;
 }

 .blog-card-content {
     padding: 30px;
     flex: 1;
     display: flex;
     flex-direction: column;
 }

 .blog-meta {
     display: flex;
     gap: 20px;
     margin-bottom: 16px;
     flex-wrap: wrap;
 }

 .blog-meta span {
     color: #81817D;
     font-size: 14px;
     font-weight: 400;
     display: flex;
     align-items: center;
     gap: 6px;
 }

 .blog-meta i {
     color: #763030;
     font-size: 13px;
 }

 .blog-date,
 .blog-author {
     display: inline-flex;
     align-items: center;
 }

 .blog-title {
     color: #121212;
     font-size: 24px;
     font-weight: 500;
     line-height: 130%;
     margin-bottom: 14px;
     font-family: 'Monschone', serif;
     text-transform: uppercase;
     transition: color 0.3s ease;
 }

 .blog-card:hover .blog-title {
     color: #763030;
 }

 .blog-excerpt {
     color: #81817D;
     font-size: 16px;
     line-height: 150%;
     margin-bottom: 24px;
     flex: 1;
 }

 /* Blog Read More Button */
 .blog-read-more {
     display: inline-flex;
     align-items: center;
     justify-content: space-between;
     background-color: #F1F1E8;
     color: #000000;
     font-family: "Inter", sans-serif;
     font-size: 15px;
     font-weight: 400;
     text-decoration: none;
     padding: 10px 10px 10px 20px;
     border-radius: 50px;
     gap: 12px;
     overflow: hidden;
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     align-self: flex-start;
 }

 .blog-read-more .icon {
     width: 36px;
     height: 36px;
     background-color: #763030;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .blog-read-more .icon img {
     width: 16px;
     height: 16px;
     transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .blog-read-more:hover {
     background-color: #fff;
     transform: translateX(4px);
 }

 .blog-read-more:hover .icon {
     transform: translateX(4px);
 }

 .blog-read-more:hover .icon img {
     transform: translateX(2px);
 }

 /* ========================================
   BLOG DETAIL PAGE STYLES
   ======================================== */

 /* .blog-detail-header {
    position: relative;
    height: 70vh;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.blog-detail-header-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.blog-detail-header-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-detail-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 100%);
    z-index: 2;
}

.blog-detail-header-content {
    position: relative;
    z-index: 3;
    color: #fff;
    text-align: center;
    padding: 40px 20px;
}

.blog-detail-breadcrumb {
    margin-bottom: 24px;
}

.blog-detail-breadcrumb a {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    padding: 8px 16px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
}

.blog-detail-breadcrumb a:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateX(-4px);
}

.blog-detail-header-content h1 {
    font-family: 'Monschone', serif;
    font-size: 56px;
    font-weight: 400;
    line-height: 110%;
    text-transform: uppercase;
    margin-bottom: 24px;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.blog-detail-meta {
    display: flex;
    gap: 30px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.blog-detail-meta span {
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.blog-detail-meta i {
    color: #763030;
}

.blog-detail-content {
    background: #fff;
} */

 .blog-content-wrapper {
     background: #fff;
     padding: 60px 40px;
     border-radius: 12px;
     box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
 }

 .blog-content-wrapper h3 {
     color: #121212;
     font-family: 'Monschone', serif;
     font-size: 32px;
     font-weight: 400;
     line-height: 130%;
     text-transform: uppercase;
     margin-top: 40px;
     margin-bottom: 20px;
 }

 .blog-content-wrapper h3:first-child {
     margin-top: 0;
 }

 .blog-content-wrapper p {
     color: #4A4A4A;
     font-size: 18px;
     line-height: 170%;
     margin-bottom: 24px;
 }

 .blog-content-wrapper strong {
     color: #121212;
     font-weight: 600;
 }

 .blog-content-wrapper ul,
 .blog-content-wrapper ol {
     margin-bottom: 24px;
     padding-left: 24px;
 }

 .blog-content-wrapper li {
     color: #4A4A4A;
     font-size: 18px;
     line-height: 170%;
     margin-bottom: 12px;
 }

 .blog-content-wrapper img {
     max-width: 100%;
     height: auto;
     border-radius: 8px;
     margin: 30px 0;
 }

 /* Blog Share Section */
 .blog-share-section {
     margin-top: 60px;
     padding-top: 40px;
     border-top: 1px solid rgba(18, 18, 18, 0.1);
 }

 .blog-share-section h5 {
     color: #121212;
     font-size: 20px;
     font-weight: 500;
     margin-bottom: 20px;
 }

 .blog-share-buttons {
     display: flex;
     gap: 12px;
     flex-wrap: wrap;
 }

 .share-btn {
     width: 48px;
     height: 48px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #fff;
     text-decoration: none;
     transition: all 0.3s ease;
     font-size: 18px;
 }

 .share-btn:hover {
     transform: translateY(-4px);
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
 }

 .share-btn.facebook {
     background: #1877F2;
 }

 .share-btn.twitter {
     background: #1DA1F2;
 }

 .share-btn.linkedin {
     background: #0A66C2;
 }

 .share-btn.email {
     background: #EA4335;
 }

 /* Related Blogs Section */
 .related-blogs-section {
     background: #F9F9F9;
     padding-top: 80px;
 }


 /* ========================================
   BLOG DETAIL PAGE - REDESIGNED STYLES
   ======================================== */

 .blog-detail-section {
     background: #fff;
 }

 /* Blog Title Area */
 .blog-detail-title-area {
     margin-bottom: 40px;
     padding-bottom: 30px;
     border-bottom: 1px solid rgba(18, 18, 18, 0.1);
     justify-items: center;
 }

 .blog-detail-title {
     color: #121212;
     font-family: 'Monschone', serif;
     font-size: 48px;
     font-weight: 400;
     line-height: 120%;
     text-transform: uppercase;
     margin-bottom: 20px;
 }

 .blog-detail-meta-info {
     display: flex;
     gap: 20px;
     align-items: center;
 }

 .blog-detail-date {
     color: #81817D;
     font-size: 16px;
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .blog-detail-date i {
     color: #763030;
     font-size: 15px;
 }

 /* Blog Image */
 .blog-detail-image-wrapper {
     margin-bottom: 50px;
     border-radius: 12px;
     overflow: hidden;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
 }

 .blog-detail-main-image {
     width: 100%;
     height: auto;
     display: block;
     object-fit: cover;
 }

 /* Blog Description/Content */
 .blog-detail-description {
     color: #4A4A4A;
     font-size: 18px;
     line-height: 180%;
     margin-bottom: 50px;
 }

 .blog-detail-description h3 {
     color: #121212;
     font-family: 'Monschone', serif;
     font-size: 32px;
     font-weight: 400;
     line-height: 130%;
     text-transform: uppercase;
     margin-top: 40px;
     margin-bottom: 20px;
 }

 .blog-detail-description h3:first-child {
     margin-top: 0;
 }

 .blog-detail-description p {
     color: #4A4A4A;
     font-size: 18px;
     line-height: 180%;
     margin-bottom: 24px;
 }

 .blog-detail-description strong,
 .blog-detail-description b {
     color: #121212;
     font-weight: 600;
 }

 .blog-detail-description ul,
 .blog-detail-description ol {
     margin-bottom: 24px;
     padding-left: 30px;
 }

 .blog-detail-description li {
     color: #4A4A4A;
     font-size: 18px;
     line-height: 180%;
     margin-bottom: 12px;
 }

 .blog-detail-description img {
     max-width: 100%;
     height: auto;
     border-radius: 8px;
     margin: 30px 0;
     box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
 }

 .blog-detail-description a {
     color: #763030;
     text-decoration: underline;
     transition: color 0.3s ease;
 }

 .blog-detail-description a:hover {
     color: #121212;
 }

 /* Responsive Styles for Blog Detail */
 @media (max-width: 991px) {
     .blog-detail-title {
         font-size: 38px;
     }

     .blog-detail-description,
     .blog-detail-description p,
     .blog-detail-description li {
         font-size: 17px;
     }

     .blog-detail-description h3 {
         font-size: 28px;
     }

     .blog-detail-image-wrapper {
         margin-bottom: 40px;
     }
 }

 @media (max-width: 767px) {
     .blog-detail-title {
         font-size: 32px;
     }

     .blog-detail-title-area {
         margin-bottom: 30px;
         padding-bottom: 20px;
     }

     .blog-detail-meta-info {
         gap: 15px;
     }

     .blog-detail-date {
         font-size: 14px;
     }

     .blog-detail-description,
     .blog-detail-description p,
     .blog-detail-description li {
         font-size: 16px;
     }

     .blog-detail-description h3 {
         font-size: 24px;
         margin-top: 30px;
     }

     .blog-detail-image-wrapper {
         margin-bottom: 30px;
     }

     .blog-detail-description {
         margin-bottom: 40px;
     }
 }

 @media (max-width: 575px) {
     .blog-detail-title {
         font-size: 28px;
     }

     .blog-detail-description h3 {
         font-size: 22px;
     }
 }






 .mobile_br {
     display: none;
 }

 .pmt-30 {
     margin-top: 30px;
 }

 .mmt-30 {
     margin-top: 30px;
 }

 .product_details_info_area ul li:last-child {
     margin-bottom: 0;
 }

 .showroom_page_details_content_area {
     padding: 30px;
 }

 .letter .row>* {
     padding-left: 5px;
     padding-right: 5px;
 }


 .hero-image {
     opacity: 0;
     transform: scale(1.1);
 }

 .header-subtitle {
     opacity: 0;
     transform: translateY(40px);
     filter: blur(10px);
 }

 .hero-title .char {
     display: inline-block;
     opacity: 0;
     transform: translateY(50px);
     filter: blur(10px);
 }

 /* optional but safe: reset .word */
 .hero-title .word {
     display: inline-block;
     opacity: 1;
     transform: none;
     filter: none;
 }

 .hero-title {
     visibility: hidden;
 }


 /* filter css alfa  */
 .unique-bg-filter {
     position: relative;
     display: block;
 }

 .unique-bg-filter img {
     width: 100%;
 }


 /* Center Content */
 .unique-content-filter {
     position: absolute;
     /* top: 15%;
     left: 68%; */
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 .unique-content-filter h2 {
     color: #000000;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 0;
 }

 .unique-content img {
     width: 60px;
     margin-bottom: 40px;
 }

 /* Heading */
 .unique-content h3 {
     font-family: 'Monschone', serif;
     font-weight: 400;
     line-height: 110%;
     color: #FFFFFF;
     margin-bottom: 0;
 }

 /* Material Type Filter Section */
 .material-type-filter-section {
     padding: 60px 0;
     background-color: #f8f8f8;
 }

 .material-type-filter-container {
     max-width: 500px;
     margin: 0 auto;
     backdrop-filter: blur(66.2760009765625px);
     background: rgba(0, 0, 0, 0.40);
     border-radius: 16px;
 }

 .material-type-filter-title {
     text-align: center;
     padding: 25px 40px;
     padding-bottom: 0px;
 }

 .material-type-filter-title h2 {
     color: #fff;
     font-size: 28px;
     font-weight: 400;
     text-transform: uppercase;
     letter-spacing: 0.1em;
     margin-bottom: 0;
 }

 .material-type-line {
     border: 1px solid #ffffff74;
     margin-top: 10px;
 }

 .overflow-hidden-mobile {
     overflow: hidden;
 }


 .material-type-options {
     padding: 25px 30px;
     display: flex;
     flex-direction: column;
     gap: 16px;
 }

 .material-type-option {
     position: relative;
 }

 .material-type-option input[type="radio"] {
     position: absolute;
     opacity: 0;
     cursor: pointer;
 }

 .material-type-label {
     display: flex;
     align-items: center;
     gap: 16px;
     padding: 5px 7px;
     background: rgba(255, 255, 255, 0.5);
     border-radius: 50px;
     cursor: pointer;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     position: relative;
 }

 .material-type-label:hover {
     background: rgba(180, 180, 180, 0.6);
     transform: translateX(4px);
 }

 .material-type-option input[type="radio"]:checked+.material-type-label {
     background: rgba(255, 255, 255, 0.95);
     box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
 }

 .material-type-radio {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: #fff;
     border: 2px solid #ccc;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
     transition: all 0.3s ease;
     overflow: hidden;
 }

 .material-type-option input[type="radio"]:checked+.material-type-label .material-type-radio {
     border-color: #121212;
     background-color: #fff;
 }

 .material-type-radio img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     opacity: 0.7;
     transition: opacity 0.3s ease;
 }

 .material-type-option input[type="radio"]:checked+.material-type-label .material-type-radio img {
     opacity: 1;
 }

 .material-type-text {
     color: #121212;
     font-family: 'Hendriz';
     font-weight: 400;
     font-style: normal;
     font-size: 18px;
     line-height: 120%;
     letter-spacing: 1%;
     text-align: center;
 }

 .material-type-option input[type="radio"]:checked+.material-type-label .material-type-text {
     font-weight: 500;
 }



 /* Responsive */
 @media (max-width: 768px) {
     .material-type-filter-container {
         padding: 30px 20px;
         max-width: 90%;
     }

     .material-type-filter-title h2 {
         font-size: 24px;
     }

     .material-type-text {
         font-size: 16px;
     }

     .material-type-radio {
         width: 40px;
         height: 40px;
     }
 }

 .header_contact_form_btn {
     display: block;
     height: 50px;
     width: 50px;
     cursor: pointer;
     background: rgba(217, 217, 217, 0.2);
     border-radius: 50px;
     border: 1px rgba(255, 255, 255, 0.4) solid;
     backdrop-filter: blur(44px);
     align-content: center;
     text-align: center;
     border-radius: 50px;
     transition: all 0.3s ease;
 }

 .header_contact_form_btn:hover {
     transform: scale(1.1);
     background: rgba(217, 217, 217, 0.4);
     border-color: rgba(255, 255, 255, 0.8);
 }

 .navbar_rightside_buttons {
     display: flex;
     position: relative;
     gap: 10px;
 }

 .envelope_form_wrap {
     max-width: 100%;
     width: 600px;
 }



 #envelope_form {
     width: 100%;
 }

 .env_wrap {
     position: relative;
     overflow: hidden;
     padding-top: 110%;
     background: rgb(255, 255, 255);
     background: linear-gradient(0deg, #c7c2c5 0%, #c7c2c5 55%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%);
     width: 100%;
     perspective: 1000px;
     transform-style: preserve-3d;
 }

 .env_top {
     filter: drop-shadow(0px 6px 3px rgba(50, 50, 0, 0.1));
     position: absolute;
     width: 100%;
     height: 33%;
     top: 45%;
     z-index: 99;
     transition: all .6s cubic-bezier(0.4, 0, 0.2, 1);
     transform-origin: top;
 }

 .env_top:before {
     content: '';
     position: absolute;
     transform-origin: top;
     width: 100%;
     height: 100%;
     background: #B14848;
     clip-path: polygon(50% 100%, 0 0, 100% 0);
     transition: all .6s cubic-bezier(0.4, 0, 0.2, 1);
 }

 #envelope_form.open .env_top {
     -ms-transform: rotateX(-180deg);
     -webkit-transform: rotateX(-180deg);
     -moz-transform: rotateX(-180deg);
     transform: rotateX(-180deg);
 }

 .env_bottom_wrap {
     height: 55%;
     width: 100%;
     z-index: 2;
     bottom: 0;
     position: absolute;
     filter: drop-shadow(0px -6px 3px rgba(50, 50, 0, 0.1));
     /* background: #ffffff; */
 }

 .env_bottom {
     clip-path: polygon(50% 50%, 100% 0, 100% 100%, 0 100%, 0 0);
     background: #843636;
     width: 100%;
     height: 100%;
 }

 .env_bottom:before,
 .env_bottom:after {
     content: '';
     position: absolute;
     background: #763030;
     width: 50%;
     height: 100%;
 }

 .env_bottom:before {
     clip-path: polygon(100% 50%, 0 0, 0 100%);
 }

 .env_bottom:after {
     right: 0;
     clip-path: polygon(0 50%, 100% 0, 100% 100%);
 }

 .env_form_wrap {
     width: calc(100% - 2rem);
     left: 1rem;
     padding: 1rem 3rem;
     background: #f7f7f7;
     color: rgb(0, 0, 0);
     position: absolute;
     height: 100%;
     z-index: 2;
     transition: all .8s cubic-bezier(0.4, 0, 0.2, 1);
     top: 100%;
     border-radius: 12px;
 }

 #envelope_form.open .env_form_wrap {
     top: -80px;
     transition-delay: 0.1s;
 }

 .env_top {
     transition-delay: .5s
 }

 #envelope_form.open .env_top {
     z-index: 1;
     transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s linear 0.3s;
     transition-delay: 0s;
 }

 input {
     width: 100%;
     padding: 1rem;
 }

 .submit {
     width: 100%;
     padding: 1rem;
     background: #23a0d9;
     border: none;
     color: white;
     font-size: 18px;
     position: relative;
     z-index: 99;
     margin-top: 10px;
     cursor: pointer;
 }



 #envelope_form.sent .env_form_wrap {
     top: 100% !important
 }

 #envelope_form.sent .env_top {
     transition-delay: .2s;
     transform: none;
     z-index: 99;
 }

 /* .fly {
     animation: flyAway .5s linear forwards
 }

 @keyframes flyAway {
     50% {
         transform: translate(-50px, -50px) rotate(40deg) scale(.5)
     }

     100% {
         transform: translate(1000px, -100px) rotate(-40deg) scale(.3)
     }
 } */

 .thank_you {
     color: white;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translatex(-50%)
 }

 .envelope_main_full_area {
     position: relative;
     justify-self: center;
     display: flex;
     place-content: center;
 }

 #envelope_form.open .env_wrap {
     animation: revealOverflow 0s linear 0.4s forwards;
 }

 @keyframes revealOverflow {
     to {
         overflow: visible;
     }
 }


 .sticker {
     position: absolute;
     bottom: 0;
     left: 50%;
     transform: translate(-50%, 0%);
     width: 50px;
     height: 50px;
     background: #ffffff;
     color: #763030;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 600;
     font-size: 10px;
     cursor: pointer;
     box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
     border: 2px solid rgba(255, 255, 255, 0.2);
     z-index: 200;
     letter-spacing: 1px;
     transition: opacity 0.2s ease-in-out;
 }

 #envelope_form.open .sticker {
     opacity: 0;
     pointer-events: none;
 }

 .close-btn-new {
     position: absolute;
     top: 10px;
     right: 10px;
     font-size: 24px;
     color: #B14848;
     cursor: pointer;
     line-height: 1;
     z-index: 200;
     font-weight: bold;
     opacity: 0.8;
     transition: opacity 0.2s;
 }

 .close-btn-new:hover {
     opacity: 1;
 }

 .main_header_left_side_single_link h5 {
     color: rgba(241, 241, 232, 0.90);
     font-size: 22px;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
 }

 /* Mobile Menu Scroll Handling */
 body.noscroll {
     overflow: hidden;
 }

 @media (max-width: 991px) {
     .menu-content {
         overflow-y: auto;
         -webkit-overflow-scrolling: touch;
     }
 }

 /* --- Process Video Styles --- */
 .process_animated_image {
     position: relative;
     width: 100%;
     border-radius: 20px;
     overflow: hidden;
     line-height: 0;
 }

 .process_animated_image video {
     width: 100%;
     height: auto;
     display: block;
 }

 .video-controls-group {
     position: absolute;
     bottom: 30px;
     right: 30px;
     display: flex;
     gap: 12px;
     z-index: 5;
 }

 .video-control-btn {
     width: 46px;
     height: 46px;
     border-radius: 50%;
     background: rgba(255, 255, 255, 0.4);
     backdrop-filter: blur(20px) saturate(180%);
     -webkit-backdrop-filter: blur(20px) saturate(180%);
     border: 1px solid rgba(255, 255, 255, 0.5);
     color: #1d1d1f;
     /* Apple's dark grey/black for icons */
     font-size: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1),
         inset 0 0 0 1px rgba(255, 255, 255, 0.2);
 }

 @media (max-width: 767px) {
     .video-controls-group {
         bottom: 20px;
         right: 20px;
         gap: 10px;
     }

     .video-control-btn {
         width: 38px;
         height: 38px;
         font-size: 14px;
     }
 }

 .video-control-btn:hover {
     background: rgba(255, 255, 255, 0.6);
     transform: scale(1.08) translateY(-2px);
     box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
 }

 .video-control-btn:active {
     transform: scale(0.94);
 }

 .video-control-btn i {
     transition: transform 0.3s ease;
 }









 /* Worktop */

 .worktop_image_area {
     display: block;
     position: relative;
     border-radius: 12px;
     overflow: hidden;
 }

 .worktop_image_area img {
     max-width: 100%;
 }

 .worktop_main_content_area {
     display: block;
     position: relative;
 }

 .worktop_main_content_area h6 {
     letter-spacing: 0.50em;
     color: rgba(18, 18, 18, 0.80);
     line-height: 100%;
     margin-bottom: 40px;
 }

 .worktop_main_content_area h2 {
     color: #121212;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 30px;
 }

 .worktop_main_content_area p {
     color: #81817D;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     letter-spacing: 0.01em;
 }


 /* Popular Choices */
 .popular_choices_title_area {
     display: block;
     position: relative;
 }

 .popular_choices_subtitle {
     letter-spacing: 0.50em;
     color: rgba(18, 18, 18, 0.80);
     line-height: 100%;
     margin-bottom: 40px;
 }

 .popular_choices_subtitle::after {
     content: "";
     display: inline-block;
     width: 160px;
     height: 1px;
     background-color: rgba(18, 18, 18, 0.3);
     margin-left: 20px;
     vertical-align: baseline;
 }

 .popular_choices_title_area h6 {
     letter-spacing: 0.50em;
     color: rgba(18, 18, 18, 0.80);
     line-height: 100%;
     margin-bottom: 40px;
 }

 .popular_choices_title_area h2 {
     color: #121212;
     font-weight: 400;
     line-height: 100%;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 0;
 }

 .edge_profile_card {
     background: #FFFFFF;
     border-radius: 12px;
     overflow: hidden;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     padding: 10px 10px 0 10px;
 }

 .edge_profile_card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
 }

 .edge_image_container {
     display: block;
     position: relative;
 }

 .edge_image_container img {
     width: 100%;
 }

 .edge_content_area {
     padding: 20px;
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
 }

 .edge_text_wrapper {
     flex: 1;
 }

 .edge_text_wrapper span {
     font-size: 12px;
     letter-spacing: 0.05em;
     color: #8B6156;
     text-transform: uppercase;
     margin-bottom: 8px;
     display: block;
     font-weight: 500;
     line-height: 100%;
 }

 .edge_text_wrapper h4 {
     font-family: 'Monschone';
     font-size: 30px;
     color: #121212;
     text-transform: uppercase;
     margin: 0;
     line-height: 1.1;
 }

 .edge_info_icon {
     margin-left: 15px;
     margin-bottom: 5px;
 }

 .edge_info_icon img {
     width: 20px;
     opacity: 0.7;
     transition: opacity 0.3s ease;
 }

 .edge_info_icon:hover img {
     opacity: 1;
 }

 @media (max-width: 991px) {
     .edge_profile_name {
         font-size: 18px;
     }
 }


 /* Why Your Work top Edge Matters */

 .why_worktop_edge_matters_header_area {
     display: block;
     position: relative;
 }

 .why_worktop_edge_matters_header_area h6 {
     letter-spacing: 0.50em;
     color: rgba(18, 18, 18, 0.80);
     line-height: 100%;
     margin-bottom: 0;
     text-align: center;
     line-height: 140%;
 }

 .why_worktop_edge_matters_logos {
     border-top: 1px solid rgba(18, 18, 18, 0.2);
     border-bottom: 1px solid rgba(18, 18, 18, 0.2);
     padding: 30px 0;
 }

 .why_worktop_edge_matters_logos_container {
     max-width: 1200px;
     margin: 0 auto;
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 60px;
     padding: 0 60px;
 }

 .why_worktop_edge_matters_logo {
     flex: 1 1 150px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     min-width: 120px;
     text-align: center;
 }

 .why_worktop_edge_matters_logo img {
     max-width: 100%;
     height: 70px;
     object-fit: contain;
     margin-bottom: 20px;
     transition: all 0.3s ease;
 }

 .why_worktop_edge_matters_logo p {
     font-family: 'Hendriz';
     color: #121212;
     margin-bottom: 0;
     line-height: 120%;
     letter-spacing: 1%;
     font-weight: 400;
 }

 .why_worktop_edge_matters_logo img:hover {
     transform: scale(1.1);
 }



 /* more info */

 .more_info_area {
     display: block;
     position: relative;
 }

 .more_info_area h6 {
     letter-spacing: 0.50em;
     color: rgba(18, 18, 18, 0.80);
     line-height: 100%;
     margin-bottom: 40px;
     font-weight: 500;
 }

 .more_info_area h2 {
     color: #121212;
     font-weight: 400;
     line-height: 130%;
     text-transform: uppercase;
     font-family: 'Monschone';
     margin-bottom: 0;
 }

 .more_info_subtitle::after {
     content: "";
     display: inline-block;
     width: 100px;
     height: 1px;
     background-color: rgba(18, 18, 18, 0.3);
     margin-left: 20px;
     vertical-align: middle;
 }

 /* Accordion Customization */
 .accordion-item {
     background-color: transparent;
     border: none;
     border-bottom: 1px solid rgba(18, 18, 18, 0.1);
 }

 .accordion-item:first-child {
     border-top: 1px solid rgba(18, 18, 18, 0.1);
 }

 .accordion-button {
     background-color: transparent !important;
     color: #121212 !important;
     font-size: 25px;
     padding: 30px 0;
     box-shadow: none !important;
     border: none;
     font-family: 'Hendriz';
     font-weight: 400;
     text-align: left;
     line-height: 110%;
 }

 .accordion-button::after {
     content: "+";
     background-image: none !important;
     background-color: #FFFFFF;
     width: 32px;
     height: 32px;
     border: 1px solid rgba(18, 18, 18, 0.2);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 20px;
     font-weight: 300;
     color: #121212;
     transition: all 0.3s ease;
     flex-shrink: 0;
 }

 .accordion-button:not(.collapsed)::after {
     content: "-";
     transform: none;
     background-color: #FFFFFF;
 }

 .accordion-body {
     padding: 0 0 30px 0;
     color: rgba(18, 18, 18, 0.6);
     font-size: 16px;
     line-height: 1.6;
     max-width: 90%;
 }

 @media (max-width: 991px) {
     .more_info_area h2 {
         margin-bottom: 40px;
     }

     .accordion-button {
         font-size: 17px;
         padding: 20px 0;
     }
 }

 .load_more_review {
     text-align: center;
 }


 .more_review_slider_btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background-color: transparent;
     color: #fff;
     border-radius: 8px;
     background-color: var(--primary-color);
     font-family: 'Monschone', sans-serif;
     font-size: 16px;
     font-weight: 400;
     text-decoration: none;
     padding: 12px 30px;
     border: 1px solid rgba(255, 255, 255, 0.4);
     position: relative;
     overflow: hidden;
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     margin-top: 40px;
     text-transform: uppercase;
     letter-spacing: 2px;
 }

 .more_review_slider_btn::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: #fff;
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     z-index: -1;
 }

 .more_review_slider_btn:hover {
     color: var(--primary-color);
     border-color: #fff;
     ;
     background-color: #fff;
 }

 .more_review_slider_btn:hover::before {
     left: 0;
 }

 .more_review_slider_btn .text {
     position: relative;

     z-index: 1;
 }


 /* ========================================
    Design Bar Interactive Hotspots
 ======================================== */

 .design_bar_full_image_area {
     position: relative;
     display: block;
     width: 100%;
     overflow: hidden;
 }

 .design_bar_full_image_area img {
     width: 100%;
     height: auto;
     display: block;
 }

 /* Hotspot Container */
 .design_bar_hotspot {
     position: absolute;
     cursor: pointer;
     z-index: 5;
     transform: translate(-50%, -50%);
 }

 /* Hotspot Marker (Dot + Pulse) */
 .hotspot_marker {
     position: relative;
     width: 50px;
     height: 50px;
     margin: 0 auto 6px;
 }

 /* Animated Pulse Ring */
 .hotspot_pulse {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 14px;
     height: 14px;
     border-radius: 50%;
     border: 1px solid rgba(255, 255, 255, 0.7);
     background: transparent;
     animation: hotspotPulse 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
 }

 /* Additional animated circles for more attractive effect */
 .hotspot_pulse::before,
 .hotspot_pulse::after {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     border-radius: 50%;
     border: 1px solid rgba(255, 255, 255, 0.5);
     background: transparent;
 }

 .hotspot_pulse::before {
     width: 26px;
     height: 26px;
     animation: hotspotPulse 3s cubic-bezier(0.4, 0, 0.2, 1) infinite 0.6s;
 }

 .hotspot_pulse::after {
     width: 30px;
     height: 30px;
     animation: hotspotPulse 3s cubic-bezier(0.4, 0, 0.2, 1) infinite 1.2s;
 }

 /* Center Dot */
 .hotspot_dot {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 22px;
     height: 22px;
     border-radius: 50%;
     background: #763030;
     border: 4px solid #fff;
     box-shadow: 0 1px 8px rgba(118, 48, 48, 0.4);
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     z-index: 2;
 }

 /* Hotspot Label */
 .hotspot_label {
     background: rgba(255, 255, 255, 0.7);
     padding: 10px 18px;
     border-radius: 3px;
     white-space: nowrap;
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     font-weight: 400;


     color: rgba(18, 18, 18, 0.80);
     font-size: 16px;
     font-weight: 400;
     line-height: 100%;
     /* 16px */
 }

 /* Hover Effects */
 .design_bar_hotspot:hover .hotspot_dot {
     transform: translate(-50%, -50%) scale(1.15);
     background: #8B3A3A;
     box-shadow: 0 2px 12px rgba(118, 48, 48, 0.6);
 }

 .design_bar_hotspot:hover .hotspot_label {
     background: rgba(255, 255, 255, 0.95);
     box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12);
     transform: translateY(-1px);
 }

 /* Pulse Animation */
 @keyframes hotspotPulse {
     0% {
         transform: translate(-50%, -50%) scale(1);
         opacity: 0.8;
     }

     100% {
         transform: translate(-50%, -50%) scale(3.5);
         opacity: 0;
     }
 }

 /* Modal Overlay */
 .design_bar_modal {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 9999;
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.3s ease, visibility 0.3s ease;
 }

 .design_bar_modal.active {
     opacity: 1;
     visibility: visible;
 }

 .design_bar_modal_overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.7);
     backdrop-filter: blur(4px);
 }

 .design_bar_modal_content {
     position: relative;
     background: #fff;
     border-radius: 16px;
     max-width: 600px;
     width: 90%;
     padding: 50px 40px 40px;
     box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
     transform: scale(0.9) translateY(20px);
     transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     z-index: 10000;
 }

 .design_bar_modal.active .design_bar_modal_content {
     transform: scale(1) translateY(0);
 }

 .design_bar_modal_close {
     position: absolute;
     top: 20px;
     right: 20px;
     width: 36px;
     height: 36px;
     background: #f5f5f7;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     color: #121212;
     transition: all 0.3s ease;
 }

 .design_bar_modal_close:hover {
     background: #121212;
     color: #fff;
     transform: rotate(90deg);
 }

 .design_bar_modal_body h3 {
     font-family: 'Monschone', sans-serif;
     font-size: 32px;
     color: #121212;
     text-transform: uppercase;
     margin-bottom: 20px;
     line-height: 1.2;
 }

 .design_bar_modal_body p {
     font-size: 16px;
     line-height: 1.6;
     color: #444;
     margin: 0;
 }

 /* Responsive Styles */
 /* Hide labels on smaller screens to prevent overlap */
 @media (max-width: 1200px) {
     .hotspot_label {
         display: none;
     }
 }

 @media (max-width: 991px) {
     .hotspot_marker {
         width: 40px;
         height: 40px;
     }

     .hotspot_dot {
         width: 12px;
         height: 12px;
         border: 2px solid #fff;
     }

     .hotspot_pulse {
         width: 12px;
         height: 12px;
     }

     .hotspot_pulse::before {
         width: 22px;
         height: 22px;
     }

     .hotspot_pulse::after {
         width: 32px;
         height: 32px;
     }

     .design_bar_modal_content {
         padding: 40px 30px 30px;
     }

     .design_bar_modal_body h3 {
         font-size: 26px;
     }

     .design_bar_modal_body p {
         font-size: 15px;
     }
 }

 @media (max-width: 768px) {
     .hotspot_marker {
         width: 35px;
         height: 35px;
     }

     .hotspot_dot {
         width: 10px;
         height: 10px;
         border: 2px solid #fff;
     }

     .hotspot_pulse {
         width: 10px;
         height: 10px;
     }

     .hotspot_pulse::before {
         width: 18px;
         height: 18px;
     }

     .hotspot_pulse::after {
         width: 26px;
         height: 26px;
     }

     .design_bar_modal_content {
         padding: 35px 25px 25px;
         max-width: 95%;
     }

     .design_bar_modal_body h3 {
         font-size: 22px;
     }

     .design_bar_modal_body p {
         font-size: 14px;
     }

     .design_bar_modal_close {
         width: 32px;
         height: 32px;
         top: 15px;
         right: 15px;
     }
 }

 .collab_logo_img {
     display: block;
     position: absolute;
     left: 20px;
     bottom: 20px;
     z-index: 99;
 }

 .collab_logo_img img {
     width: 420px;
 }


 .edge_card_overlay p {
     font-size: 14px;
     line-height: 100%;
     color: #444;
     margin: 0;
 }

 .mt-15 {
     margin-top: 15px;
 }

 .worktop_main_content_area ul {
     margin: 0;
     margin-top: 10px;
 }

 .worktop_main_content_area ul li {
     list-style: disc;
     color: #81817D;
     font-style: normal;
     font-weight: 400;
     line-height: 120%;
     letter-spacing: 0.01em;
     font-size: 17px;
 }

 .worktop_main_content_area p b {
     font-weight: 500;
     color: #000;
 }