.elementor-29196 .elementor-element.elementor-element-694ff19{--display:flex;}.elementor-29196 .elementor-element.elementor-element-76874f9{--display:flex;}.elementor-29196 .elementor-element.elementor-element-38acd3b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 036px;--row-gap:0px;--column-gap:036px;--grid-auto-flow:row;--align-items:start;}.elementor-29196 .elementor-element.elementor-element-b7968a5 img{width:100%;}.elementor-29196 .elementor-element.elementor-element-71917d6.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29196 .elementor-element.elementor-element-71917d6{text-align:start;}.elementor-29196 .elementor-element.elementor-element-71917d6 p{margin-block-end:0px;}.elementor-29196 .elementor-element.elementor-element-71917d6 a{transition-duration:0s;}.elementor-29196 .elementor-element.elementor-element-3a20cff{--display:flex;}.elementor-29196 .elementor-element.elementor-element-4046e36{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 036px;--row-gap:0px;--column-gap:036px;--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-06ad87d.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29196 .elementor-element.elementor-element-06ad87d{text-align:start;}.elementor-29196 .elementor-element.elementor-element-06ad87d p{margin-block-end:0px;}.elementor-29196 .elementor-element.elementor-element-06ad87d a{transition-duration:0s;}.elementor-29196 .elementor-element.elementor-element-5ccfe14.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29196 .elementor-element.elementor-element-5ccfe14 img{width:100%;}.elementor-29196 .elementor-element.elementor-element-3f04a82{--display:flex;}.elementor-29196 .elementor-element.elementor-element-8c8ea7e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 036px;--row-gap:0px;--column-gap:036px;--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-99b1124.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29196 .elementor-element.elementor-element-99b1124 img{width:100%;}.elementor-29196 .elementor-element.elementor-element-a52ed2f.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29196 .elementor-element.elementor-element-a52ed2f{text-align:start;}.elementor-29196 .elementor-element.elementor-element-a52ed2f p{margin-block-end:0px;}.elementor-29196 .elementor-element.elementor-element-a52ed2f a{transition-duration:0s;}.elementor-29196 .elementor-element.elementor-element-9e50f41{--display:flex;}.elementor-29196 .elementor-element.elementor-element-d772f7b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 036px;--row-gap:0px;--column-gap:036px;--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-3973eff.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29196 .elementor-element.elementor-element-3973eff{text-align:start;}.elementor-29196 .elementor-element.elementor-element-3973eff p{margin-block-end:0px;}.elementor-29196 .elementor-element.elementor-element-3973eff a{transition-duration:0s;}.elementor-29196 .elementor-element.elementor-element-c3dcef1.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29196 .elementor-element.elementor-element-c3dcef1 img{width:100%;}.elementor-29196 .elementor-element.elementor-element-98ad52c{--display:flex;}.elementor-29196 .elementor-element.elementor-element-3479b33{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 036px;--row-gap:0px;--column-gap:036px;--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-491429a.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29196 .elementor-element.elementor-element-491429a img{width:100%;}.elementor-29196 .elementor-element.elementor-element-2d21b42.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29196 .elementor-element.elementor-element-2d21b42{text-align:start;}.elementor-29196 .elementor-element.elementor-element-2d21b42 p{margin-block-end:0px;}.elementor-29196 .elementor-element.elementor-element-2d21b42 a{transition-duration:0s;}.elementor-29196 .elementor-element.elementor-element-d0b010f{--display:flex;}.elementor-29196 .elementor-element.elementor-element-091fdd5{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 036px;--row-gap:0px;--column-gap:036px;--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-4532c77.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29196 .elementor-element.elementor-element-4532c77{text-align:start;}.elementor-29196 .elementor-element.elementor-element-4532c77 p{margin-block-end:0px;}.elementor-29196 .elementor-element.elementor-element-4532c77 a{transition-duration:0s;}.elementor-29196 .elementor-element.elementor-element-7ceae77.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29196 .elementor-element.elementor-element-7ceae77 img{width:100%;}.elementor-29196 .elementor-element.elementor-element-6f9880c{--display:flex;}.elementor-29196 .elementor-element.elementor-element-3102dcf{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 036px;--row-gap:0px;--column-gap:036px;--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-e5e165c.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29196 .elementor-element.elementor-element-e5e165c img{width:100%;}.elementor-29196 .elementor-element.elementor-element-92d223b.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29196 .elementor-element.elementor-element-92d223b{text-align:start;}.elementor-29196 .elementor-element.elementor-element-92d223b p{margin-block-end:0px;}.elementor-29196 .elementor-element.elementor-element-92d223b a{transition-duration:0s;}.elementor-29196 .elementor-element.elementor-element-89cc3d8{--display:flex;}.elementor-29196 .elementor-element.elementor-element-d2fd48e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 036px;--row-gap:0px;--column-gap:036px;--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-7551beb.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29196 .elementor-element.elementor-element-7551beb{text-align:start;}.elementor-29196 .elementor-element.elementor-element-7551beb p{margin-block-end:0px;}.elementor-29196 .elementor-element.elementor-element-7551beb a{transition-duration:0s;}.elementor-29196 .elementor-element.elementor-element-23d076f.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29196 .elementor-element.elementor-element-23d076f img{width:100%;}.elementor-29196 .elementor-element.elementor-element-10de63a{--display:flex;}.elementor-29196 .elementor-element.elementor-element-69328f3{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 036px;--row-gap:0px;--column-gap:036px;--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-ab9f76d.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29196 .elementor-element.elementor-element-ab9f76d img{width:100%;}.elementor-29196 .elementor-element.elementor-element-84d18a2.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-29196 .elementor-element.elementor-element-84d18a2{text-align:start;}.elementor-29196 .elementor-element.elementor-element-84d18a2 p{margin-block-end:0px;}.elementor-29196 .elementor-element.elementor-element-84d18a2 a{transition-duration:0s;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon{font-size:16px;color:#333;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-accordion-icon{height:16px;width:16px;line-height:16px;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-accordion_media-list .eael-accordion_media-icon i{font-size:16px;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-accordion_media-list .eael-accordion_media-icon svg{height:16px;width:16px;line-height:16px;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon,
                    .elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-accordion_media-wrapper .eael-accordion_media-lists .eael-accordion_media-list{gap:10px;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .eael-accordion-tab-title{color:#333;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-accordion_media-content .eael-accordion_media-title{color:#333;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon-svg svg{color:#333;fill:#333;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg{fill:#333;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-accordion_media-list .eael-accordion_media-icon{color:#333;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .eael-accordion-tab-title,
                    .elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-accordion_media-list:not(.active):hover .eael-accordion_media-title{color:#fff;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon{color:#fff;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon svg{color:#fff;fill:#fff;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover svg.fa-accordion-icon{fill:#fff;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-accordion_media-list:hover .eael-accordion_media-icon i{color:#fff;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-accordion_media-list:hover .eael-accordion_media-icon svg{fill:#fff;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active{color:#fff;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .eael-accordion-tab-title{color:#fff;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon{color:#fff;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon svg{color:#fff;fill:#fff;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-accordion-icon{fill:#fff;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-accordion_media-list.active .eael-accordion_media-icon i{color:#fff;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-accordion_media-list.active .eael-accordion_media-icon svg{fill:#fff;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-content{color:#333;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-accordion_media-list .eael-accordion_media-content .eael-accordion_media-description{color:#333;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle, .elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header > .fa-toggle-svg{font-size:16px;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-toggle{height:16px;width:16px;line-height:16px;fill:#444;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle{color:#444;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle svg{color:#444;fill:#444;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle{color:#fff;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle svg{color:#fff;fill:#fff;}.elementor-29196 .elementor-element.elementor-element-1cb0cf3 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-toggle{fill:#fff;}@media(max-width:1024px){.elementor-29196 .elementor-element.elementor-element-38acd3b{--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-4046e36{--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-8c8ea7e{--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-d772f7b{--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-3479b33{--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-091fdd5{--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-3102dcf{--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-d2fd48e{--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-69328f3{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-29196 .elementor-element.elementor-element-38acd3b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-4046e36{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-8c8ea7e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-d772f7b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-3479b33{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-091fdd5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-3102dcf{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-d2fd48e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-29196 .elementor-element.elementor-element-69328f3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-991b07b *//* ===== Overall Content Area ===== */
.article-section {
  max-width: 1100px;
  margin: 0 auto 40px;
  color: #222222;
  line-height: 1.7;
  font-family: Arial, Helvetica, sans-serif;
}

/* ===== Main Title ===== */
.article-section h2 {
  font-size: 38px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 24px;
  color: #1f1f1f;
}

/* ===== Image + Intro Text Row ===== */
.image-text-block {
  display: flex;
  gap: 28px;
  align-items: center;
  margin-bottom: 28px;
}

.image-text-block .image-wrap {
  flex: 0 0 48%;
}

.image-text-block .image-wrap img {
  width: 100%;
  display: block;
  border-radius: 4px;
  object-fit: cover;
}

.image-text-block .text-wrap {
  flex: 1;
}

.image-text-block .text-wrap p {
  margin: 0;
  font-size: 20px;
  line-height: 1.8;
  color: #2a2a2a;
}

/* ===== Subtitles ===== */
.article-section h3 {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
  margin: 0 0 14px;
  color: #1f1f1f;
}

/* ===== Design Strategy List ===== */
.design-strategy-list {
  margin: 0 0 28px 0;
  padding-left: 22px;
}

.design-strategy-list li {
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 1.75;
  color: #2b2b2b;
}

.design-strategy-list li:last-child {
  margin-bottom: 0;
}

/* ===== Highlight Box: Where It Works Best ===== */
.highlight-box {
  background-color: #eef7f2;
  padding: 20px 22px;
  border-radius: 10px;
  margin-top: 24px;
}

.highlight-box strong {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  color: #1f1f1f;
}

.highlight-box .line {
  margin-top: 8px;
  line-height: 1.7;
  padding-left: 12px;
  border-left: 3px solid #c8e3d6;
  font-size: 17px;
  color: #2b2b2b;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {
  .article-section h2 {
    font-size: 30px;
  }

  .image-text-block {
    flex-direction: column;
    gap: 18px;
    align-items: flex-start;
  }

  .image-text-block .image-wrap,
  .image-text-block .text-wrap {
    flex: none;
    width: 100%;
  }

  .image-text-block .text-wrap p {
    font-size: 18px;
    line-height: 1.7;
  }

  .article-section h3 {
    font-size: 20px;
  }

  .design-strategy-list li,
  .highlight-box .line {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b921ae6 *//* ===== Overall Content Area ===== */
.article-section {
  max-width: 1100px;
  margin: 0 auto 40px;
  color: #222222;
  line-height: 1.7;
  font-family: Arial, Helvetica, sans-serif;
}

/* ===== Main Title ===== */
.article-section h2 {
  font-size: 38px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 24px;
  color: #1f1f1f;
}

/* ===== Image + Intro Text Row ===== */
.image-text-block {
  display: flex;
  gap: 28px;
  align-items: center;
  margin-bottom: 28px;
}

.image-text-block .image-wrap {
  flex: 0 0 48%;
}

.image-text-block .image-wrap img {
  width: 100%;
  display: block;
  border-radius: 4px;
  object-fit: cover;
}

.image-text-block .text-wrap {
  flex: 1;
}

.image-text-block .text-wrap p {
  margin: 0;
  font-size: 20px;
  line-height: 1.8;
  color: #2a2a2a;
}

/* ===== Subtitles ===== */
.article-section h3 {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
  margin: 0 0 14px;
  color: #1f1f1f;
}

/* ===== Design Strategy List ===== */
.design-strategy-list {
  margin: 0 0 28px 0;
  padding-left: 22px;
}

.design-strategy-list li {
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 1.75;
  color: #2b2b2b;
}

.design-strategy-list li:last-child {
  margin-bottom: 0;
}

/* ===== Highlight Box: Where It Works Best ===== */
.highlight-box {
  background-color: #eef7f2;
  padding: 20px 22px;
  border-radius: 10px;
  margin-top: 24px;
}

.highlight-box strong {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  color: #1f1f1f;
}

.highlight-box .line {
  margin-top: 8px;
  line-height: 1.7;
  padding-left: 12px;
  border-left: 3px solid #c8e3d6;
  font-size: 17px;
  color: #2b2b2b;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {
  .article-section h2 {
    font-size: 30px;
  }

  .image-text-block {
    flex-direction: column;
    gap: 18px;
    align-items: flex-start;
  }

  .image-text-block .image-wrap,
  .image-text-block .text-wrap {
    flex: none;
    width: 100%;
  }

  .image-text-block .text-wrap p {
    font-size: 18px;
    line-height: 1.7;
  }

  .article-section h3 {
    font-size: 20px;
  }

  .design-strategy-list li,
  .highlight-box .line {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d86f941 *//* ===== Overall Content Area ===== */
.article-section {
  max-width: 1100px;
  margin: 0 auto 40px;
  color: #222222;
  line-height: 1.7;
  font-family: Arial, Helvetica, sans-serif;
}

/* ===== Main Title ===== */
.article-section h2 {
  font-size: 38px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 24px;
  color: #1f1f1f;
}

/* ===== Image + Intro Text Row ===== */
.image-text-block {
  display: flex;
  gap: 28px;
  align-items: center;
  margin-bottom: 28px;
}

.image-text-block .image-wrap {
  flex: 0 0 48%;
}

.image-text-block .image-wrap img {
  width: 100%;
  display: block;
  border-radius: 4px;
  object-fit: cover;
}

.image-text-block .text-wrap {
  flex: 1;
}

.image-text-block .text-wrap p {
  margin: 0;
  font-size: 20px;
  line-height: 1.8;
  color: #2a2a2a;
}

/* ===== Subtitles ===== */
.article-section h3 {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
  margin: 0 0 14px;
  color: #1f1f1f;
}

/* ===== Design Strategy List ===== */
.design-strategy-list {
  margin: 0 0 28px 0;
  padding-left: 22px;
}

.design-strategy-list li {
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 1.75;
  color: #2b2b2b;
}

.design-strategy-list li:last-child {
  margin-bottom: 0;
}

/* ===== Highlight Box: Where It Works Best ===== */
.highlight-box {
  background-color: #eef7f2;
  padding: 20px 22px;
  border-radius: 10px;
  margin-top: 24px;
}

.highlight-box strong {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  color: #1f1f1f;
}

.highlight-box .line {
  margin-top: 8px;
  line-height: 1.7;
  padding-left: 12px;
  border-left: 3px solid #c8e3d6;
  font-size: 17px;
  color: #2b2b2b;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {
  .article-section h2 {
    font-size: 30px;
  }

  .image-text-block {
    flex-direction: column;
    gap: 18px;
    align-items: flex-start;
  }

  .image-text-block .image-wrap,
  .image-text-block .text-wrap {
    flex: none;
    width: 100%;
  }

  .image-text-block .text-wrap p {
    font-size: 18px;
    line-height: 1.7;
  }

  .article-section h3 {
    font-size: 20px;
  }

  .design-strategy-list li,
  .highlight-box .line {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1364b31 *//* ===== Overall Content Area ===== */
.article-section {
  max-width: 1100px;
  margin: 0 auto 40px;
  color: #222222;
  line-height: 1.7;
  font-family: Arial, Helvetica, sans-serif;
}

/* ===== Main Title ===== */
.article-section h2 {
  font-size: 38px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 24px;
  color: #1f1f1f;
}

/* ===== Image + Intro Text Row ===== */
.image-text-block {
  display: flex;
  gap: 28px;
  align-items: center;
  margin-bottom: 28px;
}

.image-text-block .image-wrap {
  flex: 0 0 48%;
}

.image-text-block .image-wrap img {
  width: 100%;
  display: block;
  border-radius: 4px;
  object-fit: cover;
}

.image-text-block .text-wrap {
  flex: 1;
}

.image-text-block .text-wrap p {
  margin: 0;
  font-size: 20px;
  line-height: 1.8;
  color: #2a2a2a;
}

/* ===== Subtitles ===== */
.article-section h3 {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
  margin: 0 0 14px;
  color: #1f1f1f;
}

/* ===== Design Strategy List ===== */
.design-strategy-list {
  margin: 0 0 28px 0;
  padding-left: 22px;
}

.design-strategy-list li {
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 1.75;
  color: #2b2b2b;
}

.design-strategy-list li:last-child {
  margin-bottom: 0;
}

/* ===== Highlight Box: Where It Works Best ===== */
.highlight-box {
  background-color: #eef7f2;
  padding: 20px 22px;
  border-radius: 10px;
  margin-top: 24px;
}

.highlight-box strong {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  color: #1f1f1f;
}

.highlight-box .line {
  margin-top: 8px;
  line-height: 1.7;
  padding-left: 12px;
  border-left: 3px solid #c8e3d6;
  font-size: 17px;
  color: #2b2b2b;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {
  .article-section h2 {
    font-size: 30px;
  }

  .image-text-block {
    flex-direction: column;
    gap: 18px;
    align-items: flex-start;
  }

  .image-text-block .image-wrap,
  .image-text-block .text-wrap {
    flex: none;
    width: 100%;
  }

  .image-text-block .text-wrap p {
    font-size: 18px;
    line-height: 1.7;
  }

  .article-section h3 {
    font-size: 20px;
  }

  .design-strategy-list li,
  .highlight-box .line {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f5f00d2 *//* ===== Overall Content Area ===== */
.article-section {
  max-width: 1100px;
  margin: 0 auto 40px;
  color: #222222;
  line-height: 1.7;
  font-family: Arial, Helvetica, sans-serif;
}

/* ===== Main Title ===== */
.article-section h2 {
  font-size: 38px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 24px;
  color: #1f1f1f;
}

/* ===== Image + Intro Text Row ===== */
.image-text-block {
  display: flex;
  gap: 28px;
  align-items: center;
  margin-bottom: 28px;
}

.image-text-block .image-wrap {
  flex: 0 0 48%;
}

.image-text-block .image-wrap img {
  width: 100%;
  display: block;
  border-radius: 4px;
  object-fit: cover;
}

.image-text-block .text-wrap {
  flex: 1;
}

.image-text-block .text-wrap p {
  margin: 0;
  font-size: 20px;
  line-height: 1.8;
  color: #2a2a2a;
}

/* ===== Subtitles ===== */
.article-section h3 {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
  margin: 0 0 14px;
  color: #1f1f1f;
}

/* ===== Design Strategy List ===== */
.design-strategy-list {
  margin: 0 0 28px 0;
  padding-left: 22px;
}

.design-strategy-list li {
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 1.75;
  color: #2b2b2b;
}

.design-strategy-list li:last-child {
  margin-bottom: 0;
}

/* ===== Highlight Box: Where It Works Best ===== */
.highlight-box {
  background-color: #eef7f2;
  padding: 20px 22px;
  border-radius: 10px;
  margin-top: 24px;
}

.highlight-box strong {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  color: #1f1f1f;
}

.highlight-box .line {
  margin-top: 8px;
  line-height: 1.7;
  padding-left: 12px;
  border-left: 3px solid #c8e3d6;
  font-size: 17px;
  color: #2b2b2b;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {
  .article-section h2 {
    font-size: 30px;
  }

  .image-text-block {
    flex-direction: column;
    gap: 18px;
    align-items: flex-start;
  }

  .image-text-block .image-wrap,
  .image-text-block .text-wrap {
    flex: none;
    width: 100%;
  }

  .image-text-block .text-wrap p {
    font-size: 18px;
    line-height: 1.7;
  }

  .article-section h3 {
    font-size: 20px;
  }

  .design-strategy-list li,
  .highlight-box .line {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0561542 *//* ===== Overall Content Area ===== */
.article-section {
  max-width: 1100px;
  margin: 0 auto 40px;
  color: #222222;
  line-height: 1.7;
  font-family: Arial, Helvetica, sans-serif;
}

/* ===== Main Title ===== */
.article-section h2 {
  font-size: 38px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 24px;
  color: #1f1f1f;
}

/* ===== Image + Intro Text Row ===== */
.image-text-block {
  display: flex;
  gap: 28px;
  align-items: center;
  margin-bottom: 28px;
}

.image-text-block .image-wrap {
  flex: 0 0 48%;
}

.image-text-block .image-wrap img {
  width: 100%;
  display: block;
  border-radius: 4px;
  object-fit: cover;
}

.image-text-block .text-wrap {
  flex: 1;
}

.image-text-block .text-wrap p {
  margin: 0;
  font-size: 20px;
  line-height: 1.8;
  color: #2a2a2a;
}

/* ===== Subtitles ===== */
.article-section h3 {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
  margin: 0 0 14px;
  color: #1f1f1f;
}

/* ===== Design Strategy List ===== */
.design-strategy-list {
  margin: 0 0 28px 0;
  padding-left: 22px;
}

.design-strategy-list li {
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 1.75;
  color: #2b2b2b;
}

.design-strategy-list li:last-child {
  margin-bottom: 0;
}

/* ===== Highlight Box: Where It Works Best ===== */
.highlight-box {
  background-color: #eef7f2;
  padding: 20px 22px;
  border-radius: 10px;
  margin-top: 24px;
}

.highlight-box strong {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  color: #1f1f1f;
}

.highlight-box .line {
  margin-top: 8px;
  line-height: 1.7;
  padding-left: 12px;
  border-left: 3px solid #c8e3d6;
  font-size: 17px;
  color: #2b2b2b;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {
  .article-section h2 {
    font-size: 30px;
  }

  .image-text-block {
    flex-direction: column;
    gap: 18px;
    align-items: flex-start;
  }

  .image-text-block .image-wrap,
  .image-text-block .text-wrap {
    flex: none;
    width: 100%;
  }

  .image-text-block .text-wrap p {
    font-size: 18px;
    line-height: 1.7;
  }

  .article-section h3 {
    font-size: 20px;
  }

  .design-strategy-list li,
  .highlight-box .line {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82997ee *//* ===== Overall Content Area ===== */
.article-section {
  max-width: 1100px;
  margin: 0 auto 40px;
  color: #222222;
  line-height: 1.7;
  font-family: Arial, Helvetica, sans-serif;
}

/* ===== Main Title ===== */
.article-section h2 {
  font-size: 38px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 24px;
  color: #1f1f1f;
}

/* ===== Image + Intro Text Row ===== */
.image-text-block {
  display: flex;
  gap: 28px;
  align-items: center;
  margin-bottom: 28px;
}

.image-text-block .image-wrap {
  flex: 0 0 48%;
}

.image-text-block .image-wrap img {
  width: 100%;
  display: block;
  border-radius: 4px;
  object-fit: cover;
}

.image-text-block .text-wrap {
  flex: 1;
}

.image-text-block .text-wrap p {
  margin: 0;
  font-size: 20px;
  line-height: 1.8;
  color: #2a2a2a;
}

/* ===== Subtitles ===== */
.article-section h3 {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
  margin: 0 0 14px;
  color: #1f1f1f;
}

/* ===== Design Strategy List ===== */
.design-strategy-list {
  margin: 0 0 28px 0;
  padding-left: 22px;
}

.design-strategy-list li {
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 1.75;
  color: #2b2b2b;
}

.design-strategy-list li:last-child {
  margin-bottom: 0;
}

/* ===== Highlight Box: Where It Works Best ===== */
.highlight-box {
  background-color: #eef7f2;
  padding: 20px 22px;
  border-radius: 10px;
  margin-top: 24px;
}

.highlight-box strong {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  color: #1f1f1f;
}

.highlight-box .line {
  margin-top: 8px;
  line-height: 1.7;
  padding-left: 12px;
  border-left: 3px solid #c8e3d6;
  font-size: 17px;
  color: #2b2b2b;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {
  .article-section h2 {
    font-size: 30px;
  }

  .image-text-block {
    flex-direction: column;
    gap: 18px;
    align-items: flex-start;
  }

  .image-text-block .image-wrap,
  .image-text-block .text-wrap {
    flex: none;
    width: 100%;
  }

  .image-text-block .text-wrap p {
    font-size: 18px;
    line-height: 1.7;
  }

  .article-section h3 {
    font-size: 20px;
  }

  .design-strategy-list li,
  .highlight-box .line {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0765e8c *//* ===== Overall Content Area ===== */
.article-section {
  max-width: 1100px;
  margin: 0 auto 40px;
  color: #222222;
  line-height: 1.7;
  font-family: Arial, Helvetica, sans-serif;
}

/* ===== Main Title ===== */
.article-section h2 {
  font-size: 38px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 24px;
  color: #1f1f1f;
}

/* ===== Image + Intro Text Row ===== */
.image-text-block {
  display: flex;
  gap: 28px;
  align-items: center;
  margin-bottom: 28px;
}

.image-text-block .image-wrap {
  flex: 0 0 48%;
}

.image-text-block .image-wrap img {
  width: 100%;
  display: block;
  border-radius: 4px;
  object-fit: cover;
}

.image-text-block .text-wrap {
  flex: 1;
}

.image-text-block .text-wrap p {
  margin: 0;
  font-size: 20px;
  line-height: 1.8;
  color: #2a2a2a;
}

/* ===== Subtitles ===== */
.article-section h3 {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
  margin: 0 0 14px;
  color: #1f1f1f;
}

/* ===== Design Strategy List ===== */
.design-strategy-list {
  margin: 0 0 28px 0;
  padding-left: 22px;
}

.design-strategy-list li {
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 1.75;
  color: #2b2b2b;
}

.design-strategy-list li:last-child {
  margin-bottom: 0;
}

/* ===== Highlight Box: Where It Works Best ===== */
.highlight-box {
  background-color: #eef7f2;
  padding: 20px 22px;
  border-radius: 10px;
  margin-top: 24px;
}

.highlight-box strong {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  color: #1f1f1f;
}

.highlight-box .line {
  margin-top: 8px;
  line-height: 1.7;
  padding-left: 12px;
  border-left: 3px solid #c8e3d6;
  font-size: 17px;
  color: #2b2b2b;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {
  .article-section h2 {
    font-size: 30px;
  }

  .image-text-block {
    flex-direction: column;
    gap: 18px;
    align-items: flex-start;
  }

  .image-text-block .image-wrap,
  .image-text-block .text-wrap {
    flex: none;
    width: 100%;
  }

  .image-text-block .text-wrap p {
    font-size: 18px;
    line-height: 1.7;
  }

  .article-section h3 {
    font-size: 20px;
  }

  .design-strategy-list li,
  .highlight-box .line {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee426c4 *//* ===== Overall Content Area ===== */
.article-section {
  max-width: 1100px;
  margin: 0 auto 40px;
  color: #222222;
  line-height: 1.7;
  font-family: Arial, Helvetica, sans-serif;
}

/* ===== Main Title ===== */
.article-section h2 {
  font-size: 38px;
  line-height: 1.25;
  font-weight: 700;
  margin: 0 0 24px;
  color: #1f1f1f;
}

/* ===== Image + Intro Text Row ===== */
.image-text-block {
  display: flex;
  gap: 28px;
  align-items: center;
  margin-bottom: 28px;
}

.image-text-block .image-wrap {
  flex: 0 0 48%;
}

.image-text-block .image-wrap img {
  width: 100%;
  display: block;
  border-radius: 4px;
  object-fit: cover;
}

.image-text-block .text-wrap {
  flex: 1;
}

.image-text-block .text-wrap p {
  margin: 0;
  font-size: 20px;
  line-height: 1.8;
  color: #2a2a2a;
}

/* ===== Subtitles ===== */
.article-section h3 {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 700;
  margin: 0 0 14px;
  color: #1f1f1f;
}

/* ===== Design Strategy List ===== */
.design-strategy-list {
  margin: 0 0 28px 0;
  padding-left: 22px;
}

.design-strategy-list li {
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 1.75;
  color: #2b2b2b;
}

.design-strategy-list li:last-child {
  margin-bottom: 0;
}

/* ===== Highlight Box: Where It Works Best ===== */
.highlight-box {
  background-color: #eef7f2;
  padding: 20px 22px;
  border-radius: 10px;
  margin-top: 24px;
}

.highlight-box strong {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  color: #1f1f1f;
}

.highlight-box .line {
  margin-top: 8px;
  line-height: 1.7;
  padding-left: 12px;
  border-left: 3px solid #c8e3d6;
  font-size: 17px;
  color: #2b2b2b;
}

/* ===== Mobile Responsive ===== */
@media (max-width: 768px) {
  .article-section h2 {
    font-size: 30px;
  }

  .image-text-block {
    flex-direction: column;
    gap: 18px;
    align-items: flex-start;
  }

  .image-text-block .image-wrap,
  .image-text-block .text-wrap {
    flex: none;
    width: 100%;
  }

  .image-text-block .text-wrap p {
    font-size: 18px;
    line-height: 1.7;
  }

  .article-section h3 {
    font-size: 20px;
  }

  .design-strategy-list li,
  .highlight-box .line {
    font-size: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ae1fc8 */.door-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  font-size: 15px;
}

.door-table th {
  text-align: left;
  background-color: #f5f7f6;
  padding: 12px;
  font-weight: 600;
}

.door-table td {
  padding: 12px;
  border-bottom: 1px solid #e5e5e5;
  vertical-align: top;
}

.door-table tr:hover {
  background-color: #fafafa;
}/* End custom CSS */