@import url('//fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

/* CSS root  ***************************************************/
@media (min-width: 376px) {

    .row:not(.g-0),
    .container,
    .container-fluid,
    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm {
        --bs-gutter-x: 30px;
    }
}

/* CSS color  ***************************************************/
.card-body {
    --bs-card-color: #222222;
}

.btn-green {
    --bs-btn-color: #363636;
    --bs-btn-bg: #9CBB3E;
    --bs-btn-border-color: #9CBB3E;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #aad135;
    --bs-btn-hover-border-color: #aad135;
    --bs-btn-focus-shadow-rgb: 38, 89, 206;
    --bs-btn-active-color: #363636;
    --bs-btn-active-bg: #aad135;
    --bs-btn-active-border-color: #aad135;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #363636;
    --bs-btn-disabled-bg: #9CBB3E;
    --bs-btn-disabled-border-color: #9CBB3E;
}

.btn-outline-primary {
    --bs-btn-color: #363636;
    --bs-btn-border-color: #C1C1C1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #aad135;
    --bs-btn-hover-border-color: #aad135;
    --bs-btn-focus-shadow-rgb: 0, 60, 197;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #aad135;
    --bs-btn-active-border-color: #aad135;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #363636;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #9CBB3E;
    --bs-gradient: none;
}

.btn-light-green {
    --bs-btn-color: #363636;
    --bs-btn-bg: #E1EDBE;
    --bs-btn-border-color: #E1EDBE;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #aad135;
    --bs-btn-hover-border-color: #aad135;
    --bs-btn-focus-shadow-rgb: 38, 89, 206;
    --bs-btn-active-color: #363636;
    --bs-btn-active-bg: #aad135;
    --bs-btn-active-border-color: #aad135;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #363636;
    --bs-btn-disabled-bg: #E1EDBE;
    --bs-btn-disabled-border-color: #E1EDBE;
}

/* CSS Document  ***************************************************/
body {
    color: #191919;
    font-size: 16px;
    font-family: 'Montserrat';
    -webkit-overflow-scrolling: touch;
    line-height: 1.75;
}

main {
    position: relative;
    background: #fff url(/themes/custom/iaaca_theme/image/common/pattern_bg.png) center 0 no-repeat;
    background-size: cover;
}

.main-margin-bottom {
    margin-bottom: 100px;
}

.section-padding-y {
    padding-top: 80px;
    padding-bottom: 80px;
}

ul li {
    list-style-type: none;
}

ol,
ul {
    padding-left: 0;
}

button,
input,
optgroup,
select,
textarea {
    color: #333;
}

a,
p {
    color: #212121;
    transition: color .35s;
    text-decoration: none;
    word-wrap: break-word;
}

[class*='page-node-type-']:not(.page-node-type-page) main a {
    color: var(--bs-link-color);
}

[class*='page-node-type-']:not(.page-node-type-page) main ul li {
    list-style-type: unset;

}

[class*='page-node-type-']:not(.page-node-type-page) main ul {
    padding-left: 20px;
}

a:hover {
    text-decoration: underline;
}

.dropdown-item,
.dropdown-item.active,
.media-library-view--widget .view-header a.dropdown-item.is-active,
.dropdown-item:active {
    color: #212121;
    background-color: #fff;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #0055DB;
    background-color: #fff;
}

p {
    /* color: #121212; */
    color: #313131;
    font-family: arial;
    margin-bottom: 20px;
}

.details-activities-content,
.details-activities-content>* {
    font-family: arial;
}

/* p:last-child {
  margin-bottom: 0;
} */

a:hover,
a:active,
a:focus {
    color: #0055DB;
}

span.leastLineHeight {
    line-height: 1.4 !important;
}

span.HighestLineHeight {
    line-height: 2 !important;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}


span.colorRed {
    color: red !important;
}

.fontSize-18 {
    font-size: 18px !important;
}

.fontSize-24 {
    font-size: 24px !important;
}

.fontSize-28 {
    font-size: 28px !important;
}

.fontSize-32 {
    font-size: 32px !important;
}

.cover-link {
    text-indent: -9999px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
}

.card-link-hover {
    text-indent: -9999px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
}

.block_padding {
    padding: 80px 0;
}

.padding-bottom {
    padding-bottom: 60px;
}

.background-white {
    background-color: #fff;
    /* padding-top: 60px; */
}

.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
    padding: 0;
}

fieldset.form-item>legend {
    font-weight: bold;
}

h1,
.h1,
.block-banner .carousel-caption .contact-h1 {
    font-weight: 700;
    font-size: 42px;
    color: #103A7B;
    margin-bottom: 100px;
}

h2,
.h2 {
    font-weight: 700;
    font-size: 32px;
    color: #103A7B;
}

.contact-webform h2 {
    font-size: 28px;
}

h3,
.h3 {
    font-weight: 700;
    font-size: 22px;
    color: #103A7B;

}

h4,
.h4 {
    font-weight: 700;
    font-size: 20px;
    color: #103A7B;

}

h5,
.h5 {
    font-weight: 700;
    font-size: 18px;
    color: #103A7B;

}

h6,
.h6 {
    font-weight: 700;
    font-size: 18px;
    color: #103A7B;

}


@media all and (min-width: 1200px) {

    h1,
    .h1,
    .block-banner .carousel-caption .contact-h1 {
        font-size: 42px;
    }
}

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

    h1,
    .h1,
    .block-banner .carousel-caption .contact-h1 {
        font-size: 38px;
    }
}

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

    h1,
    .h1,
    .block-banner .carousel-caption .contact-h1 {
        font-size: 38px;
    }
}

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

    h1,
    .h1,
    .block-banner .carousel-caption .contact-h1 {
        font-size: 32px;
        margin-bottom: 40px;
    }
}

@media all and (max-width: 576px) {

    h1,
    .h1,
    .block-banner .carousel-caption .contact-h1 {
        font-size: 28px !important;
        margin-bottom: 40px;
    }
}

@media all and (min-width: 1200px) {
    .path-frontpage .homepageSwiper .banner_content h2 {
        font-size: 38px;
    }

    h2,
    .h2 {
        font-size: 32px;
    }

    #block-receiveournewsletter .footer_top_content h2 {
        font-size: 38px;
    }
}

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

    h2,
    .h2,
    #block-receiveournewsletter .footer_top_content h2,
    .contact-webform h2 {
        font-size: 32px;
    }
}

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

    h2,
    .h2,
    #block-receiveournewsletter .footer_top_content h2,
    .contact-webform h2 {
        font-size: 28px;
    }
}

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

    h2,
    .h2,
    #block-receiveournewsletter .footer_top_content h2,
    .contact-webform h2 {
        font-size: 24px;
    }
}

@media all and (min-width: 1200px) {

    h3,
    .h3 {
        font-size: 22px;
    }
}

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

    h3,
    .h3 {
        font-size: 22px;
    }
}

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

    h3,
    .h3 {
        font-size: 18px;
    }
}

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

    h3,
    .h3 {
        font-size: 18px;
    }
}

@media all and (min-width: 1200px) {

    h4,
    .h4 {
        font-size: 20px;
    }
}

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

    h4,
    .h4 {
        font-size: 20px;
    }
}

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

    h4,
    .h4 {
        font-size: 18px;
    }
}

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

    h4,
    .h4 {
        font-size: 18px;
    }
}

@media all and (min-width: 1200px) {

    h5,
    .h5 {
        font-size: 18px;
    }
}

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

    h5,
    .h5 {
        font-size: 18px;
    }
}

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

    h5,
    .h5 {
        font-size: 16px;
    }
}

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

    h5,
    .h5 {
        font-size: 16px;
    }
}

@media all and (min-width: 1200px) {

    h6,
    .h6 {
        font-size: 16px;
    }
}

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

    h6,
    .h6 {
        font-size: 16px;
    }
}

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

    h6,
    .h6 {
        font-size: 14px;
    }
}

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

    h6,
    .h6 {
        font-size: 14px;
    }
}

.none {
    display: none;
}

.click-effects {
    transition: all .3s ease-in-out;
}

.click-effects:hover {
    transform: translateY(-10px);
}

.iaaca-card-hover .card-img-top {
    overflow: hidden;
}

.iaaca-card-hover .card-img-top img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 16 / 9;
    transition: all 0.3s ease;
    height: unset;
}

.iaaca-card-hover:hover .card-img-top img {
    transform: scale(1.1);
}

/* .details-paragraph p,
.details-activities-content p {
    text-align: justify;
} */

.details-paragraph table p,
.details-activities-content table p {
    text-align: unset;
}

.node--unpublished {
    background-color: unset;
}


/* table ******************************************/
table {
    max-width: 100%;
    width: 100% !important;
}

table.table-details tr th {
    min-width: 200px;
    text-align: center;
    vertical-align: middle;
}

table.table-details tr td {
    padding: 0.75rem;
}

/* Margin, Padding ******************************************/
.mb-60px {
    margin-bottom: 60px !important;
}

.pb-60px {
    padding-bottom: 60px !important;
}



/* Title ***************************************************/
#block-iaaca-theme-page-title h1 {
    text-align: left;
}

.piece .piece_content {
    color: #fff;
    display: none;
}

/* breadcrumbs ***************************************************/
#block-iaaca-theme-breadcrumbs {
    margin-top: 100px;
}

#block-iaaca-theme-breadcrumbs ol.breadcrumb li a {
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    color: #585858;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: 'next';
    font-size: 13px;
    font-family: swiper-icons;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    color: #9CBB3E;
    font-weight: bold;
    padding-top: 3px;
}


/* header ***************************************************/
header .region-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0;
}

.region-header #block-headerfunction .header-function a button {
    padding: 8px 15px;
    font-size: 15px;
}

.region-header #block-headerfunction .header-function a img {
    margin-right: 5px;
}

.region-header #block-headerfunction .header-function>ul {
    margin-bottom: 0;
}

.region-header #block-headerfunction .header-function>ul>li {
    margin-right: 20px;
}

.region-header #block-headerfunction .header-function>ul>li .btn {
    width: 100%;
}

#block-headerfunction li.logout {
    display: none;
}

.region-header #block-headerfunction .header-function>ul>li:last-child {
    margin-right: 0;
}

.region-header #block-headerfunction .header-function>ul>li:last-child a {
    display: block;
    margin-top: 5px;
}

.region-header #block-headerfunction .header-function>ul>li>.dropdown-toggle::after {
    content: unset;
}

.region-header #block-headerfunction .header-function>ul>li ul.pojo-a11y-toolbar-items {
    top: 23px !important;
    width: 258px !important;
    z-index: 99;
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid #EAEAEA;
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    overflow: hidden;
}

.region-header #block-headerfunction .header-function>ul>li ul.pojo-a11y-toolbar-items li a {
    padding: 10px 20px;
    cursor: pointer;
    display: block;
}

.region-header #block-headerfunction .header-function>ul>li ul.pojo-a11y-toolbar-items li:hover {
    background-color: #E1EDBE;
}

.region-header #block-headerfunction .header-function>ul>li ul.pojo-a11y-toolbar-items li .pojo-a11y-toolbar-text {
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    color: #414141;
}

.region-header #block-headerfunction .header-function>ul>li.logout {
    position: relative;
}

.region-header #block-headerfunction .header-function>ul>li.logout ul.dropdown-menu {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    padding: 30px 40px 30px 30px;
    top: 23px !important;
    z-index: 99;
}

.region-header #block-headerfunction .header-function>ul>li.logout ul.dropdown-menu li {
    display: block;
}

.region-header #block-headerfunction .header-function>ul>li.logout ul.dropdown-menu li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-transform: capitalize;
    color: #767676;
    padding-left: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    border-left: 4px solid #D9D9D9;
}

.region-header #block-headerfunction .header-function>ul>li.logout ul.dropdown-menu li a:hover {
    border-left: 4px solid #9CBB3E;
    color: #000000;
}

.btn-outline-primary {
    background-color: #fff;
}

nav.navbar-expand-xl {
    padding: 6px 0;
}

nav#block-iaaca-theme-main-navigation h5 {
    color: #fff;
}

nav#block-iaaca-theme-main-navigation .navbar-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

nav#block-iaaca-theme-main-navigation .navbar-nav li {
    flex: 0 0 auto;
    padding: 0 20px;
}

nav#block-iaaca-theme-main-navigation .navbar-nav li a.nav-link,
nav#block-iaaca-theme-main-navigation .navbar-nav li span {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.22;
    text-align: center;
    color: #FFFFFF;
    max-width: 155px;
    white-space: normal;
    padding: 8px 0;
}

nav#block-iaaca-theme-main-navigation .navbar-nav li .dropdown-toggle::after {
    content: none;
}

nav#block-iaaca-theme-main-navigation .navbar-nav li .dropdown-menu li {
    cursor: pointer;
}

#block-iaaca-theme-branding .site-logo {
    position: relative;
}

.header-function-mobile ul li {
    width: 47%;
}

.header-function-mobile ul li a,
.header-function-mobile ul li a button {
    width: 100%;
}

#block-headerfunctionmobile,
#block-headertoolmobile,
#block-headertoolmobile .dropdown-toggle::after {
    display: none;
}

.header-function-mobile ul li.logout {
    display: none;
}

.header-function-mobile ul li .dropdown-toggle::after {
    display: none;
}

.user-logged-in .header-function-mobile ul li.logout {
    display: block;
}

.user-logged-in .header-function-mobile ul li.login,
.user-logged-in .header-function-mobile ul li.join {
    display: none;
}

.user-logged-in .header-function-mobile ul li.logout .dropdown-menu.show {
    position: static;
}

#block-headertoolmobile .pojo-a11y-toolbar-items {
    position: static;
}

#block-headertoolmobile ul>li.dropdown {
    width: 100%;
}

#block-headertoolmobile a.dropdown-toggle.btn-outline-primary {
    width: 100%;
    margin-right: 0;
}

#block-headertoolmobile a.dropdown-toggle.btn-outline-primary img {
    margin-right: 5px;
}

/* footer ***************************************************/
footer {
    padding: 0;
    background-color: #1D4B92 !important;
    background: url(/themes/custom/iaaca_theme/image/footer/footer-bg.png) center 0 no-repeat;
}

#block-receiveournewsletter {
    text-align: center;
    padding-top: 80px;
}

#block-footer-top-content-menu {
    padding-bottom: 30px;
}

#block-footer-top-content-menu h2 {
    font-size: 20px;
    color: #FFFFFF;
    margin-bottom: 14px;
}

#block-footer-top-content-menu h2 a {
    font-size: 20px;
    color: #FFFFFF;
}

#block-footer-top-content-menu ul {
    margin-top: -6px;
    margin-bottom: 14px;
}

#block-footer-top-content-menu li a {
    font-size: 16px;
    color: #D1D1D1;
}

#block-footer-top-content-menu li a:hover {
    color: #fff;
}

#block-receiveournewsletter .footer_top_content p {
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 10px;
}

#block-receiveournewsletter .footer_top_content h2 {
    color: #B3D353;
    margin-bottom: 0;
}

#block-receiveournewsletter .footer_top_content h2 span {

    color: #FFFFFF;
    display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 10px;
}

#block-footer-end-content .footer_end_content {
    background: #00205B;
    padding-top: 30px;
    padding-bottom: 10px;
}

#block-footer-end-content .footer_end_content .content-col ul li a,
#block-footer-end-content .footer_end_content .content-col p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #D1D1D1;
    margin-left: 20px;
}

#block-webform {
    border-bottom: #0C1326 1px solid;
    margin-bottom: 60px;
    padding: 40px 0 60px;
}

.webform-submission-newsletter-subscription--form {
    position: relative;
    width: 100%;
    max-width: 340px;
    margin: 0 auto;
}

.webform-submission-newsletter-subscription--form * {
    border: none;
    border-radius: 0;
    margin: 0;
}

.webform-submission-newsletter-subscription--form label {
    color: #fff;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.webform-submission-newsletter-subscription--form #edit-email-subscribe,
.webform-submission-newsletter-subscription--form #edit-email--2 {
    padding: 9px 135px 9px 18px;
}

.webform-submission-newsletter-subscription--form #edit-actions-01-submit,
.webform-submission-newsletter-subscription--form #edit-actions-submit--2 {
    background-color: #fff;
    color: #2A395F;
    font-weight: 700;
    padding: 9px 18px;
    position: absolute;
    right: 0;
    top: 0;
}

.webform-submission-newsletter-subscription--form #edit-actions-01-submit:hover,
.webform-submission-newsletter-subscription--form #edit-actions-submit--2:hover {
    background-color: #2A395F;
    color: #fff;
}

/* back_to_page  ***************************************************/
.back_to_page span a {
    font-weight: 700;
    font-size: 20px;
    color: #222222;
}

.back_to_page span a:hover {
    color: #0055DB;
}

.back_to_page .back_content {
    padding: 0 34px;
    position: relative;
}

.back_to_page .back_content::before {
    background-image: url('/themes/custom/iaaca_theme/image/btn-arrow-green.svg');
    content: '';
    width: 22px;
    height: 17px;
    display: inline-block;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 8px;
    transform: scaleX(-1);
}

/* iaaca-card-1 view ***************************************************/
.views-header {
    display: inline-block;
    margin-bottom: 30px;
}

.views-header-top {
    margin-top: 90px;
}

.views-header h2 {
    position: relative;
    margin-bottom: 30px;
}

.views-header h2::before {
    position: absolute;
    background: #9CBB3E;
    width: 140px;
    height: 6px;
    content: "";
    bottom: -30px;
}

.views-header a {
    font-weight: 700;
    font-size: 18px;
    color: #343434;
}

.views-header a:hover {
    color: #0055DB;
}

.views-header a img {
    width: 22px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.iaaca-card-1 {
    background: #FFFFFF;
    border: 1px solid #D5E1F2;
    border-radius: 8px;
    margin-bottom: 40px;
}

.iaaca-card-1 .card-img-top img {
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 100%;
    /* height: 267px; */
    aspect-ratio: 16 / 9;
}

.iaaca-card-1 h3 {
    font-weight: 700;
    font-size: 20px;
    color: #103A7B;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: fit-content;
    min-height: 72px;
}

.iaaca-card-1 .card-text {
    font-weight: 400;
    font-size: 16px;
    color: #222222;
    height: 90px;
    overflow-y: overlay;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    text-overflow: unset;
    z-index: 999;
    position: relative;
}

.iaaca-card-1 .card-time-height span {
    font-weight: bold;
    font-size: 18px;
}

.iaaca-card-1 time {
    font-weight: 700;
    font-size: 20px;
    color: #222222;
}

.iaaca-card-1 .card-body {
    padding: 30px 34px;
    border-top: 1px solid #D5E1F2;
}

.iaaca-card-3 .card-body {
    padding-top: 0;
}


.iaaca-card-3 .card-tags {
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    padding: 4px 8px;
    margin: 20px 0;
    display: inline-block;
}

.activities_date_start time>span>span {
    display: none;
}

.activities_date_start .time-day {
    display: unset;
}

.swiper .swiper-slide:nth-child(5n+1) .iaaca-card-3 .card-tags,
.view--page-upcoming-activities-list .views-row:nth-child(5n+1) .iaaca-card-3 .card-tags {
    color: #5D760E;
    border: 1px solid #5D760E;
}

.swiper .swiper-slide:nth-child(5n+2) .iaaca-card-3 .card-tags,
.view--page-upcoming-activities-list .views-row:nth-child(5n+2) .iaaca-card-3 .card-tags {
    color: #1E3894;
    border: 1px solid #1E3894;
}

.swiper .swiper-slide:nth-child(5n+3) .iaaca-card-3 .card-tags,
.view--page-upcoming-activities-list .views-row:nth-child(5n+3) .iaaca-card-3 .card-tags {
    color: #DD884C;
    border: 1px solid #DD884C;
}

.swiper .swiper-slide:nth-child(5n+4) .iaaca-card-3 .card-tags,
.view--page-upcoming-activities-list .views-row:nth-child(5n+4) .iaaca-card-3 .card-tags {
    color: #222222;
    border: 1px solid #222222;
}

.swiper .swiper-slide:nth-child(5n) .iaaca-card-3 .card-tags,
.view--page-upcoming-activities-list .views-row:nth-child(5n) .iaaca-card-3 .card-tags {
    color: #AF7FC6;
    border: 1px solid #AF7FC6;
}

.iaaca-card-1 .card-area {
    font-weight: 400;
    font-size: 16px;
    color: #222222;
    margin-bottom: 10px;
}

.iaaca-card-1 .card-body-footer {
    font-size: 18px;
    font-weight: bold;
}

.swiper-button-next,
.swiper-button-prev {
    top: 45%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #1D4B92;
    transform: matrix(-1, 0, 0, 1, 0, 0);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: #fff;
    font-size: 24px;
}

.swiper-button-prev:after {
    content: 'next';
}

.swiper-button-next:after {
    content: 'prev';
}

/* iaaca-card-2 view ***************************************************/
.iaaca-card-2 {
    background: #FFFFFF;
    border: 1px solid #D5E1F2;
    border-radius: 8px;
    margin-bottom: 50px;
    padding: 25px;
}

.iaaca-card-2 .card {
    border: 0;
}

.iaaca-card-2 .card .rounded-start img {
    height: 230px;
    object-fit: cover;
    width: 360px;
}

.iaaca-card-2 .card-body {
    height: 100%;
    padding-bottom: 0;
}

.iaaca-card-2 .card-body .card-top {
    margin-bottom: 20px;
}

.iaaca-card-2 .card-body .card-body-footer {
    margin-bottom: 0;
}

.iaaca-card-2 .card-body .card-body-footer img {
    margin-right: 10px;
}

.iaaca-card-2 .card-body .card-body-footer a {
    font-size: 16px;
    color: #222222;
    text-decoration: underline;
}

.iaaca-card-2 .card-body .card-top strong:nth-child(1) {
    font-size: 26px;
    color: #222222;
    margin-right: 25px;
}

.iaaca-card-2 .card-body .card-top strong:nth-child(2) {
    font-size: 20px;
    color: #222222;
}

.iaaca-card-2 .card-body .card-title {
    font-size: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 48px;
}

.iaaca-card-2 .card-body p.card-text {
    font-weight: 400;
    font-size: 16px;
    color: #222222;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 60px;
}

.iaaca-card-2 .modal-button {
    margin-top: 6px;
}

/* iaaca-card-4 view ***************************************************/
.iaaca-card-4 {
    background: #FFFFFF;
    border: 1px solid #D5E1F2;
    border-radius: 8px;
    padding: 32px;
    margin-bottom: 24px;
}

.iaaca-card-4 .card-body {
    padding: 0;
    border-top: unset;
}

.iaaca-card-4 .card-body .card-header {
    background-color: unset;
    padding: unset;
    border-bottom: unset;
    margin-bottom: 15px;
}

.iaaca-card-4 .card-body .card-header>div {
    font-size: 18px;
    font-weight: bold;
}

.iaaca-card-4 h3 {
    height: unset;
}

.iaaca-card-4 .card-body .card-header time span {
    font-weight: 400;
    font-size: 16px;
    color: #585858;
}

.iaaca-card-4 .card-download {
    position: relative;
    height: 100%;
}

.iaaca-card-4 .card-download>span {
    position: relative;
}

.iaaca-card-4 .card-download:hover>span {
    color: #0055DB;
}

.iaaca-card-4 .card-link {
    position: absolute;
    width: 100%;
    z-index: 9;
}

.iaaca-card-4 .card-link>span {
    position: absolute;
    top: 0;
}

.iaaca-card-4 .card-link .file--application-pdf {
    background-image: unset;
    width: 100%;
    height: 28px;
    display: list-item;
    list-style: none;
}

.iaaca-card-4 .card-link a {
    text-indent: -9999px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
}

.iaaca-card-4 .card-link .file--mime-application-pdf {
    position: relative;
}

.iaaca-card-4 .card-link .file--mime-application-pdf::before {
    content: '';
    background-image: url('/themes/custom/iaaca_theme/image/content/common/arrow.svg');
    height: 19px;
    width: 19px;
    display: inline-block;
    background-size: cover;
    position: absolute;
    left: -24px;
    top: 2px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* frontpage ***************************************************/
.frontpage_h1 h1 {
    margin: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.path-frontpage .page-title h1 {
    visibility: hidden;
    position: absolute;
}

.path-frontpage .region-content {
    padding: 0;
}

.path-frontpage .frontpage-part-1 {
    width: 100%;
    height: 100%;
    background: url(/themes/custom/iaaca_theme/image/frontpage/frontpage_bg_1.jpg) no-repeat;
    background-size: auto;
    background-size: cover;
    background-position: 50%;
    padding: 80px 0 120px;
}

.path-frontpage .frontpage-part-1 .subpart-content {
    height: 404px;
    border-radius: 8px;
    padding: 22px 36px;
}

.path-frontpage .frontpage-part-1 .col-xl-7 .subpart-content {
    background: url(/themes/custom/iaaca_theme/image/frontpage/strategicdirections.jpg) no-repeat;
    background-size: cover;
}

.path-frontpage .frontpage-part-1 .col-xl-5 .subpart-content {
    background: url(/themes/custom/iaaca_theme/image/frontpage/memberscolumn.jpg) no-repeat;
    background-size: cover;
    position: relative;
}

.path-frontpage .frontpage-part-1 .col-xl-5 .subpart-content>a {
    text-indent: -999px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}


.path-frontpage .frontpage-part-1 .col-xl-5 .subpart-content:hover a {
    color: #0055DB;
}

.path-frontpage .frontpage-part-1 .subpart-content .subpart-logo {
    width: 60px;
}

.path-frontpage .frontpage-part-1 .subpart-content h2 {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    color: #101010;
    margin-left: 11px;
}

.path-frontpage .frontpage-part-1 .subpart-content ul {
    margin-bottom: 0;
}

.path-frontpage .frontpage-part-1 .subpart-content ul li {
    background: #E6F6FF;
    padding: 8px 19px;
    margin-top: 20px;
    font-weight: 500;
    font-size: 16px;
    color: #103A7B;
}

.path-frontpage .frontpage-part-1 .subpart-content ul li img {
    width: 22px;
    margin-right: 13px;
    transition: all 0.2s ease-in-out;
}

.path-frontpage .frontpage-part-1 .subpart-content ul li:hover img {
    margin-left: 5px;
    margin-right: 8px;
}

.partners-card .card-body a img,
.iaaca-card-2 .modal-button,
.iaaca-card-2 .card-body .card-body-footer a img {
    margin-right: 13px;
    transition: all 0.2s ease-in-out;
}

.partners-card .card-body a:hover img,
.partners-news-card:hover .modal-button img,
.iaaca-card-2 .card-body .card-body-footer a:hover img {
    margin-left: 5px;
    margin-right: 5px;
}

.path-frontpage .frontpage-part-2 {
    width: 100%;
    height: 100%;
    background: url(/themes/custom/iaaca_theme/image/frontpage/frontpage_bg_2.png) no-repeat;
    background-size: auto;
    background-size: cover;
    background-position: 50%;
    padding: 80px 0;
}

/* .path-frontpage .frontpage-part-2 .col-lg-9 img {
    border-radius: 8px;
    margin-top: -140px;
} */

.path-frontpage .frontpage-part-2 {
    position: relative;
}

.path-frontpage .frontpage-part-2 .frontpage-part-2-content {
    padding-right: 18%;
    position: relative;
    z-index: 2;
}

.path-frontpage .frontpage-part-2 .frontpage-part-2-img {
    border-radius: 8px;
    width: 160%;
    margin-left: -60%;
    margin-top: -125px;
    position: relative;
    z-index: 1;
}

.path-frontpage .frontpage-part-2 p {
    color: #103A7B;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 20px;
}

.path-frontpage .frontpage-part-2 .h3 {
    color: #303030;
    font-size: 24px;
    margin-bottom: 20px;
    position: relative;
}

.path-frontpage .frontpage-part-2 a {
    font-weight: 700;
    color: #343434;
    text-decoration: none;
    margin-left: 0;
    padding: 0;
}

.path-frontpage .frontpage-part-2 a img {
    width: 22px;
    margin-left: 10px;
    transition: all 0.2s ease;
}

.path-frontpage .frontpage-part-2 a:hover {
    color: #0055DB;
}

.path-frontpage .frontpage-part-2 a:hover img {
    margin-left: 15px;
}

.path-frontpage .view-frontpage-swiper .view-content {
    position: relative;
}

.path-frontpage .view-frontpage-swiper .view-content>div>.container {
    position: absolute;
    bottom: 30px;
}

.path-frontpage .showSwiper .swiper-slide,
.path-frontpage .showSwiper .swiper-slide-thumb-active {
    background-color: #000;
    position: relative;
    cursor: pointer;
}

.path-frontpage .showSwiper .swiper-slide-thumb-active::before {
    content: '';
    position: absolute;
    width: 99.8%;
    height: 6px;
    background: #9CBB3E;
    border-radius: 0px 0px 4px 4px;
    bottom: 0;
}

.homepageSwiper .swiper-slide::before {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.76) 100%);
    position: absolute;
}

.path-frontpage .homepageSwiper {
    position: relative;
}

/* .path-frontpage .homepageSwiper::before {
    background: url(/themes/custom/iaaca_theme/image/frontpage/new-website-flag.png) no-repeat;
    content: '';
    webkit-filter: drop-shadow(0 8px 4px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0 8px 4px rgba(0, 0, 0, 0.15));
    width: 127px;
    height: 129px;
    position: absolute;
    right: calc(50% - 645px);
    top: 0;
    z-index: 10;
} */

.path-frontpage .homepageSwiper .swiper-slide {
    background-color: #000;
    position: relative;
}

.path-frontpage .homepageSwiper a.banner-link {
    text-indent: -999px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.path-frontpage .homepageSwiper img {
    width: 100%;
    /* height: 800px; */
    aspect-ratio: 70 / 26;
    object-fit: cover;
}

.path-frontpage .homepageSwiper .banner_content {
    position: absolute;
    margin-left: -660px;
    left: 50%;
    /* top: 53%; */
    bottom: 200px;
}

.path-frontpage .homepageSwiper .banner_content h2 {
    color: #FFFFFF;
    margin-bottom: 27px;
    padding-bottom: 33px;
    position: relative;
}

.path-frontpage .homepageSwiper .banner_content h2::before {
    background: #9CBB3E;
    content: '';
    width: 140px;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.path-frontpage .homepageSwiper .banner_content>a {
    color: #FFFFFF;
    text-decoration: underline;
}

.path-frontpage .homepageSwiper .banner_content>a>img {
    width: 22px;
    height: 16px;
    margin-left: 6px;
}

.path-frontpage .showSwiper .banner_content {
    display: none;
}

.path-frontpage .showSwiper .banner_content h2,
.path-frontpage .showSwiper .banner_content a {
    color: #fff;
}

.path-frontpage .showSwiper .swiper-slide img {
    border-radius: 4px;
    height: 150px;
    object-fit: cover;
    opacity: .6;
    transition: all 0.2s ease;
}

.path-frontpage .showSwiper .swiper-slide-thumb-active img,
.path-frontpage .showSwiper .swiper-slide:hover img {
    opacity: 1;
}

.path-frontpage .showSwiper .swiper-button-next,
.path-frontpage .showSwiper .swiper-button-prev {
    top: 50%;
    width: 40px;
    height: 40px;
    transition: all 0.2s ease;
}

.path-frontpage .showSwiper .swiper-button-next:after,
.path-frontpage .showSwiper .swiper-button-prev:after {
    font-size: 19px;
}

.path-frontpage .showSwiper .swiper-button-prev:hover {
    left: 2px;
}

.path-frontpage .showSwiper .swiper-button-next:hover {
    right: 2px;
}

.path-frontpage .swiper-button {
    position: relative;
}

/* detail page  ***************************************************/
.details-activities-content {
    margin-top: 50px;
}

.path-frontpage .swiper-button {
    position: relative;
}

.path-frontpage .swiper-button>div {
    position: absolute;
    top: -256px;
    right: 17px;
    z-index: 99;
    cursor: pointer;
}

.details-activities-content.layout--twocol-section--25-75>.layout__region--first {
    flex: 0 1 auto !important;
    width: 30%;
    padding-right: 15px;
}

.details-activities-content.layout--twocol-section--25-75>.layout__region--second {
    flex: 0 1 auto !important;
    width: 70%;
    padding-left: 15px;
    position: relative;
}

.details-header {
    margin-bottom: 27px;
    padding-bottom: 33px;
    position: relative;
}

.details-header::before {
    background: #9CBB3E;
    content: '';
    width: 140px;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.details-header strong.field--name-title {
    font-size: 32px;
    color: #103A7B;
    position: relative;
}

.details-activities-content .date_start_time,
.details-activities-content .date_end_time,
.details-activities-content .detail-date,
.details-time {
    display: none;
}

.detail-date span,
.details-time time span {
    font-weight: 700;
    font-size: 20px;
    color: #222222;
}

.details-paragraph {
    margin-top: 30px;
}

.block-field-blocknodeactivitiesfield-activities-date-start,
.block-field-blocknodeactivitiesfield-activities-date-end,
.block-field-blocknodeactivitiesfield-activities-tags {
    display: inline-block;
}

.block-field-blocknodeactivitiesfield-activities-tags {
    position: absolute;
    right: 0;
    font-weight: 500;
    font-size: 15px;
    color: #222222;
    padding: 8px 12px;
    border: 1px solid #222222;
    margin-top: -50px;
}

.details-activities-content .field--name-field-activities-date-end {
    margin-left: 20px;
    position: relative;
}

.details-activities-content .field--name-field-activities-date-end::before {
    content: "-";
    position: absolute;
    font-weight: 700;
    font-size: 20px;
    color: #222222;
    left: -18px;
    font-size: 30px;
}

.details-paragraph p {
    font-weight: 400;
    font-size: 18px;
    color: #121212;
    margin-bottom: 20px;
}

.details-paragraph img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 400px;
    object-fit: contain;
}

.details-paragraph ul li {
    font-family: arial;
    font-weight: 400;
    font-size: 18px;
}

.details-paragraph video {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 50px auto;
}

.details-paragraph .field--name-field-one-image {
    margin-bottom: 20px;
}

.details-paragraph .field--name-field-img-alt {
    padding: 10px;
    margin-top: -30px;
    margin-bottom: 20px;
}

.details-paragraph .paragraph--type--two-image img {
    object-fit: cover;
    height: 250px;
}

.details-paragraph .paragraph--type--two-image .field--name-field-image1 {
    padding-right: 10px;
    margin-bottom: 20px;
}

.details-paragraph .paragraph--type--two-image .field--name-field-image2 {
    padding-left: 10px;
    margin-bottom: 20px;
}

.block-field-blocknodeactivitiesfield-registration-form-button {
    margin-top: 30px;
}

.block-field-blocknodeactivitiesfield-registration-form-button a {
    background-color: #003CC5;
    color: #fff;
    padding: 10px 12px;
    border-radius: 4px;
    display: none;
}

.block-field-blocknodeactivitiesfield-registration-form-button a:hover {
    background-color: #00309e;
}

/* Documentations ***************************************************/
.document-link {
    background: #FFFFFF;
    border: 1px solid #D5E1F2;
    border-radius: 8px;
    padding: 18px 0;
    text-align: center;
    margin-bottom: 24px;
    position: relative;
}

.document-link .file {
    display: unset;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.block-views-blockblock-notes-of-meeting-block-1 .disabled a {
    cursor: pointer;
    pointer-events: none;

}

.document-link a,
.card-structure>a {
    text-indent: -9999px;
    width: 100%;
    position: absolute;
    top: -20px;
    left: 0;
    font-size: 0;
    height: 66px;
    z-index: 2;
}

.card-structure>a {
    height: 100%;
}

.document-link .file--application-pdf {
    background-image: unset;
}

.document-link>span {
    font-weight: 400;
    font-size: 20px;
    color: #103A7B;
    position: relative;
    margin-left: 25px;
    z-index: 0;
}

.document-link>span::before {
    content: '';
    background-image: url('/themes/custom/iaaca_theme/image/content/common/arrow.svg');
    height: 19px;
    width: 19px;
    display: inline-block;
    background-size: cover;
    position: absolute;
    left: -25px;
    top: 5px;
}
/***暫時消失***/
.section-meeting {
    width: 100%;
    height: 100%;
    background: url(/themes/custom/iaaca_theme/image/content/documentations/meeting_bg.jpg) no-repeat;
    background-size: auto;
    background-size: cover;
    background-position: 50%;
    padding: 100px 0;
    display: none;
}

.section-meeting .views-header h2 {
    margin-bottom: 27px;
}

.section-meeting .views-header h2::before {
    background-color: #fff;
}

.section-meeting .views-row {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.section-meeting .views-field {
    background-color: #fff;
    padding: 20px 38px;
}

.section-meeting .views-row:nth-child(even) .views-field {
    background: #F1FFEC;
}

.section-meeting .card-meeting .d-lg-flex,
.section-meeting .card-meeting .d-flex {
    align-items: center;
}

.section-meeting .views-row+.views-row {
    border-top: 2px solid #97B63A;
}

.section-meeting .document-link {
    background-color: unset;
    border: unset;
    padding: 0;
    margin-bottom: 0;
}

.section-meeting .document-link>span {
    font-size: 16px;
    color: #222222;
}

.section-meeting .document-link>span::before {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 2px;
}

.section-meeting .date {
    width: 180px;
    font-size: 18px;
    font-weight: bold;
}

.section-meeting .date span {
    font-weight: 400;
    font-size: 16px;
    color: #101010;
}

.section-meeting .title {
    font-weight: 700;
    font-size: 18px;
    color: #195C50;
}

.section-meeting .meeting-login {
    font-weight: 500;
    font-size: 14px;
    padding: 9px 23px;
    background: #195C50;
    color: #fff;
    margin-right: 40px;
}

.section-meeting ul.meeting_ul,
ul.anti_corruption_ul {
    margin-top: 60px;
}

.section-meeting ul.meeting_ul li,
ul.anti_corruption_ul li {
    color: #545454;
    display: inline-block;
    font-weight: 700;
    font-size: 28px;
    line-height: 1;
    padding: 0 20px;
    cursor: pointer;
}

.section-meeting ul.meeting_ul li.active,
.section-meeting ul.meeting_ul li:hover,
ul.anti_corruption_ul li.active,
ul.anti_corruption_ul li:hover {
    color: #222;
}

.section-meeting ul.meeting_ul li:nth-child(1),
ul.anti_corruption_ul li:nth-child(1) {
    padding-left: 0;
}

.section-meeting #views-exposed-form-block-notes-of-meeting-block-1 .js-form-item:first-child,
.section-meeting #views-exposed-form-block-notes-of-meeting-block-1 .js-form-item:nth-child(2) label {
    display: none;
}

.section-meeting #views-exposed-form-block-notes-of-meeting-block-1 .js-form-item:nth-child(2) select {
    border: 1px solid #222;
    background-color: unset;
    border-radius: unset;
    width: 300px;
    margin-left: 65px;
    position: relative;
    padding: 12px 23px;
}

.section-meeting form.views-exposed-form {
    margin: 50px 0 30px;
}

.section-meeting #views-exposed-form-block-notes-of-meeting-block-1 .js-form-item:nth-child(2) {
    position: relative;
    margin: 0 20px 0 0;
}

.section-meeting #views-exposed-form-block-notes-of-meeting-block-1 .js-form-item:nth-child(2)::before {
    content: 'Filter';
    position: absolute;
    font-size: 16px;
    color: #222222;
    margin-top: 10px;
}

.section-meeting #views-exposed-form-block-notes-of-meeting-block-1 .js-form-wrapper:nth-child(3),
#views-exposed-form-block-notes-of-meeting-block-1 .form-actions {
    display: inline-block;
    max-width: none;
    margin: 0;
}

.section-meeting #views-exposed-form-block-notes-of-meeting-block-1 .js-form-wrapper:nth-child(3) input,
#views-exposed-form-block-notes-of-meeting-block-1 .form-actions input {
    border: 1px solid #222;
    background-color: unset;
    border-radius: unset;
    font-size: 16px;
    font-weight: 700;
    color: #103A7B;
    padding: 12px 47px;
}

/* Anti-Corruption Resources ***************************************************/
.anti_corruption_section {
    position: relative;
}

.anti_corruption_section>div>div:nth-child(3) .field--name-body {
    position: relative;
}

.card-anti-corruption {
    background: #FFFFFF;
    border: 1px solid #D5E1F2;
    border-radius: 8px;
    padding: 22px 34px;
    margin-bottom: 15px;
}

.card-anti-corruption .card-img {
    width: 224px;
    height: 141px;
    background: #FAFAFA;
    overflow: hidden;
}

.card-anti-corruption .card-img img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    width: auto;
}

.card-anti-corruption .card-media {
    position: relative;
}

.card-anti-corruption .card-media a {
    text-indent: -9999px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0;
}

.card-anti-corruption .card-media .documentations .media--type-document {
    position: unset;
}

.card-anti-corruption .card-media .documentations>img,
.card-anti-corruption .card-media .link>img {
    margin-right: 45px;
}

.card-anti-corruption .card-media .documentations .media--type-document .file--application-pdf {
    background-image: unset;
}

.card-anti-corruption .link-word span {
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #222222;

}

.card-anti-corruption .link-word img {
    margin-right: 5px;
}

.card-anti-corruption .card-media .documentations .link-word img {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.card-anti-corruption .anti-corruption-title {
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    color: #222222;
    border: 1px solid #222222;
    padding: 9px 14px;
    margin-bottom: 15px;
}

.card-anti-corruption .card-content h3 {
    font-weight: 700;
    font-size: 18px;
    color: #222222;
}

.card-anti-corruption .card-author {
    margin-bottom: 15px;
}

.card-anti-corruption .card-author span,
.card-anti-corruption .card-year time {
    font-size: 16px;
    color: #101010;
}

.view-block-anti-corruption-resources .view-filters form.views-exposed-form .form-actions {
    clear: unset;
    margin-bottom: 20px;
}

.view-block-anti-corruption-resources .view-filters form.views-exposed-form label {
    display: none;
}

.view-block-anti-corruption-resources .view-filters form.views-exposed-form .form-item select,
#anti_corruption_year {
    background-color: #FFFFFF;
    border: 1px solid #D4D4D4;
    border-radius: unset;
    width: 300px;
    position: relative;
    padding: 12px 23px;
    margin-right: 20px;
}

#anti_corruption_year {
    position: absolute;
    left: 77px;
    z-index: 99;
}

.anti_corruption_year_label {
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.view-block-anti-corruption-resources .view-filters form.views-exposed-form  .form-item {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 390px;
}

.view-block-anti-corruption-resources .view-filters form.views-exposed-form {
    position: relative;
}

.view-block-anti-corruption-resources .view-filters form.views-exposed-form::before {
    content: 'Filter';
    position: absolute;
    font-weight: 500;
    font-size: 20px;
    color: #222222;
    margin-top: 11px;
}

.view-block-anti-corruption-resources .view-filters form.views-exposed-form input,
.view-block-anti-corruption-resources-year {
    display: none;
}

.anti_corruption_input {
    background-color: #FFFFFF;
    border: 1px solid #222222;
    border-radius: unset;
    font-size: 16px;
    font-weight: 700;
    color: #103A7B;
    padding: 10px 47px;
    position: absolute;
    left: 730px;
    cursor: pointer;
    z-index: 99;
}

.view-block-anti-corruption-resources .view-filters form.views-exposed-form>div:nth-child(1) {
    display: none;
}

ul.anti_corruption_ul {
    margin-bottom: 50px;
    padding-top: 20px;
}

/* .block-views-blockblock-anti-corruption-resources-year-block-1 {
    display: none;
} */

.view-id-block_anti_corruption_resources .view-content {
    margin-top: 40px;
}

#location:focus-visible {
    outline: unset;
}

/* contact_us ***************************************************/
section.contact_us .col-md-6 p,
section.contact_us .col-md-6 a {
    font-weight: 400;
    font-size: 16px;
    color: #121212;
    position: relative;
}

section.contact_us .col-md-6 p {
    padding-left: 38px;
}

section.contact_us .col-md-6:nth-child(1) p::before,
section.contact_us .col-md-6:nth-child(2) p:nth-child(1):before,
section.contact_us .col-md-6:nth-child(2) p:nth-child(2):before {
    content: '';
    display: inline-block;
    background-size: cover;
    position: absolute;
    left: 0;
}

section.contact_us .col-md-6:nth-child(1) p::before {
    background-image: url('/themes/custom/iaaca_theme/image/content/contact_us/location.svg');
    width: 20px;
    height: 28px;
}

section.contact_us .col-md-6:nth-child(2) p:nth-child(1):before {
    background-image: url('/themes/custom/iaaca_theme/image/content/contact_us/e-mail.svg');
    width: 26px;
    height: 18px;
    top: 6px;
}

section.contact_us .col-md-6:nth-child(2) p:nth-child(2):before {
    background-image: url('/themes/custom/iaaca_theme/image/content/contact_us/phone.svg');
    width: 26px;
    height: 26px;
}

section.contact_us .col-md-6 p a {
    text-decoration: underline;
}

.contact-webform h2 {
    font-weight: 700;
    color: #222222;
    margin-bottom: 20px;
}

.contact-webform label {
    display: none;
}

.contact-webform input,
.contact-webform .form-select {
    background-color: #FFFFFF;
    border: 1px solid #8E8E8E;
    border-radius: unset;
    padding: 14px 23px;
    margin-bottom: 20px;
}

.contact-webform textarea {
    border: 1px solid #8E8E8E;
    border-radius: unset;
    margin-bottom: 20px;
}

.contact-webform #edit-actions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row-reverse;
}

.contact-webform #edit-actions input {
    font-weight: 700;
    font-size: 16px;
    color: #103A7B;
}

.contact-webform #edit-actions input:hover {
    color: #fff;
}

.contact-Join {
    margin: 100px 0;
}

.contact-Join .contact-section {
    background: #fff url(/themes/custom/iaaca_theme/image/content/contact_us/join_bg.jpg) center 0 no-repeat;
    background-size: cover;
    padding: 142px 15px;
}

.contact-Join .contact-section .Join-content h3 {
    font-weight: 700;
    font-size: 28px;
    color: #2D478B;
}

.contact-Join .contact-section .Join-content p {
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    max-width: 495px;
    ;
}

/* .contact-Join .contact-section .Join-content a {
    margin-left: 0;
    padding: 0;
    margin-top: 30px;
} */

.contact-Join .contact-section .Join-content a {
    background: #9CBB3E;
    border-radius: 4px;
    margin-left: 0;
    margin-top: 30px;
    padding: 11px 21px;
    font-weight: 500;
    font-size: 16px;
    color: #363636;
}

.contact-Join .contact-section .Join-content a img {
    margin-right: 5px;
}

/* block-banner ***************************************************/
.block-banner {
    margin-bottom: 100px;
}

.block-banner.contact-banner {
    background-color: #000;
}

.block-banner .carousel-caption .contact-h1 {
    color: #fff;
    line-height: 1.2;
    text-align: left;
}

.block-banner .carousel-caption .contact-breadcrumb ol li,
.block-banner .carousel-caption .contact-breadcrumb ol li a {
    color: #fff;
}

/* Members’Column CSS ------------------------------------------------------------------------------*/
.view-id-block_members_contact_information #edit-actions {
    display: inline-block;
    margin-top: 35px;
    background-color: #fff;
    border-radius: unset;
}

.view-id-block_members_contact_information table thead {
    background-color: #195C50;
}

.view-id-block_members_contact_information table thead th {
    font-size: 16px;
    color: #FFFFFF;
}

.card-member {
    background: #FFFFFF;
    border: 1px solid #D5E1F2;
    border-radius: 8px;
    padding: 32px;
}

.card-member {
    min-height: 220px;
}

.card-member a {
    width: 100%;
}

.card-member a span img {
    margin-right: 10px;
}

.card-member a span {
    color: #222222;
}

.members_column_forms {
    margin-bottom: 100px;
}

.members_column_forms a {
    color: #585858;
    font-size: 18px;
}

.members_column_forms a:hover,
.members_column_forms a:active,
.members_column_forms a:focus {
    color: rgba(66, 135, 245, .75);
}

.members_column_forms input.webform-button--submit {
    border-radius: unset;
    width: 100%;
    background-color: #B9D760;
    font-weight: bold;
    color: #363636;
    border: unset;
    padding: 10px 0;
    margin-top: 40px;
}

.forum-detail-card>div,
.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article {
    background: #FFFFFF;
    border: 1px solid #D5E1F2;
    border-radius: 8px;
    padding: 34px;
    position: relative;
}

.forum-detail-card>div {
    box-shadow: 0px 5px 0px #9cbb3e;
}

.forum-detail-card {
    margin-bottom: 42px;
}

.page-node-type-forum .block-field-blocknodeforumcomment-forum section {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.forum-detail-card .block-field-blocknodeforumtaxonomy-forums,
.forum-detail-card .layout__region>div.block-block-content4ec417bc-93b2-455e-b5b9-73a2abe66799,
.forum-detail-card .layout__region>div.block-block-content345a43fe-3330-4244-9d83-c87183619ad9,
.forum-detail-card .block-extra-field-blocknodeforumflag-like-comment,
.forum-detail-card .block-addtoany-block,
.forum-detail-card .block-extra-field-blocknodeforumflag-bookmark,
.forum-detail-card .block-views-blockblock-author-picture-block-1,
.forum-detail-card .block-field-blockuseruserfield-full-name,
.forum-detail-card .block-field-blocknodeforumuid,
.forum-detail-card .block-field-blocknodeforumcreated,
.forum-detail-card .block-extra-field-blocknodeforumflag-report,
.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article footer.comment__meta>article,
.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article footer.comment__meta .comment__submitted {
    display: inline-block;
}

.forum-detail-card .layout__region>div.block-block-content4ec417bc-93b2-455e-b5b9-73a2abe66799,
.forum-detail-card .layout__region>div.block-block-content345a43fe-3330-4244-9d83-c87183619ad9,
.forum-detail-card .block-extra-field-blocknodeforumflag-like-comment,
.forum-detail-card .block-addtoany-block,
.forum-detail-card .block-extra-field-blocknodeforumflag-bookmark,
.forum-detail-card .block-extra-field-blocknodeforumflag-report {
    float: right;
}

.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article .inline,
.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article .flag-comment-like,
.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article .flag-report-comment {
    position: absolute;
    right: 100px;
    top: 35px;
}

.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article .flag-comment-like {
    right: 40px;
    width: 46px;
    height: 46px;
    top: 27px;
}

.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article .flag-report-comment {
    right: 225px;
    padding-right: 14px;
    border-right: 1px solid #CACACA;
}

.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article .field--name-comment-body {
    margin-top: 55px;
}

.forum-detail-card .block-field-blocknodeforumtaxonomy-forums>div {
    border: 1px solid #222;
    padding: 10px 14px;
    color: #222222;
    display: inline-block;
}

.forum-detail-card .layout__region>div.block-block-content4ec417bc-93b2-455e-b5b9-73a2abe66799 {
    margin-right: 15px;
}

.forum-detail-card-top-delete {
    margin-right: 10px;
}

.forum-detail-card-top-edit span a,
.forum-detail-card-top-delete span a,
.forum-detail-card .block-extra-field-blocknodeforumflag-report a {
    font-weight: 400;
    font-size: 16px;
    color: #101010;
    line-height: 46px;
}

.forum-detail-card .block-extra-field-blocknodeforumflag-report a {
    height: 46px;
    margin-right: 15px;
    border-left: 1px solid #CACACA;
    padding-left: 14px;
}

.forum-detail-card .flag-like-comment,
.forum-detail-card .flag-bookmark,
.forum-detail-card .block-addtoany-block {
    width: 46px;
    height: 46px;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
}

.forum-detail-card .block-addtoany-block>span {
    position: absolute;
    display: flex;
    top: 60px;
    background: #FFFFFF;
    border: 1px solid #D5E1F2;
    border-radius: 8px;
    padding: 8px 10px 10px 10px;
    opacity: 0;
}

.forum-detail-card .block-extra-field-blocknodeforumflag-like-comment a,
.forum-detail-card .block-extra-field-blocknodeforumflag-bookmark a,
.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article .flag-comment-like a {
    color: #fff;
    font-size: 0;
    display: block;
    position: relative;
    z-index: 11;
    width: 100%;
    height: 100%;
}

.forum-detail-card .block-addtoany-block::before {
    content: url('/themes/custom/iaaca_theme/image/content/forum/share.svg');
    display: inline-block;
    width: 46px;
    height: 46px;
    position: absolute;
}

.forum-detail-card .block-extra-field-blocknodeforumflag-like-comment .action-flag::before,
.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article .flag-comment-like.action-flag::before {
    content: url('/themes/custom/iaaca_theme/image/content/forum/unlike.svg');
    display: inline-block;
    width: 46px;
    height: 46px;
    cursor: pointer;
    position: absolute;
}

.forum-detail-card .block-extra-field-blocknodeforumflag-like-comment .action-unflag::before,
.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article .flag-comment-like.action-unflag::before {
    content: url('/themes/custom/iaaca_theme/image/content/forum/liked.svg');
    display: inline-block;
    width: 46px;
    height: 46px;
    cursor: pointer;
    position: absolute;
}

.forum-detail-card .block-extra-field-blocknodeforumflag-bookmark .action-flag::before {
    content: url('/themes/custom/iaaca_theme/image/content/forum/unbookmark.svg');
    display: inline-block;
    width: 46px;
    height: 46px;
    cursor: pointer;
    position: absolute;
}

.forum-detail-card .block-extra-field-blocknodeforumflag-bookmark .action-unflag::before {
    content: url('/themes/custom/iaaca_theme/image/content/forum/bookmark.svg');
    display: inline-block;
    width: 46px;
    height: 46px;
    cursor: pointer;
    position: absolute;
}

.forum-detail-card .block-field-blocknodeforumtitle {
    font-weight: 700;
    font-size: 20px;
    color: #103A7B;
    margin-top: 40px;
    margin-bottom: 20px;
}

.forum-detail-card .block-field-blocknodeforumbody p {
    font-size: 18px;
    color: #121212;
    line-height: 30px;
    margin: 30px 0 40px 0;
}

.forum-detail-card .block-views-blockblock-author-picture-block-1 img,
.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article footer.comment__meta .field--name-user-picture img {
    border: #D4D4D4 1px solid;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-right: 10px;
}

.forum-detail-card .block-field-blocknodeforumfield-forum-img {
    margin-bottom: 40px;
    max-width: 325px;
}

.forum-detail-card .block-field-blockuseruserfield-full-name>div,
.forum-detail-card .block-field-blocknodeforumuid>span {
    margin-right: 10px;
    color: #101010;
    font-size: 16px;
    border-right: 1.5px solid #CACACA;
    padding-right: 10px;
}

.page-node-type-forum .block-field-blocknodeforumcomment-forum {
    margin-right: -12px;
    margin-left: -12px;
}

.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article {
    margin-bottom: 25px;
    box-shadow: 0px 5px 0px #D5E1F2;
}

.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article:nth-child(1) {
    margin-top: 50px;
}

.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article h3 {
    display: none;
}

.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article footer.comment__meta {
    background-color: unset !important;
    background: unset;
    margin-top: 40px;
}

.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article footer.comment__meta>a,
.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article footer.comment__meta .flag-following {
    display: none;
}

.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article footer.comment__meta .comment__submitted {
    font-size: 15px;
}

.page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article .content .field--name-comment-body p {
    font-size: 18px;
    color: #121212;
}

.bookmark-content {
    margin-bottom: 8rem;
}

.bookmark-content table {
    background-color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
    margin-top: 20px;
}

.bookmark-content table>thead {
    background-color: #195C50;
}

.bookmark-content table>thead th {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    color: #FFFFFF;
}

.bookmark-content table>thead th#view-taxonomy-forums-table-column {
    width: 30%;
    padding-left: 38px;
}

.bookmark-content table>thead th#view-title-table-column {
    width: 40%;
}

.bookmark-content table>tbody td,
.bookmark-content table>tbody td a {
    font-size: 16px;
    color: #222222;
    padding-top: 20px;
    padding-bottom: 20px;
}

.bookmark-content table>tbody>tr:nth-of-type(odd)>* {
    background-color: #fff;
    --bs-table-accent-bg: #fff;
}

.bookmark-content table>tbody>tr:nth-of-type(even)>* {
    background-color: #DFF1EE;
    --bs-table-accent-bg: #DFF1EE;
}

.bookmark-content table>tbody>tr td:nth-child(1) {
    padding-left: 38px;
}

.forum-detail-card .field--name-nid {
    display: none;
}

/* forum  ***************************************************/
.block-views-blockblock-forum-trending-block-1 h2 {
    text-transform: capitalize;
    color: #222222;
    margin-bottom: 26px;
}

.card-trending {
    border: 1px solid #D5E1F2;
    border-bottom: 8px solid #205099;
    border-radius: unset;
    padding: 35px 25px 15px 25px;
}

.view-block-forum-trending .view-content>div:first-child .card-trending {
    background: #fff url(/themes/custom/iaaca_theme/image/content/forum/number-sign-1.svg) right 25px top 41px no-repeat;
    background-size: auto 35px;
}

.view-block-forum-trending .view-content>div:nth-child(2) .card-trending {
    background: #fff url(/themes/custom/iaaca_theme/image/content/forum/number-sign-2.svg) right 25px top 41px no-repeat;
    background-size: auto 35px;
}

.view-block-forum-trending .view-content>div:nth-child(3) .card-trending {
    background: #fff url(/themes/custom/iaaca_theme/image/content/forum/number-sign-3.svg) right 25px top 41px no-repeat;
    background-size: auto 35px;
}

.block-views-blockblock-forum-trending-block-1 .view-content .views-row:nth-child(2) .card-trending {
    border-bottom: 8px solid #9ABD2C;
}

.card-trending .card-body {
    padding: 0;
}

.card-trending .card-body .card-body-header {
    margin-bottom: 20px;
}

.card-trending .picture img {
    border: #D4D4D4 1px solid;
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-right: 0;
    border-radius: 50%;
    background: #fff;
}

.card-trending .card-body-header .title {
    font-size: 18px;
    color: #101010;
}

.card-trending .card-body-header .sort span {
    font-weight: bold;
    font-size: 48px;
    color: #9ABD2C;
    line-height: 1;
}

.card-trending .card-body .tags,
.forum-card .content-top .tags {
    display: inline-block;
    font-size: 15px;
    text-align: center;
    color: #222222;
    padding: 2px 12px;
    border: 1px solid #222222;
    margin-bottom: 10px;
}

.card-trending .card-body>p a {
    font-weight: bold;
    font-size: 18px;
    color: #103A7B;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 140px;
}

.card-trending .card-body-footer {
    flex-wrap: wrap;
}

.card-trending .card-body-footer div {
    color: #101010;
    font-size: 16px;
}

.card-trending .card-body-footer div>span {
    margin-right: 6px;
}

.card-trending .card-body-footer .totalcoun {
    margin-right: 20px;
}

.view-id-block_forum_list {
    display: flex;
    flex-wrap: wrap;
}

.view-id-block_forum_list .view-header {
    flex: 0 0 auto;
    margin-bottom: 20px;
    order: 2;
}

.view-id-block_forum_list .view-filters {
    flex: 1 1 auto;
    order: 1;
}

.view-id-block_forum_list .view-content {
    clear: both;
    width: calc(100% + 30%);
    order: 3;
}

.view-id-block_forum_list nav {
    width: 100%;
    order: 4;
}

.view-id-block_forum_list .form--inline::before {
    color: #222222;
    content: 'Filter';
    font-size: 16px;
    line-height: 44px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.view-id-block_forum_list select {
    border: 1px solid #222;
    background-color: #fff;
    border-color: #D4D4D4;
    border-radius: 0;
    line-height: 44px;
    margin-bottom: 20px;
    padding: 0 40px 0 18px;
}

.view-id-block_forum_list .form--inline .js-form-item:nth-child(2) {
    /* display: none; */
}

.view-id-block_forum_list .form-actions {
    display: inline-block;
    margin: 0 0 20px;
}

.view-id-block_forum_list .form-actions #edit-submit-block-forum-list {
    line-height: 44px;
    width: 130px;
    margin-left: 0;
    padding: 0;
}

#edit-submit-block-forum-list {
    font-weight: 700;
    color: #103A7B;
    background-color: #fff;
    border: 1px solid #222222;
    border-radius: unset;
}

#edit-submit-block-forum-list:hover {
    color: #fff;
    background-color: #103A7B;
}

.view-block-forum-list {
    position: relative;
    margin-bottom: 60px;
}

.view-block-forum-list .views-exposed-form label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.view-block-forum-list .views-exposed-form  .form-item {
    margin: 0 20px 0 0;
}

.view-block-forum-list .create_page button,
.create-button-comment button {
    border-radius: 0;
    color: #363636;
    font-size: 16px;
    font-weight: 700;
    line-height: 44px;
    width: 180px;
    padding: 0;
}

.view-block-forum-list .create_page button img,
.create-button-comment button img {
    margin-right: 10px;
}

.forum-card {
    background: #FFFFFF;
    border: 1px solid #D5E1F2;
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 30px;
}

.forum-card .card-body {
    padding: 0;
}

.forum-card .content-top {
    margin-bottom: 25px;
}

.forum-card .content-top .tags {
    margin-bottom: 0;
}

.forum-card .content-top .share {
    display: none;
}

.forum-card .card-text {
    margin-bottom: 40px;
    /* max-width: 320px; */
}

.forum-card .card-text a {
    font-weight: bold;
    font-size: 20px;
    color: #103A7B;
    margin-bottom: 20px;
}

.forum-card .forum-card-img {
    margin-bottom: 30px;
}

.forum-card .forum-card-img img {
    margin-top: -30px;
}

.forum-card .content-bottom .author,
.forum-card .content-bottom .data {
    color: #101010;
    display: flex;
    align-items: center;
    line-height: 21px;
    min-height: 50px;
}

.forum-card .content-bottom .author img {
    border: #D4D4D4 1px solid;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-right: 10px;
}

.forum-card .content-bottom .author .author-name {
    border-right: #CACACA 2px solid;
    margin-right: 10px;
    padding-right: 10px;
}

.forum-card .content-bottom .data {
    flex-wrap: wrap;
}

.forum-card .content-bottom .data span {
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
}

.forum-card .content-bottom .data span:not(.one_avatar, :first-child) {
    margin-left: 20px;
}

.forum-card .content-bottom .data span.comment_author_avatars,
.forum-card .content-bottom .data span.one_avatar {
    padding: 0;
}

.forum-card .content-bottom .data img {
    margin-right: 6px;
}

.forum-card .content-bottom .data span.comment_author_avatars {
    display: inline-block;
    margin-right: 0;
}

.forum-card .content-bottom .data span.comment_author_avatars>span:not(:first-child) {
    margin-left: -12px;
}

.forum-card .content-bottom .data span.comment_author_avatars img {
    border: #D4D4D4 1px solid;
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-right: 0;
    border-radius: 50%;
    background: #fff;
}

.forum-content {
    display: inline-block;
    margin-bottom: 60px;
}

.staticBackdrop .modal-header,
.staticBackdrop .modal-body,
.staticBackdrop .modal-footer {
    padding: 0;
    border: unset;
}

.staticBackdrop .modal-content {
    padding: 40px 40px 50px 40px;
}

.staticBackdrop .modal-header h2 {
    color: #222;
    margin-bottom: 20px;
}

.staticBackdrop input,
.staticBackdrop select,
.staticBackdrop textarea {
    border: 1px solid #D5E1F2;
    margin-bottom: 20px;
    padding: 10px 22px;
}

.staticBackdrop .modal-footer button {
    background: #B9D760;
    text-align: center;
    padding: 12px 50px;
    border: unset;
    color: #222;
    font-weight: bold;
    border-radius: 0;
}

.staticBackdrop .modal-footer img {
    margin-right: 10px;
}

.staticBackdrop #node_upload_image_ajax_form input {
    padding: 0;
    margin-bottom: 0;
    border: unset;
}

#node_upload_image_ajax_response #node_fid {
    display: none;
}

#node_upload_image_ajax_response #node_thumb {
    margin-top: 20px;
}

/* Members’Column - Notes of Meeting ----------------------------------------------------------*/
.iaaca-forum-wrap {
    position: relative;
}

.iaaca-forum-content {
    background: linear-gradient(to right, #EDF4FE 60%, #ffffff00 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 42%;
    height: 100%;
    padding: 0 6.82%;
    position: absolute;
    left: 0;
    top: 0;
}

.iaaca-forum-content h2 {
    margin-bottom: 20px;
}

.iaaca-forum-content p {
    font-size: 18px;
}

.btn-get-started {
    background-color: #B9D760;
    border-radius: 4px;
    padding: 12px 22px 12px 30px;
    text-decoration: underline;
}

.btn-get-started img {
    margin-right: 5px;
}

.btn-get-started:hover {
    background-color: #aad135;
    color: #212121;
}

/* user CSS ------------------------------------------------------------------------------*/
body.path-user #block-iaaca-theme-breadcrumbs,
#block-views-block-users-name-block-1,
#block-views-block-users-name-block-2 {
    display: none;
}

/* #block-views-block-users-name-block-1 {
  display: block;
} */

body.path-user main form input,
body.path-user main form .js-form-item,
body.path-user main form details {
    border-radius: unset;
    margin-bottom: 20px;
}

body.path-user main .user-register-form .form-type-email input,
body.path-user main .user-register-form .field--name-field-join-position input {
    margin-bottom: 6px;
}

body.path-user main .user-register-form i {
    color: rgb(238, 0, 0);
    font-weight: bold;
}

body.path-user main .user-register-form .note {
    font-size: 14px;
    color: #6c757d;
}

body.path-user main>div:nth-child(4) {
    background: #FFFFFF;
    border: 1px solid #D5E1F2;
    border-radius: 8px;
    max-width: 648px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8rem;
    margin-bottom: 5rem;
    padding: 50px;
}

body.path-user main #block-iaaca-theme-local-tasks {
    display: none;
}

body.path-user main form.user-login-form input {
    border-radius: unset;
    margin: 10px 0;
}

body.path-user main #edit-actions input {
    width: 100%;
    background: #B9D760;
    border-radius: unset;
    color: #363636;
    font-weight: 700;
    font-size: 16px;
    border-color: #B9D760;
}

body.path-user main form.user-login-form #edit-submit {
    padding: 12px 0;
}

body.path-user main form.user-login-form #edit-submit:hover {
    background-color: #E1EDBE;
}

body.path-user main .btn-create {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #222222;
    font-weight: 700;
    font-size: 16px;
    color: #103A7B;
    border-radius: unset;
    padding: 12px 0;
    margin-bottom: 20px;
}

body.path-user main .btn-create:hover {
    background-color: #9CBB3E;
    color: #fff;
    border-color: #9CBB3E;
}

body.path-user main h1 {
    text-align: center;
    margin-bottom: 40px;
}

body.path-user main a.password button {
    width: 100%;
    text-align: right;
    color: #222;
}

body.path-user main a.password button img {
    margin-right: 10px;
}

body.path-user main a.password button:hover {
    color: #9CBB3E;
}

body.path-user main form.user-login-form #edit-name--description,
body.path-user main form.user-login-form #edit-pass--description,
body.path-user main form.user-register-form #edit-mail--description,
body.path-user main form.user-register-form #edit-name--description,
body.path-user main form.user-pass>p {
    display: none;
}

.profile_section .block-field-blockuseruseruser-picture {
    margin: auto;
}

body.path-user main .profile_section h1 {
    margin-bottom: 20px;
}

.profile_section .block-field-blockuseruseruser-picture a img {
    border: #D4D4D4 1px solid;
    width: 160px;
    height: 160px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}

.profile_section .field__label,
.profile_section .block-field-blockuserusermail h2,
.profile_section .block-views-blockusers-name-block-1 h2 {
    font-weight: bold;
    font-size: 18px;
    color: #101010;
    margin-bottom: 10px;
}

.profile_section .block-views-blockusers-name-block-1 h2 {
    display: none;
}

.profile_section .field__item,
.profile_section .block-views-blockusers-name-block-1 {
    font-size: 16px;
    color: #585858;
    margin-bottom: 25px;
}

.profile_section .profile_edit {
    display: grid;
    padding: 12px 0;
}

.profile_section .profile_edit button {
    color: #363636;
    font-weight: bold;
    border-radius: unset;
}

.profile_section .flag-following {
    display: none;
}

/* Who We Are section2 ***************************************************/
.who-we-are-s2 {
    background: url('/themes/custom/iaaca_theme/image/content/about_iaaca/who-we-are-s2-bg.jpg') center center no-repeat;
    background-size: cover;
}

.who-we-are-s2 h2 {
    margin-bottom: 50px;
}

.who-we-are-s2 .mission-wrap {
    margin-bottom: 30px;
    padding: 0 7.6%;
}

.who-we-are-s2 .mission-wrap:last-child {
    margin-bottom: 0;
}

.who-we-are-s2 .mission-wrap>div {
    background-color: #EEFFE9;
    border: #EEFFE9 13px solid;
    box-shadow: inset 3px 3px 0 #9CBB3E;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 66%;
    min-height: 160px;
    padding: 20px;
}

.who-we-are-s2 .mission-wrap:last-child>div {
    background-color: #F0FAFF;
    border: #F0FAFF 13px solid;
    box-shadow: inset -3px -3px 0 #1D4B92;
    float: right;
}

.who-we-are-s2 .mission-wrap>div p {
    font-size: 20px;
    text-align: center;
    max-width: 630px;
    margin-bottom: 0;
}

.who-we-are-s2 .mission-wrap:last-child>div p {
    color: #1D4B92;
}

/* Who We Are section3 ***************************************************/
.h2-normal {
    color: #222222;
    margin-bottom: 30px;
}

.president-message-wrap {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    margin-bottom: 80px;
}

.president-message-wrap img {
    width: auto;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.president-message-content {
    background: linear-gradient(to right, #ffffff 60%, #ffffff00 100%);
    padding: 70px 10%;
    width: 62%;
    position: relative;
    z-index: 2;
}

.president-message-content p {
    font-size: 20px;
}

.president-message-quotes {
    margin-left: -65px;
    margin-right: -65px;
    padding: 18px 65px;
    position: relative;
}

.president-message-quotes::before {
    background: url('/themes/custom/iaaca_theme/image/content/about_iaaca/quote-open.svg') center center no-repeat;
    background-size: contain;
    content: '';
    width: 43px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 0;
}

.president-message-quotes::after {
    background: url('/themes/custom/iaaca_theme/image/content/about_iaaca/quote-close.svg') center center no-repeat;
    background-size: contain;
    content: '';
    width: 43px;
    height: 35px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.president-message-content p.name {
    color: #103A7B;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
}

.president-message-content p.name-title {
    color: #103A7B;
    font-size: 18px;
    margin-bottom: 38px;
}

.btn-read-more {
    background: url('/themes/custom/iaaca_theme/image/content/about_iaaca/btn-read-more-arrow.svg') right 5px center no-repeat;
    background-size: 22px 16px;
    color: #121212;
    font-weight: 700;
    padding-right: 34px;
    transition: all 0.2s ease;
}

.btn-read-more:hover {
    background: url('/themes/custom/iaaca_theme/image/content/about_iaaca/btn-read-more-arrow.svg') right center no-repeat;
    background-size: 22px 16px;
    color: #0055DB;
}

.btn-download {
    background-color: #fff;
    border: 1px #D5E1F2 solid;
    border-radius: 8px;
    color: #103A7B;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 340px;
    height: 52px;
    margin-bottom: 60px;
}

.btn-download::before {
    background: url('/themes/custom/iaaca_theme/image/content/about_iaaca/btn-download.svg') center center no-repeat;
    background-size: contain;
    content: '';
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.btn-download:hover {
    color: #0055DB;
}

/* Organisation Structure CSS ------------------------------------------------------------------------------*/
.structure-section-1>.layout__region--content {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    margin-left: -15px;
    margin-right: -15px;
}

.structure-section-1 .row {
    margin-right: unset;
    margin-left: unset;
}

[class*='block-views-blockblock-iaace-member-block-'] {
    margin-bottom: 10px;
}

/* .structure-section-1 .view-id-block_iaace_member.view-display-id-block_1 {
    flex: 0 0 auto;
    width: 20%;
} */

.structure-section-1 .view-id-block_iaace_member.view-display-id-block_2 {
    flex: 0 0 auto;
    width: 100%;
}

.structure-section-1 .view-id-block_iaace_member.view-display-id-block_3,
.structure-section-1 .view-id-block_iaace_member.view-display-id-block_4 {
    flex: 0 0 auto;
    width: 50%;
}

.structure-section-1 .view-id-block_iaace_member.view-display-id-block_5 {
    flex: 0 0 auto;
    width: 100%;
}

.structure-section-1 [class*='block-views-blockblock-iaace-member-block-']>div {
    height: 100%;
}

.structure-section-1 .view-id-block_iaace_member.view-display-id-block_2 .view-content.row>div {
    flex: 0 0 auto;
    width: 25%;
}

.structure-section-1 .view-id-block_iaace_member.view-display-id-block_3 .view-content.row>div,
.structure-section-1 .view-id-block_iaace_member.view-display-id-block_4 .view-content.row>div,
.structure-section-1 .view-id-block_iaace_member.view-display-id-block_6 .view-content.row>div {
    flex: 0 0 auto;
    width: 40%;
}

.structure-section-1 .view-id-block_iaace_member.view-display-id-block_5 .view-content.row>div {
    flex: 0 0 auto;
    width: 20%;
}

.view-block-iaace-member {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.view-block-iaace-member .view-content {
    flex: 1 1 auto;
}

.view-block-iaace-member .view-content>div {
    padding-bottom: 40px;
}

.card-structure {
    height: 100%;
    position: relative;
}

.card-structure .card-img-top img {
    position: relative;
    height: 150px;
    width: 150px !important;
    object-fit: cover;
    border-radius: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -75px;
    z-index: 2;
}

.card-structure {
    background-color: unset;
    border: unset;
}

.card-structure .card-body {
    background: #FFFFFF;
    border: 1px solid #D5E1F2;
    border-radius: 8px;
    text-align: center;
    padding: 90px 12px 20px;
    position: relative;
}

.card-structure .card-body h3 {
    line-height: 1;
}

.card-structure:hover .card-body h3 {
    color: #0055DB;
}

.card-structure .card-body h3 a {
    font-size: 16px;
    color: #101010;
}

.card-structure .card-body p {
    color: #585858;
    font-size: 14px;
    line-height: 1.4;
}

.card-structure .card-body::before {
    content: '';
    position: absolute;
    width: 99.8%;
    height: 6px;
    background: #BEBEBE;
    border-radius: 0px 0px 4px 4px;
    bottom: 0;
    left: 0;
}

.structure-section-1 .view-id-block_iaace_member.view-display-id-block_1 .card-structure .card-body::before,
.structure-section-1 .view-id-block_iaace_member.view-display-id-block_2 .card-structure .card-body::before,
.structure-section-1 .view-id-block_iaace_member.view-display-id-block_3 .card-structure .card-body::before,
.structure-section-1 .view-id-block_iaace_member.view-display-id-block_4 .card-structure .card-body::before {
    background: #427E74;
}

.member-header h3 {
    background-color: #9CBB3E;
    padding: 12px 0;
    color: #222;
    margin-bottom: 50px;
}

/* Organisation Structure Detail ********************/
.page-node-type-organisation-structure .layout--twocol-section.layout--twocol-section--25-75>.layout__region--first {
    flex: 0 1 auto;
    width: 30%;
    padding-right: 15px;
}

.page-node-type-organisation-structure .layout--twocol-section.layout--twocol-section--25-75>.layout__region--second {
    flex: 0 1 auto;
    width: 70%;
    padding-left: 15px;
}

.img-border-circle {
    float: left;
    margin-bottom: 40px;
    padding-right: 40px;
}

.img-border-circle img {
    border-radius: 50%;
    width: 200px;
}

.block-field-blocknodeorganisation-structurefield-structure-tags,
.block-field-blocknodeorganisation-structuretitle,
.block-field-blocknodeorganisation-structurefield-member-position {
    display: flow-root;
    line-height: 1.4;
}

.block-field-blocknodeorganisation-structurefield-structure-tags {
    color: #103A7B;
    font-size: 22px;
    font-weight: 700;
    margin-top: 32px;
    margin-bottom: 12px;
}

.block-field-blocknodeorganisation-structuretitle {
    color: #101010;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 7px;
}

.block-field-blocknodeorganisation-structurefield-member-position {
    margin-bottom: 40px;
}

.block-field-blocknodeorganisation-structurebody {
    clear: both;
}

/* Membership CSS ------------------------------------------------------------------------------*/
.membership-card-1 {
    background: #FFFFFF;
    border: 1px solid #D2E3FF;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: calc(var(--bs-gutter-x));
    padding: 50px 25px 30px 25px;
    cursor: pointer;
    height: calc(100% - var(--bs-gutter-x));
}

.membership-card-2 {
    background: #FFFFFF;
    border: 1px solid #D2E3FF;
    border-radius: 8px;
    display: block;
    margin-bottom: calc(var(--bs-gutter-x));
    padding: 20px 20px 15px;
    cursor: pointer;
}

/* .membership-card-1 img {
    margin-top: 35px;
} */
.membership-card-2 h3 {
    font-size: 16px;
    height: 40px;
    margin-bottom: 20px;
}

.membership-number {
    margin-bottom: 100px;
}

.membership-number .number {
    font-family: Arial, Helvetica, sans-serif;
}

.membership-card-1 .membership-number .number {
    width: 100%;
}

.membership-number .membership-card-1 .number span:nth-child(1) {
    font-size: 60px;
    font-weight: bold;
    line-height: 1;
    -webkit-text-fill-color: transparent;
    color: #103A7B;
    -webkit-text-stroke: 1px #103A7B;
}

/* .membership-number .membership-card-1 .number span:nth-child(2) {
    font-weight: bold;
} */

.membership-number .col-xl-9 .col-xl-4 .membership-card-2 .number span:nth-child(1) {
    font-size: 40px;
    font-weight: bold;
    -webkit-text-fill-color: transparent;
    line-height: 1;
}

.membership-number .col-xl-9 .col-xl-4:nth-child(1) .membership-card-2 .number span:nth-child(1) {
    color: #2B5CA7;
    -webkit-text-stroke: 1px #2B5CA7;
}

.membership-number .col-xl-9 .col-xl-4:nth-child(2) .membership-card-2 .number span:nth-child(1) {
    color: #6F47B0;
    -webkit-text-stroke: 1px #6F47B0;
}

.membership-number .col-xl-9 .col-xl-4:nth-child(3) .membership-card-2 .number span:nth-child(1) {
    color: #37802B;
    -webkit-text-stroke: 1px #37802B;
}

.membership-number .col-xl-9 .col-xl-4:nth-child(4) .membership-card-2 .number span:nth-child(1) {
    color: #A04141;
    -webkit-text-stroke: 1px #A04141;
}

.membership-number .col-xl-9 .col-xl-4:nth-child(5) .membership-card-2 .number span:nth-child(1) {
    color: #905D2D;
    -webkit-text-stroke: 1px #905D2D;
}

.membership-accordion {
    padding-bottom: 100px;
    margin-bottom: 0;
    padding-top: 100px;
}

.membership-accordion .accordion-item:first-of-type {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

.membership-accordion .accordion-item {
    border: none;
}

.membership-accordion .accordion-item>div {
    border-top: 4px solid #D5E1F2;
}

.membership-accordion .accordion-button:not(.collapsed) {
    background: none;
}

.membership-accordion .accordion-button {
    color: #222222;
    font-weight: 700;
    font-size: 24px;
    padding: 25px 20px;
}

.membership-accordion .accordion-item:last-of-type {
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;
}

.membership-accordion .accordion-item:last-of-type>div {
    border-bottom: 4px solid #D5E1F2;
}

.membership-accordion .accordion-button {
    border-radius: 0 !important;
    position: relative;
}

.membership-accordion .accordion-button::after {
    background: url('/themes/custom/iaaca_theme/image/btn-plus.svg') center center no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    transform: translateY(-50%);
    position: absolute;
    right: 20px;
    top: 50%;
}

.membership-accordion .accordion-item .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.membership-accordion .accordion-item .accordion-button:not(.collapsed)::after {
    background: url('/themes/custom/iaaca_theme/image/btn-reduce.svg') center center no-repeat;
    background-size: contain;
    transform: rotate(180deg) translateY(50%);
}

.membership-accordion .view-header {
    display: none;
}

.membership-accordion .form-actions {
    display: inline-block;
    margin-top: 28px;
    margin-bottom: 0;
}

.membership-accordion .form-actions input {
    background-color: #FFFFFF;
    border: 1px solid #222222;
    border-radius: unset;
    color: #103A7B;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.75;
    width: 140px;
    cursor: pointer;
}

.membership-accordion .form-actions input:hover {
    background-color: #103A7B;
    color: #fff;
}

.membership-accordion .accordion-body {
    padding: 0 20px 30px;
}

.membership-accordion .accordion-body .view-content {
    margin-left: 0;
    margin-right: 0;
}

.membership-accordion .view-filters {
    padding-left: 62px;
    position: relative;
    margin-bottom: 30px;
}

.membership-accordion .view-filters::before {
    content: 'Filter';
    position: absolute;
    font-size: 16px;
    color: #222222;
    margin-top: 19px;
    left: 0;
    top: 16px;
}

.membership-accordion .view-filters  .form-item {
    margin: 0 20px 0 0;
    width: 34.5%;
    max-width: 230px;
}

.membership-accordion .view-filters  .form-item .form-control {
    border-radius: 0;
    line-height: 1.75;
}

.membership-accordion .table {
    padding-left: 20px;
}

.membership-accordion .table>thead {
    background: #195C50;
}

.membership-accordion .table>thead th {
    color: #fff;
    padding-top: 13px;
    padding-bottom: 13px;
}

.membership-accordion .table>thead th:nth-child(1) {
    width: 20%;
    padding-left: 30px;
}

.membership-accordion .table>thead th:nth-child(2) {
    width: 60%;
}

.membership-accordion .table>thead th:nth-child(3) {
    width: 20%;
}

.membership-accordion .table>tbody tr {
    padding-top: 13px;
    padding-bottom: 13px;
}

.membership-accordion .table>tbody tr:nth-child(odd) {
    background-color: #FBFBFB;
}

.membership-accordion .table>tbody tr:nth-child(even) {
    background-color: #DFF1EE;
}

.membership-accordion .table> :not(caption)>*>* {
    border-bottom-width: 0px;
    box-shadow: unset;
}

.membership-accordion .table>tbody tr td {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    color: #222222;

}

.membership-accordion .table>tbody tr td>a {
    color: #195C50;
}

.membership-accordion .table>tbody tr td:nth-child(1) {
    padding-left: 30px;
}

/* Training Committee ***************************************************/
.h3-normal {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

.committee-card-blue {
    background-color: #EBF8FF;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 60px;
    padding: 24px;
    min-height: 385px;
    position: relative;
}

.committee-card-blue::before {
    background-color: #103A7B;
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.committee-card-blue .committee-card-title {
    color: #103A7B;
    font-size: 18px;
    font-weight: 700;
}

.committee-card-green {
    background-color: #F1FFEC;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 60px;
    padding: 24px;
    min-height: 385px;
    position: relative;
}

.committee-card-gray {
    background-color: #F6F6F6;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 60px;
    padding: 24px;
    min-height: 385px;
    position: relative;
}

.committee-card-green::before,
.committee-card-gray::before {
    background-color: #195C50;
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.committee-card-green .committee-card-title,
.committee-card-gray .committee-card-title {
    color: #195C50;
    font-size: 18px;
    font-weight: 700;
}

.committee-card-logo {
    text-align: right;
}

.committee-card-logo img {
    mix-blend-mode: multiply;
}

/* Strategic Directions  ***************************************************/
.strategic-map-wrap {
    background-color: #3a90cd;
    border-radius: 8px;
    margin-top: 40px;
    overflow: hidden;
    position: relative;
}

.strategic-map-content {
    display: flex;
    width: 100%;
    padding: 0 20px;
    position: absolute;
    bottom: 25px;
}

.strategic-map-content>a {
    background-color: #E5F6FF;
    flex: 1 1 33%;
    border-radius: 8px;
    margin: 0 10px;
    padding: 20px;
}

p.strategic-map-points {
    background: url('/themes/custom/iaaca_theme/image/content/strategic_directions/map-arrow.svg') left top 1px no-repeat;
    color: #103A7B;
    font-weight: 700;
    line-height: 1.625;
    margin-bottom: 0;
    padding-left: 32px;
    transition: all 0.2s ease;
}

.strategic-map-content>a:hover p.strategic-map-points {
    background-position: left 5px top 1px;
}

.strategic-map-wrap .strategic-icon {
    position: absolute;
    top: 15px;
    left: 30px;
}

.strategic-map-wrap .strategic-icon img {
    margin-right: 10px;
}

.strategic-map-wrap .strategic-icon h2 {
    font-size: 24px;
    color: #101010;
    font-weight: 700;
}

/* Regional Coordination Mechanism  ***************************************************/
.regional-map-wrap {
    background: linear-gradient(#daf0fa, #f7f9fa);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 172 / 89;
    margin-top: 40px;
    overflow: hidden;
    position: relative;
}

.regional-map {
    display: block;
    width: 67.68%;
    height: auto;
    max-width: 894px;
}

.regional-map-content {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

[class*='btn-regional-'] {
    background: url('/themes/custom/iaaca_theme/image/content/strategic_directions/regional-map-btn.svg') left 10px top 8px no-repeat;
    color: #fff;
    font-weight: 700;
    padding: 10px 10px 10px 44px;
    position: absolute;
    transform: translateY(-50%);
    transition: all 0.2s ease;
    max-width: 270px;
}

.btn-regional-asia {
    /* background-color: rgba(105, 152, 82, .74); */
    background-color: rgba(53, 100, 53, .8);
    border-radius: 10px 10px 10px 2px;
    left: 61.7%;
    top: 50%;
    /* text-shadow: 0 0 3px #4C7837; */
}

.btn-regional-african {
    /* background-color: rgba(202, 120, 45, .8); */
    background-color: rgba(129, 77, 27, 0.8);
    border-radius: 10px 10px 2px 10px;
    left: 51%;
    top: 76%;
}

.btn-regional-east-european {
    /* background-color: rgba(87, 148, 182, .8); */
    background-color: rgba(41, 85, 109, 0.8);
    border-radius: 10px 10px 2px 10px;
    left: 55.87%;
    top: 28.2%;
}

.btn-regional-latin {
    background-color: rgba(71, 181, 141, .8);
    border-radius: 10px 2px 10px 10px;
    right: 61.62%;
    top: 58.2%;
}

.btn-regional-west-european {
    background-color: rgba(126, 108, 198, .8);
    border-radius: 2px 10px 10px 10px;
    right: 56.1%;
    top: 26.5%;
}

[class*='btn-regional-']:hover,
[class*='btn-regional-']:active,
[class*='btn-regional-']:focus {
    color: #fff;
}

.btn-regional-asia:hover {
    background-color: rgba(105, 152, 82, 1);
}

.btn-regional-african:hover {
    background-color: rgba(202, 120, 45, 1);
}

.btn-regional-east-european:hover {
    background-color: rgba(87, 148, 182, 1);
}

.btn-regional-latin:hover {
    background-color: rgba(71, 181, 141, 1);
}

.btn-regional-west-european:hover {
    background-color: rgba(126, 108, 198, 1);
}

/* Regional Coordination Mechanism section2 ***************************************************/
.regional-list {
    margin-top: 40px;
    padding-top: 20px;
}

[class*='regional-header-'] {
    color: #222222;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 20px;
    padding-left: 44px;
}

.regional-header-green {
    background: url('/themes/custom/iaaca_theme/image/content/strategic_directions/icon-globe-green.svg') left center no-repeat;
    background-size: 32px 32px;
}

.regional-header-brown {
    background: url('/themes/custom/iaaca_theme/image/content/strategic_directions/icon-globe-brown.svg') left center no-repeat;
    background-size: 32px 32px;
}

.regional-header-light-blue {
    background: url('/themes/custom/iaaca_theme/image/content/strategic_directions/icon-globe-light-blue.svg') left center no-repeat;
    background-size: 32px 32px;
}

.regional-header-deep-green {
    background: url('/themes/custom/iaaca_theme/image/content/strategic_directions/icon-globe-deep-green.svg') left center no-repeat;
    background-size: 32px 32px;
}

.regional-header-purple {
    background: url('/themes/custom/iaaca_theme/image/content/strategic_directions/icon-globe-purple.svg') left center no-repeat;
    background-size: 32px 32px;
}

.regional-centent-wrap {
    background-color: #EDF9FF;
    border-radius: 8px;
    display: flex;
    min-height: 460px;
    padding: 50px 40px;
}

.regional-list:nth-child(even) .regional-centent-wrap {
    background-color: #F5F5F5;
}

.regional-centent-wrap>div:first-child {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 42%;
    padding-right: 40px;
    position: relative;
}

.regional-centent-wrap>div:first-child h3 {
    position: absolute;
    left: 0;
    top: 0;
}

.regional-centent-wrap>div:first-child img {
    margin-bottom: 15px;
}

.regional-centent-wrap>div:first-child div {
    max-width: 270px;
    text-align: center;
    margin-bottom: 0;
}

.regional-centent-wrap>div:last-child ul li {
    display: flex;
    align-items: flex-start;
}

.regional-centent-wrap>div:last-child ul li:not(:last-child) {
    margin-bottom: 30px;
}

.regional-centent-wrap>div:last-child img {
    flex: 0 0 auto;
}

.regional-centent-wrap>div:last-child ul li div {
    flex: 1 1 auto;
    padding-left: 20px;
}

.regional-centent-wrap>div:last-child ul li p:not(.regional-title) {
    margin-bottom: 0;
}

.regional-centent-wrap h3 {
    color: #101010;
    font-size: 20px;
    margin-bottom: 25px;
}

.regional-centent-wrap img {
    width: 110px;
    height: auto;
}

.regional-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

/* Collaboration with International Counterparts CSS ------------------------------------------------------------------------------*/
.partners-card {
    background: #FFFFFF;
    border: 1px solid #D5E1F2;
    border-radius: 8px;
    padding: 22px 34px;
    margin-bottom: calc(var(--bs-gutter-x));
}

.partners-card .card-body {
    padding: 0;
    min-height: 150px;
}

.partners-card .card-body h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.partners-card .card-body a p,
.partners-news-card .modal-button p {
    margin-bottom: 0;
}

.partners-card .card-body a img,
.partners-news-card .modal-button img {
    margin-right: 10px;
}

.partners-card .logo {
    width: 100%;
}

.partners-news-card {
    cursor: pointer;
}

#partnersModal .modal-dialog .modal-content,
#staticBackdrop .modal-content {
    position: relative;
}

#partnersModal .modal-dialog .modal-content .modal-body {
    padding: 40px;
    overflow-y: auto;
    max-height: 800px;
}

#partnersModal .modal-dialog .modal-content .button-close,
.staticBackdrop .modal-content .btn-close {
    position: absolute;
    right: 0;
    background: #5A5A5A;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.3);
    transform: matrix(-1, 0, 0, 1, 0, 0);
    border-radius: 50%;
    padding: 6px;
    z-index: 99;
    right: -15px;
    top: -15px;
    height: 42px;
    width: 42px;
}

.staticBackdrop .modal-content .btn-close {
    right: -8px;
    top: -8px;
}

.modal-dialog .modal-content .button-close .btn-close,
.staticBackdrop .modal-content .btn-close {
    background: url(/themes/custom/iaaca_theme/image/content/collaboration/close.svg) center 6px no-repeat;
    height: 22.5px;
    width: 22.5px;
}

.staticBackdrop .modal-content .btn-close {
    background-color: #5A5A5A !important;
    background-position-y: 10.75px;
    opacity: 1;
    height: 32px;
    width: 32px;
}

#partnersModal .modal-dialog .modal-content .button-close button {
    color: #fff;
}

#partnersModal .partnersModal-date {
    font-weight: 700;
    font-size: 20px;
    color: #222222;
    margin-bottom: 15px;
    margin-top: 10px;
}

#partnersModal .partnersModal-title {
    font-weight: 700;
    font-size: 20px;
    color: #103A7B;
    margin-bottom: 20px;
}

#partnersModal .partnersModal-body {
    font-size: 18px;
    color: #222222;
}

#partnersModal .partnersModalSwiper {
    height: 400px;
    width: 600px;
    margin-bottom: 40px;
}

#partnersModal .partnersModalSwiper .swiper-slide img {
    width: 100%;
}

#partnersModal .partnersModal-video {
    height: 500px;
}

#videoModal .modal-body video {
    width: 100%;
}

#videoModal .modal-footer {
    display: block;
}

#videoModal .modal-title {
    color: #103A7B;
    font-size: 22px;
    font-weight: 700;
    max-width: 85%;
}

#videoModal .modal-footer-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 1.3;
}

#videoModal .modal-footer {
    height: 200px;
    overflow-y: overlay;
}

#videoModal .modal-footer::-webkit-scrollbar {
    background: #d6d6d6;
    width: 5px;
    height: 3px;
}

#videoModal .modal-footer::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #acacac;
}

.iaaca-card-video .card-video-img {
    position: relative;
    cursor: pointer;
}

.iaaca-card-video .card-video-img::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    width: 64px;
    height: 64px;
    background-image: url('/themes/custom/iaaca_theme/image/content/members_column/play.svg');
    background-size: 100% 100%;
    margin: auto;
}

.iaaca-card-video .card-video-img::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.4;
    display: block;
    z-index: 2;
}

.iaaca-card-video {
    cursor: pointer;
}

/* Visibility in International Community CSS ------------------------------------------------------------------------------*/
.community-card .card-body .card-top span:nth-child(1) {
    font-size: 20px;
    color: #222;
    margin-right: 0px;
    font-weight: bold;
}

/* share button ***************************************************/
#block-addtoanybuttons {
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 99;
    background: #CECECE;
    border-radius: 8px 0px 0px 8px;
    padding: 18px 10px;
}

#block-addtoanybuttons span.addtoany_list {
    flex-direction: column;
    display: flex;
}

#block-addtoanybuttons span.addtoany_list a {
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #1D4B92;
    margin-bottom: 10px;
}

#block-addtoanybuttons span.addtoany_list a:last-child {
    margin-bottom: 0;
}

#block-addtoanybuttons .addtoany_list.a2a_kit_size_32 a>span {
    background-color: unset !important;
}

#block-addtoanybuttons .addtoany_share {
    display: none;
}

.a2a_thanks,
.a2a_thanks .a2a_localize {
    color: #1D4B92;
}

#a2a_copy_link_text,
#a2apage_find_container {
    display: none !important;
}

/* Back To Top CSS ------------------------------------------------------------------------------*/
.back-to-top {
    background-color: #fff;
    border: 1px solid #D5E1F2;
    border-right: none;
    border-radius: 8px 0px 0px 8px;
    display: none;
    height: 60px;
    width: 60px;
    overflow: hidden;
    position: fixed;
    top: calc(20% + 306px);
    right: 0;
    cursor: pointer;
    z-index: 99;
    transition: all 0.3s ease;
}

.back-to-top p {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: bold;
}

.back-to-top img {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-top: 12px;
}

/* Create an IAACA website account */
body.path-user main #edit-user-picture-0--description {
    display: none;
    padding-top: 0;
}

/* search CSS ------------------------------------------------------------------------------*/
#views-exposed-form-block-search-block-1 .form-actions {
    clear: none;
    float: left;
    padding-top: 29px;
}

#edit-submit-block-search--2 {
    background-color: #B9D760;
    border-radius: 4px;
    border: none;
    color: #212121;
}

#edit-submit-block-search--2:hover {
    background-color: #aad135;
}

.block-views-blockblock-search-block-1 {
    display: none;
    margin-top: 30px;
}

.block-views-blockblock-search-block-1 .views-row a {
    background-color: #FBFBFB;
    color: #195C50;
    display: block;
    width: 100%;
    padding: 15px 30px;
}

.block-views-blockblock-search-block-1 .views-row:nth-child(odd) a {
    background-color: #DFF1EE;
}

.block-views-blockblock-search-block-1 .views-row a:hover {
    color: #0055DB;
}

/* IAACA video ***************************************************/
.iaaca-video-section .views-field-field-private-video {
    display: none;
}

.iaaca-video-section video {
    display: block;
    aspect-ratio: 16 / 9;
    width: 100%;
    object-fit: cover;
}

.iaaca-video-section .card-top p {
    font-size: 16px;
    margin-bottom: 0px;
}

.iaaca-video-section .card-body .card-top strong:nth-child(1) {
    margin-right: 0;
}

.block-views-blockiaaca-video-block-1 {
    margin-top: 100px;
}

.iaaca-video-section .views-field-field-iaaca-video {
    display: none;
}

.iaaca-video-section .card-img-top .object-fit-cover video {
    width: 100% !important;
    height: 250px;
}

.iaaca-video-section .card-body {
    border-top: unset;
    padding-top: 0;
    margin-left: 10px;
}

.iaaca-video-section .card-body .card-body-footer p {
    margin-bottom: 0;
    padding-top: 10px;
}

.iaaca-video-section .card-body .card-body-footer p.time img {
    margin-right: 0px;
    margin-left: 30px;
}

.iaaca-video-section .card-body p.card-text {
    height: 90px;
    overflow-y: overlay;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    text-overflow: unset;
}

.card-body p.card-text::-webkit-scrollbar {
    background: #f7f7f9;
    width: 3px;
    height: 3px;
}

.card-body p.card-text::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #e5e5e5;
}

.iaaca-video-section video::-webkit-media-controls-mute-button {
    display: none !important;
}


.iaaca-video-section video::-webkit-media-controls-current-time-display {
    display: none !important;
}


.iaaca-video-section video::-webkit-media-controls-time-remaining-display {
    display: none !important;
}


.iaaca-video-section video::-webkit-media-controls-fullscreen-button {
    display: none !important;
}

/* Anti-Corruption Resources ***************************************************/
.view-block-anti-corruption-resources .media--type-video,
.view-block-anti-corruption-resources .media--type-document {
    display: none;
}

.view-block-anti-corruption-resources .hasVideo {
    cursor: pointer;
}

.view-block-anti-corruption-resources .hasVideo .card-img {
    position: relative;
}

.view-block-anti-corruption-resources .hasVideo .card-img::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.4;
    display: block;
    z-index: 2;
}

.view-block-anti-corruption-resources .hasVideo .card-img::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    width: 64px;
    height: 64px;
    background-image: url(/themes/custom/iaaca_theme/image/content/members_column/play.svg);
    background-size: 100% 100%;
    margin: auto;
}

.page-node-9 #videoModal h3 {
    display: none;
}

.page-node-9 #videoModal .modal-footer {
    height: unset;
}

.page-node-9 #videoModal .modal-footer-title>div:nth-child(1) {
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
    color: #222222;
    border: 1px solid #222222;
    padding: 9px 14px;
    margin-bottom: 15px;
}

.page-node-9 #videoModal .modal-footer-title .card-author span {
    font-size: 16px;
    color: #101010;
}

.page-node-9 #videoModal .modal-footer-title .card-author {
    margin-bottom: 15px;
}

/* loader CSS ------------------------------------------------------------------------------*/
#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 255, 255);
    z-index: 200;
}

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

.spinner {
    animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(270deg);
    }
}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation:
        dash 1.4s ease-in-out infinite,
        colors 6.4s ease-in-out infinite;
}

@keyframes colors {
    0% {
        stroke: #4285F4;
    }

    25% {
        stroke: #DE3E35;
    }

    50% {
        stroke: #F7C223;
    }

    75% {
        stroke: #1B9A59;
    }

    100% {
        stroke: #4285F4;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }

    50% {
        stroke-dashoffset: 46.75;
        transform: rotate(135deg);
    }

    100% {
        stroke-dashoffset: 187;
        transform: rotate(450deg);
    }
}

.center .spinner {
    /* border: 12px solid #f3f3f3;
    border-radius: 50%;
    border-top: 12px solid #444444;
    width: 70px;
    height: 70px; */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /* animation: spin 1s linear infinite; */
}

/* forum  ***************************************************/
.back_content_comment {
    padding: 0 34px;
    position: relative;
}

.back_content_comment .page_title a {
    font-weight: 700;
    font-size: 20px;
    color: #222222;
}

.back_content_comment::before {
    background-image: url(/themes/custom/iaaca_theme/image/btn-arrow-green.svg);
    content: '';
    width: 22px;
    height: 17px;
    display: inline-block;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 8px;
    transform: scaleX(-1);
}

.block-block-content49c34fa3-8ea3-4bf0-8995-98528f48d5a8 .text-formatted .content {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}

/* sitemap  ***************************************************/
.sitemap-item>div>ul>li>a {
    font-weight: bold;
}

.sitemap-item>div>ul>li {
    margin-bottom: 15px;
}

.sitemap-item>div>ul>li ul {
    padding-left: 30px;
}

.sitemap-item>div>ul>li ul li {
    list-style: unset;
}


/* anti-corruption-resources  ***************************************************/
.page-node-9 #block-iaaca-theme-breadcrumbs {
    display: none;
}

/* cookies  ***************************************************/
.cookiesjsr-banner {
    /* z-index: 990; */
}

.cookiesjsr-banner button.denyAll {
    display: none !important;
}

.cookiesjsr-banner--action {
    margin: auto;
}

.cookiesjsr-banner--info {
    padding: 0;
    margin: auto;
    overflow: unset;
}

.cookiesjsr-links.links--row {
    display: none;
}

.cookiesjsr-banner--text {
    margin-bottom: 20px;
}

/* CookieBackdrop  ***************************************************/
#CookieBackdrop .modal-body {
    position: relative;
    background: #fff url(/themes/custom/iaaca_theme/image/modal/newsite_banner_bg.jpg) center 0 no-repeat;
    background-size: cover;
}

#CookieBackdrop .modal-body h2 {
    margin-top: 30px;
}

#CookieBackdrop .modal-body>img {
    max-height: 300px;
}

#CookieBackdrop .modal-body .btn-close {
    float: right;
    background-color: #fff;
    border-radius: 50%;
    padding: 10px;
}

#CookieBackdrop .modal-body p {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
}

#CookieBackdrop .modal-body .button {
    width: 100%;
}

#CookieBackdrop .modal-body .button a {
    background: #9CBB3E;
    font-size: 18px;
    font-weight: bold;

}

/* Read More CSS ------------------------------------------------------------------------------*/
.iaaca-card-1 .card-body .card-body-footer a,
.iaaca-card-2 .card-body .card-body-footer a,
.iaaca-card-2 .modal-button {
    color: #103A7B;
    text-decoration: underline;
    font-weight: bold;
    font-size: 18px;
}

/* table  CSS ------------------------------------------------------------------------------*/
.styled-table {
    border-collapse: collapse;
    margin: 25px auto;
    font-size: 0.9em;
    font-family: sans-serif;
    /* min-width: 320px;
    max-width: 700px; */
}

.styled-table thead tr {
    background-color: #1D4B92;
    color: #ffffff;
    text-align: left;
}

.styled-table th,
.styled-table td {
    padding: 12px 15px;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #1D4B92;
}

/* subscribe  CSS ------------------------------------------------------------------------------*/
.subscribe-section {
    background: #fff url(../image/subscribe/subscribe-wrap-bg.jpg) center top no-repeat;
    background-size: 648px auto;
    border: #D5E1F2 1px solid;
    border-radius: 8px;
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto 100px;
    max-width: 648px;
    padding: 48px 48px 76px;
}

.subscribe-section::before {
    background: url(../image/subscribe/subscribe-icon.svg) center top no-repeat;
    background-size: contain;
    content: '';
    display: block;
    width: 160px;
    height: 190px;
    margin: 0 auto 20px;
}

.subscribe-section h2 {
    margin-bottom: 15px;
}

.subscribe-section p {
    font-family: 'Montserrat';
    margin-bottom: 40px;
}

.subscribe-section .block-webform h2,
.subscribe-section .block-webform label {
    display: none;
}

.subscribe-section .block-webform .form-control {
    border-color: #8E8E8E;
    border-radius: 0;
}

.subscribe-section .block-webform #edit-email-address {
    border-radius: 0;
    padding-top: 12px;
    padding-bottom: 12px;
}

.subscribe-section .block-webform .webform-button--submit {
    background-color: #B9D760;
    border: none;
    border-radius: 0;
    color: #363636;
    font-weight: 700;
    padding-top: 12px;
    padding-bottom: 12px;
    width: 100%;
}

.subscribe-section .block-webform .webform-button--submit:hover {
    background-color: #aad135;
}

@media (max-width: 767.98px) {
    .subscribe-section {
        width: calc(100% - 30px);
    }
}

/* media CSS ------------------------------------------------------------------------------*/
@media (max-width: 1399.98px) {

    /* header */
    nav#block-iaaca-theme-main-navigation .navbar-nav li {
        padding: 0 13px;
    }

    nav#block-iaaca-theme-main-navigation .navbar-nav li a.nav-link,
    nav#block-iaaca-theme-main-navigation .navbar-nav li span {
        max-width: none;
    }

    /* frontpage */
    .path-frontpage .homepageSwiper .banner_content {
        margin-left: -570px;
    }

    .path-frontpage .homepageSwiper img {
        aspect-ratio: 70 / 32;
    }

    /* .path-frontpage .homepageSwiper::before {
        right: calc(50% - 555px);
    } */
}

@media (max-width: 1199.98px) {

    /* header */
    .header-function-mobile {
        display: none;
    }

    /* frontpage */
    .path-frontpage .homepageSwiper .banner_content {
        margin-left: -480px;
    }

    .path-frontpage .homepageSwiper img {
        aspect-ratio: 70 / 38;
    }

    /* .path-frontpage .homepageSwiper::before {
        background-size: contain;
        width: 110px;
        height: 112px;
        right: calc(50% - 465px);
    } */

    .path-frontpage .frontpage-part-1 .col-xl-7 {
        margin-bottom: 20px;
    }

    .path-frontpage .frontpage-part-1 .col-xl-5 .subpart-content {
        background-position: center 43%;
    }

    .block-banner .carousel-caption .contact-h1 {
        margin-bottom: 0px;
    }

    #block-headerfunctionmobile {
        display: block;
    }

    .path-frontpage .frontpage-part-2 .frontpage-part-2-content {
        margin-top: -100px;
    }

    .path-frontpage .frontpage-part-2 .frontpage-part-2-img {
        float: right;
        width: 90%;
        margin-left: 0;
    }

    /* Who We Are section3 */
    .president-message-content {
        width: 70%;
    }

    /* Organisation Structure CSS */
    .structure-section-1>.layout__region--content {
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
    }

    .structure-section-1 .view-id-block_iaace_member.view-display-id-block_1 {
        width: 50%;
    }

    .structure-section-1 .view-id-block_iaace_member.view-display-id-block_2 {
        width: 100%;
    }

    .structure-section-1 .view-id-block_iaace_member.view-display-id-block_1 .view-content.row>div,
    .structure-section-1 .view-id-block_iaace_member.view-display-id-block_3 .view-content.row>div,
    .structure-section-1 .view-id-block_iaace_member.view-display-id-block_4 .view-content.row>div,
    .structure-section-1 .view-id-block_iaace_member.view-display-id-block_6 .view-content.row>div,
    .structure-section-1 .view-id-block_iaace_member.view-display-id-block_7 .view-content.row>div,
    .structure-section-1 .view-id-block_iaace_member.view-display-id-block_8 .view-content.row>div {
        width: 50%;
    }

    .structure-section-1 .view-id-block_iaace_member.view-display-id-block_5 .view-content.row>div {
        width: 25%;
    }

    [class*='block-views-blockblock-iaace-member-block-'] .container {
        padding: 10px;
    }

    .view-block-iaace-member .view-content>div {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Membership CSS */
    .membership-card-1 {
        align-items: center;
        padding: 20px 20px 25px;
    }

    .membership-card-1 .number {
        margin-top: 40px;
    }

    /* Members’Column - Notes of Meeting */
    .iaaca-forum-content {
        width: 50%;
    }

    /* detail page */
    .details-header strong.field--name-title {
        font-size: 28px;
    }

    .block-field-blocknodeactivitiesfield-activities-tags {
        margin-top: -40px;
    }
}

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

    /* forum */
    .card-trending .card-body-footer .time {
        width: 100%;
    }

}

@media (max-width: 991.98px) {

    /* header */
    header .region-header {
        padding: 12px 0;
    }

    .navbar-brand img {
        height: 44px;
    }

    #block-headertoolmobile .d-flex {
        justify-content: center;
        margin-top: 1rem;
    }

    #block-headertoolmobile .pojo-a11y-toolbar-items li a,
    #block-headerfunctionmobile ul.dropdown-menu li a {
        padding: 10px;
        display: block;
    }

    .region-header #block-headerfunction .header-function>ul>li.login,
    .region-header #block-headerfunction .header-function>ul>li.logout,
    .region-header #block-headerfunction .header-function>ul>li.join {
        display: none;
    }

    .header-function-mobile {
        display: block;
    }

    .region-header #block-headerfunction .header-function>ul>li.logout {
        display: none !important;
    }

    .user-logged-in .header-function-mobile ul li,
    .user-logged-in .header-function-mobile ul li a {
        width: 100%;
    }

    .header-function-mobile ul li a img {
        margin-right: 5px;
    }

    /* frontpage */
    .path-frontpage .homepageSwiper .banner_content {
        margin-left: -360px;
        bottom: 170px;
    }

    .path-frontpage .homepageSwiper img {
        aspect-ratio: 4 / 3;
    }

    .path-frontpage .showSwiper .swiper-slide img {
        height: 120px;
    }

    /* .path-frontpage .homepageSwiper::before {
        right: calc(50% - 345px);
    } */

    .path-frontpage .swiper-button>div {
        top: -202px;
    }

    /* Anti-Corruption Resources */
    .card-anti-corruption .card-content {
        padding: 25px 0;
    }

    .section-meeting ul.meeting_ul li,
    ul.anti_corruption_ul li {
        width: 49%;
        text-align: center;
        font-weight: 500;
        font-size: 20px;
        color: #222222;
        border: 1px solid #222222;
        padding: 9px;
        margin-bottom: 2%;
    }

    .section-meeting ul.meeting_ul li:nth-child(odd),
    ul.anti_corruption_ul li:nth-child(odd) {
        margin-right: 2%;
    }

    ul.anti_corruption_ul {
        padding-top: 20px;
    }

    .anti_corruption_input {
        position: absolute;
        top: 87px;
        left: 0px;
    }

    #anti_corruption_year {
        position: unset;
    }

    .view-block-anti-corruption-resources .view-filters form.views-exposed-form  .form-item {
        margin-left: 0;
    }

    ul.anti_corruption_ul {
        margin-bottom: 15px;
    }

    .view-id-block_anti_corruption_resources .view-content {
        margin-top: 110px;
    }

    .card-anti-corruption {
        margin-bottom: 20px !important;
    }

    .block-banner .carousel-caption .contact-h1 {
        margin-bottom: 0;
    }

    .header-function-mobile {
        border-top: 1px solid #99aece;
        margin-top: 16px;
        padding-top: 16px;
    }

    #block-headertoolmobile {
        display: block;
    }

    /* Who We Are section3 */
    .president-message-wrap img {
        position: relative;
        width: 100%;
        height: auto;
    }

    .president-message-content {
        background-color: #fff;
        width: 100%;
        padding: 60px 100px;
        position: relative;
    }

    /* Strategic Directions */
    .strategic-map-content {
        flex-direction: column;
        position: relative;
    }

    .strategic-map-content>a {
        flex: 1 1 auto;
        margin-bottom: 20px;
    }

    /* Regional Coordination Mechanism section2 */
    .regional-centent-wrap {
        padding: 30px 20px;
    }

    .regional-centent-wrap>div:first-child {
        padding-right: 20px;
    }

    .regional-centent-wrap img {
        width: 80px;
    }

    /* forum */
    .block-views-blockblock-forum-trending-block-1 .view-content .views-row:first-child .card-trending {
        margin-bottom: 30px;
    }

    .block-views-blockblock-forum-trending-block-1 .view-content .views-row:nth-child(2) .card-trending {
        margin-bottom: 30px;
    }

    /* Members’Column - Notes of Meeting */
    .iaaca-forum-content {
        width: 65%;
    }

    /* news detail page */
    .node--type-news .layout--twocol-section--25-75 {
        display: unset;
    }

    .node--type-news .layout--twocol-section--25-75 .layout__region--first,
    .node--type-news .layout--twocol-section--25-75 .layout__region--second {
        padding-left: 12px;
        padding-right: 12px;
    }

    .node--type-news .layout--twocol-section--25-75 .block-field-blocknodenewsfield-new-layout img {
        width: 100%;
    }

    /* detail page */
    .details-header strong.field--name-title {
        font-size: 24px;
    }

    /* detail forum */
    .forum-detail-card>div {
        padding-bottom: 140px;
    }

    .forum-detail-card .flag-like-comment,
    .forum-detail-card .block-addtoany-block,
    .forum-detail-card .flag-bookmark,
    .forum-detail-card .layout__region>div.block-block-content4ec417bc-93b2-455e-b5b9-73a2abe66799,
    .forum-detail-card .layout__region>div.block-block-content345a43fe-3330-4244-9d83-c87183619ad9,
    .forum-detail-card .block-extra-field-blocknodeforumflag-report {
        position: absolute;
        float: unset;
        bottom: 0;
    }

    .forum-detail-card .flag-like-comment {
        left: 29px;
        bottom: 70px;
    }

    .forum-detail-card .block-addtoany-block {
        left: 100px;
        bottom: 70px;
    }

    .forum-detail-card .flag-bookmark {
        left: 171px;
        bottom: 70px;
    }

    .forum-detail-card .layout__region>div.block-block-content4ec417bc-93b2-455e-b5b9-73a2abe66799 {
        left: 30px;
        bottom: 20px;
    }

    .forum-detail-card .layout__region>div.block-block-content345a43fe-3330-4244-9d83-c87183619ad9 {
        left: 88px;
        bottom: 20px;
    }

    .forum-detail-card .block-extra-field-blocknodeforumflag-report {
        left: 158px;
        bottom: 20px;
    }

    .page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article .flag-comment-like {
        right: 18px;
    }

    /* documentations */
    .iaaca-card-4 h3 {
        min-height: 24px;
        margin-bottom: 15px;
    }

    .iaaca-card-4 .card-download {
        padding-left: 24px;
        margin-top: 17px;
    }


}

@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }

    .navbar .nav-item:hover .nav-link {}

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
        left: 0;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }

    .cookiesjsr-banner {
        flex-direction: unset;
        display: block;
    }

    .cookiesjsr-banner--action,
    .cookiesjsr-banner--info {
        width: 80%;
    }
}

@media (max-width: 767.98px) {

    /* breadcrumbs */
    #block-iaaca-theme-breadcrumbs {
        margin-top: 50px;
    }

    #block-footer-end-content .footer_end_content .content-col ul li a,
    #block-footer-end-content .footer_end_content .content-col p {
        margin-left: 0;
        margin-right: 24px;
    }

    #block-footer-end-content .footer_end_content .content-col ul li {
        display: inline-block;
        margin-bottom: 5px;
    }

    .section-meeting #views-exposed-form-block-notes-of-meeting-block-1 .js-form-wrapper:nth-child(3) input,
    #views-exposed-form-block-notes-of-meeting-block-1 .form-actions input {
        margin-left: 0;
    }

    .section-meeting #views-exposed-form-block-notes-of-meeting-block-1 .js-form-item:nth-child(2) select {
        width: 250px;
    }
}

@media (max-width: 575.98px) {

    /* header */
    nav#block-iaaca-theme-main-navigation .navbar-nav li {
        padding: 0px;
        width: 100%;
    }

    nav#block-iaaca-theme-main-navigation .navbar-nav li .dropdown-menu li .dropdown-item {
        white-space: unset;
        text-align: center;
    }

    /* frontpage */
    /* .path-frontpage .homepageSwiper::before {
        width: 90px;
        height: 91px;
        right: 15px;
    } */

    .path-frontpage .swiper-button>div {
        top: -182px;
    }

    .card-anti-corruption {
        padding: 15px;
    }

    .path-frontpage .frontpage-part-1 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .path-frontpage .frontpage-part-1 .subpart-content ul li {
        padding: 8px 10px;
        font-size: 16px;
        line-height: 1.75;
    }

    .path-frontpage .frontpage-part-1 .subpart-content h2 {
        line-height: 1.75;
        text-align: left;
        padding-top: 24px;
    }

    .path-frontpage .frontpage-part-1 .subpart-content ul {
        width: 100%;
    }

    .path-frontpage .frontpage-part-1 .col-xl-7 .subpart-content {
        height: 120vw;
        padding: 30px 15px;
    }

    .path-frontpage .frontpage-part-1 .col-xl-5 .subpart-content {
        height: 100vw;
        padding: 30px 15px;
    }

    .path-frontpage .frontpage-part-2 {
        padding: 60px 0;
    }

    .path-frontpage .frontpage-part-2 .frontpage-part-2-img {
        float: none;
        width: 100%;
        margin-top: 0;
    }

    .path-frontpage .frontpage-part-2 .frontpage-part-2-content {
        margin-top: 30px;
        padding-right: 0;
    }

    .section-meeting .title {
        line-height: 1.75;
        margin-bottom: 15px;
    }

    .iaaca-card-4 .card-body>div:nth-child(2)>div {
        width: 60%;
    }

    .card-meeting>div>div:last-child {
        justify-content: space-between;
    }

    .section-meeting .views-field,
    .iaaca-card-4,
    .iaaca-card-3 .card-body,
    .iaaca-card-1 .card-body {
        padding: 20px 12px;
    }

    .iaaca-card-2 {
        padding: 0;
        margin-bottom: 40px;
    }

    .iaaca-card-2 .card-body .card-title,
    .iaaca-card-2 .card-body p.card-text {
        margin-bottom: 20px;
    }

    .iaaca-card-2 .card .rounded-start img {
        width: 100%;
        border-top-left-radius: var(--bs-border-radius);
        border-top-right-radius: var(--bs-border-radius)
    }

    .iaaca-card-2 .card-body .card-top span:nth-child(1) {
        font-size: 20px;
    }

    .contact_us {
        margin-bottom: 40px;
    }

    .block-banner {
        margin-bottom: 40px;
    }

    .block-banner .carousel-item img {
        height: 300px;
        object-fit: cover;
    }

    .block-banner .carousel-caption {
        padding: 0;
        bottom: 84px;
        right: 0;
        padding-left: 15%;
        left: 0;
    }

    .block-banner .carousel-caption .contact-h1 {
        line-height: 1.75;
    }

    .path-frontpage .homepageSwiper img {
        aspect-ratio: 1;
    }

    .path-frontpage .showSwiper .swiper-slide img {
        height: 100px;
    }

    .path-frontpage .homepageSwiper .banner_content {
        margin-left: 0;
        left: auto;
        bottom: 150px;
    }

    .path-frontpage .homepageSwiper .banner_content h2 {
        font-size: 20px;
        margin-bottom: 10px;
        padding-bottom: 14px;
    }

    .path-frontpage .homepageSwiper .banner_content h2::before {
        height: 4px;
    }

    /* detail page */
    .details-header {
        margin-bottom: 20px;
        padding-bottom: 22px;
        margin-top: 30px;
        font-size: 20px;
    }

    .block-field-blocknodeactivitiesfield-activities-tags {
        margin-top: 10px;
        position: relative;
    }

    .details-activities-content.layout--twocol-section--25-75>.layout__region--first {
        width: 100%;
        padding-right: 0;
    }

    .details-activities-content.layout--twocol-section--25-75>.layout__region--second {
        width: 100%;
        padding-left: 0;
    }

    .details-paragraph .paragraph--type--two-image .field--name-field-image1 {
        padding-right: 0;
        margin-bottom: 20px;
    }

    .details-paragraph .paragraph--type--two-image .field--name-field-image2 {
        padding-left: 0;
        margin-bottom: 20px;
    }

    /* Who We Are section2 */
    .who-we-are-s2 .mission-wrap>div {
        width: 85%;
    }

    /* Who We Are section3 */
    .president-message-content {
        padding: 30px 50px;
    }

    .president-message-content p {
        font-size: 18px;
    }

    .president-message-quotes {
        margin-left: -35px;
        margin-right: -35px;
        padding: 2px 35px;
        position: relative;
    }

    .president-message-quotes::before,
    .president-message-quotes::after {
        width: 25px;
        height: 20px;
    }

    /* Organisation Structure CSS */
    .structure-section-1 .view-id-block_iaace_member.view-display-id-block_1,
    .structure-section-1 .view-id-block_iaace_member.view-display-id-block_3,
    .structure-section-1 .view-id-block_iaace_member.view-display-id-block_4,
    .structure-section-1 .view-id-block_iaace_member.view-display-id-block_6,
    .structure-section-1 .view-id-block_iaace_member.view-display-id-block_7,
    .structure-section-1 .view-id-block_iaace_member.view-display-id-block_8 {
        width: 100%;
    }

    .structure-section-1 .view-id-block_iaace_member.view-display-id-block_2 .view-content.row>div,
    .structure-section-1 .view-id-block_iaace_member.view-display-id-block_5 .view-content.row>div {
        width: 50%;
    }

    /* Organisation Structure Detail */
    .page-node-type-organisation-structure .layout--twocol-section.layout--twocol-section--25-75>.layout__region--first {
        width: 100%;
        padding-right: 0;
    }

    .page-node-type-organisation-structure .layout--twocol-section.layout--twocol-section--25-75>.layout__region--second {
        width: 100%;
        padding-left: 0;
    }

    .img-border-circle {
        float: unset;
        padding-right: 20px;
        margin-top: 40px;
    }

    .img-border-circle img {
        width: 160px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .block-field-blocknodeorganisation-structurefield-structure-tags,
    .block-field-blocknodeorganisation-structuretitle,
    .block-field-blocknodeorganisation-structuretitle span,
    .block-field-blocknodeorganisation-structurefield-member-position {
        text-align: center;
    }

    .block-field-blocknodeorganisation-structurefield-structure-tags {
        margin-top: 20px;
    }

    /* Membership CSS */
    .membership-accordion .view-filters  .form-item {
        width: 100%;
        max-width: none;
        margin: 0 0 20px;
    }

    .membership-accordion .form-actions {
        width: 100%;
        margin-top: 10px;
    }

    .membership-accordion .form-actions input {
        width: 100%;
    }

    /* Regional Coordination Mechanism */
    .regional-map-wrap {
        flex-direction: column;
        aspect-ratio: auto;
        padding: 15px;
    }

    .regional-map {
        width: 100%;
    }

    .regional-map-content {
        margin-top: 20px;
        position: relative;
        height: auto;
    }

    [class*='btn-regional-'] {
        border-radius: 2px 10px 10px 10px;
        display: block;
        transform: translateY(0);
        margin-bottom: 20px;
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        max-width: none;
    }

    /* Regional Coordination Mechanism section2 */
    .regional-centent-wrap {
        flex-direction: column;
        padding: 20px 15px;
        min-height: auto;
    }

    .regional-centent-wrap>div:first-child {
        margin-bottom: 20px;
        padding-right: 0;
        width: 100%;
    }

    .regional-centent-wrap>div:first-child h3 {
        position: relative;
        width: 100%;
    }

    /* forum */
    .forum-card {
        padding: 20px 15px;
        margin-bottom: 30px;
    }

    .view-id-block_forum_list .form--inline::before {
        line-height: inherit;
        margin-bottom: 10px;
    }

    .forum-card .content-bottom {
        flex-direction: column;
    }

    .forum-card .content-bottom .data span:not(.one_avatar) {
        margin-left: 0;
        margin-right: 15px;
    }

    .view-block-forum-list .view-filters .views-exposed-form>div>div {
        width: 100%;
    }

    .forum-card .content-bottom .data {
        justify-content: space-between;
        display: flex;
    }

    .forum-card .content-bottom .author {
        font-size: 14px;
    }

    .forum-card .content-bottom .data {
        margin-top: 20px;
    }

    .forum-card .content-bottom .data span:not(.one_avatar) {
        margin-right: 8px;
    }

    /* Members’Column - Notes of Meeting */
    .iaaca-forum-wrap img {
        aspect-ratio: 5 / 4;
        object-fit: cover;
        object-position: right;
    }

    .iaaca-forum-content {
        width: 100%;
        padding: 30px;
        position: relative;
    }

    /* Modal */
    #partnersModal .partnersModalSwiper {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    #partnersModal .modal-dialog .modal-content .modal-body {
        padding: 12px;
    }

    #partnersModal .swiper-button-next:after,
    #partnersModal .swiper-button-prev:after {
        font-size: 14px;
    }

    #partnersModal .swiper-button-next,
    #partnersModal .swiper-button-prev {
        width: 40px;
        height: 40px;
    }

    .modal-dialog .modal-content .button-close .btn-close,
    .staticBackdrop .modal-content .btn-close {
        background: url(/themes/custom/iaaca_theme/image/content/collaboration/close.svg) center 6.75px no-repeat;
    }

    .staticBackdrop .modal-content .btn-close {
        background-position-y: 10.75px;
    }

    #partnersModal .partnersModal-video {
        height: 300px;
    }

    .membership-accordion .accordion-button {
        padding-right: 40px;
    }

    .staticBackdrop .modal-footer button {
        margin-left: 0;
        margin-top: 20px;
    }

    .staticBackdrop .modal-content {
        padding: 20px 12px;
    }

    .page-node-type-forum .block-field-blocknodeforumcomment-forum .field--type-comment>article,
    .forum-detail-card>div {
        padding: 20px 15px 15px 15px;
    }

    .forum-detail-card .block-field-blocknodeforumtaxonomy-forums>div {
        margin-bottom: 10px;
    }

    .forum-detail-card>div {
        padding-bottom: 140px;
    }

    .forum-detail-card .flag-like-comment,
    .forum-detail-card .block-addtoany-block,
    .forum-detail-card .flag-bookmark,
    .forum-detail-card .layout__region>div.block-block-content4ec417bc-93b2-455e-b5b9-73a2abe66799,
    .forum-detail-card .layout__region>div.block-block-content345a43fe-3330-4244-9d83-c87183619ad9,
    .forum-detail-card .block-extra-field-blocknodeforumflag-report {
        position: absolute;
        float: unset;
        bottom: 0;
    }

    .forum-detail-card .flag-like-comment {
        left: 14px;
        bottom: 70px;
    }

    .forum-detail-card .block-addtoany-block {
        left: 75px;
        bottom: 70px;
    }

    .forum-detail-card .flag-bookmark {
        left: 138px;
        bottom: 70px;
    }

    .forum-detail-card .layout__region>div.block-block-content4ec417bc-93b2-455e-b5b9-73a2abe66799 {
        left: 14px;
        bottom: 20px;
    }

    .forum-detail-card .layout__region>div.block-block-content345a43fe-3330-4244-9d83-c87183619ad9 {
        left: 73px;
        bottom: 20px;
    }

    .forum-detail-card .block-extra-field-blocknodeforumflag-report {
        left: 142px;
        bottom: 20px;
    }

    /* notes-meeting */
    .section-meeting #views-exposed-form-block-notes-of-meeting-block-1 .js-form-wrapper:nth-child(3),
    #views-exposed-form-block-notes-of-meeting-block-1 .form-actions {
        margin-top: 20px;
    }

    .section-meeting #views-exposed-form-block-notes-of-meeting-block-1 .js-form-wrapper:nth-child(3) input,
    #views-exposed-form-block-notes-of-meeting-block-1 .form-actions input {
        width: 100%;
    }

    .section-meeting #views-exposed-form-block-notes-of-meeting-block-1 .js-form-item:nth-child(2) select {
        max-width: 275px;
    }

    /* back */
    .back_content_comment {
        padding-right: 10px;
        padding-left: 30px;
    }

    .back_content_comment .page_title a {
        font-size: 17px;
    }

    .view-block-forum-list .create_page button,
    .create-button-comment button {
        width: 170px;
        font-size: 15px;
    }

    .forum-detail-card .block-field-blocknodeforumtitle {
        margin-top: 10px;
    }

    /* notes-meeting */
    .section-meeting ul.meeting_ul li,
    ul.anti_corruption_ul li {
        height: 60px;
        display: inline-table;
    }

    /* membership */
    .membership-accordion .accordion-body {
        padding: 0;
    }

    /* Strategic Directions */
    .strategic-map-wrap .strategic-icon {
        top: 0px;
        left: 5px;
    }

    .strategic-map-wrap .strategic-icon img {
        width: 40px;
        margin-right: 4px;
    }

    .strategic-map-wrap .strategic-icon h2 {
        font-size: 14px;
    }
}