.team_section { position: relative; width: 100%; margin-bottom: 260px; overflow: hidden; }
.team_section .sec_title { width: 100%; text-align: center; }
.team_section .sec_title h2 { margin-top: 10px; }
.team_section .team_wrap { position: relative; width: 100%; max-width: 1186px; margin: 120px auto 0; display: flex; flex-direction: column; gap: 84px; }
.team_section .team_row { position: relative; width: 100%; display: flex; align-items: center; gap: 110px; }
.team_section .team_row:nth-child(even) { flex-direction: row-reverse; gap: 82px; }
.team_section .image_col { position: relative; width: 440px; height: 440px; }
.team_section .image_col:before { position: absolute; top: 0; right: 0; width: 50vw; height: 100%; background: var(--themebrown); content: ''; opacity: 0.2; border-radius: 0 60px 60px 0; pointer-events: none; }
.team_section .team_row:nth-child(even) .image_col:before { right: auto; left: 0; border-radius: 60px 0 0 60px; }
.team_section .image_col .imgbox { position: relative; display: flex; width: 100%; aspect-ratio: 1/1; }
.team_section .image_col .imgbox img { display: inline-flex; width: 100%; height: 100%; object-fit: cover; border-radius: 60px; }
.team_section .text_col { position: relative; width: 470px; }
.team_section .textwrap { position: relative; width: 100%; }
.team_section .textwrap p { margin-top: 24px; }
.team_section .textwrap p + p { margin-top: 0; }
.team_section .textwrap .link { display: flex; width: 100%; margin-top: 28px; }
.team_section .textwrap .link a { display: inline-flex; font-size: 18px; color: var(--themegreen); font-weight: 700; }


.loader {
  width: 50px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--themegreen);
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}

body.open-popup { overflow: hidden; }
.team_popup_main { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100vh; padding: 90px; background: var(--white); transition: all ease-in-out 300ms; opacity: 0; visibility: hidden; pointer-events: none; }
body.open-popup .team_popup_main { opacity: 1; visibility: visible; pointer-events: all; }
.team_popup_main .loader_main { position: absolute; top: 0; left: 0; z-index: 6; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: var(--white); opacity: 0; visibility: hidden; transition: all ease-in-out 300ms; }
.team_popup_main.loading-popup .loader_main { opacity: 1; visibility: visible; }
.team_popup_main .container { width: 100%; max-width: 1740px; height: 100%; padding: 0; }
.team_popup_main .popup_wrap { position: relative; width: 100%; height: 100%; padding: 30px 100px 40px 30px; display: flex; align-items: flex-start; background: rgba(180,153,109,0.2); border-radius: 60px; overflow: hidden; }
.team_popup_main .leftbox { position: relative; display: flex; min-width: 277px; }
.team_popup_main .leftbox .imgbox { position: relative; display: flex; width: 100%; aspect-ratio: 1/1; }
.team_popup_main .leftbox .imgbox img { display: inline-flex; width: 100%; height: 100%; object-fit: cover; border-radius: 60px; }
.team_popup_main .content_box { position: relative; height: 100%; min-height: 0; padding: 34px 0 0 120px; flex-grow: 1; display: flex; flex-direction: column; overflow: hidden; }
.team_popup_main .content_box::-webkit-scrollbar { width: 0; height: 0; }
.team_popup_main .content_box.simplebar-scrollable-y { padding-right: 26px; }
.team_popup_main .content_box .simplebar-wrapper,
.team_popup_main .content_box .simplebar-mask,
.team_popup_main .content_box .simplebar-offset,
.team_popup_main .content_box .simplebar-content-wrapper,
.team_popup_main .content_box .simplebar-content { height: 100%; }
.team_popup_main .content_box .simplebar-scrollbar:before { background: var(--themebrown); opacity: 1; }
.team_popup_main .content_box .simplebar-track.simplebar-vertical { width: 14px; }
.team_popup_main .content_box .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { left: 0; right: 0; bottom: 4px; border-radius: 30px; }
.team_popup_main .content_box .heading_bar { position: relative; width: 100%; }
.team_popup_main .content_box .heading_bar .label { display: block; font-size: 18px; color: var(--themegreen); font-weight: 700; }
.team_popup_main .content_box .heading_bar h2 { margin-top: 15px; font-weight: 700; }
.team_popup_main .content_box .heading_bar h4 { margin-top: 6px; font-weight: 700; }
.team_popup_main .content_box .textbody { position: relative; width: 100%; margin-top: 104px; flex: 1 1 auto; min-height: 0; }
.team_popup_main .content_box .text-data { max-width: 786px; }
.team_popup_main .content_box .text-data h3,
.team_popup_main .content_box .text-data h4,
.team_popup_main .content_box .text-data h5,
.team_popup_main .content_box .text-data h6 { margin-bottom: 8px; font-size: 25px; color: var(--themebrown); font-weight: 700; }
.team_popup_main .content_box .text-data h3:not(:first-child),
.team_popup_main .content_box .text-data h4:not(:first-child),
.team_popup_main .content_box .text-data h5:not(:first-child),
.team_popup_main .content_box .text-data h6:not(:first-child) { margin-top: 30px; }
.team_popup_main .btn-close { position: absolute; top: 87px; right: 82px; z-index: 2; display: flex; }
.team_popup_main .btn-close a { display: flex; width: 45px; }
.team_popup_main .btn-close a img { display: inline-flex; width: 100%; }


@media (min-width: 1400px) and (max-width: 1599px) {
    .team_popup_main { padding: 60px; }
    .team_popup_main .content_box { padding-left: 50px; }
    .team_popup_main .content_box .textbody { margin-top: 80px; }
    .team_popup_main .content_box .text-data { max-width: 660px; }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .team_popup_main { padding: 60px; }
    .team_popup_main .content_box { padding-left: 50px; }
    .team_popup_main .leftbox { min-width: 230px;max-width: 230px; }
    .team_popup_main .content_box .textbody { margin-top: 80px; }
    .team_popup_main .content_box .text-data { max-width: 660px; }
}

@media (max-width: 1200px) {

    .team_section .team_wrap { max-width: 100%; }

}

@media (min-width: 992px) and (max-width: 1200px) {
    .team_section { margin-bottom: 120px; }
    .team_section .team_wrap { margin-top: 80px; }
    .team_section .team_row,
    .team_section .team_row:nth-child(even) { gap: 50px; }
    .team_section .image_col { width: 400px; height: 400px; }

    .team_popup_main { padding: 40px; }
    .team_popup_main .btn-close { top: 50px; right: 50px; }
    .team_popup_main .popup_wrap { padding-right: 30px; }
    .team_popup_main .content_box { padding-left: 40px; }
    .team_popup_main .leftbox { min-width: 230px;max-width: 230px; }
    .team_popup_main .content_box .textbody { margin-top: 80px; }
    .team_popup_main .content_box .text-data { max-width: 540px; }
}

@media (max-width: 991px) {

    .team_section { margin-bottom: 100px; }
    .team_section .team_wrap { margin-top: 58px; gap: 68px; }
    .team_section .image_col:before,
    .team_section .team_row:nth-child(even) .image_col:before { display: none; }
    .team_section .team_row,
    .team_section .team_row:nth-child(even) { flex-direction: column; gap: 40px; }
    .team_section .text_col { text-align: center; }
    .team_section .textwrap .link { width: 100%; justify-content: center; }
    .team_popup_main .leftbox .imgbox,
    .team_popup_main .leftbox .imgbox img { border-radius: 30px; }
    .team_section .image_col .imgbox,
    .team_section .image_col .imgbox img { border-radius: 30px; }

    .team_popup_main { padding: 40px; }
    .team_popup_main .btn-close { top: 50px; right: 50px; }
    .team_popup_main .popup_wrap { padding-right: 30px; flex-direction: column; align-items: center; border-radius: 30px; }
    .team_popup_main .content_box { padding-left: 0; width: 100%; }
    .team_popup_main .leftbox { min-width: 230px;max-width: 230px; }
    .team_popup_main .content_box .textbody { margin-top: 40px; }
    .team_popup_main .content_box .text-data { max-width: 540px; }

}

@media (min-width: 768px) and (max-width: 991px) {
    .team_section .image_col { width: 400px; height: 400px; }
}



@media (max-width: 767px) {

    .team_section .container { padding: 0 42px; }
    .team_popup_main { padding: 25px; }
    .team_popup_main .container { padding: 0 !important; }
    .team_popup_main .popup_wrap { padding-top: 50px; }
    .team_popup_main .btn-close { top: 20px; right: 20px; }
    .team_popup_main .btn-close a { width: 30px; }
    .team_popup_main .content_box .text-data { max-width: calc(100% - 20px); }
    .team_section .image_col { width: 172px; height: 172px; }
    .team_section .text_col { width: 100%; }
    .team_popup_main .content_box .simplebar-track.simplebar-vertical { width: 6px; }

}