.elementor-31 .elementor-element.elementor-element-2d569af5{--display:flex;--min-height:51vh;--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:stretch;--gap:90px 90px;--row-gap:90px;--column-gap:90px;--overlay-opacity:0.69;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:5%;--padding-bottom:5%;--padding-left:3%;--padding-right:3%;}.elementor-31 .elementor-element.elementor-element-2d569af5:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-2d569af5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F5F8;background-image:url("https://thorpowertechgh.com/wp-content/uploads/2025/07/sola.jpeg");background-position:bottom right;background-repeat:no-repeat;background-size:cover;}.elementor-31 .elementor-element.elementor-element-2d569af5::before, .elementor-31 .elementor-element.elementor-element-2d569af5 > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-2d569af5 > .e-con-inner > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-2d569af5 > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-2d569af5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-2d569af5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-1b40202 );--background-overlay:'';}.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-31 .elementor-element.elementor-element-5987c253{text-align:center;}.elementor-31 .elementor-element.elementor-element-5987c253 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-4292e7fb{--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;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:1%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:12%;--padding-right:12%;}.elementor-31 .elementor-element.elementor-element-2ceac33b{--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:15% 15%;--row-gap:15%;--column-gap:15%;--margin-top:4%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-toggle .elementor-toggle-title, .elementor-widget-toggle .elementor-toggle-icon{color:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-toggle-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-toggle .elementor-tab-title.elementor-active a, .elementor-widget-toggle .elementor-tab-title.elementor-active .elementor-toggle-icon{color:var( --e-global-color-accent );}.elementor-widget-toggle .elementor-toggle-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-toggle .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-31 .elementor-element.elementor-element-7cc8c953{width:100%;max-width:100%;padding:30px 0px 0px 0px;border-style:solid;border-width:0.5px 0px 0px 0px;border-color:#C8D5DC;}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-tab-title{border-width:2px;border-color:#D8D8D8;padding:0px 0px 30px 0px;}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-tab-content{border-width:2px;border-bottom-color:#D8D8D8;color:#324A6D;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;word-spacing:0em;padding:0px 30px 30px 0px;}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-toggle-item:not(:last-child){margin-bottom:18px;}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-toggle-title, .elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-toggle-icon{color:#1C244B;}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-toggle-icon svg{fill:#1C244B;}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-tab-title.elementor-active a, .elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-tab-title.elementor-active .elementor-toggle-icon{color:#1C244B;}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-toggle-title{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:900;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0em;}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-tab-title .elementor-toggle-icon i:before{color:var( --e-global-color-7471ebc );}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-tab-title .elementor-toggle-icon svg{fill:var( --e-global-color-7471ebc );}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-tab-title.elementor-active .elementor-toggle-icon i:before{color:var( --e-global-color-f2680e6 );}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-tab-title.elementor-active .elementor-toggle-icon svg{fill:var( --e-global-color-f2680e6 );}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-toggle-icon.elementor-toggle-icon-left{margin-right:19px;}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-toggle-icon.elementor-toggle-icon-right{margin-left:19px;}@media(max-width:1024px){.elementor-31 .elementor-element.elementor-element-2d569af5{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:5%;--padding-bottom:5%;--padding-left:8%;--padding-right:8%;}.elementor-31 .elementor-element.elementor-element-5987c253 .elementor-heading-title{font-size:45px;}.elementor-31 .elementor-element.elementor-element-4292e7fb{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-31 .elementor-element.elementor-element-2ceac33b{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-31 .elementor-element.elementor-element-7cc8c953{padding:0px 0px 0px 0px;border-width:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-toggle-title{font-size:14px;}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-tab-content{font-size:14px;}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-2d569af5{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-31 .elementor-element.elementor-element-5987c253{text-align:center;}.elementor-31 .elementor-element.elementor-element-5987c253 .elementor-heading-title{font-size:28px;line-height:1.1em;}.elementor-31 .elementor-element.elementor-element-4292e7fb{--margin-top:2%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-toggle-item:not(:last-child){margin-bottom:0px;}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-toggle-icon.elementor-toggle-icon-left{margin-right:3px;}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-toggle-icon.elementor-toggle-icon-right{margin-left:3px;}.elementor-31 .elementor-element.elementor-element-7cc8c953 .elementor-tab-content{padding:0px 0px 30px 0px;}}@media(min-width:768px){.elementor-31 .elementor-element.elementor-element-2d569af5{--content-width:750px;}}@media(min-width:1025px){.elementor-31 .elementor-element.elementor-element-2d569af5:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-2d569af5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for container, class: .elementor-element-4292e7fb *//* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@400;600&display=swap');

/* Work Process Container */
.work-process {
  position: relative;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border-radius: 24px;
  padding: 64px 48px;
  margin: 40px 0;
  overflow: hidden;
  box-shadow: 
    0 25px 50px -12px rgba(30, 64, 175, 0.1),
    0 0 0 1px rgba(30, 64, 175, 0.05);
  border: 1px solid rgba(30, 64, 175, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Animated background accent */
.work-process::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #1e40af 0%, #d97706 50%, #1e40af 100%);
  background-size: 200% 100%;
  animation: shimmer 3s ease-in-out infinite;
}

/* Subtle pattern overlay */
.work-process::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    radial-gradient(circle at 25% 25%, rgba(30, 64, 175, 0.03) 0%, transparent 50%),
    radial-gradient(circle at 75% 75%, rgba(217, 119, 6, 0.03) 0%, transparent 50%);
  pointer-events: none;
  z-index: 1;
}

/* Hover effects */
.work-process:hover {
  transform: translateY(-8px);
  box-shadow: 
    0 35px 70px -12px rgba(30, 64, 175, 0.15),
    0 0 0 1px rgba(30, 64, 175, 0.1),
    0 0 40px rgba(217, 119, 6, 0.05);
  border-color: rgba(30, 64, 175, 0.12);
}

/* Content wrapper inside container */
.work-process > * {
  position: relative;
  z-index: 2;
}

/* Typography Styles */
.work-process h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 48px;
  color: #1e40af;
  margin-bottom: 24px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.work-process h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 36px;
  color: #1e40af;
  margin-bottom: 20px;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.work-process h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 28px;
  color: #374151;
  margin-bottom: 16px;
  line-height: 1.4;
}

.work-process p,
.work-process div {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #374151;
  line-height: 1.7;
  margin-bottom: 16px;
}

.work-process small,
.work-process .caption {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #6b7280;
  line-height: 1.6;
}

.work-process .small-text {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #9ca3af;
  line-height: 1.5;
}

/* Button Styles */
.work-process .btn-primary {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 16px;
  background: linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%);
  color: white;
  border: none;
  border-radius: 12px;
  padding: 14px 32px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 4px 14px 0 rgba(30, 64, 175, 0.2);
}

.work-process .btn-primary:hover {
  background: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px 0 rgba(96, 165, 250, 0.3);
}

.work-process .btn-cta {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 16px;
  background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
  color: white;
  border: none;
  border-radius: 12px;
  padding: 14px 32px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 4px 14px 0 rgba(217, 119, 6, 0.2);
}

.work-process .btn-cta:hover {
  background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px 0 rgba(245, 158, 11, 0.3);
}

/* Link Styles */
.work-process a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #1e40af;
  text-decoration: none;
  transition: color 0.3s ease;
  position: relative;
}

.work-process a:hover {
  color: #60a5fa;
}

.work-process a::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #60a5fa, #d97706);
  transition: width 0.3s ease;
}

.work-process a:hover::after {
  width: 100%;
}

/* Accent Elements */
.work-process .accent {
  color: #d97706;
  font-weight: 600;
}

.work-process .highlight {
  background: linear-gradient(120deg, #f59e0b, #d97706);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 600;
}

/* Status Colors */
.work-process .success {
  color: #10b981;
  font-weight: 600;
}

.work-process .warning {
  color: #f97316;
  font-weight: 600;
}

.work-process .info {
  color: #06b6d4;
  font-weight: 600;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .work-process {
    padding: 48px 32px;
    margin: 30px 0;
  }
  
  .work-process h1 {
    font-size: 40px;
  }
  
  .work-process h2 {
    font-size: 32px;
  }
  
  .work-process h3 {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  .work-process {
    padding: 32px 24px;
    margin: 20px 0;
    border-radius: 16px;
  }
  
  .work-process h1 {
    font-size: 32px;
  }
  
  .work-process h2 {
    font-size: 28px;
  }
  
  .work-process h3 {
    font-size: 22px;
  }
  
  .work-process .btn-primary,
  .work-process .btn-cta {
    padding: 12px 24px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .work-process {
    padding: 24px 20px;
  }
  
  .work-process h1 {
    font-size: 28px;
  }
  
  .work-process h2 {
    font-size: 24px;
  }
  
  .work-process h3 {
    font-size: 20px;
  }
}

/* Animation Keyframes */
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  .work-process,
  .work-process::before,
  .work-process .btn-primary,
  .work-process .btn-cta,
  .work-process a {
    transition: none;
    animation: none;
  }
  
  .work-process:hover {
    transform: none;
  }
}/* End custom CSS */