/* ============================================================
   ISCAE custom styles
   Each page's rules are scoped under a body.pg-* class so that
   identical class names used on different pages never collide.
   ============================================================ */


/* ===================== Journal pages (pg-journal) ===================== */
body.pg-journal .jr-title { text-align: center; margin: 29px 0 6px; text-transform: uppercase; color: #11144d; }
body.pg-journal .jr-title__id { text-align: center; font-style: italic; color: #ca0062; margin-bottom: 20px; }
body.pg-journal .jr-intro { margin: 0 auto 26px; }
body.pg-journal .jr-intro p { color: #11144d; font-weight: 500; margin-bottom: 4px; }
body.pg-journal .jr-intro .id-text { display: block; font-style: italic; color: #777; font-size: 14px; line-height: 24px; }
body.pg-journal .jr-subhead { margin: 30px 0 18px; }
body.pg-journal .jr-subhead h5 { color: #11144d; font-weight: 700; margin-bottom: 2px; }
body.pg-journal .jr-subhead .id-sub { display: block; font-style: italic; color: #ca0062; font-size: 15px; }
body.pg-journal .jr-card { display: flex; gap: 16px; align-items: flex-start; background: #fff0f8; border: 1px solid #ca006226; border-radius: 8px; padding: 20px 18px; margin-bottom: 20px; height: 95%; transition: all .3s ease; }
body.pg-journal .jr-card:hover { box-shadow: 0 10px 26px rgba(17, 20, 77, .08); transform: translateY(-4px); }
body.pg-journal .jr-card__icon { flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%; background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; }
body.pg-journal .jr-card__body { flex: 1 1 auto; }
body.pg-journal .jr-card__body h6 { color: #11144d; font-weight: 700; margin-bottom: 6px; }
body.pg-journal .jr-card__body h6 .id-sub { display: block; font-weight: 400; font-style: italic; color: #971b68; font-size: 14px; }
body.pg-journal .jr-card__body p { color: #333; font-size: 14px; line-height: 23px; margin-bottom: 2px; }
body.pg-journal .jr-card__body .id-text { display: block; font-style: italic; color: #777; font-size: 13px; line-height: 22px; margin-bottom: 6px; }
body.pg-journal .jr-sublead { font-weight: 600; color: #11144d; margin: 8px 0 2px; }
body.pg-journal .jr-sublist { margin: 6px 0 0; padding-left: 18px; }
body.pg-journal .jr-sublist li { color: #333; font-size: 14px; margin-bottom: 8px; }
body.pg-journal .jr-sublist li .id-text { display: block; font-style: italic; color: #777; font-size: 13px; }
body.pg-journal .jr-note { background: #fff0f8; border-left: 4px solid #971b68; border-radius: 6px; padding: 16px 18px; margin: 14px 0 0; color: #11144d; font-weight: 500; }
body.pg-journal .jr-note .id-text { display: block; font-style: italic; color: #777; font-weight: 400; font-size: 13px; margin-top: 4px; }
body.pg-journal .jr-contact {  margin: 36px auto 0; text-align: center; border: 1px solid #ca006233; border-radius: 8px; padding: 24px 20px; background: #fff0f8; }
body.pg-journal .jr-contact p { margin-bottom: 4px; color: #11144d; font-weight: 600; }
body.pg-journal .jr-contact .id-text { display: block; font-style: italic; color: #777; font-weight: 400; font-size: 14px; margin-bottom: 8px; }
body.pg-journal .jr-contact a { color: #ca0062; }


/* ===================== Ethics & Plagiarism (pg-ethics) ===================== */
body.pg-ethics .eth-hero { text-align: center; padding: 10px 0 6px; }
body.pg-ethics .eth-hero__icon {
    width: 84px; height: 84px; border-radius: 50%;
    background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%);
    color: #fff; font-size: 34px;
    display: inline-flex; align-items: center; justify-content: center;
    margin-bottom: 16px; box-shadow: 0 10px 24px rgba(151, 27, 104, .25);
}
body.pg-ethics .eth-hero h3 { color: #11144d; text-transform: uppercase; margin-bottom: 0; }
body.pg-ethics .eth-hero .id { display: block; font-style: italic; color: #971b68; font-size: 22px; margin: 2px 0 16px; }
body.pg-ethics .eth-hero p { max-width: 860px; margin: 0 auto; color: #444; }
body.pg-ethics .eth-hero .id-text { display: block; font-style: italic; color: #777; font-size: 14px; margin-top: 4px; }

body.pg-ethics .eth-subhead { text-align: center; margin: 46px 0 26px; }
body.pg-ethics .eth-subhead h5 {
    color: #11144d; font-weight: 700; text-transform: uppercase; letter-spacing: .5px;
    display: inline-block; position: relative; padding-bottom: 12px; margin-bottom: 2px;
}
body.pg-ethics .eth-subhead h5:after {
    content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
    width: 60px; height: 3px; border-radius: 3px;
    background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%);
}
body.pg-ethics .eth-subhead .id-sub { display: block; font-style: italic; color: #ca0062; }

body.pg-ethics .eth-card {
    position: relative; background: #fff; border: 1px solid #eee; border-radius: 12px;
    padding: 26px 26px 22px 30px; margin-bottom: 24px; height: 95%;
    box-shadow: 0 4px 18px rgba(17, 20, 77, .05); transition: all .3s ease; overflow: hidden;
}
body.pg-ethics .eth-card:before {
    content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 5px;
    background: linear-gradient(180deg, #00229E 0%, #6E1299 50%, #FE0094 100%);
}
body.pg-ethics .eth-card:hover { box-shadow: 0 14px 32px rgba(17, 20, 77, .12); transform: translateY(-4px); }
body.pg-ethics .eth-card__head { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
body.pg-ethics .eth-card__icon {
    flex: 0 0 auto; width: 52px; height: 52px; border-radius: 12px;
    background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%);
    color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px;
}
body.pg-ethics .eth-card__title h6 { margin: 0; color: #11144d; font-weight: 700; font-size: 18px; }
body.pg-ethics .eth-card__title .id-sub { font-style: italic; color: #971b68; font-size: 14px; }
body.pg-ethics .eth-card p { color: #444; font-size: 14px; line-height: 23px; margin-bottom: 2px; }
body.pg-ethics .eth-card .id-text { display: block; font-style: italic; color: #777; font-size: 13px; line-height: 22px; margin-bottom: 6px; }
body.pg-ethics .eth-card__lead { font-weight: 600; color: #11144d; margin: 12px 0 12px; }
body.pg-ethics .eth-checks { list-style: none; padding: 0; margin: 0; }
body.pg-ethics .eth-checks li { position: relative; padding-left: 28px; margin-bottom: 12px; color: #11144d; font-weight: 500; font-size: 14px; }
body.pg-ethics .eth-checks li:before {
    content: "\f058"; font-family: FontAwesome; position: absolute; left: 0; top: 1px; color: #ca0062; font-size: 16px;
}
body.pg-ethics .eth-checks li .id-text { display: block; font-style: italic; color: #777; font-weight: 400; font-size: 13px; }

body.pg-ethics .eth-note {
    display: flex; gap: 18px; align-items: center;
    background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%);
    color: #fff; border-radius: 12px; padding: 24px 28px; margin-top: 26px;
}
body.pg-ethics .eth-note__icon { font-size: 30px; flex: 0 0 auto; }
body.pg-ethics .eth-note p { margin: 0; color: #fff; font-weight: 600; }
body.pg-ethics .eth-note .id-text { display: block; font-style: italic; color: #ffd6ef; font-weight: 400; font-size: 13px; margin-top: 4px; }

body.pg-ethics .eth-contact {
     margin: 30px auto 0; text-align: center;
    border: 1px solid #ca006233; border-radius: 12px; padding: 26px 22px; background: #fff0f8;
}
body.pg-ethics .eth-contact p { margin-bottom: 4px; color: #11144d; font-weight: 600; }
body.pg-ethics .eth-contact .id-text { display: block; font-style: italic; color: #777; font-weight: 400; font-size: 14px; margin-bottom: 8px; }
body.pg-ethics .eth-contact a { color: #ca0062; }


/* ===================== index.php (pg-index) ===================== */
body.pg-index .conf-c .col-lg-4 {
    flex: 0 0 auto;
    width: 24.333333%;
    padding: 8px;
}
body.pg-index .col-xl-3.col-6.aos-init.aos-animate {
    flex: 0 0 auto;
    width: 19%;
    padding: 11px;
}

/* achievement */
body.pg-index .achievement {
    background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%);
    padding: 70px 0;
}
body.pg-index .achievement__title {
    text-align: center;
    margin-bottom: 6px;
    color: #fff;
}
body.pg-index .achievement__title__id {
    text-align: center;
    font-style: italic;
    color: #ffd6ef;
    margin-bottom: 10px;
}
body.pg-index .achievement__desc {
    text-align: center;
    margin: 0 auto 16px;
    color: #f3e8f1;
}
body.pg-index .achievement__desc .id-text {
    display: block;
    font-style: italic;
    color: #ffd6ef;
    font-size: 14px;
}
body.pg-index .achievement__card {
    text-align: center;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 10px;
    padding: 30px 18px;
    margin-top: 26px;
    height: 100%;
}
body.pg-index .achievement__count {
    font-size: 40px;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
}
body.pg-index .achievement__count .plus {
    color: #ffd6ef;
}
body.pg-index .achievement__card p {
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin: 3px 0 0px;
    font-size: 14px;
}
body.pg-index .achievement__card .id-text {
    display: block;
    font-style: italic;
    color: #ffd6ef;
    font-size: 11px;
}

/* whyjoin */
body.pg-index .whyjoin {
    padding: 90px 0;
    background: #f5f7fb;
}
body.pg-index .whyjoin__head {
    text-align: center;
    margin-bottom: 30px;
}
body.pg-index .whyjoin__badge {
    display: inline-block;
    background: #fbe2f1;
    color: #ca0062;
    font-weight: 600;
    letter-spacing: 1.5px;
    font-size: 12px;
    padding: 8px 20px;
    border-radius: 30px;
    text-transform: uppercase;
}
body.pg-index .whyjoin__head h3 {
    margin: 18px 0 0;
    color: #11144d;
}
body.pg-index .whyjoin__head .id {
    display: block;
    font-style: italic;
    color: #971b68;
    font-size: 26px;
    margin-top: 4px;
}
body.pg-index .whyjoin__sub {
    color: #555;
    max-width: 760px;
    margin: 14px auto 0;
}
body.pg-index .whyjoin__card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 28px 24px;
    height: 95%;
    margin-top: 24px;
    transition: all .3s ease;
}
body.pg-index .whyjoin__card:hover {
    box-shadow: 0 12px 30px rgba(17, 20, 77, .10);
    transform: translateY(-4px);
    border-color: #ca006233;
}
body.pg-index .whyjoin__icon {
    width: 50px;
    height: 50px;
    border-radius: 12px;
    background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 18px;
}
body.pg-index .whyjoin__card h6 {
    color: #11144d;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 12px;
}
body.pg-index .whyjoin__card .id-text {
    display: block;
    font-style: italic;
    color: #666;
    font-size: 14px;
    line-height: 23px;
}

/* sustainable development commitment */
body.pg-index .sdg {
    padding: 90px 0;
    background: #f5f7fb;
}
body.pg-index .sdg__head {
    text-align: center;
    margin-bottom: 36px;
}
body.pg-index .sdg__head h3 {
    color: #11144d;
    margin-bottom: 0;
}
body.pg-index .sdg__head .id {
    display: block;
    font-style: italic;
    color: #971b68;
    font-size: 24px;
    margin-top: 4px;
}
body.pg-index .sdg__intro {
    /* max-width: 860px; */
    margin: 14px auto 0;
    color: #444;
}
body.pg-index .sdg__intro .id-text {
    display: block;
    font-style: italic;
    color: #777;
    font-size: 14px;
    margin-top: 4px;
}
body.pg-index .sdg__img img {
    width: 95%;
    border-radius: 10px;
    /* box-shadow: 0 8px 24px rgba(17, 20, 77, .12); */
}
body.pg-index .sdg__contrib__title {
    color: #11144d;
    font-weight: 700;
    margin-bottom: 37px;
    font-size: 32px;
}
body.pg-index .sdg__list {
    list-style: none;
    padding: 0;
    margin: 0;
}
body.pg-index .sdg__list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
    color: #11144d;
    font-weight: 600;
    font-size: 15px;
    background: #fff;
    border: 1px solid #eee;
    border-left: 4px solid #971b68;
    border-radius: 8px;
    padding: 16px 18px;
    transition: all .3s ease;
}
body.pg-index .sdg__list li:hover {
    box-shadow: 0 10px 26px rgba(17, 20, 77, .10);
    transform: translateY(-4px);
    border-left-color: #ca0062;
}
body.pg-index .sdg__list li i {
    color: #ca0062;
    font-size: 18px;
    margin-top: 3px;
    flex: 0 0 auto;
}
body.pg-index .sdg__list .id-text {
    display: block;
    font-style: italic;
    color: #777;
    font-size: 13px;
    font-weight: 400;
}

/* highlights */
body.pg-index .highlights {
    padding: 90px 0;
    background: #fff;
    overflow: hidden;
}
.up-com .id {
    display: block;
    font-style: italic;
    color: #971b68;
    font-size: 26px;
    margin-top: 4px;
    text-align: center;
}
/* Home Speaker Feedback cards follow the document order: speaker details first, then the feedback.
   The dashed divider moves from under the quote to under the speaker. */
body.pg-index .testimonial__2 .testimonial__2__author {
    border-bottom: 1px dashed var(--borderColor2);
    padding-bottom: 18px;
    margin-bottom: 18px;
}
body.pg-index .testimonial__2 .testimonial__text--2 {
    border-bottom: 0;
    padding-bottom: 0;
}
body.pg-index .testimonial__2 .testimonial__label {
    display: block;
    color: #971b68;
    font-style: normal;
    margin-bottom: 4px;
}
/* Home "About ISCAE" heading: Indonesian subtitle, same style as the other home headings */
body.pg-index #about__mission__area .section__title__heading .id {
    display: block;
    font-style: italic;
    color: #971b68;
    font-size: 22px;
    margin-top: 4px;
}
body.pg-index .highlights__head {
    text-align: center;
    margin-bottom: 40px;
}
body.pg-index .highlights__head h3 {
    color: #11144d;
    margin-bottom: 0;
}
body.pg-index .highlights__head .id {
    display: block;
    font-style: italic;
    color: #971b68;
    font-size: 24px;
    margin-top: 4px;
}
body.pg-index .highlights__slider {
    width: 100%;
    overflow: hidden;
    position: relative;
}
body.pg-index .highlights__track {
    display: flex;
    width: max-content;
    animation: highlightsScroll 45s linear infinite;
}
body.pg-index .highlights__track:hover {
    animation-play-state: paused;
}
body.pg-index .highlights__item {
    flex: 0 0 auto;
    width: 340px;
    margin-right: 20px;
}
body.pg-index .highlights__item img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(17, 20, 77, .10);
}
@keyframes highlightsScroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

/* peer review */
body.pg-index .peerreview {
    padding: 90px 0;
    background: #f5f7fb;
}
body.pg-index .peerreview__head {
    text-align: center;
    margin-bottom: 30px;
}
body.pg-index .peerreview__head h3 {
    color: #11144d;
    margin-bottom: 0;
}
body.pg-index .peerreview__head .id {
    display: block;
    font-style: italic;
    color: #971b68;
    font-size: 24px;
    margin-top: 4px;
}
body.pg-index .peerreview__intro {
    /* max-width: 950px; */
    margin: 16px auto 0;
    text-align: center;
    color: #444;
}
body.pg-index .peerreview__intro .id-text {
    display: block;
    font-style: italic;
    color: #777;
    font-size: 14px;
    line-height: 24px;
    margin-top: 4px;
}
body.pg-index .peerreview__card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 28px 24px;
    height: 100%;
    margin-top: 26px;
    position: relative;
    transition: all .3s ease;
}
body.pg-index .peerreview__card:hover {
    box-shadow: 0 12px 30px rgba(17, 20, 77, .10);
    transform: translateY(-4px);
    border-color: #ca006233;
}
body.pg-index .peerreview__step {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%);
    color: #fff;
    font-weight: 800;
    font-size: 18px;
    margin-bottom: 16px;
}
body.pg-index .peerreview__card h6 {
    color: #11144d;
    font-weight: 700;
    margin-bottom: 10px;
}
body.pg-index .peerreview__card p {
    color: #444;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 6px;
}
body.pg-index .peerreview__card .id-text {
    display: block;
    font-style: italic;
    color: #777;
    font-size: 13px;
    line-height: 22px;
}
body.pg-index .peerreview__outcome {
    background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%);
    border-radius: 12px;
    padding: 34px 30px;
    margin-top: 40px;
    text-align: left;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 24px;
}
body.pg-index .peerreview__outcome__icon {
    flex: 0 0 auto;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: #fff;
}
body.pg-index .peerreview__outcome__body {
    flex: 1 1 auto;
}
body.pg-index .peerreview__outcome h5 {
    color: #fff;
    margin-bottom: 12px;
}
body.pg-index .peerreview__outcome p {
    color: #f3e8f1;
    margin: 0 0 6px;
}
body.pg-index .peerreview__outcome .id-text {
    display: block;
    font-style: italic;
    color: #ffd6ef;
    font-size: 14px;
}

/* recent proceedings publications */
body.pg-index .proceedings {
    padding: 90px 0;
    background: #fff;
}
body.pg-index .proceedings__head {
    text-align: center;
    margin-bottom: 30px;
}
body.pg-index .proceedings__head h3 {
    color: #11144d;
    margin-bottom: 0;
}
body.pg-index .proceedings__head .id {
    display: block;
    font-style: italic;
    color: #971b68;
    font-size: 24px;
    margin-top: 4px;
}
body.pg-index .proceedings__intro {
    max-width: 760px;
    margin: 14px auto 0;
    color: #444;
}
body.pg-index .proceedings__intro .id-text {
    display: block;
    font-style: italic;
    color: #777;
    font-size: 14px;
    margin-top: 4px;
}
body.pg-index .proceedings__card {
    background: #f5f7fb;
    border: 1px solid #eee;
    border-top: 4px solid #971b68;
    border-radius: 10px;
    padding: 32px 30px;
}
body.pg-index .proceedings__card h5 {
    color: #11144d;
    font-weight: 700;
    margin-bottom: 20px;
}
body.pg-index .proceedings__card h5 .proceedings__card__id {
    font-weight: 400;
    font-style: italic;
    color: #971b68;
    font-size: 16px;
}
body.pg-index .proceedings__list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px;
}
body.pg-index .proceedings__list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    color: #11144d;
    font-weight: 600;
    font-size: 15px;
}
body.pg-index .proceedings__list li i {
    color: #ca0062;
    font-size: 18px;
    margin-top: 3px;
    flex: 0 0 auto;
}
body.pg-index .proceedings__list .id-text {
    display: block;
    font-style: italic;
    color: #777;
    font-size: 13px;
    font-weight: 400;
}
body.pg-index .proceedings__btn {
    display: inline-block;
    background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%);
    color: #fff;
    padding: 12px 30px;
    border-radius: 6px;
    font-weight: 600;
}
body.pg-index .proceedings__btn:hover {
    color: #fff;
    opacity: .92;
}
body.pg-index .proceedings__btn span {
    font-style: italic;
    font-weight: 400;
    opacity: .9;
}

/* past speakers */
body.pg-index .pastspeakers {
    padding: 90px 0;
    background: #f5f7fb;
}
body.pg-index .pastspeakers__head {
    text-align: center;
    margin-bottom: 20px;
}
body.pg-index .pastspeakers__head h3 {
    color: #11144d;
    margin-bottom: 0;
}
body.pg-index .pastspeakers__head .id {
    display: block;
    font-style: italic;
    color: #971b68;
    font-size: 24px;
    margin-top: 4px;
}
body.pg-index .speaker__card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 26px 22px;
    text-align: center;
    height: 100%;
    margin-top: 26px;
    transition: all .3s ease;
}
body.pg-index .speaker__card:hover {
    box-shadow: 0 12px 30px rgba(17, 20, 77, .10);
    transform: translateY(-4px);
    border-color: #ca006233;
}
body.pg-index .speaker__card__img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto 18px;
    border: 4px solid #fff;
    box-shadow: 0 0 0 3px #971b6833;
}
body.pg-index .speaker__card h5 {
    color: #11144d;
    font-size: 18px;
    margin-bottom: 6px;
}
body.pg-index .speaker__card p {
    color: #555;
    font-size: 14px;
    margin-bottom: 2px;
    text-align: center;
}

/* award highlights (index) */
body.pg-index .awards-h {
    padding: 90px 0;
    background: #fff;
}
body.pg-index .awards-h__head {
    text-align: center;
    margin-bottom: 20px;
}
body.pg-index .awards-h__head h3 {
    color: #11144d;
    margin-bottom: 0;
}
body.pg-index .awards-h__head .id {
    display: block;
    font-style: italic;
    color: #971b68;
    font-size: 24px;
    margin-top: 4px;
}
body.pg-index .award__card {
    background: #f5f7fb;
    border: 1px solid #eee;
    border-top: 4px solid #971b68;
    border-radius: 10px;
    padding: 26px 24px;
    min-height: 95%;
    margin-top: 40px;
    transition: all .3s ease;
}
body.pg-index .award__card:hover {
    box-shadow: 0 12px 30px rgba(17, 20, 77, .10);
    transform: translateY(-4px);
}
body.pg-index .award__code {
    display: inline-block;
    background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .5px;
    padding: 5px 16px;
    border-radius: 30px;
    margin-bottom: 10px;
}
body.pg-index .award__meta {
    color: #777;
    font-size: 13px;
    margin-bottom: 12px;
}
body.pg-index .award__title {
    color: #ca0062;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
}
body.pg-index .award__author {
    color: #11144d;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
}
body.pg-index .award__paper {
    color: #333;
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 10px;
}
body.pg-index .award__paper strong {
    color: #11144d;
}
body.pg-index .award__desc {
    color: #555;
    font-size: 13px;
    line-height: 22px;
    font-style: italic;
    margin-bottom: 0;
}

/* speaker feedback author image */
body.pg-index .testimonial__2__author__img {
    width: 70px;
    height: 70px;
    /* margin: 0 auto; */
}
body.pg-index .testimonial__2__author__img img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
}


/* ===================== about.php (pg-about) ===================== */
body.pg-about .conf-c .col-lg-4 {
    flex: 0 0 auto;
    width: 24.333333%;
    padding: 8px;
}
body.pg-about .col-xl-3.col-6.aos-init.aos-animate {
    flex: 0 0 auto;
    width: 19%;
    padding: 11px;
}
body.pg-about i.fa.fa-arrow-circle-right {
    color: #d71c4e;
}
body.pg-about .abt-id {
    font-style: italic;
    color: #ca0062;
}
body.pg-about .abt-heading {
    color: #11144d;
    margin-bottom: 2px;
}
body.pg-about .abt-id-sub {
    display: block;
    font-style: italic;
    color: #ca0062;
    font-size: 15px;
    margin-bottom: 12px;
}
/* converted inline styles */
body.pg-about .abt-bridges-head {
    text-align: center;
    padding-top: 50px;
}
body.pg-about .abt-id--mb24 {
    margin-bottom: 24px;
}
body.pg-about .abt-purpose-img {
    width: 100%;
    border-radius: 6px;
}


/* ===================== faq.php (pg-faq) ===================== */
body.pg-faq .faq__accordion .accordion-item h2 button {
    margin-bottom: 0;
}
body.pg-faq .faq__accordion .accordion-item h2 button.accordion-button.collapsed {
    background: #0c072c14;
    color: var(--blackColor);
    margin-bottom: 18px;
}
body.pg-faq li.list-group-item {
    margin: 10px 0 10px;
    padding: 17px 10px 8px;
}
body.pg-faq .list-group-item h6 {
    margin-bottom: 7px;
}
body.pg-faq li.list-group-item p {
    margin-bottom: 0px !important;
}
body.pg-faq li.list-group-item strong {
    color: #ca0062;
}
body.pg-faq i.fa.fa-star-half-o {
    color: #ca0062;
}
body.pg-faq .id-sub {
    display: block;
    font-style: italic;
    color: #ca0062;
    font-size: 14px;
    margin-top: 2px;
}
body.pg-faq .id-text {
    display: block;
    font-style: italic;
    color: #555;
    font-size: 14px;
    line-height: 23px;
    margin-top: 3px;
}
body.pg-faq .faq__intro {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 30px;
}
body.pg-faq .faq__assist {
    max-width: 900px;
    margin: 40px auto 0;
    text-align: center;
    border: 1px solid #ca006233;
    border-radius: 6px;
    padding: 26px 20px;
    background: #fff0f8;
}
body.pg-faq .faq__assist h5 {
    margin-bottom: 4px;
}
body.pg-faq .faq__assist .faq__assist__contact {
    margin-top: 14px;
    font-weight: 600;
    color: #11144d;
}
body.pg-faq .faq__assist .faq__assist__contact a {
    color: #ca0062;
}
/* converted inline styles */
body.pg-faq .faq__title {
    text-align: center;
    margin: 29px 0 6px;
    text-transform: uppercase;
}
body.pg-faq .faq__title__id {
    text-align: center;
    font-style: italic;
    color: #ca0062;
    margin-bottom: 18px;
}
body.pg-faq .faq__assist .id-text {
    margin-bottom: 14px;
}


/* ===================== instructions.php (pg-instructions) ===================== */
body.pg-instructions .about__white__bg:after {
    background: #ffedfb;
}
body.pg-instructions .accordion__text p {
    text-align: left;
    font-size: 15px;
    margin-bottom: 4px;
}
body.pg-instructions i.fa.fa-arrow-circle-right {
    color: #d71c4e;
}
body.pg-instructions .ins-section__title {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
}
body.pg-instructions .ins-section__icon {
    flex: 0 0 auto;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}
body.pg-instructions .ins-section__title h5 {
    margin-bottom: 2px;
}
body.pg-instructions .ins-section__title .id-sub {
    display: block;
    font-style: italic;
    color: #d71c4e;
    font-size: 15px;
    margin-bottom: 0;
}
body.pg-instructions .ins-card {
    border: 1px solid #33333326;
    padding: 24px 20px;
    background: #f2f5f612;
    box-shadow: 2px 2px 0px #aabfc6;
    margin-bottom: 30px;
    height: 100%;
    text-align: left;
    border-radius: 4px;
    transition: all .3s ease;
}
body.pg-instructions .ins-card:hover {
    box-shadow: 4px 4px 0px #d71c4e66;
    transform: translateY(-3px);
}
body.pg-instructions .ins-card .ins-card__icon i {
    color: #d71c4e;
    font-size: 28px;
    margin-bottom: 14px;
    display: inline-block;
}
body.pg-instructions .ins-card p {
    font-size: 15px;
    line-height: 26px;
    color: #11144d;
    margin-bottom: 6px;
    font-weight: 600;
}
body.pg-instructions .ins-card .id-text {
    display: block;
    font-style: italic;
    color: #555;
    font-size: 14px;
    line-height: 23px;
}
body.pg-instructions .ins-card--icon-left {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: linear-gradient(135deg, #ffffff 0%, #ffeef9 100%);
    border-color: #ffffff33;
}
body.pg-instructions .ins-card--icon-left .ins-card__icon {
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #d71c4e14;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.pg-instructions .ins-card--icon-left .ins-card__icon i {
    margin-bottom: 0;
    font-size: 24px;
}
body.pg-instructions .ins-card--icon-left .ins-card__body {
    flex: 1 1 auto;
}
body.pg-instructions .pres-tabs .nav-tabs {
    border-bottom: 2px solid #d71c4e33;
    justify-content: center;
    gap: 10px;
    margin-bottom: 35px;
    flex-wrap: wrap;
}
body.pg-instructions .pres-tabs .nav-tabs .nav-link {
    border: 1px solid #33333326;
    color: #070228;
    font-weight: 600;
    border-radius: 6px 6px 0 0;
    padding: 12px 24px;
    text-align: center;
    line-height: 1.3;
}
body.pg-instructions .pres-tabs .nav-tabs .nav-link .id {
    display: block;
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    opacity: .85;
}
body.pg-instructions .pres-tabs .nav-tabs .nav-link.active {
    background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%);
    color: #fff;
    border-color: transparent;
}


/* ===================== Editorial Board / Speakers shared look ===================== */

/* eligibility.php (pg-eligibility) */
body.pg-eligibility .eb-page-title { text-align: center; margin: 29px 0 6px; text-transform: uppercase; }
body.pg-eligibility .eb-page-title__id { text-align: center; font-style: italic; color: #ca0062; margin-bottom: 24px; }
body.pg-eligibility .eb-intro { max-width: 980px; margin: 0 auto 10px; }
body.pg-eligibility .eb-intro p { margin-bottom: 4px; color: #11144d; font-weight: 500; }
body.pg-eligibility .eb-intro .id-text { display: block; font-style: italic; color: #555; font-size: 14px; line-height: 24px; margin-bottom: 18px; }
body.pg-eligibility .eb-section__title { margin: 42px 0 6px; }
body.pg-eligibility .eb-section__title h4 { margin-bottom: 2px; }
body.pg-eligibility .eb-section__title .id-sub { display: block; font-style: italic; color: #ca0062; font-size: 15px; }
body.pg-eligibility .eb-section__lead { margin-bottom: 22px; }
body.pg-eligibility .eb-section__lead p { margin-bottom: 2px; font-weight: 600; color: #11144d; }
body.pg-eligibility .eb-section__lead .id-text { display: block; font-style: italic; color: #555; font-size: 14px; }
body.pg-eligibility .eb-card { display: flex; align-items: flex-start; gap: 14px; background: #fff0f8; border: 1px solid #ca006226; border-radius: 6px; padding: 20px 18px; min-height: 161px; margin-top: 25px; margin-bottom: 26px; transition: all .3s ease; }
body.pg-eligibility .eb-card:hover { box-shadow: 3px 3px 0 #ca006233; transform: translateY(-3px); }
body.pg-eligibility .eb-card__icon { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; }
body.pg-eligibility .eb-card__body { flex: 1 1 auto; }
body.pg-eligibility .eb-card__body p { font-weight: 600; color: #11144d; margin-bottom: 4px; font-size: 15px; line-height: 24px; }
body.pg-eligibility .eb-card__body .id-text { display: block; font-style: italic; color: #555; font-size: 14px; line-height: 22px; }
body.pg-eligibility .eb-apply__wrap { text-align: center; margin-top: 40px; }
body.pg-eligibility .eb-apply__btn { display: inline-block; color: #fff; padding: 14px 44px; border-radius: 6px; font-weight: 700; letter-spacing: .5px; text-align: center; background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%); box-shadow: 0 8px 22px rgba(151, 27, 104, .25); transition: all .3s ease; }
body.pg-eligibility .eb-apply__btn:hover { color: #fff; transform: translateY(-3px); box-shadow: 0 12px 28px rgba(151, 27, 104, .35); }
body.pg-eligibility .eb-apply__btn .id { display: block; font-weight: 400; font-style: italic; font-size: 14px; margin-top: 3px; opacity: .9; }
/* converted inline styles */
body.pg-eligibility .eb-subhead { margin-bottom: 4px; }
body.pg-eligibility .eb-subhead-id { display: block; font-style: italic; color: #ca0062; margin-bottom: 20px; }

/* apply.php (pg-apply) */
body.pg-apply .eb-page-title { text-align: center; margin: 29px 0 6px; text-transform: uppercase; }
body.pg-apply .eb-page-title__id { text-align: center; font-style: italic; color: #ca0062; margin-bottom: 18px; }
body.pg-apply .eb-intro { max-width: 900px; margin: 0 auto 10px; text-align: center; }
body.pg-apply .eb-intro p { margin-bottom: 2px; color: #11144d; font-weight: 500; }
body.pg-apply .eb-intro .id-text { display: block; font-style: italic; color: #555; font-size: 14px; line-height: 24px; }
body.pg-apply .apply__form__wrap { max-width: 980px; margin: 30px auto 0; border: 1px solid #ca006226; border-radius: 8px; padding: 34px 30px; background: #fff0f8; box-shadow: 2px 2px 0px #aabfc6; }
body.pg-apply .apply__form__wrap h4 { text-align: center; margin-bottom: 2px; }
body.pg-apply .apply__form__wrap .form-id { text-align: center; font-style: italic; color: #ca0062; margin-bottom: 26px; }
body.pg-apply .apply__group__title { margin: 26px 0 16px; padding-bottom: 8px; border-bottom: 2px solid #ca006233; }
body.pg-apply .apply__group__title h6 { margin-bottom: 0; color: #11144d; text-transform: uppercase; font-weight: 700; letter-spacing: .3px; }
body.pg-apply .apply__group__title span { font-style: italic; color: #ca0062; font-size: 13px; }
body.pg-apply .apply__field { margin-bottom: 18px; }
body.pg-apply .apply__field label { display: block; font-weight: 600; color: #11144d; font-size: 14px; margin-bottom: 6px; }
body.pg-apply .apply__field label .id { font-weight: 400; font-style: italic; color: #ca0062; }
body.pg-apply .apply__field .form-control,
body.pg-apply .apply__field .form-select { width: 100%; padding: 11px 14px; border: 1px solid #ca006233; border-radius: 6px; background: #fff; font-size: 14px; color: #11144d; }
body.pg-apply .apply__field .form-control:focus,
body.pg-apply .apply__field .form-select:focus { outline: none; border-color: #971b68; box-shadow: 0 0 0 2px #971b6822; }
body.pg-apply .apply__submit { text-align: center; margin-top: 28px; }
body.pg-apply .apply__submit button { border: none; color: #fff; padding: 13px 46px; border-radius: 6px; font-weight: 600; letter-spacing: .5px; cursor: pointer; background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%); }

/* editorial-members.php (pg-editorial-members) */
body.pg-editorial-members .eb-page-title { text-align: center; margin: 29px 0 6px; text-transform: uppercase; }
body.pg-editorial-members .eb-page-title__id { text-align: center; font-style: italic; color: #ca0062; margin-bottom: 24px; }
body.pg-editorial-members .eb-intro { max-width: 980px; margin: 0 auto 10px; text-align: center; }
body.pg-editorial-members .eb-intro p { margin-bottom: 4px; color: #11144d; font-weight: 500; }
body.pg-editorial-members .eb-intro .id-text { display: block; font-style: italic; color: #555; font-size: 14px; line-height: 24px; margin-bottom: 18px; }
body.pg-editorial-members .eb-intro .eb-cta { color: #11144d; font-weight: 600; margin-bottom: 2px; }
body.pg-editorial-members .eb-apply__btn { display: inline-block; margin-top: 14px; color: #fff; padding: 12px 38px; border-radius: 6px; font-weight: 600; letter-spacing: .5px; background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%); }
body.pg-editorial-members .eb-apply__btn:hover { color: #fff; opacity: .92; }
body.pg-editorial-members .eb-section__title { margin: 46px 0 24px; text-align: center; }
body.pg-editorial-members .eb-section__title h4 { margin-bottom: 2px; text-transform: uppercase; }
body.pg-editorial-members .eb-section__title .id-sub { display: block; font-style: italic; color: #ca0062; font-size: 15px; }
body.pg-editorial-members .member__card { text-align: center; border: 1px solid #ca006226; border-radius: 8px; padding: 30px 22px; background: #fff0f8; box-shadow: 2px 2px 0px #aabfc6; height: 100%; margin-bottom: 26px; transition: all .3s ease; }
body.pg-editorial-members .member__card:hover { box-shadow: 4px 4px 0 #ca006233; transform: translateY(-3px); }
body.pg-editorial-members .member__card .member__avatar { width: 90px; height: 90px; border-radius: 50%; margin: 0 auto 16px; display: flex; align-items: center; justify-content: center; font-size: 38px; color: #fff; background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%); }
body.pg-editorial-members .member__card .member__role { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: #ca0062; margin-bottom: 10px; }
body.pg-editorial-members .member__card .member__role .id { display: block; font-weight: 400; font-style: italic; text-transform: none; color: #971b68; }
body.pg-editorial-members .member__card h5 { color: #11144d; margin-bottom: 6px; }
body.pg-editorial-members .member__card p { margin-bottom: 2px; color: #555; font-size: 14px; }
body.pg-editorial-members .member__placeholder { text-align: center; border: 1px dashed #ca006255; border-radius: 8px; padding: 40px 22px; background: #fff7fb; max-width: 760px; margin: 0 auto; }
body.pg-editorial-members .member__placeholder p { color: #11144d; font-weight: 600; margin-bottom: 2px; }
body.pg-editorial-members .member__placeholder .id-text { display: block; font-style: italic; color: #555; font-size: 14px; }

/* speaker-eligibility.php (pg-speaker-eligibility) */
body.pg-speaker-eligibility .eb-page-title { text-align: center; margin: 29px 0 6px; text-transform: uppercase; }
body.pg-speaker-eligibility .eb-page-title__id { text-align: center; font-style: italic; color: #ca0062; margin-bottom: 24px; }
body.pg-speaker-eligibility .eb-intro { margin: 0 auto 10px; }
body.pg-speaker-eligibility .eb-apply__wrap { text-align: center; margin-top: 40px; }
body.pg-speaker-eligibility .eb-apply__btn { display: inline-block; color: #fff; padding: 14px 44px; border-radius: 6px; font-weight: 700; letter-spacing: .5px; text-align: center; background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%); box-shadow: 0 8px 22px rgba(151, 27, 104, .25); transition: all .3s ease; }
body.pg-speaker-eligibility .eb-apply__btn:hover { color: #fff; transform: translateY(-3px); box-shadow: 0 12px 28px rgba(151, 27, 104, .35); }
body.pg-speaker-eligibility .eb-apply__btn .id { display: block; font-weight: 400; font-style: italic; font-size: 14px; margin-top: 3px; opacity: .9; }
body.pg-speaker-eligibility .eb-intro p { margin-bottom: 4px; color: #11144d; font-weight: 500; }
body.pg-speaker-eligibility .eb-intro .eb-tick { color: #ca0062; margin-right: 8px; }
body.pg-speaker-eligibility .eb-intro .id-text { display: block; font-style: italic; color: #555; font-size: 14px; line-height: 24px; margin-bottom: 18px; }
body.pg-speaker-eligibility .eb-section__title { margin: 42px 0 6px; }
body.pg-speaker-eligibility .eb-section__title h4 { margin-bottom: 2px; }
body.pg-speaker-eligibility .eb-section__title .id-sub { display: block; font-style: italic; color: #ca0062; font-size: 15px; }
body.pg-speaker-eligibility .eb-section__lead { margin-bottom: 22px; }
body.pg-speaker-eligibility .eb-section__lead p { margin-bottom: 2px; font-weight: 600; color: #11144d; }
body.pg-speaker-eligibility .eb-section__lead .id-text { display: block; font-style: italic; color: #555; font-size: 14px; }
body.pg-speaker-eligibility .eb-card { display: flex; align-items: flex-start; gap: 14px; background: #fff0f8; border: 1px solid #ca006226; border-radius: 6px; padding: 20px 18px; min-height: 161px; margin-top: 26px; margin-bottom: 26px; transition: all .3s ease; }
body.pg-speaker-eligibility .eb-card:hover { box-shadow: 3px 3px 0 #ca006233; transform: translateY(-3px); }
body.pg-speaker-eligibility .eb-card__icon { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; }
body.pg-speaker-eligibility .eb-card__body { flex: 1 1 auto; }
body.pg-speaker-eligibility .eb-card__body p { font-weight: 600; color: #11144d; margin-bottom: 4px; font-size: 15px; line-height: 24px; }
body.pg-speaker-eligibility .eb-card__body .id-text { display: block; font-style: italic; color: #555; font-size: 14px; line-height: 22px; }

/* speaker-apply.php (pg-speaker-apply) */
body.pg-speaker-apply .eb-page-title { text-align: center; margin: 29px 0 6px; text-transform: uppercase; }
body.pg-speaker-apply .eb-page-title__id { text-align: center; font-style: italic; color: #ca0062; margin-bottom: 18px; }
body.pg-speaker-apply .eb-intro { max-width: 900px; margin: 0 auto 10px; text-align: center; }
body.pg-speaker-apply .eb-intro p { margin-bottom: 2px; color: #11144d; font-weight: 500; }
body.pg-speaker-apply .eb-intro .id-text { display: block; font-style: italic; color: #555; font-size: 14px; line-height: 24px; }
body.pg-speaker-apply .apply__form__wrap { max-width: 980px; margin: 30px auto 0; border: 1px solid #ca006226; border-radius: 8px; padding: 34px 30px; background: #fff0f8; box-shadow: 2px 2px 0px #aabfc6; }
body.pg-speaker-apply .apply__form__wrap h4 { text-align: center; margin-bottom: 2px; }
body.pg-speaker-apply .apply__form__wrap .form-id { text-align: center; font-style: italic; color: #ca0062; margin-bottom: 26px; }
body.pg-speaker-apply .apply__group__title { margin: 26px 0 16px; padding-bottom: 8px; border-bottom: 2px solid #ca006233; }
body.pg-speaker-apply .apply__group__title h6 { margin-bottom: 0; color: #11144d; text-transform: uppercase; font-weight: 700; letter-spacing: .3px; }
body.pg-speaker-apply .apply__group__title span { font-style: italic; color: #ca0062; font-size: 13px; }
body.pg-speaker-apply .apply__field { margin-bottom: 18px; }
body.pg-speaker-apply .apply__field label { display: block; font-weight: 600; color: #11144d; font-size: 14px; margin-bottom: 6px; }
body.pg-speaker-apply .apply__field label .id { font-weight: 400; font-style: italic; color: #ca0062; }
body.pg-speaker-apply .apply__field .form-control,
body.pg-speaker-apply .apply__field .form-select { width: 100%; padding: 11px 14px; border: 1px solid #ca006233; border-radius: 6px; background: #fff; font-size: 14px; color: #11144d; }
body.pg-speaker-apply .apply__field .form-control:focus,
body.pg-speaker-apply .apply__field .form-select:focus { outline: none; border-color: #971b68; box-shadow: 0 0 0 2px #971b6822; }
body.pg-speaker-apply .apply__submit { text-align: center; margin-top: 28px; }
body.pg-speaker-apply .apply__submit button { border: none; color: #fff; padding: 13px 46px; border-radius: 6px; font-weight: 600; letter-spacing: .5px; cursor: pointer; background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%); }

/* featured-speakers.php (pg-featured-speakers) */
body.pg-featured-speakers .eb-page-title { text-align: center; margin: 29px 0 6px; text-transform: uppercase; }
body.pg-featured-speakers .eb-page-title__id { text-align: center; font-style: italic; color: #ca0062; margin-bottom: 24px; }
body.pg-featured-speakers .eb-intro { max-width: 980px; margin: 0 auto 10px; text-align: center; }
body.pg-featured-speakers .eb-intro p { margin-bottom: 4px; color: #11144d; font-weight: 500;    text-align: initial; }
body.pg-featured-speakers .eb-intro .id-text { display: block; font-style: italic; color: #555; font-size: 14px; line-height: 24px; margin-bottom: 18px;    text-align: initial; }
body.pg-featured-speakers .eb-intro .eb-cta { color: #11144d; font-weight: 600; margin-bottom: 2px; }
body.pg-featured-speakers .eb-apply__btn { display: inline-block; margin-top: 14px; color: #fff; padding: 12px 38px; border-radius: 6px; font-weight: 600; letter-spacing: .5px; background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%); }
body.pg-featured-speakers .eb-apply__btn:hover { color: #fff; opacity: .92; }
body.pg-featured-speakers .speaker__card { background: #fff; border: 1px solid #eee; border-radius: 10px; padding: 26px 22px; text-align: center; height: 100%; margin-top: 26px; transition: all .3s ease; }
body.pg-featured-speakers .speaker__card:hover { box-shadow: 0 12px 30px rgba(17, 20, 77, .10); transform: translateY(-4px); border-color: #ca006233; }
body.pg-featured-speakers .speaker__card .speaker__avatar { width: 90px; height: 90px; border-radius: 50%; margin: 0 auto 16px; display: flex; align-items: center; justify-content: center; font-size: 38px; color: #fff; background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%); }
body.pg-featured-speakers .speaker__card h5 { color: #11144d; margin-bottom: 6px; }
body.pg-featured-speakers .speaker__card p { margin-bottom: 2px; color: #555; font-size: 14px;text-align: center;}
body.pg-featured-speakers .pastspeakers { padding: 90px 0; background: #f5f7fb; }
body.pg-featured-speakers .pastspeakers__head { text-align: center; margin-bottom: 20px; }
body.pg-featured-speakers .pastspeakers__head h3 { color: #11144d; margin-bottom: 0; }
body.pg-featured-speakers .pastspeakers__head .id { display: block; font-style: italic; color: #971b68; font-size: 24px; margin-top: 4px; }
body.pg-featured-speakers .speaker__card__img { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; margin: 0 auto 18px; border: 4px solid #fff; box-shadow: 0 0 0 3px #971b6833; }
body.pg-featured-speakers .speaker__placeholder { text-align: center; border: 1px dashed #ca006255; border-radius: 8px; padding: 46px 22px; background: #fff7fb; max-width: 760px; margin: 30px auto 0; }
body.pg-featured-speakers .speaker__placeholder p { color: #11144d; font-weight: 600; margin-bottom: 0; }


/* ===================== terms-conditions.php (pg-terms) ===================== */
body.pg-terms .tc-page-title { text-align: center; margin: 29px 0 4px; text-transform: uppercase; }
body.pg-terms .tc-page-title__id { text-align: center; font-style: italic; color: #ca0062; margin-bottom: 4px; }
body.pg-terms .tc-note { text-align: center; color: #11144d; font-weight: 600; margin-bottom: 0; }
body.pg-terms .tc-note__id { text-align: center; font-style: italic; color: #555; font-size: 14px; margin-bottom: 26px; }
body.pg-terms .tc-section { margin: 34px 0 18px; padding: 14px 18px; border-left: 4px solid #971b68; background: #fff0f8; border-radius: 4px; }
body.pg-terms .tc-section h5 { margin-bottom: 2px; color: #11144d; font-weight: 700; }
body.pg-terms .tc-section .id-sub { display: block; font-style: italic; color: #ca0062; font-size: 14px; }
body.pg-terms .tc-clause { display: flex; align-items: flex-start; gap: 14px; padding: 14px 6px; border-bottom: 1px solid #eee; }
body.pg-terms .tc-clause:last-child { border-bottom: none; }
body.pg-terms .tc-num { flex: 0 0 auto; min-width: 46px; height: 30px; padding: 0 10px; border-radius: 30px; background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%); color: #fff; font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; }
body.pg-terms .tc-clause__body { flex: 1 1 auto; }
body.pg-terms .tc-clause__body p { margin-bottom: 4px; color: #11144d; font-weight: 500; line-height: 24px; }
body.pg-terms .tc-clause__body .id-text { display: block; font-style: italic; color: #555; font-size: 14px; line-height: 23px; }
body.pg-terms .tc-contact { margin: 40px auto 0; max-width: 760px; text-align: center; border: 1px solid #ca006233; border-radius: 8px; padding: 28px 22px; background: #fff0f8; }
body.pg-terms .tc-contact h5 { margin-bottom: 2px; color: #11144d; }
body.pg-terms .tc-contact .id-sub { font-style: italic; color: #ca0062; display: block; margin-bottom: 14px; }
body.pg-terms .tc-contact p { margin-bottom: 4px; color: #11144d; }
body.pg-terms .tc-contact .org { font-weight: 700; }
body.pg-terms .tc-contact a { color: #ca0062; font-weight: 600; }
/* converted inline style */
body.pg-terms .tc-contact .id-text { display: block; font-style: italic; color: #555; margin-bottom: 14px; }


/* ===================== award-highlights.php (pg-awards) ===================== */
body.pg-awards .awards-h__head { text-align: center; margin: 29px 0 10px; }
body.pg-awards .awards-h__head h3 { color: #11144d; text-transform: uppercase; margin-bottom: 0; }
body.pg-awards .awards-h__head .id { display: block; font-style: italic; color: #971b68; font-size: 24px; margin-top: 4px; }
body.pg-awards .award__card { background: #f5f7fb; border: 1px solid #eee; border-top: 4px solid #971b68; border-radius: 10px; padding: 26px 24px; min-height: 95%; margin-top: 40px; transition: all .3s ease; }
body.pg-awards .award__card:hover { box-shadow: 0 12px 30px rgba(17, 20, 77, .10); transform: translateY(-4px); }
body.pg-awards .award__code { display: inline-block; background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%); color: #fff; font-weight: 700; font-size: 14px; letter-spacing: .5px; padding: 5px 16px; border-radius: 30px; margin-bottom: 10px; }
body.pg-awards .award__meta { color: #777; font-size: 13px; margin-bottom: 12px; }
body.pg-awards .award__title { color: #ca0062; font-weight: 700; font-size: 16px; margin-bottom: 10px; }
body.pg-awards .award__author { color: #11144d; font-weight: 600; font-size: 14px; margin-bottom: 10px; }
body.pg-awards .award__paper { color: #333; font-size: 14px; line-height: 23px; margin-bottom: 10px; }
body.pg-awards .award__paper strong { color: #11144d; }
body.pg-awards .award__desc { color: #555; font-size: 13px; line-height: 22px; font-style: italic; margin-bottom: 0; }
/* deployment pipeline test - staging */


/* ===================== Quick Links sidebar (quick-links.php) ===================== */
/* Sits beside the first section of every page; the rest of each page keeps
   its original full-width layout. The card is kept compact so it stays close
   to the height of the heading beside it and leaves no dead space. */
.ql-row { align-items: flex-start; }
.ql-aside { position: sticky; top: 20px; }

.quick-links {
    background: #f5f7fb;
    border: 1px solid #eee;
    border-top: 3px solid #971b68;
    border-radius: 8px;
    padding: 14px 16px;
    margin: 0;
}
.quick-links__title { margin-bottom: 8px; }
.quick-links__title h6 {
    color: #11144d;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .4px;
    margin-bottom: 0;
}
.quick-links__title-id { display: block; font-style: italic; color: #971b68; font-size: 11px; }

/* Two columns halve the card's height, so it stays close to the height of
   the heading beside it instead of towering over it. */
/* auto-fit drops back to a single column where the card sits in a narrow
   sidebar (upcoming-conference.php), so labels never wrap awkwardly. */
.quick-links__list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); column-gap: 14px; }
.quick-links__list li { display: block; width: 100%; border-bottom: 1px dashed #e3e6f0; }
.quick-links__list li:nth-last-child(-n+2) { border-bottom: none; }
.quick-links__list li:last-child { border-bottom: none; }
.quick-links__list a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 2px;
    color: #11144d;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    transition: color .25s ease, padding-left .25s ease;
}
.quick-links__list a:hover { color: #ca0062; padding-left: 8px; }
.quick-links__list i { color: #971b68; font-size: 14px; flex-shrink: 0; }
.quick-links__list em { display: block; font-size: 11px; font-weight: 500; font-style: italic; color: #777; }
.quick-links__list .is-current > a { color: #ca0062; }
.quick-links__list .is-current > a i { color: #ca0062; }

.quick-links__cta { margin-top: 10px; text-align: center; }
.quick-links__cta .default__button { width: 100%; padding: 8px 10px; font-size: 13px; line-height: 1.2; }
.quick-links__cta span { display: block; font-size: 11px; font-style: italic; color: #777; margin-top: 4px; }

/* Page titles are centred for a full-width section; beside the card they
   read better left-aligned, and their large margins only add dead space.
   Several of these titles carry inline styles, hence the !important. */
.ql-main > h4,
.ql-main > h4[style] { text-align: left !important; margin: 0 0 10px !important; }
.ql-main > p:first-of-type,
.ql-main > .faq__intro,
.ql-main > .eb-intro,
.ql-main > .jr-intro { margin-top: 6px; }

/* Pages whose opening section is only a title run the links as a full-width
   strip under it, so no column is left empty beside the card. */
.ql-strip { margin: 0 0 6px; }
.ql-strip .quick-links { padding: 16px 20px; }
.ql-strip .quick-links__title { display: flex; align-items: baseline; gap: 10px; margin-bottom: 10px; }
.ql-strip .quick-links__title-id { font-size: 12px; }
.ql-strip .quick-links__list { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); column-gap: 22px; }
.ql-strip .quick-links__cta { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 12px; }
.ql-strip .quick-links__cta .default__button { width: auto; min-width: 180px; }
.ql-strip .quick-links__cta span { margin-top: 0; }

/* Card dropped into a page section that already has a side column
   (contact.php: above the address panel). */
.ql-inline { margin-bottom: 22px; }

/* Stacks under the first section once the columns collapse */
@media (max-width: 991.98px) {
    .ql-aside { position: static; top: auto; }
    .quick-links { margin-top: 18px; }
}


/* ===================== Quick Links layout (inner pages) ===================== */
/* As on the MedAlliance site: the Quick Links card sits in a left column and
   stays in view for the whole page (its list scrolls inside the card when the
   screen is short), while every page section scrolls in the right column.
   No section has to wait below a tall sidebar, so there is no empty space. */

/* position: sticky needs an ancestor that does not clip with overflow: hidden
   (that makes it the scroll box); clip keeps the horizontal guard without it. */
.main_wrapper.overflow-hidden { overflow: visible !important; overflow-x: clip !important; }

.ql-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 36px;
    align-items: start;
    padding-top: 40px;
    padding-bottom: 56px;
}
.ql-layout__side {
    position: sticky;
    top: 84px;                       /* clears the sticky header */
    align-self: start;
}
.ql-layout__side .quick-links {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 104px);
}
.ql-layout__side .quick-links__list {
    grid-template-columns: 1fr;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}
.ql-layout__side .quick-links__list li,
.ql-layout__side .quick-links__list li:nth-last-child(-n+2) { border-bottom: 1px dashed #e3e6f0; }
.ql-layout__side .quick-links__list li:last-child { border-bottom: none; }
.ql-layout__side .quick-links__list a { padding: 8px 2px; }
.ql-layout__main { min-width: 0; }

/* Page titles and their Indonesian line read left-aligned in the column,
   without the large centred-section margins (several are inline styles). */
.ql-layout__main > h4:first-child,
.ql-layout__main > h4[style],
.ql-layout__main > .abt-intro > h4 { text-align: left !important; margin: 0 0 8px !important; }
.ql-layout__main [class$="title__id"],
.ql-layout__main > p:nth-child(2) { text-align: left !important; }
.ql-layout__main > *:first-child { margin-top: 0 !important; }
.ql-layout__main > *:last-child { margin-bottom: 0 !important; }
/* Forms and blocks that were centred with offsets for a full-width page */
.ql-layout__main [class*="offset-sm-1"],
.ql-layout__main [class*="offset-md-1"],
.ql-layout__main [class*="offset-lg-1"] { margin-left: 0 !important; flex: 0 0 100%; max-width: 100%; width: 100%; }
.ql-layout__main img { max-width: 100%; height: auto; }

/* About page: the pink section becomes a panel inside the column */
.ql-layout__main #blog__area { padding: 28px 28px 32px; margin-top: 28px; border-radius: 12px; }

@media (max-width: 991.98px) {
    .ql-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-top: 28px; padding-bottom: 40px; }
    .ql-layout__side { position: static; order: 2; }
    .ql-layout__side .quick-links { max-height: none; }
    .ql-layout__side .quick-links__list { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); column-gap: 18px; overflow: visible; }
}
/* Sections that brought their own .container sit flush in the column */
.ql-layout__main .container { max-width: none; padding-left: 0; padding-right: 0; }
.ql-layout__main .ins-block { padding: 0 0 8px; }
/* Publication: journal cards as an even grid inside the column */
.ql-layout__main .details-tab-content > .row { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 18px; margin: 0; }
.ql-layout__main .details-tab-content > .row > .card { width: auto; max-width: none; margin: 0 !important; flex: none; }


/* ===================== Thank-you page (thank-you.php) ===================== */
.ty-page { padding-top: 48px; padding-bottom: 64px; }
.ty-wrap { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; max-width: 860px; margin: 0 auto; align-items: start; }
.ty-wrap.has-aside { max-width: 1140px; grid-template-columns: minmax(0, 1fr) 330px; }
.ty-card, .ty-aside { background: #fff; border: 1px solid #e8e4f0; border-top: 4px solid #971b68; border-radius: 12px; box-shadow: 0 10px 30px rgba(17, 20, 77, .06); }
.ty-card { padding: 32px; }
.ty-status { display: inline-flex; align-items: center; gap: 6px; padding: 5px 14px; border-radius: 30px; background: #fbeef5; color: #ca0062; font-weight: 600; font-size: 14px; }
.ty-status em { font-weight: 500; }
.ty-title { color: #11144d; font-size: 28px; line-height: 1.3; margin: 16px 0 4px; }
.ty-title__id { color: #971b68; font-style: italic; margin-bottom: 16px; }
.ty-lead { color: #333; margin-bottom: 8px; }
.ty-lead--id { color: #666; font-style: italic; }
.ty-ref { margin: 18px 0 10px; padding: 12px 16px; background: #f7f3fb; border-left: 4px solid #11144d; border-radius: 0 8px 8px 0; color: #444; }
.ty-ref strong { display: block; font-size: 19px; letter-spacing: .5px; color: #11144d; }
.ty-mail { color: #444; }
.ty-mail i { color: #ca0062; margin-right: 4px; }
.ty-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 22px; margin: 22px 0; padding: 14px 18px; border: 1px solid #eee; border-radius: 10px; background: #fafbfd; }
.ty-facts > div { padding: 8px 0; border-bottom: 1px dashed #e3e6f0; }
.ty-facts > div.wide { grid-column: 1 / -1; }
.ty-facts dt { font-size: 12px; font-weight: 600; color: #777; }
.ty-facts dd { margin: 0; font-weight: 600; color: #11144d; word-break: break-word; }
.ty-subtitle { font-size: 19px; color: #11144d; margin: 22px 0 12px; }
.ty-subtitle span { font-weight: 400; font-style: italic; color: #971b68; font-size: 15px; }
.ty-steps { list-style: none; margin: 0; padding: 0; counter-reset: ty; }
.ty-steps li { counter-increment: ty; position: relative; padding: 0 0 14px 42px; }
.ty-steps li::before { content: counter(ty); position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 700; border: 2px solid #e3e6f0; color: #11144d; background: #fff; }
.ty-steps li.is-done::before { content: "\2713"; background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%); color: #fff; border-color: transparent; }
.ty-steps strong, .ty-steps li > span { display: block; }
.ty-steps strong { color: #11144d; }
.ty-steps strong span { display: inline; font-weight: 400; font-style: italic; color: #971b68; }
.ty-steps li > span { font-size: 14px; color: #666; }
.ty-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.ty-actions a { display: inline-flex; align-items: center; gap: 8px; }
.ty-btn-outline { padding: 10px 22px; border: 1px solid #11144d; border-radius: 6px; color: #11144d; font-weight: 600; transition: all .25s ease; }
.ty-btn-outline:hover { background: #11144d; color: #fff; }
.ty-help { margin: 18px 0 0; font-size: 14px; color: #555; }
.ty-help a { color: #ca0062; font-weight: 600; }
.ty-aside { padding: 26px 22px; text-align: center; position: sticky; top: 84px; }
.ty-kicker { font-size: 12px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #ca0062; margin-bottom: 4px; }
.ty-aside h2 { font-size: 19px; color: #11144d; margin-bottom: 14px; }
.ty-aside h2 span { display: block; font-size: 14px; font-weight: 400; font-style: italic; color: #971b68; margin-top: 4px; }
.ty-qr { display: inline-block; padding: 8px; border: 1px solid #eee; border-radius: 10px; background: #fff; }
.ty-qr svg { display: block; width: 220px; max-width: 100%; height: auto; }
.ty-qrcap { font-size: 14px; margin: 12px 0 0; color: #444; }
.ty-or { position: relative; margin: 14px 0; font-size: 13px; color: #888; }
.ty-or::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid #eee; }
.ty-or span { position: relative; padding: 0 10px; background: #fff; }
.ty-wabtn { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; border-radius: 30px; background: #25d366; color: #fff; font-weight: 700; }
.ty-wabtn:hover { background: #1ebe5a; color: #fff; }
.ty-wanote { font-size: 12px; color: #888; margin: 10px 0 0; }
@media (max-width: 991.98px) {
    .ty-wrap.has-aside { grid-template-columns: minmax(0, 1fr); }
    .ty-aside { position: static; }
}
@media (max-width: 575.98px) {
    .ty-card { padding: 22px 18px; }
    .ty-facts { grid-template-columns: minmax(0, 1fr); }
    .ty-title { font-size: 23px; }
}
.ty-aside p { text-align: center !important; } .ty-card p { text-align: left; }


/* ===================== Contact page (contact.php) ===================== */
.ct-title { color: #11144d; text-transform: uppercase; margin: 0 0 4px; }
.ct-title__id { color: #971b68; font-style: italic; margin-bottom: 20px; text-align: left !important; }
.ql-layout__main .contact { padding: 0; }
.ql-layout__main .contact__input__wrapper { margin: 0; }
.ct-card { padding: 24px 22px; background: #f5f7fb; border: 1px solid #eee; border-top: 3px solid #971b68; border-radius: 10px; }
.ct-card h5, .ct-card h6 { color: #11144d; margin-bottom: 14px; }
.ct-card h5 span, .ct-card h6 span { display: block; font-size: 13px; font-weight: 400; font-style: italic; color: #971b68; }
.ct-card h6 { margin-top: 22px; }
.ct-line { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px dashed #e3e6f0; color: #11144d; font-size: 15px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.ct-line:hover { color: #ca0062; }
.ct-line small { display: block; font-size: 12px; font-weight: 500; color: #777; }
.ct-line small em { font-style: italic; }
.ct-line__icon { flex: none; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: linear-gradient(87deg, rgb(23 13 87) 0%, #971b68 100%); }
.ct-line__icon--wa { background: #25d366; }
.ct-social { display: flex; gap: 10px; flex-wrap: wrap; }
.ct-social a { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; font-size: 18px; color: #fff; background: #11144d; transition: transform .25s ease, background .25s ease; }
.ct-social a:hover { background: #ca0062; color: #fff; transform: translateY(-3px); }


/* ===================== Home: Upcoming Conferences cards ===================== */
/* Every card in a row is the same height; titles are left-aligned (justified
   text left big gaps) and the location sits on one line at the card bottom. */
body.pg-index .conf-c .row > .col-lg-4 { display: flex; }
body.pg-index .conf-c__wrapper { display: flex; flex-direction: column; width: 100%; height: 100%; }
body.pg-index .conf-c__inner,
body.pg-index .conf-c__heading { display: flex; flex-direction: column; flex: 1 1 auto; }
body.pg-index .conf-c__heading p { text-align: left !important; hyphens: none; word-spacing: normal; }
body.pg-index .conf-c__heading .conf-c__country { margin-top: auto; margin-bottom: 0; padding-top: 10px; }

/* Home: the Outcome box sits a little lower, clear of the step cards, and the
   double section padding below it (peer review + SDG, 180px) is reduced. */
body.pg-index .peerreview { padding-bottom: 45px; }
body.pg-index .peerreview__outcome { margin-top: 50px !important; }
body.pg-index .sdg { padding-top: 45px; }

/* Home: Speaker Feedback cards are all the same height, with the photo and
   name block aligned the same way on every card. */
body.pg-index .testimonial__2__wrap { align-items: stretch; }
body.pg-index .testimonial__2__wrap > .swiper-slide { height: auto; display: flex; }
body.pg-index .testimonial__2__single { display: flex; flex-direction: column; width: 100%; height: 100%; margin-bottom: 0; }
body.pg-index .testimonial__2__author { display: flex; align-items: center; gap: 16px; min-height: 96px; }
body.pg-index .testimonial__2__author__img { flex: none; }
body.pg-index .testimonial__2__author__img img { width: 72px; height: 72px; object-fit: cover; border-radius: 50%; }
body.pg-index .testimonial__text--2 { flex: 1 1 auto; }
body.pg-index .testimonial__text--2 p { text-align: left !important; }
body.pg-index .testimonial.sp_bottom_140 { padding-bottom: 60px !important; }

/* Featured speakers inside the Quick Links layout: intro left-aligned like the
   other pages, past speakers as a panel with an even three-card grid. */
body.pg-featured-speakers .ql-layout__main .eb-page-title__id { text-align: left !important; margin-bottom: 14px; }
body.pg-featured-speakers .ql-layout__main .eb-intro { max-width: none; margin: 0; text-align: left; }
body.pg-featured-speakers .ql-layout__main .pastspeakers { margin-top: 32px; padding: 32px 28px 36px; border-radius: 12px; }
body.pg-featured-speakers .pastspeakers .row { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 22px; margin: 0; }
body.pg-featured-speakers .pastspeakers .row > [class*="col-"] { width: auto; max-width: none; padding: 0; }
body.pg-featured-speakers .speaker__card { display: flex; flex-direction: column; align-items: center; margin-top: 0; }
body.pg-featured-speakers .speaker__card__img { display: block; flex: none; }
body.pg-featured-speakers .speaker__card h5 { min-height: 2.6em; display: flex; align-items: center; justify-content: center; }
body.pg-featured-speakers .ql-layout__main .eb-intro br { display: none; }
body.pg-featured-speakers .ql-layout__main .eb-apply__btn { margin-top: 10px; }
body.pg-featured-speakers .speaker__card h5 { font-size: 17px; line-height: 1.35; min-height: 2.7em; text-align: center; }

/* Required-field marker on the application forms */
body.pg-apply .apply__field label .req,
body.pg-speaker-apply .apply__field label .req { color: #d10000; font-weight: 700; margin-left: 2px; }

/* About: Who Operates ISCAE (legal entity) */
body.pg-about .abt-operator {
    margin: 40px 0 60px;
    padding: 36px 32px;
    text-align: center;
    background: #fff7fa;
    border: 1px solid #f1d3e0;
    border-radius: 14px;
}
body.pg-about .abt-operator__kicker {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #ca0062;
}
body.pg-about .abt-operator h4 { color: #11144d; margin-bottom: 4px; }
body.pg-about .abt-operator p { max-width: 820px; margin-left: auto; margin-right: auto; }
@media (max-width: 575px) {
    body.pg-about .abt-operator { padding: 26px 18px; margin-bottom: 40px; }
}