:root {--primary-color: #ff9b5d;--secondary-color: #f9863f;--text-color: #3a3a3a80;--bg-light: #f6f6f6;--border-color: #e0e0e0;}* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Open Sans', sans-serif;color: var(--text-color);line-height: 1.6;background: #fff;}img {max-width: 100%;height: auto;}a {text-decoration: none;color: inherit;transition: all 0.3s ease;}a:hover {color: var(--primary-color);}.site-header {background: #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}.header-top {background: #f8f9fa;padding: 10px 0;border-bottom: 1px solid var(--border-color);}.header-middle {padding: 8px 0;}.logo-link {display: inline-flex;align-items: center;gap: 15px;}.logo-main,
.logo-text {display: inline-block;}.header-actions {display: flex;justify-content: flex-end;gap: 20px;margin-bottom: 10px;}.login-area,
.subscribe-area {display: flex;align-items: center;gap: 8px;font-size: 14px;a {color: #333;&:hover {color: var(--secondary-color);}}}.login-area img,
.subscribe-area img {width: 26px;height: 18px;}.social-menu {display: flex;justify-content: flex-end;gap: 10px;margin-top: 10px;}.social-menu a {min-width: 30px;width: 30px;height: 30px;line-height: 1.2;display: flex;align-items: center;justify-content: center;background: var(--primary-color);color: #fff;border-radius: 50%;font-size: 16px;}.logo-text {font-size: 18px;font-weight: 700;text-align: left;color: var(--secondary-color);line-height: 1.2;display: flex;}.social-menu a:hover {background: var(--secondary-color);color: #fff;}.header-bottom {border-top: 2px solid var(--primary-color);}.navbar {padding: 0;}.navbar-nav .nav-link {color: #333;padding: 5px 0 !important;margin: 10px 15px !important;font-size: 14px;font-weight: 500;transition: all 0.2s ease-in-out;}.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {border-bottom: 2px solid var(--secondary-color);}.navbar-nav .nav-link i {font-size: 18px;}.dropdown-menu {background: var(--primary-color);border: none;border-radius: 0;margin: 0;padding: 0;}.dropdown-item {color: #fff;padding: 10px 20px;font-size: 13px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.dropdown-item:hover,
.dropdown-item:focus {background: rgba(255, 255, 255, 0.1);color: #fff;}.search-form {gap: 5px;}.search-input {border-radius: 30px;padding: 8px 20px;font-size: 13px;border: 1px solid var(--primary-color);}.btn-search {background: #fff;color: var(--primary-color);border: 1px solid var(--primary-color);border-radius: 50%;width: 38px;min-width: 38px;height: 38px;padding: 0;}.btn-search:hover {background: var(--secondary-color);color: #fff;}.navbar-toggler {background: rgba(255, 255, 255, 0.2);border: none;padding: 10px;}.navbar-toggler:focus {box-shadow: none;}.hero-slider {position: relative;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);overflow: hidden;}.carousel-fade .carousel-item {opacity: 0;transition: opacity 1.2s ease-in-out;}.carousel-fade .carousel-item.active {opacity: 1;}.carousel-item {position: relative;height: 600px;}.carousel-item img {width: 100%;height: 100%;object-fit: cover;object-position: top right;transform: scale(1);transition: transform 8s ease-out;}.sponsor-banner .carousel-item img {object-position: center;}.carousel-item.active img {transform: scale(1.1);}.slider-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to right, rgb(93 49 1) 0%, rgba(0, 18, 44, 0.7) 50%, transparent 100%);z-index: 1;}.carousel-caption {left: 0;right: auto;bottom: 0;top: 0;display: flex;align-items: center;text-align: left;width: 55%;padding: 60px 60px 60px 84px;z-index: 2;}.caption-content {max-width: 600px;}.caption-subtitle {font-size: 16px;line-height: 24px;margin-bottom: 15px;letter-spacing: 1px;text-transform: uppercase;color: #fff;opacity: 0.9;}.caption-title {font-size: 42px;line-height: 48px;font-weight: 700;margin-bottom: 25px;color: #fff;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}.caption-description {font-size: 16px;line-height: 26px;margin-bottom: 30px;color: #fff;opacity: 0.95;}.fade-in-up {animation: fadeInUp 1s ease-out forwards;opacity: 0;}.delay-1 {animation-delay: 0.3s;}.delay-2 {animation-delay: 0.6s;}@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}.btn-join {background: var(--primary-color);border: 2px solid #fff;border-radius: 50px;padding: 14px 40px;color: #fff;font-size: 16px;font-weight: 600;transition: all 0.4s ease;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}.btn-join:hover {background: #fff;color: var(--primary-color);transform: translateY(-3px);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);}.carousel-control-prev,
.carousel-control-next {width: 50px;height: 50px;background: rgba(15, 48, 94, 0.8);border-radius: 50%;top: 50%;transform: translateY(-50%);opacity: 1;transition: all 0.3s ease;z-index: 3;}.carousel-control-prev {left: 30px;}.carousel-control-next {right: 30px;}.carousel-control-prev:hover,
.carousel-control-next:hover {background: var(--primary-color);transform: translateY(-50%) scale(1.1);}.carousel-control-prev-icon,
.carousel-control-next-icon {width: 24px;height: 24px;}.carousel-indicators {margin-bottom: 30px;z-index: 3;}.carousel-indicators button {width: 14px;height: 14px;border-radius: 7px;margin: 0 6px;background-color: rgba(255, 255, 255, 0.5);border: 2px solid transparent;transition: all 0.3s ease;}.carousel-indicators button.active {width: 40px;border-radius: 7px;}.sponsor-banner {background: #fff;}.sponsor-banner .carousel-item {height: auto;}.sponsor-banner img {max-height: 110px;object-fit: contain;}.section-title {font-size: 28px;font-weight: 700;margin-bottom: 30px;text-align: left;color: var(--secondary-color);}.about-us-section {padding: 70px 15px;background: linear-gradient(180deg, #fff 0%, #fef8f3 100%);border-radius: 24px;margin-bottom: 40px;position: relative;overflow: hidden;}.about-us-section::before {content: '';position: absolute;top: -100px;right: -100px;width: 300px;height: 300px;background: radial-gradient(circle, rgba(255, 155, 93, 0.08) 0%, transparent 70%);border-radius: 50%;pointer-events: none;}.about-us-section::after {content: '';position: absolute;bottom: -80px;left: -80px;width: 250px;height: 250px;background: radial-gradient(circle, rgba(249, 134, 63, 0.08) 0%, transparent 70%);border-radius: 50%;pointer-events: none;}.about-us-section.no-before {background: none;&::before, &::after {content: none;}}.about-header {margin-bottom: 60px;position: relative;z-index: 1;}.about-header-decoration {width: 80px;height: 4px;background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));margin: 0 auto 25px;border-radius: 2px;}.about-label {font-size: 15px;font-weight: 700;color: var(--primary-color);text-transform: uppercase;letter-spacing: 3px;margin-bottom: 12px;position: relative;display: inline-block;}.about-main-title {font-size: 42px;font-weight: 800;color: var(--secondary-color);margin: 0 0 15px 0;line-height: 1.2;text-shadow: 2px 2px 0px rgba(249, 134, 63, 0.1);}.about-subtitle {font-size: 18px;color: #666;margin: 0;font-weight: 400;line-height: 1.6;}.about-content-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 35px;margin-bottom: 50px;position: relative;z-index: 1;}.event-content-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));gap: 35px;margin-bottom: 50px;position: relative;z-index: 1;}.attend-content-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 35px;margin-bottom: 50px;position: relative;z-index: 1;}.about-card {perspective: 1000px;}.about-card-inner {position: relative;width: 100%;height: 100%;transition: transform 0.6s;transform-style: preserve-3d;}.about-card-front {background: #fff;border-radius: 20px;overflow: hidden;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);border: 2px solid transparent;position: relative;}.about-card:hover .about-card-front {transform: translateY(-10px);border-color: var(--primary-color);}.about-card-image {position: relative;height: 220px;overflow: hidden;}.about-card-image img {width: 100%;height: 100%;object-fit: cover;object-position: top;transition: transform 0.6s ease;}.about-card:hover .about-card-image img {transform: scale(1.15);}.about-card-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(140, 73, 0, 0.3) 100%);display: flex;align-items: flex-end;justify-content: flex-end;padding: 20px;opacity: 1;transition: opacity 0.4s ease;}.about-card:hover .about-card-overlay {opacity: 0.9;}.about-badge-icon {width: 60px;height: 60px;background: rgba(255, 255, 255, 0.95);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 26px;color: var(--secondary-color);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);transition: all 0.4s ease;}.about-card:hover .about-badge-icon {transform: rotate(360deg) scale(1.1);background: var(--secondary-color);color: #fff;}.about-card-content {padding: 30px 25px;position: relative;}.about-badge {display: inline-flex;align-items: center;gap: 8px;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;padding: 8px 20px;border-radius: 25px;font-size: 13px;font-weight: 700;text-transform: uppercase;letter-spacing: 1.5px;margin-bottom: 18px;box-shadow: 0 4px 12px rgba(249, 134, 63, 0.3);}.about-title {font-size: 22px;font-weight: 700;color: #2d2d2d;margin-bottom: 15px;line-height: 1.3;position: relative;padding-bottom: 15px;}.about-title::after {content: '';position: absolute;bottom: 0;left: 0;width: 50px;height: 3px;background: linear-gradient(90deg, var(--primary-color), transparent);border-radius: 2px;}.about-description {font-size: 15px;line-height: 1.8;color: #666;margin: 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;min-height: 108px;}.about-cta-wrapper {margin-top: 30px;position: relative;z-index: 1;}.btn-view-more {display: inline-flex;align-items: center;gap: 12px;background: linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%);color: #fff;padding: 16px 45px;border-radius: 50px;font-size: 15px;font-weight: 700;text-transform: uppercase;letter-spacing: 1.5px;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 8px 25px rgba(249, 134, 63, 0.35);border: 2px solid transparent;position: relative;overflow: hidden;}.btn-view-more::before {content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.2);transform: translate(-50%, -50%);transition: width 0.6s, height 0.6s;}.btn-view-more:hover::before {width: 300px;height: 300px;}.btn-view-more:hover {background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color: #fff;transform: translateY(-3px);box-shadow: 0 12px 35px rgba(140, 73, 0, 0.45);border-color: rgba(255, 255, 255, 0.3);}.btn-view-more i {transition: transform 0.3s ease;}.btn-view-more:hover i {transform: translateX(5px);}.featured-news {background: #fff;}.news-card {background: #fff;border-radius: 16px;overflow: hidden;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);height: 100%;box-shadow: 0 5px 20px rgba(140, 73, 0, 0.12);position: relative;border: 1px solid rgba(140, 73, 0, 0.08);}.news-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 5px;background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));transform: scaleX(0);transform-origin: left;transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);z-index: 1;}.news-card::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, rgba(140, 73, 0, 0.03) 0%, rgba(245, 130, 32, 0.03) 100%);opacity: 0;transition: opacity 0.4s ease;pointer-events: none;}.news-card:hover::before {transform: scaleX(1);}.news-card:hover::after {opacity: 1;}.news-card:hover {transform: translateY(-12px);box-shadow: 0 20px 40px rgba(140, 73, 0, 0.2);border-color: var(--secondary-color);}.news-card img {width: 100%;height: 240px;object-fit: cover;transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);}.news-card:hover img {transform: scale(1.12);}.news-card a {display: block;overflow: hidden;position: relative;}.news-content {padding: 28px 24px;background: #fff;position: relative;}.news-content h4,
.event-item h4 {font-size: 20px;margin-bottom: 5px;color: var(--secondary-color);font-weight: 700;line-height: 1.4;transition: color 0.3s ease;}.news-content h4 a,
.event-item h4 a {color: var(--secondary-color);position: relative;}.news-content h4 a::after {content: '';position: absolute;bottom: -2px;left: 0;width: 0;height: 2px;background: var(--primary-color);transition: width 0.4s ease;}.news-card:hover .news-content h4 a {color: var(--primary-color);}.news-card:hover .news-content h4 a::after {width: 100%;}.news-excerpt {font-size: 15px;color: #666;line-height: 1.8;margin-bottom: 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.home-sidebar-list-option {list-style: none;padding: 0;margin: 0 0 30px 0;}.home-sidebar-list-option li {margin-bottom: 15px;}.home-sidebar-list-option li a {display: flex;align-items: center;gap: 15px;padding: 20px 22px;background: linear-gradient(135deg, #fff 0%, #fafafa 100%);border-radius: 12px;color: #333;font-size: 13px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.8px;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 4px 12px rgba(140, 73, 0, 0.1);border-left: 5px solid transparent;position: relative;overflow: hidden;}.home-sidebar-list-option li a::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition: left 0.5s ease;}.home-sidebar-list-option li a:hover::before {left: 100%;}.home-sidebar-list-option li a:hover {background: linear-gradient(135deg, var(--primary-color) 0%, #a05a00 100%);color: #fff;transform: translateX(8px) scale(1.02);border-left-color: var(--secondary-color);box-shadow: 0 8px 20px rgba(140, 73, 0, 0.25);}.home-sidebar-list-option .sidebar-icon {width: 36px;height: 36px;flex-shrink: 0;font-size: 24px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;border-radius: 8px;transition: all 0.3s ease;}.home-sidebar-list-option li a:hover .sidebar-icon {background: #fff;color: var(--primary-color);transform: scale(1.1);}.sidebar-business-spotlight-box {background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);padding: 30px;border-radius: 12px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);border: 1px solid #dee2e6;}.sidebar-business-spotlight-box .no-line {font-size: 20px;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 3px solid var(--primary-color);}.sidebar-business-spotlight-box .black-font {color: var(--secondary-color);font-weight: 700;}.sidebar-business-spotlight-box p {font-size: 14px;line-height: 1.6;margin-bottom: 15px;color: var(--text-color);}.sidebar-business-spotlight-box a {color: var(--primary-color);font-weight: 600;text-decoration: underline;}.sidebar-business-spotlight-box a:hover {color: var(--secondary-color);}.sidebar-business-spotlight-box .image-wrapper {margin-top: 20px;border-radius: 8px;overflow: hidden;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);}.sidebar-business-spotlight-box .spotlight-image {width: 100%;height: auto;transition: transform 0.5s ease;}.sidebar-business-spotlight-box .image-wrapper:hover .spotlight-image {transform: scale(1.05);}.upcoming-events {background: var(--bg-light);}.event-item {background: #fff;padding: 20px;border-radius: 8px;margin-bottom: 20px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}.event-item h4 {font-size: 20px;margin-bottom: 10px;color: var(--secondary-color);}.event-item h4 a {color: var(--secondary-color);}.event-item h4 a:hover {color: var(--primary-color);}.event-excerpt {font-size: 14px;color: #666;margin-bottom: 15px;}.event-meta {display: flex;gap: 20px;font-size: 13px;color: #999;}.event-meta span {display: flex;align-items: center;gap: 5px;}.member-logos {background: linear-gradient(180deg, #f8f9fa 0%, #fff 100%);padding: 60px 0;}.member-logos .section-title {text-align: center;margin-bottom: 50px;position: relative;display: inline-block;width: 100%;}.member-logos .section-title::after {content: '';position: absolute;bottom: -15px;left: 50%;transform: translateX(-50%);width: 100px;height: 4px;background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));border-radius: 2px;}.marquee-container {overflow: hidden;position: relative;padding: 20px 0;}.marquee-row {display: flex;gap: 30px;margin-bottom: 30px;}.marquee-row:last-child {margin-bottom: 0;}.marquee-content {display: flex;animation: scroll-left 40s linear infinite;gap: 30px;}.marquee-row.marquee-reverse .marquee-content {animation: scroll-right 40s linear infinite;}.marquee-container:hover .marquee-content {animation-play-state: paused;}@keyframes scroll-left {0% {transform: translateX(0);}100% {transform: translateX(-100%);}}@keyframes scroll-right {0% {transform: translateX(-100%);}100% {transform: translateX(0);}}.member-logo-item {flex-shrink: 0;display: flex;align-items: center;justify-content: center;padding: 20px;background: #fff;border-radius: 10px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);transition: all 0.3s ease;min-width: 180px;height: 100px;}.member-logo-item:hover {transform: translateY(-5px);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);}.member-logo-item img {max-width: 140px;max-height: 60px;width: auto;height: auto;filter: grayscale(100%);opacity: 0.7;transition: all 0.3s ease;}.member-logo-item:hover img {filter: grayscale(0%);opacity: 1;transform: scale(1.1);}.site-footer {background: linear-gradient(135deg, #5c3715 0%, #16213e 100%);color: #fff;}.footer-main {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}.footer-about {padding-right: 20px;}.footer-logo {max-width: 280px;max-height: 62px;margin-bottom: 20px;object-fit: contain;object-position: left;}.footer-description {font-size: 14px;line-height: 1.8;color: rgba(255, 255, 255, 0.8);margin-bottom: 25px;}.footer-social {display: flex;gap: 12px;}.footer-social a {width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.1);color: #fff;border-radius: 50%;font-size: 18px;transition: all 0.3s ease;border: 2px solid transparent;}.footer-social a:hover {background: var(--primary-color);border-color: #fff;transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}.footer-title {font-size: 20px;font-weight: 700;margin-bottom: 25px;color: #fff;position: relative;padding-bottom: 12px;}.footer-title::after {content: '';position: absolute;bottom: 0;left: 0;width: 50px;height: 3px;background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));border-radius: 2px;}.contact-info-list {display: flex;flex-direction: column;gap: 20px;}.contact-info-item {display: flex;align-items: flex-start;gap: 15px;}.contact-info-item i {width: 20px;font-size: 18px;margin-top: 3px;color: var(--primary-color);flex-shrink: 0;}.contact-details {display: flex;flex-direction: column;gap: 5px;}.contact-label {font-size: 12px;font-weight: 600;color: rgba(255, 255, 255, 0.6);text-transform: uppercase;letter-spacing: 0.5px;}.contact-details span,
.contact-details a {font-size: 14px;color: rgba(255, 255, 255, 0.9);line-height: 1.6;}.contact-details a:hover {color: var(--primary-color);}.footer-menu {list-style: none;padding: 0;margin: 0;}.footer-menu li {margin-bottom: 12px;}.footer-menu a {color: rgba(255, 255, 255, 0.8);font-size: 14px;display: flex;align-items: center;gap: 10px;transition: all 0.3s ease;}.footer-menu a i {font-size: 10px;transition: transform 0.3s ease;}.footer-menu a:hover {color: #fff;transform: translateX(5px);}.footer-menu a:hover i {transform: translateX(3px);}.footer-menu .footer-dropdown {position: relative;}.footer-menu .footer-dropdown > a {cursor: pointer;}.footer-menu .footer-dropdown-menu {list-style: none;padding: 0;margin: 10px 0 0 0;max-height: 0;overflow: hidden;transition: max-height 0.3s ease;}.footer-menu .footer-dropdown.active .footer-dropdown-menu {max-height: 200px;}.footer-menu .footer-dropdown-menu li {margin-bottom: 8px;padding-left: 20px;}.footer-menu .footer-dropdown-menu a {font-size: 13px;color: rgba(255, 255, 255, 0.7);}.footer-menu .footer-dropdown-menu a:hover {color: var(--primary-color);}.footer-menu .footer-dropdown > a .fa-chevron-right {transition: transform 0.3s ease;}.footer-menu .footer-dropdown.active > a .fa-chevron-right {transform: rotate(90deg);}.footer-bottom {background: rgba(0, 0, 0, 0.3);}.copyright-text {color: rgba(255, 255, 255, 0.7);font-size: 14px;}.footer-bottom-links {list-style: none;padding: 0;margin: 0;display: flex;gap: 20px;justify-content: center;}.footer-bottom-links li {display: inline;}.footer-bottom-links a {color: rgba(255, 255, 255, 0.7);font-size: 13px;transition: color 0.3s ease;}.footer-bottom-links a:hover {color: #fff;}.membership-cta {background: linear-gradient(180deg, #fff 0%, #f8f9fa 100%);position: relative;overflow: hidden;}.membership-card {background: linear-gradient(135deg, var(--primary-color) 0%, #b26102 100%);border-radius: 24px;padding: 60px;position: relative;overflow: hidden;box-shadow: 0 20px 60px rgba(140, 73, 0, 0.3);}.membership-card::before {content: '';position: absolute;top: -50%;right: -10%;width: 600px;height: 600px;background: radial-gradient(circle, rgba(245, 130, 32, 0.2) 0%, transparent 70%);border-radius: 50%;}.membership-decorations {position: absolute;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;}.decoration-circle {position: absolute;border-radius: 50%;background: rgba(255, 255, 255, 0.08);animation: float 6s ease-in-out infinite;}.circle-1 {width: 120px;height: 120px;top: 10%;left: 5%;animation-delay: 0s;}.circle-2 {width: 80px;height: 80px;top: 60%;left: 15%;animation-delay: 2s;}.circle-3 {width: 100px;height: 100px;bottom: 10%;right: 10%;animation-delay: 4s;}@keyframes float {0%,
100% {transform: translateY(0px);}50% {transform: translateY(-20px);}}.membership-content {position: relative;z-index: 1;}.membership-title {font-size: 42px;font-weight: 800;color: #fff;margin-bottom: 15px;line-height: 1.2;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);}.membership-subtitle {font-size: 24px;font-weight: 600;color: var(--bg-light);margin-bottom: 20px;letter-spacing: 1px;}.membership-description {font-size: 16px;color: rgba(255, 255, 255, 0.9);line-height: 1.8;margin-bottom: 30px;max-width: 600px;}.btn-membership {display: inline-flex;align-items: center;gap: 12px;background: var(--secondary-color);color: #fff;padding: 18px 40px;border-radius: 50px;font-size: 16px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 8px 20px rgba(245, 130, 32, 0.4);border: 2px solid var(--bg-light);}.btn-membership:hover {background: #fff;color: var(--primary-color);transform: translateY(-3px);box-shadow: 0 12px 30px rgba(245, 130, 32, 0.5);border-color: var(--secondary-color);}.btn-membership i {transition: transform 0.3s ease;}.btn-membership:hover i {transform: translateX(5px);}.membership-features {display: flex;flex-direction: column;gap: 25px;position: relative;z-index: 1;}.feature-item {display: flex;align-items: center;gap: 18px;background: rgba(255, 255, 255, 0.1);padding: 20px 25px;border-radius: 16px;backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);transition: all 0.3s ease;}.feature-item:hover {background: rgba(255, 255, 255, 0.15);transform: translateX(-8px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}.feature-item i {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background: var(--secondary-color);color: #fff;border-radius: 12px;font-size: 24px;flex-shrink: 0;box-shadow: 0 4px 12px rgba(245, 130, 32, 0.3);}.feature-item span {font-size: 16px;font-weight: 600;color: #fff;letter-spacing: 0.5px;}.scroll-to-top {position: fixed;bottom: 30px;right: 30px;width: 45px;height: 45px;background: var(--primary-color);color: #fff;border: none;border-radius: 50%;font-size: 20px;cursor: pointer;opacity: 0;visibility: hidden;transition: all 0.3s ease;z-index: 1000;}.scroll-to-top.show {opacity: 1;visibility: visible;}.scroll-to-top:hover {background: var(--secondary-color);}.btn-primary {background: var(--primary-color);border: none;padding: 12px 30px;font-size: 14px;font-weight: 500;border-radius: 5px;transition: all 0.3s ease;}.btn-primary:hover {background: var(--secondary-color);}@media (max-width: 991px) {.carousel-caption {width: 100%;padding: 40px 60px;}.carousel-control-prev {left: 6px;}.carousel-control-next {right: 6px;}.slider-overlay {background: rgba(0, 18, 44, 0.9);}.caption-title {font-size: 32px;line-height: 38px;}.caption-description {font-size: 14px;}.header-actions {justify-content: center;gap: 10px;}.social-menu {justify-content: center;}.navbar-nav .nav-link {padding: 12px 15px;}.footer-about,
.footer-contact {text-align: left;margin-bottom: 30px;}.footer-social {justify-content: start;}.footer-bottom-links {margin-top: 15px;}.membership-card {padding: 40px 30px;}.membership-title {font-size: 32px;}.membership-subtitle {font-size: 20px;}.membership-features {margin-top: 40px;}}@media (max-width: 768px) {.carousel-item {height: calc(100vh - 200px);}.carousel-caption {padding: 30px 60px;}.caption-title {font-size: 28px;line-height: 34px;}.caption-description {font-size: 13px;}.section-title {font-size: 24px;text-align: center;}.event-meta {flex-direction: column;gap: 10px;}.home-sidebar-list-option {margin-top: 30px;}.marquee-row {gap: 20px;margin-bottom: 20px;}.marquee-content {gap: 20px;}.member-logo-item {min-width: 150px;height: 90px;}.about-us-section {padding: 35px 15px;}.about-main-title {font-size: 28px;}.about-item {padding: 25px;}.about-item.reverse .col-md-5 {order: 1;}.about-item.reverse .col-md-7 {order: 2;}.about-text-content {padding: 20px 0 0 0;}.about-title {font-size: 22px;}.about-description {font-size: 15px;}.about-image {height: 220px;}}@media (max-width: 480px) {.carousel-caption {padding: 20px 15px;}.carousel-control-prev {display: none;}.carousel-control-next {display: none;}.caption-subtitle {font-size: 13px;}.caption-title {font-size: 22px;line-height: 28px;}.caption-description {font-size: 12px;line-height: 20px;}.btn-join {font-size: 14px;padding: 12px 30px;}.carousel-control-prev,
.carousel-control-next {width: 40px;height: 40px;}.carousel-control-prev {left: 15px;}.carousel-control-next {right: 15px;}.scroll-to-top {width: 40px;height: 40px;bottom: 20px;right: 20px;}.marquee-row {gap: 15px;margin-bottom: 15px;}.marquee-content {gap: 15px;}.member-logo-item {min-width: 130px;height: 80px;padding: 15px;}.member-logo-item img {max-width: 100px;max-height: 50px;}.footer-menu a {font-size: 13px;}.membership-card {padding: 30px 20px;}.membership-title {font-size: 26px;}.membership-subtitle {font-size: 18px;}.membership-description {font-size: 14px;}.btn-membership {width: 100%;justify-content: center;padding: 16px 30px;font-size: 14px;}.feature-item {padding: 15px 20px;}.feature-item i {width: 40px;height: 40px;font-size: 20px;}.feature-item span {font-size: 14px;}.about-us-section {padding: 25px 15px;}.about-label {font-size: 14px;}.about-main-title {font-size: 24px;}.about-item {padding: 20px;}.about-title {font-size: 20px;margin-bottom: 12px;}.about-description {font-size: 14px;line-height: 1.6;}.about-image {height: 200px;}.about-badge {font-size: 12px;padding: 5px 14px;}.btn-view-more {padding: 12px 35px;font-size: 14px;}.about-content-wrapper {gap: 30px;}}.digital-stories-container {background: #fff;min-height: 100vh;padding: 40px 0;}.digital-stories-container .page-header {margin-bottom: 40px;}.digital-stories-container .page-title {font-size: 36px;font-weight: 800;color: #333;margin-bottom: 10px;}.digital-stories-container .page-subtitle {font-size: 16px;color: #666;margin-bottom: 30px;}.upload-section {display: flex;justify-content: flex-end;margin-bottom: 20px;}.btn-upload {display: inline-flex;align-items: center;gap: 10px;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;padding: 12px 28px;border-radius: 25px;font-size: 14px;font-weight: 600;border: none;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(249, 134, 63, 0.3);}.btn-upload:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(249, 134, 63, 0.4);color: #fff;}.btn-upload i {font-size: 16px;}.search-filter-bar {display: flex;gap: 15px;margin-bottom: 40px;flex-wrap: wrap;}.search-box {flex: 1;min-width: 250px;}.search-input {width: 100%;padding: 12px 20px;border: 1px solid #e0e0e0;border-radius: 25px;background: #f8f9fa;font-size: 14px;transition: all 0.3s ease;}.search-input:focus {outline: none;border-color: var(--primary-color);background: #fff;box-shadow: 0 0 0 3px rgba(255, 155, 93, 0.1);}.filter-dropdown {padding: 12px 20px;border: 1px solid #e0e0e0;border-radius: 25px;background: #f8f9fa;font-size: 14px;cursor: pointer;transition: all 0.3s ease;}.filter-dropdown:focus {outline: none;border-color: var(--primary-color);background: #fff;}.videos-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: 30px;margin-bottom: 50px;}.video-card {background: #fff;border-radius: 12px;overflow: hidden;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);cursor: pointer;position: relative;}.video-card:hover {transform: translateY(-8px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);}.video-thumbnail {position: relative;width: 100%;padding-top: 56.25%;background: #000;overflow: hidden;}.video-thumbnail img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;}.video-card:hover .video-thumbnail img {transform: scale(1.05);}.play-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: rgba(0, 0, 0, 0.3);opacity: 0;transition: opacity 0.3s ease;}.video-card:hover .play-overlay {opacity: 1;}.play-button {width: 70px;height: 70px;background: rgba(255, 255, 255, 0.95);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 28px;color: var(--primary-color);transition: all 0.3s ease;}.video-card:hover .play-button {transform: scale(1.1);background: #fff;}.video-duration {position: absolute;bottom: 10px;right: 10px;background: rgba(0, 0, 0, 0.85);color: #fff;padding: 4px 8px;border-radius: 4px;font-size: 13px;font-weight: 600;}.video-options-menu {position: absolute;top: 10px;right: 10px;z-index: 10;}.options-toggle-btn {width: 32px;height: 32px;background: rgba(0, 0, 0, 0.7);border: none;border-radius: 50%;color: #fff;font-size: 16px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;opacity: 0;}.video-card:hover .options-toggle-btn {opacity: 1;}.options-toggle-btn:hover {background: rgba(0, 0, 0, 0.9);transform: scale(1.1);}.options-dropdown {position: absolute;top: 100%;right: 0;margin-top: 5px;background: #fff;border-radius: 8px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);min-width: 160px;overflow: hidden;display: none;z-index: 20;}.options-dropdown.active {display: block;}.options-dropdown-item {display: flex;align-items: center;gap: 10px;padding: 12px 16px;color: #333;font-size: 14px;font-weight: 500;cursor: pointer;transition: all 0.2s ease;border: none;background: none;width: 100%;text-align: left;}.options-dropdown-item:hover {background: #f8f9fa;}.options-dropdown-item.delete:hover {background: #fff5f5;color: #dc3545;}.options-dropdown-item i {width: 16px;font-size: 14px;}.video-info {padding: 16px;}.video-title {font-size: 16px;font-weight: 700;color: #333;margin-bottom: 8px;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.video-meta {display: flex;align-items: center;justify-content: space-between;gap: 10px;margin-bottom: 12px;}.video-stats {display: flex;align-items: center;gap: 15px;font-size: 13px;color: #666;}.video-stat {display: flex;align-items: center;gap: 5px;}.video-actions {display: flex;gap: 8px;}.action-btn {width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;background: #f8f9fa;border: none;border-radius: 50%;color: #666;font-size: 14px;cursor: pointer;transition: all 0.3s ease;}.action-btn:hover {background: var(--primary-color);color: #fff;transform: scale(1.1);}.pagination-container {display: flex;justify-content: center;align-items: center;gap: 20px;margin-top: 50px;padding: 30px 0;}.pagination-info {font-size: 14px;color: #666;}.pagination-controls {display: flex;gap: 8px;align-items: center;}.pagination-btn {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: #fff;border: 1px solid #e0e0e0;border-radius: 8px;color: #666;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;}.pagination-btn:hover:not(:disabled) {background: var(--primary-color);color: #fff;border-color: var(--primary-color);transform: translateY(-2px);}.pagination-btn.active {background: var(--primary-color);color: #fff;border-color: var(--primary-color);}.pagination-btn:disabled {opacity: 0.4;cursor: not-allowed;}.pagination-btn.nav-btn {width: auto;padding: 0 16px;gap: 6px;}.modal-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 2000;align-items: center;justify-content: center;}.modal-overlay.active {display: flex;padding: 20px 0;}.overflow_scroll {overflow-y: scroll;display: flex;height: 100%;width: 100%;align-items: start;justify-content: center;}.upload-modal {background: #fff;border-radius: 16px;max-width: 600px;width: 90%;box-shadow: 0 10px 50px rgba(0, 0, 0, 0.3);}.modal-header {padding: 25px 30px;border-bottom: 1px solid #e0e0e0;display: flex;justify-content: space-between;align-items: center;}.modal-title {font-size: 24px;font-weight: 700;color: #333;margin: 0;}.close-btn {background: none;border: none;font-size: 28px;color: #999;cursor: pointer;padding: 0;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;transition: color 0.2s ease;}.close-btn:hover {color: #333;}.modal-body {padding: 30px;}.form-group {margin-bottom: 25px;}.form-label {display: block;font-size: 14px;font-weight: 600;color: #333;margin-bottom: 8px;}.form-label.required::after {content: '*';color: #dc3545;margin-left: 4px;}.form-input,
textarea.form-input {width: 100%;padding: 12px 16px;border: 1px solid #e0e0e0;border-radius: 8px;font-size: 14px;transition: all 0.2s ease;font-family: inherit;}.form-input:focus,
textarea.form-input:focus {outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(255, 155, 93, 0.1);}textarea.form-input {min-height: 100px;resize: vertical;}.upload-method-tabs {display: flex;gap: 10px;margin-bottom: 20px;}.upload-method-tab {flex: 1;display: flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 20px;background: #f8f9fa;border: 2px solid #e0e0e0;border-radius: 8px;font-size: 14px;font-weight: 600;color: #666;cursor: pointer;transition: all 0.3s ease;}.upload-method-tab:hover {background: #fff;border-color: var(--primary-color);color: var(--primary-color);}.upload-method-tab.active {background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));border-color: var(--primary-color);color: #fff;}.upload-method-tab i {font-size: 18px;}.upload-method-content {animation: fadeIn 0.3s ease;}@keyframes fadeIn {from {opacity: 0;transform: translateY(-10px);}to {opacity: 1;transform: translateY(0);}}.upload-area {border: 2px dashed #d0d0d0;border-radius: 12px;padding: 40px 20px;text-align: center;cursor: pointer;transition: all 0.3s ease;background: #f8f9fa;position: relative;}.upload-area:hover {border-color: var(--primary-color);background: #fff;}.upload-icon {font-size: 48px;color: var(--primary-color);margin-bottom: 15px;}.upload-text {font-size: 15px;color: #666;margin-bottom: 8px;}.upload-hint {font-size: 13px;color: #999;}.file-input {display: none;}.file-preview {position: relative;margin-top: 15px;border-radius: 8px;overflow: hidden;border: 2px solid #e0e0e0;}.file-preview video,
.file-preview img {width: 100%;max-height: 300px;object-fit: contain;display: block;background: #000;}.remove-file-btn {position: absolute;top: 10px;right: 10px;width: 32px;height: 32px;background: rgba(220, 53, 69, 0.9);color: #fff;border: none;border-radius: 50%;font-size: 18px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;z-index: 10;}.remove-file-btn:hover {background: #dc3545;transform: scale(1.1);}.modal-footer {padding: 20px 30px;border-top: 1px solid #e0e0e0;display: flex;justify-content: flex-end;gap: 12px;}.btn-secondary {padding: 12px 28px;border-radius: 8px;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;border: none;background: #e0e0e0;color: #666;}.btn-secondary:hover {background: #d0d0d0;}.modal-footer .btn-primary {background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;padding: 12px 28px;border-radius: 8px;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;border: none;}.modal-footer .btn-primary:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(249, 134, 63, 0.3);}.no-results {text-align: center;padding: 60px 20px;color: #999;}.no-results i {font-size: 64px;margin-bottom: 20px;opacity: 0.3;}@media (max-width: 768px) {.videos-grid {grid-template-columns: 1fr;}.digital-stories-container .page-title {font-size: 28px;}.pagination-container {flex-direction: column;gap: 15px;}.pagination-info {order: 2;}.pagination-controls {order: 1;}.upload-method-tabs {flex-direction: column;}}.video-player-container {min-height: 100vh;padding: 20px 0;background: #fff;}.player-wrapper {background: #000;border-radius: 12px;overflow: hidden;margin-bottom: 20px;}.video-container {position: relative;padding-top: 56.25%;background: #000;}.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.video-details {background: #212121;padding: 20px;border-radius: 12px;margin-bottom: 20px;}.video-title-section {margin-bottom: 20px;}.video-player-title {font-size: 24px;font-weight: 700;color: #fff;margin-bottom: 10px;}.video-player-stats {display: flex;align-items: center;gap: 20px;flex-wrap: wrap;color: #aaa;font-size: 14px;}.stat-item {display: flex;align-items: center;gap: 6px;}.video-actions-bar {display: flex;gap: 12px;flex-wrap: wrap;}.action-button {display: flex;align-items: center;gap: 8px;padding: 12px 24px;background: #3f3f3f;color: #fff;border: none;border-radius: 25px;font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;}.action-button:hover {background: var(--primary-color);transform: translateY(-2px);}.action-button i {font-size: 16px;}.back-button {display: inline-flex;align-items: center;gap: 8px;color: #333;text-decoration: none;padding: 10px 20px;background: #f8f9fa;border-radius: 25px;font-size: 14px;font-weight: 600;transition: all 0.3s ease;margin-bottom: 20px;border: 1px solid #e0e0e0;}.back-button:hover {background: var(--primary-color);color: #fff;transform: translateX(-5px);border-color: var(--primary-color);}.related-videos {background: #f8f9fa;padding: 20px;border-radius: 12px;}.related-title {font-size: 20px;font-weight: 700;color: #333;margin-bottom: 20px;}.related-video-item {display: flex;gap: 12px;padding: 12px;border-radius: 8px;cursor: pointer;transition: all 0.3s ease;margin-bottom: 12px;background: #fff;}.related-video-item:hover {background: #fff;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);transform: translateY(-2px);}.related-thumbnail {width: 168px;height: 94px;flex-shrink: 0;border-radius: 8px;overflow: hidden;position: relative;}.related-thumbnail img {width: 100%;height: 100%;object-fit: cover;}.related-duration {position: absolute;bottom: 4px;right: 4px;background: rgba(0, 0, 0, 0.85);color: #fff;padding: 2px 6px;border-radius: 3px;font-size: 12px;font-weight: 600;}.related-info {flex: 1;}.related-video-title {font-size: 14px;font-weight: 600;color: #333;margin-bottom: 6px;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.related-video-stats {font-size: 12px;color: #666;}@media (max-width: 768px) {.video-player-title {font-size: 18px;}.related-thumbnail {width: 120px;height: 68px;}.video-actions-bar {flex-direction: column;}.action-button {width: 100%;justify-content: center;}}.page-header {position: relative;min-height: 400px;display: flex;align-items: center;justify-content: center;overflow: hidden;}.page-header-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}.page-header-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg, rgba(92, 55, 21, 0.9) 0%, rgba(140, 73, 0, 0.85) 100%);z-index: 1;}.page-header-content {position: relative;z-index: 2;text-align: center;color: #fff;padding: 40px 20px;}.page-subtitle {font-size: 14px;font-weight: 700;letter-spacing: 3px;text-transform: uppercase;color: var(--primary-color);margin-bottom: 15px;opacity: 0.95;}.page-title {font-size: 48px;font-weight: 800;margin-bottom: 20px;line-height: 1.2;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}.page-description {font-size: 18px;font-weight: 400;opacity: 0.95;max-width: 700px;margin: 0 auto;line-height: 1.6;}.intro-section {background: #fff;}.intro-image {position: relative;overflow: hidden;border-radius: 16px;box-shadow: 0 10px 30px rgba(140, 73, 0, 0.15);}.intro-image img {transition: transform 0.6s ease;}.intro-image:hover img {transform: scale(1.05);}.section-label {font-size: 14px;font-weight: 700;color: var(--primary-color);text-transform: uppercase;letter-spacing: 2.5px;margin-bottom: 12px;}.section-heading {font-size: 36px;font-weight: 800;color: var(--secondary-color);margin-bottom: 25px;line-height: 1.2;}.intro-text {font-size: 16px;line-height: 1.9;color: #666;margin-bottom: 20px;}.intro-text:last-child {margin-bottom: 0;}.what-we-do-section {background: var(--bg-light);}.service-card {background: #fff;padding: 40px 30px;border-radius: 16px;height: 100%;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);border: 2px solid transparent;box-shadow: 0 5px 20px rgba(140, 73, 0, 0.1);position: relative;overflow: hidden;}.service-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 5px;background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));transform: scaleX(0);transform-origin: left;transition: transform 0.5s ease;}.service-card:hover::before {transform: scaleX(1);}.service-card:hover {transform: translateY(-10px);border-color: var(--primary-color);box-shadow: 0 15px 40px rgba(140, 73, 0, 0.2);}.service-icon {width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;border-radius: 16px;font-size: 36px;margin-bottom: 25px;transition: all 0.4s ease;box-shadow: 0 8px 20px rgba(249, 134, 63, 0.3);}.service-card:hover .service-icon {transform: rotateY(360deg) scale(1.1);}.service-title {font-size: 22px;font-weight: 700;color: var(--secondary-color);margin-bottom: 18px;line-height: 1.3;}.service-description {font-size: 15px;line-height: 1.8;color: #666;margin-bottom: 0;}.strategic-focus-section {background: linear-gradient(180deg, #fff 0%, #fef8f3 100%);}.focus-areas-list {display: flex;flex-direction: column;gap: 50px;}.focus-area-item {background: #fff;padding: 40px;border-radius: 20px;box-shadow: 0 8px 25px rgba(140, 73, 0, 0.12);transition: all 0.4s ease;border: 2px solid transparent;}.focus-area-item:hover {transform: translateX(10px);border-color: var(--primary-color);box-shadow: 0 12px 35px rgba(140, 73, 0, 0.2);}.focus-number {width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;font-size: 42px;font-weight: 800;border-radius: 50%;box-shadow: 0 8px 20px rgba(249, 134, 63, 0.3);position: relative;margin: 0 auto;}.focus-number::before {content: '';position: absolute;top: -8px;left: -8px;right: -8px;bottom: -8px;border: 3px solid rgba(249, 134, 63, 0.2);border-radius: 50%;}.focus-image {position: relative;overflow: hidden;border-radius: 16px;}.focus-image img {transition: transform 0.6s ease;object-fit: cover;}.focus-area-item:hover .focus-image img {transform: scale(1.1);}.focus-title {font-size: 26px;font-weight: 700;color: var(--secondary-color);margin-bottom: 18px;line-height: 1.3;position: relative;padding-bottom: 15px;}.focus-title::after {content: '';position: absolute;bottom: 0;left: 0;width: 60px;height: 4px;background: linear-gradient(90deg, var(--primary-color), transparent);border-radius: 2px;}.focus-description {font-size: 15px;line-height: 1.9;color: #666;margin-bottom: 0;}.leadership-section {background: var(--bg-light);}.leadership-card {background: #fff;padding: 50px 40px;border-radius: 20px;box-shadow: 0 10px 30px rgba(140, 73, 0, 0.15);text-align: center;border: 2px solid transparent;transition: all 0.4s ease;}.leadership-card:hover {border-color: var(--primary-color);box-shadow: 0 15px 40px rgba(140, 73, 0, 0.25);}.leadership-icon {width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;border-radius: 50%;font-size: 48px;margin: 0 auto 30px;box-shadow: 0 10px 25px rgba(249, 134, 63, 0.3);transition: transform 0.4s ease;}.leadership-card:hover .leadership-icon {transform: scale(1.1) rotate(360deg);}.leadership-subtitle {font-size: 28px;font-weight: 700;color: var(--secondary-color);margin-bottom: 20px;line-height: 1.3;}.leadership-text {font-size: 16px;line-height: 1.9;color: #666;margin-bottom: 0;}@media (max-width: 991px) {.page-title {font-size: 36px;}.section-heading {font-size: 30px;}.focus-title {font-size: 22px;}.focus-area-item {padding: 30px 25px;}.focus-number {width: 80px;height: 80px;font-size: 36px;margin-bottom: 20px;}}@media (max-width: 767px) {.page-header {min-height: 300px;}.page-title {font-size: 28px;}.page-description {font-size: 16px;}.section-heading {font-size: 26px;}.service-card {padding: 30px 25px;}.service-icon {width: 70px;height: 70px;font-size: 32px;}.leadership-card {padding: 40px 30px;}.leadership-subtitle {font-size: 24px;}.focus-areas-list {gap: 30px;}}.pillar-benefits-list {list-style: none;padding: 0;margin: 0;}.pillar-benefits-list li {display: flex;align-items: flex-start;gap: 12px;margin-bottom: 15px;font-size: 14px;line-height: 1.7;color: #666;}.pillar-benefits-list li:last-child {margin-bottom: 0;}.pillar-benefits-list i {color: var(--primary-color);font-size: 16px;margin-top: 3px;flex-shrink: 0;}.why-join-section {background: linear-gradient(180deg, #fff 0%, #fef8f3 100%);}.benefit-feature-card {display: flex;align-items: flex-start;gap: 25px;background: #fff;padding: 35px 30px;border-radius: 16px;height: 100%;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);border: 2px solid transparent;box-shadow: 0 5px 20px rgba(140, 73, 0, 0.1);position: relative;overflow: hidden;}.benefit-feature-card::before {content: '';position: absolute;top: 0;left: 0;width: 5px;height: 100%;background: linear-gradient(180deg, var(--primary-color), var(--secondary-color));transform: scaleY(0);transform-origin: top;transition: transform 0.5s ease;}.benefit-feature-card:hover::before {transform: scaleY(1);}.benefit-feature-card:hover {transform: translateY(-8px);border-color: var(--primary-color);box-shadow: 0 15px 40px rgba(140, 73, 0, 0.2);}.benefit-icon-wrapper {width: 70px;height: 70px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;border-radius: 14px;font-size: 30px;transition: all 0.4s ease;box-shadow: 0 6px 15px rgba(249, 134, 63, 0.3);}.benefit-feature-card:hover .benefit-icon-wrapper {transform: scale(1.1) rotate(5deg);}.benefit-content {flex: 1;}.benefit-title {font-size: 20px;font-weight: 700;color: var(--secondary-color);margin-bottom: 12px;line-height: 1.3;}.benefit-description {font-size: 15px;line-height: 1.8;color: #666;margin-bottom: 0;}.membership-pillars-section {background: var(--bg-light);}@media (max-width: 991px) {.benefit-feature-card {flex-direction: column;text-align: center;align-items: center;}.benefit-icon-wrapper {margin-bottom: 20px;}}@media (max-width: 767px) {.pillar-benefits-list li {font-size: 13px;}.service-card .pillar-benefits-list {margin-top: 15px;}.benefit-feature-card {padding: 30px 25px;}.benefit-icon-wrapper {width: 60px;height: 60px;font-size: 26px;}.benefit-title {font-size: 18px;}.benefit-description {font-size: 14px;}}.contact-info-section {background: #fff;}.contact-info-card {background: linear-gradient(135deg, #fff 0%, #fafafa 100%);padding: 40px 30px;border-radius: 16px;text-align: center;height: 100%;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 5px 20px rgba(140, 73, 0, 0.1);border: 2px solid transparent;position: relative;overflow: hidden;}.contact-info-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 5px;background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));transform: scaleX(0);transform-origin: left;transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);}.contact-info-card:hover::before {transform: scaleX(1);}.contact-info-card:hover {transform: translateY(-10px);box-shadow: 0 15px 40px rgba(140, 73, 0, 0.2);border-color: var(--primary-color);}.contact-info-icon {width: 80px;height: 80px;margin: 0 auto 25px;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 36px;color: #fff;transition: all 0.4s ease;box-shadow: 0 8px 20px rgba(249, 134, 63, 0.3);}.contact-info-card:hover .contact-info-icon {transform: scale(1.15) rotate(360deg);box-shadow: 0 12px 30px rgba(249, 134, 63, 0.5);}.contact-info-title {font-size: 22px;font-weight: 700;color: var(--secondary-color);margin-bottom: 20px;}.contact-info-text {font-size: 15px;color: #666;line-height: 1.8;}.contact-info-text p {margin-bottom: 8px;}.contact-info-text p:last-child {margin-bottom: 0;}.contact-info-text a {color: var(--primary-color);font-weight: 600;transition: color 0.3s ease;}.contact-info-text a:hover {color: var(--secondary-color);}.registered-society {font-size: 13px;color: #999;font-style: italic;margin-top: 15px;}.contact-form-section {background: var(--bg-light);}.contact-form {background: #fff;padding: 40px;border-radius: 16px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}.form-group {margin-bottom: 20px;}.form-label {font-size: 14px;font-weight: 600;color: #333;margin-bottom: 8px;display: block;}.required-asterisk {color: #dc3545;margin-left: 3px;}.form-control,
.form-select {padding: 12px 18px;font-size: 15px;border: 2px solid #e0e0e0;border-radius: 8px;transition: all 0.3s ease;}.form-control:focus,
.form-select:focus {border-color: var(--primary-color);box-shadow: 0 0 0 0.2rem rgba(255, 155, 93, 0.25);}.form-control.is-invalid,
.form-select.is-invalid {border-color: #dc3545;}.invalid-feedback {font-size: 13px;margin-top: 5px;}.btn-submit-form {display: inline-flex;align-items: center;gap: 12px;background: linear-gradient(135deg, var(--secondary-color) 0%, var(--primary-color) 100%);color: #fff;padding: 16px 45px;border-radius: 50px;font-size: 15px;font-weight: 700;text-transform: uppercase;letter-spacing: 1.5px;border: none;cursor: pointer;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 8px 25px rgba(249, 134, 63, 0.35);position: relative;overflow: hidden;}.btn-submit-form::before {content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.2);transform: translate(-50%, -50%);transition: width 0.6s, height 0.6s;}.btn-submit-form:hover::before {width: 300px;height: 300px;}.btn-submit-form:hover {background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);transform: translateY(-3px);box-shadow: 0 12px 35px rgba(140, 73, 0, 0.45);}.btn-submit-form i {transition: transform 0.3s ease;}.btn-submit-form:hover i {transform: translateX(5px);}.map-container {border-radius: 16px;overflow: hidden;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);height: 100%;min-height: 600px;border: 5px solid #fff;}.map-container iframe {width: 100%;height: 100%;min-height: 600px;display: block;}.faq-section {background: #fff;}.faq-accordion .accordion-item {background: #fff;border: 2px solid #e0e0e0;border-radius: 12px;margin-bottom: 20px;overflow: hidden;transition: all 0.3s ease;}.faq-accordion .accordion-item:last-child {margin-bottom: 0;}.faq-accordion .accordion-item:hover {border-color: var(--primary-color);box-shadow: 0 5px 15px rgba(140, 73, 0, 0.1);}.faq-accordion .accordion-header {margin: 0;}.faq-accordion .accordion-button {padding: 25px 30px;font-size: 18px;font-weight: 700;color: var(--secondary-color);background: #fff;border: none;box-shadow: none;display: flex;align-items: center;gap: 15px;transition: all 0.3s ease;}.faq-accordion .accordion-button:not(.collapsed) {background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color: #fff;}.faq-accordion .accordion-button:focus {box-shadow: none;}.faq-accordion .accordion-button::after {background-image: none;content: '\f078';font-family: 'Font Awesome 6 Free';font-weight: 900;font-size: 16px;transition: transform 0.3s ease;}.faq-accordion .accordion-button:not(.collapsed)::after {transform: rotate(180deg);}.faq-accordion .accordion-button i {font-size: 24px;color: var(--primary-color);transition: all 0.3s ease;}.faq-accordion .accordion-button:not(.collapsed) i {color: #fff;}.faq-accordion .accordion-body {padding: 25px 30px 30px 69px;font-size: 15px;line-height: 1.8;color: #666;background: #fafafa;}@media (max-width: 991px) {.contact-form {margin-bottom: 30px;}.faq-accordion .accordion-button {font-size: 16px;padding: 20px 25px;}.faq-accordion .accordion-body {padding: 20px 25px 25px 64px;}}@media (max-width: 767px) {.contact-form {padding: 30px 20px;}.map-container {min-height: 400px;margin-top: 30px;}.map-container iframe {min-height: 400px;}.faq-accordion .accordion-button {padding: 20px;font-size: 15px;gap: 10px;}.faq-accordion .accordion-button i {font-size: 20px;}.faq-accordion .accordion-body {padding: 20px;font-size: 14px;}.contact-info-card {margin-bottom: 20px;}}.event-filter-section {background: #fff;border-bottom: 2px solid var(--border-color);}.event-filters {display: flex;flex-wrap: wrap;gap: 15px;justify-content: center;}.filter-btn {display: inline-flex;align-items: center;gap: 10px;padding: 14px 28px;background: #fff;border: 2px solid var(--border-color);color: #666;font-size: 14px;font-weight: 600;border-radius: 50px;cursor: pointer;transition: all 0.3s ease;text-transform: uppercase;letter-spacing: 0.5px;}.filter-btn i {font-size: 16px;transition: transform 0.3s ease;}.filter-btn:hover,
.filter-btn.active {background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));border-color: var(--secondary-color);color: #fff;transform: translateY(-3px);box-shadow: 0 5px 15px rgba(249, 134, 63, 0.3);}.filter-btn:hover i,
.filter-btn.active i {transform: scale(1.1);}.events-listing-section {background: #fff;}.event-card {background: #fff;border-radius: 20px;overflow: hidden;box-shadow: 0 5px 20px rgba(140, 73, 0, 0.12);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);height: 100%;display: flex;flex-direction: column;border: 2px solid transparent;position: relative;}.event-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 5px;background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));transform: scaleX(0);transform-origin: left;transition: transform 0.5s ease;z-index: 1;}.event-card:hover::before {transform: scaleX(1);}.event-card:hover {transform: translateY(-10px);border-color: var(--primary-color);box-shadow: 0 20px 40px rgba(140, 73, 0, 0.25);}.event-card-ribbon {position: absolute;top: 20px;right: -35px;background: linear-gradient(135deg, #dc3545, #ff4757);color: #fff;padding: 8px 40px;transform: rotate(45deg);font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;z-index: 2;box-shadow: 0 4px 10px rgba(220, 53, 69, 0.4);}.event-card-image {position: relative;height: 280px;overflow: hidden;}.event-card-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s ease;}.event-card:hover .event-card-image img {transform: scale(1.15);}.event-card-date-badge {position: absolute;top: 20px;left: 20px;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;padding: 15px 20px;border-radius: 12px;text-align: center;box-shadow: 0 8px 20px rgba(249, 134, 63, 0.4);z-index: 2;}.event-date-day {font-size: 28px;font-weight: 800;line-height: 1;margin-bottom: 5px;}.event-date-month {font-size: 14px;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;}.event-card-content {padding: 30px 25px;flex: 1;display: flex;flex-direction: column;}.event-card-category {display: inline-flex;align-items: center;gap: 8px;background: rgba(249, 134, 63, 0.1);color: var(--secondary-color);padding: 8px 18px;border-radius: 25px;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 18px;align-self: flex-start;}.event-card-category.workshop {background: rgba(40, 167, 69, 0.1);color: #28a745;}.event-card-category.networking {background: rgba(23, 162, 184, 0.1);color: #17a2b8;}.event-card-category.webinar {background: rgba(111, 66, 193, 0.1);color: #6f42c1;}.event-card-title {font-size: 22px;font-weight: 700;color: var(--secondary-color);margin-bottom: 15px;line-height: 1.3;}.event-card-title a {color: var(--secondary-color);transition: color 0.3s ease;position: relative;}.event-card-title a::after {content: '';position: absolute;bottom: -2px;left: 0;width: 0;height: 2px;background: var(--primary-color);transition: width 0.4s ease;}.event-card:hover .event-card-title a {color: var(--primary-color);}.event-card:hover .event-card-title a::after {width: 100%;}.event-card-description {font-size: 15px;line-height: 1.8;color: #666;margin-bottom: 20px;flex: 1;}.event-card-meta {display: flex;flex-direction: column;gap: 12px;margin-bottom: 25px;padding-top: 20px;border-top: 2px solid var(--border-color);}.event-meta-item {display: flex;align-items: center;gap: 10px;font-size: 14px;color: #666;}.event-meta-item i {width: 20px;color: var(--primary-color);font-size: 16px;}.event-card-footer {display: flex;align-items: center;justify-content: space-between;gap: 15px;flex-wrap: wrap;}.event-attendees {display: flex;align-items: center;gap: 12px;}.attendees-avatars {display: flex;align-items: center;}.avatar-circle {width: 36px;height: 36px;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 700;border: 3px solid #fff;margin-left: -12px;}.avatar-circle:first-child {margin-left: 0;}.avatar-more {width: 36px;height: 36px;background: #6c757d;color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 700;border: 3px solid #fff;margin-left: -12px;}.attendees-text {font-size: 13px;color: #999;font-weight: 500;}.btn-event-register {display: inline-flex;align-items: center;gap: 8px;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;padding: 12px 24px;border-radius: 50px;font-size: 13px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(249, 134, 63, 0.3);}.btn-event-register:hover {background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));color: #fff;transform: translateY(-2px);box-shadow: 0 6px 18px rgba(249, 134, 63, 0.4);}.btn-event-register i {transition: transform 0.3s ease;}.btn-event-register:hover i {transform: translateX(4px);}.past-events-section {background: var(--bg-light);}.past-event-card {background: #fff;border-radius: 16px;overflow: hidden;box-shadow: 0 5px 20px rgba(140, 73, 0, 0.1);transition: all 0.4s ease;height: 100%;border: 2px solid transparent;}.past-event-card:hover {transform: translateY(-8px);border-color: var(--primary-color);box-shadow: 0 15px 35px rgba(140, 73, 0, 0.2);}.past-event-image {position: relative;height: 220px;overflow: hidden;}.past-event-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s ease;}.past-event-card:hover .past-event-image img {transform: scale(1.1);}.past-event-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.4) 100%);display: flex;align-items: flex-end;padding: 20px;}.past-event-status {background: rgba(108, 117, 125, 0.9);color: #fff;padding: 6px 16px;border-radius: 20px;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}.past-event-content {padding: 25px 20px;}.past-event-date {display: flex;align-items: center;gap: 8px;font-size: 13px;color: #999;margin-bottom: 15px;font-weight: 500;}.past-event-date i {color: var(--primary-color);}.past-event-title {font-size: 20px;font-weight: 700;margin-bottom: 12px;line-height: 1.3;}.past-event-title a {color: var(--secondary-color);transition: color 0.3s ease;}.past-event-title a:hover {color: var(--primary-color);}.past-event-excerpt {font-size: 14px;line-height: 1.8;color: #666;margin-bottom: 18px;}.past-event-link {display: inline-flex;align-items: center;gap: 8px;color: var(--primary-color);font-size: 14px;font-weight: 600;transition: all 0.3s ease;}.past-event-link i {transition: transform 0.3s ease;}.past-event-link:hover {color: var(--secondary-color);gap: 12px;}.past-event-link:hover i {transform: translateX(4px);}.event-benefits-section {background: #fff;}.benefit-card {background: linear-gradient(135deg, #fff 0%, #fafafa 100%);padding: 40px 30px;border-radius: 16px;text-align: center;height: 100%;transition: all 0.4s ease;box-shadow: 0 5px 20px rgba(140, 73, 0, 0.1);border: 2px solid transparent;position: relative;overflow: hidden;}.benefit-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 5px;background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));transform: scaleX(0);transform-origin: left;transition: transform 0.5s ease;}.benefit-card:hover::before {transform: scaleX(1);}.benefit-card:hover {transform: translateY(-10px);border-color: var(--primary-color);box-shadow: 0 15px 40px rgba(140, 73, 0, 0.2);}.benefit-icon {width: 80px;height: 80px;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 36px;margin: 0 auto 25px;transition: all 0.4s ease;box-shadow: 0 8px 20px rgba(249, 134, 63, 0.3);}.home_page .benefit-icon {width: 20px;min-width: 20px;height: 20px;font-size: 12px;margin: 5px 10px 0 0;}.home_page .benefit-item {display: flex;align-items: flex-start;span{font-size: 16px;}}.benefit-card:hover .benefit-icon {transform: scale(1.15) rotate(360deg);}.benefit-title {font-size: 20px;font-weight: 700;color: var(--secondary-color);margin-bottom: 15px;}.benefit-description {font-size: 15px;line-height: 1.8;color: #666;margin-bottom: 0;}.event-newsletter-cta {background: var(--bg-light);}.newsletter-card {background: #fff;padding: 50px;border-radius: 20px;box-shadow: 0 10px 30px rgba(140, 73, 0, 0.15);}.newsletter-content {display: flex;flex-direction: column;align-items: center;gap: 0;text-align: center;}.newsletter-icon {width: 80px;height: 80px;flex-shrink: 0;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 5px;box-shadow: 0 8px 20px rgba(249, 134, 63, 0.3);}.newsletter-title {font-size: 28px;font-weight: 700;color: var(--secondary-color);margin-bottom: 12px;}.newsletter-description {font-size: 16px;line-height: 1.8;color: #666;margin-bottom: 0;}.newsletter-form {width: 100%;}.newsletter-input-group {display: flex;gap: 12px;margin-bottom: 12px;}.newsletter-input {flex: 1;padding: 16px 24px;border: 2px solid var(--border-color);border-radius: 50px;font-size: 15px;transition: all 0.3s ease;}.newsletter-input:focus {outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 0.2rem rgba(255, 155, 93, 0.25);}.btn-newsletter-submit {display: inline-flex;align-items: center;gap: 10px;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;padding: 16px 32px;border-radius: 50px;font-size: 15px;font-weight: 700;border: none;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(249, 134, 63, 0.3);white-space: nowrap;}.btn-newsletter-submit:hover {background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));transform: translateY(-2px);box-shadow: 0 6px 18px rgba(249, 134, 63, 0.4);}.btn-newsletter-submit i {transition: transform 0.3s ease;}.btn-newsletter-submit:hover i {transform: translateX(4px);}.newsletter-privacy {font-size: 13px;color: #999;margin: 0;text-align: center;}@media (max-width: 991px) {.event-card-image {height: 240px;}.newsletter-card {padding: 40px 30px;}.newsletter-title {font-size: 24px;}}@media (max-width: 767px) {.event-filters {flex-direction: column;}.filter-btn {width: 100%;justify-content: center;}.event-card-image {height: 220px;}.event-card-content {padding: 25px 20px;}.event-card-footer {flex-direction: column;align-items: flex-start;}.btn-event-register {width: 100%;justify-content: center;}.newsletter-card {padding: 30px 20px;}.newsletter-input-group {flex-direction: column;}.btn-newsletter-submit {width: 100%;justify-content: center;}.benefit-card {padding: 30px 20px;}}@media (max-width: 480px) {.page-header {min-height: 300px;}.page-title {font-size: 28px;}.page-description {font-size: 15px;}.event-card-date-badge {top: 15px;left: 15px;padding: 12px 16px;}.event-date-day {font-size: 24px;}.event-date-month {font-size: 12px;}.event-card-title {font-size: 19px;}.past-event-image {height: 200px;}.newsletter-icon {width: 60px;height: 60px;font-size: 28px;}.newsletter-title {font-size: 20px;}.newsletter-description {font-size: 14px;}}.event-detail-hero {position: relative;min-height: 500px;display: flex;align-items: center;justify-content: center;overflow: hidden;}.event-detail-hero-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}.event-detail-hero-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg, rgba(92, 55, 21, 0.92) 0%, rgba(140, 73, 0, 0.88) 100%);z-index: 1;}.event-detail-hero-content {position: relative;z-index: 2;color: #fff;padding: 40px 20px;}.event-back-link {display: inline-flex;align-items: center;gap: 10px;color: rgba(255, 255, 255, 0.9);font-size: 14px;font-weight: 600;margin-bottom: 25px;transition: all 0.3s ease;}.event-back-link:hover {color: var(--primary-color);gap: 12px;}.event-back-link i {transition: transform 0.3s ease;}.event-back-link:hover i {transform: translateX(-4px);}.event-detail-badge {display: inline-flex;align-items: center;gap: 10px;background: rgba(255, 255, 255, 0.15);color: #fff;padding: 10px 24px;border-radius: 30px;font-size: 14px;font-weight: 700;text-transform: uppercase;letter-spacing: 1.2px;margin-bottom: 20px;backdrop-filter: blur(10px);border: 2px solid rgba(255, 255, 255, 0.2);}.event-detail-badge i {font-size: 18px;}.event-detail-title {font-size: 52px;font-weight: 800;margin-bottom: 20px;line-height: 1.2;text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3);}.event-detail-tagline {font-size: 20px;font-weight: 400;opacity: 0.95;margin-bottom: 35px;line-height: 1.5;}.event-detail-meta-bar {display: flex;gap: 35px;flex-wrap: wrap;}.event-meta-detail {display: flex;align-items: center;gap: 15px;}.event-meta-detail i {font-size: 28px;color: var(--primary-color);}.event-meta-detail div {display: flex;flex-direction: column;}.event-meta-detail strong {font-size: 12px;text-transform: uppercase;letter-spacing: 1px;opacity: 0.8;margin-bottom: 4px;}.event-meta-detail span {font-size: 16px;font-weight: 600;}.event-registration-bar {background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));padding: 25px 0;box-shadow: 0 4px 20px rgba(140, 73, 0, 0.25);position: sticky;top: 0;z-index: 100;}.registration-bar-content {display: flex;justify-content: space-between;align-items: center;gap: 30px;flex-wrap: wrap;}.registration-bar-info {display: flex;align-items: center;gap: 40px;flex-wrap: wrap;}.registration-price {display: flex;align-items: baseline;gap: 12px;}.price-label {color: rgba(255, 255, 255, 0.9);font-size: 14px;font-weight: 600;}.price-amount {color: #fff;font-size: 32px;font-weight: 800;}.price-note {color: rgba(255, 255, 255, 0.9);font-size: 13px;font-weight: 600;background: rgba(255, 255, 255, 0.15);padding: 6px 14px;border-radius: 20px;}.registration-deadline {display: flex;align-items: center;gap: 10px;color: rgba(255, 255, 255, 0.95);font-size: 14px;font-weight: 600;}.registration-deadline i {font-size: 18px;}.btn-register-now {display: inline-flex;align-items: center;gap: 12px;background: #fff;color: var(--secondary-color);padding: 16px 36px;border-radius: 50px;font-size: 16px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;border: none;cursor: pointer;transition: all 0.4s ease;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}.btn-register-now:hover {background: var(--secondary-color);color: #fff;transform: translateY(-2px);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);}.btn-register-now i {transition: transform 0.3s ease;}.btn-register-now:hover i {transform: scale(1.2);}.event-details-section {background: #fff;}.event-detail-block {background: #fff;padding: 40px;border-radius: 16px;margin-bottom: 40px;box-shadow: 0 5px 20px rgba(140, 73, 0, 0.1);border: 2px solid #f0f0f0;}.event-detail-section-title {display: flex;align-items: center;gap: 15px;font-size: 28px;font-weight: 800;color: var(--secondary-color);margin-bottom: 30px;padding-bottom: 20px;border-bottom: 3px solid var(--primary-color);}.event-detail-section-title i {color: var(--primary-color);font-size: 32px;}.event-detail-content {font-size: 16px;line-height: 1.9;color: #666;}.event-detail-content p {margin-bottom: 20px;}.event-subsection-title {font-size: 22px;font-weight: 700;color: var(--secondary-color);margin: 30px 0 20px;}.event-detail-list {list-style: none;padding: 0;margin: 25px 0;}.event-detail-list li {display: flex;align-items: flex-start;gap: 15px;margin-bottom: 18px;padding-left: 10px;}.event-detail-list i {color: var(--primary-color);font-size: 20px;margin-top: 3px;flex-shrink: 0;}.event-detail-list strong {color: var(--secondary-color);}.agenda-day {margin-bottom: 40px;}.agenda-day:last-child {margin-bottom: 0;}.agenda-day-title {display: flex;align-items: center;gap: 20px;font-size: 24px;font-weight: 700;color: var(--secondary-color);margin-bottom: 25px;padding: 20px;background: linear-gradient(135deg, #fef8f3 0%, #fff 100%);border-radius: 12px;border-left: 5px solid var(--primary-color);}.day-badge {background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;padding: 8px 20px;border-radius: 25px;font-size: 14px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}.agenda-timeline {position: relative;padding-left: 40px;}.agenda-timeline::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background: linear-gradient(180deg, var(--primary-color), var(--secondary-color));}.agenda-item {position: relative;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #e0e0e0;}.agenda-item:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0;}.agenda-item::before {content: '';position: absolute;left: -47px;top: 5px;width: 14px;height: 14px;background: var(--primary-color);border: 3px solid #fff;border-radius: 50%;box-shadow: 0 0 0 3px rgba(255, 155, 93, 0.2);}.agenda-time {display: inline-block;background: var(--primary-color);color: #fff;padding: 6px 18px;border-radius: 20px;font-size: 14px;font-weight: 700;margin-bottom: 12px;}.agenda-details h4 {font-size: 19px;font-weight: 700;color: var(--secondary-color);margin-bottom: 10px;}.agenda-details p {font-size: 15px;color: #666;margin-bottom: 10px;}.agenda-speaker {display: flex;align-items: center;gap: 8px;font-size: 14px;color: #999;font-style: italic;}.agenda-speaker i {color: var(--primary-color);}.speaker-card {display: flex;align-items: center;gap: 20px;background: linear-gradient(135deg, #fff 0%, #fafafa 100%);padding: 25px;border-radius: 12px;border: 2px solid #e0e0e0;transition: all 0.3s ease;height: 100%;}.speaker-card:hover {border-color: var(--primary-color);transform: translateY(-5px);box-shadow: 0 8px 20px rgba(140, 73, 0, 0.15);}.speaker-avatar {width: 80px;height: 80px;flex-shrink: 0;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 28px;font-weight: 700;box-shadow: 0 4px 15px rgba(249, 134, 63, 0.3);}.speaker-info h4 {font-size: 18px;font-weight: 700;color: var(--secondary-color);margin-bottom: 6px;}.speaker-title {font-size: 14px;color: #666;margin-bottom: 4px;}.speaker-company {font-size: 13px;color: var(--primary-color);font-weight: 600;}.venue-info-card {background: #f8f9fa;padding: 30px;border-radius: 12px;border-left: 5px solid var(--primary-color);}.venue-info-card h3 {font-size: 22px;font-weight: 700;color: var(--secondary-color);margin-bottom: 20px;}.venue-info-card h4 {font-size: 18px;font-weight: 700;color: var(--secondary-color);margin-bottom: 15px;}.venue-info-card p {display: flex;align-items: center;gap: 12px;margin-bottom: 12px;color: #666;}.venue-info-card p i {color: var(--primary-color);width: 20px;}.venue-info-card a {color: var(--primary-color);font-weight: 600;}.venue-info-card a:hover {color: var(--secondary-color);}.venue-transport-list {list-style: none;padding: 0;margin: 15px 0 0 0;}.venue-transport-list li {display: flex;align-items: flex-start;gap: 15px;margin-bottom: 12px;padding-left: 10px;}.venue-transport-list i {color: var(--primary-color);font-size: 18px;margin-top: 2px;width: 20px;}.venue-transport-list strong {color: var(--secondary-color);min-width: 70px;}.event-sidebar-card {background: #fff;padding: 30px;border-radius: 16px;margin-bottom: 30px;box-shadow: 0 5px 20px rgba(140, 73, 0, 0.1);border: 2px solid #f0f0f0;}.sidebar-card-title {font-size: 20px;font-weight: 700;color: var(--secondary-color);margin-bottom: 25px;padding-bottom: 15px;border-bottom: 2px solid var(--primary-color);}.registration-card {background: linear-gradient(135deg, #fef8f3 0%, #fff 100%);border: 2px solid var(--primary-color);}.registration-pricing {margin-bottom: 25px;}.price-option {display: flex;justify-content: space-between;align-items: center;padding: 18px 20px;background: #fff;border-radius: 10px;margin-bottom: 12px;border: 2px solid #e0e0e0;transition: all 0.3s ease;}.price-option:hover {border-color: var(--primary-color);transform: translateX(5px);}.price-option.highlight {background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));border-color: var(--secondary-color);}.price-option.highlight .price-label,
.price-option.highlight .price-value,
.price-option.highlight .price-deadline {color: #fff;}.price-option .price-label {font-size: 14px;font-weight: 700;color: #666;text-transform: uppercase;letter-spacing: 1px;}.price-option .price-value {font-size: 28px;font-weight: 800;color: var(--secondary-color);}.price-option .price-deadline {font-size: 12px;color: #999;}.btn-register-sidebar {width: 100%;display: inline-flex;align-items: center;justify-content: center;gap: 12px;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;padding: 18px 36px;border-radius: 50px;font-size: 16px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;border: none;cursor: pointer;transition: all 0.4s ease;box-shadow: 0 6px 20px rgba(249, 134, 63, 0.35);margin-bottom: 15px;}.btn-register-sidebar:hover {background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));transform: translateY(-3px);box-shadow: 0 8px 25px rgba(249, 134, 63, 0.45);}.registration-note {font-size: 13px;color: #666;text-align: center;margin: 0;}.registration-note i {color: var(--primary-color);}.registration-note a {color: var(--primary-color);font-weight: 600;}.registration-note a:hover {color: var(--secondary-color);}.event-quick-info {list-style: none;padding: 0;margin: 0;}.event-quick-info li {display: flex;align-items: flex-start;gap: 15px;padding: 18px 0;border-bottom: 1px solid #e0e0e0;}.event-quick-info li:last-child {border-bottom: none;}.event-quick-info i {width: 24px;color: var(--primary-color);font-size: 20px;margin-top: 2px;}.event-quick-info div {flex: 1;}.event-quick-info strong {display: block;font-size: 14px;font-weight: 700;color: var(--secondary-color);margin-bottom: 4px;}.event-quick-info span {display: block;font-size: 14px;color: #666;}.event-share-buttons {display: flex;gap: 12px;}.share-btn {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 12px;font-size: 20px;color: #fff;transition: all 0.3s ease;}.share-btn.facebook {background: #1877f2;}.share-btn.twitter {background: #1da1f2;}.share-btn.linkedin {background: #0a66c2;}.share-btn.email {background: #666;}.share-btn:hover {transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}.related-events-list {display: flex;flex-direction: column;gap: 15px;}.related-event-item {display: flex;gap: 15px;padding: 18px;background: #f8f9fa;border-radius: 12px;transition: all 0.3s ease;border: 2px solid transparent;}.related-event-item:hover {background: #fff;border-color: var(--primary-color);transform: translateX(5px);box-shadow: 0 4px 12px rgba(140, 73, 0, 0.1);}.related-event-date {flex-shrink: 0;width: 60px;height: 60px;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;border-radius: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 8px;}.date-day {font-size: 24px;font-weight: 800;line-height: 1;}.date-month {font-size: 12px;font-weight: 700;text-transform: uppercase;margin-top: 4px;}.related-event-info {flex: 1;}.related-event-info h4 {font-size: 16px;font-weight: 700;color: var(--secondary-color);margin-bottom: 8px;line-height: 1.3;}.related-event-location {display: flex;align-items: center;gap: 6px;font-size: 13px;color: #666;}.related-event-location i {color: var(--primary-color);}.similar-events-section {background: var(--bg-light);}@media (max-width: 991px) {.event-detail-title {font-size: 38px;}.event-detail-tagline {font-size: 18px;}.event-detail-meta-bar {gap: 20px;}.registration-bar-content {flex-direction: column;align-items: flex-start;}.event-detail-block {padding: 30px 25px;}.agenda-timeline {padding-left: 30px;}}@media (max-width: 767px) {.event-detail-hero {min-height: 400px;}.event-detail-title {font-size: 32px;}.event-detail-tagline {font-size: 16px;}.event-detail-meta-bar {flex-direction: column;gap: 15px;}.registration-bar-info {flex-direction: column;align-items: flex-start;gap: 15px;}.btn-register-now {width: 100%;justify-content: center;}.event-detail-block {padding: 25px 20px;}.event-detail-section-title {font-size: 24px;}.agenda-day-title {flex-direction: column;align-items: flex-start;gap: 12px;font-size: 20px;}.speaker-card {flex-direction: column;text-align: center;}.event-sidebar-card {padding: 25px 20px;}}@media (max-width: 480px) {.event-detail-hero {min-height: 350px;}.event-detail-title {font-size: 26px;}.event-detail-tagline {font-size: 15px;}.event-detail-section-title {font-size: 20px;}.event-detail-section-title i {font-size: 24px;}.agenda-timeline {padding-left: 20px;}.agenda-item::before {left: -37px;}.price-option {flex-direction: column;align-items: flex-start;gap: 8px;}}.blog-filter-section {background: #fff;border-bottom: 2px solid var(--border-color);}.blog-filters {display: flex;flex-wrap: wrap;gap: 15px;justify-content: center;}.featured-blog-section {background: var(--bg-light);}.featured-blog-image {position: relative;overflow: hidden;border-radius: 16px;box-shadow: 0 10px 30px rgba(140, 73, 0, 0.15);}.featured-blog-image img {transition: transform 0.6s ease;}.featured-blog-image:hover img {transform: scale(1.08);}.featured-blog-badge {position: absolute;top: 20px;left: 20px;background: linear-gradient(135deg, #dc3545, #ff4757);color: #fff;padding: 10px 25px;border-radius: 50px;font-size: 13px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;display: flex;align-items: center;gap: 8px;box-shadow: 0 6px 15px rgba(220, 53, 69, 0.4);z-index: 2;}.featured-blog-content {padding-left: 30px;}.blog-meta-info {display: flex;flex-wrap: wrap;align-items: center;gap: 20px;margin-bottom: 20px;}.blog-category {background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;padding: 8px 20px;border-radius: 25px;font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;}.blog-date,
.blog-read-time {display: flex;align-items: center;gap: 8px;font-size: 14px;color: #666;}.blog-date i,
.blog-read-time i {color: var(--primary-color);}.featured-blog-title {font-size: 36px;font-weight: 800;color: var(--secondary-color);margin-bottom: 20px;line-height: 1.3;}.featured-blog-title a {color: var(--secondary-color);transition: color 0.3s ease;}.featured-blog-title a:hover {color: var(--primary-color);}.featured-blog-excerpt {font-size: 17px;line-height: 1.8;color: #666;margin-bottom: 25px;}.blog-author-info {display: flex;align-items: center;gap: 15px;margin-bottom: 25px;padding: 20px;background: #fff;border-radius: 12px;border-left: 4px solid var(--primary-color);}.author-avatar {width: 60px;height: 60px;flex-shrink: 0;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 24px;font-weight: 700;box-shadow: 0 4px 15px rgba(249, 134, 63, 0.3);}.author-details {display: flex;flex-direction: column;gap: 4px;}.author-details strong {font-size: 16px;color: var(--secondary-color);}.author-details span {font-size: 14px;color: #666;}.btn-read-more {display: inline-flex;align-items: center;gap: 12px;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;padding: 16px 40px;border-radius: 50px;font-size: 15px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;transition: all 0.4s ease;box-shadow: 0 6px 20px rgba(249, 134, 63, 0.35);}.btn-read-more:hover {background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));color: #fff;transform: translateY(-3px);box-shadow: 0 8px 25px rgba(249, 134, 63, 0.45);}.btn-read-more i {transition: transform 0.3s ease;}.btn-read-more:hover i {transform: translateX(5px);}.blog-card {background: #fff;border-radius: 20px;overflow: hidden;box-shadow: 0 5px 20px rgba(140, 73, 0, 0.12);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);height: 100%;display: flex;flex-direction: column;border: 2px solid transparent;position: relative;}.blog-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 5px;background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));transform: scaleX(0);transform-origin: left;transition: transform 0.5s ease;z-index: 1;}.blog-card:hover::before {transform: scaleX(1);}.blog-card:hover {transform: translateY(-10px);border-color: var(--primary-color);box-shadow: 0 20px 40px rgba(140, 73, 0, 0.25);}.blog-card-image {position: relative;height: 240px;overflow: hidden;}.blog-card-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.6s ease;}.blog-card:hover .blog-card-image img {transform: scale(1.15);}.blog-card-category {position: absolute;top: 15px;left: 15px;display: inline-flex;align-items: center;gap: 8px;background: rgba(249, 134, 63, 0.95);color: #fff;padding: 8px 18px;border-radius: 25px;font-size: 11px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;z-index: 2;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);}.blog-card-category.sustainability {background: rgba(40, 167, 69, 0.95);}.blog-card-category.innovation {background: rgba(23, 162, 184, 0.95);}.blog-card-category.policy {background: rgba(111, 66, 193, 0.95);}.blog-card-category.industry-news {background: rgba(249, 134, 63, 0.95);}.blog-card-content {padding: 25px;flex: 1;display: flex;flex-direction: column;}.blog-card-meta {display: flex;align-items: center;gap: 15px;margin-bottom: 15px;}.blog-card-date,
.blog-card-read-time {display: flex;align-items: center;gap: 6px;font-size: 13px;color: #999;}.blog-card-date i,
.blog-card-read-time i {color: var(--primary-color);font-size: 14px;}.blog-card-title {font-size: 20px;font-weight: 700;color: var(--secondary-color);margin-bottom: 12px;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.blog-card-title a {color: var(--secondary-color);transition: color 0.3s ease;}.blog-card-title a:hover {color: var(--primary-color);}.blog-card-description {font-size: 15px;line-height: 1.7;color: #666;margin-bottom: 20px;flex: 1;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.blog-card-footer {display: flex;justify-content: space-between;align-items: center;padding-top: 20px;border-top: 2px solid var(--border-color);}.blog-author-mini {display: flex;align-items: center;gap: 12px;}.author-mini-avatar {width: 36px;height: 36px;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 14px;font-weight: 700;flex-shrink: 0;}.author-mini-name {font-size: 14px;color: #666;font-weight: 600;}.blog-read-link {display: inline-flex;align-items: center;gap: 8px;color: var(--primary-color);font-size: 14px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;transition: all 0.3s ease;}.blog-read-link:hover {color: var(--secondary-color);}.blog-read-link i {transition: transform 0.3s ease;}.blog-read-link:hover i {transform: translateX(5px);}.blog-pagination .pagination {gap: 10px;}.blog-pagination .page-link {border: 2px solid var(--border-color);color: #666;padding: 12px 20px;border-radius: 10px;font-weight: 600;transition: all 0.3s ease;}.blog-pagination .page-item.active .page-link {background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));border-color: var(--secondary-color);color: #fff;}.blog-pagination .page-link:hover {background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));border-color: var(--secondary-color);color: #fff;transform: translateY(-2px);}.blog-newsletter-cta {background: var(--bg-light);}.newsletter-card {background: #fff;padding: 50px;border-radius: 20px;box-shadow: 0 10px 30px rgba(140, 73, 0, 0.15);border: 2px solid var(--border-color);}.newsletter-content {padding-right: 30px;}.newsletter-icon {width: 80px;height: 80px;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 36px;margin-bottom: 5px;box-shadow: 0 8px 20px rgba(249, 134, 63, 0.3);}.newsletter-title {font-size: 28px;font-weight: 800;color: var(--secondary-color);margin-bottom: 15px;}.newsletter-description {font-size: 16px;line-height: 1.8;color: #666;}.newsletter-form {padding: 30px;background: linear-gradient(135deg, #fef8f3 0%, #fff 100%);border-radius: 16px;border: 2px solid var(--border-color);}.newsletter-input-group {display: flex;gap: 12px;margin-bottom: 15px;}.newsletter-input {flex: 1;padding: 16px 24px;font-size: 15px;border: 2px solid var(--border-color);border-radius: 50px;transition: all 0.3s ease;}.newsletter-input:focus {border-color: var(--primary-color);outline: none;box-shadow: 0 0 0 0.2rem rgba(255, 155, 93, 0.25);}.btn-newsletter-submit {display: inline-flex;align-items: center;gap: 10px;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;padding: 16px 36px;border-radius: 50px;font-size: 15px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;border: none;cursor: pointer;transition: all 0.4s ease;box-shadow: 0 4px 15px rgba(249, 134, 63, 0.35);white-space: nowrap;}.btn-newsletter-submit:hover {background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));transform: translateY(-2px);box-shadow: 0 6px 20px rgba(249, 134, 63, 0.45);}.newsletter-privacy {font-size: 13px;color: #999;text-align: center;margin: 0;}.topics-cloud-section {background: #fff;}.topics-cloud {display: flex;flex-wrap: wrap;gap: 15px;justify-content: center;}.topic-tag {display: inline-block;padding: 12px 28px;background: #fff;border: 2px solid var(--border-color);color: #666;font-size: 14px;font-weight: 600;border-radius: 50px;transition: all 0.3s ease;}.topic-tag:hover {background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));border-color: var(--secondary-color);color: #fff;transform: translateY(-3px);box-shadow: 0 5px 15px rgba(249, 134, 63, 0.3);}.blog-detail-hero {position: relative;min-height: 500px;display: flex;align-items: center;justify-content: center;overflow: hidden;}.blog-detail-hero-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}.blog-detail-hero-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg, rgba(92, 55, 21, 0.92) 0%, rgba(140, 73, 0, 0.88) 100%);z-index: 1;}.blog-detail-hero-content {position: relative;z-index: 2;color: #fff;padding: 40px 20px;max-width: 900px;}.blog-back-link {display: inline-flex;align-items: center;gap: 10px;color: rgba(255, 255, 255, 0.9);font-size: 14px;font-weight: 600;margin-bottom: 25px;padding: 10px 25px;background: rgba(255, 255, 255, 0.1);border-radius: 50px;backdrop-filter: blur(10px);transition: all 0.3s ease;}.blog-back-link:hover {background: rgba(255, 255, 255, 0.2);color: #fff;}.blog-detail-category-badge {display: inline-flex;align-items: center;gap: 8px;background: rgba(255, 255, 255, 0.15);color: #fff;padding: 10px 24px;border-radius: 25px;font-size: 13px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 20px;backdrop-filter: blur(10px);}.blog-detail-title {font-size: 48px;font-weight: 800;margin-bottom: 25px;line-height: 1.2;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);}.blog-detail-meta-bar {display: flex;align-items: center;gap: 40px;flex-wrap: wrap;margin: 30px 0;}.blog-author-section {display: flex;align-items: center;gap: 15px;}.author-avatar-large {width: 70px;height: 70px;background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 28px;font-weight: 700;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);}.author-info {display: flex;flex-direction: column;gap: 4px;text-align: left;}.author-info strong {font-size: 18px;color: #fff;}.author-info span {font-size: 14px;color: rgba(255, 255, 255, 0.9);}.blog-meta-details {display: flex;gap: 25px;flex-wrap: wrap;}.blog-meta-item {display: flex;align-items: center;gap: 8px;font-size: 14px;color: rgba(255, 255, 255, 0.95);font-weight: 600;}.blog-meta-item i {font-size: 16px;color: var(--primary-color);}.social-share-bar {background: #fff;padding: 20px 0;border-bottom: 2px solid var(--border-color);position: sticky;top: 0;z-index: 100;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);}.share-bar-content {display: flex;align-items: center;justify-content: center;gap: 25px;flex-wrap: wrap;}.share-label {font-size: 15px;font-weight: 700;color: #666;}.share-buttons {display: flex;gap: 12px;}.share-btn.copy-link {background: #28a745;}.blog-content-section {background: #fff;}.blog-featured-image {margin-bottom: 25px;border-radius: 16px;overflow: hidden;box-shadow: 0 10px 30px rgba(140, 73, 0, 0.15);}.image-caption {font-size: 14px;color: #999;font-style: italic;text-align: center;margin-top: 12px;}.blog-article-content {font-size: 17px;line-height: 1.9;color: #444;}.lead-paragraph {font-size: 20px;font-weight: 500;line-height: 1.8;color: #333;margin-bottom: 30px;padding-left: 20px;border-left: 4px solid var(--primary-color);}.article-section-title {font-size: 28px;font-weight: 800;color: var(--secondary-color);margin: 40px 0 20px;padding-bottom: 15px;border-bottom: 3px solid var(--primary-color);}.blog-article-content p {margin-bottom: 20px;}.article-list {margin: 25px 0;padding-left: 30px;}.article-list li {margin-bottom: 12px;line-height: 1.8;}.article-blockquote {background: linear-gradient(135deg, #fef8f3 0%, #fff 100%);border-left: 5px solid var(--primary-color);padding: 30px 35px;margin: 35px 0;border-radius: 12px;box-shadow: 0 5px 15px rgba(140, 73, 0, 0.08);}.article-blockquote p {font-size: 20px;font-style: italic;font-weight: 500;color: var(--secondary-color);margin-bottom: 15px;line-height: 1.7;}.article-blockquote footer {font-size: 15px;color: #666;font-weight: 600;}.article-blockquote footer::before {content: '— ';}.article-highlight-box {background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;padding: 30px;border-radius: 16px;margin: 35px 0;box-shadow: 0 8px 25px rgba(249, 134, 63, 0.3);}.article-highlight-box h3 {display: flex;align-items: center;gap: 12px;font-size: 22px;font-weight: 800;margin-bottom: 15px;color: #fff;}.article-highlight-box h3 i {font-size: 28px;}.article-highlight-box p {margin: 0;font-size: 16px;line-height: 1.8;}.article-image-gallery {margin: 35px 0;}.gallery-caption {font-size: 13px;color: #999;font-style: italic;text-align: center;margin-top: 10px;}.article-tags {padding: 30px 0;border-top: 2px solid var(--border-color);}.tags-title {font-size: 18px;font-weight: 700;color: var(--secondary-color);margin-bottom: 20px;}.tags-list {display: flex;flex-wrap: wrap;gap: 12px;}.article-tag {display: inline-block;padding: 10px 22px;background: #f8f9fa;border: 2px solid var(--border-color);color: #666;font-size: 13px;font-weight: 600;border-radius: 50px;transition: all 0.3s ease;}.article-tag:hover {background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));border-color: var(--secondary-color);color: #fff;transform: translateY(-2px);}.author-bio-section {padding: 40px 0;border-top: 2px solid var(--border-color);}.author-bio-card {display: flex;gap: 25px;background: linear-gradient(135deg, #fef8f3 0%, #fff 100%);padding: 35px;border-radius: 16px;border: 2px solid var(--border-color);}.author-bio-avatar {width: 100px;height: 100px;flex-shrink: 0;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 40px;font-weight: 700;box-shadow: 0 6px 20px rgba(249, 134, 63, 0.3);}.author-bio-content {flex: 1;}.author-bio-name {font-size: 24px;font-weight: 800;color: var(--secondary-color);margin-bottom: 5px;}.author-bio-title {font-size: 15px;color: var(--primary-color);font-weight: 600;margin-bottom: 15px;}.author-bio-description {font-size: 15px;line-height: 1.8;color: #666;margin-bottom: 20px;}.author-social-links {display: flex;gap: 12px;}.author-social-links a {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: var(--primary-color);color: #fff;border-radius: 50%;font-size: 16px;transition: all 0.3s ease;}.author-social-links a:hover {background: var(--secondary-color);transform: translateY(-3px);box-shadow: 0 4px 12px rgba(140, 73, 0, 0.3);}.comments-section {padding: 40px 0;border-top: 2px solid var(--border-color);}.comments-title {font-size: 26px;font-weight: 800;color: var(--secondary-color);margin-bottom: 30px;}.comment-item {display: flex;gap: 20px;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid var(--border-color);}.comment-item:last-of-type {border-bottom: none;}.comment-avatar {width: 50px;height: 50px;flex-shrink: 0;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 700;}.comment-content {flex: 1;}.comment-header {display: flex;align-items: center;gap: 15px;margin-bottom: 10px;}.comment-author {font-size: 16px;color: var(--secondary-color);}.comment-date {font-size: 13px;color: #999;}.comment-text {font-size: 15px;line-height: 1.8;color: #666;margin-bottom: 12px;}.comment-reply-btn {display: inline-flex;align-items: center;gap: 8px;background: none;border: none;color: var(--primary-color);font-size: 14px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;padding: 0;}.comment-reply-btn:hover {color: var(--secondary-color);}.comment-form-section {padding: 35px;background: linear-gradient(135deg, #fef8f3 0%, #fff 100%);border-radius: 16px;border: 2px solid var(--border-color);}.comment-form-title {font-size: 20px;font-weight: 700;color: var(--secondary-color);margin-bottom: 20px;}.comment-form textarea {padding: 15px 20px;font-size: 15px;border: 2px solid var(--border-color);border-radius: 12px;transition: all 0.3s ease;resize: vertical;}.comment-form textarea:focus {border-color: var(--primary-color);outline: none;box-shadow: 0 0 0 0.2rem rgba(255, 155, 93, 0.25);}.btn-post-comment {display: inline-flex;align-items: center;gap: 10px;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;padding: 14px 32px;border-radius: 50px;font-size: 15px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;border: none;cursor: pointer;transition: all 0.4s ease;box-shadow: 0 4px 15px rgba(249, 134, 63, 0.35);}.btn-post-comment:hover {background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));transform: translateY(-2px);box-shadow: 0 6px 20px rgba(249, 134, 63, 0.45);}.blog-sidebar-widget {background: #fff;padding: 30px;border-radius: 16px;margin-bottom: 30px;box-shadow: 0 5px 20px rgba(140, 73, 0, 0.1);border: 2px solid #f0f0f0;}.sidebar-widget-title {font-size: 20px;font-weight: 700;color: var(--secondary-color);margin-bottom: 25px;padding-bottom: 15px;border-bottom: 2px solid var(--primary-color);}.sidebar-search-form {margin: 0;}.search-input-group {display: flex;gap: 10px;}.sidebar-search-input {flex: 1;padding: 14px 20px;font-size: 15px;border: 2px solid var(--border-color);border-radius: 50px;transition: all 0.3s ease;}.sidebar-search-input:focus {border-color: var(--primary-color);outline: none;box-shadow: 0 0 0 0.2rem rgba(255, 155, 93, 0.25);}.sidebar-search-btn {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;border: none;border-radius: 50%;font-size: 18px;cursor: pointer;transition: all 0.3s ease;flex-shrink: 0;}.sidebar-search-btn:hover {transform: scale(1.1);box-shadow: 0 4px 15px rgba(249, 134, 63, 0.4);}.sidebar-category-list {list-style: none;padding: 0;margin: 0;}.sidebar-category-list li {margin-bottom: 12px;}.sidebar-category-list li:last-child {margin-bottom: 0;}.sidebar-category-list a {display: flex;align-items: center;justify-content: space-between;padding: 14px 18px;background: #f8f9fa;border-radius: 10px;color: #666;font-size: 14px;font-weight: 600;transition: all 0.3s ease;border: 2px solid transparent;}.sidebar-category-list a:hover {background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;border-color: var(--secondary-color);transform: translateX(5px);}.sidebar-category-list i {font-size: 16px;margin-right: 10px;}.category-count {background: rgba(255, 255, 255, 0.2);color: #666;padding: 4px 12px;border-radius: 20px;font-size: 12px;font-weight: 700;}.sidebar-category-list a:hover .category-count {background: rgba(255, 255, 255, 0.25);color: #fff;}.popular-posts-list {display: flex;flex-direction: column;gap: 15px;}.popular-post-item {display: flex;gap: 15px;padding: 15px;background: #f8f9fa;border-radius: 12px;transition: all 0.3s ease;border: 2px solid transparent;}.popular-post-item:hover {background: #fff;border-color: var(--primary-color);transform: translateX(5px);box-shadow: 0 4px 12px rgba(140, 73, 0, 0.1);}.popular-post-image {width: 80px;height: 80px;flex-shrink: 0;border-radius: 8px;overflow: hidden;}.popular-post-image img {width: 100%;height: 100%;object-fit: cover;}.popular-post-content {flex: 1;}.popular-post-content h4 {font-size: 15px;font-weight: 700;color: var(--secondary-color);margin-bottom: 8px;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.popular-post-date {display: flex;align-items: center;gap: 6px;font-size: 12px;color: #999;}.popular-post-date i {color: var(--primary-color);}.newsletter-widget {background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));border: none;text-align: center;}.newsletter-widget .sidebar-widget-title {color: #fff;border-bottom-color: rgba(255, 255, 255, 0.3);}.newsletter-widget-icon {width: 70px;height: 70px;background: rgba(255, 255, 255, 0.2);color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 32px;margin: 0 auto 20px;backdrop-filter: blur(10px);}.newsletter-widget-text {font-size: 15px;color: rgba(255, 255, 255, 0.95);line-height: 1.7;margin-bottom: 25px;}.sidebar-newsletter-form {display: flex;flex-direction: column;gap: 12px;}.sidebar-newsletter-input {padding: 14px 20px;font-size: 15px;border: 2px solid rgba(255, 255, 255, 0.3);border-radius: 50px;background: rgba(255, 255, 255, 0.1);color: #fff;backdrop-filter: blur(10px);transition: all 0.3s ease;}.sidebar-newsletter-input::placeholder {color: rgba(255, 255, 255, 0.7);}.sidebar-newsletter-input:focus {border-color: #fff;outline: none;background: rgba(255, 255, 255, 0.15);}.sidebar-newsletter-btn {display: inline-flex;align-items: center;justify-content: center;gap: 10px;background: #fff;color: var(--secondary-color);padding: 14px 28px;border-radius: 50px;font-size: 15px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;border: none;cursor: pointer;transition: all 0.3s ease;}.sidebar-newsletter-btn:hover {background: rgba(255, 255, 255, 0.9);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);}.sidebar-tags-cloud {display: flex;flex-wrap: wrap;gap: 10px;}.sidebar-tag {display: inline-block;padding: 8px 18px;background: #f8f9fa;border: 2px solid var(--border-color);color: #666;font-size: 13px;font-weight: 600;border-radius: 50px;transition: all 0.3s ease;}.sidebar-tag:hover {background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));border-color: var(--secondary-color);color: #fff;transform: translateY(-2px);}.related-articles-section {background: var(--bg-light);}@media (max-width: 991px) {.featured-blog-content {padding-left: 0;margin-top: 30px;}.featured-blog-title {font-size: 30px;}.newsletter-card {padding: 40px 30px;}.newsletter-content {padding-right: 0;margin-bottom: 30px;}.blog-detail-title {font-size: 38px;}.author-bio-card {flex-direction: column;text-align: center;align-items: center;}}@media (max-width: 767px) {.blog-detail-hero {min-height: 400px;}.blog-detail-title {font-size: 32px;}.featured-blog-title {font-size: 26px;}.blog-meta-info {gap: 15px;}.newsletter-card {padding: 30px 20px;}.newsletter-title {font-size: 24px;}.newsletter-input-group {flex-direction: column;}.btn-newsletter-submit {width: 100%;justify-content: center;}.blog-article-content {font-size: 16px;}.lead-paragraph {font-size: 18px;}.article-section-title {font-size: 24px;}.article-blockquote p {font-size: 18px;}.author-bio-card {padding: 25px 20px;}.comment-form-section {padding: 25px 20px;}.blog-sidebar-widget {padding: 25px 20px;}.social-share-bar {padding: 15px 0;}.share-bar-content {flex-direction: column;gap: 15px;}}@media (max-width: 480px) {.blog-meta-details {justify-content: center;}.blog-detail-hero {min-height: 350px;}.blog-detail-title {font-size: 26px;}.featured-blog-title {font-size: 22px;}.blog-detail-meta-bar {flex-direction: column;align-items: center;gap: 20px;}.article-section-title {font-size: 22px;}.article-blockquote {padding: 20px 25px;}.article-highlight-box {padding: 20px;}.topics-cloud {gap: 10px;}.topic-tag {font-size: 13px;padding: 10px 20px;}.author-bio-name {font-size: 20px;}.comment-item {gap: 15px;}.comment-avatar {width: 40px;height: 40px;font-size: 16px;}}.img-fluid {width: 100%;}.text-center {text-align: center;}.event-item-flex {display: flex;align-items: flex-start;gap: 20px;margin-bottom: 30px;}.event-image-container {flex: 0 0 250px;max-width: 250px;}.event-image-container img {width: 100%;height: auto;border-radius: 8px;}.event-text-container {flex: 1;}@media (max-width: 768px) {.event-item-flex {flex-direction: column;}.event-image-container {max-width: 100%;width: 100%;}}.membership-item-flex {display: flex;align-items: flex-start;gap: 25px;background: #fff;padding: 20px;border-radius: 20px;margin-bottom: 20px;box-shadow: 0 5px 20px rgba(140, 73, 0, 0.12);}.membership-image-container {flex: 0 0 600px;max-width: 600px;}.membership-image-container img {width: 100%;height: auto;border-radius: 12px;object-fit: cover;}.membership-text-container {flex: 1;}@media (max-width: 768px) {.membership-item-flex {flex-direction: column;text-align: center;}.membership-image-container {max-width: 100%;width: 100%;flex: 0 0 auto;}}.membership-cta-flex {display: flex;align-items: center;justify-content: space-between;gap: 30px;background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);padding: 40px;border-radius: 24px;position: relative;overflow: hidden;box-shadow: 0 10px 30px rgba(140, 73, 0, 0.1);}.membership-cta-content {flex: 0 0 65%;z-index: 1;}.membership-cta-features-container {flex: 0 0 30%;}.membership-features {display: flex;flex-direction: column;gap: 15px;}@media (max-width: 992px) {.membership-cta-flex {flex-direction: column;text-align: center;}.membership-cta-content,
.membership-cta-features-container {flex: 0 0 100%;width: 100%;}}.who-we-are-flex {display: flex;align-items: center;gap: 60px;padding: 20px 0;}.who-we-are-image {flex: 0 0 45%;position: relative;}.who-we-are-image .image-wrapper {position: relative;border-radius: 30px;overflow: hidden;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);}.who-we-are-image img {width: 100%;height: auto;display: block;transition: transform 0.5s ease;}.who-we-are-image:hover img {transform: scale(1.05);}.who-we-are-content {flex: 1;}.who-we-are-list {list-style: none;padding: 0;margin: 25px 0;}.who-we-are-list li {display: flex;align-items: center;gap: 12px;font-size: 16px;color: #444;margin-bottom: 12px;font-weight: 600;}.who-we-are-list li i {color: var(--secondary-color);font-size: 18px;}.image-badge {position: absolute;bottom: 30px;right: -20px;background: linear-gradient(135deg, var(--secondary-color), var(--primary-color));color: #fff;padding: 20px;border-radius: 20px;text-align: center;box-shadow: 0 10px 25px rgba(249, 134, 63, 0.4);z-index: 2;}.image-badge .years {display: block;font-size: 28px;font-weight: 800;}.image-badge .label {font-size: 12px;text-transform: uppercase;letter-spacing: 1px;}@media (max-width: 992px) {.who-we-are-flex {flex-direction: column;text-align: center;gap: 40px;}.who-we-are-image {max-width: 500px;margin: 0 auto;}.who-we-are-image .image-badge {right: 10px;}.about-header-decoration {margin: 0 auto 25px !important;}}.strategic-focus-flex {display: flex;align-items: center;justify-content: space-between;gap: 30px;margin-bottom: 50px;padding: 20px;background: #fff;border-radius: 20px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);}.focus-number-col {flex: 0 0 80px;text-align: center;}.focus-number {font-size: 48px;font-weight: 800;color: var(--primary-color);opacity: 0.3;}.focus-image-col {flex: 0 0 30%;}.focus-image img {width: 100%;height: auto;border-radius: 15px;display: block;}.focus-content-col {flex: 1;}.focus-title {font-size: 24px;color: var(--secondary-color);margin-bottom: 15px;}@media (max-width: 992px) {.strategic-focus-flex {flex-direction: column;text-align: center;gap: 20px;}.focus-number-col,
.focus-image-col,
.focus-content-col {flex: 0 0 100%;width: 100%;}}.pure-css-accordion input[type="radio"] {position: absolute;opacity: 0;z-index: -1;}.pure-css-accordion .accordion-header {display: flex;align-items: center;padding: 1.25rem;background: #ffffff;border: 1px solid #e0e0e0;margin-top: -1px;cursor: pointer;font-weight: 600;transition: all 0.3s ease;user-select: none;}.pure-css-accordion .accordion-header i:first-child {margin-right: 15px;color: #ff9b5d;}.pure-css-accordion .arrow {margin-left: auto;transition: transform 0.3s ease;}.pure-css-accordion .accordion-body {max-height: 0;overflow: hidden;background: #ffffff;border-left: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;padding: 0 1.25rem;transition: max-height 0.35s ease, padding 0.35s ease, border-bottom 0.35s ease;}.pure-css-accordion input[type="radio"]:checked ~ .accordion-body {max-height: 1000px;padding: 1.25rem;border-bottom: 1px solid #e0e0e0;}.pure-css-accordion input[type="radio"]:checked ~ .accordion-header .arrow {transform: rotate(180deg);}.pure-css-accordion input[type="radio"]:checked ~ .accordion-header {background-color: #fcfcfc;color: #ff9b5d;}.pure-css-accordion .accordion-header:hover {background-color: #f9f9f9;}