/* Retain the source templates’ palette only inside the imported Why sections. */
.dewford-subpage-content[data-page-intro="false"] > :is(.project-details,.service-section-two,.features-section-three,.dewford-why-clients,.why-choose-us-four) {
  --theme-color1: #f7f7f7;
  --theme-color2: #D7D9CF;
  --theme-color3: #E3E5DD;
  --theme-color1-rgb: 244,244,244;
  --theme-color2-rgb: 215, 217, 207;
  --theme-color3-rgb: 227, 229, 221;
  --theme-color1-text-color: #fff;
  --theme-color2-text-color: #fff;
  --theme-color3-text-color: #fff;
  --body-bg: #fff;
  --theme-color-white: #ffffff;
  --theme-color-white-rgb: 255, 255, 255;
  --theme-color-light: #f2f8f9;
  --theme-color-gray: #f6f6f6;
  --theme-color-silver: #eee;
  --theme-color-black:var(--id-color);
  --theme-color-black-rgb:var(--dewford-subpage-brand-rgb,82,25,109);
  --theme-color-dark:var(--id-color);
  --gradient-1: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(217, 244, 95) 100%);
  --text-color: #525252;
  --text-color-rgb: 82, 82, 82;
  --headings-color:var(--id-color-dark);
  --link-color: var(--theme-color1);
  --link-hover-color: var(--theme-color1);
  --review-color: #FF901B;
  --sec-title-subtitle-color: var(--headings-color);
  --sec-title-color: var(--headings-color);
  --theme-light-background: #f8f6f1;
  --theme-light-background-text-color: var(--headings-color);
  --theme-black:var(--id-color);
color:var(--text-color);
}

#main-content.dewford-subpage-content > .service-section-two {background:#fff;}

#main-content.dewford-subpage-content > :is(.project-details,.features-section-three),
#main-content.dewford-subpage-content > .features-section-three .outer-container {background-color:var(--theme-color1);}

#main-content .dewford-why-services {overflow:hidden;}
#main-content .dewford-why-services > .swiper-wrapper {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
#main-content .dewford-why-services .swiper-slide {min-width:0;}
#main-content .dewford-why-pagination {display:none;}
#main-content .dewford-why-services .inner-box:focus-within .overlay-content {opacity:1;visibility:visible;transform:none;}
#main-content .dewford-why-services .inner-box:focus-within .content {opacity:0;visibility:hidden;}
@media(max-width:767.98px){
 #main-content .dewford-why-services > .swiper-wrapper {display:flex;}
 #main-content .dewford-why-services .swiper-slide {flex-shrink:0;height:auto;}
 #main-content .dewford-why-services .inner-box .content {display:none;}
 #main-content .dewford-why-services .inner-box .overlay-content {position:relative;opacity:1;visibility:visible;transform:none;}
 #main-content .dewford-why-pagination {display:block;position:relative;padding:16px 0;background:#fff;}
 #main-content .dewford-why-pagination .swiper-pagination-bullet-active {background:var(--id-color);}
}

/* Full-width client backdrop with promise cards arranged in two rows. */
#main-content .dewford-why-clients > .large-container {width:100%;max-width:none;padding-inline:0;}
#main-content .dewford-why-clients .inner-container {background-size:cover;background-position:center;}
#main-content .dewford-why-clients .claint-outer {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px;max-width:1440px;}
#main-content .dewford-why-clients .service-block {min-width:0;}
#main-content .dewford-why-clients .service-block .inner-box {display:flex;flex-direction:column;height:100%;margin-bottom:0;padding:36px 24px;}
#main-content .dewford-why-clients .service-block .btn-box {margin-top:auto;}
@media(max-width:991.98px){
 #main-content .dewford-why-clients .claint-outer {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:575.98px){
 #main-content .dewford-why-clients .claint-outer {grid-template-columns:1fr;}
}

#main-content .project-details .dewford-why-project-subtitle > i {margin-right:8px;color:var(--id-color);}

/* Korean headings on Why Dewford remain upright and bold. */
html body.dewford-subpage #main-content .dewford-why-korean-title,
html body.dewford-subpage #main-content .dewford-why-korean-title * {font-style:normal!important;font-weight:800!important;}

/* Static promise cards: icon, two-line title, rule, and description. */
#main-content .dewford-why-clients .service-block .inner-box::before {display:none;}
#main-content .dewford-why-clients .service-block .inner-box,
#main-content .dewford-why-clients .service-block .icon-box,
#main-content .dewford-why-clients .service-block .content-box,
#main-content .dewford-why-clients .service-block .title {transition:none;transform:none;}
#main-content .dewford-why-clients .service-block .icon-box svg path {fill:var(--id-color);transition:none;}
#main-content .dewford-why-clients .service-block .title {color:var(--headings-color);line-height:1.4!important;min-height:2.8em;}
#main-content .dewford-why-clients .service-block .content-box .dewford-why-card-divider {height:0;padding:0;margin:24px 0;border-bottom:1px solid var(--theme-color2);}
#main-content .dewford-why-clients .service-block .content-box .dewford-why-card-divider::before {background:var(--headings-color);transition:none;}
#main-content .dewford-why-clients .dewford-why-card-description {font-size:18px;color:var(--text-color);word-break:keep-all;}

#main-content .dewford-why-clients .inner-container {padding-top:520px;}
@media(max-width:991.98px){
 #main-content .dewford-why-clients .inner-container {padding-top:360px;}
}

html body.dewford-subpage #main-content .project-details .project-list-item > .title {font-size:26px!important;line-height:1.4!important;}
@media(max-width:767.98px){
 html body.dewford-subpage #main-content .project-details .project-list-item > .title {font-size:24px!important;}
}

html body.dewford-subpage #main-content > :is(.project-details,.dewford-why-clients,.why-choose-us-four) h2.title {font-size:50px!important;}

body.dewford-subpage #main-content > .clients-section.dewford-why-clients {padding-bottom:0!important;}

/* Alternating Learning Journey cards, scoped to Why Dewford. */
#main-content .why-choose-us-four .feature-block:nth-child(odd) .inner-block {background:#f7f7f7;color:#525252;}
#main-content .why-choose-us-four .feature-block:nth-child(even) .inner-block {background:var(--id-color);color:#fff;}
#main-content .why-choose-us-four .feature-block:nth-child(odd) .inner-block .title,
#main-content .why-choose-us-four .feature-block:nth-child(odd) .inner-block .title a {color:var(--id-color-dark);}
#main-content .why-choose-us-four .feature-block:nth-child(even) .inner-block :is(.title,.title a,.text) {color:#fff;}
#main-content .why-choose-us-four .feature-block .inner-block .number {display:grid;place-items:center;background:#fff;color:var(--id-color-dark);font-size:36px;}
#main-content .why-choose-us-four .feature-block .title {line-height:1.4!important;min-height:2.8em;}

#main-content .project-details .dewford-why-copy-rows .dewford-icon-copy-row {display:grid;grid-template-columns:56px minmax(0,180px) minmax(0,1fr);gap:16px;align-items:start;padding:28px 0;margin:0;}
#main-content .project-details .dewford-why-copy-rows .dewford-icon-copy-row:first-child {padding-top:0;}
#main-content .project-details .dewford-why-copy-rows .dewford-icon-copy-row + .dewford-icon-copy-row {border-top:1px solid #dcd2e2;}
#main-content .project-details .dewford-why-copy-rows .dewford-icon-copy-heading {display:grid;grid-column:1 / span 2;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:center;}
#main-content .project-details .dewford-why-copy-rows .dewford-icon-copy-icon {display:grid;place-items:center;width:56px;height:56px;background:var(--id-color);color:#fff;font-size:28px;}
html body.dewford-subpage #main-content .project-details .dewford-why-copy-rows .dewford-icon-copy-title {margin:0;font-size:26px!important;line-height:1.4!important;}
#main-content .project-details .dewford-why-copy-rows .dewford-icon-copy-text {min-width:0;font-size:17px;line-height:1.5;}
@media(max-width:767.98px){
 #main-content .project-details .dewford-why-copy-rows .dewford-icon-copy-row {grid-template-columns:56px minmax(0,1fr);gap:20px 16px;padding:24px 0;}
 #main-content .project-details .dewford-why-copy-rows .dewford-icon-copy-text {grid-column:1 / -1;font-size:16px;}
 html body.dewford-subpage #main-content .project-details .dewford-why-copy-rows .dewford-icon-copy-title {font-size:24px!important;}
}

/* Section labels and education icons on Why Dewford. */
html body.dewford-subpage #main-content .sub-title {font-size:16px!important;}
#main-content .sub-title > i {display:inline-block;margin-right:8px;vertical-align:middle;}
#main-content .dewford-why-clients .service-block .icon-box > i {display:inline-block;font-size:48px;line-height:1;color:var(--id-color-dark);}

/* Background photos preserve the existing image frames. */
#main-content .dewford-why-photo {background-size:cover;background-position:center;background-repeat:no-repeat;}
#main-content .project-details__img.dewford-why-photo {width:100%;aspect-ratio:645 / 500;}
#main-content .why-choose-us-four .inner-container .image img {object-fit:cover;object-position:center;}

/* Keep the original index-1 photo behind the overlapping cards, above the page canvas. */
#main-content .why-choose-us-four .inner-container {isolation:isolate;}
#main-content .why-choose-us-four .inner-container > .image {
  position:absolute;
  top:0;
  left:0;
  width:50%;
  height:100%;
  z-index:-1;
}
/* Retain the desktop overlap and show the same image above the copy on mobile. */
@media(max-width:1199.98px){
 #main-content > .why-choose-us-four .inner-container > .image {display:block;position:relative;width:100%;height:auto;aspect-ratio:4 / 3;margin-bottom:32px;z-index:0;}
 #main-content > .why-choose-us-four .inner-container > .image img {height:100%;object-fit:cover;}
}

/* Preserve the two photo frames while the original image reveal runs. */
#main-content .project-details__img.dewford-why-photo > img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;}

@media(max-width:767.98px){
 #main-content .dewford-why-clients .claint-outer.swiper {display:block;overflow:hidden;min-width:0;}
 #main-content .dewford-why-clients .claint-outer.swiper .service-block {height:auto;flex-shrink:0;margin-bottom:0;}
 #main-content .dewford-why-clients .dewford-promises-pagination {position:relative;bottom:auto;margin-top:20px;}
 #main-content .dewford-why-clients .swiper-pagination-bullet {background:#fff;}
 #main-content .dewford-why-clients .swiper-pagination-bullet-active {background:var(--sub-color,#f5a100);}
}

/* The sixth promise-grid card fills its frame with an activity photo. */
#main-content .dewford-why-clients .dewford-why-image-card .inner-box {position:relative;overflow:hidden;padding:0;min-height:320px;}
#main-content .dewford-why-clients .dewford-why-image-card img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}

/* Preserve the original proportions of the two portrait photos. */
#main-content .project-details__img.dewford-why-photo-portrait {height:auto;min-height:0;aspect-ratio:auto;}
#main-content .project-details__img.dewford-why-photo-portrait > img {position:relative;inset:auto;display:block;width:100%;height:auto;object-fit:contain;}