:root {--primary-color:#000;--secondary-color:#000;--accent-color:#009999;--light-color:#f8f9fa;--dark-color:#212529;--text-color:#333;--text-light:#6c757d;--white:#ffffff;}
:root {--primary-blue:#009999;--dark-blue:#009999;--light-gray:#f8f8f8;--transition-speed:0.4s;}
:root {--primary-blue:#009999;--dark-bg:#121212;--white:#ffffff;--border-color:rgba(255,255,255,0.2);}
:root {--primary-blue:#009999;--dark-blue:#001a33;--highlight-blue:#fff;--white:#ffffff;}
 @font-face {font-family:"Oswald Regular";font-display:swap;src:url("https://www.rayhub.net/font/Oswald-Regular.ttf") format("truetype")}
  @font-face {font-family:"ASC_Oswald";font-display:swap;src:url("https://www.rayhub.net/font/Oswald-SemiBold.ttf") format("truetype")}
  @font-face {font-family:"ASC_OpenSans_regular";font-display:swap;src:url("https://www.rayhub.net/font/OpenSans-Regular.ttf") format("truetype")}
  
  @keyframes fadeIn {from {opacity:0;transform:translateY(20px);}
  to {opacity:1;transform:translateY(0);}
  }
  @keyframes pulse {0% {transform:scale(1);}
  50% {transform:scale(1.03);}
  100% {transform:scale(1);}
  }
h1,h2,h3,h4 {font-weight:700;line-height:1.2; font-family:'ASC_Oswald',Helvetica,Arial,Lucida,sans-serif!important;}
a {text-decoration:none;color:inherit;}
a,p,li{font-family: 'ASC_OpenSans_regular', Helvetica, Arial, Lucida, sans-serif;letter-spacing: 0.3px;font-size: 16px!important;}
.dropdown-nav-inner a{font-family:'ASC_Oswald',Helvetica,Arial,Lucida,sans-serif!important;}
.container {width:100%;max-width:1400px;margin:0 auto;padding:0 20px;}
.btn {display:inline-block;padding:12px 30px;border-radius:30px;font-weight:600;transition:all 0.3s ease;text-align:center;cursor:pointer;}
 .btn-primary {background-color:var(--primary-color);color:white;border:2px solid var(--primary-color);}
 .btn-primary:hover {background-color:var(--secondary-color);border-color:var(--secondary-color);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.1);}
 .btn-outline {background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);}
 .btn-outline:hover {background-color:rgba(58,12,163,0.1);transform:translateY(-3px);}
 .section {padding:100px 0;}
 .section-title {font-size:36px;margin-bottom:30px;color:var(--primary-color);position:relative;display:inline-block;}
 .section-title::after {content:'';position:absolute;bottom:-10px;left:0;width:100px;height:4px;background-color:var(--accent-color);}
 .text-center {text-align:center;}
 .text-center .section-title::after {left:50%;transform:translateX(-50%);}
 .header-inner {display:flex;justify-content:space-between;align-items:center;}
 .nav-links {display:flex;list-style:none;}
 .nav-links li {margin-left:30px;}
 .nav-links a {font-weight:600;transition:color 0.3s ease;}
 .nav-links a:hover {color:var(--primary-color);}
 .mobile-menu-btn {display:none;background:none;border:none;font-size:24px;color:var(--primary-color);cursor:pointer;}
 /* Feature Cards */           .feature-card {background-color:white;border-radius:10px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:all 0.3s ease;height:100%;}
 .feature-card:hover {transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.1);}
 .feature-icon {width:80px;height:80px;background-color: var(--accent-color);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;color:var(--white);font-size:32px;}
 .feature-title {font-size:22px;margin-bottom:20px;color:var(--primary-color);}
 .tech-tag {display:inline-block;padding:5px 15px;background-color:rgba(58,12,163,0.1);color:var(--primary-color);border-radius:20px;font-size:14px;margin-right:10px;margin-bottom:10px;}
 /* Future Container (Image + Content) */           .future-container {display:flex;align-items:center;gap:50px;}
 .future-image {flex:1;border-radius:10px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.1);}
 .future-image img {width:100%;height:auto;display:block;}
 .future-content {flex:1;}
 /* Value Cards */           .value-card {background-color:white;border-radius:10px;padding:30px;box-shadow:0 5px 15px rgba(0,0,0,0.05);transition:all 0.3s ease;height:100%;border-left:4px solid var(--accent-color);}
 .value-card:hover {transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}
 .value-number {font-size:40px;font-weight:700;color:var(--accent-color);margin-bottom:15px;line-height:1;}
 /* Dropdown Navigation */           .dropdown-nav {position:sticky;top:0;background-color:white;box-shadow:0 5px 15px rgba(0,0,0,0.05);z-index:999;}
 .dropdown-nav-inner {display:flex;justify-content:center;overflow-x:auto;padding:15px 0;}
 .dropdown-nav a {padding:10px 20px;font-weight:600;color:var(--secondary-color);white-space:nowrap;position:relative;transition:all 0.3s ease;}
 .dropdown-nav a:hover,.dropdown-nav a.active {color:var(--primary-color);}
 .dropdown-nav a::after {content:'';position:absolute;bottom:0;left:20px;width:0;height:2px;background-color:var(--accent-color);transition:width 0.3s ease;}
 .dropdown-nav a:hover::after,.dropdown-nav a.active::after {width:calc(100% - 40px);}
 /* Advantages Section */           .advantages-section {background-color:var(--light-color);}
 .advantage-card {background-color:white;border-radius:10px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:all 0.3s ease;height:100%;position:relative;overflow:hidden;}
 .advantage-card::before {content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(to bottom,var(--primary-color),var(--accent-color));transition:height 0.3s ease;}
 .advantage-card:hover::before {height:100%;}
 .advantage-icon {width:60px;height:60px;background-color: var(--accent-color);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--white);font-size:24px;}
 .advantage-title {font-size:20px;margin-bottom:15px;color:var(--primary-color);}
 .value-section {background: linear-gradient(135deg, rgb(255 255 255 / 5%) 0%, rgb(234 221 221 / 5%) 100%);}
 .value-item {display:flex;align-items:flex-start;margin-bottom:30px;}
 .value-badge {width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:20px;flex-shrink:0;}
 .value-content h4 {font-size:20px;margin-bottom:10px;color:var(--primary-color);}
 /* Case Studies */           .case-card {background-color:white;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.05);transition:all 0.3s ease;}
 .case-card:hover {transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.1);}
 /* Process Section */           .process-step {transition:all 0.3s ease;}
 .process-step:hover {transform:translateY(-10px);}
 /* Partners Section */           .partner-logo img {transition:all 0.3s ease;}
 .partner-logo:hover img {filter:grayscale(0) opacity(100%);}
 /* CTA Section */           .cta-section {background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:white;text-align:center;}
 /* Contact Section */           .contact-section {background-color:var(--light-color);}
 .contact-container {display:flex;gap:50px;align-items:center;}
 .contact-info {flex:1;}
 .contact-map {flex:1;border-radius:10px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.1);}
 .contact-map iframe {width:100%;height:400px;border:none;}
 .contact-title {font-size:36px;margin-bottom:30px;color:var(--primary-color);}
 .contact-detail {display:flex;margin-bottom:20px;}
 .contact-icon {width:50px;height:50px;background:linear-gradient(135deg,rgba(58,12,163,0.1) 0%,rgba(114,9,183,0.1) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:20px;color:var(--primary-color);font-size:20px;}
 /* Footer */           .footer {background-color:var(--dark-color);color:white;padding:60px 0 30px;}
 /* Animation Classes */           .animate {opacity:0;transform:translateY(30px);transition:all 0.6s ease;}
 .animate.fadeIn {opacity:0;transform:scale(0.9);}
 .animate.slideUp {opacity:0;transform:translateY(30px);}
 .animate.in-view {opacity:1;transform:translateY(0) scale(1);}
 .delay-1 {transition-delay:0.2s;}
 .delay-2 {transition-delay:0.4s;}
 .delay-3 {transition-delay:0.6s;}
 .delay-4 {transition-delay:0.8s;}
 /* Responsive Design */           @media (max-width:1200px) {.future-container {flex-direction:column;}
 .future-image,.future-content {width:100%;}
 }
 @media (max-width:992px) {.dropdown-nav-inner {justify-content:flex-start;}
 .feature-card,.advantage-card {padding:30px;}
 .feature-icon {width:60px;height:60px;font-size:24px;margin-bottom:20px;}
 .contact-container {flex-direction:column;}
 }
 @media (max-width:768px) {.nav-links {display:none;}
 .mobile-menu-btn {display:block;}
 .hero-title {font-size:36px;}
 .hero-subtitle {font-size:20px;}
 .section-title {font-size:30px;}
 .section {padding:70px 0;}
 .value-item {flex-direction:column;}
 .value-badge {margin-right:0;margin-bottom:15px;}
 }
  .prouct-onetoubu{letter-spacing:0.5px;line-height:1.9em;margin:0;padding:0;color:#333;    background-image: linear-gradient(180deg, #edf3f7 0%, #ffffff 100%) !important;}
  .prouct-onetoubu .container {max-width:80%;margin:0 auto;padding:40px 20px;opacity:0;animation:fadeIn 0.8s ease-out forwards;}
  .prouct-onetoubu .header {text-align:center;margin-bottom:50px;transform:translateY(-20px);opacity:0;animation:fadeIn 0.8s ease-out 0.2s forwards;}
  .prouct-onetoubu .title {color:var(--primary-blue);font-size:36px;font-weight:bold;margin-bottom:10px;transition:all 0.3s ease;display:inline-block;}
  .prouct-onetoubu .title:hover {transform:scale(1.02);text-shadow:0 5px 15px rgba(0,91,170,0.2);}
  .subtitle {color:var(--primary-blue);font-size:24px;font-weight:normal;margin-top:0;transition:all 0.3s ease;}
  .prouct-onetoubu .subtitle:hover {transform:translateX(5px);}
  .prouct-onetoubu .proudc-titledes {width:60%;margin:0px auto;line-height:26px;margin-bottom:100px;font-size: 14px;}
  .prouct-onetoubu .three-column-layout {display:flex;gap:30px;margin-bottom:40px;}
  .prouct-onetoubu .left-column,.right-column {flex:1;display:flex;flex-direction:column;gap:30px;}
  .prouct-onetoubu .center-column {flex:1.5;display:flex;justify-content:center;align-items:center;perspective:1000px;}
  .prouct-onetoubu .product-image-wrapper {position:relative;overflow:hidden;/*      border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.15);*/      transform-style:preserve-3d;transition:all var(--transition-speed) ease;}
  .prouct-onetoubu .product-image {max-width:100%;height:auto;max-height:600px;transition:all var(--transition-speed) ease;transform-origin:center center;}
  .prouct-onetoubu .product-image-wrapper:hover {box-shadow:0 15px 40px rgba(0,0,0,0.2);}
  .prouct-onetoubu .product-image-wrapper:hover .product-image {transform:scale(1.05) rotateY(5deg);}
  .prouct-onetoubu .description-card,.prfeature-card {padding:25px;transition:all var(--transition-speed) ease;opacity:0;transform:translateY(20px);}
 .prouct-onetoubu  .description-card {animation:fadeIn 0.6s ease-out 0.4s forwards;}
  .prouct-onetoubu .prfeature-card {cursor:pointer;}
  .prouct-onetoubu .prfeature-card:nth-child(1) {animation:fadeIn 0.6s ease-out 0.6s forwards;}
  .prouct-onetoubu .prfeature-card:nth-child(2) {animation:fadeIn 0.6s ease-out 0.8s forwards;}
  .prouct-onetoubu .prfeature-card:nth-child(3) {animation:fadeIn 0.6s ease-out 1.0s forwards;}
  .prouct-onetoubu .prfeature-card:nth-child(4) {animation:fadeIn 0.6s ease-out 1.2s forwards;}
  .prouct-onetoubu .prfeature-card:nth-child(5) {animation:fadeIn 0.6s ease-out 1.4s forwards;}
  .prouct-onetoubu .prfeature-card {padding:25px;transition:all var(--transition-speed) ease;opacity:0;transform:translateY(20px);}
  .prouct-onetoubu .feature-content {margin-left:36px;}
  .prouct-onetoubu .feature-title {color:var(--dark-blue);font-size:20px;font-weight:bold;margin-top:0;margin-bottom:15px;display:flex;align-items:center;transition:all 0.3s ease;}
  .prouct-onetoubu .feature-title i {margin-right:12px;width:24px;text-align:center;color:var(--primary-blue);transition:all 0.3s ease;}
  .prouct-onetoubu .prfeature-card p {margin-left:36px; margin-top:0;margin-bottom:0;line-height:23px;padding-top:0px;font-size: 16px;}
  .prouct-onetoubu .progress-bar {height:100%;background:linear-gradient(90deg,var(--primary-blue),#00b4ff);width:0%;transition:width 0.4s ease;}
  @media (max-width:768px) {
  .prouct-onetoubu .three-column-layout {flex-direction:column;}
  .prouct-onetoubu .center-column {margin-bottom:30px;}
  .prouct-onetoubu .title {font-size:28px;}
  .subtitle {font-size:20px;}
  .prouct-onetoubu .container {max-width:95%;}
  .prouct-onetoubu .proudc-titledes {width:90%;margin-bottom:30px;}
  }
  .productlist-studies .case-image{/* width: 50%;margin: 0px auto; */ background-color: #ddd; border-radius: 10px 10px 0 0; overflow: hidden;}
  .proudct-list-juti{padding: 30px; background-color: white; border-radius: 0 0 10px 10px;}
  .productlist-title{margin-bottom: 15px; color: var(--primary-color);}
  .productlist-des{margin-bottom: 20px; color: var(--text-light);}
  
  .prouct-twoshuzhi {font-family:'ASC_Oswald',Helvetica,Arial,Lucida,sans-serif!important;margin:0;padding:0;background-image: linear-gradient(180deg, #073c7b 14%, #269f9f 100%) !important;color:var(--white);width:100%;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden;}
  .prouct-twoshuzhi .container {width:90%;max-width:1200px;text-align:center;padding:40px 20px;}
  .prouct-twoshuzhi  .header {margin-bottom:60px;}
  .prouct-twoshuzhi  .prodertwotime {font-size:3rem;letter-spacing:1px;margin-bottom:40px;color:var(--white);font-weight: 900;}
  .prouct-twoshuzhi .subtitle {font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;max-width:700px;margin:0 auto;}
  .prouct-twoshuzhi  .specs-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px;}
  .prouct-twoshuzhi  .spec-item {perspective:800px;}
  .prouct-twoshuzhi  .spec-card {background:rgba(0,0,0,0.2);border-radius:10px;padding:30px 20px;box-shadow:0 8px 20px rgba(0,0,0,0.2);transition:all 0.3s ease;transform-style:preserve-3d;}
  .prouct-twoshuzhi  .spec-card:hover {transform:translateY(-5px) rotateX(5deg);box-shadow:0 12px 30px rgba(0,0,0,0.3);}
  .prouct-twoshuzhi  .number-display {font-size:clamp(2.5rem,6vw,4rem);font-weight:800;color:var(--highlight-blue);height:1.2em;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;}
  .prouct-twoshuzhi  .number-marquee {position:absolute;width:100%;text-align:center;transition:transform 0.8s cubic-bezier(0.16,1,0.3,1);}
  .prouct-twoshuzhi  .unit {font-size:clamp(0.8rem,1.5vw,1rem);margin-top:10px;display:block;color:rgba(255,255,255,0.8);}
  @media (max-width:768px) {.prouct-twoshuzhi  .specs-grid {grid-template-columns:repeat(2,1fr);}
  }
  @media (max-width:480px) {.prouct-twoshuzhi .specs-grid {grid-template-columns:1fr;}
  }
  .treatmentsimg {font-family:'Arial',sans-serif;background-color:var(--dark-bg);color:var(--white);display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0px;padding:80px;}
  .treatmentsimg .treatment-container {width:100%;}
  .treatmentsimg  .treatment-header {text-align:center;margin-bottom:100px;}
  .treatmentsimg  .treatment-title {font-size:3rem;letter-spacing:1px;margin-bottom:20px;color:var(--white);font-weight: 900;}
  .treatmentsimg .treatment-subtitle {font-size:1.1rem;color:rgba(255,255,255,0.8);max-width:600px;margin:0 auto;}
  .treatmentsimg .treatment-features {display:flex;justify-content:center;gap:200px;margin-top:30px;flex-wrap:wrap;}
  .treatmentsimg .feature-item {text-align:center;max-width:200px;}
  .treatmentsimg .feature-icon {font-size:2.5rem;color:var(--primary-blue);margin-bottom:15px;}
  .treatmentsimg .feature-title {font-size:1.1rem;margin-bottom:8px;color:var(--white);}
  .treatmentsimg .feature-desc {font-size:1rem;color:rgba(255,255,255,0.7);line-height:1.5;}
  @media (max-width:768px) {.treatmentsimg .treatment-features {gap:10px;}
  .treatmentsimg .treatment-title {font-size:1.8rem;}
  }
  .treatmentsimg .comparison-slider {position:relative;margin:0 auto;padding:10px 60px}
  .treatmentsimg .comparison-gallery {overflow:hidden;position:relative}
  .treatmentsimg .comparison-track {display:flex;transition:transform .3s ease;will-change:transform}
  .treatmentsimg .comparison-card {flex:0 0 calc(33.333% - 16px);margin:0 8px;background:#f5f5f7;border-radius:18px;overflow:hidden;box-shadow:0 4px 30px rgba(0,0,0,.05)}
  .treatmentsimg .comparison-container {position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:18px 18px 0 0}
  .treatmentsimg .comparison-container img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
  .treatmentsimg .comparison-after {clip-path:inset(0 0 0 50%)}
  .treatmentsimg .comparison-handle {position:absolute;top:0;bottom:0;width:2px;background:#fff;left:50%;transform:translateX(-50%);cursor:ew-resize;z-index:10}
  .treatmentsimg .comparison-handle:before {content:"";position:absolute;width:30px;height:30px;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
  .treatmentsimg .comparison-labels {display:flex;justify-content:space-between;padding:16px 20px;background:#fff;border-radius:0 0 18px 18px}
  .treatmentsimg .slider-nav {position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.8);border:1px solid rgba(0,0,0,.1);font-size:20px;cursor:pointer;z-index:10;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}
  .treatmentsimg .slider-nav.prev {left:10px}
  .treatmentsimg .slider-nav.next {right:10px}
  	@media (max-width:1024px) {
  .treatmentsimg .comparison-card {flex:0 0 calc(50% - 16px)}
  .treatmentsimg .comparison-slider {padding:30px 50px}
  	}
  	@media (max-width:640px) {
  .treatmentsimg  .comparison-card {flex:0 0 calc(100% - 16px)}
  .treatmentsimg  .comparison-slider {padding:0px}
  	}
  .treatmentsimg  .comparison-card {display:flex;flex-direction:column;}
  .treatmentsimg  .comparison-labels {border-bottom:1px solid #f0f0f0;}
  .treatmentsimg  .image-labels {position:absolute;top:10px;width:100%;display:flex;justify-content:space-between;z-index:5;padding:0 20px;box-sizing:border-box;}
  .treatmentsimg  .image-labels span {background:rgba(0,0,0,0.5);color:white;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500;backdrop-filter:blur(5px);transition:all 0.3s ease;}
  .treatmentsimg  .comparison-container {position:relative;}
  .treatmentsimg .comparison-labels {display:none;}	
  .product-features{padding: 2px;}
  .product-features li {
      margin-bottom: 10px;
      position: relative;
      padding-left: 30px;
	  list-style: none;
  }
  .product-features li::before {
      content: '\f00c';
      font-family: 'Font Awesome 6 Free';
      font-weight: 900;
      position: absolute;
      left: 0;
      top: 2px;
      color: var(--accent-color);
  }
  .specs-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 30px;
      margin-top: 50px;
  }
  
  .spec-card {
      background-color: white;
      border-radius: 10px;
      padding: 30px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  }
  
  .spec-title {
      font-size: 20px;
      margin-bottom: 15px;
      color: var(--primary-color);
      display: flex;
      align-items: center;
  }
  
  .spec-title i {
      margin-right: 10px;
      color: var(--accent-color);
  }
  .awards {  
	  background-color: var(--light-color);
  }
  
  .award-logos {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 40px;
      margin: 50px 0;
  }
  
  .award-logos img {
width: 100%;
      opacity: 0.8;
      transition: all 0.3s ease;
  }
  
  .award-logos img:hover {
      opacity: 1;
      transform: scale(1.1);
  }