: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;
}


/* 

body,
html {
    scroll-behavior: smooth;
} */


.applying {
    padding: 36px 0px 0px;
}




.applying__breadcumb {
    padding: 0;
}


.breadcumb__global {
    border-bottom: 0px;
    padding: 0;
}

#contact .contact__touch {
    /* padding: 60px 0; */
}


.applying .applying__content .hai-heading__global {
    margin: 44px auto 36px;
    color: var(--Primary-Blue, #00196E);
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'garamond-premier-pro';
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 54px;
    /* 112.5% */

}



.applying .applying__content--desc {
    font-weight: 350 !important;
    font-family: 'Halyard Display Book';
}



#contact .contact__container {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 18px;
}



/* carrer */



.carrer__container {
    padding-left: 18px;
    padding-right: 18px;
    max-width: 1186px;
    margin: 0 auto;
}

.carrer__container h3 {
    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-bottom: 36px;
    margin-top: 60px;
}



.carrer__wrapper .carrer__table {
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
    border-bottom: 1px solid var(--Neutral-Grey, #E1E1DE);
}



.carrer__table .carrer__table-row--head {}


.carrer__table .carrer__table-row--body {}


.carrer__table .carrer__table-row--head .carrer__table-row {
    color: var(--Dark-Grey, #8A8A8A);
    font-family: 'Halyard Text';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
}

.carrer__table .carrer__table-row--body .carrer__table-row {
    color: var(--Black, #222);
    font-family: 'Halyard Text';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 12px 16px;
    width: 44%;
}


.carrer__table .carrer__table-row--head .carrer__table-row th {
    padding: 12px 16px;

}


.carrer__table .carrer__table-row--body .carrer__table-row td {
    /* padding: 12px 16px; */
    border-top: 1px solid var(--Neutral-Grey, #E1E1DE);
    width: 42%;
}



.carrer__table .carrer__table-row--body .carrer__table-row a {
    color: var(--Black, #222);
    font-family: 'Halyard Text';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: block;
    padding: 12px 16px;
}


.carrer__table .carrer__table-row--body .carrer__table-row td:nth-child(2) a {
    color: var(--Primary-Blue, #00196E);
    font-family: 'Halyard Text';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}


.carrer__table .carrer__table-row--body .carrer__table-row td:nth-child(2) {
    color: var(--Primary-Blue, #00196E);
    font-family: 'Halyard Text';
    font-size: 16px;
    font-style: normal;
    font-weight: 490;
    line-height: 24px;
    width: 40%;
}

/* .carrer__wrapper .carrer__table:nth-child(2) .carrer__table-row--body .carrer__table-row td:nth-child(1) {
    width: 450px;
} */



.carrer__table .carrer__table-row--body .carrer__table-row:hover {
    background: var(--Neutral-Grey, #E1E1DE);
}


.carrer__table .carrer__table-row--body .carrer__table-row:active {
    background-color: var(--primary-blue);
}

.carrer__table .carrer__table-row--body .carrer__table-row:active td a {
    color: var(--white);
}

.carrer__table .carrer__table-row--body .carrer__table-row:active td:nth-child(2) a {
    color: var(--secondary-gold);
}




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


/* Token */

.token {
    margin-bottom: 100px;
}




.token__container h1 {
    color: var(--Primary-Blue, #00196E);
    text-align: center;
    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-bottom: 36px;
    margin-top: 0px;
}

.token__container {
    padding-left: 18px;
    padding-right: 18px;
    max-width: 992px;
    margin: 0 auto;
}


.token__wrapper {
    display: flex;
    gap: 36px;
    justify-content: center;
    /* align-items: center; */
}

.token__wrapper .token__content-col {
    text-align: center;
    max-width: 158px;
}


.token__wrapper .token__content-col img {
    margin-bottom: 16px;
}



.token__wrapper p {
    color: var(--Black, #222);
    text-align: center;
    /* Body/Large */
    font-family: 'Halyard Text';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}


.token__seemore {
    color: var(--Primary-Blue, #00196E);
    font-family: 'halyard-display', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 490;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
    margin-top: 36px;

}



.token__seemore span {
    color: var(--Primary-Blue, #00196E);
    padding-right: 10px;
    font-family: Halyard Text;
    font-size: 18px;
    font-style: normal;
    font-weight: 490;
    line-height: 16px;
    /* 88.889% */
}


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




/* Infor */
.infor {
    margin-bottom: 100px;
}

.infor__content .hai-sub-heading__global {
    color: var(--White, #FFF);
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: 'garamond-premier-pro';
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 54px;
    text-transform: none;
    letter-spacing: 0px;
}


.infor__content .hai-heading__global {
    color: var(--White, #FFF);
    text-align: center;
    font-family: 'Halyard Display Book',
        sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 350;
    line-height: 32px;
    max-width: 390px;
}




.infor .infor__item .infor__seemore {
    color: var(--Secondary-Gold, #FFAD1D);
    font-size: 18px;
    font-style: normal;
    font-weight: 490;
    line-height: 16px;
    font-family: 'Halyard Text';
}


/* Slider */

.james__testimonial {
    padding: 0px;
}


.james__testimonial .james__testimonial--logo {
    margin-bottom: 100px;
}


.james__testimonial .title_block {
    margin: 0px 0 36px;
}


.james__testimonial .james__testimonial--slider .item .content_primary .j_avatar {
    flex: none
}

.james__testimonial .james__testimonial--slider .item .content_primary .j_avatar figure,
.james__testimonial .james__testimonial--slider .item .content_primary .j_avatar figure img {
    width: 255px;
    height: 340px;
}


.james__testimonial .j_ff-gara {
    /* overflow: hidden; */
    display: block;
    /* -webkit-line-clamp: 7; */
    line-clamp: unset;
    -webkit-box-orient: unset;
    font-size: 16px;
    line-height: 24px;
    color: var(--Black, #222);
    font-family: Halyard Text;
    font-style: normal;
    font-weight: 400;
}


.james__testimonial .james__testimonial--slider .item .content_primary .content_text .j_author {
    color: var(--Dark-Grey, #8A8A8A);
    font-family: 'Halyard Text';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}


/* .james__testimonial .james__testimonial--slider .item .content_primary {
    max-width: 740px;
} */



.james__testimonial .james__testimonial--slider .item .content_primary .content_text .j_btn-explore {
    color: var(--Primary-Blue, #00196E);
    font-family: 'Halyard Text';
    font-size: 18px;
    font-style: normal;
    font-weight: 490;
    line-height: 16px;
    /* 88.889% */
}


.j_btn-explore::after {
    top: 5px;
}


.james__testimonial .james__testimonial--slider .item {
    width: 50vw;
}


.join-us-line {
    background: linear-gradient(270deg, rgba(0, 25, 110, 0.00) 0%, #00196E 52.08%, rgba(0, 25, 110, 0.00) 100%);
    height: 1px;
    margin: 100px 0px;
}


.james_container .james__testimonial--nologo {
    text-align: center;
    background: url(../images/line_blue.png) no-repeat center center / contain;
    height: 2px;
    margin: 100px 0px;
}


.james__testimonial .james__testimonial--slider .item .content_primary .j_avatar__mobile {
    display: none;
}





/* speculative */


.speculative {
    margin-bottom: 100px;
}


.speculative__container {
    max-width: 967px;
    margin: 0 auto;
    padding: 0 18px;
}




.speculative__wrapper {
    display: flex;
    flex-direction: column;
    gap: 36px;
    align-items: center;
}


.speculative__wrapper h1 {
    color: var(--Primary-Blue, #00196E);
    text-align: center;
    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;
    letter-spacing: 0px;
}

.speculative-subtitle {
    max-width: 80%;
    text-align: center;
}

.speculative-subtitle h2 {
    color: var(--Black, #222);
    text-align: center;
    font-family: 'Halyard Display Book', 'sans-serif';
    font-size: 24px;
    font-style: normal;
    font-weight: 350;
    line-height: 32px;
    margin-bottom: 36px;
    margin-top: 0px;
}


.speculative-subtitle p {
    color: var(--Dark-Grey, #8A8A8A);
    text-align: center;
    font-family: 'Halyard Text';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}


.speculative__wrapper .speculative__button {
    display: flex;
    height: 48px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--Primary-Blue, #00196E);
}



.speculative__wrapper .speculative__button:hover {
    background-color: var(--primary-blue);
    color: #FFAD1D
}

.speculative__wrapper .speculative__button:hover a {
    color: #FFAD1D
}

.speculative__wrapper .speculative__button a {
    color: var(--Primary-Blue, #00196E);
    font-family: Halyard Text;
    font-size: 18px;
    font-style: normal;
    font-weight: 490;
    line-height: 24px;
    padding: 12px 20px;
    /* 133.333% */
}


/* Contact */




.contact {
    background: var(--Light-Grey, #F4F4F4);
    /* background-color: cyan; */
    margin-bottom: 100px;
    display: flex;
    align-items: center;
    padding: 100px 120px;
    justify-content: center;
}


.contact__container {
    max-width: 967px;
    margin: 0 auto;
    padding: 0 18px;
}


.contact__wrapper {
    display: flex;
    flex-direction: column;
    gap: 36px;
    align-items: center;
}





.contact__wrapper h1 {
    color: var(--Primary-Blue, #00196E);
    text-align: center;
    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: 0px 0px 24px;
    /* 112.5% */
}



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


.contact-subtext {
    max-width: 679px;
    margin: 0 auto;
    padding: 0 18px;
}


.contact-subtext .contact__title-text {
    color: var(--Black, #222);
    font-family: 'Halyard Text', 'sans-serif';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: 0px;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    font-variant-numeric: lining-nums proportional-nums;

}

.contact-subtext p:nth-child(2) {
    margin: 12px 0px;
}

.contact-subtext p {
    color: var(--Black, #222);
    text-align: center;
    font-family: 'Halyard Text', 'sans-serif';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    font-variant-numeric: lining-nums proportional-nums;
}



.james__testimonial .james_container h4 {
    display: none;
}

/* .slider .slider__wrapper {
    margin-bottom: 60px;
    position: relative;
}

.slider .slider__wrapper::before {
    position: absolute;
    content: '';
    width: 300px;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.7;
    z-index: 2;
    pointer-events: none;
}


.slider .slider__wrapper::after {
    position: absolute;
    content: '';
    width: 300px;
    height: 100%;
    right: 0;
    top: 0;
    background: linear-gradient(-90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.7;
    z-index: 2;
    pointer-events: none;
}


.slider__voices--dash {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}


.slider_item .slider__content {
    display: flex;
    flex-wrap: wrap;
    column-gap: 36px;
}


.slider_item .slider__content .slider_avatar {
    flex: 1 0 0%;
}



.slider_item .slider__content .slider_avatar img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}



.slider_item .slider__content .slider_text {
    flex: 1 0 0%;
}


 */

/* Yêu cầu rule hạn chế ký tự text vì không thể xác định cụ thể 
được kích thước là bị tràn nếu đoạn đó quá dài */
/* @media (min-width : 992px) and (max-width : 1536px) {
    .james__testimonial .james__testimonial--slider .item .content_primary .content_text {
        height: 340px;
    }


    .item.slick-slide.slick-current.slick-active.slick-center {
        width: 80vw;
    }
} */

.james__testimonial--slider .slick-slide {
    height: inherit !important
}


.slick-track {
    display: flex !important;
}


.james__testimonial .james__testimonial--slider .item .content_primary {
    height: 100%;
}


.slick-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.james__testimonial .james__testimonial--slider .item .content_primary .content_text .j_author {
    height: auto;
}




figure {
    margin: 0 0 1em;
}







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

    .applying .applying__breadcumb {
        gap: 8px;
    }


    .applying .applying__content .hai-heading__global {
        margin: 56px auto 36px;
    }

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

    .carrer__container {
        padding-left: 32px;
        padding-right: 32px;
        max-width: 768px;
        margin: 0 auto;
    }


    .carrer__container h3 {
        margin-bottom: 24px;
    }

    .carrer__table .carrer__table-row--head .carrer__table-row {
        display: none;
    }


    .carrer__table .carrer__table-row--body .carrer__table-row td {
        width: 30%;
    }

    .carrer__table .carrer__table-row--body .carrer__table-row td:nth-child(2) {
        font-size: 18px;
        line-height: 24px;
        width: 43%;
    }

    .carrer__table .carrer__table-row--body .carrer__table-row:last-child {
        border-bottom: 1px solid var(--Neutral-Grey, #E1E1DE);
    }

    /* Token */
    .token__container {
        padding-left: 32px;
        padding-right: 32px;
        max-width: 768px;
        margin: 0 auto;
    }


    .token__container h1 {
        font-size: 40px;
        line-height: 48px;
        padding: 0px 91px;
    }


    .token__wrapper {
        gap: 24px;
        flex-wrap: wrap;
    }


    .token__wrapper .token__content-col {
        text-align: center;
        width: 210px;
    }


    .infor__content .hai-sub-heading__global {
        font-size: 40px;
        line-height: 48px;
        font-weight: 400 !important;
    }


    .infor .infor__item:nth-child(1) .infor__content .hai-heading__global {
        font-size: 22px;
        font-weight: 350;
    }

    .infor .infor__item .infor__content {
        gap: 36px;
    }


    .token__wrapper .token__content-col {
        max-width: 768px;
    }



    /* Voices */

    .james__testimonial .james__testimonial--wrapper::before,
    .james__testimonial .james__testimonial--wrapper::after {
        display: none;
    }


    .james__testimonial .james_container h4 {
        display: block;
    }


    .james__testimonial .title_block {
        max-width: 100%;
        color: var(--Primary-Blue, #00196E);
        text-align: center;
        /* Display/Medium */
        font-family: 'garamond-premier-pro';
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px;
        /* 120% */
    }

    .james_text {
        color: var(--Black, #222);
        text-align: center;
        font-family: 'Halyard Display Book', 'sans-serif';
        font-size: 22px;
        font-style: normal;
        font-weight: 350;
        line-height: 28px;
        padding: 0px 90px 36px;
        margin: 0px;
    }


    .content_text .j_fs-28 {
        height: auto;
    }


    .slick-slide img {
        height: auto;
    }

    .james__testimonial .james__testimonial--slider .item .content_primary .j_avatar {
        /* width: 45%; */
        overflow: hidden;
        margin-right: 24px;
        width: max-content;
    }

    .james__testimonial .james__testimonial--slider .item .content_primary .content_text {
        /* width: 55%; */
        margin-top: 0px;
        /* margin-left: 24px; */
        flex: 1;
    }


    .item .slick-slide {
        margin: 0 32px;
    }

    /* the parent */
    .item .slick-list {
        margin: 0 -32px;
    }



    .james__testimonial .james__testimonial--slider .item .content_primary {
        max-width: 100%;
        flex-wrap: nowrap;
        /* gap: 24px; */
        margin: 0 32px;
        column-gap: 0px;
    }


    .james__testimonial--slider {
        max-width: 100%;
        /* margin: 0 auto; */
    }


    .james__testimonial .james__testimonial--slider .item {
        width: 100vw;
    }

    /* .james__testimonial .j_ff-gara {
        height: 260px;
    }

    .james__testimonial .james__testimonial--slider .slick-dots {
        margin-top: 36px;
    } */


    /* Speculative */


    .join-us-line {
        background: linear-gradient(270deg, rgba(0, 25, 110, 0.00) 0%, #00196E 52.08%, rgba(0, 25, 110, 0.00) 100%);
        height: 1px;
        margin: 60px 0px 100px;
    }


    .speculative__wrapper h1 {
        line-height: 48px;
    }


    .speculative-subtitle h2 {
        font-size: 22px;
        line-height: 28px;
    }

    /* Contact */

    .contact {
        padding: 60px 16px;
    }


    .contact__wrapper h1 {
        font-size: 36px;
        line-height: 40px;
    }


    .contact-subtext .contact__title-text {
        letter-spacing: 0.025em;
    }


    .contact-subtext p:nth-child(2) {
        margin: 16px 0px 12px;
    }

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


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

    .james_col-4 {
        width: 50%;
    }
}


@media (max-width: 576px) {



    html {
        overflow-x: hidden;
    }

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


    .applying .applying__content .hai-heading__global {
        margin: 56px auto 24px 0px;
        text-align: left;
    }


    .applying .applying__content--desc {
        text-align: left;
    }


    .carrer__container h3 {
        margin-top: 48px;
    }


    .carrer__container {
        padding-left: 16px;
        padding-right: 16px;
        max-width: 450px;
    }


    .carrer__table-row {
        display: flex;
        flex-direction: column;
    }


    .carrer__table .carrer__table-row--body .carrer__table-row td:nth-child(2) a {
        font-size: 18px;
        line-height: 24px;
    }


    .carrer__table .carrer__table-row--body .carrer__table-row td,
    .carrer__table .carrer__table-row--body .carrer__table-row td:nth-child(2),
    .carrer__table .carrer__table-row--body .carrer__table-row {
        width: 100%;
        border: 0px;
    }


    .carrer__table .carrer__table-row--body .carrer__table-row a {
        padding: 0px;
    }

    .carrer__table .carrer__table-row--body .carrer__table-row td:nth-child(2) a {
        padding: 8px 0px;
    }


    .carrer__table .carrer__table-row--body .carrer__table-row {
        padding: 12px 0px;
    }

    .carrer__table .carrer__table-row--body .carrer__table-row {
        border-top: 1px solid var(--Neutral-Grey, #E1E1DE);
    }

    /* token */

    .token__container {
        padding-left: 16px;
        padding-right: 16px;
        max-width: 450px;
        margin: 0 auto;
    }


    .token__container h1 {
        padding: 0;
        text-align: left;
        font-size: 36px;
        line-height: 40px;
    }


    .token__wrapper .token__content-col {
        /* max-width: 450px; */
        display: flex;
        align-items: center;
        width: unset;
        gap: 24px;
        width: 100%;
    }

    .token__wrapper p {
        text-align: left;
    }

    .token__wrapper .token__content-col img {
        margin-bottom: 0px;
    }

    /* Infor */
    .infor__content .hai-sub-heading__global {
        font-size: 36px;
        line-height: 40px;
    }

    .infor .infor__item .infor__content {
        gap: 24px;
        padding: 48px 16px;
    }

    /* Slider */

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

    .james__testimonial .james__testimonial--logo {
        margin-bottom: 60px;
    }

    .james_text {
        padding: 0px 0px 36px;
    }

    .james__testimonial .james__testimonial--slider .item .content_primary {
        flex-wrap: wrap;
        margin: 0 16px;
    }

    .james__testimonial .james__testimonial--slider .item .content_primary .j_avatar,
    .james__testimonial .james__testimonial--slider .item .content_primary .content_text {
        width: 100%;
    }

    .james__testimonial .james__testimonial--slider .item .content_primary .j_avatar img {
        width: 100%;
        max-height: 308px;
        object-fit: cover;
        object-position: top;
        margin-bottom: 20px;
    }


    .james__testimonial .james__testimonial--slider .item .content_primary .j_avatar {
        display: none;
    }



    .james__testimonial .james__testimonial--slider .item .content_primary .j_avatar__mobile {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .james__testimonial .james__testimonial--slider .item .content_primary {
        height: unset;
    }



    /* speculative */

    .speculative__container {
        max-width: 450px;
        margin: 0 auto;
        padding: 0 16px;
    }

    .speculative__wrapper h1 {
        line-height: 48px;
        font-size: 36px;
        line-height: 40px;
    }


    .speculative__wrapper {
        align-items: flex-start;
        gap: 24px
    }

    .speculative-subtitle {
        max-width: 100%;
    }

    .speculative-subtitle h2 {
        margin-bottom: 24px;
        font-size: 20px;
        line-height: 26px;
    }


    .speculative-subtitle h2,
    .speculative-subtitle p {
        text-align: left;
    }


    .speculative__wrapper .speculative__button {
        align-self: center;
    }



    /* Contact */
    .contact {
        padding: 52px 16px;
    }


    .contact__container {
        max-width: 450px;
        margin: 0 auto;
        padding: 0px;
    }

    .contact__wrapper h1 {
        max-width: 340px;
    }

    .happening {
        padding-bottom: 0px;
    }

    .james__connect {
        padding: 100px 0px;
    }

    .james_col-4 {
        width: 100%;
    }
}