@charset "UTF-8";
/*--------------------------------------------------------------# Font & Color Variables# --------------------------------------------------------------*/
/* Fonts */
:root {
  --default-font:"Roboto",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --heading-font:"Raleway",sans-serif;--nav-font:"Poppins",sans-serif;}
:root {
  --primary:#c62232;--secondary:#b5323f;--dark:#1a1a2e;--light:#f8f9fa;
  --primary-color:#c62232;--secondary-color:#b5323f;--light-bg:#f8f9fa;--border-color:#e0e0e0;--shadow:0 4px 12px rgba(0,0,0,0.08);
  --background-color:#ffffff;
  --default-color:#342c26;
  --heading-color:#2c1607;
  --accent-color:#e96308;
  --surface-color:#ffffff;
  --contrast-color:#ffffff;
  --front-color:#c62232;
  --nav-color:#ffffff;
  --nav-hover-color:#e96308;
  --nav-mobile-background-color:#ffffff;
  --nav-dropdown-background-color:#ffffff;
  --nav-dropdown-color:#342c26;
  --nav-dropdown-hover-color:#e96308;
}

/* Color Presets - These classes override global colors when applied to any section or element,providing reuse of the sam color scheme. */
.light-background {
  --background-color:#f9f7f6;
  --surface-color:#ffffff;
}
.dark-background {
  /*--background-color:#060606;*/
  --background-color:rgba(0,0,0,0.5);
  --default-color:#ffffff;
  --heading-color:#ffffff;
  --surface-color:#252525;
  --contrast-color:#ffffff;
}
.dark-banner {
  /*--background-color:#060606;*/
  --background-color:rgba(0,0,0,0.9);
  --default-color:#ffffff;
  --heading-color:#ffffff;
  --surface-color:#252525;
  --contrast-color:#ffffff;
}

:root {scroll-behavior:smooth;}
/*--------------------------------------------------------------# General Styling & Shared Classes--------------------------------------------------------------*/body {color:var(--default-color);background-color:var(--background-color);font-family:var(--default-font);}
a {color:var(--accent-color);text-decoration:none;transition:0.3s;}
a:hover {color:color-mix(in srgb,var(--accent-color),transparent 25%);text-decoration:none;}
h1,h2,h3,h4,h5,h6 {color:var(--heading-color);font-family:var(--heading-font);}
/* PHP Email Form Messages------------------------------*/.php-email-form .error-message {display:none;background:#df1529;color:#ffffff;text-align:left;padding:15px;margin-bottom:24px;font-weight:600;}
.php-email-form .sent-message {display:none;color:#ffffff;background:#059652;text-align:center;padding:15px;margin-bottom:24px;font-weight:600;}
.php-email-form .loading {display:none;background:var(--surface-color);text-align:center;padding:15px;margin-bottom:24px;}
.php-email-form .loading:before {content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid var(--accent-color);border-top-color:var(--surface-color);animation:php-email-form-loading 1s linear infinite;}
@keyframes php-email-form-loading {0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}
/*--------------------------------------------------------------# Global Header--------------------------------------------------------------*/
.header {--background-color:rgba(255,255,255,0);--default-color:#ffffff;--heading-color:#ffffff;color:var(--default-color);background-color:var(--background-color);padding:15px 0;transition:all 0.5s;z-index:997;}
.header .logo {line-height:1;}
.header .logo img {max-height:36px;margin-right:8px;}
.header .logo h1 {font-size:30px;margin:0;font-weight:700;color:var(--heading-color);}
.header .btn-getstarted,.header .btn-getstarted:focus {color:var(--contrast-color);background:var(--accent-color);font-size:14px;padding:8px 25px;margin:0 0 0 30px;border-radius:4px;transition:0.3s;}
.header .btn-getstarted:hover,.header .btn-getstarted:focus:hover {color:var(--contrast-color);background:color-mix(in srgb,var(--accent-color),transparent 15%);}
@media (max-width:1200px) {.header .logo {order:1;}
  .header .btn-getstarted {order:2;margin:0 15px 0 0;padding:6px 15px;}
  .header .navmenu {order:3;}
}
.scrolled .header {box-shadow:0px 0 18px rgba(0,0,0,0.1);}
/* Global Header on Scroll------------------------------*/
.scrolled .header {--background-color:rgba(22,15,9,0.915);}
/*--------------------------------------------------------------# Navigation Menu--------------------------------------------------------------*/
/* Navmenu - Desktop */
@media (min-width:1200px) {
  .navmenu {padding:0;}
  .navmenu ul {margin:0;padding:0;display:flex;list-style:none;align-items:center;}
  .navmenu li {position:relative;}
  .navmenu a,.navmenu a:focus {color:var(--nav-color);padding:18px 15px;font-size:16px;font-family:var(--nav-font);font-weight:400;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:0.3s;}
  .navmenu a i,.navmenu a:focus i {font-size:12px;line-height:0;margin-left:5px;transition:0.3s;}
  .navmenu li:last-child a {padding-right:0;}
  .navmenu li:hover>a,.navmenu .active,.navmenu .active:focus {color:var(--nav-hover-color);}
  .navmenu .dropdown ul {margin:0;padding:10px 0;background:var(--nav-dropdown-background-color);display:block;position:absolute;visibility:hidden;left:14px;top:130%;opacity:0;transition:0.3s;border-radius:4px;z-index:99;box-shadow:0px 0px 30px rgba(0,0,0,0.1);}
  .navmenu .dropdown ul li {min-width:200px;}
  .navmenu .dropdown ul a {padding:10px 20px;font-size:15px;text-transform:none;color:var(--nav-dropdown-color);}
  .navmenu .dropdown ul a i {font-size:12px;}
  .navmenu .dropdown ul a:hover,.navmenu .dropdown ul .active:hover,.navmenu .dropdown ul li:hover>a {color:var(--nav-dropdown-hover-color);}
  .navmenu .dropdown:hover>ul {opacity:1;top:100%;visibility:visible;}
  .navmenu .dropdown .dropdown ul {top:0;left:-90%;visibility:hidden;}
  .navmenu .dropdown .dropdown:hover>ul {opacity:1;top:0;left:-100%;visibility:visible;}
}
/* Navmenu - Mobile */@media (max-width:1199px) {.mobile-nav-toggle {color:var(--nav-color);font-size:28px;line-height:0;margin-right:10px;cursor:pointer;transition:color 0.3s;}
  .navmenu {padding:0;z-index:9997;}
  .navmenu ul {display:none;list-style:none;position:absolute;inset:60px 20px 20px 20px;padding:10px 0;margin:0;border-radius:6px;background-color:var(--nav-mobile-background-color);overflow-y:auto;transition:0.3s;z-index:9998;box-shadow:0px 0px 30px rgba(0,0,0,0.1);}
  .navmenu a,.navmenu a:focus {color:var(--nav-dropdown-color);padding:10px 20px;font-family:var(--nav-font);font-size:17px;font-weight:500;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;transition:0.3s;}
  .navmenu a i,.navmenu a:focus i {font-size:12px;line-height:0;margin-left:5px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:0.3s;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);}
  .navmenu a i:hover,.navmenu a:focus i:hover {background-color:var(--accent-color);color:var(--contrast-color);}
  .navmenu a:hover,.navmenu .active,.navmenu .active:focus {color:var(--nav-dropdown-hover-color);}
  .navmenu .active i,.navmenu .active:focus i {background-color:var(--accent-color);color:var(--contrast-color);transform:rotate(180deg);}
  .navmenu .dropdown ul {position:static;display:none;z-index:99;padding:10px 0;margin:10px 20px;background-color:var(--nav-dropdown-background-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);box-shadow:none;transition:all 0.5s ease-in-out;}
  .navmenu .dropdown ul ul {background-color:rgba(33,37,41,0.1);}
  .navmenu .dropdown>.dropdown-active {display:block;background-color:rgba(33,37,41,0.03);}
  .mobile-nav-active {overflow:hidden;}
  .mobile-nav-active .mobile-nav-toggle {color:#fff;position:absolute;font-size:32px;top:15px;right:15px;margin-right:0;z-index:9999;}
  .mobile-nav-active .navmenu {position:fixed;overflow:hidden;inset:0;background:rgba(33,37,41,0.8);transition:0.3s;}
  .mobile-nav-active .navmenu>ul {display:block;}
}
/*--------------------------------------------------------------# Global Footer--------------------------------------------------------------*/
.footer {color:var(--default-color);background:var(--background-color);font-size:15px;padding:80px 0 0;position:relative;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%);}
.footer .footer-brand h1,.footer .footer-brand .logo {margin:0;line-height:1;font-weight:300;}
.footer .footer-brand h1 .sitename,.footer .footer-brand .logo .sitename {font-family:var(--heading-font);font-size:26px;letter-spacing:0.8px;color:var(--heading-color);}
.footer .footer-brand .tagline {color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:16px;line-height:1.7;font-weight:300;margin:12px 0 0;}
.footer .social-links {display:flex;gap:15px;margin-top:20px;}
.footer .social-links a {display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background-color:transparent;color:color-mix(in srgb,var(--default-color),transparent 40%);transition:all 0.3s ease;text-decoration:none;border:1px solid color-mix(in srgb,var(--default-color),transparent 80%);}
.footer .social-links a:hover {background-color:var(--accent-color);color:var(--contrast-color);transform:translateY(-3px);border-color:var(--accent-color);}
.footer .social-links a i {font-size:16px;}
.footer .footer-links-grid h5 {color:var(--heading-color);font-size:16px;font-weight:500;margin-bottom:20px;font-family:var(--heading-font);letter-spacing:0.5px;}
.footer .footer-links-grid ul {list-style:none;padding:0;margin:0;}
.footer .footer-links-grid ul li {margin-bottom:12px;}
.footer .footer-links-grid ul li a {color:color-mix(in srgb,var(--default-color),transparent 25%);text-decoration:none;font-size:15px;font-weight:300;transition:all 0.3s ease;position:relative;padding-left:10px;}
.footer .footer-links-grid ul li a::before {content:"→";position:absolute;left:0;opacity:0;transition:all 0.3s ease;color:var(--accent-color);}
.footer .footer-links-grid ul li a:hover {color:var(--accent-color);padding-left:16px;}
.footer .footer-links-grid ul li a:hover::before {opacity:1;}
.footer .footer-cta h5 {color:var(--heading-color);font-size:16px;font-weight:500;margin-bottom:18px;font-family:var(--heading-font);}
.footer .footer-cta .btn-outline {background:transparent;color:var(--heading-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 70%);padding:10px 24px;font-size:14px;font-weight:500;border-radius:4px;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:0.8px;}
.footer .footer-cta .btn-outline:hover {background:var(--accent-color);color:var(--contrast-color);border-color:var(--accent-color);transform:translateY(-2px);}
.footer .footer-bottom {margin-top:60px;padding:25px 0;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%);}
.footer .footer-bottom .footer-bottom-content {display:flex;justify-content:space-between;align-items:center;}
@media (max-width:768px) {.footer .footer-bottom .footer-bottom-content {flex-direction:column;gap:15px;text-align:center;}
}
.footer .footer-bottom .footer-bottom-content p {margin:0;color:color-mix(in srgb,var(--default-color),transparent 40%);font-size:14px;font-weight:300;}
.footer .footer-bottom .footer-bottom-content p .sitename {color:var(--heading-color);font-weight:500;}
.footer .footer-bottom .footer-bottom-content .credits {font-size:13px;color:color-mix(in srgb,var(--default-color),transparent 50%);}
.footer .footer-bottom .footer-bottom-content .credits a {color:var(--accent-color);text-decoration:none;font-weight:400;}
.footer .footer-bottom .footer-bottom-content .credits a:hover {text-decoration:underline;}
@media (max-width:991px) {.footer .footer-links-grid {margin-bottom:30px;}
  .footer .footer-cta {text-align:center;}
}
@media (max-width:768px) {.footer {padding:60px 0 0;}
  .footer .row {text-align:center;}
  .footer .footer-brand,.footer .footer-links-grid,.footer .footer-cta {margin-bottom:40px;}
  .footer .footer-links-grid .col-6 {margin-bottom:30px;}
  .footer .footer-links-grid h5 {text-align:left;}
  .footer .footer-links-grid ul {text-align:left;display:inline-block;}
}
/*--------------------------------------------------------------# Preloader--------------------------------------------------------------*/
#preloader {position:fixed;inset:0;z-index:999999;overflow:hidden;background:var(--background-color);transition:all 0.6s ease-out;}
#preloader:before {content:"";position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #ffffff;border-color:var(--accent-color) transparent var(--accent-color) transparent;border-radius:50%;width:60px;height:60px;animation:animate-preloader 1.5s linear infinite;}
@keyframes animate-preloader {0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}
/*--------------------------------------------------------------# Scroll Top Button--------------------------------------------------------------*/
.scroll-top {position:fixed;visibility:hidden;opacity:0;z-index:1001;background-color:var(--accent-color);width:40px;height:40px;border-radius:4px;transition:all 0.4s;}
.scroll-top i {font-size:24px;color:var(--contrast-color);line-height:0;}
.scroll-top:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 20%);color:var(--contrast-color);}
.scroll-top.active {visibility:visible;opacity:1;}

@keyframes pulse {
  0% {opacity:0.7;}
  50% {opacity:1;}
  100% {opacity:0.7;}
}
/* customer-service */
.customer-services {position:fixed;right:10px;bottom:30px;display:flex;flex-direction:column;gap:15px;z-index:1000;}
.customer-services a:hover{ color: #ffffff;}
.customer-service {display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;font-size:28px;color:white;text-decoration:none;box-shadow:0 5px 15px rgba(0,0,0,0.3);transition:all 0.3s ease;position:relative;overflow:hidden;}
.customer-service:hover {transform:translateY(-5px);}
.customer-service::before {
  content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);transform-origin:center center;animation:scan 3s linear infinite;opacity:0.7;z-index:1;
}

@keyframes scan {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#scroll-top {background:#c62232;/* WhatsApp 绿色 */}
#scroll-top:hover {background:var(--accent-color);}
/* WhatsApp*/
#whatsapp-icon {background:#c62232;/* WhatsApp 绿色 */}
#whatsapp-icon:hover {background:var(--accent-color);}
/* submit */
#chat-icon {background:#c62232;}
#chat-icon:hover {background:var(--accent-color);}
/* Qrcode */
.qr-popup {position:absolute;bottom:70px;right:0;width:180px;padding:15px;background:white;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.3);display:none;flex-direction:column;align-items:center;z-index:1001;}
.qr-popup::after {content:'';position:absolute;bottom:-10px;right:20px;border-width:10px 10px 0;border-style:solid;border-color:white transparent transparent;}
.qr-code {width:150px;height:150px;background:url('../images/whatsapp.jpg');background-size: cover;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border-radius:5px;color:white;font-weight:bold;}
.qr-text {color:#333;font-size:0.9rem;text-align:center;line-height:1.4;}
/* Chat Window */
.chat-popup {position:fixed;bottom:100px;right:30px;width:320px;background:white;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,0.3);transform:scale(0);transform-origin:bottom right;transition:transform 0.4s ease;z-index:1001;overflow:hidden;}
.chat-popup.active {transform:scale(1);}
.chat-header {background:linear-gradient(to right,#FF416C,#FF4B2B);color:white;padding:20px;text-align:center;font-size:1.3rem;font-weight:bold;position:relative;}
.chat-body {padding:20px;}
.chat-body p {color:#555;margin-bottom:20px;text-align:center;}
.form-group {margin-bottom:15px;}
.form-group label {display:block;margin-bottom:5px;color:#555;font-weight:500;}
.form-group input,.form-group textarea {width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color 0.3s;}
.form-group input:focus,.form-group textarea:focus {border-color:#FF416C;outline:none;box-shadow:0 0 0 3px rgba(255,65,108,0.2);}
.form-group textarea {height:100px;resize:vertical;}
.submit-btn {background:linear-gradient(to right,#FF416C,#FF4B2B);color:white;border:none;padding:14px;width:100%;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;}
.submit-btn:hover {transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,75,43,0.4);}
.chat-close {position:absolute;top:10px;right:15px;color:white;background:rgba(0,0,0,0.2);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.3s;}
.chat-close:hover {background:rgba(0,0,0,0.4);}
@media (max-width:768px) {
  .customer-services {right:20px;bottom:20px;}
  .customer-service {width:50px;height:50px;font-size:24px;}
}
/*--------------------------------------------------------------# Disable aos animation delay on mobile devices--------------------------------------------------------------*/
@media screen and (max-width:768px) {[data-aos-delay] {transition-delay:0 !important;}
}
/*--------------------------------------------------------------# Global Page Titles & Breadcrumbs--------------------------------------------------------------*/
.page-title {color:var(--default-color);background-color:var(--background-color);background-size:cover;background-position:center;background-repeat:no-repeat;padding:160px 0 80px 0;text-align:center;position:relative;overflow: hidden;white-space: normal;word-break: break-word;}
.page-title:before {content:"";background-color:color-mix(in srgb,var(--background-color),transparent 30%);position:absolute;inset:0;}
.page-title h1 {font-size:42px;font-weight:700;margin-bottom:10px;}
.page-title .breadcrumbs ol {display:flex;flex-wrap:wrap;list-style:none;justify-content:center;padding:0;margin:0;font-size:16px;font-weight:400;}
.page-title .breadcrumbs ol li+li {padding-left:10px;}
.page-title .breadcrumbs ol li+li::before {content:"/";display:inline-block;padding-right:10px;color:color-mix(in srgb,var(--default-color),transparent 50%);}
/*--------------------------------------------------------------# Global Sections--------------------------------------------------------------*/
section,.section {color:var(--default-color);background-color:var(--background-color);padding:60px 0;scroll-margin-top:90px;overflow:clip;}
@media (max-width:1199px) {section,.section {scroll-margin-top:66px;}
}
/*--------------------------------------------------------------# Global Section Titles--------------------------------------------------------------*/
.section-title {text-align:center;padding-bottom:60px;position:relative;}
.section-title h2 {font-size:32px;font-weight:400;margin-bottom:20px;padding-bottom:20px;position:relative;}
.section-title h2:before {content:"";position:absolute;display:block;width:160px;height:1px;background:color-mix(in srgb,var(--default-color),transparent 60%);left:0;right:0;bottom:1px;margin:auto;}
.section-title h2::after {content:"";position:absolute;display:block;width:60px;height:3px;background:var(--accent-color);left:0;right:0;bottom:0;margin:auto;}
.section-title p {margin-bottom:0;}
/*--------------------------------------------------------------# Hero Section--------------------------------------------------------------*/.hero {padding-top:120px;position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-bottom:80px;}
.hero .hero-video-container {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.hero .hero-video-container video {width:100%;height:100%;object-fit:cover;}
.hero .hero-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,var(--background-color),transparent 20%);z-index:2;}
.hero .container {position:relative;z-index:1;}
.hero .hero-content h1 {font-size:3.5rem;font-weight:600;margin-bottom:1.5rem;line-height:1.2;}
@media (max-width:768px) {.hero .hero-content h1 {font-size:2.5rem;}
}
@media (max-width:576px) {.hero .hero-content h1 {font-size:2rem;}
}
.hero .hero-content p {font-size:1.2rem;margin-bottom:2.5rem;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto;}
@media (max-width:768px) {.hero .hero-content p {font-size:1.1rem;}
}
.hero .hero-content .hero-actions {margin-bottom:4rem;}
.hero .hero-content .hero-actions .btn {padding:15px 30px;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;border-radius:6px;margin:0 10px;transition:all 0.3s ease;}
@media (max-width:576px) {.hero .hero-content .hero-actions .btn {display:block;margin:10px auto;width:fit-content;}
}
.hero .hero-content .hero-actions .btn-primary {background-color:var(--accent-color);border-color:var(--accent-color);color:var(--contrast-color);}
.hero .hero-content .hero-actions .btn-primary:hover {background-color:color-mix(in srgb,var(--accent-color),black 15%);border-color:color-mix(in srgb,var(--accent-color),black 15%);transform:translateY(-2px);}
.hero .hero-content .hero-actions .btn-secondary {background-color:transparent;border:2px solid color-mix(in srgb,var(--default-color),transparent 50%);color:var(--default-color);}
.hero .hero-content .hero-actions .btn-secondary:hover {color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-2px);}
.hero .hero-content .hero-stats {background-color:color-mix(in srgb,var(--background-color),transparent 90%);backdrop-filter:blur(5px);border-radius:15px;padding:2rem;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);}
.hero .hero-content .hero-stats .stat-item {text-align:center;padding:1rem;}
.hero .hero-content .hero-stats .stat-item .stat-number {color:var(--nav-hover-color);font-size:2.5rem;font-weight:600;margin-bottom:0.5rem;}
.hero .hero-content .hero-stats .stat-item .stat-label {font-size:0.9rem;color:color-mix(in srgb,var(--default-color),transparent 30%);text-transform:uppercase;letter-spacing:1px;font-weight:500;}
@media (max-width:768px) {.hero .hero-content .hero-stats .stat-item {margin-bottom:1.5rem;}
  .hero .hero-content .hero-stats .stat-item:last-child {margin-bottom:0;}
}
/*--------------------------------------------------------------# About Section--------------------------------------------------------------*/
.about {background-color:color-mix(in srgb,var(--background-color),var(--surface-color) 40%);}
.about .content .section-heading {font-size:2.5rem;font-weight:300;line-height:1.2;color:var(--heading-color);letter-spacing:-0.02em;}
@media (max-width:768px) {.about .content .section-heading {font-size:2rem;}
}
.about .content .lead-text {font-size:1.25rem;font-weight:300;line-height:1.7;color:var(--default-color);}
.about .content .description-text {font-size:1rem;line-height:1.8;color:color-mix(in srgb,var(--default-color),transparent 20%);}
.about .stats-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem;}
@media (max-width:576px) {.about .stats-grid {grid-template-columns:1fr;gap:1.5rem;text-align:center;}
}
.about .stats-grid .stat-item .stat-number {font-size:2.5rem;font-weight:200;color:var(--accent-color);line-height:1;margin-bottom:0.5rem;}
.about .stats-grid .stat-item .stat-label {font-size:0.9rem;font-weight:400;color:var(--heading-color);text-transform:uppercase;letter-spacing:0.05em;}
.about .cta-section .cta-link {display:inline-flex;align-items:center;color:var(--accent-color);font-weight:400;font-size:1.1rem;text-decoration:none;transition:all 0.3s ease;}
.about .cta-section .cta-link:hover {color:var(--heading-color);transform:translateX(5px);}
.about .cta-section .cta-link i {transition:transform 0.3s ease;}
.about .cta-section .cta-link:hover i {transform:translateX(5px);}
.about .image-section {position:relative;}
.about .image-section .main-image {border-radius:8px;overflow:hidden;box-shadow:0 20px 60px color-mix(in srgb,var(--default-color),transparent 85%);}
.about .image-section .main-image img {width:100%;height:auto;transition:transform 0.3s ease;}
.about .image-section .main-image:hover img {transform:scale(1.02);}
.about .image-section .floating-badge {position:absolute;bottom:-20px;right:-20px;background-color:var(--surface-color);border-radius:12px;padding:1.5rem;box-shadow:0 15px 40px color-mix(in srgb,var(--default-color),transparent 80%);}
@media (max-width:768px) {.about .image-section .floating-badge {bottom:-15px;right:-15px;padding:1rem;}
}
.about .image-section .floating-badge .badge-content {display:flex;align-items:center;gap:1rem;}
.about .image-section .floating-badge .badge-content i {font-size:2rem;color:var(--accent-color);}
.about .image-section .floating-badge .badge-content .badge-text .badge-title {display:block;font-weight:500;color:var(--heading-color);font-size:1rem;line-height:1.2;}
.about .image-section .floating-badge .badge-content .badge-text .badge-subtitle {display:block;font-size:0.85rem;color:color-mix(in srgb,var(--default-color),transparent 30%);font-weight:300;}
@media (max-width:992px) {.about .content {margin-bottom:3rem;}
  .about .image-section .floating-badge {position:relative;bottom:auto;right:auto;margin-top:2rem;display:inline-block;}
}

@media (max-width:768px) {
  .cta-section {padding:48px 32px;}
}
@media (max-width:768px) {
  .service-item .service-visual {margin-bottom:24px;}
}
/*--------------------------------------------------------------# blog Section--------------------------------------------------------------*/
.blog .project-card {background:var(--surface-color);border-radius:12px;overflow:hidden;box-shadow:0 5px 20px color-mix(in srgb,var(--default-color),transparent 90%);transition:all 0.3s ease;height:100%;}
.blog .project-card:hover {transform:translateY(-8px);box-shadow:0 15px 40px color-mix(in srgb,var(--default-color),transparent 85%);}
.blog .project-card:hover .project-overlay {opacity:1;}
.blog .project-image {position:relative;overflow:hidden;height:250px;}
.blog .project-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.blog .project-image:hover img {transform:scale(1.05);}
.blog .project-overlay {position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--default-color),transparent 10%) 100%);opacity:0;transition:opacity 0.3s ease;display:flex;flex-direction:column;justify-content:space-between;padding:20px;}
.blog .project-status {align-self:flex-start;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}
.blog .project-status.completed {background:color-mix(in srgb,#28a745,transparent 20%);color:#ffffff;}
.blog .project-status.in-progress {background:color-mix(in srgb,var(--accent-color),transparent 20%);color:#ffffff;}
.blog .project-status.planning {background:color-mix(in srgb,#ffc107,transparent 20%);color:#ffffff;}
.blog .project-actions {align-self:center;}
.blog .btn-project {background:var(--accent-color);color:var(--contrast-color);padding:10px 24px;border-radius:25px;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.3s ease;display:inline-block;}
.blog .btn-project:hover {background:color-mix(in srgb,var(--accent-color),transparent 20%);color:var(--contrast-color);transform:translateY(-2px);}
.blog .project-info {padding:25px;}
.blog .project-category {color:var(--accent-color);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;}
.blog .project-title {font-size:20px;font-weight:700;margin-bottom:12px;color:var(--heading-color);line-height:1.3;}
.blog .project-description {color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:14px;line-height:1.6;margin-bottom:20px;}
.blog .project-meta {display:flex;gap:20px;}
.blog .project-meta span {display:flex;align-items:center;gap:6px;font-size:12px;color:color-mix(in srgb,var(--default-color),transparent 40%);}
.blog .project-meta span i {font-size:14px;color:var(--accent-color);}
@media (max-width:768px) {.blog .project-meta {flex-direction:column;gap:8px;}
  .blog .project-title {font-size:18px;}
  .blog .project-image {height:200px;}
}
/*--------------------------------------------------------------# Testimonials Section--------------------------------------------------------------*/
.testimonials .testimonials-carousel,.testimonials .testimonials-slider {overflow:hidden;}
.testimonials .testimonial-item {box-sizing:content-box;text-align:center;min-height:320px;}
.testimonials .testimonial-item .testimonial-img {width:90px;border-radius:50%;margin:0 auto;}
.testimonials .testimonial-item h3 {font-size:18px;font-weight:bold;margin:10px 0 5px 0;}
.testimonials .testimonial-item h4 {font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 20%);margin:0;}
.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right {color:color-mix(in srgb,var(--accent-color),transparent 40%);font-size:26px;line-height:0;}
.testimonials .testimonial-item .quote-icon-left {display:inline-block;left:-5px;position:relative;}
.testimonials .testimonial-item .quote-icon-right {display:inline-block;right:-5px;position:relative;top:10px;transform:scale(-1,-1);}
.testimonials .testimonial-item p {font-style:italic;margin:0 15px 15px 15px;padding:20px;background:color-mix(in srgb,var(--default-color),transparent 97%);position:relative;margin-bottom:35px;border-radius:6px;}
.testimonials .testimonial-item p::after {content:"";width:0;height:0;border-top:20px solid color-mix(in srgb,var(--default-color),transparent 97%);border-right:20px solid transparent;border-left:20px solid transparent;position:absolute;bottom:-20px;left:calc(50% - 20px);}
.testimonials .swiper-wrapper {height:auto;}
.testimonials .swiper-pagination {margin-top:40px;position:relative;}
.testimonials .swiper-pagination .swiper-pagination-bullet {width:12px;height:12px;background-color:var(--background-color);opacity:1;border:1px solid var(--accent-color);}
.testimonials .swiper-pagination .swiper-pagination-bullet-active {background-color:var(--accent-color);}

@media (max-width:1199.98px) {
}
@media (max-width:767.98px) {
}
/*--------------------------------------------------------------# Certifications Section--------------------------------------------------------------*/
.certifications .content h2 {font-size:2.5rem;font-weight:300;margin-bottom:1.5rem;letter-spacing:-0.02em;line-height:1.2;}
.certifications .content p {font-size:1.125rem;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:0;}
.certifications .certification-item {text-align:center;padding:2.5rem 1.5rem;height:100%;transition:all 0.4s ease-in-out;position:relative;}
.certifications .certification-item:hover {transform:translateY(-5px);}
.certifications .certification-item:hover .certification-badge img {transform:scale(1.05);}
.certifications .certification-item .certification-badge {margin-left:auto;margin-right:auto;width:80%; margin-bottom:1rem;display:flex;align-items:center;justify-content:center;background:var(--surface-color);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.04);padding:1rem;}
.certifications .certification-item .certification-badge img {max-width:100%;max-height:100%;object-fit:contain;transition:transform 0.4s ease-in-out;}
.certifications .certification-item h4 {font-size:1.25rem;font-weight:400;margin-bottom:1rem;color:var(--heading-color);line-height:1.3;}
.certifications .certification-item p {font-size:0.95rem;line-height:1.6;color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:0;}
.certifications .certification-stats {margin-top:2rem;padding:3rem 2rem;background:var(--surface-color);border-radius:8px;box-shadow:0 6px 30px rgba(0,0,0,0.03);}
.certifications .certification-stats .stat-item h3 {font-size:2.5rem;font-weight:300;color:var(--accent-color);margin-bottom:0.5rem;line-height:1;}
.certifications .certification-stats .stat-item p {font-size:0.9rem;color:color-mix(in srgb,var(--default-color),transparent 40%);margin-bottom:0;text-transform:uppercase;letter-spacing:0.5px;font-weight:500;}
@media (max-width:768px) {.certifications {padding:80px 0;}
  .certifications .certification-item .certification-badge{width:100%;}
  .certifications .content h2 {font-size:2rem;}
  .certifications .content p {font-size:1rem;}
  .certifications .certification-item {padding:2rem 1rem;}
  .certifications .certification-item .certification-badge {/*    width:100px;height:100px;*/    margin-bottom:1.5rem;}
  .certifications .certification-item h4 {font-size:1.125rem;}
  .certifications .certification-stats {padding:2rem 1rem;}
  .certifications .certification-stats .stat-item h3 {font-size:2rem;}
}

@media (max-width:768px) {
}
/*--------------------------------------------------------------# Call To Action Section--------------------------------------------------------------*/

@media (max-width:768px) {}

@media (max-width:768px) {.cta-header p {font-size:1.1rem;}
}
@media (max-width:992px) {.cta-header {margin-bottom:60px;}
}
@media (max-width:576px) {.achievements-grid {grid-template-columns:1fr;gap:20px;}
}

@media (max-width:768px) {.achievements-grid .achievement-item {padding:30px 20px;}
}
.action-panel {background:var(--surface-color);border-radius:20px;padding:50px;box-shadow:0 30px 80px color-mix(in srgb,var(--default-color),transparent 90%);border:1px solid color-mix(in srgb,var(--accent-color),transparent 90%);}
@media (max-width:768px) {.action-panel {padding:40px 30px;margin-top:40px;}
}
.action-panel .panel-content {margin-bottom:40px;}
.action-panel .panel-content h3 {font-size:2.2rem;font-weight:400;color:var(--heading-color);margin-bottom:1.5rem;line-height:1.3;}
@media (max-width:768px) {.action-panel .panel-content h3 {font-size:1.8rem;}
}

@media (max-width:992px) {}
/*--------------------------------------------------------------# Service Details Section--------------------------------------------------------------*/
.service-details .service-header .service-title {font-size:3rem;font-weight:300;color:var(--heading-color);line-height:1.2;margin-bottom:1.5rem;}
.service-details .service-header .service-subtitle {font-size:1.1rem;color:var(--default-color);line-height:1.7;margin:0;}
.service-details .service-header .service-stats {display:flex;gap:2rem;justify-content:flex-end;}
.service-details .service-header .service-stats .stat-item {text-align:center;}
.service-details .service-header .service-stats .stat-item .stat-number {font-size:2.5rem;font-weight:300;color:var(--accent-color);line-height:1;margin-bottom:0.5rem;}
.service-details .service-header .service-stats .stat-item .stat-label {font-size:0.9rem;color:var(--default-color);text-transform:uppercase;letter-spacing:1px;}
.service-details .service-overview {margin-bottom:4rem;}
.service-details .service-overview .service-image {width:100%;height:350px;object-fit:cover;border-radius:12px;margin-bottom:3rem;}
.service-details .service-overview .overview-grid {display:grid;grid-template-columns:1fr 1fr;gap:3rem;}
.service-details .service-overview .overview-grid .overview-item i {font-size:2.5rem;color:var(--accent-color);margin-bottom:1.5rem;display:block;}
.service-details .service-overview .overview-grid .overview-item h3 {font-size:1.4rem;font-weight:400;color:var(--heading-color);margin-bottom:1rem;}
.service-details .service-overview .overview-grid .overview-item p {font-size:1rem;line-height:1.7;color:var(--default-color);margin:0;}
.service-details .capabilities-section {margin-bottom:4rem;}
.service-details .capabilities-section h2 {font-size:2.2rem;font-weight:300;color:var(--heading-color);margin-bottom:3rem;}
.service-details .capabilities-section .custom-tabs {border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 85%);margin-bottom:3rem;padding-left:0;}
.service-details .capabilities-section .custom-tabs .nav-item .nav-link {background:none;border:none;border-bottom:2px solid transparent;padding:1rem 2rem;font-size:1rem;color:var(--default-color);cursor:pointer;transition:all 0.3s ease;border-radius:0;}
.service-details .capabilities-section .custom-tabs .nav-item .nav-link.active {color:var(--accent-color);border-bottom-color:var(--accent-color);background:none;}
.service-details .capabilities-section .custom-tabs .nav-item .nav-link:hover:not(.active) {color:var(--heading-color);border-bottom-color:transparent;background:none;}
.service-details .capabilities-section .custom-tabs .nav-item .nav-link:focus {box-shadow:none;}
.service-details .capabilities-section .tab-content .tab-pane {padding:2rem 0;}
.service-details .capabilities-section .tab-content .tab-pane h4 {font-size:1.5rem;font-weight:400;color:var(--heading-color);margin-bottom:1rem;}
.service-details .capabilities-section .tab-content .tab-pane p {font-size:1rem;line-height:1.7;color:var(--default-color);margin-bottom:2rem;}
.service-details .capabilities-section .tab-content .tab-pane .capability-features {list-style:none;padding:0;}
.service-details .capabilities-section .tab-content .tab-pane .capability-features li {padding:0.5rem 0;color:var(--default-color);position:relative;padding-left:1.5rem;}
.service-details .capabilities-section .tab-content .tab-pane .capability-features li:before {content:"→";color:var(--accent-color);position:absolute;left:0;top:0.5rem;}
.service-details .service-sidebar .quick-info-card,.service-details .service-sidebar .contact-form-card,.service-details .service-sidebar .expertise-highlights {background-color:var(--surface-color);padding:2.5rem;border-radius:16px;margin-bottom:2.5rem;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);}
.service-details .service-sidebar .quick-info-card .info-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;}
.service-details .service-sidebar .quick-info-card .info-header h3 {font-size:1.4rem;font-weight:400;color:var(--heading-color);margin:0;}
.service-details .service-sidebar .quick-info-card .info-header .info-badge {background-color:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);padding:0.3rem 0.8rem;border-radius:20px;font-size:0.8rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;}
.service-details .service-sidebar .quick-info-card .info-content .info-row {display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%);}
.service-details .service-sidebar .quick-info-card .info-content .info-row:last-child {border-bottom:none;}
.service-details .service-sidebar .quick-info-card .info-content .info-row .label {color:var(--default-color);font-weight:400;}
.service-details .service-sidebar .quick-info-card .info-content .info-row .value {color:var(--heading-color);font-weight:500;}
.service-details .service-sidebar .contact-form-card h3 {font-size:1.4rem;font-weight:400;color:var(--heading-color);margin-bottom:0.5rem;}
.service-details .service-sidebar .contact-form-card p {color:var(--default-color);margin-bottom:2rem;font-size:0.95rem;}
.service-details .service-sidebar .contact-form-card .consultation-form .form-group {margin-bottom:1.5rem;}
.service-details .service-sidebar .contact-form-card .consultation-form .form-group input,.service-details .service-sidebar .contact-form-card .consultation-form .form-group select,.service-details .service-sidebar .contact-form-card .consultation-form .form-group textarea {width:100%;padding:1rem;border:1px solid color-mix(in srgb,var(--default-color),transparent 80%);border-radius:8px;background-color:var(--surface-color);color:var(--default-color);font-size:0.95rem;transition:border-color 0.3s ease;}
.service-details .service-sidebar .contact-form-card .consultation-form .form-group input:focus,.service-details .service-sidebar .contact-form-card .consultation-form .form-group select:focus,.service-details .service-sidebar .contact-form-card .consultation-form .form-group textarea:focus {outline:none;border-color:var(--accent-color);}
.service-details .service-sidebar .contact-form-card .consultation-form .form-group input::placeholder,.service-details .service-sidebar .contact-form-card .consultation-form .form-group select::placeholder,.service-details .service-sidebar .contact-form-card .consultation-form .form-group textarea::placeholder {color:color-mix(in srgb,var(--default-color),transparent 70%);}
.service-details .service-sidebar .contact-form-card .consultation-form .form-group select {appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;}
.service-details .service-sidebar .contact-form-card .consultation-form .btn-submit {width:100%;background-color:var(--accent-color);color:var(--contrast-color);border:none;padding:1rem;border-radius:8px;font-size:0.95rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;}
.service-details .service-sidebar .contact-form-card .consultation-form .btn-submit:hover {background-color:color-mix(in srgb,var(--accent-color),black 10%);transform:translateY(-1px);}
.service-details .service-sidebar .expertise-highlights h4 {font-size:1.2rem;font-weight:400;color:var(--heading-color);margin-bottom:2rem;}
.service-details .service-sidebar .expertise-highlights .expertise-grid {display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.service-details .service-sidebar .expertise-highlights .expertise-grid .expertise-item {display:flex;align-items:center;gap:0.75rem;padding:0.75rem;border-radius:8px;transition:background-color 0.3s ease;}
.service-details .service-sidebar .expertise-highlights .expertise-grid .expertise-item:hover {background-color:color-mix(in srgb,var(--accent-color),transparent 95%);}
.service-details .service-sidebar .expertise-highlights .expertise-grid .expertise-item i {color:var(--accent-color);font-size:1.1rem;}
.service-details .service-sidebar .expertise-highlights .expertise-grid .expertise-item span {font-size:0.9rem;color:var(--default-color);font-weight:500;}
.service-details .project-showcase {margin-top:5rem;}
.service-details .project-showcase h2 {font-size:2.2rem;font-weight:300;color:var(--heading-color);text-align:center;margin-bottom:3rem;}
.service-details .project-showcase .showcase-grid {display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:300px 300px;gap:1.5rem;}
.service-details .project-showcase .showcase-grid .showcase-item {position:relative;overflow:hidden;border-radius:12px;cursor:pointer;}
.service-details .project-showcase .showcase-grid .showcase-item.large {grid-row:span 2;grid-column:span 1;}
.service-details .project-showcase .showcase-grid .showcase-item img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.service-details .project-showcase .showcase-grid .showcase-item .showcase-overlay {position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0.1),rgba(0,0,0,0.7));display:flex;align-items:flex-end;opacity:0;transition:opacity 0.3s ease;}
.service-details .project-showcase .showcase-grid .showcase-item .showcase-overlay .showcase-content {padding:2rem;color:white;width:100%;}
.service-details .project-showcase .showcase-grid .showcase-item .showcase-overlay .showcase-content h4 {font-size:1.2rem;font-weight:400;margin-bottom:0.5rem;}
.service-details .project-showcase .showcase-grid .showcase-item .showcase-overlay .showcase-content .project-type {font-size:0.9rem;opacity:0.8;display:block;margin-bottom:1rem;}
.service-details .project-showcase .showcase-grid .showcase-item .showcase-overlay .showcase-content .view-project {color:white;font-size:1.5rem;position:absolute;top:1.5rem;right:1.5rem;transition:transform 0.3s ease;}
.service-details .project-showcase .showcase-grid .showcase-item .showcase-overlay .showcase-content .view-project:hover {transform:scale(1.2);}
.service-details .project-showcase .showcase-grid .showcase-item:hover h4 {color:var(--contrast-color);}
.service-details .project-showcase .showcase-grid .showcase-item:hover img {transform:scale(1.05);}
.service-details .project-showcase .showcase-grid .showcase-item:hover .showcase-overlay {opacity:1;}
@media (max-width:992px) {.service-details .service-header .service-title {font-size:2.2rem;}
  .service-details .service-header .service-stats {justify-content:center;margin-top:2rem;gap:1.5rem;}
  .service-details .service-overview .overview-grid {grid-template-columns:1fr;gap:2rem;}
  .service-details .capabilities-section .custom-tabs {flex-direction:column;}
  .service-details .capabilities-section .custom-tabs .nav-item .nav-link {padding:0.75rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 85%);border-right:none;}
  .service-details .capabilities-section .custom-tabs .nav-item .nav-link.active {background-color:color-mix(in srgb,var(--accent-color),transparent 95%);border-bottom-color:var(--accent-color);}
  .service-details .project-showcase .showcase-grid {grid-template-columns:1fr 1fr;}
  .service-details .project-showcase .showcase-grid .showcase-item.large {grid-column:span 2;grid-row:span 1;}
  .service-details .service-sidebar {margin-top:3rem;}
  .service-details .service-sidebar .expertise-highlights .expertise-grid {grid-template-columns:1fr 1fr 1fr;}
}
@media (max-width:768px) {.service-details .service-header .service-title {font-size:1.8rem;}
  .service-details .service-header .service-stats {flex-direction:column;gap:1rem;}
  .service-details .capabilities-section .custom-tabs .nav-item .nav-link {font-size:0.9rem;padding:0.6rem 1rem;}
  .service-details .project-showcase .showcase-grid {grid-template-columns:1fr;}
  .service-details .project-showcase .showcase-grid .showcase-item.large {grid-column:span 1;}
  .service-details .service-sidebar .expertise-highlights .expertise-grid {grid-template-columns:1fr;}
}
/*--------------------------------------------------------------# About Details Section--------------------------------------------------------------*/
.about-details{}
.about-details .about-content .content-section {margin-bottom:60px;line-height: 200%;}
.about-details .about-content .content-section:last-child {margin-bottom:0;}
.about-details .about-content .content-section h3 {font-size:1.8rem;font-weight:300;margin-bottom:24px;color:var(--heading-color);}
.about-details .about-content .content-section p {font-size:16px;line-height:1.8;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:20px;}
.about-details .about-content .solution-points {margin-top:40px;}
.about-details .about-content .solution-points .point-item {display:flex;align-items:flex-start;margin-bottom:30px;}
.about-details .about-content .solution-points .point-item:last-child {margin-bottom:0;}
.about-details .about-content .solution-points .point-item .point-icon {margin-right:20px;margin-top:5px;}
.about-details .about-content .solution-points .point-item .point-icon i {color:var(--accent-color);font-size:20px;}
.about-details .about-content .solution-points .point-item .point-content h5 {font-size:1.1rem;font-weight:600;margin-bottom:8px;color:var(--heading-color);}
.about-details .about-content .solution-points .point-item .point-content p {margin-bottom:0;color:color-mix(in srgb,var(--default-color),transparent 30%);}

/*--------------------------------------------------------------# Project Details Section--------------------------------------------------------------*/
.project-details .project-hero {position:relative;border-radius:8px;overflow:hidden;margin-bottom:40px;}
.project-details .project-hero img {width:100%;height:500px;object-fit:contain;transition:all 0.4s ease;}
.project-details .project-hero .project-hero-overlay {position:absolute;top:30px;right:30px;}
.project-details .project-hero .project-hero-overlay .project-status {background:var(--accent-color);color:var(--contrast-color);padding:8px 20px;border-radius:20px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;}
@media (max-width:768px) {
  .project-details .project-hero {margin-bottom:30px;}
  .project-details .project-hero img {height:300px;}
  .project-details .project-hero .project-hero-overlay {top:20px;right:20px;}
}
.project-details .project-info {padding-left:40px;}
.project-details .project-info .project-meta {display:flex;gap:20px;margin-bottom:20px;}
.project-details .project-info .project-meta span {color:color-mix(in srgb,var(--default-color),transparent 40%);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0.5px;}
.project-details .project-info .project-title {font-size:2.5rem;font-weight:300;line-height:1.3;margin-bottom:24px;color:var(--heading-color);}
.project-details .project-info .project-description {font-size:16px;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 20%);}
.project-details .project-info .project-details .detail-item {display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%);}
.project-details .project-info .project-details .detail-item:last-child {border-bottom:none;}
.project-details .project-info .project-details .detail-item .label {color:color-mix(in srgb,var(--default-color),transparent 40%);font-weight:500;}
.project-details .project-info .project-details .detail-item .value {color:var(--heading-color);font-weight:600;}
@media (max-width:992px) {.project-details .project-info {padding-left:0;margin-top:40px;}
}
@media (max-width:768px) {.project-details .project-info .project-title {font-size:2rem;}
}
.project-details .project-gallery {margin:80px 0;}
.project-details .project-gallery .gallery-item {border-radius:8px;overflow:hidden;height:100%;transition:all 0.4s ease;}
.project-details .project-gallery .gallery-item:hover {transform:translateY(-5px);}
.project-details .project-gallery .gallery-item img {width:100%;/*height:300px;*/object-fit:contain;transition:all 0.4s ease;}
@media (max-width:768px) {.project-details .project-gallery .gallery-item {margin-bottom:20px;}
  .project-details .project-gallery .gallery-item img {height:250px;}
}
.project-details .project-content {margin:80px 0;}
.project-details .project-content .content-section {margin-bottom:60px;}
.project-details .project-content .content-section:last-child {margin-bottom:0;}
.project-details .project-content .content-section h3 {font-size:1.8rem;font-weight:300;margin-bottom:24px;color:var(--heading-color);}
.project-details .project-content .content-section p {font-size:16px;line-height:1.8;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:20px;}
.project-details .project-content .solution-points {margin-top:40px;}
.project-details .project-content .solution-points .point-item {display:flex;align-items:flex-start;margin-bottom:30px;}
.project-details .project-content .solution-points .point-item:last-child {margin-bottom:0;}
.project-details .project-content .solution-points .point-item .point-icon {margin-right:20px;margin-top:5px;}
.project-details .project-content .solution-points .point-item .point-icon i {color:var(--accent-color);font-size:20px;}
.project-details .project-content .solution-points .point-item .point-content h5 {font-size:1.1rem;font-weight:600;margin-bottom:8px;color:var(--heading-color);}
.project-details .project-content .solution-points .point-item .point-content p {margin-bottom:0;color:color-mix(in srgb,var(--default-color),transparent 30%);}
@media (max-width:768px) {
  .project-details .project-content {margin:60px 0;}
  .project-details .project-content img{width:100%;}
}
.project-details .project-specs {background-color:var(--surface-color);padding:60px 40px;border-radius:12px;margin-top:80px;}
.project-details .project-specs .specs-content h3 {font-size:1.8rem;font-weight:300;margin-bottom:40px;color:var(--heading-color);}
.project-details .project-specs .specs-content .specs-grid .spec-item {display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%);}
.project-details .project-specs .specs-content .specs-grid .spec-item:last-child {border-bottom:none;}
.project-details .project-specs .specs-content .specs-grid .spec-item .spec-label {color:color-mix(in srgb,var(--default-color),transparent 40%);font-weight:500;}
.project-details .project-specs .specs-content .specs-grid .spec-item .spec-value {color:var(--heading-color);font-weight:600;}
.project-details .project-specs .specs-visual {padding-left:40px;}
.project-details .project-specs .specs-visual img {width:100%;border-radius:8px;}
@media (max-width:992px) {.project-details .project-specs .specs-visual {padding-left:0;margin-top:40px;}
}
@media (max-width:768px) {.project-details .project-specs {padding:40px 20px;margin-top:60px;}
}
/*--------------------------------------------------------------# Quote Section--------------------------------------------------------------*/
.quote .quote-container {max-width:1200px;margin:0 auto;}
.quote .quote-content {padding:60px 0;}
@media (max-width:992px) {.quote .quote-content {padding:40px 20px 60px;text-align:center;}
}
.quote .quote-content h2 {font-size:42px;font-weight:300;line-height:1.2;margin-bottom:24px;color:var(--heading-color);}
@media (max-width:768px) {.quote .quote-content h2 {font-size:32px;}
}
.quote .quote-content>p {font-size:18px;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:50px;}
.quote .quote-benefits {margin-bottom:50px;}
.quote .benefit-item {display:flex;align-items:flex-start;margin-bottom:32px;}
.quote .benefit-item:last-child {margin-bottom:0;}
@media (max-width:992px) {.quote .benefit-item {justify-content:center;text-align:left;max-width:400px;margin-left:auto;margin-right:auto;}
}
.quote .benefit-item .benefit-icon {width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-right:20px;flex-shrink:0;margin-top:4px;}
.quote .benefit-item .benefit-icon i {font-size:24px;color:var(--accent-color);}
.quote .benefit-item .benefit-content h4 {font-size:18px;font-weight:400;margin-bottom:8px;color:var(--heading-color);}
.quote .benefit-item .benefit-content p {font-size:15px;line-height:1.6;color:color-mix(in srgb,var(--default-color),transparent 30%);margin:0;}
.quote .contact-info {display:flex;flex-direction:column;gap:16px;}
@media (max-width:992px) {.quote .contact-info {align-items:center;}
}
.quote .contact-info .contact-detail {display:flex;align-items:center;font-size:15px;color:color-mix(in srgb,var(--default-color),transparent 15%);}
.quote .contact-info .contact-detail i {font-size:16px;color:var(--accent-color);margin-right:12px;}
.quote .quote-form {background:var(--surface-color);padding:60px 50px;margin-left:40px;border-radius:4px;box-shadow:0 20px 60px color-mix(in srgb,var(--default-color),transparent 94%);}
@media (max-width:992px) {.quote .quote-form {margin-left:0;margin-top:40px;padding:40px 30px;}
}
@media (max-width:576px) {.quote .quote-form {padding:30px 20px;}
}
.quote .quote-form .form-intro {margin-bottom:40px;}
.quote .quote-form .form-intro h3 {font-size:28px;font-weight:300;margin-bottom:12px;color:var(--heading-color);}
.quote .quote-form .form-intro p {font-size:15px;line-height:1.6;color:color-mix(in srgb,var(--default-color),transparent 30%);margin:0;}
.quote .php-email-form .form-grid {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;}
@media (max-width:768px) {.quote .php-email-form .form-grid {grid-template-columns:1fr;gap:20px;}
}
.quote .php-email-form .form-field.full-width {grid-column:1/-1;}
.quote .php-email-form .form-field label {display:block;font-size:14px;font-weight:500;color:var(--heading-color);margin-bottom:8px;}
.quote .php-email-form input[type=text],.quote .php-email-form input[type=email],.quote .php-email-form input[type=tel],.quote .php-email-form select,.quote .php-email-form textarea {width:100%;padding:16px 20px;border:1px solid color-mix(in srgb,var(--default-color),transparent 85%);border-radius:4px;font-size:15px;line-height:1.5;transition:all 0.3s ease;color:var(--default-color);background-color:var(--surface-color);}
.quote .php-email-form input[type=text]:focus,.quote .php-email-form input[type=email]:focus,.quote .php-email-form input[type=tel]:focus,.quote .php-email-form select:focus,.quote .php-email-form textarea:focus {outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color),transparent 88%);}
.quote .php-email-form input[type=text]::placeholder,.quote .php-email-form input[type=email]::placeholder,.quote .php-email-form input[type=tel]::placeholder,.quote .php-email-form select::placeholder,.quote .php-email-form textarea::placeholder {color:color-mix(in srgb,var(--default-color),transparent 55%);}
.quote .php-email-form select {background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 20px center;background-size:16px;padding-right:50px;appearance:none;}
.quote .php-email-form textarea {resize:vertical;min-height:120px;font-family:var(--default-font);}
.quote .php-email-form .submit-btn {display:inline-flex;align-items:center;gap:12px;background:var(--accent-color);color:var(--contrast-color);padding:18px 32px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all 0.3s ease;margin-top:20px;}
.quote .php-email-form .submit-btn:hover {background:color-mix(in srgb,var(--accent-color),#000 8%);transform:translateY(-1px);}
.quote .php-email-form .submit-btn:hover i {transform:translateX(4px);}
.quote .php-email-form .submit-btn i {font-size:16px;transition:transform 0.3s ease;}
/*--------------------------------------------------------------# Contact Section--------------------------------------------------------------*/
.contact .contact-main-wrapper {position:relative;display:grid;grid-template-columns:1fr;gap:30px;}
@media (min-width:992px) {.contact .contact-main-wrapper {grid-template-columns:45% 55%;min-height:600px;}
}
.contact .map-wrapper {height:300px;width:100%;border-radius:16px;overflow:hidden;}
.contact .map-wrapper img{object-fit:cover;width: 100%;}
@media (min-width:992px) {.contact .map-wrapper {height:100%;position:sticky;top:100px;}
}
.contact .contact-content {display:flex;flex-direction:column;gap:30px;}
.contact .contact-cards-container {display:grid;grid-template-columns:1fr;gap:15px;}
@media (min-width:576px) {.contact .contact-cards-container {grid-template-columns:repeat(2,1fr);}
}
.contact .contact-card {background-color:var(--surface-color);padding:20px;border-radius:12px;display:flex;align-items:flex-start;gap:15px;box-shadow:0 5px 15px rgba(0,0,0,0.04);transition:transform 0.3s ease,box-shadow 0.3s ease;}
.contact .contact-card:hover {transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.08);}
.contact .contact-card .icon-box {width:50px;height:50px;flex-shrink:0;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:10px;display:flex;justify-content:center;align-items:center;}
.contact .contact-card .icon-box i {font-size:22px;color:var(--accent-color);}
.contact .contact-card .contact-text h4 {font-size:18px;font-weight:600;margin-bottom:8px;color:var(--heading-color);}
.contact .contact-card .contact-text p {font-size:14px;line-height:1.5;color:var(--default-color);margin-bottom:0;}
.contact .contact-form-container {background-color:var(--surface-color);padding:30px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.08);}
.contact .contact-form-container h3 {font-size:24px;font-weight:700;margin-bottom:15px;color:var(--heading-color);position:relative;padding-left:15px;}
.contact .contact-form-container h3:before {content:"";position:absolute;left:0;top:0;height:100%;width:4px;background-color:var(--accent-color);border-radius:2px;}
.contact .contact-form-container>p {font-size:15px;line-height:1.6;margin-bottom:25px;color:var(--default-color);}
.contact .contact-form-container .php-email-form .form-control {height:auto;padding:14px 20px;border-radius:10px;background-color:color-mix(in srgb,var(--background-color),#f5f8fd 30%);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);color:var(--default-color);transition:all 0.3s ease;}
.contact .contact-form-container .php-email-form .form-control:focus {background-color:var(--surface-color);border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color),transparent 85%);}
.contact .contact-form-container .php-email-form .form-control::placeholder {color:color-mix(in srgb,var(--default-color),transparent 60%);}
.contact .contact-form-container .php-email-form textarea.form-control {min-height:140px;}
.contact .contact-form-container .php-email-form .form-submit {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:10px;}
@media (max-width:576px) {.contact .contact-form-container .php-email-form .form-submit {flex-direction:column;align-items:flex-start;}
}
.contact .contact-form-container .php-email-form button {background-color:var(--accent-color);color:var(--contrast-color);border:none;padding:12px 28px;border-radius:50px;font-weight:600;font-size:15px;letter-spacing:0.5px;transition:all 0.3s ease;}
.contact .contact-form-container .php-email-form button:hover {background-color:color-mix(in srgb,var(--accent-color),#000 15%);transform:translateY(-2px);box-shadow:0 6px 15px color-mix(in srgb,var(--accent-color),transparent 75%);}
.contact .contact-form-container .php-email-form .social-links {display:flex;gap:12px;}
.contact .contact-form-container .php-email-form .social-links a {display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background-color:color-mix(in srgb,var(--background-color),#f5f8fd 20%);color:var(--heading-color);font-size:16px;transition:all 0.3s ease;}
.contact .contact-form-container .php-email-form .social-links a:hover {background-color:var(--accent-color);color:var(--contrast-color);transform:translateY(-3px);}
@media (max-width:768px) {.contact .contact-form-container {padding:25px 20px;}
  .contact .contact-form-container h3 {font-size:22px;}
}
/*--------------------------------------------------------------# Terms Of Service Section--------------------------------------------------------------*/
.terms-of-service .tos-header {margin-bottom:60px;}
.terms-of-service .tos-header .last-updated {display:inline-block;padding:8px 20px;background-color:color-mix(in srgb,var(--accent-color),transparent 90%);border-radius:30px;color:var(--accent-color);font-size:0.95rem;margin-bottom:20px;}
.terms-of-service .tos-header h2 {font-size:2.5rem;margin-bottom:15px;}
.terms-of-service .tos-header p {color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:1.1rem;max-width:700px;margin:0 auto;}
.terms-of-service .tos-content .content-section {margin-bottom:50px;scroll-margin-top:100px;}
.terms-of-service .tos-content .content-section:last-child {margin-bottom:0;}
.terms-of-service .tos-content .content-section h3 {font-size:1.8rem;margin-bottom:20px;color:var(--heading-color);}
.terms-of-service .tos-content .content-section p {color:color-mix(in srgb,var(--default-color),transparent 20%);line-height:1.7;margin-bottom:20px;}
.terms-of-service .tos-content .content-section p:last-child {margin-bottom:0;}
.terms-of-service .tos-content .content-section .info-box {display:flex;align-items:flex-start;gap:15px;padding:20px;background-color:color-mix(in srgb,var(--accent-color),transparent 95%);border-radius:15px;margin-top:20px;}
.terms-of-service .tos-content .content-section .info-box i {font-size:1.5rem;color:var(--accent-color);flex-shrink:0;}
.terms-of-service .tos-content .content-section .info-box p {margin:0;font-size:0.95rem;}
.terms-of-service .tos-content .content-section .list-items {list-style:none;padding:0;margin:20px 0;}
.terms-of-service .tos-content .content-section .list-items li {position:relative;padding-left:25px;margin-bottom:12px;color:color-mix(in srgb,var(--default-color),transparent 20%);}
.terms-of-service .tos-content .content-section .list-items li:last-child {margin-bottom:0;}
.terms-of-service .tos-content .content-section .list-items li::before {content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background-color:var(--accent-color);}
.terms-of-service .tos-content .content-section .alert-box {display:flex;gap:20px;padding:25px;background-color:var(--surface-color);border-radius:15px;border-left:4px solid var(--accent-color);margin-top:20px;}
.terms-of-service .tos-content .content-section .alert-box i {font-size:2rem;color:var(--accent-color);flex-shrink:0;}
.terms-of-service .tos-content .content-section .alert-box .alert-content h5 {font-size:1.1rem;margin-bottom:8px;}
.terms-of-service .tos-content .content-section .alert-box .alert-content p {margin:0;font-size:0.95rem;}
.terms-of-service .tos-content .content-section .prohibited-list {display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px;}
@media (max-width:576px) {.terms-of-service .tos-content .content-section .prohibited-list {grid-template-columns:1fr;}
}
.terms-of-service .tos-content .content-section .prohibited-list .prohibited-item {display:flex;align-items:center;gap:12px;padding:15px;background-color:var(--surface-color);border-radius:12px;}
.terms-of-service .tos-content .content-section .prohibited-list .prohibited-item i {color:#dc3545;font-size:1.2rem;}
.terms-of-service .tos-content .content-section .prohibited-list .prohibited-item span {font-size:0.95rem;color:color-mix(in srgb,var(--default-color),transparent 20%);}
.terms-of-service .tos-content .content-section .disclaimer-box {background-color:var(--surface-color);padding:25px;border-radius:15px;margin-top:20px;}
.terms-of-service .tos-content .content-section .disclaimer-box p {margin-bottom:15px;font-weight:500;}
.terms-of-service .tos-content .content-section .disclaimer-box ul {list-style:none;padding:0;margin:0;}
.terms-of-service .tos-content .content-section .disclaimer-box ul li {position:relative;padding-left:25px;margin-bottom:12px;color:color-mix(in srgb,var(--default-color),transparent 20%);font-size:0.95rem;}
.terms-of-service .tos-content .content-section .disclaimer-box ul li:last-child {margin-bottom:0;}
.terms-of-service .tos-content .content-section .disclaimer-box ul li::before {content:"•";position:absolute;left:8px;color:var(--accent-color);}
.terms-of-service .tos-content .content-section .notice-box {display:flex;align-items:center;gap:15px;padding:20px;background-color:color-mix(in srgb,var(--accent-color),transparent 95%);border-radius:15px;margin-top:20px;}
.terms-of-service .tos-content .content-section .notice-box i {font-size:1.5rem;color:var(--accent-color);flex-shrink:0;}
.terms-of-service .tos-content .content-section .notice-box p {margin:0;font-size:0.95rem;}
.terms-of-service .tos-contact {margin-top:60px;}
.terms-of-service .tos-contact .contact-box {background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color),transparent 95%) 0%,color-mix(in srgb,var(--accent-color),transparent 98%) 100%);border-radius:20px;padding:40px;display:flex;align-items:center;gap:30px;}
@media (max-width:576px) {.terms-of-service .tos-contact .contact-box {flex-direction:column;text-align:center;}
}
.terms-of-service .tos-contact .contact-box .contact-icon {width:60px;height:60px;background-color:var(--accent-color);border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.terms-of-service .tos-contact .contact-box .contact-icon i {font-size:1.8rem;color:var(--contrast-color);}
.terms-of-service .tos-contact .contact-box .contact-content {flex:1;}
.terms-of-service .tos-contact .contact-box .contact-content h4 {font-size:1.4rem;margin-bottom:8px;}
.terms-of-service .tos-contact .contact-box .contact-content p {color:color-mix(in srgb,var(--default-color),transparent 30%);margin-bottom:15px;}
.terms-of-service .tos-contact .contact-box .contact-content .contact-link {display:inline-flex;align-items:center;gap:8px;padding:12px 25px;background-color:var(--accent-color);color:var(--contrast-color);border-radius:30px;text-decoration:none;font-weight:500;transition:all 0.3s;}
.terms-of-service .tos-contact .contact-box .contact-content .contact-link:hover {transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}
@media print {.terms-of-service .tos-contact {display:none;}
  .terms-of-service .content-section {page-break-inside:avoid;}
}
/*--------------------------------------------------------------# Privacy Section--------------------------------------------------------------*/
.privacy {font-size:1rem;line-height:1.7;}
.privacy .privacy-header {margin-bottom:60px;text-align:center;border-bottom:1px solid color-mix(in srgb,var(--default-color),transparent 90%);padding-bottom:40px;}
.privacy .privacy-header .header-content {max-width:800px;margin:0 auto;}
.privacy .privacy-header .header-content .last-updated {font-size:0.95rem;color:color-mix(in srgb,var(--default-color),transparent 40%);margin-bottom:20px;}
.privacy .privacy-header .header-content h1 {font-size:2.8rem;color:var(--heading-color);margin-bottom:20px;font-weight:600;}
.privacy .privacy-header .header-content .intro-text {font-size:1.2rem;color:color-mix(in srgb,var(--default-color),transparent 20%);line-height:1.6;}
.privacy .privacy-content {margin:0 auto 60px;}
.privacy .privacy-content .content-section {margin-bottom:50px;}
.privacy .privacy-content .content-section:last-child {margin-bottom:0;}
.privacy .privacy-content .content-section h2 {font-size:1.8rem;color:var(--heading-color);margin-bottom:25px;font-weight:600;}
.privacy .privacy-content .content-section h3 {font-size:1.4rem;color:var(--heading-color);margin:30px 0 20px;font-weight:500;}
.privacy .privacy-content .content-section p {margin-bottom:20px;}
.privacy .privacy-content .content-section p:last-child {margin-bottom:0;}
.privacy .privacy-content .content-section ul {list-style:none;padding:0;margin:0 0 20px;}
.privacy .privacy-content .content-section ul li {position:relative;padding-left:25px;margin-bottom:12px;}
.privacy .privacy-content .content-section ul li:last-child {margin-bottom:0;}
.privacy .privacy-content .content-section ul li::before {content:"•";position:absolute;left:8px;color:var(--accent-color);}
.privacy .privacy-contact {max-width:800px;margin:0 auto;padding-top:40px;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 90%);}
.privacy .privacy-contact h2 {font-size:1.8rem;color:var(--heading-color);margin-bottom:20px;font-weight:600;}
.privacy .privacy-contact p {margin-bottom:20px;}
.privacy .privacy-contact .contact-details {background-color:var(--surface-color);padding:25px;border-radius:10px;}
.privacy .privacy-contact .contact-details p {margin-bottom:10px;}
.privacy .privacy-contact .contact-details p:last-child {margin-bottom:0;}
.privacy .privacy-contact .contact-details p strong {color:var(--heading-color);font-weight:600;}
@media print {.privacy {font-size:12pt;line-height:1.5;}
  .privacy .privacy-header {text-align:left;border-bottom:1pt solid #000;padding-bottom:20pt;margin-bottom:30pt;}
  .privacy h1 {font-size:24pt;}
  .privacy h2 {font-size:18pt;page-break-after:avoid;}
  .privacy h3 {font-size:14pt;page-break-after:avoid;}
  .privacy p,.privacy ul {page-break-inside:avoid;}
  .privacy .contact-details {border:1pt solid #000;padding:15pt;}
}
@media (max-width:767px) {.privacy .privacy-header {margin-bottom:40px;padding-bottom:30px;}
  .privacy .privacy-header .header-content h1 {font-size:2.2rem;}
  .privacy .privacy-header .header-content .intro-text {font-size:1.1rem;}
  .privacy .privacy-content .content-section {margin-bottom:40px;}
  .privacy .privacy-content .content-section h2 {font-size:1.6rem;}
  .privacy .privacy-content .content-section h3 {font-size:1.3rem;}
}
/*--------------------------------------------------------------# Error 404 Section--------------------------------------------------------------*/
.error-404 {padding:120px 0;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--surface-color) 0%,color-mix(in srgb,var(--accent-color),transparent 97%) 100%);}
.error-404 .error-number {font-size:clamp(120px,20vw,280px);font-weight:300;color:color-mix(in srgb,var(--heading-color),transparent 15%);line-height:0.8;margin-bottom:40px;font-family:var(--heading-font);letter-spacing:-0.02em;}
.error-404 .error-title {font-size:clamp(32px,5vw,48px);font-weight:300;color:var(--heading-color);margin-bottom:32px;letter-spacing:-0.01em;}
.error-404 .error-description {font-size:18px;line-height:1.7;color:color-mix(in srgb,var(--default-color),transparent 20%);margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto;}
.error-404 .error-actions {display:flex;flex-direction:column;gap:16px;align-items:center;margin-bottom:80px;}
@media (min-width:576px) {.error-404 .error-actions {flex-direction:row;justify-content:center;gap:24px;}
}
.error-404 .error-actions .btn-primary {display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background-color:var(--accent-color);color:var(--contrast-color);border-radius:8px;text-decoration:none;font-weight:400;font-size:16px;transition:all 0.3s ease;border:2px solid var(--accent-color);}
.error-404 .error-actions .btn-primary:hover {background-color:transparent;color:var(--accent-color);transform:translateY(-2px);}
.error-404 .error-actions .btn-primary i {font-size:18px;}
.error-404 .error-actions .btn-secondary {display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background-color:transparent;color:var(--heading-color);border-radius:8px;text-decoration:none;font-weight:400;font-size:16px;transition:all 0.3s ease;border:2px solid color-mix(in srgb,var(--default-color),transparent 80%);}
.error-404 .error-actions .btn-secondary:hover {border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px);}
.error-404 .error-actions .btn-secondary i {font-size:18px;}
.error-404 .helpful-links {text-align:center;}
.error-404 .helpful-links h3 {font-size:24px;font-weight:300;color:var(--heading-color);margin-bottom:40px;}
.error-404 .helpful-links .links-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:800px;margin:0 auto;}
@media (min-width:768px) {.error-404 .helpful-links .links-grid {grid-template-columns:repeat(3,1fr);}
}
.error-404 .helpful-links .link-item {display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;background-color:var(--surface-color);border-radius:8px;text-decoration:none;color:var(--default-color);transition:all 0.3s ease;border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);}
.error-404 .helpful-links .link-item:hover {transform:translateY(-4px);box-shadow:0 8px 30px color-mix(in srgb,var(--default-color),transparent 90%);color:var(--accent-color);border-color:color-mix(in srgb,var(--accent-color),transparent 70%);}
.error-404 .helpful-links .link-item i {font-size:24px;color:var(--accent-color);transition:all 0.3s ease;}
.error-404 .helpful-links .link-item span {font-size:16px;font-weight:400;}
.error-404 .helpful-links .link-item:hover i {transform:scale(1.1);}
@media (max-width:768px) {.error-404 {padding:80px 0;}
  .error-404 .error-actions {margin-bottom:60px;}
  .error-404 .helpful-links .links-grid {grid-template-columns:repeat(2,1fr);}
}
@media (max-width:576px) {.error-404 .helpful-links .links-grid {grid-template-columns:1fr;}
}
/*--------------------------------------------------------------# Starter Section Section--------------------------------------------------------------*/
.starter-section {/* Add your styles here */}


/*--------------------------------------------------------------# Choose Section--------------------------------------------------------------*/
.choose .service-card {background:var(--surface-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 90%);border-radius:12px;padding:32px 24px;height:100%;display:flex;flex-direction:column;transition:all 0.3s ease;position:relative;}
.choose .service-card:hover {transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent-color),transparent 50%);box-shadow:0 8px 32px color-mix(in srgb,var(--default-color),transparent 85%);}
.choose .service-card:hover .service-icon {background:var(--accent-color);color:var(--contrast-color);transform:scale(1.1);}
.choose .service-card:hover .service-link {color:var(--accent-color);}
.choose .service-card:hover .service-link i {transform:translateX(4px);}
.choose .service-icon {width:64px;height:64px;background:color-mix(in srgb,var(--accent-color),transparent 85%);color:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all 0.3s ease;flex-shrink:0;}
.choose .service-icon i {font-size:24px;}
.choose h3 {font-size:20px;font-weight:600;margin-bottom:16px;line-height:1.3;}
.choose p {flex:1;margin-bottom:24px;line-height:1.6;color:color-mix(in srgb,var(--default-color),transparent 20%);}
.choose .service-link {display:flex;align-items:center;font-weight:500;text-decoration:none;color:var(--heading-color);transition:all 0.3s ease;}
.choose .service-link i {margin-left:8px;font-size:14px;transition:transform 0.3s ease;}
@media (max-width:768px) {.choose .service-card {padding:24px 20px;}
  .choose .service-icon {width:56px;height:56px;margin-bottom:20px;}
  .choose .service-icon i {font-size:20px;}
  .choose h3 {font-size:18px;margin-bottom:12px;}
  .choose p {margin-bottom:20px;}
}

/*--------------------------------------------------------------# Projects Section--------------------------------------------------------------*/
.projects .project-card {background:var(--surface-color);border-radius:12px;overflow:hidden;box-shadow:0 5px 20px color-mix(in srgb,var(--default-color),transparent 90%);transition:all 0.3s ease;height:100%;}
.projects .project-card:hover {transform:translateY(-8px);box-shadow:0 15px 40px color-mix(in srgb,var(--default-color),transparent 85%);}
.projects .project-card:hover .project-overlay {opacity:1;}
.projects .project-image {position:relative;overflow:hidden;height:250px;}
.projects .project-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.projects .project-image:hover img {transform:scale(1.05);}
.projects .project-overlay {position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--default-color),transparent 10%) 100%);opacity:0;transition:opacity 0.3s ease;display:flex;flex-direction:column;justify-content:space-between;padding:20px;}
.projects .project-status {align-self:flex-start;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}
.projects .project-status.completed {background:color-mix(in srgb,#28a745,transparent 20%);color:#ffffff;}
.projects .project-status.in-progress {background:color-mix(in srgb,var(--accent-color),transparent 20%);color:#ffffff;}
.projects .project-status.planning {background:color-mix(in srgb,#ffc107,transparent 20%);color:#ffffff;}
.projects .project-actions {align-self:center;}
.projects .btn-project {background:var(--accent-color);color:var(--contrast-color);padding:10px 24px;border-radius:25px;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.3s ease;display:inline-block;}
.projects .btn-project:hover {background:color-mix(in srgb,var(--accent-color),transparent 20%);color:var(--contrast-color);transform:translateY(-2px);}
.projects .project-info {padding:25px;}
.projects .project-category {color:var(--accent-color);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;}
.projects .project-title {font-size:20px;font-weight:700;margin-bottom:12px;color:var(--heading-color);line-height:1.3;}
.projects .project-description {color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:14px;line-height:1.6;margin-bottom:20px;}
.projects .project-meta {display:flex;gap:20px;}
.projects .project-meta span {display:flex;align-items:center;gap:6px;font-size:12px;color:color-mix(in srgb,var(--default-color),transparent 40%);}
.projects .project-meta span i {font-size:14px;color:var(--accent-color);}

.projects .qualifications-image {position:relative;overflow:hidden;}
.projects .qualifications-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.projects .qualifications-image:hover img {transform:scale(1.05);}
@media (max-width:768px) {
  .projects .project-meta {flex-direction:column;gap:8px;}
  .projects .project-title {font-size:18px;}
  .projects .project-image {height:200px;}
}

/*------------------------------------------# Product------------------------------------------*/
.product-card {background:white;border-radius:15px;overflow:hidden;margin-bottom:30px;transition:all 0.3s ease;box-shadow:0 5px 20px rgba(0,0,0,0.08);border:none;height:100%;display:flex;flex-direction:column;}
.product-card:hover {transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,0.15);}
.product-content {padding:25px;flex:1;display:flex;flex-direction:column;}
.product-weight {font-size:2.8rem;font-weight:bold;color:var(--secondary-color);margin-bottom:10px; color:#c62232;}
.product-title {font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:15px;}
.product-desc {color:#5a6c82;line-height:1.7;margin-bottom:25px;flex:1;}
.btn-detail {background:linear-gradient(to right,var(--primary-color),var(--secondary-color));border:none;border-radius:8px;padding:12px 30px;font-weight:600;transition:all 0.3s ease;width:100%;max-width:200px;color:white; background:#c62232;box-shadow:0 5px 15px rgba(78,115,223,0.4);}
.btn-detail:hover {transform:scale(1.05);}
.product-image-container {height:100%;overflow:hidden;display: flex;justify-content: center; align-items: center; }
.product-image {width:100%;height:auto;padding:10px;object-fit:cover;transition:transform 0.5s ease;}
.product-card:hover .product-image {transform:scale(1.05);}
@media (max-width:768px) {
  /*.product-image-container img{max-height:100%;}*/
  .product-image-container{width:100%; height: auto;}
}

/*--------------------------------------------------------------# Faq Section--------------------------------------------------------------*/
.faq-container {margin:0 auto 60px;}
.faq-item {background:white;border-radius:12px;overflow:hidden;margin-bottom:20px;box-shadow:var(--shadow);transition:all 0.3s ease;border:1px solid var(--border-color);}
.faq-item:hover {box-shadow:0 8px 25px rgba(217,84,51,0.15);transform:translateY(-3px);}
.faq-header {padding:22px 25px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:white;border:none;width:100%;text-align:left;transition:background 0.2s ease;}
.faq-header:not(.collapsed) {background-color:rgba(217,84,51,0.05);}
.faq-header:hover {background-color:rgba(217,84,51,0.08);}
.faq-title {font-weight:600;font-size:1.15rem;color:#2c3e50;margin:0;padding-right:20px;}
.faq-icon {font-size:1.4rem;color:var(--primary-color);transition:transform 0.3s ease;flex-shrink:0;}
.faq-header:not(.collapsed) .faq-icon {transform:rotate(180deg);color:var(--secondary-color);}
.faq-content {padding:0 25px;}
.faq-body {padding:20px 0 30px;color:#555;line-height:1.7;border-top:1px solid var(--border-color);}
.badge {background:var(--primary-color);padding:5px 10px;border-radius:20px;font-weight:500;margin-right:15px;}
@media (max-width:768px) {.faq-header {padding:18px 20px;}
  .faq-title {font-size:1.05rem;}
  .badge {margin-right:10px;padding:4px 8px;}
}

/*----------------------------# product category--------------------------------------*/
.feature-item {margin-bottom:60px;padding:30px;border-radius:15px;background:white;box-shadow:0 10px 30px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;}
.feature-item:hover {transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,0.15);}
.feature-img {position:relative;top:-20px;border-radius:10px;overflow:hidden;transition:transform 0.4s ease;display: flex;justify-content: center; /* 水平居中 */align-items: center;}
.feature-img:hover {transform:scale(1.03);}
.feature-img img {height:300px;object-fit:cover;}
.feature-content {padding:20px;}
.feature-icon {font-size:2.5rem;margin-bottom:15px;color:#2575fc;}
.feature-title {font-size:1.8rem;font-weight:700;margin-bottom:15px;color:#1a1a1a;}
.feature-description {font-size:1.1rem;line-height:1.7;margin-bottom:25px;color:#555;}
.btn-more {padding:10px 25px;border-radius:30px;font-weight:600;background:linear-gradient(to right,#c62232,#e96308);border:none;transition:all 0.3s ease;}
.btn-more:hover {transform:translateY(-3px);box-shadow:0 7px 15px rgba(198,34,50,0.4);}

/*----------------------------# category category--------------------------------------*/
.category-card {background:white;border-radius:15px;padding:25px 15px;text-align:center;height:100%;box-shadow:0 10px 20px rgba(0,0,0,0.05);transition:all 0.3s ease;border:none;position:relative;overflow:hidden;}
.category-card::before {content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--front-color);transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease;}
.category-card:hover {transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.1);}
.category-card:hover::before {transform:scaleX(1);}
.category-card .bi img{max-height: 100px; margin-bottom: 10px;}
.category-icon {font-size:2.8rem;margin-bottom:20px;color:var(--primary-color);transition:all 0.3s ease;}
.category-card:hover .category-icon {color:var(--secondary-color);transform:scale(1.1);}
.category-title {font-weight:600;font-size:1.2rem;margin-bottom:10px;color:var(--dark-color);}
.category-desc {color:#6c757d;font-size:0.9rem;margin-bottom:0;opacity:0.8;}

/*------------------------------- #Partner Carousel Style --------------------------------------------------------*/
.partners-section {background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 0;overflow:hidden;}
.partners-container {display:flex;animation:scroll 30s linear infinite;width:calc(250px * 14);}
.partner-logo {height:80px;margin:0 40px;object-fit:contain;filter:grayscale(100%);opacity:0.7;transition:all 0.3s ease;}
.partner-logo:hover {filter:grayscale(0);opacity:1;transform:scale(1.05);}
@keyframes scroll {0% {transform:translateX(0);}
  100% {transform:translateX(calc(-250px * 7));}
}

/* 图片画廊样式 */
.gallery-container {position:relative;margin-bottom:30px;}
.gallery-main {height:400px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.15);margin-bottom:20px;position:relative;}
.gallery-main img {width:100%;height:100%;object-fit:cover;transition:opacity 0.5s ease;position:absolute;top:0;left:0;opacity:0;}
.gallery-main img.active {opacity:1;}
.gallery-thumbs {display:flex;gap:15px;justify-content:center;}
.thumb-item {width:100px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;opacity:0.7;transition:all 0.3s ease;border:2px solid transparent;position:relative;}
.thumb-item.active,.thumb-item:hover {opacity:1;border-color:var(--primary);transform:translateY(-5px);}
.thumb-item img {width:100%;height:100%;object-fit:cover;}

/* 公司简介数据统计 */
.card {border:none;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease;margin-bottom:30px;height:100%;}
.card:hover {transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,0.15);}
.card-img-top {height:200px;object-fit:cover;}
.stats-card {background:white;border-radius:12px;padding:25px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,0.08);}
.stats-number {font-size:2.5rem;font-weight:700;color:var(--primary);margin-bottom:5px;}
.stats-label {font-size:1rem;color:#666;}

/* 全球布局样式 */
.global-section {color:white;padding:100px 0;position:relative;overflow:hidden;}
.background-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3; /* 置于最底层 */
  border: none;
}
.global-section .container {
  position: relative;
  z-index: 2;
}
.world-map {position:relative;width:100%;height:500px;margin:0 auto;}
.location-marker {position:absolute;width:20px;height:20px;border-radius:50%;background:var(--secondary);transform:translate(-50%,-50%);cursor:pointer;z-index:10;}
.location-marker::after {content:'';position:absolute;width:40px;height:40px;border:2px solid var(--secondary);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 2s infinite;}
.location-info {position:absolute;background:rgba(255,255,255,0.95);color:var(--dark);padding:20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.2);width:250px;z-index:20;display:none;}
.location-info.active {display:block;}
.location-info h4 {color:var(--primary);margin-bottom:10px;}
.location-connector {position:absolute;height:2px;background:transparent;transform-origin:left center;z-index:5;border:1px dashed var(--secondary);}
.arc {position:absolute;border:1px dashed var(--secondary);border-radius:50%;border-top-color:transparent;border-right-color:transparent;transform:rotate(45deg);}
@keyframes pulse {0% {width:20px;height:20px;opacity:1;}
  100% {width:60px;height:60px;opacity:0;}
}

/*时间线*/
.timeline {position:relative;margin:50px 0;}
.timeline::before {content:'';position:absolute;top:0;bottom:0;width:4px;background:var(--primary);left:50%;margin-left:-2px;}
.timeline-item {position:relative;margin-bottom:50px;}
.timeline-content {position:relative;width:45%;padding:20px;border-radius:12px;background:white;box-shadow:0 5px 15px rgba(0,0,0,0.08);}
.timeline-item:nth-child(odd) .timeline-content {left:0;}
.timeline-item:nth-child(even) .timeline-content {left:55%;}
.timeline-content::after {content:'';position:absolute;top:20px;width:0;height:0;border-style:solid;}
.timeline-item:nth-child(odd) .timeline-content::after {right:-15px;border-width:10px 0 10px 15px;border-color:transparent transparent transparent white;}
.timeline-item:nth-child(even) .timeline-content::after {left:-15px;border-width:10px 15px 10px 0;border-color:transparent white transparent transparent;}
.timeline-dot {position:absolute;top:20px;left:50%;width:24px;height:24px;background:var(--primary);border:4px solid white;border-radius:50%;margin-left:-12px;z-index:1;}
@media (max-width:768px) {
  .timeline::before {left:30px;}
  .timeline-content {width:calc(100% - 80px);margin-left:80px;}
  .timeline-item:nth-child(even) .timeline-content {left:0;}
  .timeline-content::after {left:-15px !important;border-width:10px 15px 10px 0 !important;border-color:transparent white transparent transparent !important;}
  .timeline-dot {left:30px;}
  .gallery-main {height:300px;}
  .world-map {height:400px;}
  .awards-container {grid-template-columns:1fr;}
}
/*团队*/
.team-card {text-align:center;background:white;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease;}
.team-card:hover {transform:translateY(-10px);}
.team-card .slogan{height:60px;}
.team-img {width:100%;height:390px;object-fit:cover;}

/*联系我们*/
.contact-box {background:white;border-radius:12px;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,0.08);height:100%;}

/* nav-link */
.related-post {margin:40px 0;}
.related-post .row {align-items:center;}
.nav-link {display:flex;align-items:center;padding:12px 20px;border-radius:8px;text-decoration:none;transition:all 0.25s ease;border:1px solid transparent;height:100%;background:white;box-shadow:0 2px 6px rgba(0,0,0,0.05);}
.nav-link:hover {background-color:#f1f3ff;transform:translateY(-3px);box-shadow:0 5px 12px rgba(0,0,0,0.1);border-color:#d0d5ff;}
.nav-link.previous-post:hover {border-left:4px solid #c62232;}
.nav-link.next-post:hover {border-right:4px solid #c62232;}
.nav-link .fa-icon {font-size:1.4rem;width:30px;display:flex;justify-content:center;}
.nav-text {flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.previous-post .fa-icon {color:#c62232;margin-right:12px;}
.next-post .fa-icon {color:#c62232;margin-left:12px;}
.nav-link.disabled {background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:0.7;box-shadow:none;}
.nav-link.disabled:hover {transform:none;box-shadow:none;border-color:transparent;}
.nav-label {font-size:0.85rem;font-weight:600;display:block;color:#c62232;margin-bottom:3px;}
.nav-title {color:#212529;font-weight:600;}

/*---team---*/



.filter-container {background:white;border-radius:12px;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,0.08);margin-bottom:30px;max-width:var(--card-width);margin-left:auto;margin-right:auto;}
.btn-filter {background:white;border:2px solid var(--primary-color);color:var(--primary-color);font-weight:600;margin:5px;border-radius:30px;transition:all 0.3s ease;padding:5px 18px;}
.btn-filter:hover,.btn-filter.active {background:var(--primary-color);color:white;}
.btn-filter.active a{color:white;}
.department-badge {background:rgba(67,97,238,0.1);color:var(--primary-color);font-weight:600;padding:5px 15px;border-radius:20px;display:inline-block;margin-bottom:15px;align-self:flex-start;}
.card-employee {border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.1);margin-bottom:30px;border:none;transition:all 0.3s ease;background:white;height:100%;}
.card-employee:hover {transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,0.15);}
.card-left {background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;color:white;position:relative;overflow:hidden;}
.card-left:before {content:'';position:absolute;top:-50px;right:-50px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,0.1);}
.card-left:after {content:'';position:absolute;bottom:-30px;left:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,0.08);}

.employee-avatar {
  width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,0.3);
}

.avatar-container {
  position: relative;
  display: inline-block;
}
/* 旋转光点边框效果 */
.avatar-container::before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.15);
  z-index: 1;
}

.avatar-container::after {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  right: -3px;
  bottom: -3px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: rgba(255, 255, 211, 0.88);
  animation: rotate 1.8s linear infinite;
  z-index: 3;
}

/* 旋转动画 */
@keyframes rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.employee-name {font-size:1.4rem;font-weight:700;margin-bottom:0.5rem; color: var(--contrast-color);}
.employee-id {font-size:1rem;opacity:0.9;background:rgba(0,0,0,0.1);padding:0.3rem 0.8rem;border-radius:20px;margin-top:0.5rem;}
.card-right {padding:2rem;}
.employee-title {font-size:1.3rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem;padding-bottom:0.8rem;border-bottom:2px solid var(--border-color);}
.contact-info {margin-bottom:2rem;height:60%;}
.contact-item {display:flex;align-items:flex-start;margin-bottom:0.8rem;}
.contact-icon {width:30px;color:var(--primary-color);font-size:1.1rem;}
.social-links {display:flex;justify-content:center;gap:15px;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee;}
.social-link {width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;text-decoration:none;font-size:1.2rem;transition:all 0.3s ease;}
.social-link:hover {transform:translateY(-3px);}
@media (max-width:768px) {.card-left,.card-right {padding:1.5rem;}
}

/*pagination 22335566*/
.pagination-block {margin:30px 0;padding:20px;background:#f9f9f9;border-radius:10px;}
.pagination-info {margin-top:15px;color:#6c757d;font-size:0.95rem;}       
.page-link {color:#e96308;border:1px solid #f0b387;padding:0.5rem 0.9rem;margin:0 3px;border-radius:5px;transition:all 0.3s ease;}
.page-link:hover {color:#fff;background-color:#e96308;border-color:#e96308;}
.pagination-block .page-item.active .page-link {background-color:#e96308;border-color:#e96308;color:white;}
.page-item.disabled .page-link {color:#adb5bd;border-color:#dee2e6;} 
.active>.page-link, .page-link.active{background-color:#e96308;border-color:#e96308;}
@media (max-width:576px) {.page-link {padding:0.4rem 0.7rem;font-size:0.9rem;}
}