.p-wrapper {
  --section-gap-xl: 180px;
  --section-gap-lg: 120px;
  --section-gap-md: 90px;
  --section-gap: var(--section-gap-lg);
  padding-bottom: 180px;
}
@media (max-width: 525px) {
  .p-wrapper {
    --section-gap: var(--section-gap-md);
  }
}

.p-intro {
  padding-bottom: var(--section-gap);
  background-image: var(--bg-primary);
  background-size: cover;
}

.p-pattern01 {
  margin-top: var(--section-gap);
}
.p-pattern01__list {
  --column-count: 4;
  --column-gap: 1.25em;
  --row-gap: 1.25em;
}
@media (max-width: 1024px) {
  .p-pattern01__list {
    --column-count: 3;
  }
}
@media (max-width: 768px) {
  .p-pattern01__list {
    --column-count: 2;
  }
}
.p-pattern01__list a {
  min-width: unset;
}

.p-pattern02 {
  margin-top: var(--section-gap-md);
}
.p-pattern02__header {
  margin-bottom: 5em;
}
@media (max-width: 525px) {
  .p-pattern02__header {
    margin-bottom: 3.5em;
  }
}
.p-pattern02__column {
  padding: 3em var(--container-padding);
  margin-top: 3em;
  background-image: var(--bg-primary);
  background-size: cover;
}
@media (max-width: 525px) {
  .p-pattern02__column {
    padding: 2em var(--container-padding);
    margin-top: 2em;
  }
}

.p-pattern03 {
  margin-top: var(--section-gap);
}
.p-pattern03__header {
  margin-bottom: 5em;
}
@media (max-width: 525px) {
  .p-pattern03__header {
    margin-bottom: 3.5em;
  }
}

.p-pattern04 {
  margin-top: var(--section-gap);
}
.p-pattern04__header {
  margin-bottom: 5em;
}
@media (max-width: 525px) {
  .p-pattern04__header {
    margin-bottom: 3.5em;
  }
}

.p-pattern05 {
  margin-top: var(--section-gap);
}
.p-pattern05__header {
  margin-bottom: 4em;
}
@media (max-width: 525px) {
  .p-pattern05__header {
    margin-bottom: 2.5em;
  }
}
.p-pattern05__list {
  display: grid;
  gap: 2.5em;
}

.p-pattern06 {
  margin-top: var(--section-gap);
}
.p-pattern06__header {
  margin-bottom: 5em;
}
@media (max-width: 525px) {
  .p-pattern06__header {
    margin-bottom: 3.5em;
  }
}
.p-pattern06__table {
  padding-bottom: 1em;
}

.p-pattern07 {
  margin-top: var(--section-gap);
}
.p-pattern07__header {
  margin-bottom: 5em;
}
@media (max-width: 525px) {
  .p-pattern07__header {
    margin-bottom: 3.5em;
  }
}
.p-pattern07__list {
  display: grid;
  gap: 5em;
}

.p-pattern08 {
  margin-top: var(--section-gap);
}
.p-pattern08__header {
  margin-bottom: 5em;
}
@media (max-width: 525px) {
  .p-pattern08__header {
    margin-bottom: 3.5em;
  }
}
.p-pattern08__body {
  container-type: inline-size;
}
.p-pattern08__list {
  --column-count: 3;
  --column-gap: min(2.5em, calc(4 * var(--vw)));
  --row-gap: 3em;
}
@container (width <= 850px) {
  .p-pattern08__list {
    --column-count: 2;
  }
}
@container (width <= 550px) {
  .p-pattern08__list {
    --column-count: 1;
  }
}

.p-bg-part {
  padding-top: var(--section-gap);
  padding-bottom: var(--section-gap);
  margin-top: var(--section-gap);
  background-image: var(--bg-primary);
  background-size: cover;
}

.p-pattern09__header {
  margin-bottom: 5em;
}
@media (max-width: 525px) {
  .p-pattern09__header {
    margin-bottom: 3.5em;
  }
}

.p-pattern10 {
  margin-top: var(--section-gap-md);
}

.p-pattern11 {
  margin-top: var(--section-gap);
}
.p-pattern11__header {
  margin-bottom: 5em;
}
@media (max-width: 525px) {
  .p-pattern11__header {
    margin-bottom: 3.5em;
  }
}
.p-pattern11__intro {
  max-width: 880px;
  margin-inline: auto;
  margin-bottom: 3em;
}
.p-pattern11__list {
  --row-gap: 1em;
  max-width: 440px;
  margin-inline: auto;
  font-size: var(--font-size-xl);
  font-weight: bold;
}

.p-pattern12 {
  margin-top: var(--section-gap);
}

.p-pattern13 {
  margin-top: var(--section-gap);
}

.p-menu__header {
    margin-bottom: 3em;
}

.add_margin {
  margin-top: var(--section-gap-md);
}

.highlight {
  background: linear-gradient(transparent 50%, #FFF5BD 50%);
}

/* maternity css start */
.content-txt span{
  color:#8a621d;
}

.text-normal .flexbox{
  display: flex;
  flex-wrap: wrap;
  gap:30px;
  justify-content: space-between;
 
}
.text-normal .flexbox .two-row{
  width: calc((100% - 30px) / 2);
padding: 16px;
  background: #fafafa;
  box-sizing: border-box;
  align-self: stretch;
  margin-bottom: 16px;
}
.text-normal .flexbox strong{
  display: block;
  color: white;
  background:var(--color-yellow-brown);
  padding: 16px;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
 .text-normal .flexbox .two-row{
  width: 100%;
}
}

/* maternity css end */
.define_pg {
  margin: 4em 0;
}

.period_boxs {
  display: flex;
  flex-wrap: wrap;
  gap: 16px; 
  justify-content: start;
}

.period_boxs .boxs_bl {
  width: calc(20% - 16px); 
  border: 1px solid #8a621d;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
  height: auto;
}


@media screen and (max-width: 768px) {
  .period_boxs .boxs_bl {
    width: calc(50% - 16px);
  }
}

.add_border {
  border: 1px solid #8a621d;
  padding: 20px;
}

.head_bg {
  background: #8a621d;
  padding: 10px;
  color: var(--color-white);
}

.to_center {
  margin: 0 auto;
}

.txt_center {
  text-align: center;
  font-size: var(--font-size-xl);
}

.pattern_one {
  margin-top: var(--section-gap-md);
}

.p-subject__note-list {
    margin-top: 2em;
    font-size: calc(var(--font-size-md) - 1px);
}

.underline_txt {
  text-decoration: underline;
}

.top_space {
  margin-top: 20px;
}

.btn_flex {
  display: flex;
  justify-content: center;
  gap: 7em;
}

@media screen and (max-width: 768px) {
  .btn_flex {
    flex-direction: column;
    gap: 2em;
    align-items: center;
  }

  .add_margin {
    margin-top: 50px;
  }
}


.sec_gap_small {
  margin-top: 3em;
}

.box_style_three .boxs_bl {
  width: calc(33.333% - 16px);
  height: auto;
}

@media screen and (max-width: 768px) {
  .box_style_three .boxs_bl {
    width: calc(50% - 16px);
  }
}

@media (max-width: 525px) {
  .box_style_three .boxs_bl {
    width: 100%;
  }
}

.unset_top {
  margin-top: 0;
}
/* whitening css start */
.txt-box-flex{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
.txt-box-flex .txt-box{
width: 30%;
padding: 16px;
background: #fafafa;
box-sizing: border-box;
margin-bottom: 16px;
border: 1px solid #8a621d;
color: #8a621d;
}


@media screen and (max-width: 768px) {
  .txt-box-flex .txt-box{
    width: 100%;
}
}
/* whitening css end */

.eng_txt {
  color: #fff;
  font-size: var(--font-size-xls);
  text-shadow: rgba(222, 179, 245, 1) 1px 1px 10px, rgba(222, 179, 245, 1) -1px 1px 10px, rgba(222, 179, 245, 1) 1px -1px 10px, rgba(222, 179, 245, 1) -1px -1px 10px;
  letter-spacing: 16px;
  font-weight: normal;
  line-height: 2;
}

/* greeting sec */
.p-greeting {
  --column-gap: 4cqw;
  position: relative;
  z-index: 0;
  padding-top: 120px;
  overflow: hidden;
}
.p-greeting__inner {
  position: relative;
  display: grid;
  container-type: inline-size;
}
@media (min-width: 1025px) {
  .p-greeting__inner {
    grid-template-areas: "header header" "portrait heading" "portrait main" "career main" "career main" "career sign" "career buttons" "career ...";
    grid-template-rows: repeat(4, auto) 0;
    grid-template-columns: minmax(460px, 1fr) 1fr;
    column-gap: var(--column-gap);
  }
}
@media (max-width: 1024px) {
  .p-greeting__inner {
    grid-template-areas: "header" "portrait" "heading" "main" "sign" "career" "buttons";
    grid-template-columns: 1fr;
  }
}
.p-greeting__heading-bg {
  --overlap-width: 4cqw;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  margin-right: calc(50cqw - 50 * var(--vw) + (var(--container-padding-left) - var(--container-padding-right)) / 2);
  background-image: var(--bg-secondary);
  background-position: center center;
  background-size: cover;
}
@media (min-width: 1025px) {
  .p-greeting__heading-bg {
    grid-row: 1/3;
    grid-column: 2/3;
    height: calc(100% - 3rem);
    margin-left: calc((var(--column-gap) + var(--overlap-width)) * -1);
  }
}
@media (max-width: 1024px) {
  .p-greeting__heading-bg {
    grid-row: 3/4;
    grid-column: 1/2;
    height: 100%;
  }
}
.p-greeting__header {
  grid-area: header;
  margin-bottom: 3em;
}
.p-greeting__heading {
  grid-area: heading;
  height: fit-content;
  padding: 1em 0;
  font-size: var(--font-size-xxl);
  font-weight: bold;
  color: var(--color-heading-primary);
  letter-spacing: 0.02em;
}
.p-greeting__heading:where(body[data-theme-color="black"] *) {
  color: var(--color-text-contrast);
}
.p-greeting__heading:where(body[data-theme-color="blue"] *) {
  color: var(--color-charcoal);
}
@media (max-width: 1024px) {
  .p-greeting__heading {
    padding-left: var(--container-padding);
  }
}
.p-greeting__portrait {
  position: relative;
  z-index: 2;
  grid-area: portrait;
  padding-left: var(--container-padding);
}
@media (max-width: 1024px) {
  .p-greeting__portrait {
    padding-left: 0;
    margin-bottom: 1.5em;
  }
}
@media (max-width: 525px) {
  .p-greeting__portrait {
    margin-left: calc(var(--container-padding) * -1);
  }
}
.p-greeting__portrait > img {
  display: block;
  width: 100%;
  max-width: 500px;
  aspect-ratio: 654/800;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .p-greeting__portrait > img {
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 525px) {
  .p-greeting__portrait > img {
    margin-left: unset;
  }
}
.p-greeting__main {
  grid-area: main;
  padding-top: 2em;
}
@media (max-width: 1024px) {
  .p-greeting__main {
    padding-left: var(--container-padding);
  }
}
@media (max-width: 525px) {
  .p-greeting__main {
    padding-left: 0.2em;
  }
}
.p-greeting__sign {
  grid-area: sign;
  justify-content: flex-end;
  margin-top: 4.5em;
}
@media (max-width: 1024px) {
  .p-greeting__sign {
    justify-content: center;
    margin-top: 2em;
  }
}

.p-greeting__career {
  --overlap-height: 5em;
  position: relative;
  z-index: 1;
  grid-area: career;
  max-width: 500px;
  padding-right: 3cqw;
}
.p-greeting__career:where(body[data-theme-color="black"] *) {
  --heading-color: var(--color-text-contrast);
  color: var(--color-text-contrast);
}
.p-greeting__career:where(body[data-theme-color="gold"] *) {
  color: var(--color-heading-primary);
}
.p-greeting__career:where(body[data-theme-color="blue"] *) {
  --heading-color: currentcolor;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .p-greeting__career {
    margin-top: 3em;
  }
}
.p-greeting__career__inner {
  position: relative;
  padding: 3em var(--container-padding) 5em;
}
@media (max-width: 1024px) {
  .p-greeting__career__inner {
    padding-bottom: 3em;
    padding-left: 0;
  }
}
.p-greeting__career__heading:where(body[data-theme-color="black"] *) {
  text-shadow: 0 0 5px rgba(var(--color-text-primary-rgb), 0.55), 1px 1px 8px rgba(var(--color-text-primary-rgb), 0.55);
}
.p-greeting__career__list:where(body[data-theme-color="black"] *) {
  text-shadow: 0 0 5px rgba(var(--color-text-primary-rgb), 0.65), 1px 1px 8px rgba(var(--color-text-primary-rgb), 0.65), 1px 1px 8px rgba(var(--color-text-primary-rgb), 0.5), 1px 1px 10px rgba(var(--color-text-primary-rgb), 0.35), 1px 1px 10px rgba(var(--color-text-primary-rgb), 0.35);
}
.p-greeting__career__bg {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: calc(100% + 50 * var(--vw) - 50cqw);
  height: calc(100% + var(--overlap-height));
  background-image: var(--bg-secondary);
  background-position: center center;
  background-size: cover;
}
@media (max-width: 1024px) {
  .p-greeting__career__bg {
    height: 100%;
  }
}
/* greeting end */

.small_head {
  padding: 20px 0;
  font-size: var(--font-size-lg);
  font-weight: 700;
}

/* btn left */
.p-subject__buttons {
  display: flex;
  flex-direction: column;
  gap: 1em;
  align-items: flex-end;
  margin-top: 2em;
}
@media (max-width: 525px) {
  .p-subject__buttons {
    align-items: center;
  }
}
/* btn left */
/* orthodontic css start */

.sub-ttl{
  font-weight: bold;
}


/* orthodontic css end */


.card_column_two {
  --column-count: 2;
}

@container (width <= 850px) {
  .card_column_two {
  --column-count: 2;
}
}

@container (width <= 550px) {
  .card_column_two {
  --column-count: 1;
}
}

/* for implant */
.implant_col_img {
  max-width: 300px;
  width: 100%;
}

.top_20 {
  margin-top: 2em;
}

/* for ortho_01 */
.with_bg {
  margin-bottom: unset;
}

.ortho_card {
  padding: 0 0 20px;
  position: relative;
}

.otho_pad {
  padding: 16px;
}

.orth_bg {
  position: absolute;
  inset: 0; 
  background: url("../../images/orthodontic_01/ortho_bg_one.jpg") center/cover no-repeat;
  opacity: 0.4; 
  z-index: -1;  
}

.orth_bg.two {
  background: url("../../images/orthodontic_01/ortho_bg_two.jpg") center/cover no-repeat;
}

.orth_bg.three {
  background: url("../../images/orthodontic_01/ortho_bg_three.jpg") center/cover no-repeat;
}

.orth_bg.four {
  background: url("../../images/orthodontic_01/ortho_bg_four.jpg") center/cover no-repeat;
}

.orth_bg.five {
  background: url("../../images/orthodontic_01/ortho_bg_five.jpg") center/cover no-repeat;
}

.orth_bg.six {
  background: url("../../images/orthodontic_01/ortho_bg_six.jpg") center/cover no-repeat;
}

.ortho_link_img img {
  width: 100%;
  max-width: 1000px;
  display: block;
  margin: 0 auto;
}


.ortho_btxt {
  font-weight: bold;
}

.icon_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
}

.icon_btn_bl {
  background-color: #8a621d;
  max-width: 150px;
  width: 100%;
}

@media (max-width: 525px) {
  .icon_btn {
    flex-direction: column;
    gap: 20px;
  }

}

.cat_txt {
  padding: 10px;
  text-align: center;
}

@media (max-width: 525px) {
  .head_entxt {
    font-size: 6rem;
}
}