:root {
  --primary-color: #8556E3;
}
#content .img_box img {width: 100%;}
#content section .main_title {letter-spacing: -0.02em; line-height: 56px; margin-bottom: 25px;}
#content section .sub_title {font-size:clamp(22px, 2vw, 24px);color: #29203B;font-weight: 700;letter-spacing: -0.04em;display:  block;margin-top: .5em;line-height: 1.4;}
#content section .sub_text {letter-spacing: -0.02em; margin-bottom: 1em;}
#content section .sub_text:last-of-type {margin-bottom: 0;}
#content section .inner {padding: 120px 16.6%;}
#content .intro .tab_title {margin-bottom: 20px;}
#content .intro .tab_info {font-size: clamp(18px, 2.4vw, 32px);font-weight: 700;letter-spacing: -0.04em;color: var(--primary-color);}
#content .intro .tab_info span {color: #29203B;}
#content .intro .tab_buttons {display: flex;gap: 10px;margin-top: 20px;}
#content .intro .tab_button {
    font-weight: 700;
    font-size: clamp(14px, 1.8vw, 24px);
    letter-spacing: -0.02em;
    color: #7435FF;
    border-radius: 33px;
    border: 1px solid rgba(116, 53, 255, 0.15);
    background: rgba(116, 53, 255, 0.05);
    padding: .7em 1.7em;
    =: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    }
#content .intro .tab_button.active {background:#7435FF; color: #fff;}
#content .treatments {background: #f5f5f5;}
#content .treatment_grid {font-size: clamp(22px,2.2vw,24px);display: grid; grid-template-columns: repeat(4, 1fr); justify-content: stretch; align-items: stretch; gap: 1.2em;}
#content .treatment_item {display: flex; flex-direction: column; border-radius: .7em; overflow: hidden;}
#content .treatment_item .img_box {aspect-ratio: 300/ 252;overflow: hidden;}
#content .treatment_item .img_box img {object-fit: cover;height: 100%;}
#content .treatment_item .text_box {background: #fff;display: flex;flex-direction: column;gap: .2em;padding-block:.8em;flex: 1;justify-content: flex-start;align-items: center;}
#content .treatment_item .text_box .main_text {color: var(--primary-color);font-weight: 700;}
#content .treatment_item .text_box .sub_text {font-size: .8em;}
#content .packages {background: #D4C4F5;}
#content .package_grid {font-size: clamp(22px, 2.4vw, 32px);display: grid;grid-template-columns: repeat(2,1fr);gap: 1.3em;justify-content: stretch;align-items: stretch;}
#content .price_box {background: #fff; border-radius: .5em; padding: 1.4em; display: flex; flex-direction: column;justify-content: flex-start; gap: .5em; letter-spacing: -0.04em;}
#content .price_box .sub_text {font-size: .5em;font-weight: 400;line-height: 1.1;}
#content .price_box .price {margin-top: auto; margin-left: auto; font-weight: 700;}
#content .price_box .main_text {color: var(--primary-color);font-weight: 700;text-wrap: balance;}
#content .premium_box {grid-column: span 2; background: linear-gradient(93deg, #8556E3 0%, #492F7D 100%); color: #fff;}
#content .premium_box .title_text {font-size: .6em; font-weight: 700;}
#content .premium_box .main_text {color: #FDE1B8;}
#content .premium_box .sub_text span {color: #FDE1B8;}
#content .tab_desc[data-tab-content='2'] .treatment_grid {grid-template-columns: repeat(3,1fr);}
#content .tab_desc[data-tab-content='2'] .treatment_grid .img_box {aspect-ratio:420/ 252;}
#content .tab_desc[data-tab-content='2'] .treatment_grid .text_box {padding-block: 1.3em;}
#content .tab_desc[data-tab-content='2'] .customized {background: #492F7D; }
#content .tab_desc[data-tab-content='2'] .customized .main_title {color: #fff;}
#content .tab_desc[data-tab-content='2'] .customized .desc_text {color: #fff; font-size: clamp(12px, 1.4vw,18px); margin-top: 1.4em;letter-spacing: -0.04em; font-weight: 300;}
#content .tab_desc[data-tab-content='2'] .packages .price .line {position: relative;font-size: .7em;color:#8A7F9F;text-align: right;margin-bottom: .4em;}
#content .tab_desc[data-tab-content='2'] .packages .price .line::after {content: '';aspect-ratio: 140/14;background: url(/images/daeat/programs-pricing/el01.svg)no-repeat center / contain;position: absolute;right: 0;bottom: 0;width: 100%;}

@media screen and (max-width:1540px) {
#content section .inner {padding: 120px 12%;}
}

@media screen and (max-width:1440px) {
#content section .inner {padding: 120px 8%;}
}

@media screen and (max-width:1058px) {
#content section .inner {padding: 120px 6%;}
}

@media screen and (max-width: 1024px) {
#content section .inner {padding: 80px 5%;}
#content section .main_title {font-size: 28px; margin-bottom: 12px; line-height: 36px;}
#content section .sub_text {font-size: 14px; line-height: 20px;}
#content .treatment_grid,#content .tab_desc[data-tab-content='2'] .treatment_grid {grid-template-columns: repeat(2, 1fr);}
#content .treatment_item .img_box {aspect-ratio: 328/217;}
}

@media screen and (max-width:768px) {
#content .wrap { min-width: 375px; }
#content section .inner {padding: 60px 5%;}
#content .treatment_grid,#content .tab_desc[data-tab-content='2'] .treatment_grid {grid-template-columns: 1fr;}
#content .treatment_item {flex-direction: column-reverse;border: 1px solid rgba(46, 21, 102, 0.15);}
#content .treatment_item .text_box {padding-block: 1.5em;}
#content .package_grid {grid-template-columns: 1fr;}
#content .premium_box {grid-column: span 1;}
}