.elementor-63 .elementor-element.elementor-element-ceed532{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:50px;--padding-left:24px;--padding-right:24px;}.elementor-63 .elementor-element.elementor-element-258fcc1{--display:flex;}.elementor-63 .elementor-element.elementor-element-7f6b284{--display:flex;}.elementor-63 .elementor-element.elementor-element-7f6b284:not(.elementor-motion-effects-element-type-background), .elementor-63 .elementor-element.elementor-element-7f6b284 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fef3408 );}.elementor-63 .elementor-element.elementor-element-456b5b2{--display:flex;}.elementor-63 .elementor-element.elementor-element-456b5b2:not(.elementor-motion-effects-element-type-background), .elementor-63 .elementor-element.elementor-element-456b5b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-68d1b4b );}.elementor-63 .elementor-element.elementor-element-3a08f44{--display:flex;}.elementor-63 .elementor-element.elementor-element-3a08f44:not(.elementor-motion-effects-element-type-background), .elementor-63 .elementor-element.elementor-element-3a08f44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fef3408 );}.elementor-63 .elementor-element.elementor-element-413b9f4{--display:flex;}.elementor-63 .elementor-element.elementor-element-413b9f4:not(.elementor-motion-effects-element-type-background), .elementor-63 .elementor-element.elementor-element-413b9f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F5F8;}.elementor-63 .elementor-element.elementor-element-f8dd4eb{--display:flex;}.elementor-63 .elementor-element.elementor-element-f8dd4eb:not(.elementor-motion-effects-element-type-background), .elementor-63 .elementor-element.elementor-element-f8dd4eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fef3408 );}.elementor-63 .elementor-element.elementor-element-60a0b65{--display:flex;}.elementor-63 .elementor-element.elementor-element-60a0b65:not(.elementor-motion-effects-element-type-background), .elementor-63 .elementor-element.elementor-element-60a0b65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-fef3408 );}/* Start custom CSS for html, class: .elementor-element-356c462 */<style>
  .b2b-portfolio-wrapper, .b2b-portfolio-wrapper * { box-sizing: border-box !important; max-width: 100% !important; }
  .b2b-portfolio-wrapper { width: 100%; max-width: 1140px; margin: 0 auto; padding: 80px 20px; background-color: #F3F5F8 !important; display: block !important; clear: both !important; }
  .b2b-portfolio-header { text-align: center; margin-bottom: 50px; display: block !important; }
  .b2b-portfolio-title { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 28px; font-weight: 800; color: #0F2C59 !important; margin: 0 0 12px 0; letter-spacing: 0.5px; }
  .b2b-portfolio-subtitle { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 15px; font-weight: 500; color: #333333 !important; margin: 0; }
  .b2b-portfolio-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; align-items: stretch; width: 100%; }
  .b2b-portfolio-card { background-color: #FFFFFF !important; border: 1px solid #E2E8F0 !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02) !important; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); display: flex; flex-direction: column; height: 100%; }
  .b2b-portfolio-card:hover { transform: translateY(-6px); box-shadow: 0 15px 25px -5px rgba(15, 44, 89, 0.06) !important; border-color: #0F2C59 !important; }
  .b2b-card-image { width: 100%; position: relative; overflow: hidden; padding-top: 66.66%; }
  .b2b-card-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
  .b2b-portfolio-card:hover .b2b-card-image img { transform: scale(1.04); }
  .b2b-card-tag { position: absolute; top: 15px; right: 15px; background-color: #2E7D32 !important; color: #FFFFFF !important; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 9px; font-weight: 800; padding: 5px 10px; border-radius: 4px; letter-spacing: 0.5px; z-index: 1; text-transform: uppercase; }
  .b2b-card-content { padding: 25px; display: flex; flex-direction: column; flex-grow: 1; }
  .b2b-project-title { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 16px; font-weight: 700; color: #0F2C59 !important; margin: 0 0 18px 0; line-height: 1.4; flex-grow: 1; }
  .b2b-project-meta { display: flex; flex-direction: column; gap: 10px; margin-top: auto; border-top: 1px dashed #E2E8F0; padding-top: 15px; }
  .b2b-meta-item { display: flex; align-items: flex-start; gap: 10px; }
  .b2b-meta-icon { font-size: 13px; flex-shrink: 0; line-height: 1; margin-top: 2px; }
  .b2b-meta-text { font-family: 'Plus Jakarta Sans', sans-serif; font-size: 12.5px; font-weight: 600; color: #333333 !important; line-height: 1.4; }
  .b2b-portfolio-action { text-align: center; margin-top: 50px; display: block !important; }
  .b2b-btn-more { display: inline-flex; align-items: center; gap: 12px; background-color: #0F2C59 !important; color: #FFFFFF !important; text-decoration: none; font-family: 'Plus Jakarta Sans', sans-serif; font-size: 14px; font-weight: 700; padding: 16px 36px; border-radius: 6px; box-shadow: 0 4px 6px -1px rgba(15, 44, 89, 0.15); transition: all 0.3s ease; border: none !important; }
  .b2b-btn-more svg { color: #FFFFFF !important; flex-shrink: 0; transition: transform 0.25s ease; }
  .b2b-btn-more:hover { background-color: #7A1D1D !important; box-shadow: 0 10px 15px -3px rgba(122, 29, 29, 0.25); transform: translateY(-2px); }
  .b2b-btn-more:hover svg { transform: translateX(4px); }

  @media (max-width: 991px) {
    .b2b-portfolio-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  }
  @media (max-width: 767px) {
    .b2b-portfolio-wrapper { padding: 40px 15px; }
    .b2b-portfolio-title { font-size: 22px !important; }
    .b2b-portfolio-grid { grid-template-columns: 1fr; gap: 25px; }
    .b2b-card-content { padding: 20px; }
    .b2b-project-title { font-size: 15px !important; margin-bottom: 15px; }
    .b2b-btn-more { width: 100% !important; justify-content: center; }
  }
<\/style>/* End custom CSS */