.elementor-13566 .elementor-element.elementor-element-c8e9481{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-13566 .elementor-element.elementor-element-04322e2{--display:flex;}.elementor-13566 .elementor-element.elementor-element-adc3176{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-13566 .elementor-element.elementor-element-8138ceb.elementor-element{--align-self:flex-start;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-13566 .elementor-element.elementor-element-b5fad24 .elementor-menu-toggle{margin:0 auto;}body.elementor-page-13566:not(.elementor-motion-effects-element-type-background), body.elementor-page-13566 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f8f8f8;}@media(max-width:1024px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS */body {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
      line-height: 1.7;
      color: #333;
      background-color: #f8f8f8;
      overflow-x: hidden;
    }

    /* Typography */
    h1, h2, h3 {
      font-family: Georgia, 'Times New Roman', serif;
      color: #2c3e50;
    }

    /* Navigation */
    .nav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      padding: 1rem 5%;
      background: rgba(255, 255, 255, 0.95);
      backdrop-filter: blur(10px);
      z-index: 1000;
      display: flex;
      justify-content: space-between;
      align-items: center;
      box-shadow: 0 2px 20px rgba(0,0,0,0.05);
    }

    .logo {
      font-family: Georgia, 'Times New Roman', serif;
      font-size: 1.5rem;
      font-weight: 700;
      color: #2c3e50;
    }

    .logo span {
      color: #e67e22;
    }

    .nav-cta {
      background: #e67e22;
      color: #ffffff;
      padding: 0.75rem 1.5rem;
      border-radius: 50px;
      text-decoration: none;
      font-weight: 600;
      transition: all 0.3s ease;
    }

    .nav-cta:hover {
      background: #d35400;
      transform: translateY(-2px);
      box-shadow: 0 10px 30px rgba(230, 126, 34, 0.3);
    }

    /* Hero Section */
    .hero {
      min-height: 100vh;
      display: flex;
      align-items: center;
      padding: 120px 5% 80px;
      background: linear-gradient(135deg, #ffffff 0%, #f8f8f8 100%);
      position: relative;
      overflow: hidden;
    }

    .hero::before {
      content: '';
      position: absolute;
      top: -50%;
      right: -20%;
      width: 80%;
      height: 150%;
      background: linear-gradient(135deg, rgba(230, 126, 34, 0.08) 0%, rgba(44, 62, 80, 0.05) 100%);
      border-radius: 50%;
      transform: rotate(-15deg);
    }

    .hero-content {
      max-width: 600px;
      z-index: 1;
      animation: fadeInUp 1s ease-out;
    }

    .hero-badge {
      display: inline-block;
      background: rgba(230, 126, 34, 0.1);
      color: #e67e22;
      padding: 0.5rem 1rem;
      border-radius: 50px;
      font-size: 0.9rem;
      font-weight: 600;
      margin-bottom: 1.5rem;
    }

    .hero h1 {
      font-size: clamp(2.5rem, 5vw, 4rem);
      line-height: 1.2;
      margin-bottom: 1.5rem;
    }

    .hero h1 span {
      color: #e67e22;
    }

    .hero p {
      font-size: 1.2rem;
      color: #666;
      margin-bottom: 2rem;
    }

    .hero-cta {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      background: #e67e22;
      color: #ffffff;
      padding: 1rem 2rem;
      border-radius: 50px;
      text-decoration: none;
      font-weight: 600;
      font-size: 1.1rem;
      transition: all 0.3s ease;
    }

    .hero-cta:hover {
      background: #d35400;
      transform: translateY(-3px);
      box-shadow: 0 15px 40px rgba(230, 126, 34, 0.35);
    }

    .hero-cta svg {
      transition: transform 0.3s ease;
    }

    .hero-cta:hover svg {
      transform: translateX(5px);
    }

    .hero-image {
      position: absolute;
      right: 5%;
      top: 50%;
      transform: translateY(-50%);
      width: 45%;
      max-width: 600px;
      z-index: 1;
      animation: fadeInRight 1s ease-out 0.3s both;
    }

    .hero-image img {
      width: 100%;
      border-radius: 20px;
      box-shadow: 0 30px 60px rgba(0,0,0,0.15);
    }

    /* Sections */
    section {
      padding: 100px 5%;
    }

    .section-header {
      text-align: center;
      max-width: 700px;
      margin: 0 auto 60px;
    }

    .section-header h2 {
      font-size: clamp(2rem, 4vw, 3rem);
      margin-bottom: 1rem;
    }

    .section-header p {
      color: #666;
      font-size: 1.1rem;
    }

    /* Benefits Section */
    .benefits {
      background: #ffffff;
    }

    .benefits-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 30px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .benefit-card {
      padding: 2.5rem;
      background: #f8f8f8;
      border-radius: 20px;
      transition: all 0.4s ease;
      position: relative;
      overflow: hidden;
    }

    .benefit-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 4px;
      height: 0;
      background: #e67e22;
      transition: height 0.4s ease;
    }

    .benefit-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 20px 50px rgba(0,0,0,0.1);
    }

    .benefit-card:hover::before {
      height: 100%;
    }

    .benefit-icon {
      width: 60px;
      height: 60px;
      background: linear-gradient(135deg, #e67e22 0%, #d35400 100%);
      border-radius: 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.5rem;
    }

    .benefit-icon svg {
      width: 30px;
      height: 30px;
      color: #ffffff;
    }

    .benefit-card h3 {
      font-size: 1.3rem;
      margin-bottom: 1rem;
    }

    .benefit-card p {
      color: #666;
    }

    /* About Section */
    .about {
      background: #f8f8f8;
    }

    .about-content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center;
      max-width: 1200px;
      margin: 0 auto;
    }

    .about-text h2 {
      font-size: clamp(1.8rem, 3vw, 2.5rem);
      margin-bottom: 1.5rem;
    }

    .about-text p {
      color: #666;
      margin-bottom: 1.5rem;
      font-size: 1.05rem;
    }

    .about-image {
      position: relative;
    }

    .about-image img {
      width: 100%;
      border-radius: 20px;
      box-shadow: 0 30px 60px rgba(0,0,0,0.1);
    }

    .about-image::before {
      content: '';
      position: absolute;
      top: -20px;
      left: -20px;
      width: 100%;
      height: 100%;
      border: 3px solid #e67e22;
      border-radius: 20px;
      z-index: -1;
    }

    /* Services Section */
    .services {
      background: #2c3e50;
      color: #ffffff;
    }

    .services .section-header h2,
    .services .section-header p {
      color: #ffffff;
    }

    .services-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 30px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .service-card {
      padding: 2rem;
      background: rgba(255,255,255,0.05);
      border-radius: 15px;
      border: 1px solid rgba(255,255,255,0.1);
      transition: all 0.3s ease;
    }

    .service-card:hover {
      background: rgba(255,255,255,0.1);
      transform: translateY(-5px);
    }

    .service-number {
      font-family: Georgia, 'Times New Roman', serif;
      font-size: 3rem;
      font-weight: 700;
      color: #e67e22;
      opacity: 0.5;
      margin-bottom: 1rem;
    }

    .service-card h3 {
      color: #ffffff;
      font-size: 1.2rem;
      margin-bottom: 0.75rem;
    }

    .service-card p {
      color: rgba(255,255,255,0.7);
      font-size: 0.95rem;
    }

    /* Products Section */
    .products {
      background: #ffffff;
    }

    .products-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 25px;
      max-width: 1200px;
      margin: 0 auto;
    }

    .product-card {
      padding: 1.75rem;
      background: #f8f8f8;
      border-radius: 15px;
      transition: all 0.3s ease;
      text-decoration: none;
      color: inherit;
      display: block;
    }

    .product-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 40px rgba(0,0,0,0.1);
    }

    .product-card h3 {
      font-size: 1.1rem;
      margin-bottom: 0.75rem;
      color: #2c3e50;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    .product-card h3::before {
      content: '';
      width: 8px;
      height: 8px;
      background: #e67e22;
      border-radius: 50%;
      flex-shrink: 0;
    }

    .product-card p {
      color: #666;
      font-size: 0.95rem;
    }

    /* Quality Section */
    .quality {
      background: #f8f8f8;
    }

    .quality-content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 60px;
      align-items: center;
      max-width: 1200px;
      margin: 0 auto;
    }

    .quality-image img {
      width: 100%;
      border-radius: 20px;
      box-shadow: 0 30px 60px rgba(0,0,0,0.1);
    }

    .quality-text h2 {
      font-size: clamp(1.8rem, 3vw, 2.5rem);
      margin-bottom: 1.5rem;
    }

    .quality-text p {
      color: #666;
      margin-bottom: 1.5rem;
      font-size: 1.05rem;
    }

    .quality-list {
      list-style: none;
    }

    .quality-list li {
      display: flex;
      align-items: flex-start;
      gap: 1rem;
      margin-bottom: 1rem;
      color: #333;
    }

    .quality-list li svg {
      width: 24px;
      height: 24px;
      color: #e67e22;
      flex-shrink: 0;
      margin-top: 2px;
    }

    /* CTA Section */
    .cta-section {
      background: linear-gradient(135deg, #e67e22 0%, #d35400 100%);
      text-align: center;
      padding: 80px 5%;
    }

    .cta-section h2 {
      color: #ffffff;
      font-size: clamp(2rem, 4vw, 3rem);
      margin-bottom: 1rem;
    }

    .cta-section p {
      color: rgba(255,255,255,0.9);
      font-size: 1.2rem;
      max-width: 600px;
      margin: 0 auto 2rem;
    }

    .cta-button {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      background: #ffffff;
      color: #e67e22;
      padding: 1rem 2.5rem;
      border-radius: 50px;
      text-decoration: none;
      font-weight: 600;
      font-size: 1.1rem;
      transition: all 0.3s ease;
    }

    .cta-button:hover {
      transform: translateY(-3px);
      box-shadow: 0 15px 40px rgba(0,0,0,0.2);
    }

    /* Footer */
    .footer_t {
      background: #2c3e50;
      color: rgba(255,255,255,0.7);
      padding: 40px 5%;
      text-align: center;
    }

    .footer_t p {
      margin-bottom: 0.5rem;
    }

    .footer_t a {
      color: #e67e22;
      text-decoration: none;
    }

    .footer_t a:hover {
      text-decoration: underline;
    }

    /* Animations */
    @keyframes fadeInUp {
      from {
        opacity: 0;
        transform: translateY(40px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @keyframes fadeInRight {
      from {
        opacity: 0;
        transform: translate(40px, -50%);
      }
      to {
        opacity: 1;
        transform: translate(0, -50%);
      }
    }

    .fade-in {
      opacity: 0;
      transform: translateY(30px);
      transition: all 0.6s ease-out;
    }

    .fade-in.visible {
      opacity: 1;
      transform: translateY(0);
    }

    /* Responsive */
    @media (max-width: 968px) {
      .hero-image {
        display: none;
      }

      .hero-content {
        max-width: 100%;
        text-align: center;
      }

      .about-content,
      .quality-content {
        grid-template-columns: 1fr;
        gap: 40px;
      }

      .about-image::before {
        display: none;
      }
    }

    @media (max-width: 600px) {
      .nav {
        padding: 1rem;
      }

      .logo {
        font-size: 1.2rem;
      }

      .nav-cta {
        padding: 0.5rem 1rem;
        font-size: 0.9rem;
      }

      section {
        padding: 60px 5%;
      }

      .benefit-card,
      .service-card,
      .product-card {
        padding: 1.5rem;
      }
    }/* End custom CSS */