/**=====================================================================
* Frontend CSS custom developed for the LTcms and further adjusted to
* UCOLD specs. Thanks to team at - by LWEGATECH
============================================================================**/
:root {
    --ltc-font: 'Poppins', 'Segoe UI', sans-serif;
    --ltc-font-2: "Open Sans", sans-serif;
    --ltc-font-3: "Anton", sans-serif;
    --ltc-base: #000000;
    --ltc-base-rgb: 17, 26, 76;
    --ltc-orange: #bf0c10;
    --ltc-orange-rgb: 191, 12, 16;
    --ltc-yellow: #f5d800;
    --ltc-yellow-rgb: 245, 216, 0;
    --ltc-white: #ffffff;
    --ltc-white-rgb: 255, 255, 255;
    --ltc-black: #000;
    --ltc-black-rgb: 51, 51, 51;
    --ltc-gray: #777777;
    --ltc-gray-rgb: 119, 119, 119;
    --ltc-primary: #5e70d0;
    --ltc-primary-rgb: 94, 112, 208;
    --ltc-font-size: 15px;
    --gradient-primary: linear-gradient(135deg, var(--ltc-base) 0%, var(--ltc-primary) 100%);
    --gradient-accent: linear-gradient(135deg, var(--ltc-orange) 0%, #f5a76e 100%);
    --gradient-dark-to-medium: linear-gradient(135deg, var(--ltc-base) 0%, var(--ltc-primary) 100%);
    --gradient-top: linear-gradient(135deg, rgba(26,54,93,1) 0%, rgba(66,153,225,0.8) 100%);
    --gradient-logo: linear-gradient(135deg, #ffffff 0%, #ebf8ff 100%);
    --accent: #f6ad55;
    --accent-dark: #dd6b20;
    --light: #ebf8ff;
    --text: #2d3748;
    --text-light: #f7fafc;
  }

::selection {background:var(--ltc-orange);color:var(--ltc-white);text-shadow:none;}
::-webkit-selection {background:var(--ltc-orange);color:var(--ltc-white);text-shadow:none;}
::-moz-selection {background:var(--ltc-orange);color:var(--ltc-white);text-shadow:none;}
::-webkit-scrollbar {width: 8px; background:var(--ltc-base);}
::-webkit-scrollbar-thumb {	background: var(--ltc-primary); }
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', 'Segoe UI', sans-serif;
}

body {padding-top: 120px;color: var(--text);}
 /* Custom slider animations - won't conflict with AOS */
.slider-fade-up {animation: sliderFadeUp 0.8s ease 1.4s both;}
.slider-fade-left {animation: sliderFadeLeft 1.1s ease 1.4s both;}
.slider-fade-right {animation: sliderFadeRight 1.2s ease 1.6s both;}
@keyframes sliderFadeUp {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes sliderFadeLeft {
    0% { opacity: 0; transform: translateX(-20px); }
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes sliderFadeRight {
    0% { opacity: 0; transform: translateX(20px); }
    100% { opacity: 1; transform: translateX(0); }
}

.fade-up {opacity: 0;transform: translateY(20px);transition: opacity 0.6s ease-out, transform 0.6s ease-out;    will-change: opacity, transform;}
.fade-up.active {opacity: 1;transform: translateY(0);}
.fade-up.delay-1 { transition-delay: 0.2s; }
.fade-up.delay-2 { transition-delay: 0.4s; }
.fade-up.delay-3 { transition-delay: 0.6s; }

/** ===================================================================================
* Header & Menu
*======================================================================================*/
.menu-container {width: 100%;position: fixed;top: 0;left: 0;z-index: 1000;background-size: 200% 200%;animation: gradientShift 15s ease infinite;transition: all 0.3s ease;}
.menu-container.sticky {box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);}
@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Top Bar */
.top-bar {display: flex;justify-content: space-between;align-items: center;padding: 8px 5%;height: 40px;position: relative;overflow: hidden;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);background-color: var(--ltc-base);transition: all 0.3s ease;
}
.menu-container.sticky .top-bar {height: 0;padding: 0;overflow: hidden;opacity: 0;}
.top-bar::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 1px;background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);}
.top-content {display: flex;width: 100%;justify-content: space-between;align-items: center;}
.contact-info, .social-icons {display: flex;align-items: center;gap: 25px;}
.contact-info a {color: rgba(var(--ltc-white-rgb), 0.9);text-decoration: none;font-size: 0.8rem;font-weight: 300;letter-spacing: 0.5px;position: relative;display: flex;align-items: center;gap: 8px;transition: all 0.3s ease;}
.contact-info a:hover {color: var(--text-light);}
.contact-info a::after {content: '';position: absolute;bottom: -4px;left: 0;width: 0;height: 1px;
    background: var(--accent);transition: width 0.4s cubic-bezier(0.65, 0, 0.35, 1);}
.contact-info a:hover::after {width: 100%;}
.contact-info i {font-size: 0.8rem;color: var(--accent);}
.social-icons a {color: rgba(var(--ltc-white-rgb), 0.8);text-decoration: none;width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);position: relative;overflow: hidden;}
.social-icons a::before {content: '';position: absolute;width: 100%;height: 100%;border-radius: 50%;    background: var(--accent);transform: scale(0);transition: transform 0.3s ease;z-index: -1;}
.social-icons a:hover {color: var(--text-light);transform: translateY(-2px);}
.social-icons a:hover::before {transform: scale(1);}
.main-nav {display: flex;justify-content: space-between;align-items: center;height: 80px;line-height: 80px; position: relative;    backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);background-color: rgba(255, 255, 255, 0.85);box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;}
.menu-container.sticky .main-nav {height: 70px;background-color: rgba(var(--ltc-white-rgb), 0.95);}
.main-nav::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 1px;background: linear-gradient(90deg, transparent, rgba(0,0,0,0.1), transparent);}
.menu-container.sticky .logo-container {top: -25px;}

.logo-container {position: absolute;left: 50%;transform: translateX(-50%);z-index: 1001;top: -15px;filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.1));background: transparent;transition: all 0.3s ease;}
.logo {background: transparent;padding: 0 40px;display: flex;align-items: center;border-radius: 0 0 8px 8px;position: relative;overflow: hidden;transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);}
.logo:hover {transform: translateY(-3px);}
.logo img {height: 140px;width: auto;transition: transform 0.4s ease;}
.logo:hover img {transform: scale(1.05);}

.menu-container.sticky .logo img {height: 90px;margin-top: 40px;}
.nav-section {flex: 1;display: flex;}
.nav-left {justify-content: flex-start;}
.nav-right {justify-content: flex-end;}
.nav-links {display: flex;list-style: none;align-items: center;height: 100%;font-family: 'montserrat', Sans-serif;margin: 0;padding: 0;}
.nav-links > li {position: relative;height: 100%;display: flex;align-items: center;}
.nav-links > li > a {color: var(--ltc-base);text-decoration: none;padding: 10px 22px;font-weight: 500;font-size: 1.0rem;height: 100%;display: flex;align-items: center;position: relative;transition: all 0.3s ease;font-family: 'montserrat', Sans-serif;}
.nav-links > li > a::after {content: '';position: absolute;bottom: -5px;left: 0;width: 80%;height: 2px;background: var(--primary-light);transform: scaleX(0);transform-origin: right;transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);}
.nav-links > li > a:hover {color: var(--ltc-base);}
.nav-links > li > a:hover::after {transform: scaleX(1);transform-origin: left;}
.dropdown {position: absolute;top: calc(100% + 5px);left: 0;background: var(--ltc-white);width: 240px;box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);border-radius: 8px;opacity: 0;visibility: hidden;transform: translateY(15px) rotateX(-15deg);transform-origin: top center;transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);z-index: 100;padding: 5px 0;}
.dropdown::before {content: '';position: absolute;top: -5px;left: 25px;width: 15px;height: 15px;background: var(--ltc-white);transform: rotate(45deg);z-index: -1;box-shadow: -3px -3px 5px rgba(0, 0, 0, 0.05);}
.nav-links > li:hover .dropdown {opacity: 1;visibility: visible;transform: translateY(0) rotateX(0);}
.dropdown li {position: relative;overflow: hidden;line-height: 25px;}
.dropdown li::before {content: '';position: absolute;top: 0;left: 0;width: 3px;height: 100%;background: var(--ltc-orange);transform: translateY(100%);transition: transform 0.3s ease;}
.dropdown li:hover::before {transform: translateY(0);}
.dropdown li a {display: block;padding: 12px 25px;color: var(--text);text-decoration: none;font-size: 0.9rem;transition: all 0.3s ease;position: relative;z-index: 1;}
.dropdown li a:hover {color: var(--ltc-base);padding-left: 30px;background: rgba(66, 153, 225, 0.05);}
.nav-icons {display: flex;margin-left: 30px;gap: 15px;align-self: center;}
.nav-icons a {color: var(--ltc-base);text-decoration: none;font-size: 1.1rem;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);position: relative;}
.nav-icons a::before {content: '';position: absolute;width: 100%;height: 100%;border-radius: 50%;background: rgba(66, 153, 225, 0.1);transform: scale(0);transition: transform 0.3s ease;z-index: -1;}
.nav-icons a:hover {color: var(--text-light);background: var(--primary-light);transform: translateY(-3px);}
.nav-icons a:hover::before {transform: scale(1.5);opacity: 0;}
.mobile-menu-btn {display: none;background: none;border: none;color: var(--ltc-black);font-size: 1.5rem;cursor: pointer;padding: 10px;z-index: 1002;position: absolute;left: 20px;}
.mobile-icons {display: none;position: absolute;right: 20px;z-index: 1002;}


.modal-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(4px);z-index: 2000;opacity: 0;visibility: hidden;transition: all 0.3s ease;}
.modal-overlay.active {opacity: 1;visibility: visible;}
.modal {position: fixed;top: 0;right: -35%;width: 35%;height: 100vh;background: white;box-shadow: -5px 0 25px rgba(0, 0, 0, 0.15);transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);overflow-y: auto;display: flex;flex-direction: column;}
.modal-overlay.active .modal {right: 0;}
.modal-header {padding: 40px 40px 20px;border-bottom: 1px solid #e2e8f0;position: relative;background: linear-gradient(135deg, #f8fafc 0%, #ebf8ff 100%);}
.modal-title {color: #1a365d;font-size: 1.8rem;font-weight: 600;margin-bottom: 5px;font-family: 'montserrat', Sans-serif;}
.modal-subtitle {color: #2d3748;font-size: 0.95rem;opacity: 0.8;margin: 0;}
.close-btn {position: absolute;top: 20px;right: 20px;background: none;border: none;font-size: 1.5rem;color: #1a365d;cursor: pointer;width: 35px;height: 35px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}
.close-btn:hover {background: rgba(26, 54, 93, 0.1);transform: rotate(90deg);}
.modal-body {flex: 1;padding: 40px;}
.form-group {margin-bottom: 25px;}
.form-group label {display: block;color: #1a365d;font-weight: 500;margin-bottom: 8px;font-size: 0.9rem;font-family: 'montserrat', Sans-serif;}
.form-group input {width: 100%;padding: 12px 16px;border: 2px solid #e2e8f0;border-radius: 8px;font-size: 1rem;color: #2d3748;transition: all 0.3s ease;background: #f8fafc;}
.form-group input:focus {outline: none;border-color: #4299e1;background: white;box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.1);}
.signup-fields {max-height: 0;overflow: hidden;transition: max-height 0.4s ease;}
.signup-fields.active {max-height: 200px;}
.submit-btn {width: 100%;padding: 14px;background: linear-gradient(135deg, #1a365d 0%, #2c5282 100%);color: var(--ltc-white);border: none;border-radius: 8px;font-size: 1rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;margin-top: 10px;font-family: 'montserrat', Sans-serif;}
.submit-btn:hover {background: linear-gradient(135deg, #2c5282 0%, #4299e1 100%);transform: translateY(-2px);box-shadow: 0 5px 15px rgba(26, 54, 93, 0.3);}
.form-toggle {text-align: center;margin-top: 30px;padding-top: 25px;border-top: 1px solid #e2e8f0;}
.form-toggle span {color: #2d3748;font-size: 0.9rem;}
.toggle-link {color: #2c5282;text-decoration: none;font-weight: 500;margin-left: 5px;transition: color 0.3s ease;}
.toggle-link:hover {color: #4299e1;}

.search-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(17, 42, 76, 0.5);display: none;justify-content: center;align-items: center;z-index: 9999;transition: opacity 0.3s ease;}
.search-overlay.active {display: flex;}
.search-box {position: relative;width: 90%;max-width: 600px;bottom: 25vh;}
.search-close {position: absolute;top: -15px;right: -15px;background-color: #fff;border: none;border-radius: 50%;width: 30px;height: 30px;font-size: 1.2rem;color: #333;cursor: pointer;box-shadow: 0 2px 6px rgba(0,0,0,0.3);display: flex;justify-content: center;align-items: center;}
.search-btn {position: absolute;right: 30px;top: 50%;transform: translateY(-50%);background: none;border: none;color: #333;font-size: 1.3rem;cursor: pointer;padding: 0;z-index: 10;}
.search-box input {width: 100%;font-size: 1.2rem;border: none;border-radius: 8px;outline: none;padding: 15px 50px 15px 20px;box-shadow: 0 4px 20px rgba(0,0,0,0.15);}
.hero-slider-parallax {position: relative;height: 100vh;overflow: hidden;}
.hero-slider-parallax .hero-slide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;opacity: 0;transition: opacity 1s ease;z-index: 1;}
.hero-slider-parallax .hero-slide.active {opacity: 1;z-index: 2;}
.hero-slider-parallax .hero-content {position: relative;z-index: 3;height: 100%;display: flex;align-items: center;color: var(--ltc-white);text-shadow: 1px 1px 3px rgba(0,0,0,0.3);}
.hero-slider-parallax .parallax-layer {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.3) 100%);z-index: 2;}
.hero-slider-parallax .floating-element {position: relative;transition: transform 0.3s ease;}
.hero-slider-parallax .parallax-element {will-change: transform;}
.hero-slider-parallax .flag-badge {display: inline-block;background: rgba(255,255,255,0.2);backdrop-filter: blur(5px);padding: 8px 15px;border-radius: 30px;margin-bottom: 20px;font-weight: bold;border: 1px solid rgba(255,255,255,0.3);}
.hero-slider-parallax .accent-line {width: 80px;height: 4px;background: #FFC107;margin: 20px 0;}
.slider-controls {position: absolute;bottom: 2rem;left: 50%;transform: translateX(-50%);z-index: 10;display: flex;gap: 1rem;}
.slider-dots {display: flex;gap: 0.5rem;}
.slider-dot {width: 12px;height: 12px;border-radius: 50%;background: rgba(255,255,255,0.5);cursor: pointer;transition: all 0.3s ease;}
.slider-dot.active {background: var(--secondary);transform: scale(1.2);}
.hero-flush {position: absolute;bottom: 0;left: 0;width: 100%;height: 100px;background: url('https://www.transparenttextures.com/patterns/concrete-wall.png') repeat;background-size: 300px;z-index: 5;clip-path: polygon(0 40%, 100% 0, 100% 100%, 0% 100%);opacity: 0.3;}
.hero-badge {display: inline-block;background: var(--secondary);color: var(--dark);padding: 0.5rem 1.5rem;border-radius: 50px;font-weight: 700;margin-bottom: 1.5rem;font-size: 0.9rem;text-transform: uppercase;letter-spacing: 1px;}
.hero-title {font-size: 4rem;font-weight: 800;line-height: 1.2;margin-bottom: 1.5rem;text-shadow: 0 2px 10px rgba(0,0,0,0.3);}
.hero-subtitle {font-size: 1rem;max-width: 700px;margin-bottom: 2.5rem;opacity: 0.9;}
.hero-cta {display: flex;gap: 1rem;}
.scroll-down {position: absolute;bottom: 2rem;left: 50%;transform: translateX(-50%);color: var(--ltc-white);display: flex;flex-direction: column;align-items: center;cursor: pointer;}
.section-header {text-align: center;max-width: 900px;margin: 20px auto 2rem;padding: 0 1rem;}
.section-title {font-size: 3rem;font-weight: 700;color: var(--ltc-base);margin-bottom: 1rem;position: relative;display: inline-block;}
.section-title::after {content: "";display: block;height: 4px;width: 60px;background: #f6ad55;border-radius: 2px;margin: 0.5rem auto 0;}
.section-subtitle {font-size: 1.15rem;color: #64748b !important;line-height: 1.6;margin-top: 0.5rem;max-width: 700px;margin-left: auto;margin-right: auto;}
.feature-title {font-size: 1.75rem;color: #1e293b;font-weight: 600;margin-bottom: 1.2rem;position: relative;}
.feature-title::before {content: "★";color: #facc15;margin-right: 0.6rem;}
.features-section {padding: 4rem 2rem;background: #f5f9ff;text-align: center;}
.section-header {margin-bottom: 3rem;}
.section-title {font-size: 2.5rem;color: #112a4c;margin-bottom: 1rem;}
.section-subtitle {color: #555;max-width: 700px;margin: 0 auto;}
.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 2rem;}
.feature-card {background: #fff;padding: 2rem;border-radius: 1.5rem;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);transition: transform 0.3s ease;display: flex;flex-direction: column;align-items: center;}
.feature-card:hover {transform: translateY(-5px);}
.feature-icon {font-size: 2.5rem;color: #0a58ca;margin-bottom: 1rem;}
.feature-title {font-size: 1.5rem;color: #112a4c;margin-bottom: 1rem;}
.feature-desc {font-size: 1rem;color: #333;margin-bottom: 1rem;line-height: 1.6;}
.feature-examples {display: flex;gap: 1rem;justify-content: center;flex-wrap: wrap;margin-bottom: 1.2rem;}
.feature-examples .example {background: #eef3fa;padding: 0.4rem 0.8rem;border-radius: 1rem;font-size: 0.9rem;color: #0a58ca;display: flex;align-items: center;gap: 0.4rem;}
.feature-link {margin-top: auto;text-decoration: none;color: #0a58ca;font-weight: 600;transition: color 0.3s ease;}
.feature-link:hover {color: #06357a;}


.news-section {padding: 1rem 2rem;background: #fff;}
.news-container {max-width: 1200px;margin: 0 auto;}
.news-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 2rem;}
.news-card {background: white;border-radius: 5px;overflow: hidden;box-shadow: 0 10px 30px rgba(0,0,0,0.05);transition: all 0.3s ease;}
.news-card:hover {transform: translateY(-10px);box-shadow: 0 15px 40px rgba(0,0,0,0.1);}
.news-image {height: 200px;background-size: cover;background-position: center;}
.news-content {padding: 1.5rem;}
.news-date {color: var(--primary);font-weight: 600;margin-bottom: 0.5rem;}
.news-title{text-decoration:none;}
.news-title h3{font-size: 1.3rem;color: var(--ltc-base);margin-bottom: 1rem;}
.news-excerpt {color: #666;margin-bottom: 1.5rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;
    -webkit-box-orient: vertical;}
.news-link {color: var(--primary);font-weight: 600;display: inline-flex;align-items: center;gap: 0.5rem;}
.newsletter-section {padding: 2rem 2rem;background: rgba(var(--ltc-orange-rgb),0.7);;position: relative;overflow: hidden;}
.newsletter-container {max-width: 800px;margin: 0 auto;position: relative;z-index: 2;text-align: center;}
.newsletter-title {font-size: 2.2rem;color: var(--ltc-white);margin-bottom: 1.5rem;}
.newsletter-desc {color: rgba(255,255,255,0.8);margin-bottom: 2rem;font-size: 1.1rem;max-width: 600px;margin-left: auto;margin-right: auto;}
.newsletter-form {display: flex;max-width: 500px;margin: 0 auto;background: white;border-radius: 50px;overflow: hidden;box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.newsletter-input {flex: 1;padding: 1rem 1.5rem;border: none;font-size: 1rem;outline: none;}
.newsletter-btn {background: #f57c2b;color: var(--ltc-white);border: none;padding: 1rem 2rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;}
.newsletter-btn:hover {background: #f57c2b;}
.newsletter-pattern {position: absolute;top: 0;right: 0;width: 300px;height: 100%;background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle cx="25" cy="25" r="3" fill="%23ffffff" fill-opacity="0.9"/><circle cx="75" cy="25" r="3" fill="%23ffffff" fill-opacity="0.9"/><circle cx="25" cy="75" r="3" fill="%23ffffff" fill-opacity="0.9"/><circle cx="75" cy="75" r="3" fill="%23ffffff" fill-opacity="0.9"/></svg>');background-size: 100px 100px;opacity: 0.3;}

.newsletter-container {max-width: 800px;margin: 0 auto;}
.newsletter-title {font-size: 2rem;margin-bottom: 1.5rem;}
.newsletter-desc {margin-bottom: 2rem;opacity: 0.9;}
.newsletter-form {display: flex;max-width: 600px;margin: 0 auto;}
.newsletter-input {flex: 1;padding: 1rem;border: none;border-radius: 50px 0 0 50px;font-size: 1rem;}
.newsletter-btn {background: #f57c2b;color: var(--dark);border: none;padding: 0 2rem;border-radius: 0 50px 50px 0;font-weight: 700;cursor: pointer;transition: all 0.3s ease;}
.newsletter-btn:hover {background: #ffc720;}


.hero-slider {position: relative;height: 100vh;min-height: 800px;overflow: hidden;}
.hero-slide {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;display: flex;align-items: center;opacity: 0;transition: opacity 1s ease;}
.hero-slide.active {opacity: 1;z-index: 1;}
.hero-slide:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(rgba(26, 43, 80, 0.8), rgba(26, 43, 80, 0.8));}
.hero-content {position: relative;z-index: 2;max-width: 1200px;margin: 0 auto;padding: 0 2rem;}
.slider-controls {position: absolute;bottom: 2rem;left: 50%;transform: translateX(-50%);z-index: 10;display: flex;gap: 1rem;}
.slider-dots {display: flex;gap: 0.5rem;}
.slider-dot {width: 12px;height: 12px;border-radius: 50%;background: rgba(255,255,255,0.5);cursor: pointer;transition: all 0.3s ease;}
.slider-dot.active {background: var(--secondary);transform: scale(1.2);}
.hero-flush {position: absolute;bottom: 0;left: 0;width: 100%;height: 100px;background: url('https://www.transparenttextures.com/patterns/concrete-wall.png') repeat;background-size: 300px;z-index: 5;clip-path: polygon(0 40%, 100% 0, 100% 100%, 0% 100%);opacity: 0.3;}
.hero-badge {display: inline-block;background: var(--secondary);color: var(--dark);padding: 0.5rem 1.5rem;border-radius: 50px;font-weight: 700;margin-bottom: 1.5rem;font-size: 0.9rem;text-transform: uppercase;letter-spacing: 1px;}
.hero-title {font-size: 4rem;font-weight: 800;line-height: 1.2;margin-bottom: 1.5rem;text-shadow: 0 2px 10px rgba(0,0,0,0.3);}
.hero-cta {display: flex;gap: 1rem;}
.relaxer-section {position: relative;background-image: url('../images/dam 3.jpeg');background-size: cover;background-attachment: fixed;background-position: center;padding: 100px 20px;text-align: center;color: var(--ltc-white);}
.relaxer-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 1;}
.relaxer-content {position: relative;z-index: 2;max-width: 800px;margin: 0 auto;}
.relaxer-content h2 {font-size: 2.5em;margin-bottom: 20px;}
.relaxer-content p {font-size: 1.2em;margin-bottom: 30px;}
.relaxer-buttons .btn {display: inline-block;padding: 12px 30px;margin: 10px;border-radius: 5px;font-weight: bold;text-decoration: none;transition: 0.3s ease-in-out;}
.btn-primary {background-color: #003262;color: #fff;}
.btn-primary:hover {background-color: #001d3d;}
.btn-outline {border: 2px solid #fff;color: #fff;}
.btn-outline:hover {background-color: #fff;color: #003262;}
.about-float-section {padding: 0 20px;background: linear-gradient(145deg, #f0f6fb, #e4ecf3);position: relative;overflow: hidden;font-family: 'Segoe UI', sans-serif;}
.about-float-wrapper {max-width: 1300px;margin: auto;position: relative;display: flex;justify-content: center;align-items: center;min-height: 700px;}
.about-main-circle {width: 550px;height: 550px;background: #ffffff;border-radius: 50%;padding: 60px 50px;text-align: center;box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1);z-index: 2;position: relative;}
.about-main-circle h2 {font-size: 2.5rem;color: var(--ltc-base);margin-bottom: 20px;}
.about-main-circle p {font-size: 1.1rem;color: #334;line-height: 1.7;margin-bottom: 15px;}
.learn-more-btn {background-color: #11336c;color: var(--ltc-white);padding: 14px 30px;border-radius: 5px;text-decoration: none;font-weight: 600;display: inline-block;margin-top: 10px;transition: background-color 0.3s ease;}
.learn-more-btn:hover {background-color: #0c274f;}
.floating-circle {position: relative;width: 180px;height: 180px;margin: 15px;border-radius: 50%;overflow: hidden;box-shadow: 0 8px 16px rgba(0,0,0,0.3);cursor: pointer;transition: transform 0.3s ease;}
.floating-circle img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;transition: opacity 0.3s ease;}
.circle-label {position: absolute;top: 0;left: 0;right: 0;bottom: 0;color: var(--ltc-white);font-weight: bold;font-size: 1.1rem;background-color: rgba(0, 0, 0, 0.6);display: flex;justify-content: center;align-items: center;opacity: 0;transition: opacity 0.3s ease;text-align: center;padding: 10px;border-radius: 50%;}
.floating-circle:hover .circle-label {opacity: 1;}
.floating-circle {position: absolute;width: 200px;height: 200px;border-radius: 50%;overflow: hidden;border: 6px solid #ffffff;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);animation: float 6s ease-in-out infinite;z-index: 1;}
.img-circle img {width: 100%;height: 100%;object-fit: cover;display: block;border-radius: 50%;}
.img-circle.one {top: 5%;left: 10%;animation-delay: 0s;}
.img-circle.two {top: 15%;right: 12%;animation-delay: 1s;}
.img-circle.three {bottom: 15%;left: 5%;animation-delay: 2s;}
.img-circle.four {bottom: 10%;right: 10%;animation-delay: 3s;}


@keyframes float {0%, 100% {transform: translateY(0);}50% {transform: translateY(-20px);}}


.client-logos {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 2rem;}
.client-logo-item {flex: 0 0 calc(20% - 2rem);max-width: 180px;padding: 1rem;display: flex;align-items: center;justify-content: center;filter: grayscale(100%);opacity: 0.7;transition: all 0.3s ease;transform: scale(1);}
.client-logo-item:hover {filter: grayscale(0%);opacity: 1;transform: scale(1.5);}
.client-logo-item img {max-height: 60px;width: auto;max-width: 100%;}
@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}

/** ===========================================================
* ABOUT page template
*==============================================================*/
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
.about-hero{padding: 7rem 0;text-align: center;position: relative;color: var(--ltc-white);justify-content: center;}
.about-hero h2 {font-size: 2.75rem;margin-bottom: 1.5rem;animation: fadeInUp 0.8s ease;}
.about-hero .breadcrumb{justify-content: center;}
.about-hero .breadcrumb a{color:var(--ltc-yellow); margin-right:5px;text-decoration: none;}
.about-middle{background-color: var(--bg-light);padding-top:50px;padding-bottom:30px;}
.about-middle .modern-card {border: none;border-radius: 15px;overflow: hidden;box-shadow: 0 15px 30px rgba(0,0,0,0.1);transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);background: var(--ltc-white);position: relative;z-index: 1;}
.modern-card::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 5px;background: var(--gradient-primary);z-index: 2;}
.modern-card:hover {transform: translateY(-10px);box-shadow: 0 25px 50px rgba(0,0,0,0.15); }
.modern-card-header {background: var(--gradient-primary);color: var(--ltc-white);padding: 1.5rem;position: relative;overflow: hidden;}
.modern-card-header::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: var(--ltc-yellow);}
.stats-section{background: rgba(var(--ltc-base-rgb), 0.05) ;padding-top:80px;padding-bottom:50px;}
.stat-card {background: var(--ltc-white);border-radius: 15px;padding: 2rem;box-shadow: 0 10px 30px rgba(0,0,0,0.1);text-align: center;position: relative;overflow: hidden;border: 1px solid rgba(94, 112, 208, 0.1);box-shadow: 0 10px 30px rgba(0,0,0,0.05);transition: transform 0.3s ease;}
.stat-card:hover {transform: translateY(-10px);}
.stat-number {font-size: 3.5rem;font-weight: 800;background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;line-height: 1;}
.about-parallax {position: relative;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden; padding-top:80px;padding-bottom:50px;}
.parallax-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(var(--ltc-black-rgb),0.4);z-index: 1;}
.parallax-content {position: relative;z-index: 2;padding-top:50px;padding-bottom:30px;}

.about-focus{padding-top:50px;padding-bottom:30px;}
.about-focus .icon-card-3d {background: var(--ltc-white);border-radius: 15px;padding: 2rem;box-shadow: 0 10px 30px rgba(0,0,0,0.1);transition: all 0.4s ease;text-align: center;position: relative;overflow: hidden;transform-style: preserve-3d;border: 1px solid rgba(94, 112, 208, 0.1);}
.about-focus .icon-card-3d::before {content: ''; position: absolute;top: 0;left: 0;width: 100%;height: 5px;     background: var(--gradient-primary);}
.about-focus .icon-card-3d:hover { transform: translateY(-10px) rotateX(5deg);box-shadow: 0 20px 40px rgba(0,0,0,0.2);}
.about-focus .icon-card-3d i {font-size: 3rem;margin-bottom: 1rem; background: var(--gradient-primary);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}

.partners-clean-section {background-color: #f8f9fa;}
.partner-tabs {position: relative;}
.tab-labels {display: flex;justify-content: center;flex-wrap: wrap;gap: 1rem;}
.tab-label {cursor: pointer;padding: 0.6rem 1.4rem;border-radius: 30px;background-color: #dee2e6;color: var(--ltc-base);font-weight: 500;transition: background-color 0.3s ease, color 0.3s ease;}
#tab-intl:checked ~ .tab-labels label[for="tab-intl"],
#tab-national:checked ~ .tab-labels label[for="tab-national"] {background-color: var(--ltc-base);color: var(--ltc-white);}
.tab-content-wrapper .tab-content {display: none;animation: fadeIn 0.4s ease;}
#tab-intl:checked ~ .tab-content-wrapper .intl-tab {display: block;}
#tab-national:checked ~ .tab-content-wrapper .national-tab {display: block;}
.partner-card {background: var(--ltc-white);border-radius: 12px;padding: 2rem 1.5rem;text-align: center;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);transition: all 0.3s ease;}
.partner-card:hover {transform: translateY(-8px);box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);}
.partner-icon {font-size: 2rem;margin-bottom: 1rem;}
.partner-card img{height: 50px;margin-bottom:10px;}
.partner-card h5{font-size: 1rem;font-weight: 700;color:var(--ltc-base)}
.partner-card p{font-size: 12px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}



/** ===========================================================
* DAMs page template
*==============================================================*/
.dam-hero {min-height: 70vh; background-size: cover; background-position: center; color: var(--ltc-white); display: flex; align-items: center; text-align: center; position: relative; padding: 80px 0;}
.dam-badge {display: inline-block; background-color: var(--ltc-orange); color: var(--ltc-white); padding: 8px 20px; border-radius: 50px; font-weight: bold; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 1px; margin-bottom: 20px;}
.dam-hero h1 {font-size: 3.5rem; margin-bottom: 10px;}
.dam-hero h1 span {font-size: 2rem; display: block; font-weight: normal;}
.dam-location {font-size: 1.2rem; margin-bottom: 40px;}
.dam-stats {display: flex; justify-content: center; gap: 30px; margin-top: 40px;}
.stat {background: rgba(255,255,255,0.1); backdrop-filter: blur(5px); padding: 20px 30px; border-radius: 10px; min-width: 120px;}
.stat-value {font-size: 2.2rem; font-weight: bold; margin-bottom: 5px;}
.stat-label {font-size: 0.9rem; opacity: 0.9;}

/* Dam Overview Section */
.dam-overview {padding: 80px 0;}
.grid-container {display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center;}
.overview-content h2 {font-size: 2.5rem; color: var(--primary-dark); margin-bottom: 20px;}
.overview-content p {font-size: 1.1rem; margin-bottom: 30px; color: var(--lfc-gray);}
.technical-specs {background: rgba(var(--ltc-primary-rgb),0.1); padding: 25px; border-radius: 10px;}
.technical-specs h3 {color: var(--primary-medium); margin-bottom: 15px;}
.technical-specs ul {list-style-type: none; padding: 0;}
.technical-specs li {margin-bottom: 10px; padding-left: 25px; position: relative;}
.technical-specs li:before {content: "\F28A"; font-family: "bootstrap-icons"; color: var(--ltc-orange); font-size: 0.8rem; position: absolute; left: 0;}
.overview-image {border-radius: 10px; overflow: hidden; box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
.overview-image img {width: 100%;min-height: 550px; display: block;object-fit: cover}
.image-caption {font-size: 0.9rem; text-align: center; margin-top: 10px; color: var(--lfc-gray);}

/* Dam Impact Section */
.dam-impact {padding: 80px 0; background-color: var(--ltc-base); color: var(--ltc-white);}
.dam-impact h2 {text-align: center; font-size: 2.5rem; margin-bottom: 50px; color: inherit;}
.impact-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px;}
.impact-card {background: var(--ltc-white); padding: 30px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center;}
.impact-icon {width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; color: var(--ltc-white); font-size: 1.8rem;}
.impact-card h3 {font-size: 1.5rem; margin-bottom: 15px; color: var(--ltc-black);}
.impact-card p {color: var(--ltc-black) !important;}

/* Dam Gallery Section */
.dam-gallery {padding: 80px 0;}
.dam-gallery h2 {text-align: center; font-size: 2.5rem; margin-bottom: 50px; color: var(--primary-dark);}
.gallery-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px;}
.gallery-item {border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease; height: 250px;}
.gallery-item:hover {transform: translateY(-10px);}
.gallery-item img {width: 100%; height: 100%; object-fit: cover;}
.dam-timeline{padding:60px 0;background-color:var(--bg-light);}
.timeline-item{position:relative;padding-left:50px;margin-bottom:40px;}
.timeline-year{position:absolute;left:0;top:0;width:40px;height:40px;background-color:var(--primary-accent);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;}
.timeline-content{background:white;padding:20px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.dam-map{padding:60px 0;text-align:center;}
.map-container{height:400px;background-color:#eee;border-radius:10px;overflow:hidden;margin-top:30px;position:relative;}
.map-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fc 0%,#e4e9f2 100%);color:var(--lfc-gray);}
.technical-table{width:100%;border-collapse:collapse;margin:20px 0;}
.technical-table th{background-color:var(--primary-dark);color:white;padding:12px;text-align:left;}
.technical-table td{padding:10px 12px;border-bottom:1px solid #eee;}
.technical-table tr:nth-child(even){background-color:#f9f9f9;}
.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:30px 0;border-radius:10px;}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.download-resources{background-color:var(--bg-light);padding:40px;border-radius:10px;margin:40px 0;}
.download-item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #ddd;}
.download-icon{margin-right:15px;color:var(--primary-medium);font-size:1.5rem;}
.download-info{flex:1;}
.download-size{color:var(--lfc-gray);font-size:0.9rem;}

/** ===========================================================
* Team Page template
*==============================================================*/
.team-page{padding-top: 50px;padding-bottom:30px;}
.hover-member-card{position:relative;height:450px;overflow:hidden;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.08);transition:all 0.3s ease;margin-bottom:30px;}
.hover-member-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.12);}
.hover-member-image{width:100%;height:100%;object-fit:cover;transition:all 0.5s ease;}
.hover-member-overlay{position:absolute;bottom:0;left:0;right:0;background:var(--ltc-base);padding:20px;color:var(--ltc-white);height:auto;display:flex;flex-direction:column;justify-content:flex-end;transition:all 0.4s ease;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.3) transparent;}
.hover-member-overlay::-webkit-scrollbar{width:4px;}
.hover-member-overlay::-webkit-scrollbar-track{background:transparent;}
.hover-member-overlay::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.3);border-radius:2px;}
.hover-member-overlay::-webkit-scrollbar-thumb:hover{background-color:rgba(255,255,255,0.5);}
.hover-member-card:hover .hover-member-overlay{height:70%;padding:30px 20px;justify-content:flex-start;}
.hover-member-name,.hover-member-position{opacity:1 !important;transform:translateY(0) !important;flex-shrink:0;}
.hover-member-card:hover .hover-member-image{transform:scale(1.05);}
.hover-member-name{font-size:1.2rem;font-weight:700;margin-bottom:5px;}
.hover-member-position{font-size:15px;font-weight:600;margin-bottom:15px;color:var(--accent);}
.hover-member-bio{font-size:12px;margin-bottom:20px;opacity:0;max-height:0;overflow:hidden;transition:all 0.3s ease;flex-shrink:0;}
.hover-member-card:hover .hover-member-bio{opacity:1;max-height:none;}
.hover-member-expertise{display:flex;flex-wrap:wrap;margin-bottom:15px;opacity:0;max-height:0;overflow:hidden;transition:all 0.3s ease 0.1s;flex-shrink:0;}
.hover-member-card:hover .hover-member-expertise{opacity:1;max-height:none;}
.hover-member-contact{font-size:0.9rem;opacity:0;max-height:0;overflow:hidden;transition:all 0.3s ease 0.2s;flex-shrink:0;margin-top:auto;}
.hover-member-card:hover .hover-member-contact{opacity:1;max-height:none;}
.hover-member-card:hover .hover-member-overlay::after{content:'';position:absolute;bottom:10px;right:15px;width:20px;height:3px;background:rgba(255,255,255,0.4);border-radius:2px;animation:scrollHint 2s infinite;}
 @keyframes scrollHint {
        0%, 100% { opacity: 0.4; }
        50% { opacity: 0.8; }
    }
    
    #about-committee {background:rgba(18, 3, 246, 0.15);}
/** ===========================================================
* Events
*===============================================================*/
.events-area{padding-top:50px;padding-bottom: 30px;}
.events-area .card-image img{width: 100%; height: 250px;background-size: cover; background-position: center;position: relative;}
.event-badge {position: absolute;top: 15px;right: 15px;background: var(--ltc-orange);color: var(--ltc-white);padding: 6px 12px;border-radius: 20px;font-size:12px; font-weight: 600;text-transform: uppercase;}
.events-area a{text-decoration:none;color:unset;}
.events-area .card h3{font-size:24px;color:var(--ltc-base);margin-bottom:15px;}
.events-area .card .meta{font-size:14px;color:var(--ltc-orange);}
.events-area .card .meta i{font-size:15px;color:var(--ltc-base);}
.events-area .card .excerpt{font-size:15px;overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;}
.events-area .card:hover {transform: translateY(-5px);box-shadow: 0 8px 20px rgba(0,0,0,0.12);}
.events-area .card .event-details{border-left:10px solid var(--ltc-orange);padding-top:10px;padding-bottom:10px;}
/** ===========================================================
* NEWS
*===============================================================*/
.news-area{padding-top:50px;padding-bottom: 30px;}
.news-header{padding-top:40px;padding-bottom:30px;}
.news-header h1{color: var(--ltc-gray);}
.news-area .content-block{padding-top:5px}
.news-area .sticky-sidebar{position: sticky; top: 20px;height: fit-content; overflow-y: hidden;}
.news-area h3{color:var(--ltc-black);margin-top: 0;font-size: 25px;font-weight:700;transition: 3s all;}
.news-area h3:hover{color: var(--ltc-client-red);transition: 2s ease-out;}
.news-area a{color: var(--ltc-client-red);text-decoration: none;}
.meta{margin-bottom: 1rem;}
.meta ul {padding-left: 0;list-style: none;margin-bottom: 0;display: flex;}
.meta ul li, .meta ul li a {color: #666666;font-weight: 400;margin-right: 15px;text-transform: capitalize;font-size: 12px;}
.related-news img {height: 60px;width: 60px;object-fit: cover;object-position: center;border-radius: 5px;}
.related-news h5 {font-size: 16px;font-weight: 400;overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;}
.related-news a{color: var(--ltc-black);transition: 1s all;}
.related-news a:hover{color: var(--ltc-client-red);transition: 2s ease-out;text-decoration:underline;}
.home-directory{background:var(--ltc-primary);border:0px;text-align: center;height: 400px;justify-content: space-evenly;}
.home-directory h2{color:var(--ltc-white)}
.home-directory h6{color:var(--ltc-yellow)}
.home-directory img{opacity: 0.65;}
.home-directory p{line-height: 1.1;color:var(--ltc-white);font-size: 85%;margin-top:0.6rem;margin-bottom:1rem;}

/** ===========================================================
* Team Page template
*==============================================================*/
.contact-section{padding: 4rem 0;background-color: #f5f7fa;}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:4rem;}
.contact-card{background:white;border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow);transition:var(--transition);}
.contact-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);}
.contact-card h3{font-size:1.8rem;color:var(--ltc-base);margin-bottom:1.5rem;position:relative;padding-bottom:0.75rem;font-weight: 100;}
.contact-card h3::after{content:'';position:absolute;width:50px;height:3px;background-color:var(--secondary);bottom:0;left:0;border-radius:2px;}
.info-item{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start;}
.info-icon{font-size:1.25rem;color:var(--secondary);background-color:var(--secondary-light);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.info-content h4{font-size:1.1rem;color:var(--dark);margin-bottom:0.25rem;}
.info-content p,.info-content a{color:var(--gray);line-height:1.6;font-size:0.95rem;}
.info-content a:hover{color:var(--primary);}
.social-links{display:flex;gap:0.75rem;margin-top:2rem;}
.social-links a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--light);color:var(--primary-dark);border-radius:50%;transition:var(--transition);}
.social-links a:hover{background-color:var(--primary);color:white;transform:translateY(-3px);}
.map-section{margin-top:4rem;}
.map-container{height:400px;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);}
.map-container:hover{box-shadow:var(--shadow-hover);}
.map-container iframe{width:100%;height:100%;border:none;filter:grayscale(20%) contrast(110%) brightness(95%);}

/** ===========================================================
* DOWNLOADS Page template
*==============================================================*/
.downloads{padding-top:50px;padding-bottom: 30px;}
.downloads .meta{font-size:12px;}
.sidebar-cat {border:0;padding: 0;width: 100%;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.sidebar-cat h3 {padding: 15px 20px;margin-bottom: 10px;font-size: 1.2rem;}
.sidebar-cat ul {list-style: none;padding: 0;margin: 0;}
.sidebar-cat li {border-bottom: 1px solid rgba(255,255,255,0.1);position: relative;overflow: hidden;}
.sidebar-cat li:last-child {border-bottom: none;}
.sidebar-cat li a {color: var(--ltc-base);text-decoration: none;padding: 12px 20px;display: flex;justify-content: space-between;align-items: center;
    position: relative;z-index: 1;transition: all 0.3s ease;}
.sidebar-cat li a::before {content: '';position: absolute;top: 0;
    right: 0;width: 0;height: 100%;background: rgba(17, 26, 76, 1);z-index: -1;transition: width 0.3s ease-out;}
.sidebar-cat li a:hover::before {width: 100%;right: auto;left: 0;border-left: 4px solid #dc3545;}
.sidebar-cat .icon {opacity: 0;transform: translateX(-10px);transition: all 0.3s ease;display: inline-block;}
.sidebar-cat li a:hover{color:var(--ltc-white);}
.sidebar-cat li a:hover .icon {opacity: 1;transform: translateX(0);color: var(--ltc-white);}

/** ===========================================================
* Footer
*==============================================================*/
.footer {background: var(--ltc-base);color: var(--ltc-white);padding: 4rem 2rem 2rem;}
.footer-container {max-width: 1200px;margin: 0 auto;display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;}
.footer-logo {height: 80px;margin-bottom: 1.5rem;}
.footer-about {margin-bottom: 1.5rem;opacity: 0.8;}
.footer-social {display: flex;gap: 1rem;}
.footer-social a {color: var(--ltc-white);font-size: 1.2rem;transition: all 0.3s ease;}
.footer-social a:hover {color: var(--secondary);}
.footer-title {font-size: 1.3rem;margin-bottom: 1.5rem;position: relative;padding-bottom: 0.5rem;}
.footer-title:after {content: '';position: absolute;bottom: 0;left: 0;width: 50px;height: 2px;background: var(--ltc-orange) !important;}
.footer-links {list-style: none;}
.footer-links li {margin-bottom: 0.8rem;text-decoration: none;}
.footer-links a {color: rgba(var(--ltc-white-rgb),0.8);transition: all 0.3s ease;text-decoration: none;}
.footer-links a:hover {color: var(--ltc-white);padding-left: 5px;}
.footer-bottom {text-align: center;padding-top: 1rem;font-size: 12px; margin-top: 1rem;border-top: 1px solid rgba(255,255,255,0.1);opacity: 0.7;}
.footer-bottom a{color:var(--ltc-primary);text-decoration: none;}

/** ===========================================================
* Membership Pages
*==============================================================*/
.value-proposition{padding:80px 0;}
.section-header{text-align:center;max-width:800px;margin:0 auto 50px;}
.section-header h2{font-size:2.5rem;color:var(--primary-dark);margin-bottom:15px;}
.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;}
.value-card{background:white;padding:30px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.05);text-align:center;transition:transform 0.3s ease;}
.value-card:hover{transform:translateY(-10px);}
.value-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:white;font-size:2rem;}
.value-card h3{font-size:1.5rem;margin-bottom:15px;color:var(--primary-dark);}
.benefits-section{padding:80px 0;}
.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;}
.benefit-category{background:white;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.benefit-category h3{font-size:1.3rem;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #eee;}
.benefit-category ul{list-style:none;padding:0;}
.benefit-category li{margin-bottom:12px;padding-left:25px;position:relative;}
.benefit-category li:before{content:"✓";color:var(--primary-accent);position:absolute;left:0;}

 
/** ==============================================================
* Member Registration
*=================================================================*/
.register-header{text-align:center;margin-bottom:2rem;}
.register-header h1{font-size:2.5rem;color:var(--primary-dark);}
.register-header p{color:var(--gray);max-width:700px;margin:0 auto;}
.register-form-container{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:2rem;}
.register .form-progress{display:flex;justify-content:center;margin-bottom:2rem;gap:1rem;}
.register .form-progress .step{width:40px;height:40px;background-color:var(--light-gray);border-radius:50%;color:var(--gray);font-weight:bold;display:flex;justify-content:center;align-items:center;transition:var(--transition);}
.register .form-progress .step.active{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-hover);}
.register .form-step{display:none;}
.register .form-step.active{display:block;}
.register .form-section{margin-bottom:2rem;}
.register .form-section-title{font-size:1.25rem;color:var(--primary-dark);margin-bottom:1rem;border-bottom:2px solid var(--light-gray);padding-bottom:0.5rem;position:relative;}
.register .form-section-title::after{content:'';width:60px;height:3px;background-color:var(--secondary);position:absolute;bottom:-2px;left:0;}
.register .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;}
.register .form-group{margin-bottom:1rem;}
.register .form-label{display:block;margin-bottom:0.5rem;font-weight:500;}
.register .form-label.required::after{content:' *';color:var(--secondary);}
.register .form-control{width:100%;padding:0.75rem;border:1px solid var(--light-gray);border-radius:var(--border-radius);background-color:var(--light);transition:var(--transition);}
.register .form-control:focus{border-color:var(--primary);outline:none;background-color:#fff;box-shadow:0 0 0 3px rgba(0,86,179,0.1);}
select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23343a40' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:16px 12px;}
.register .radio-group{display:flex;gap:1rem;}
.register .radio-option{display:flex;align-items:center;gap:0.5rem;}
.register .error{color:var(--error);font-size:0.875rem;margin-top:0.25rem;display:none;}
.register .form-group.invalid .form-control{border-color:var(--error);background-color:rgba(220,53,69,0.05);}
.register .form-group.invalid .error{display:block;}
.register .navigation-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem;}
.register .btn{background-color:var(--primary);color:#fff;padding:0.75rem 2rem;border:none;border-radius:var(--border-radius);font-weight:bold;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:0.5rem;}
.register .btn:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-hover);}
.register .form-note{text-align:center;margin-top:1rem;color:var(--gray);}
.register .success-message{display:none;background-color:#d4edda;color:#155724;padding:1rem;border-radius:var(--border-radius);margin-top:1.5rem;text-align:center;}
.membership-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem;}
.membership-type-card{position:relative;}
.membership-radio{position:absolute;opacity:0;}
.membership-label{display:block;background:white;border:2px solid #e9ecef;border-radius:var(--border-radius);padding:1.5rem;cursor:pointer;transition:var(--transition);height:100%;}
.membership-radio:checked + .membership-label{border-color:var(--primary);background-color:var(--primary-light);box-shadow:0 0 0 3px rgba(0,86,179,0.1);}
.membership-icon{font-size:2rem;color:var(--primary);margin-bottom:1rem;}
.membership-type-card h4{color:var(--primary-dark);margin-bottom:0.5rem;}
.membership-type-card p{color:var(--gray);margin-bottom:1rem;font-size:0.9rem;}
.membership-features{font-size:0.85rem;color:var(--dark);}
.membership-features p{margin-bottom:0.5rem;display:flex;align-items:flex-start;gap:0.5rem;}
.membership-features i{color:var(--success);margin-top:0.2rem;} 


/*===========================================================
# Back to top button
===========================================================*/
.back-to-top {  position: fixed;  visibility: hidden;  opacity: 0;  right: 15px;  bottom: 15px;  z-index: 99999;  background: var(--ltc-base);  width: 40px;  height: 40px;  border-radius: 4px;  transition: all 0.4s;}
.back-to-top i {  font-size: 24px;  color: var(--ltc-white);  line-height: 0;}
.back-to-top:hover {background: var(--ltc-orange);  color:var(--ltc-white);}
.back-to-top.active {visibility: visible;  opacity: 1;}

/** ==========================================================
*  Responsive / Mobile
*===============================================================*/
@media (max-width: 576px) {
    .main-nav{padding: 5px 0 !important;}
    .menu {
        flex-direction: column;
        width: 100%;
    }

    .menu-left,
    .menu-right {
        flex-direction: column;
        width: 100%;
    }

    .menu li {
        width: 100%;
        position: relative;
    }

    /* Fix dropdowns to show below */
    .menu li ul {
        position: static; /* remove absolute for mobile */
        display: none;
        width: 100%;
        padding-left: 1rem;
        background-color: #fff; /* adjust to match theme */
        border-top: 1px solid #ddd;
    }

    .menu li:hover ul,
    .menu li:focus-within ul {
        display: block; /* tap to show */
    }

    .menu li a {
        display: block;
        width: 100%;
        padding: 10px;
    }

    /* Show hamburger on mobile */
    .menu-toggle {
        display: block;
    }
    .hero-badge{font-size: 0.6rem;}
  .hero-slider-parallax {height: auto;min-height: 80vh;}
  .hero-title {font-size: 2.0rem !important;margin-bottom: 1rem;}
  .hero-subtitle {font-size: 0.9rem !important;margin-bottom: 1.5rem;}
  .hero-cta {flex-direction: column;gap: 0.5rem;}
  .btn {padding: 0.5rem 1rem;font-size: 0.9rem;}
  .hero-slide .col-lg-7 {padding: 2rem 1rem !important;}
   .about-float-wrapper{min-height: unset;}
  .relaxer-section {padding: 3rem 1rem;}
  .relaxer-content h2 {font-size: 1.5rem;}
  .relaxer-content p {font-size: 0.9rem;margin-bottom: 1.5rem;}
  .relaxer-buttons .btn {padding: 0.6rem 1rem;font-size: 0.9rem;margin: 0.3rem;}
  .news-section {padding: 1rem 0.5rem;}
  .news-grid {grid-template-columns: 1fr;}
  .news-card {margin-bottom: 1rem;}
  .news-title {font-size: 1.1rem;}
  .news-excerpt {font-size: 0.9rem;}
  .client-logo-item {flex: 0 0 calc(45% - 2rem)!important; }
  .about-float-section {padding: 2rem 0.5rem;}
  .about-main-circle {padding: 1.5rem;border-radius: 15px;}
  .about-main-circle h2 {font-size: 1.5rem;}
  .about-main-circle p {font-size: 0.9rem;}
  .floating-circle {width: 140px;height: 140px;margin: 0.5rem;}
  .circle-label {font-size: 0.8rem;}
  .features-section {padding: 2rem 0.5rem;}
  .section-title {font-size: 1.8rem;}
  .section-subtitle {font-size: 0.9rem;}
  .features-grid {grid-template-columns: 1fr;}
  .feature-card {padding: 1.5rem;}
  .feature-title {font-size: 1.3rem;}
  .feature-desc {font-size: 0.9rem;}
  .feature-examples .example {font-size: 0.8rem;padding: 0.3rem 0.6rem;}
  .dam-hero{min-height:60vh;padding:60px 0;}
  .dam-hero h1{font-size:2rem;}
  .dam-location{font-size:1rem;}
  .stat{padding:15px;min-width:80px;}
  .stat-value{font-size:1.8rem;}
}
@media (max-width: 768px) {
  .main-nav {line-height: normal;display: block !important;}
  .menu-container {position: absolute;}
  .nav-links > li {display: block;}
  .menu-container.expanded .nav-links > li.active .dropdown {
    display: block;background: rgba(51,51,51,0.5);}
  .mobile-icons {margin-top: 10px;}
  .modal {width: 100%;right: -100%;}
  .modal-header {padding: 50px 25px 15px;}
  .modal-body {padding: 120px 25px;}
  .modal-title {font-size: 1.5rem;}
  .client-logo-item {flex: 0 0 calc(33.333% - 2rem);}
  .why-choose-image {margin-bottom: 2rem;}
  .cta-section .btn {margin-bottom: 10px;}
  .about-hero h2 {font-size: 2.2rem;margin-bottom: 1.1rem;}
  .hero-slider-parallax {height: auto;min-height: 80vh;}
  .hero-title {font-size: 2.5rem} 
  .hero-subtitle {font-size: 1.2rem;}
  .hero-cta {flex-direction: column;}
  .newsletter-form {flex-direction: column;}
  .newsletter-input {border-radius: 50px;margin-bottom: 1rem;}
  .newsletter-btn {border-radius: 50px;padding: 1rem;}
  .newsletter-form {flex-direction: column;}
  .floating-circles-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;justify-items: center;  margin-bottom: 30px;}
  .floating-circle {width: 160px;height: 160px;animation: float 4s ease-in-out infinite;}
  .img-circle.one,
  .img-circle.two,
  .img-circle.three,
  .img-circle.four { position: static;animation: float 4s ease-in-out infinite;}
  .about-float-wrapper {flex-direction: column;align-items: center;padding: 60px 0px;}
  .about-main-circle {width: 96%;height: auto;border-radius: 25px;padding: 30px 5px;box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}
  .grid-container,.impact-grid{grid-template-columns:1fr;}
  .dam-hero h1{font-size:2.5rem;}
  .dam-stats{flex-wrap:wrap;}
}

@media (max-width: 992px) {
  body {padding-top: 80px;}
  .nav-section {flex: 1;display: flex;padding: 0 !important;margin: 0 !important;}
  .nav-left {justify-content: flex-start;}
  .nav-right {justify-content: flex-end;}
  .menu-container.sticky .logo img {height: 60px;margin-top: 0;}
  .mobile-menu-btn, .mobile-icons {display: flex;align-items: center;}
  .mobile-icons a {color: var(--ltc-base);font-size: 1.2rem;margin-left: 15px;}
  .menu-container {height: 80px;overflow: hidden;transition: height 0.3s ease;}
  .menu-container.expanded {height: 100vh;overflow-y: auto;background-color: var(--ltc-base);}
  .menu-container.expanded .main-nav {height: auto;min-height: 100vh;}
  .main-nav {flex-direction: column;height: auto;padding: 20px 0;backdrop-filter: none;background: transparent;}
  .menu-container.sticky .main-nav {background: transparent;}
  .logo-container {position: static;transform: none;top: auto;order: 0;margin: 0 auto;text-align: center;width: auto;padding: 0 60px;}
  .logo {padding: 0;justify-content: center;background: transparent;}
  .logo img {height: 60px;}
  .nav-section {width: 100%;flex-direction: column;padding: 0 !important;margin: 0 !important;}
  .menu-container.expanded .main-nav .nav-section {display: flex !important;flex-direction: column;width: 100%;padding: 0 !important;margin: 0 !important;}
  .nav-links {flex-direction: column;width: 100%;padding: 0;gap: 0;margin: 0;}
  .nav-links > li {width: 100%;height: auto;text-align: left;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
  .nav-links > li > a {padding: 15px;justify-content: flex-start;color: var(--ltc-white);width: 100%;font-size: 1rem;}
  .dropdown {position: static;width: 100%;opacity: 1;visibility: visible;transform: none;box-shadow: none;display: none;border-radius: 0;padding: 0;background: rgba(0, 0, 0, 0.1);margin-left: 0;}
  .dropdown::before {display: none;}
  .nav-links > li.active .dropdown {display: block;}
  .dropdown li::before {width: 100%;height: 3px;top: auto;bottom: 0;transform: translateX(-100%);}
  .dropdown li:hover::before {transform: translateX(0);}
  .dropdown li a {color: var(--ltc-white);padding: 10px 15px 10px 25px;}
  .nav-icons {margin: 20px 0 0;justify-content: center;width: 100%;display: none;}
  .contact-info, .social-icons {justify-content: center;flex-wrap: wrap;}
  .top-content {flex-direction: column;gap: 10px;}.mobile-dropdown-toggle {margin-left: auto;padding: 0 10px;transition: transform 0.3s ease;}
  .nav-links > li.active .mobile-dropdown-toggle {transform: rotate(180deg);}
  .top-bar {display: none !important;}
  .menu-container.expanded {height: 100vh;overflow-y: auto;background-color: var(--ltc-base);}
  .menu-container.expanded .main-nav {height: auto;min-height: 100vh;background-color: var(--ltc-base);}
  .menu-container.expanded .nav-section {display: flex !important;flex-direction: column;width: 100%;padding: 20px 0 !important;}
  .menu-container.expanded .nav-links {flex-direction: column;width: 100%;gap: 0;}
  .menu-container.expanded .nav-links > li {width: 100%;height: auto;text-align: left;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
  .menu-container.expanded .nav-links > li > a {padding: 15px 20px;justify-content: flex-start;color: var(--ltc-white);width: 100%;font-size: 1rem;}
  .menu-container.expanded .dropdown {position: static;width: 100%;opacity: 1;visibility: visible;transform: none;box-shadow: none;display: none;border-radius: 0;padding: 0;background: rgba(0, 0, 0, 0.1);}
  .menu-container.expanded .nav-links > li.active .dropdown {display: block;}
  .mobile-dropdown-toggle {margin-left: auto;padding: 0 10px;transition: transform 0.3s ease;font-size: 0.8rem;}
  .menu-container.expanded .nav-links > li.active .mobile-dropdown-toggle {transform: rotate(180deg);}
  .nav-links > li > a {padding: 0 18px;}
  .logo-container {padding: 0;}
  .client-logo-item {flex: 0 0 calc(25% - 2rem);}
  .about-image-container,
  .why-choose-image {min-height: 400px;}
  .hero-title {font-size: 3rem;}
}
@media (max-width: 1200px) {
  .modal {width: 40%;right: -40%;}
}