/* 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: var(--color-brand-Auxiliary);
}
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;
    }
    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;
    }
}

/* vps-trading */
#vps-trading h2 {
    margin-bottom: 40px;
}
#vps-trading .container {
    max-width: 1514px !important;
}
#vps-trading ul {
    max-width: 527px;
}
#vps-trading ul li:not(:last-child) {
    margin-bottom: 40px;
}
#vps-trading h3 {
    margin-bottom: 16px;
}
@media screen and (min-width: 835px) {
    #vps-trading h3 {
        margin-bottom: 8px;
    }
    #vps-trading .columns {
        max-width: 1354px;
        margin: 0 auto;
    }
    #vps-trading img {
        float: right;
    }
}
@media screen and (min-width: 1025px) {
    #vps-trading {
        background: transparent url("../images/vps/Doo-Prime-vps-diwen.png") no-repeat scroll center / contain;
    }
}
@media screen and (min-width: 1601px) {
    #vps-trading .columns {
        margin: 52px auto 120px;
    }
}
@media screen and (max-width: 834px) {
    #vps-trading {
        text-align: center;
    }
    #vps-trading ul {
        margin: 0 auto;
    }
}

/* vps-solutions */
#vps-solutions img {
    margin-bottom: 40px;
}
#vps-solutions h3 {
    font-weight: bold;
    margin-bottom: 24px;
}
@media screen and (min-width: 835px) {
    body.translatepress-en_GB #vps-solutions h3,
    body.translatepress-th #vps-solutions h3,
    body.translatepress-vi #vps-solutions h3 {
        min-height: 80px;
    }
}
@media screen and (max-width: 834px) {
    #vps-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;
    }
}