.docter .expert {
   position: relative;
   width: 100%;
   background-color: #0b4984;
}

.expert__bg-banner {
   position: absolute;
   bottom: -2.75rem;
   left: 0;
   right: 0;
   z-index: 0;
}
.expert__bg-banner .deco2 {
   position: absolute;
   right: 0;
   left: 0;
   width: 100%;
   z-index: 10;
   bottom: -0.75rem;
}
.expert__content {
   position: relative;
   padding-top: 2.5rem !important;
   padding-bottom: 0rem !important;
   z-index: 30;
}
.expert__content .expert__content-container {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   height: 100%;
   margin-top: 6rem;
   padding: 0 5.75rem 0 5.37rem;
}
.expert__content .expert__content-container .imageBs {
   width: 23rem;
}
.expert__content-container__right {
   flex: 1;
   color: white;
   min-width: 33.3125rem;
    max-width: 33.3125rem;
}
.expert__content-container__right-title {
   display: none;
}
.expert__content-container__right-title .title {
   font-size: 2.5rem;
   max-width: 36.625rem;
   font-weight: bold;
   line-height: 130%;
   letter-spacing: -0.05rem;
   text-transform: uppercase;
}
.expert__content-container__right-content {
   margin-top: 1.35rem !important;
   text-align: justify;
   font-size: 0.875rem;
   font-weight: normal;
   line-height: 150%;
}
.docter .detail-docter {
   position: relative;
   width: 100%;
   height: auto;
}
.docter .detail-docter:nth-child(1) {
   margin-top: 5rem;
}
.detail-docter__content {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 0.5rem;
   flex-direction: column;
   margin-top: 4rem;
}
.detail-docter__content--item {
   display: none;
   width: 0.075rem;
   text-transform: uppercase;
   height: 36.25rem;
   background-color: #e8f8fb;
   margin-top: 3rem !important;
}

.icon-container {
   display: flex;
   justify-content: center;
   margin-bottom: 0.75rem;
}
.button-mobile {
   display: flex;
   position: relative;
   width: 100%;
   padding: 0.88rem;
   border-radius: 0.75rem;
   justify-content: flex-start;
   align-items: center;
}

.imgBs3 {
   position: absolute;
   bottom: 0;
   right: -1rem;
   width: 9.46369rem;
   height: 14.44406rem;
   object-fit: cover;
   object-position: center top;
}
.imgBs2 {
   position: absolute;
   bottom: 0;
   left: 50%;
   width: 15.55344rem;
   height: 17.70981rem;
   object-fit: cover;
   object-position: center top;
   z-index: 10;
   transform: translateX(-50%);
}
.imgBs1 {
   position: absolute;
   bottom: 0;
   left: -0.8rem;
   width: 11.43275rem;
   height: 14.44406rem;
   object-fit: contain;
   object-position: center top;
}
.from-sub {
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
   gap: 0.88rem;
}
.col-1 {
   grid-column: span 1 / span 1;
}
.button-submit {
   width: 100%;
}
.mess-success {
   color: #29960e;
   font-size: 0.75rem;
   line-height: 150%;
   padding-top: 1.25rem;
}
.form-container [data-form-field] {
   width: 100%;
}
.form-container [data-form-field].is-invalid .animated-input {
   border-color: #df2020;
   background: #fff8f8;
}
.form-container .form-field-error {
   margin: 0.375rem 0 0 !important;
   color: #df2020;
   font-size: 0.75rem;
   line-height: 140%;
   font-weight: 400;
}
.form-container .mess-success.is-error {
   color: #df2020;
}
.form-container .mess-success.is-success {
   color: #29960e;
}

.detail-docter__container {
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 100%;
}
.detail-docter__container--left {
   width: 53%;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   height: 100%;
}
.detail-docter__container--left__one {
   position: absolute;
   bottom: 0;
   right: 0; /* right-5 */
   left: 0.5rem;
   height: 13.5rem;
   width: 90%;
   z-index: 0;
   border-radius: 0.75rem;
   background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 20.83%, #9DD9FF 100%);
}
.detail-docter__container--left__two {
   position: absolute;
   bottom: 0;
   right: 0;
   left: 0;
   height: 7rem;
   z-index: 10;
}
.detail-docter__container--left .union {
   position: absolute;
   top: 5rem;
   right: 5rem;
   width: 1.125rem;
}
.detail-docter__container--left__item {
   height: 22.75rem;
   width: 16.8125rem;
height: 22.75rem;
   margin-right: 1.2rem;
   position: relative;
   object-fit: contain;
   object-position: center bottom;
   max-width: 100%;
}
.detail-docter__container--right {
   flex: 1;
   color: #ffffff;

   display: flex;
   flex-direction: column;
   justify-content: space-between;

   height: 100%;
   gap: 2rem;
}
.detail-docter__container--right__one {
   padding-left: 0.75rem !important;
   padding-right: 0.75rem !important;
   padding-top: 0.38rem !important;
   padding-bottom: 0.38rem !important;
   border-radius: 0.625rem;
}
.detail-docter__container--right__one--name {
   font-weight: 700;
   font-size: 0.625rem;
   line-height: 150%;
}
.detail-docter__container--right__one--icon {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   gap: 0.5rem;
}
.detail-docter__container--right__one--icon .svg {
   display: none;
}
.detail-docter__container--right__one--position {
   font-size: 0.6875rem;
   font-weight: 500;
   line-height: 150%;
   color: var(--White-80, rgba(255, 255, 255, 0.8));
}
.detail-docter__container--right__one--position span.pc {
   display: none;
}
.detail-docter__container--right__one--position span.mb {
   display: block;
}
.detail-docter__container--right__one--experience {
   color: #08354a;
   font-weight: 700;
   font-size: 1.25rem;
   text-transform: uppercase;
   line-height: 140%;
}
.detail-docter__container--right__two {
   border-radius: 0.75rem;
   height: 12.5rem;
   overflow-y: auto;
   padding: 0.75rem !important;
   min-height: 12.5rem;
   display: none;
   &::-webkit-scrollbar {
      display: none;
   }
   -ms-overflow-style: none;
   scrollbar-width: none;
}
.detail-docter__container--right__two--item {
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   gap: 0.5rem;
}
.detail-docter__container--right__two--item svg{
  width: 1.25rem;
  height: 1.25rem;
}
.detail-docter__container-two--left {
   border-radius: 0.75rem;
   padding: 0.75rem !important;
   min-height: 12.5rem;

   display: flex;
   flex-direction: column;
   gap: 0.5rem;

   margin-top: 0.75rem !important;
}
.detail-docter__container-two--right {
   border-radius: 0.75rem;

   padding-left: 1rem !important;
   padding-right: 1rem !important;
   padding-top: 1rem !important;
   padding-bottom: 1rem !important;

   margin-top: 0.5rem !important;

   position: relative;
   height: 14rem;
   overflow: hidden;
}
.detail-docter__container-two--right__title {
   color: var(--color-primary);
   font-weight: 700;
   font-size: 1rem;
   line-height: 150%;
}
.detail-docter__container-two--right__content {
   padding-left: 0.75rem !important;
   list-style-type: disc;

   font-size: 0.875rem;
   line-height: 150%;
}
.detail-docter__container-two--right__content > * + * {
   margin-top: 0.62rem !important;
}
.modal-popup-docter {
   display: flex;
   padding: 2.25rem 3.75rem;
   flex-direction: column;
   align-items: flex-start;
   border-radius: 1.25rem !important;
   overflow: hidden;
   width: 87.5rem;
}
.modal-popup-docter .modal-procedure__button-close {
   width: 2.5rem;
   height: 2.5rem;
   background-color: var(--Primary-Dark-Blue-100, rgba(17, 17, 100, 0.1));
   backdrop-filter: blur(2.265235
rem);
   border-radius: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   right: 1rem;
   top: 0.875rem;
   z-index: 50;
}
.modal-popup-docter__image {
   position: absolute;
   left: 0;
   top: 0;
   object-fit: cover;
   width: 18.125rem;
}
.ant-modal-root .ant-modal-centered .ant-modal {
   width: 87.5rem !important;
}
.item-modal-popup-docter .detail-docter__container--left__one {
   display: none;
}
.item-modal-popup-docter .detail-docter__container--left {
   width: 15.9375rem;
}
.item-modal-popup-docter .detail-docter__container--right__one {
   width: fit-content;
}
.item-modal-popup-docter .detail-docter__container--right {
   gap: 1rem;
   padding-bottom: 1.75rem;
}
.item-modal-popup-docter .detail-docter__container-two--right__content {
   margin: 0.62rem 0;
}
.item-modal-popup-docter .detail-docter__container-two--right {
   color: var(--Text-Body-DarkBlue-70, rgba(8, 53, 74, 0.7));
   text-align: justify;
   font-size: 0.875rem;
   font-style: normal;
   font-weight: 400;
   line-height: 150%; /* 1.3125rem */
}
.item-modal-popup-docter .detail-docter__container-two--right .item-sub {
   font-weight: 700;
   color: #08354a;
}
.item-modal-popup-docter .detail-docter__container-two--left,
.item-modal-popup-docter .detail-docter__container--right__two {
   background: transparent !important;
   min-height: auto !important;
   padding: 0 !important;
}
.item-modal-popup-docter .detail-docter__container-two--left div,
.item-modal-popup-docter .detail-docter__container--right__two .detail-docter__container--right__two--item div {
   display: none;
}
.item-modal-popup-docter .detail-docter__container-two--right {
   display: flex;
   align-items: flex-start;
   gap: 3.75rem;
   align-self: stretch;
}
.item-modal-popup-docter .detail-docter__container-two--right div {
   flex: 1;
}
.item-modal-popup-docter .detail-docter__container {
   gap: 2.25rem;
}
.modal-popup-docter .detail-docter__container--right__one--experience {
   font-size: 1.25rem;
}
.modal-popup-docter .detail-docter__container--right__one--name {
   font-size: 1.75rem;
}
.modal-popup-docter .detail-docter__container--right__two--item p {
   font-size: 0.875rem;
}
.modal-popup-docter .ant-modal-footer {
   display: none;
}
.modal-procedure__button-bgfooter {
   position: absolute;
   right: 3.75rem;
   top: 3rem;
   width: 31.625rem;
   height: 8.06438rem;
}
.item-modal-popup-docter .detail-docter__container-two--right {
   margin-top: 0 !important;
}
.modal-popup-docter header {
   position: relative;
}
.modal-popup-docter main {
   position: relative;
}
.modal-popup-docter header h1 {
   display: none;
}
@media (min-width: 1024px) {
   .modal-popup-docter .modal-procedure__button-close {
      width: 2.5rem;
      height: 2.5rem;
   }
   .button-left {
      left: 1.25rem;
   }
   .button-right {
      right: 1.25rem;
   }
   .team-selected__content-item__detail--one {
      width: auto;
   }
}
@media (max-width: 640px) {
    .detail-docter__container--left .union {
          width: 0.81269rem;
          top: 4rem;
          right: 3rem;
   }
   .imgBs1 {
       left: -1.2rem;
   }
   .detail-docter__container--left .union2 {
      top: 5rem !important;
      right: 1.28rem !important;
      width: 1.3545rem !important;
   }
    .detail-docter__container--left__item{
      height: 16.40888rem;
      width: 12.16431rem;
   }
    .detail-docter__container--right__one--experience {
        color: var(--Text-Body-DarkBlue-100, #08354A);
        text-align: center;
        font-family: "Google Sans";
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 1.75rem */
        text-transform: uppercase;
    }
    .expert__content-container__right-content{
        color: var(--White, #FFF);
        text-align: justify;
        
        /* MB/12/12-R */
        font-family: "Google Sans";
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 1.2rem */
    }
   .ant-modal-root .ant-modal-centered .ant-modal {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
   }
   .modal-popup-docter {
      border-radius: 0 !important;
   }
   .expert__content-container__right {min-width: 100%;}
   
   .ant-modal .ant-modal-container {
      padding: 0;
      height: 100dvh;
      overflow-y: scroll;
   }
   .item-modal-popup-docter .detail-docter__container--left {
      width: 7.5rem;
   }
   .deco1_doctpr{
      display: none;
   }
   .modal-popup-docter .detail-docter__container--right__one--name {
      font-size: 0.875rem;
   }
   .modal-popup-docter main {
      padding: 0 1rem;
   }
   .modal-popup-docter .detail-docter__container--right__one--experience {
      font-size: 1.25rem;
      text-align: center;
      width: 9rem;
      margin: 0 auto;
   }
   .item-modal-popup-docter .detail-docter__container {
      align-items: center;
   }
   .item-modal-popup-docter .detail-docter__container--right {
      padding: 0;
   }
   .item-modal-popup-docter .detail-docter__container {
      gap: 0.62rem;
   }
   .item-modal-popup-docter .detail-docter__container--right__one {
      width: 100%;
   }
   .item-modal-popup-docter .detail-docter__container--left__item {
      width: 7rem;
      margin-right: 0 !important;
   }
   .modal-popup-docter header {
      position: sticky;
      top: 0;
      left: 0;
      right: 0;
      z-index: 100;
      background-color: #fff;
      display: flex;
      padding: 0.625rem 1rem;
      justify-content: space-between;
      align-items: center;
      align-self: stretch;
      border-bottom: 1px solid var(--Black-20, rgba(22, 22, 22, 0.2));
   }
   .modal-popup-docter header h1 {
      display: block;
      color: var(--Brand-Blue, #1991c7);
      text-align: center;
      font-size: 1.125rem;
      font-style: normal;
      font-weight: 700;
      line-height: 120%; /* 1.35rem */
      letter-spacing: -0.01125rem;
   }
   .modal-procedure__button-close {
      position: initial !important;
      width: 1.875rem !important;
      height: 1.875rem !important;
   }
   .modal-popup-docter__image {
      display: none;
   }
   .item-modal-popup-docter .detail-docter__container-two--right {
      margin-top: 0.75rem !important;
      flex-direction: column;
      gap: 0.62rem;
      overflow: auto;
      height: auto;
   }
   .item-modal-popup-docter .detail-docter__container-two--right__content {
      font-size: 0.75rem;
      padding-left: 1.2rem !important;
   }
   .item-modal-popup-docter .detail-docter__container--right__one--icon .svg {
      display: block;
   }
   .modal-procedure__button-bgfooter {
      display: none;
   }
}
@media (min-width: 640px) {
   .docter .detail-docter:nth-child(1) {
      margin-top: 11rem;
   }
   .expert__bg-banner {
      bottom: -8.75rem;
   }
   .detail-docter__container-two--right {
      padding-left: 2rem !important;
      padding-right: 2rem !important;
      margin-top: 2rem !important;
      height: 14.5rem;
   }
   .detail-docter__container-two--left {
      display: none;
   }
   .detail-docter__container--right__two {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
   }
   .detail-docter__container--right__one--experience {
      font-size: 1.5rem;
   }
   .detail-docter__container--right__one--position {
      font-size: 1.125rem;
   }
   .detail-docter__container--right__one--position span.pc {
      display: block;
   }
   .detail-docter__container--right__one--position span.mb {
      display: none;
   }
   .detail-docter__container--right__one--icon .svg {
      display: block;
   }
   .detail-docter__container--right__one--name {
      font-size: 1.5rem;
   }
   .detail-docter__container--right__one {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
      padding-top: 0.75rem !important;
      padding-bottom: 0.75rem !important;
   }
   .detail-docter__container--left {
      width: 40%;
   }
   .detail-docter__container {
      align-items: flex-end;
      gap: 0.5rem;
   }

   .button-submit {
      width: auto;
   }
   .from-sub {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 0.8rem;
   }
   .detail-docter__content--item {
      display: block;
      margin: 0 2.81rem;
   }
   .detail-docter__content {
      flex-direction: row;
      align-items: start;
      padding: 3.75rem 6.25rem 0 6.25rem;
   }
   .docter .detail-docter {
      margin-top: 10rem !important;
   }
   .expert__content-container__right-title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 0.5rem;
   }
   .expert__content .expert__content-container .imageBs {
      width: 52.1875rem;
   }
   .expert__content .expert__content-container {
      gap: 0;
   }
   .expert__content .expert__content-container {
      margin-top: 0;
      flex-direction: row;
      overflow: hidden;
   }
   .expert__content {
      padding-top: 5rem !important;
      padding-bottom: 5rem !important;
   }
   .expert__bg-banner .deco2 {
      bottom: -3.75rem;
   }
   .docter .banner .banner-content .banner-content_text {
      font-size: 1.75rem;
   }
   .docter .banner .banner-content {
      bottom: 7.5rem;
   }
   .docter .banner .imgDocter {
      right: 2.5rem;
   }
   .docter .banner {
      height: 70vh;
   }
}

.pc {
    display: initial;
}

.mb {
    display: none;
}

@media (max-width: 639px) {
    .pc {
        display: none;
    }

    .mb {
        display: initial;
    }
}