:root {
    --highlight-sky: #ceedf6;
    --neutral-grey: #e1e1de;
    --dark-grey: #8a8a8a;
    --primary-blue: #00196e;
    --white: #ffffff;
    --black: #222;
    --secondary-gold: #FFAD1D
}


@font-face {
    font-family: 'Halyard Display Book';
    src: url('../css/megamenu-pro/fonts/HalyardDisplayBook.woff2') format('woff2'),
        url('../css/megamenu-pro/fonts/HalyardDisplayBook.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* .sidebar {
    padding-top: 84px;
} */

.body__container .row {
    flex-wrap: nowrap;
}

.content__container {
    max-width: 740px;
    /* padding: 80px 0 40px 70px; */
    padding: 80px 0 0px 70px;
    ;
}



.body__container .row .col-md-8 {
    flex: unset;
    max-width: unset;
}

.sidebar__sections--title {
    color: var(--Dark-Grey, #8A8A8A);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'halyard-display', sans-serif;
    margin-bottom: 12px;
}

.sidebar .sidebar__sections--item a {
    color: var(--Primary-Blue, #00196E);
    /* Label/Large */
    font-family: Halyard Text;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}


/* .sidebar__buttons .sidebar__buttons--link {
    padding: 8px 20px;
} */


.title {
    color: var(--primary-blue, #00196e);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'garamond-premier-pro';

    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 54px;
    margin: 0;
    margin-bottom: 36px;
}



.desc {
    color: var(--Black, #222);
    font-family: 'Halyard Text';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.desc a {
    text-decoration: underline;
    white-space: nowrap;
}


.text-content__download {
    color: var(--Primary-Blue, #00196E);
    font-family: 'Halyard Text', 'sans-serif';
    font-size: 18px;
    font-style: normal;
    font-weight: 490;
    line-height: 16px;
    cursor: pointer;
    margin: 36px 0px
}



.text-content__download span {
    padding-right: 4px;
}


.text-content__download:hover img {
    transform: translateX(4px);
    transition: all 0.3s linear;
}

.section-content .wrap__link-ytb {
    margin-top: 36px;
    overflow-x: hidden;
}

.section-content .wrap__link-ytb-size {
    width: 100%;
    height: 360px;
}

.sub_ju_content .sub-title {
    color: var(--Primary-Blue, #00196E);
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'halyard-display', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 36px;
    margin-bottom: 16px;
    max-width: 100%;
}

.section-content .desc p {
    margin-bottom: 12px;
}

.send__container {
    display: flex;
    margin-top: 36px;
}


.send__button {
    display: flex;
    width: max-content;
    height: 48px;
    gap: 10px;
    background: var(--Primary-Blue, #00196E);
}


.send__button:hover {
    background-color: var(--Secondary-Gold, #FFAD1D);
    transition: all 0.3s linear;
}

.send__button:hover a {
    color: var(--primary-blue);
}

.send__button a {
    color: var(--Secondary-Gold, #FFAD1D);
    font-family: 'Halyard Text';
    font-size: 18px;
    font-style: normal;
    font-weight: 490;
    line-height: 24px;
    padding: 12px 20px;
    /* 133.333% */
}

.amount {
    padding: 0px 0 160px;
    margin-top: 160px;
}

.james__news {
    padding: 0;
}

.james__connect {
    padding: 120px 0;
}

.james__news .james__news--list {
    margin-bottom: 0px;
}

figure {
    margin: 0 0 1em;
}


/* Page 2  */

/* .dropdown-content__header {
    border-top: 1px solid var(--Neutral-Grey, #E1E1DE);
} */


.content__container ul li {
    color: var(--Black, #222);
    /* Body/Large */
    font-family: Halyard Text;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}


.dropdown__box {
    margin-top: 36px;
}


.dropdown__box .dropdown-content:first-child {
    border-top: 1px solid rgb(229, 229, 229);
}

.dropdown-content__header {
    padding: 12px 0px;
}


.dropdown-content__header__title p {
    font-variant-numeric: lining-nums proportional-nums;
    padding-right: 52px;
}


#sub-join-us-2 .dropdown-content:nth-child(3) .dropdown-content__header {
    border-top: 1px solid rgb(229, 229, 229);
}


.dropdown-content:nth-child(2) .dropdown-content__header {
    border-top: none;
}

/* .sub_ju_content .dropdown-content:nth-child(3) {
    padding-top: 12px;
} */

/* .sub_ju_content .dropdown-content:nth-child(3) .dropdown-content__header {
    border-top: 1px solid rgb(229, 229, 229);
} */


.sub_ju_content .dropdown-content__content p {
    color: var(--Black, #222);
    font-family: Halyard Text;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.content__container ul {
    list-style-type: square;
    padding-left: 30px;
}



.content__container ul li a {
    text-decoration: underline;
}

.content__container ul li::marker {
    font-size: 12px;
}

.content__container ul li {
    padding-bottom: 0px;
}


.bannerImg {
    margin: 36px 0px;
}


.bannerImg img {
    width: 100%;
}


.contact_box {
    margin-top: 100px;
    font-variant-numeric: lining-nums proportional-nums;
}




.contact .title {
    margin-bottom: 36px;
}

.contact__title .contact__title-text {
    color: var(--Black, #222);
    font-family: 'Halyard Text';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0px 0 12px;
}

.contact__info .contact__title-text {
    color: var(--Black, #222);
    /* Body/Large */
    font-family: 'Halyard Text';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 16px 0px 0px 0px;
    /* 150% */
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: 0px;
    flex-wrap: wrap;
}



/* .contact__info .contact__title-text:last-child {
    margin: 4px 0px 0px 0px;
} */

.contact__info .contact__title-text img:hover {
    filter: invert(73%) sepia(91%) saturate(1607%) hue-rotate(342deg) brightness(102%) contrast(101%);
}

.contact__info {
    margin-top: 19px;
}

.contact__info .contact__info-text {
    color: var(--Black, #222);
    font-family: 'Halyard Text';
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    line-height: 12px;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.contact__info .contact__info-subtext {
    color: var(--Dark-Grey, #8a8a8a);
    /* Title/Medium */
    font-family: 'Halyard Text';
    font-size: 16px;
    font-style: normal;
    font-weight: 490;
    line-height: 32px;
    /* 150% */
}

.contact__info .contact__info-emailtext {
    color: var(--primary-blue);
    font-family: 'Halyard Text';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}



@media (max-width: 991px) {
    .sidebar {
        padding-top: 0;
    }

    .body__container .row {
        flex-wrap: wrap;
    }

    .applying__breadcumb {
        display: flex;
        align-items: center;
        gap: 16px;
        list-style: none;
        padding: 16px 0 12px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .title {
        font-size: 40px;
        padding-top: 40px;
        line-height: 48px;
    }



    .content__container {
        max-width: 522px;
        padding: 0px;
        margin: 0 auto;
    }


    .text-content__download {
        text-align: center;
    }

    .send__button {
        text-align: center;
    }


    .send__container {
        justify-content: center;
    }

    .sidebar__sections--title {
        padding: 24px 24px 0px;
    }


    .sidebar .sidebar__sections {
        padding: 0px 24px;
        margin: 0;
        border-top: none;
    }


    .sidebar .sidebar__sections--item a {
        margin-bottom: 12px;
    }

    .sidebar .sidebar__buttons {
        border-top: 1px solid #e1e1de;
    }

    .sidebar .sidebar__buttons {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding-top: 12px;
        border-top: 1px solid #e1e1e1;
        gap: 24px;
        row-gap: 12px;
    }

    .sidebar__buttons .sidebar__buttons--link {
        width: 48%;
        margin-bottom: 24px;
        border: 1px solid var(--primary-blue);
        font-family: 'Halyard Text', sans-serif;
    }

    .sidebar__buttons--title {
        width: 100%;
        padding-bottom: 0px;
    }


    .sidebar .sidebar__buttons {
        padding: 24px 32px 230px;
    }



    .james__news--list .james_row .james_col-4:nth-child(3) {
        display: none;
    }

    .sidebar .sidebar__header span {
        color: var(--Primary-Blue, #00196E);
        font-variant-numeric: lining-nums proportional-nums;
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        font-family: 'halyard-display', sans-serif;
    }

    .james__connect .james__connect--list {
        max-width: 85%;
    }

    .james__news .james__news--list .james_col-4 {
        max-width: 50%;
        width: 50%;
    }


    .sidebar__sections--wrap {
        background-color: #f4f4f4;
    }


}


@media (max-width: 576px) {


    .amount {
        padding: 0px 0 90px;
    }


    .sidebar__buttons--title {
        padding-bottom: 0px;
    }

    .sidebar__buttons .sidebar__buttons--link:not(:last-child) {
        margin-bottom: 0px;
    }

    .sidebar__buttons .sidebar__buttons--link {
        width: 100%;
    }

    .section-content .wrap__link-ytb-size {
        height: 300px;
    }


    .sidebar__sections .sidebar__sections--item:last-child a {
        margin-bottom: 24px;
    }

    .james_container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .applying__breadcumb {
        padding: 22px 0px 18px;
    }

    .title {
        margin-bottom: 24px;
        font-size: 36px;
        line-height: 40px;
    }


    .sub_ju_content .sub-title:nth-child(5) {
        margin-top: 36px;
    }

    .sub_ju_content .sub-title {
        margin-top: 48px;
    }

    .dropdown-content__header__title.active p,
    .dropdown-content__header__title p {
        font-size: 20px;
        line-height: 26px;
    }


    .contact_box {
        margin-top: 60px;
    }


    .contact__info {
        margin-top: 16px;
    }

    .body__container .row .col-md-8 {
        padding-left: 16px;
        padding-right: 16px;
    }

    .james__news .james__news--list .james_col-4 {
        max-width: 100%;
        width: 100%;
    }

    .james__connect .james__connect--list {
        max-width: 100%;
    }

}