.econtainer {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 2em;
}

.wrapper {
     vertical-align:top;
  width: 450px;
  min-height: 600px;
  background: #FDFEFF;
  transition: background 0.6s ease;
  border-radius: 10px;
  padding: 20px 20px 20px 20px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.2);
  display: inline-block;
  margin: 1em;
}
.wrapper .profile {
 vertical-align:top;
  margin-top: 1em;
  position: relative;
}
.wrapper .profile .thumbnail {
  width: 124px;
  height: 124px;
  object-fit: cover;
  object-position: 0px 10%;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5em;
  border-radius: 100%;
  box-shadow: 0 13px 26px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
}
.wrapper .profile .name {
  color: #2D354A;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0.2em;
}
.wrapper .profile .title {
  color: #7C8097;
  font-size: 1em;
  font-weight: 300;
  text-align: center;
  padding-top: 0.1em;
  padding-bottom: 0.2em;
  margin-bottom: 0.2em;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.wrapper .profile .email {
  color: #080911;
  font-size: 0.75em;
  font-weight: 300;
  text-align: center;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
  letter-spacing: 1.5px;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  text-transform: uppercase;
}
.wrapper .profile .Tel {
  color: #080911;
  font-size: 0.75em;
  font-weight: 300;
  text-align: center;
  padding-top: 0.1em;
  padding-bottom: 0.2em;
  margin-bottom: 0.2em;
  margin-top: 0.2em;
}
.wrapper .profile .expert {
  text-wrap: pretty;
  color: #080911;
  font-size: 1.2em;
  font-weight: 800;
  text-align: left;
  padding: 0em 1.7em;
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
.wrapper .profile .description {
  text-wrap: pretty;
  color: #080911;
  font-size: 1em;
  text-align: left;
  padding: 0em 2.5em 0em 2em;
  margin-top: 0em;
  margin-bottom: 1.3em;
}

.detailBtn{
	    -webkit-text-size-adjust: 100%;
    --ast-post-nav-space: 0;
    --ast-container-default-xlg-padding: 6.67em;
    --ast-container-default-lg-padding: 5.67em;
    --ast-container-default-slg-padding: 4.34em;
    --ast-container-default-md-padding: 3.34em;
    --ast-container-default-sm-padding: 6.67em;
    --ast-container-default-xs-padding: 2.4em;
    --ast-container-default-xxs-padding: 1.4em;
    --ast-code-block-background: #EEEEEE;
    --ast-comment-inputs-background: #FAFAFA;
    --ast-normal-container-width: 1200px;
    --ast-narrow-container-width: 750px;
    --ast-blog-title-font-weight: normal;
    --ast-blog-meta-weight: inherit;
    --ast-global-color-0: #0170B9;
    --ast-global-color-1: #3a3a3a;
    --ast-global-color-2: #3a3a3a;
    --ast-global-color-3: #4B4F58;
    --ast-global-color-4: #F5F5F5;
    --ast-global-color-5: #FFFFFF;
    --ast-global-color-6: #E5E5E5;
    --ast-global-color-7: #424242;
    --ast-global-color-8: #000000;
    --ast-border-color: #dddddd;
    --e-global-color-astglobalcolor0: #0170B9;
    --e-global-color-astglobalcolor1: #3a3a3a;
    --e-global-color-astglobalcolor2: #3a3a3a;
    --e-global-color-astglobalcolor3: #4B4F58;
    --e-global-color-astglobalcolor4: #F5F5F5;
    --e-global-color-astglobalcolor5: #FFFFFF;
    --e-global-color-astglobalcolor6: #E5E5E5;
    --e-global-color-astglobalcolor7: #424242;
    --e-global-color-astglobalcolor8: #000000;
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--color--ast-global-color-0: var(--ast-global-color-0);
    --wp--preset--color--ast-global-color-1: var(--ast-global-color-1);
    --wp--preset--color--ast-global-color-2: var(--ast-global-color-2);
    --wp--preset--color--ast-global-color-3: var(--ast-global-color-3);
    --wp--preset--color--ast-global-color-4: var(--ast-global-color-4);
    --wp--preset--color--ast-global-color-5: var(--ast-global-color-5);
    --wp--preset--color--ast-global-color-6: var(--ast-global-color-6);
    --wp--preset--color--ast-global-color-7: var(--ast-global-color-7);
    --wp--preset--color--ast-global-color-8: var(--ast-global-color-8);
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
    --wp--style--global--content-size: var(--wp--custom--ast-content-width-size);
    --wp--style--global--wide-size: var(--wp--custom--ast-wide-width-size);
    --wp--style--block-gap: 24px;
    --page-title-display: block;
    --jp-carousel-primary-color: #fff;
    --jp-carousel-primary-subtle-color: #999;
    --jp-carousel-bg-color: #000;
    --jp-carousel-bg-faded-color: #222;
    --jp-carousel-border-color: #3a3a3a;
    --jetpack--contact-form--border: 1px solid #8c8f94;
    --jetpack--contact-form--border-color: #8c8f94;
    --jetpack--contact-form--border-size: 1px;
    --jetpack--contact-form--border-style: solid;
    --jetpack--contact-form--border-radius: 0px;
    --jetpack--contact-form--input-padding: 16px;
    --jetpack--contact-form--font-size: 16px;
    --jetpack--contact-form--error-color: #b32d2e;
    --jetpack--contact-form--inverted-text-color: #fff;
    -webkit-font-smoothing: antialiased;
    --s-heading: "Prompt",sans-serif !important;
    --s-heading-weight: 400;
    line-height: 1.6 !important;
    --s-body: "cs-chatthai-ui",sans-serif !important;
    --s-body-line-height: 1.6;
    --e-global-color-primary: #747476;
    --e-global-color-secondary: #EBCA41;
    --e-global-color-text: #6F1683;
    --e-global-color-accent: #A43CBD;
    --e-global-color-80372af: #50B003;
    --e-global-color-db15ee9: #81B214;
    --e-global-color-3a237dc: #79609F;
    --e-global-color-e0fc9e6: #A4C639;
    --e-global-color-d36ea83: #808080;
    --e-global-color-0a7a9ac: #F2F2F2;
    --e-global-typography-primary-font-family: "Prompt";
    --e-global-typography-primary-font-size: 1px;
    --e-global-typography-primary-font-weight: 300;
    --e-global-typography-primary-line-height: 0.1em;
    --e-global-typography-secondary-font-family: "Roboto Slab";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Roboto Condensed";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-45394fd-font-family: "Prompt";
    --e-global-typography-45394fd-font-size: 16px;
    --e-global-typography-45394fd-font-weight: 400;
    word-wrap: break-word;
    --flex-direction: initial;
    --flex-wrap: initial;
    --justify-content: initial;
    --align-items: initial;
    --align-content: initial;
    --gap: initial;
    --flex-basis: initial;
    --flex-grow: initial;
    --flex-shrink: initial;
    --order: initial;
    --align-self: initial;
    --swiper-theme-color: #000;
    --swiper-navigation-size: 44px;
    --swiper-pagination-bullet-size: 6px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --widgets-spacing: 20px 20px;
    border: 0;
    font-size: 100%;
    font-style: inherit;
    margin: 0;
    vertical-align: baseline;
    box-sizing: border-box;
    outline: 0;
    box-shadow: none;
    font-family: "Prompt", Sans-serif;
    font-weight: 400;
    padding: 10px 20px 10px 20px;
    margin-top: 0px;
    display: inline-block;
    border-radius: 100px;
    background-color: var( --e-global-color-db15ee9 );
    color: #ffffff;
    text-align: center;
    transition: 0.3s;
    text-decoration: none
}

#loading {
  display: none;
  width: 100px;
  height: 100px;
  border: 16px solid #f3f3f3;
  border-top: 16px solid  var( --e-global-color-db15ee9 );
  border-radius: 50%;
  margin:auto;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}