/* ################ swiper-sectors  ################ */
 /* Navigation arrows */
 .swiper-sectors .swiper-button-next,
 .swiper-sectors .swiper-button-prev {
     color: #1a2744 !important;
     background: rgba(255, 255, 255, 0.95) !important;
     width: 36px !important;
     height: 36px !important;
     border-radius: 60px !important;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
 }

 .swiper-sectors .swiper-button-next:after,
 .swiper-sectors .swiper-button-prev:after {
     font-size: 16px !important;
     font-weight: bold !important;
 }

 .swiper-sectors .swiper-button-next:hover,
 .swiper-sectors .swiper-button-prev:hover {
     background: #1a2744 !important;
     color: white !important;
 }

 /* Pagination bullets */
 .swiper-sectors .swiper-pagination {
     bottom: 8px !important;
 }

 .swiper-sectors .swiper-pagination-bullet {
     background: #1a2744;
     opacity: 1;
     width: 6px;
     height: 6px;
     border-radius: 6px;
     margin: 0 5px;
     transition: all 0.2s;
 }

 .swiper-sectors .swiper-pagination-bullet-active {
     background: #1a2744;
     width: 30px;
     height: 6px;
     border-radius: 3px;
 }

 @media (max-width: 768px) {

     .swiper-sectors .swiper-button-next,
     .swiper-sectors .swiper-button-prev {
         width: 32px !important;
         height: 32px !important;
     }

     .swiper-sectors .swiper-button-next:after,
     .swiper-sectors .swiper-button-prev:after {
         font-size: 16px !important;
     }
 }

 /* ################ swiper-sectors End  ################ */

 /* ################ swiper-property  ################ */

 /* Navigation arrows */
 .swiper-property .swiper-button-next,
 .swiper-property .swiper-button-prev {
     color: #1a2744 !important;
     background: rgba(255, 255, 255, 0.95) !important;
     width: 40px !important;
     height: 40px !important;
     border-radius: 60px !important;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
 }

 .swiper-property .swiper-button-next:after,
 .swiper-property .swiper-button-prev:after {
     font-size: 18px !important;
     font-weight: bold !important;
 }

 .swiper-property .swiper-button-next:hover,
 .swiper-property .swiper-button-prev:hover {
     background: #1a2744 !important;
     color: white !important;
 }

 /* Pagination bullets */
 .swiper-property .swiper-pagination {
     bottom: 8px !important;
 }

 .swiper-property .swiper-pagination-bullet {
     background: #1a2744;
     opacity: 1;
     width: 6px;
     height: 6px;
     border-radius: 6px;
     margin: 0 5px;
     transition: all 0.2s;
 }

 .swiper-property .swiper-pagination-bullet-active {
     background: #1a2744;
     width: 30px;
     height: 6px;
     border-radius: 3px;
 }

 @media (max-width: 768px) {

     .swiper-property .swiper-button-next,
     .swiper-property .swiper-button-prev {
         display: none;
     }

     .swiper-property .swiper-button-next:after,
     .swiper-property .swiper-button-prev:after {
         display: none;
     }
 }

 .prop-specs {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .prop-specs li {
     font-size: 13px;
     color: #2f2e2e;
     margin-bottom: 6px;
     font-weight: 500;
 }

 .prop-specs li i {
     color: #df5f23;
     margin-right: 8px;
 }

 /* ################ swiper-property End ################ */

 /* ################### YouTube Videos ######################*/
 .realestate-media-section {
     --brand-teal: #c8511b;
     --brand-gold: #1a2744;
     background: linear-gradient(145deg, #fff7ed 0%, #fffef9 100%);
     padding: 3rem 0;
     width: 100%;
     overflow-x: hidden;
 }

 /* Header styles */
 .realestate-media-section .section-header {
     display: flex;
     align-items: baseline;
     justify-content: space-between;
     flex-wrap: wrap;
     margin-bottom: .5rem;
 }

 .realestate-media-section .section-heading {
     font-size: 1.6rem;
     font-weight: 700;
     background: #1a2744;
     background-clip: text;
     -webkit-background-clip: text;
     color: transparent;
     margin: 0;
 }

 .realestate-media-section .see-more-link {
     font-size: 0.95rem;
     font-weight: 600;
     color: var(--brand-teal);
     text-decoration: none;
     background: rgba(31, 110, 108, 0.08);
     padding: 0.5rem 1rem;
     border-radius: 40px;
     transition: all 0.2s;
 }

 .realestate-media-section .see-more-link:hover {
     background: var(--brand-teal);
     color: white;
 }

 /* Slider wrapper */
 .realestate-media-section .video-slider-wrapper {
     width: 100%;
     position: relative;
     overflow: hidden;
 }

 .realestate-media-section .swiper {
     width: 100%;
     padding: 0.5rem 0 1.5rem 0;
 }

 .realestate-media-section .swiper-slide {
     height: auto;
 }

 /* Video Card - YouTube direct */
 .realestate-media-section .video-card {
     border-radius: .75rem;
     overflow: hidden;
     aspect-ratio: 16 / 9;
     width: 100%;
     cursor: pointer;
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
     background: #000;
     transition: transform 0.2s;
 }

 .realestate-media-section .video-card:hover {
     transform: scale(1.01);
 }

 .realestate-media-section .video-card iframe {
     width: 100%;
     height: 100%;
     border: none;
     pointer-events: auto;
 }

 /* Title */
 .realestate-media-section .video-title {
     font-size: 0.95rem;
     font-weight: 600;
     color: #2c3e2f;
     margin-top: 12px;
     text-align: center;
     padding: 4px 8px;
     background: rgba(250, 245, 235, 0.7);
     border-radius: 40px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }

 /* Navigation arrows */
 .realestate-media-section .swiper-button-next,
 .realestate-media-section .swiper-button-prev {
     color: var(--brand-teal);
     background: rgba(255, 255, 255, 0.95);
     width: 40px;
     height: 40px;
     border-radius: 60px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
 }

 .realestate-media-section .swiper-button-next:after,
 .realestate-media-section .swiper-button-prev:after {
     font-size: 18px;
     font-weight: bold;
 }

 .realestate-media-section .swiper-button-next:hover,
 .realestate-media-section .swiper-button-prev:hover {
     background: var(--brand-teal);
     color: white;
 }

 /* Pagination */
 .realestate-media-section .swiper-pagination-bullet {
     background: #c8511b;
     opacity: 1;
     width: 6px;
     height: 6px;
     border-radius: 6px;
 }

 .realestate-media-section .swiper-pagination-bullet-active {
     background: var(--brand-teal);
     width: 30px;
     height: 6px;
     border-radius: 3px;
 }

 @media (max-width: 768px) {
     .realestate-media-section .section-heading {
         font-size: 1.6rem;
     }

     .realestate-media-section .video-title {
         font-size: 0.75rem;
         white-space: normal;
     }

     .realestate-media-section .swiper-button-next,
     .realestate-media-section .swiper-button-prev {
         width: 32px;
         height: 32px;
     }

     .realestate-media-section .swiper-button-next:after,
     .realestate-media-section .swiper-button-prev:after {
         font-size: 16px;
     }
 }

 @media (max-width: 480px) {
     .realestate-media-section .section-heading {
         font-size: 1.4rem;
     }
 }

 /* ################### YouTube Videos End ######################*/

 .prop-right {
     position: relative;
 }

 .carousel-counter {
     position: absolute;
     top: 10px;
     right: 10px;
     z-index: 10;
     background: rgba(0, 0, 0, 0.65);
     color: #fff;
     padding: 4px 10px;
     border-radius: 20px;

     font-size: 13px;
     font-weight: 600;
 }

 .prop-right {
     width: 100%;
     height: 220px;
     overflow: hidden;
     border-radius: 5px;
 }

 .prop-right .carousel,
 .prop-right .carousel-inner,
 .prop-right .carousel-item {
     width: 100%;
     height: 100%;
 }

 .prop-right .carousel-item img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 5px;
 }

 /* =========================
   Custom Carousel Buttons
========================= */

 .custom-carousel-btn {
     width: 45px !important;
     height: 45px !important;
     top: 50% !important;
     bottom: auto !important;
     transform: translateY(-50%);
     opacity: 1 !important;
     display: flex !important;
     align-items: center;
     justify-content: center;
     z-index: 5;
 }


 /* Left button spacing */
 .carousel-control-prev.custom-carousel-btn {
     left: 12px !important;
 }


 /* Right button spacing */
 .carousel-control-next.custom-carousel-btn {
     right: 12px !important;
 }


 /* Round Arrow */
 .custom-arrow {
     width: 36px;
     height: 36px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     background: rgb(255 245 245 / 63%);
     color: #1a2744;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
     backdrop-filter: blur(1px);
     transition: all 0.25s ease;
 }


 /* Icon */
 .custom-arrow i {
     font-size: 16px;
 }


 /* Hover */
 .custom-carousel-btn:hover .custom-arrow {
     background: #1a2744;
     color: #fff;
     transform: scale(1.01);
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
 }


 /* Click */
 .custom-carousel-btn:active .custom-arrow {
     transform: scale(0.95);
 }

 @media (max-width: 576px) {

     .custom-carousel-btn {
         width: 38px !important;
         height: 38px !important;
     }

     .custom-arrow {
         width: 36px;
         height: 36px;
     }

     .custom-arrow i {
         font-size: 13px;
     }

     .carousel-control-prev.custom-carousel-btn {
         left: 8px !important;
     }

     .carousel-control-next.custom-carousel-btn {
         right: 8px !important;
     }
 }