.elementor-927 .elementor-element.elementor-element-9d70c18{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;box-shadow:0px -80px 120px 0px rgba(0, 0, 0, 0.25);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-927 .elementor-element.elementor-element-9d70c18:not(.elementor-motion-effects-element-type-background), .elementor-927 .elementor-element.elementor-element-9d70c18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #7B2FF7 0%, #9F44D3 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-927 .elementor-element.elementor-element-23498bf > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-927 .elementor-element.elementor-element-23498bf .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:56px;font-weight:300;word-spacing:2px;color:#FFFFFF;}.elementor-927 .elementor-element.elementor-element-1102bda > .elementor-widget-container{padding:0px 0px 40px 0px;}.elementor-927 .elementor-element.elementor-element-1102bda .elementor-heading-title{font-family:"Tahoma", Sans-serif;font-size:22px;font-weight:300;color:#FFFFFFE6;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-927 .elementor-element.elementor-element-3d60d69 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:bold;fill:#667EEA;color:#667EEA;transition-duration:0.3s;border-radius:50px 50px 50px 50px;padding:15px 40px 15px 40px;}.elementor-927 .elementor-element.elementor-element-3d60d69 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-927 .elementor-element.elementor-element-3d60d69 .elementor-button:hover, .elementor-927 .elementor-element.elementor-element-3d60d69 .elementor-button:focus{box-shadow:0px 0.3px 10px 0px rgba(0,0,0,0.5);}.elementor-927 .elementor-element.elementor-element-1ded834{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-927 .elementor-element.elementor-element-f8d4309 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-927 .elementor-element.elementor-element-f8d4309{text-align:center;}.elementor-927 .elementor-element.elementor-element-f8d4309 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:42px;font-weight:600;color:#333333;}.elementor-927 .elementor-element.elementor-element-6a1e079{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;text-align:center;}.elementor-927 .elementor-element.elementor-element-6a1e079 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-927 .elementor-element.elementor-element-6a1e079 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#666666;}.elementor-927 .elementor-element.elementor-element-39c4796{--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;--padding-top:0%;--padding-bottom:7%;--padding-left:5%;--padding-right:5%;}.elementor-927 .elementor-element.elementor-element-4627834{--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;--padding-top:5%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-927 .elementor-element.elementor-element-4627834:not(.elementor-motion-effects-element-type-background), .elementor-927 .elementor-element.elementor-element-4627834 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FA;}.elementor-927 .elementor-element.elementor-element-090fd2a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:08%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-927 .elementor-element.elementor-element-986dc95 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-927 .elementor-element.elementor-element-986dc95 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:42px;font-weight:400;color:#333333;}.elementor-927 .elementor-element.elementor-element-c0b3c32{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;text-align:center;}.elementor-927 .elementor-element.elementor-element-c0b3c32 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-927 .elementor-element.elementor-element-c0b3c32 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#666666;}.elementor-927 .elementor-element.elementor-element-c285b6e{--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;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-927 .elementor-element.elementor-element-9d70c18{--justify-content:center;}.elementor-927 .elementor-element.elementor-element-9d70c18.e-con{--align-self:center;}.elementor-927 .elementor-element.elementor-element-23498bf{text-align:center;}.elementor-927 .elementor-element.elementor-element-39c4796{--padding-top:0%;--padding-bottom:7%;--padding-left:5%;--padding-right:5%;}.elementor-927 .elementor-element.elementor-element-4627834{--padding-top:5%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-927 .elementor-element.elementor-element-5a88653 > .elementor-widget-container{padding:0% 0% 0% 02%;}.elementor-927 .elementor-element.elementor-element-c285b6e{--padding-top:5%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}}@media(max-width:767px){.elementor-927 .elementor-element.elementor-element-23498bf .elementor-heading-title{font-size:30px;}.elementor-927 .elementor-element.elementor-element-1102bda{text-align:center;}.elementor-927 .elementor-element.elementor-element-1102bda .elementor-heading-title{font-size:18px;}.elementor-927 .elementor-element.elementor-element-39c4796{--padding-top:0%;--padding-bottom:07%;--padding-left:5%;--padding-right:5%;}.elementor-927 .elementor-element.elementor-element-352ddc6{z-index:10000;}.elementor-927 .elementor-element.elementor-element-4627834{--padding-top:5%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-927 .elementor-element.elementor-element-5a88653 > .elementor-widget-container{padding:0% 0% 0% 4%;}.elementor-927 .elementor-element.elementor-element-c285b6e{--padding-top:5%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}}/* Start custom CSS for html, class: .elementor-element-352ddc6 */.presentation-section {
          background: #fff;
          padding: 40px 0;
          text-align: center;
        }

        .presentation-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
          gap: 40px;
          margin-top: 60px;
        }

        .presentation-item {
          position: relative;
          height: 420px;
          border-radius: 25px;
          overflow: hidden;
          background-size: cover;
          background-position: center;
          transition: transform 0.5s ease, box-shadow 0.5s ease;
          box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
          cursor: pointer;
        }

        .presentation-item:hover {
          transform: scale(1.03);
          box-shadow: 0 20px 50px rgba(102, 126, 234, 0.35);
        }

        .presentation-overlay {
          position: absolute;
          inset: 0;
          background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.8) 100%);
          color: #fff;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          align-items: flex-start;
          padding: 40px;
          opacity: 0;
          transform: translateY(20px);
          transition: all 0.4s ease;
        }

        .presentation-item:hover .presentation-overlay {
          opacity: 1;
          transform: translateY(0);
        }

        .presentation-overlay h3 {
          font-size: 30px;
          font-weight: 700;
          margin-bottom: 10px;
        }

        .presentation-overlay p {
          font-size: 17px;
          margin-bottom: 20px;
          line-height: 1.6;
          max-width: 420px;
          text-align: left;
        }

        .presentation-btn {
          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
          color: #fff;
          padding: 12px 24px;
          border-radius: 50px;
          text-decoration: none;
          font-weight: 600;
          transition: background 0.3s, transform 0.3s;
        }

        .presentation-btn:hover {
          background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
          transform: scale(1.05);
        }

        /* Responsive */
        @media (max-width: 768px) {
          .presentation-grid {
            grid-template-columns: 1fr;
          }
          .presentation-item {
            height: 360px;
          }
          .presentation-overlay {
            padding: 25px;
          }
          .presentation-overlay h3 {
            font-size: 24px;
          }
          .presentation-overlay p {
            font-size: 15px;
          }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a88653 */.section-light {
            background: #f8f9fa;
        }

        .section-title {
            text-align: center;
            font-size: 42px;
            margin-bottom: 20px;
            color: #333;
        }

        .section-subtitle {
            text-align: center;
            font-size: 18px;
            color: #666;
            margin-bottom: 60px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .portfolio-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }

        .portfolio-item {
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            height: 300px;
            cursor: pointer;
            transition: transform 0.3s;
        }

        .portfolio-item:hover {
            transform: scale(1.05);
        }

        .portfolio-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(102, 126, 234, 0.9) 0%, rgba(118, 75, 162, 0.9) 100%);
            opacity: 0;
            transition: opacity 0.3s;
        }

        .portfolio-item:hover::before {
            opacity: 1;
        }

        .portfolio-content {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 30px;
            color: white;
            transform: translateY(20px);
            opacity: 0;
            transition: all 0.3s;
        }

        .portfolio-item:hover .portfolio-content {
            transform: translateY(0);
            opacity: 1;
        }

        .portfolio-item h3 {
            font-size: 24px;
            margin-bottom: 10px;
        }

        .portfolio-item p {
            font-size: 16px;
            opacity: 0.9;
        }

        .portfolio-bg {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
        }

        .portfolio-link {
            display: inline-block;
            margin-top: 10px;
            padding: 8px 20px;
            background: white;
            color: #667eea;
            text-decoration: none;
            border-radius: 20px;
            font-weight: bold;
            font-size: 14px;
            transition: transform 0.3s;
        }

        .portfolio-link:hover {
            transform: scale(1.1);
        }
        
        @media (max-width: 1024px) {
  .portfolio-grid {
    gap: 24px;
  }
  .portfolio-item {
    max-width: 360px;
    height: 260px;
  }
}

@media (max-width: 768px) {
  .portfolio-grid {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .portfolio-item {
    height: 240px;
  }
  .portfolio-content h3 {
    font-size: 20px;
  }
  .portfolio-content p {
    font-size: 14px;
  }
}

@media (max-width: 520px) {
  .portfolio-grid {
    grid-template-columns: 1fr;
  }
  .portfolio-item {
    height: 230px;
    max-width: 100%;
  }
  .portfolio-content {
    padding: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-253c670 */section {
            padding: 40px 0;
        }

        .section-white {
            background: white;
        }

        .section-light {
            background: #f8f9fa;
        }

        .section-title {
            text-align: center;
            font-size: 42px;
            margin-bottom: 20px;
            color: #333;
        }

        .section-subtitle {
            text-align: center;
            font-size: 18px;
            color: #666;
            margin-bottom: 60px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }

        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }

        .service-card {
            background: white;
            padding: 40px;
            border-radius: 20px;
            text-align: center;
            transition: transform 0.3s, box-shadow 0.3s;
            cursor: pointer;
            border: 2px solid transparent;
        }

        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(102, 126, 234, 0.2);
            border-color: #667eea;
        }

        .service-icon {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            border-radius: 20px;
            margin: 0 auto 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 40px;
        }

        .service-card h3 {
            font-size: 24px;
            margin-bottom: 15px;
            color: #333;
        }

        .service-card p {
            color: #666;
            line-height: 1.6;
            margin-bottom: 20px;
        }/* End custom CSS */