.elementor-23345 .elementor-element.elementor-element-43899c6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-23345 .elementor-element.elementor-element-230cdef{--spacer-size:50px;}/* Start custom CSS for section, class: .elementor-element-6800b16 *//* export.css */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800;900&display=swap');

/* 엘리멘터와 충돌 방지를 위해 최상위 래퍼 클래스를 사용합니다. */
.cw-wrapper {
  font-family: 'Pretendard', 'Inter', sans-serif;
  color: #111827;
  background-color: #fff;
  line-height: 1.6;
  width: 100%;
}

.cw-wrapper * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.cw-section {
  padding: clamp(3rem, 8vw, 6rem) clamp(1.5rem, 5vw, 3rem);
  width: 100%;
}

.cw-container-lg { max-width: 1024px; margin: 0 auto; }
.cw-container { max-width: 896px; margin: 0 auto; }
.cw-container-sm { max-width: 768px; margin: 0 auto; }
.cw-container-xs { max-width: 512px; margin: 0 auto; }

/* 유틸리티 */
.cw-break-keep { word-break: keep-all; }
.cw-text-center { text-align: center; }
.cw-mx-auto { margin-left: auto; margin-right: auto; }
.cw-w-full { width: 100%; }

/* =======================================
   1. HERO SECTION
   ======================================= */
.cw-hero {
  background-color: #087754;
  color: white;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.cw-hero::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: radial-gradient(circle at center, #fde047 0%, #059669 50%, #064e3b 100%);
  opacity: 0.1;
  pointer-events: none;
}
.cw-hero-content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cw-badge-hero {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #fde047;
  color: #064e3b;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-weight: 700;
  font-size: clamp(0.875rem, 2vw, 1rem);
  margin-bottom: 2.5rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.cw-hero-title {
  font-size: clamp(2.25rem, 6vw, 3.2rem);
  font-weight: 900;
  line-height: 1.5;
  margin-bottom: 3.5rem;
  color: white;
}
.cw-text-yellow { color: #fde047; }
.cw-hero-icon {
  width: clamp(2rem, 5vw, 2.5rem);
  height: clamp(2rem, 5vw, 2.5rem);
  color: #fde047;
  vertical-align: middle;
}
.cw-hero-inline-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.cw-hero-underline {
  display: inline-block;
  margin-top: 1rem;
  text-decoration: underline;
  text-decoration-color: #fde047;
  text-decoration-thickness: clamp(6px, 1.5vw, 8px);
  text-underline-offset: clamp(12px, 2vw, 16px);
}
.cw-info-box {
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.5rem;
  padding: clamp(2rem, 5vw, 2.5rem);
  width: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.cw-info-label {
  color: #facc15; /* yellow-400 */
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.cw-info-val {
  color: white;
  font-size: 1.125rem;
  font-weight: 500;
}

/* =======================================
   2. PRICING SECTION
   ======================================= */
.cw-pricing { background-color: #ffffff; }
.cw-pricing-box {
  background-color: #fde047; /* yellow-300 */
  border-radius: 2rem;
  padding: clamp(2rem, 6vw, 3.5rem);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);
}
.cw-pricing-list {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 3rem;
}
.cw-pricing-item {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.cw-pricing-icon-wrap {
  background-color: #ffffff;
  padding: 0.375rem;
  border-radius: 9999px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cw-pricing-icon {
  width: clamp(1.25rem, 3vw, 1.5rem);
  height: clamp(1.25rem, 3vw, 1.5rem);
  color: #087754;
}
.cw-pricing-text {
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 800;
  color: #111827;
  letter-spacing: -0.025em;
}
.cw-pricing-divider {
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  margin-bottom: 2.5rem;
}
.cw-pricing-price {
  background-color: #087754;
  color: #fde047;
  font-size: clamp(2.25rem, 5vw, 3rem);
  font-weight: 800;
  padding: clamp(1rem, 3vw, 1.5rem) clamp(2rem, 5vw, 3rem);
  border-radius: 1rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  line-height: 1;
}

/* =======================================
   3. TARGET AUDIENCE 
   ======================================= */
.cw-audience { background-color: #fafaf9; }
.cw-audience-title {
  font-size: clamp(1.875rem, 5vw, 2.25rem);
  font-weight: 700;
  color: #111827;
  line-height: 1.375;
  margin-bottom: 3.5rem;
}
.cw-audience-title-hl { color: #059669; }
.cw-pain-points {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 5rem;
}
.cw-pain-point {
  display: flex;
  align-items: center;
  gap: 1rem;
  background-color: #ffffff;
  padding: 1.25rem;
  border-radius: 1rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #d1fae5; /* emerald-100 */
}
.cw-pain-icon {
  background-color: #fef08a; /* yellow-100 */
  color: #ca8a04; /* yellow-600 */
  padding: 0.5rem;
  border-radius: 9999px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cw-pain-text {
  color: #374151; /* gray-700 */
  font-size: 1.125rem;
}
.cw-solution-box {
  background-color: #059669;
  border-radius: 1.5rem;
  padding: clamp(2rem, 6vw, 3rem);
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 25px -5px rgba(5, 150, 105, 0.2), 0 10px 10px -5px rgba(5, 150, 105, 0.2);
}
.cw-solution-title {
  font-size: clamp(1.5rem, 4vw, 1.875rem);
  font-weight: 700;
  color: #fde047;
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 10;
}
.cw-solution-desc {
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  color: #ecfdf5; /* emerald-50 */
  line-height: 1.625;
  margin-bottom: 2rem;
  position: relative;
  z-index: 10;
}
.cw-solution-hl-btn {
  display: inline-block;
  background-color: #ffffff;
  color: #065f46;
  font-weight: 700;
  padding: 1rem 2rem;
  border-radius: 0.75rem;
  font-size: 1.125rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 10;
}
.cw-solution-hl-btn span {
  color: #059669;
  text-decoration: underline;
  text-decoration-color: #facc15;
  text-decoration-thickness: 4px;
  text-underline-offset: 4px;
}

/* =======================================
   4. CURRICULUM
   ======================================= */
.cw-curriculum { background-color: #f8f9fa; }
.cw-curri-badge {
  display: inline-block;
  background-color: #dcfce7;
  color: #087754;
  font-weight: 800;
  padding: 0.375rem 1rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
}
.cw-curri-title1 {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-weight: 900;
  color: #111827;
  line-height: 1.1;
  letter-spacing: -0.025em;
  margin-bottom: 0.5rem;
}
.cw-curri-title2 {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-weight: 900;
  color: #0a8754;
  line-height: 1.1;
  letter-spacing: -0.025em;
  margin-bottom: 1.5rem;
}
.cw-curri-subtitle {
  color: #4b5563;
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  font-weight: 500;
  margin-bottom: 3rem;
}
.cw-grid-3 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
.cw-day-card {
  background-color: #ffffff;
  border-radius: 2rem;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
}
.cw-day-card-header {
  background-color: #0a8754;
  color: #ffffff;
  padding: 2rem 2rem 2.5rem 2rem;
}
.cw-day-label {
  font-size: 0.875rem;
  font-weight: 700;
  opacity: 0.9;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}
.cw-day-title {
  color: #fde047;
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.025em;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.cw-day-body {
  padding: 2rem 2rem 3rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  border-left: 1px solid #f3f4f6;
  border-right: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  height: 100%;
}
/* 이모지 크기 변경 */
.cw-day-emoji { 
  font-size: 1.75rem; 
  line-height: 1; 
}

/* 아래 두 줄은 샘플이미지 영역을 위해 새로 추가된 클래스입니다. 밑에 그대로 붙여넣으세요. */
.cw-day-samples {
  display: flex;
  gap: 0.75rem;
  margin-top: auto;}
  /* margin-top: 1.5rem; 에서 auto; 로 변경됨 (하단 정렬용) */
.cw-day-sample-img {
  flex: 1;
  aspect-ratio: 16 / 9;
  background-color: #f3f4f6;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  font-size: 0.875rem;
  border: 1px dashed #d1d5db;
  overflow: hidden; /* 추가된 부분: 이미지가 둥근 테두리 밖으로 넘어가는 것을 방지 */
}

/* 새로 추가된 부분: 내부 이미지가 컨테이너 영역을 꽉 채우도록 설정 */
.cw-day-sample-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 챌린지 참여 방법 박스 */
.cw-participate-box {
  background-color: #ffffff;
  border-radius: 2rem;
  padding: clamp(2rem, 6vw, 3rem);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);
  border: 1px solid #f3f4f6;
  margin-top: 6rem;
}
.cw-part-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  color: #0a8754;
  margin-bottom: 2.5rem;
}
.cw-part-title {
  font-size: clamp(1.5rem, 4vw, 1.875rem);
  font-weight: 700;
}
.cw-part-list {
  max-width: 42rem;
  margin: 0 auto 2.5rem auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.cw-part-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  background-color: #fafaf9;
  padding: 1.25rem;
  border-radius: 1rem;
  border: 1px solid #f3f4f6;
}
@media (min-width: 640px) {
  .cw-part-item { flex-direction: row; align-items: flex-start; }
}
.cw-part-num {
  background-color: #0a8754;
  color: #ffffff;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  flex-shrink: 0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.cw-part-text {
  font-size: 1.125rem;
  color: #1f2937;
  font-weight: 500;
  text-align: center;
}
@media (min-width: 640px) {
  .cw-part-text { align-self: center; text-align: left; }
}
.cw-part-text-opt {
  font-size: 0.875rem;
  font-weight: 400;
  color: #9ca3af;
  margin-left: 0.5rem;
}
.cw-part-note {
  text-align: center;
  color: #6b7280;
  font-weight: 500;
  background-color: #f5f5f4;
  padding: 1rem 1.5rem;
  border-radius: 0.75rem;
  width: 100%;
}

/* =======================================
   5. INFO & FAQ
   ======================================= */
.cw-info-section { background-color: #ffffff; }

/* Tool Info */
.cw-tool-box {
  background-color: #f8fcfb;
  border-radius: 2rem;
  padding: clamp(2rem, 6vw, 4rem);
  border: 1px solid rgba(8, 119, 84, 0.1);
  margin-bottom: 6rem;
}
.cw-tool-title1 {
  font-size: clamp(1.875rem, 5vw, 2.5rem);
  font-weight: 700;
  color: #111827;
  line-height: 1.25;
  margin-bottom: 0.5rem;
}
.cw-tool-title2 {
  font-size: clamp(1.875rem, 5vw, 2.5rem);
  font-weight: 700;
  color: #087754;
  line-height: 1.25;
  margin-bottom: 2rem;
}
.cw-tool-desc {
  color: #374151;
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  font-weight: 500;
  line-height: 1.625;
  margin-bottom: 2.5rem;
}
.cw-tool-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
}
.cw-tool-list-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: #1f2937;
  font-weight: 500;
}
@media (min-width: 640px) {
  .cw-tool-list-item { font-size: 1.125rem; }
}
.cw-tool-gift {
  background-color: #fef08a; /* yellow-100 */
  border: 1px solid #fde047; /* yellow-300 */
  color: #064e3b; /* emerald-900 */
  font-weight: 700;
  padding: 1rem 1.5rem;
  border-radius: 0.75rem;
  margin-top: 1.5rem;
  margin-bottom: 3rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.cw-btn-green {
  background-color: #087754;
  color: #fde047;
  font-weight: 700;
  font-size: 1.125rem;
  padding: 1rem 2rem;
  border-radius: 9999px;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transition: background-color 0.2s;
}
.cw-btn-green:hover { background-color: #065b40; }

/* Reviews */
.cw-review-header {
  text-align: center;
  margin-bottom: 3rem;
}
.cw-review-title {
  font-size: 1.875rem;
  font-weight: 700;
  color: #111827;
}
.cw-reviews-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 6rem;
}
.cw-review-item {
  background-color: #fafaf9; /* stone-50 */
  padding: 1.5rem 2rem;
  border-radius: 1rem;
  border: 1px solid #f3f4f6;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
@media (min-width: 640px) {
  .cw-review-item { flex-direction: row; align-items: center; gap: 1.5rem; }
}
.cw-stars { color: #35a88c; display: flex; gap: 0.25rem; flex-shrink: 0; }
.cw-review-text {
  color: #1f2937;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.625;
}

/* FAQ */
.cw-faq-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.cw-faq-item {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  padding: 1.5rem;
  border-radius: 1rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.cw-faq-q {
  font-size: 1.125rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 0.75rem;
  display: flex;
  gap: 0.75rem;
}
.cw-faq-q-mark { color: #087754; }
.cw-faq-a {
  color: #4b5563;
  line-height: 1.625;
  padding-left: 1.75rem;
  display: flex;
  flex-direction: column;
}
.cw-faq-a-mark {
  color: #9ca3af;
  font-weight: 700;
  margin-bottom: 0.25rem;
}

/* =======================================
   6. INSTRUCTOR
   ======================================= */
.cw-instructor { background-color: #f4f5f5; }
.cw-inst-flex {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 768px) {
  .cw-inst-flex { flex-direction: row; gap: 4rem; align-items: flex-start; }
}
.cw-inst-side {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .cw-inst-side { width: 33.333333%; }
}
.cw-inst-img {
  position: relative;
  aspect-ratio: 3/4;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  background-color: #111827;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.cw-inst-bgImage {
  position: absolute;
  inset: 0;
  background-image: url('https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?q=80&w=600&auto=format&fit=crop');
  background-size: cover;
  background-position: center;
  mix-blend-mode: overlay;
  opacity: 0.8;
}
.cw-inst-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, #111827, rgba(17, 24, 39, 0.4), transparent);
}
.cw-inst-overlay {
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
  color: #ffffff;
}
.cw-inst-label { font-size: 0.875rem; font-weight: 500; margin-bottom: 0.25rem; opacity: 0.9; }
.cw-inst-name { font-size: 1.875rem; font-weight: 900; }
.cw-inst-side-desc { font-size: 1.125rem; font-weight: 700; color: #374151; text-align: center; }
@media (min-width: 640px) {
  .cw-inst-side-desc { text-align: left; }
}
.cw-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}
@media (min-width: 640px) {
  .cw-socials { justify-content: flex-start; }
}
.cw-social-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background-color: #ffffff;
  border-radius: 9999px;
  border: 1px solid #e5e7eb;
  font-size: 0.875rem;
  font-weight: 700;
  color: #1f2937;
  text-decoration: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.cw-inst-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid #e5e7eb;
}
@media (min-width: 768px) {
  .cw-inst-main {
    width: 66.666667%;
    padding-top: 0;
    border-top: none;
    border-left: 1px solid #e5e7eb;
    padding-left: 3rem;
  }
}
.cw-inst-main-title {
  font-size: clamp(2rem, 4vw, 2.5rem);
  font-weight: 900;
  margin-bottom: 2rem;
  line-height: 1.2;
}
.cw-inst-main-title span { color: #087754; }
.cw-inst-main-desc {
  font-size: 1.125rem;
  line-height: 1.8;
  margin-bottom: 3rem;
  color: #374151;
}
.cw-inst-history-group {
  margin-bottom: 2.5rem;
}
.cw-inst-history-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 1.5rem;
}
.cw-inst-history-icon1 { color: #eab308; } /* yellow-500 */
.cw-inst-history-icon2 { color: #9a7b66; } 
.cw-inst-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.cw-inst-list-item {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.cw-inst-list-bullet {
  color: #9ca3af;
  margin-top: 0.25rem;
}
.cw-inst-list-text {
  color: #374151;
  font-weight: 500;
  line-height: 1.625;
}

/* =======================================
   7. FOOTER CTA
   ======================================= */
.cw-footerCTA {
  background-color: #087754;
  color: #ffffff;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.cw-footerCTA::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: radial-gradient(circle at bottom, #fde047 0%, #059669 50%, #064e3b 100%);
  opacity: 0.1;
  pointer-events: none;
}
.cw-cta-content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cw-cta-title {
  font-size: clamp(1.875rem, 5vw, 2.25rem);
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.cw-cta-subtitle {
  font-size: 1.125rem;
  color: #d1fae5; /* emerald-100 */
  margin-bottom: 2.5rem;
}
.cw-cta-btn {
  background-color: #facc15; /* yellow-400 */
  color: #064e3b; /* emerald-900 */
  font-weight: 800;
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  padding: 1.25rem 2.5rem;
  border-radius: 9999px;
  border: none;
  box-shadow: 0 20px 25px -5px rgba(250, 204, 21, 0.2), 0 10px 10px -5px rgba(250, 204, 21, 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
  margin-bottom: 2rem;
  cursor: pointer;
}
@media (min-width: 640px) {
  .cw-cta-btn { width: auto; }
}
.cw-cta-note {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #d1fae5; /* emerald-100 */
  background-color: rgba(0, 0, 0, 0.1);
  padding: 0.75rem 1.5rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 0.875rem;
  font-weight: 500;
}
@media (min-width: 640px) {
  .cw-cta-note { flex-direction: row; font-size: 1rem; }
}/* End custom CSS */