/** ========= meter ======= **/
 
 .audio-page-title {
     position: relative;
     text-align: center;
     display: flex;
     flex-direction: column;
     width: calc(100% - 45%);
 }
 
 .audio-img-cover-area {
     display: flex;
     justify-content: flex-start;
     align-items: center;
 }
 
 .audio-page-title h1.audio-video-heading {
     font-size: 54px;
     font-family: 'Libre Caslon Text', serif;
     color: #ffffff;
 }
 
 .audio-page-title span.script {
     /* font-family: 'Pinyon Script', cursive; */
     color: #ffffff;
     font-family: 'Dancing Script', cursive;
 }
 
 .audio-video-img .audio-page-title span {
     font-size: 68px;
     line-height: 60px;
     justify-content: flex-end;
     align-items: end;
     text-align: right;
 }
 
 .audio-video-img {
     background-image: url(assets/img/audio-video/img-12.png);
     background-repeat: no-repeat;
     background-size: 100% 120%;
 }
 
 .audi-img-cover-area {
     background: no-reprat center center scroll;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     background-position: center center;
 }
 
 .audio-video-img .main_subtitle h1 {
     font-size: 70px;
     line-height: 60px;
 }
 
 .audio-video-img .main_subtitle h1 {
     font-size: 84px;
     line-height: 70px;
     letter-spacing: 7px;
     font-weight: 700;
     margin-bottom: 0;
     color: #fff;
 }
 
 .full-screen-image {
     min-height: 100vh;
     display: flex;
 }
 
 .mr-70 {
     margin-top: 70px;
     margin-bottom: 70px;
 }
 
 .mr-100 {
     margin-top: 100px;
     margin-bottom: 100px;
 }
 
 body.dsn-mobile {
     overflow-y: auto;
 }
 
 .audio-inne-headding {
     padding-bottom: 22px;
     text-align: left;
     color: #fff;
     font-weight: bold;
     font-size: 42px;
     line-height: 1.2;
     font-family: Popins;
 }
 
 .audi-text {
     font-size: 16px;
     line-height: 25px;
     /* padding-bottom: 20px; */
     text-align: justify;
     letter-spacing: 1px;
     color: rgb(255 255 255 / 87%);
     font-weight: 400;
 }
 
 .panel {
     /* height: 100vh; */
     display: flex;
     background: radial-gradient(circle at top, #0b1224, #060b18);
     /* justify-content: center; */
     align-items: center;
     padding-top: 30px;
 }
 
 .panel.no_style {
     justify-content: flex-start;
 }
 
 .inner-content-box img {
     width: 100%;
     height: inherit;
 }
 
 .common-img-container {
     height: auto;
 }
 
 h4.audio-inner-heading {
     font-size: 16px;
     font-weight: 600;
     padding: 15px 0 3px 0;
     text-align: center;
     text-transform: uppercase;
 }
 
 .inner-content-box p {
     text-align: center;
     font-size: 15px;
     font-weight: 400;
     line-height: 20px;
 }
 
 .smart-meter {
     width: 100%;
     background: radial-gradient(circle at top, #0b1224, #060b18);
     padding: 60px 60px 20px;
 }
 
 .smart-image {
     margin: 0 0 120px;
 }
 
 .smart-image img {
     width: 85%;
     height: 450px;
     border-radius: 10px;
     /* padding-bottom: 20px; */
     text-align: center;
     margin-left: 100px;
     margin-top: -40px;
 }
 
 .sectors-section {
     margin: 0 0 0px;
     padding: 35px 0 70px;
     background: #E6E6E6;
     text-align: center;
 }
 
 .container {
     max-width: 1300px;
     margin: 0 0 60px 80px;
     padding: 0 15px;
 }
 
 .section-title1 {
     font-size: 35px;
     font-family: popins;
     font-weight: 600;
     margin-bottom: 10px;
     color: #1a1a1a !important;
 }
 
 .divider {
     display: flex;
     justify-content: center;
     margin-bottom: 30px;
 }
 
 .divider span {
     width: 277px;
     height: 3px;
     background: #000000;
     position: relative;
 }
 /* .divider span::before,
        .divider span::after {
            content: "";
            position: absolute;
            width: 8px;
            height: 8px;
            background: #007bff;
            border-radius: 50%;
            top: -3px;
        }
         */
 
 .divider span::before {
     left: -15px;
 }
 
 .divider span::after {
     right: -15px;
 }
 
 .sectors-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
 }
 
 .sector-card img {
     width: 100%;
     height: 260px;
     object-fit: cover;
     border-radius: 4px;
 }
 
 .sector-card h4 {
     margin-top: 15px;
     font-size: 18px;
     font-weight: 500;
     color: #222;
 }
 /* Responsive */
 
 @media (max-width: 992px) {
     .sectors-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }
 
 @media (max-width: 576px) {
     .sectors-grid {
         grid-template-columns: 1fr;
     }
 }
 
 .features-tabs {
     margin-top: -70px;
     padding: 60px 0;
     background: radial-gradient(circle at top, #0b1224, #060b18);
 }
 
 .container1 {
     max-width: 1200px;
     margin: auto;
     margin-top: -80px;
     padding: 20px 15px;
     /* background: #E6E6E6; */
 }
 /* Tabs */
 
 .tab-header {
     display: flex;
     margin-bottom: 40px;
     padding: 15px;
     background: #E6E6E6;
 }
 
 .tab-btn {
     flex: 1;
     padding: 15px;
     font-size: 18px;
     font-weight: 500;
     border: none;
     cursor: pointer;
     background: #8b8b8b;
     color: #fff;
 }
 
 .tab-btn.active {
     background: #f58220;
 }
 /* Icons Grid */
 
 .icon-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     /* 3 items per row */
     gap: 40px;
     text-align: center;
 }
 
 .icon-box {
     display: flex;
     flex-direction: column;
     align-items: center;
 }
 
 button.tab-btn {
     background: radial-gradient(black, transparent);
 }
 
 button.tab-btn.active {
     background: radial-gradient(#1e1d15, #ffb60cd6);
 }
 
 .icon-box img {
     width: 70px;
     height: auto;
     border-radius: 10px;
     margin-bottom: 10px;
 }
 
 button.tab-btn {
     background-color: #2488b7;
 }
 
 .tab-content {
     display: none;
 }
 
 .icon-box h3 {
     font-size: 16px;
     margin: 0;
     color: #fff;
     padding-top: 5px;
     text-align: center;
     line-height: 1.4;
 }
 
 .icon-box p {
     color: #fff;
 }
 /* Tablet */
 
 @media (max-width: 991px) {
     .icon-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }
 /* Mobile */
 
 @media (max-width: 575px) {
     .icon-grid {
         grid-template-columns: 1fr;
     }
 }
 
 .tab-content.active {
     display: block;
 }
 
 .components-text {
     max-width: 976px;
     margin: 40px auto 0;
     text-align: left;
 }
 
 .components-text h3 {
     font-size: 24px;
     color: #fff;
     margin-top: 10px;
     margin-bottom: 10px;
 }
 
 .components-text p {
     font-size: 14px;
     color: #fff;
     line-height: 1.7;
 }
 /* Responsive */
 
 @media (max-width: 768px) {
     .icon-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 30px;
     }
 }
 
 @media (max-width: 480px) {
     .icon-grid {
         grid-template-columns: 1fr;
     }
 }
 /* ===== new page meter =====*/
 
 .header-container {
     padding-bottom: 15px;
     padding-top: 15px;
     background-color: #000;
 }
 
 .privacy-policy {
     padding: 5px 20px;
     margin-top: -100px;
     background: radial-gradient(circle at top, #0b1224, #060b18);
 }
 
 .privacy-container {
     max-width: 1100px;
     margin: 0 auto;
     text-align: center;
 }
 
 .privacy-container h2 {
     font-size: 32px;
     font-family: popins;
     margin-top: 140px;
     color: #ffffff;
     text-align: center;
     font-weight: 700;
     margin-bottom: 30px;
     position: relative;
     display: inline-block;
 }
 
 .privacy-container h1 {
     font-size: 32px;
     margin-top: 0;
     font-family: popins;
     color: #ffffff;
     text-align: center;
     font-weight: 700;
     margin-bottom: 30px;
     position: relative;
     display: inline-block;
 }
 
 .privacy-container h2::after {
     content: "";
     position: absolute;
     width: 98%;
     height: 3px;
     background: #ffffff;
     left: 50%;
     transform: translateX(-50%);
     bottom: -8px;
 }
 
 .privacy-container h1::after {
     content: "";
     position: absolute;
     width: 98%;
     height: 3px;
     background: #ffffff;
     left: 50%;
     transform: translateX(-50%);
     bottom: -8px;
 }
 
 .privacy-container p {
     font-size: 16px;
     line-height: 1.8;
     color: #ffffff;
     text-align: justify;
     margin-bottom: 20px;
 }
 
 .privacy-collect {
     padding: 0 20px 10px;
     /* background: radial-gradient(circle at top, #0b1224, #060b18); */
 }
 
 .privacy-collect-container {
     max-width: 1100px;
     margin: 0 auto;
     text-align: center;
 }
 
 .privacy-collect-container h3 {
     font-size: 32px;
     font-weight: 600;
     color: #ffffff;
     font-family: popins;
     position: relative;
     display: inline-block;
 }
 
 .privacy-collect-container h3::after {
     content: "";
     position: absolute;
     width: 100%;
     height: 2px;
     background: #ffffff;
     left: 0;
     bottom: -6px;
 }
 /* List styling */
 
 .privacy-list {
     list-style: none;
     padding: 0;
     color: #ffffff;
     margin: 30px auto;
     max-width: 1000px;
     text-align: left;
 }
 
 .privacy-list li {
     font-size: 16px;
     line-height: 1.7;
     padding-left: 30px;
     position: relative;
 }
 /* Check icon */
 
 .privacy-list li::before {
     content: "✔";
     position: absolute;
     left: 0;
     top: 2px;
     font-size: 14px;
     color: #ffffff;
 }
 /* Paragraph text */
 
 .privacy-collect-container p {
     font-size: 16px;
     line-height: 1.8;
     color: #ffffff;
     text-align: justify;
     margin-bottom: 20px;
 }
 
 .section-margin-footer {
     margin-top: 64px !important;
     margin-bottom: 60px !important;
 }
 
 .footer {
     margin-top: 0 !important;
 }
 
 .footer .footer-link .row {
     margin-right: -15px!important;
     margin-left: -15px!important;
 }
 /* Heading */
 
 .privacy-uses {
     padding: 5px 20px 20px;
     background: radial-gradient(circle at top, #0b1224, #060b18);
 }
 
 .privacy-uses-container {
     max-width: 1100px;
     margin: 0 auto;
     text-align: center;
 }
 /* Heading */
 
 .privacy-uses-container h3 {
     font-size: 32px;
     font-family: pop;
     font-weight: 600;
     color: #ffffff;
     margin-bottom: 30px;
     position: relative;
     display: inline-block;
 }
 
 .privacy-uses-container h3::after {
     content: "";
     position: absolute;
     width: 100%;
     height: 2px;
     background: #ffffff;
     left: 0;
     bottom: -6px;
 }
 /* Paragraphs */
 
 .privacy-uses-container p {
     font-size: 16px;
     line-height: 1.8;
     margin-bottom: 25px;
     color: #ffffff;
     text-align: justify;
 }
 /* ✔ Check list */
 
 .check-list {
     list-style: none;
     padding: 0;
     margin: 30px auto 40px;
     max-width: 1000px;
     text-align: left;
 }
 
 .check-list li {
     position: relative;
     padding-left: 30px;
     font-size: 16px;
     color: #ffffff;
     line-height: 1.7;
 }
 
 .check-list li::before {
     content: "✔";
     position: absolute;
     left: 0;
     top: 2px;
     font-size: 14px;
     color: #ffffff;
 }
 /* ⭐ Star list */
 
 .star-list {
     list-style: none;
     padding: 0;
     margin: 30px auto 0;
     max-width: 1000px;
     text-align: left;
 }
 
 .star-list li {
     position: relative;
     padding-left: 30px;
     font-size: 16px;
     color: #ffffff;
     line-height: 1.7;
 }
 
 .star-list li::before {
     content: "★";
     position: absolute;
     left: 0;
     top: 2px;
     font-size: 14px;
     color: #ffffff;
 }
 
 @media (max-width: 600px) {
     .privacy-uses-container h3 {
         font-size: 19px;
     }
     .privacy-uses-container p,
     .check-list li,
     .star-list li {
         font-size: 15px;
     }
 }
 
 .privacy-section {
     position: relative;
     width: 100%;
     height: 60vh;
     /* adjust height */
     background: url("img/bg7.png") no-repeat center center/cover;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     overflow: hidden;
 }
 /* Dark overlay */
 
 .privacy-section::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.55);
     /* adjust darkness */
     z-index: 1;
 }
 /* Text styling */
 
 .privacy-policy1 {
     position: relative;
     z-index: 2;
 }
 
 .privacy-policy1 h1 {
     color: #ffffff;
     font-size: 45px;
     font-family: popins;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: 1px;
 }
 /** ====== Hotel Page ======= */
 
 .audio-inne-headding {
     padding-bottom: 22px;
     text-align: left;
     font-weight: bold;
     font-size: 35px;
     line-height: 1.2;
     font-family: popins;
 }
 
 .audi-text {
     font-size: 16px;
     line-height: 25px;
     padding-bottom: 22px;
     text-align: justify;
     letter-spacing: 1px;
     color: rgb(255 255 255 / 87%);
     font-weight: 400;
 }
 
 .panel.no_style {
     justify-content: flex-start;
 }
 
 .inner-content-box img {
     width: 100%;
     height: inherit;
 }
 
 .common-img-container {
     height: auto;
 }
 
 h4.audio-inner-heading {
     font-size: 16px;
     font-weight: 600;
     padding: 15px 0 3px 0;
     text-align: center;
     text-transform: uppercase;
 }
 
 .inner-content-box p {
     text-align: center;
     font-size: 15px;
     font-weight: 400;
     line-height: 20px;
 }
 
 .audio-inner-img {
     width: 100%;
     object-fit: cover;
     border-radius: inherit;
 }
 
 .process-flow-section {
     padding: 30px 20px;
     background: radial-gradient(circle at top, #0b1224, #060b18);
 }
 
 .container {
     max-width: 1200px;
     margin: auto;
     text-align: center;
 }
 
 .section-title {
     font-size: 32px;
     font-weight: 700;
     color: #ffffff;
     letter-spacing: 2px;
     margin-bottom: 20px;
     position: relative;
     display: inline-block;
 }
 
 .section-title::after {
     content: "";
     width: 95%;
     height: 3px;
     background: #ffffff;
     display: block;
     margin: 12px auto 0;
 }
 
 .process-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px 20px;
 }
 
 .process-item {
     text-align: center;
 }
 
 .icon-circle {
     width: 80px;
     height: 80px;
     background: #ffffff;
     color: #ff3b2f;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 32px;
     margin: 0 auto 15px;
 }
 
 .process-item h3 {
     font-size: 18px;
     font-weight: 600;
     color: #ffffff;
 }
 /* Tablet */
 
 @media (max-width: 992px) {
     .process-grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }
 /* Mobile */
 
 @media (max-width: 576px) {
     .process-grid {
         grid-template-columns: 1fr;
     }
     .section-title {
         font-size: 24px;
     }
 }
 
 .smart-hotel {
     padding: 20px 20px;
     background: radial-gradient(circle at top, #0b1224, #060b18);
     text-align: center;
     font-family: Arial, sans-serif;
 }
 
 .container {
     max-width: 1300px;
     margin: 10px 60px 10px;
 }
 
 .section-title1 {
     font-size: 32px;
     color: #fff;
     margin-bottom: 50px;
     font-weight: 700;
     letter-spacing: 2px;
 }
 
 .title-line1 {
     width: 120px;
     height: 4px;
     background: #ffffff;
     margin: 15px auto 30px;
 }
 
 .section-desc {
     max-width: 1100px;
     margin: auto;
     font-size: 16px;
     line-height: 1.7;
     color: #ffffff;
     text-align: justify;
 }
 
 .features-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 40px;
     margin-top: 40px;
 }
 
 .feature-box {
     padding: 20px;
 }
 
 .icon {
     width: 70px;
     height: 70px;
     border: 2px solid #ffffff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 28px;
     color: #ffffff;
     margin: 0 auto 15px;
 }
 
 .feature-box h4 {
     color: #ffffff;
     font-size: 18px;
     margin-bottom: 10px;
 }
 
 .feature-box p {
     font-size: 14px;
     color: #ffffff;
 }
 /* Responsive */
 
 @media (max-width: 768px) {
     .features-grid {
         grid-template-columns: 1fr;
     }
 }
 
 .sochiot-smart-hotel-section {
     padding: 40px 20px 20px;
     background: radial-gradient(circle at top, #0b1224, #060b18);
     text-align: center;
     font-family: Arial, sans-serif;
 }
 
 .sochiot-smart-hotel-container {
     max-width: 1000px;
     margin: 0 auto;
 }
 
 .sochiot-smart-hotel-title {
     font-size: 34px;
     font-family: popins;
     font-weight: 700;
     letter-spacing: 2px;
     color: #fff;
     margin-bottom: 10px;
 }
 
 .sochiot-smart-hotel-divider {
     width: 90%;
     height: 4px;
     background-color: #fff;
     margin: 15px auto 35px;
 }
 
 .sochiot-smart-hotel-text {
     font-size: 16px;
     color: #fff;
     line-height: 1.8;
     margin-bottom: 20px;
 }
 /* Responsive */
 
 @media (max-width: 768px) {
     .sochiot-smart-hotel-title {
         font-size: 26px;
     }
     .sochiot-smart-hotel-text {
         font-size: 15px;
     }
 }
 
 .sochiot-guestroom-section {
     padding: 0 20px 10px;
     background: radial-gradient(circle at top, #0b1224, #060b18);
     font-family: Arial, sans-serif;
 }
 
 .sochiot-guestroom-container {
     max-width: 1200px;
     margin: 0 auto;
     display: flex;
     gap: 60px;
     align-items: flex-start;
 }
 
 .sochiot-guestroom-image img {
     width: 100%;
     max-width: 550px;
     height: auto;
     margin-top: 20px;
     object-fit: cover;
     /* Add these */
     border-radius: 20px;
     /* Rounded corners */
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
     /* Soft shadow */
     transition: 0.3s ease;
 }
 
 .sochiot-guestroom-content {
     flex: 1;
 }
 
 .sochiot-guestroom-title {
     font-size: 32px;
     font-weight: 600;
     margin-bottom: 10px;
     color: #fff;
 }
 
 .sochiot-guestroom-divider {
     width: 47%;
     height: 3px;
     background-color: #fff;
     margin-bottom: 30px;
 }
 
 .sochiot-guestroom-feature {
     margin-bottom: 15px;
 }
 
 .sochiot-guestroom-feature h4 {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 2px;
     color: #fff;
 }
 
 .sochiot-guestroom-feature p {
     font-size: 15px;
     line-height: 1.7;
     color: #fff;
 }
 /* Responsive */
 
 @media (max-width: 992px) {
     .sochiot-guestroom-container {
         flex-direction: column;
     }
     .sochiot-guestroom-image img {
         max-width: 100%;
     }
 }
 
 .sochiot-hotel-services-section {
     padding: 0px 20px;
     background: radial-gradient(circle at top, #0b1224, #060b18);
     font-family: Arial, sans-serif;
 }
 
 .sochiot-hotel-services-container {
     max-width: 1200px;
     margin: 0 auto;
     display: flex;
     gap: 60px;
     align-items: flex-start;
 }
 
 .sochiot-hotel-services-image img {
     width: 100%;
     max-width: 550px;
     height: auto;
     margin-top: 20px;
     object-fit: cover;
     /* Add these */
     border-radius: 20px;
     /* Rounded corners */
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
     /* Soft shadow */
     transition: 0.3s ease;
 }
 
 .sochiot-hotel-services-content {
     flex: 1;
     margin-top: 20px;
 }
 
 .sochiot-hotel-services-title {
     font-size: 32px;
     font-weight: 600;
     margin-bottom: 10px;
     color: #fff;
 }
 
 .sochiot-hotel-services-divider {
     width: 47%;
     height: 3px;
     background-color: #fff;
     margin-bottom: 30px;
 }
 
 .sochiot-hotel-services-item {
     margin-bottom: 15px;
 }
 
 .sochiot-hotel-services-item h4 {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 2px;
     color: #fff;
 }
 
 .sochiot-hotel-services-item p {
     font-size: 15px;
     line-height: 1.5;
     color: #fff;
 }
 /* Responsive */
 
 @media (max-width: 992px) {
     .sochiot-hotel-services-container {
         flex-direction: column;
     }
     .sochiot-hotel-services-image img {
         max-width: 100%;
     }
 }
 
 .whatsapp-float {
     position: fixed;
     bottom: 40px;
     right: 20px;
     width: 55px;
     height: 55px;
     background: #25D366;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
     z-index: 9999;
     transition: 0.3s ease;
 }
 
 .whatsapp-float img {
     width: 35px;
     height: 35px;
 }
 
 .whatsapp-float:hover {
     transform: scale(1.1);
 }