.bio-sec { display: inline-block; width: 100%; }
.bio-sec .bio-inner { align-items: stretch; display: flex; gap: 30px; justify-content: space-between; flex-wrap: wrap; padding: 0px 0 50px; }

.bio-sec .col-wrap {margin:0;width: calc(50% - 15px); display: inline-block; }
.bio-sec .col-wrap .top { width: 100%; display: flex; align-items: stretch; justify-content: space-between; gap: 30px; }
.bio-sec .col-wrap .top .image { width: 190px;display: inline-block; line-height: 0; vertical-align: top; }
.bio-sec .col-wrap .top .image img { width: 100%; display: inline-block; object-fit: contain; object-position: center; line-height: 0; vertical-align: top; }
.bio-sec .col-wrap .contain { width: calc(100% - 150px); display: flex; align-items: stretch; justify-content: space-between; flex-direction: column; }
.bio-sec .title { font-size: 24px; line-height: 36px; width: 100%; display: inline-block; font-family:var(--primary_font_semibold);font-weight:600; }
.bio-sec .col-wrap .bottom { width: 100%; display: inline-block; padding: 32px 0 0 0; }
.bio-sec .summary { width: 100%; display: inline-block; font-family:var(--primary_font_regular) font-size: 16px; line-height: 22px; color: var(--primary_color); }
.bio-sec .summary p { width: 100%; display: inline-block; font-family:var(--primary_font_regular) font-size: 16px; line-height: 22px; color: var(--primary_color); }
.bio-sec .cta { width: 100%; display: inline-block; padding-top: 16px; }
.bio-sec .cta a {text-decoration:none; width: auto; display: inline-block; border: 2px solidvar(--tertiary_color); color: var(--primary_color); font-family:var(--primary_font_semibold) ;font-weight:600;font-size: 16px; line-height: 100%; padding: 9px 17px; transition: 0.3s ease-in-out; background:var(--tertiary_color); }
.bio-sec .cta a:hover { background-color: var(--primary_color); border: 2px solid var(--primary_color); color: #fff; }


@media(max-width:1229px){
  .bio-sec .col-wrap .top { gap: 16px; }
  .bio-sec .title { font-size: 20px; line-height: 28px; }
  .bio-sec .col-wrap .contain { width: calc(100% - 136px); }
}

@media(max-width:991px){
  .bio-sec .bio-inner { flex-wrap: wrap; }
  .bio-sec .col-wrap { width: 100%; }
}

@media(max-width:767px){
  .bio-sec .col-wrap .top { flex-wrap: wrap; }
  .bio-sec .col-wrap .top .image { width: 100%; }
  .bio-sec .col-wrap .contain { width: 100%; }
  .bio-sec .col-wrap .bottom { padding: 16px 0 0; }
  .bio-sec .bio-inner { padding: 40px 0; }
}