/* layout */
section {
    padding: 40px 0;
}

@media screen and (min-width: 1025px) {
    section {
        padding: 80px 0;
    }
}

/* font */
h2.title {
    font-size: 28px;
    font-weight: 300;
    line-height: 38px;
    color: var(--color-brand-Auxiliary);
    margin-bottom: 24px;
}

p.subtitle {
    margin-bottom: 40px !important;
}

h3 {
    font-size: 20px;
    font-weight: normal;
    line-height: 26px;
    color: #019F01;
}

p.subtitle,
p {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: var(--color-icon-03);
}

@media screen and (min-width: 1025px) {
    h2.title {
        font-size: 48px;
        line-height: 64px;
        color: #E5813A;
    }

    h3 {
        font-size: 28px;
        line-height: 40px;
    }

    p.subtitle {
        margin-bottom: 80px !important;
    }
}

/* swiper */
.swiper {
    overflow-x: hidden;
}

.swiper-pagination {
    bottom: -48px !important;
}

.swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 0;
    background: #e4e4e4;
    opacity: 1;
    margin: 5px !important;
}

.swiper-pagination-bullet-active {
    background: var(--color-brand-standard);
}

/* banner */
.innner-pc.swiper-container {
    margin-bottom: 80px;
}

.innner-pc .swiper-slide {
    background-size: cover;
}

.innner-pc .container>* {
    margin-left: calc(1 / 12 * 100%);
}

.innner-pc .banner-text-title {
    font-size: 64px;
    font-weight: normal;
    line-height: 86px;
    color: var(--color-icon-01);
    padding: 0 0 36px;
}

.innner-pc .pc-small-title,
.innner-pc .banner-text-content {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: var(--color-icon-01);
}

.innner-pc .pc-small-title {
    padding: 268px 0 24px;
}

@media screen and (max-width: 1024px) {
    .innner-wap.swiper-container {
        height: 755px;
        margin-bottom: 40px;
    }

    .innner-wap .swiper-slide {
        background-size: cover;
    }

    .wap-small-title,
    .innner-wap .banner-text-content {
        font-size: 16px;
        font-weight: normal;
        line-height: 24px;
        color: var(--color-icon-01);
    }

    .wap-small-title {
        padding: 278px 0 16px;
    }

    .innner-wap .banner-text-title {
        font-size: 30px;
        font-weight: 300;
        line-height: 40px;
        color: var(--color-icon-01);
        padding: 0 0 16px;
    }
}

/* pamm-trading */
#pamm-trading h2 {
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 40px;
}

#pamm-trading .container {
    max-width: 1514px !important;
}

#pamm-trading img {
    border-radius: 5px;
    /* box-shadow: 0 2px 50px 0 rgb(0 0 0 / 25%); */
}

#pamm-trading ul {
    max-width:fit-content;
}

#pamm-trading ul li:not(:last-child) {
    margin-bottom: 40px;
}

#pamm-trading h3 {
    margin-bottom: 16px;
    color: #019F01;
}

@media screen and (min-width: 835px) {
    #pamm-trading h3 {
        margin-bottom: 8px;
        color: #019F01;
    }

    #pamm-trading .columns {
        max-width: 1354px;
        margin: 0 auto;
    }

    #pamm-trading img {
        
    }
}

@media screen and (min-width: 1025px) {
    #pamm-trading {
        
        text-align: center;
    }
}

@media screen and (min-width: 1601px) {
    #pamm-trading .columns {
        margin: 52px auto 120px;
    }
}

@media screen and (max-width: 834px) {
    #pamm-trading {
        text-align: center;
    }

    #pamm-trading ul {
        margin: 0 auto;
    }
}

/* pamm-solutions */
#pamm-solutions img {
    margin-bottom: 40px;
}

#pamm-solutions h3 {
    font-weight: bold;
    margin-bottom: 24px;
    color: #019F01;
}

@media screen and (min-width: 835px) {

    body.translatepress-en_GB #pamm-solutions h3,
    body.translatepress-th #pamm-solutions h3,
    body.translatepress-vi #pamm-solutions h3 {
        min-height: 80px;
    }
}

@media screen and (max-width: 834px) {
    #pamm-solutions {
        text-align: center;
        padding-bottom: 72px;
    }
}

/* contact-us */
#contact-us {
    padding-bottom: 80px;
}

#contact-us .wpcf7,
#contact-us h4,
#contact-us p.small {
    max-width: 912px;
    margin: 0 auto;
}

#contact-us h4,
#contact-us p.small {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    color: #757575;
}

@media screen and (min-width: 834px) {
    #contact-us {
        padding-bottom: 160px;
    }
}

/* body
{background: transparent url("/asset/inpageImg/tools/bb5.png") no-repeat scroll center / cover;} */