:root {--primary: #007bff;--primary-dark: #0056b3;--dark-bg: #121212;--light-bg: #f4f7fa;--text-dark: #222;--text-light: #f0f0f0;--accent: #f7f9fc;--card-bg: #ffffff;--card-dark-bg: #1e1e1e;--shadow: 0 10px 25px rgba(0, 0, 0, 0.1);}

body {margin: 0;font-family: 'Segoe UI', sans-serif;background: var(--light-bg);
color: var(--text-dark);transition: background 0.4s ease, color 0.4s ease;}
.dark-mode {background: var(--dark-bg);color: var(--text-light);}
.container {
max-width: 1150px;margin: auto;padding: 20px;}

/* Light/Dark Mode Toggle */
.mode-toggle-wrapper {display: flex;align-items: center;justify-content: flex-end;margin-bottom: 10px;}
.mode-label {margin-right: 10px;}
.switch {position: relative;display: inline-block;width: 50px;height: 26px;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: 0.4s;border-radius: 34px;}
.slider:before {position: absolute;content: "";height: 18px;width: 18px;left: 4px;bottom: 4px;background-color: white;transition: 0.4s;border-radius: 50%;}
input:checked + .slider {background-color: var(--primary);}
input:checked + .slider:before {transform: translateX(24px);}
.swiper-slide {opacity: 0 !important;transition: opacity 0.6s ease-in-out;}
.swiper-slide-active {opacity: 1 !important;}
.fade-in {animation: fadeIn 1s ease-in forwards;}
@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
.swiper-button-next::after,
.swiper-button-prev::after {font-size: 15px !important;color: whitesmoke !important;background-color: #4e7aab !important;border-radius: 50%;width: 35px !important;height: 35px !important;display: flex;align-items: center;justify-content: center;text-align: center;padding: 0;}
.swiper-button-next, .swiper-button-prev {width: calc(var(--swiper-navigation-size) / 35 * 35) !important;}

.logo-container {display: flex;align-items: center;gap: 15px; }
.company-name h1 {font-size: 1.5rem;color: #333;margin: 0;}
.logo-slider-row {display: flex;flex-wrap: nowrap;gap: 30px;align-items: center;margin-bottom: 20px;}
.logo-col {flex: 0 0 220px;max-width: 220px;}
.slider-col {flex: 1;min-width: 0;}

/* Company Logo */
.company-logo {text-align: center;}
.company-logo img {width: 100%;max-width: 130px;height: auto;border-radius: 50%;transition: transform 0.3s ease;}
.company-logo img:hover {transform: scale(1.05);}
.gallery-section {background: var(--accent);padding: 0px;border-radius: 12px;box-shadow: var(--shadow);}
.dark-mode .gallery-section {background: var(--card-dark-bg);}
.swiper {width: 100%;border-radius: 12px;overflow: hidden;}
.swiper-slide img {width: 100%; height: 100%; max-height: 250px;object-fit: cover;border-radius: 12px;transition: transform 0.3s ease;}
.swiper-slide img:hover {transform: scale(1.02);}

/* Description */
.description {margin-top: 30px;font-size: 1.05rem;line-height: 1.7;}
.address {margin-top: 15px;font-style: italic;color: #666;}
.dark-mode .address {color: #bbb;}

/* Map + Video Two Column Layout */
.media-row {display: flex;flex-wrap: wrap;gap: 20px;margin-top: 30px;}
.map-col, .video-col {flex: 1 1 48%;min-width: 300px;}
.map {width: 100%;height: 300px;border: none;border-radius: 12px;box-shadow: var(--shadow);}
.video-section {height: 100%;background: var(--accent);border-radius: 12px;overflow: hidden;box-shadow: var(--shadow);}
.dark-mode .video-section {background: var(--card-dark-bg);}
.video-section iframe {width: 100%;height: 100%;border: none;}


/* Social Icons */
.social-icons {margin-top: 0px;display: flex;gap: 16px;flex-wrap: wrap; float: right;}
.social-icons a {width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #ffffff;color: #96044f;font-size: 1.3rem;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.226);transition: all 0.3s ease;text-decoration: none;}
.dark-mode .social-icons a {background: #1e1e1e;color: var(--text-light);box-shadow: 0 4px 12px rgba(255, 255, 255, 0.05);}
.social-icons a:hover {transform: translateY(-4px) scale(1.1);box-shadow: 0 8px 20px rgba(0, 123, 255, 0.3);}
.social-icons a.facebook:hover {background-color: #3b5998;color: #fff;}
.social-icons a.twitter:hover {background-color: #1da1f2;color: #fff;}
.social-icons a.linkedin:hover {background-color: #0077b5;color: #fff;}
.social-icons a.instagram:hover {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 90%);color: #fff;}
@media (max-width: 768px) {
.logo-slider-row {flex-direction: column;align-items: center;}
.logo-col,.slider-col {max-width: 100%;flex: 1 1 100%;}
.company-logo img {max-width: 140px;}
/* .media-row {flex-direction: column;} */
.map,.video-section iframe {height: 240px;}
.social-icons {justify-content: center;}}




/* video slider */
.video-sliderr-container {position: relative;width: 100%;max-width: 960px;height: 250px; overflow: hidden;background: #000;border-radius: 10px;margin: 0 auto;}
.video-sliderr-wrapper {display: flex;transition: transform 0.5s ease-in-out;will-change: transform;height: 100%;}
.video-sliderr-slide {min-width: 100%;box-sizing: border-box;height: 100%;}
.video-sliderr-frame {position: relative;height: 100%;padding-bottom: 0; }
.video-sliderr-frame iframe,
.video-sliderr-frame video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;}
.video-sliderr-btn {position: absolute;top: 50%;transform: translateY(-50%);background-color: rgba(255, 255, 255, 0.2);color: white;border: none;padding: 0px 12px;font-size: 24px;cursor: pointer;z-index: 10;border-radius: 50%;transition: background-color 0.3s ease;}
.video-sliderr-btn:hover {background-color: rgba(255, 255, 255, 0.4);}
.video-sliderr-btn.prev {left: 10px;}
.video-sliderr-btn.next {right: 10px;}
.video-sliderr-pagination {text-align: center;padding: 15px 0;}
.video-sliderr-dot {height: 10px;width: 10px;margin: 0 6px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background 0.3s;cursor: pointer;}
.video-sliderr-dot.active {background-color: #007aff;}