/* =========================== About List desc =========================== */
.about-list-view-section { padding-top: 56px; background: var(--white-color); }
.about-list-view-section .container.common-desc-padding { padding-top: 0px; }
.about-list-view-section .list-view-wrapper { background: var(--grey-color-200); padding: 88px 54px; border-radius: 32px; margin-bottom: 30px; }
.about-list-view-section .list-view-title-wrapper { margin-bottom: 50px; }
.about-list-view-section .list-view-title-wrapper .main-title { text-align: center; margin-bottom: 30px; font-weight: 700; }
.about-list-view-section .list-view-wrapper .left-desc .title { margin-bottom: 10px; color: var(--red-color); font-weight: 700; }
.about-list-view-section .list-view-wrapper .left-desc .inner-desc { font-weight: 700; }
.about-list-view-section .list-view-wrapper .secondary-theme-btn { margin-top: 172px; }
.about-list-view-section .list-view-wrapper .right-desc ul { padding: 0px 0px 0px 40px; }
.about-list-view-section .list-view-wrapper .right-desc ul li { position: relative; margin-bottom: 32px; font-size: 20px; line-height: 26px; }
.about-list-view-section .list-view-wrapper .right-desc ul li::before { content: '\f05d'; font-family: 'fontawesome'; position: absolute; top: 4px; left: -40px; font-size: 30px; line-height: 1; color: var(--red-color); }
.about-list-view-section .list-view-wrapper:nth-child(odd) .right-desc ul li::before { content: '\f05d'; }
.about-list-view-section .list-view-wrapper:nth-child(even) .right-desc ul li::before { content: '\f058';  }
.about-list-view-section .list-view-wrapper .right-desc ul li:last-child { margin-bottom: 0px; }
.about-list-view-section .not-sure  p { font-size: 40px; line-height: 48px; }
.about-list-view-section .not-sure { margin-top: 88px; }
.about-list-view-section .not-sure .text-xxl { margin: 0px 0px 72px 0px; font-weight: 700; }

/* =========================== Team =========================== */
.team-section { background: var(--white-color); }
.team-section .container { border-bottom: none;  }
.team-section .team-member { position: relative; }
.team-section .team-member .detail-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; border: none; padding: 0px; }
.team-section .team-member .team-member-img { width: 100%; aspect-ratio: 1 /  0.894; margin-bottom: 20px;  overflow: hidden; border-radius: 14px; background: var(--grey-color-200); }
.team-section .team-member .team-member-img img { width: 100%; height: 100%; object-fit: cover; }
.team-section .team-member .team-member-desc .name { text-transform: uppercase; font-weight: 700; margin-bottom: 5px; }


/* =========================== Member Detail =========================== */
.member-detail-modal .modal-dialog { max-width: 1140px; margin: 0px auto; }
.member-detail-modal .modal-content { border: none; border-radius: 10px; }
.member-detail-modal .modal-body{ padding: 0px; }
.member-detail-modal .modal-header { border: none; padding: 0px; position: absolute; top: -15px; left: -22px;  z-index: 1; }
.member-detail-modal .modal-header .btn-close { position: relative; width: 28px; height: 28px; opacity: 1; border-radius: 50%; background-color: var(--red-color) ; border: 1.5px solid var(--white-color); 
    background-image: none;
}
.member-detail-modal .modal-header .btn-close:hover { background-color: var(--red-color-200); }
.member-detail-modal .modal-header .btn-close::after { content: '\f00d'; font-family: 'fontawesome'; font-size: 20px; line-height: 1; color: var(--white-color); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.member-detail-modal .info-left { width: 27.5%; }
.member-detail-modal .info-left-img { width: 100%; height: 100%; border-radius: 10px 0px 0px 10px; overflow: hidden; }
.member-detail-modal .info-left-img img { width: 100%; height: 100%; object-fit: cover; }
.member-detail-modal .info-right { width: 72.5%; padding: 38px 30px; }
.member-detail-modal .info-right ul{ padding: 0px; margin: 0px 20px 0px 0px; }
.member-detail-modal .info-right .short-desc ul li { margin: 0px 5px; }
.member-detail-modal .info-right .short-desc ul li:first-child { margin-left: 0px; }
.member-detail-modal .info-right .short-desc ul li:last-child { margin-right: 0px; }
.member-detail-modal .info-right .short-desc ul li a { display: block; }
.member-detail-modal .info-right .short-desc ul li a img { width: 40px; }
.member-detail-modal .info-right .short-desc .right-desc h4 { font-size: 20px; line-height: 30px; font-weight: 900; margin-bottom: 10px; }
.member-detail-modal .info-right .short-desc .right-desc .role { font-size: 18px; line-height: 28px; font-style: italic; }
.member-detail-modal .info-right .short-desc { margin-bottom: 25px; }
.member-detail-modal .info-right  > p { margin-bottom: 16px; }
.member-detail-modal .info-right  > p:last-child { margin-bottom: 0px; }


/* =========================== Advantage =========================== */
.advantage-section { background: var(--grey-color-200); }
.advantage-section .secondary-common-title .title { text-transform: unset; }
.advantage-section > .container { padding-bottom: 0px; border-bottom: none; }
.advantage-section .advantage-card { height: 100%; border-radius: 30px; background: var(--white-color); padding: 47px 31px; }
.advantage-section .advantage-card .advantage-card-icon { width: 140px; margin: 0px auto 60px; }
.advantage-section .advantage-card .advantage-card-icon img { width: 100%; height: auto; }
.advantage-section .advantage-card .advantage-card-desc { height: calc(100% - 200px); }
.advantage-section .advantage-card .inner-desc .title { margin-bottom: 22px; font-weight: 700; }
.advantage-section .advantage-card .inner-desc p:not(:last-child) { margin-bottom: 16px; }
.advantage-section .advantage-card .secondary-theme-btn { margin-top: 28px; display: inline-block; }
.advantage-section .container > .not-sure { margin-top: 119px; }

@media (min-width: 1170px) and (max-width: 1499px) {
    .about-list-view-section .not-sure { margin-top: 80px; }
    .about-list-view-section .not-sure .text-xxl { margin: 0px 0px 60px 0px; }
}


@media (min-width: 992px) and (max-width: 1169px) {

    .about-list-view-section .list-view-wrapper { padding: 32px; border-radius: 16px; }
    .about-list-view-section .list-view-title-wrapper { margin-bottom: 40px; }
    .about-list-view-section .list-view-title-wrapper .main-title { margin-bottom: 20px; }
    .about-list-view-section .list-view-wrapper .secondary-theme-btn { margin-top: 100px; }
    .about-list-view-section .list-view-wrapper .right-desc ul { padding: 0px 0px 0px 32px; }
    .about-list-view-section .list-view-wrapper .right-desc ul li::before { font-size: 24px; left: -32px; }
    .about-list-view-section .list-view-wrapper .right-desc ul li { margin-bottom: 24px; font-size: 18px; line-height: 24px; }
    .about-list-view-section .not-sure  p { font-size: 25px; line-height: 33px; }
    .about-list-view-section .not-sure { margin-top: 60px; }
    .about-list-view-section .not-sure .text-xxl { margin: 0px 0px 50px 0px; }
    .team-section .team-member .team-member-img { margin-bottom: 16px; }
    .team-section .team-member .team-member-desc .name { margin-bottom: 4px; }
    .member-detail-modal .modal-dialog { max-width: 900px; }
    .member-detail-modal .modal-header { top: -10px; left: -18px; }
    .member-detail-modal .modal-header .btn-close::after { font-size: 18px; }
    .member-detail-modal .modal-header .btn-close { width: 22px; height: 22px; }
    .member-detail-modal .info-right .short-desc ul li a img { width: 30px; }
    .member-detail-modal .info-right ul { margin: 0px 14px 0px 0px; }
    .member-detail-modal .info-right .short-desc .right-desc h4 { margin-bottom: 6px; }
    .member-detail-modal .info-right { padding: 28px; }

    .advantage-section .advantage-card { padding: 22px; border-radius: 16px;  }
    .advantage-section .advantage-card .advantage-card-icon { width: 80px; margin: 0px auto 30px; }
    .advantage-section .advantage-card .inner-desc .title { margin-bottom: 12px; }
    .advantage-section .advantage-card .advantage-card-desc { height: calc(100% - 110px); }
    .advantage-section .container > .not-sure { margin-top: 0px; }

}

@media (min-width: 768px) and (max-width: 991px) {

    .about-list-view-section { padding-top: 40px; }
    .about-list-view-section .list-view-wrapper { padding: 22px; border-radius: 16px; }
    .about-list-view-section .list-view-title-wrapper { margin-bottom: 32px; }
    .about-list-view-section .list-view-title-wrapper .main-title { margin-bottom: 20px; }
    .about-list-view-section .list-view-wrapper .secondary-theme-btn { margin-top: 50px; }
    .about-list-view-section .list-view-wrapper .right-desc ul { padding: 0px 0px 0px 28px; }
    .about-list-view-section .list-view-wrapper .right-desc ul li::before { font-size: 20px; left: -26px; }
    .about-list-view-section .list-view-wrapper .right-desc ul li { margin-bottom: 24px; font-size: 16px; line-height: 22px; }
    .about-list-view-section .not-sure  p { font-size: 20px; line-height: 28px; }
    .about-list-view-section .not-sure { margin-top: 50px; }
    .about-list-view-section .not-sure .text-xxl { margin: 0px 0px 30px 0px; }
    .team-section .team-member .team-member-img { margin-bottom: 14px; }
    .team-section .team-member .team-member-desc .name { margin-bottom: 4px; }
    .member-detail-modal .modal-dialog { max-width: 700px; }
    .member-detail-modal .modal-header { top: -10px; left: -18px; }
    .member-detail-modal .modal-header .btn-close::after { font-size: 18px; }
    .member-detail-modal .modal-header .btn-close { width: 22px; height: 22px; }
    .member-detail-modal .info-left { width: 30%; }
    .member-detail-modal .info-right { width: 70%; padding: 22px; }
    .member-detail-modal .info-right .short-desc { margin-bottom: 18px; }
    .member-detail-modal .info-right .short-desc ul li a img { width: 24px; }
    .member-detail-modal .info-right ul { margin: 0px 14px 0px 0px; }
    .member-detail-modal .info-right .short-desc .right-desc h4 { margin-bottom: 6px; font-size: 18px; line-height: 26px; }
    .member-detail-modal .info-right .short-desc .right-desc .role { font-size: 16px; line-height: 24px; }
    .member-detail-modal .info-right > p { font-size: 14px; line-height: 22px; }
    .member-detail-modal .info-right { padding: 22px; }
    .advantage-section .advantage-card { padding: 22px; border-radius: 16px;  }
    .advantage-section .advantage-card .advantage-card-icon { width: 60px; margin: 0px auto 30px; }
    .advantage-section .advantage-card .inner-desc .title { margin-bottom: 12px; }
    .advantage-section .advantage-card .advantage-card-desc { height: calc(100% - 90px); }
    .advantage-section .container > .not-sure { margin-top: 0px; }

}

@media (max-width: 767px) {

    .about-list-view-section { padding-top: 40px; }
    .about-list-view-section .list-view-wrapper { padding: 18px; border-radius: 12px; }
    .about-list-view-section .list-view-title-wrapper { margin-bottom: 32px; }
    .about-list-view-section .list-view-title-wrapper .main-title { margin-bottom: 20px; }
    .about-list-view-section .list-view-wrapper .secondary-theme-btn { margin-top: 30px; }
    .about-list-view-section .list-view-wrapper .right-desc ul { padding: 0px 0px 0px 28px; }
    .about-list-view-section .list-view-wrapper .right-desc ul li::before { font-size: 20px; left: -26px; }
    .about-list-view-section .list-view-wrapper .right-desc ul li { margin-bottom: 24px; font-size: 16px; line-height: 22px; }
    .about-list-view-section .not-sure  p { font-size: 20px; line-height: 28px; }
    .about-list-view-section .not-sure { margin-top: 40px; }
    .about-list-view-section .not-sure .text-xxl { margin: 0px 0px 30px 0px; }
    .team-section .team-member .team-member-img { margin-bottom: 14px; }
    .team-section .team-member .team-member-desc .name { margin-bottom: 4px; }
    .member-detail-modal .modal-dialog { max-width: 96%; }
    .member-detail-modal .modal-header { top: -10px; left: -8px; }
    .member-detail-modal .modal-header .btn-close::after { font-size: 16px; }
    .member-detail-modal .modal-header .btn-close { width: 18px; height: 18px; }
    .member-detail-modal .info-left { width: 100%; aspect-ratio: 1 / 0.8; }
    .member-detail-modal .info-left-img { border-radius: 10px 10px 0px 0px; }
    .member-detail-modal .info-right { width: 100%; padding: 22px; }
    .member-detail-modal .info-right .short-desc { margin-bottom: 18px; }
    .member-detail-modal .info-right .short-desc ul li a img { width: 24px; }
    .member-detail-modal .info-right ul { margin: 0px 14px 0px 0px; }
    .member-detail-modal .info-right .short-desc .right-desc h4 { margin-bottom: 2px; font-size: 18px; line-height: 26px; }
    .member-detail-modal .info-right .short-desc .right-desc .role { font-size: 16px; line-height: 24px; }
    .member-detail-modal .info-right { padding: 20px 16px; }
    .member-detail-modal .info-right > p { font-size: 14px; line-height: 22px; }
    .advantage-section .advantage-card { padding: 22px; border-radius: 12px;  }
    .advantage-section .advantage-card .advantage-card-icon { width: 60px; margin: 0px auto 30px; }
    .advantage-section .advantage-card .inner-desc .title { margin-bottom: 12px; }
    .advantage-section .advantage-card .advantage-card-desc { height: calc(100% - 90px); }
    .advantage-section .container > .not-sure { margin-top: 0px; }

}