/*
Theme Name: mogmog
Theme URI: https://xdevlabs.com/themes/simple-wp-theme/
Author: the xDevLabs team
Author URI: https://xdevlabs.com/
Description: Blank is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how xDev-theme elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: xdev-theme
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Xdev-theme WordPress Theme, (C) 2021 xDevlabs.com
Xdev-theme is distributed under the terms of the GNU GPL.
*/

.animate {
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0, 50px, 0);
    transition: .6s cubic-bezier(.215, .61, .355, 1) 0s;
    transition-property: opacity visibility, transform;
    will-change: opacity visibility, transform;
}
.animate.is-inView {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}

@media only screen and (max-width: 767px){
    .benefits-section__row--left .text-right{
        text-align: center;
        margin-top: 20px;
    }
    .benefits-section__row .benefits-section__row--right{
        margin-top: 90px;
    }
    .benefits-section__row .benefits-section__row--right::before{
        top: -95px;
    }

    .process-leading__list .process-leading__list--note h3{
        font-size: 14px;
    }
    .process-leading__list--note h3 span{
        flex-direction: column;
    }
}


.company--title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 20px;
}
@media only screen and (min-width: 768px) {
    .company--title {
        font-size: 24px;
        margin: 0 0 30px;
    }
}
@media only screen and (min-width: 992px) {
    .company--title {
        font-size: 30px;
    }
}
@media only screen and (min-width: 1600px) {
    .company--title {
        font-size: 28px;
    }
}

.company--content{
    padding-block: 60px;
}
.company--contact{
    padding-bottom: 80px;
}
.table-company{
    width: 100%;
}
.table-company th,
.table-company td{
    padding: 17px 45px;
    border-top: 1px solid #ababab;
}
.table-company th{
    width: 240px;
    text-align: center;
    border-right: 1px solid #ababab;
}
@media only screen and (min-width: 768px) {
    .table-company{
        border-bottom: 1px solid #ababab;
    }
    .company--content{
        padding-block: 120px;
    }
    .company--contact{
        padding-bottom: 120px;
    }
}
@media only screen and (max-width: 767px){
    .table-company th,
    .table-company td{
        display: block;
        width: 100%;
        border: none;
        text-align: left;
        padding-inline: 0;
    }
    .table-company td{
        border-bottom: 1px solid #ababab;
    }
}

.btn-dark{
    border: 1px solid #ababab;
    text-align: center;
    color: #fff;
    display: block;
    max-width: 320px;
    padding: 12px 45px;
}

.anchor-target {
    scroll-margin-top: 60px; /* hiện đại, ưu tiên dùng */
}

/* fallback cho trình duyệt cũ hơn */
.anchor-target::before {
    content: "";
    display: block;
    height: 60px;
    margin-top: -60px;
}
@media only screen and (min-width: 992px){
    .anchor-target {
        scroll-margin-top: 80px; /* hiện đại, ưu tiên dùng */
    }

    /* fallback cho trình duyệt cũ hơn */
    .anchor-target::before {
        content: "";
        display: block;
        height: 80px;
        margin-top: -80px;
    }
}
@media only screen and (min-width: 1300px){
    .anchor-target {
        scroll-margin-top: 127px; /* hiện đại, ưu tiên dùng */
    }

    /* fallback cho trình duyệt cũ hơn */
    .anchor-target::before {
        content: "";
        display: block;
        height: 127px;
        margin-top: -127px;
    }
}