/*
 * Theme Name: NR Global 
 * Description: Công nghệ thông tin ngày càng phát triển, nó giúp con người mua thực hiện công việc mua bán, tìm kiếm thông tin sản phẩm ngày càng hiệu quả hơn. Thay vì phải chạy đến tận nơi bán sản phẩm để tìm hiểu thông tin hay mua một sản phẩm nào đó, bạn chỉ việc ngồi ở nhà và với một thiết bị được kết nối internet là bạn có thể có tất cả. Có thể nói website là một công cụ hữu hiệu nhất trong hoạt động quảng bá thương hiệu, sản phẩm, dịch vụ một cách hiệu quả. Bạn là một người kinh doanh thì việc thiết kế một website là điều vô cùng cần thiết và cấp bách trong thời buổi công nghệ này, đó là sợi dây liên kết giữa doanh nghiệp và khách hàng, giúp cho doanh nghiệp quảng bá thương hiệu, sản phẩm và dịch vụ của mình đến với mọi người một cách nhanh chóng, hiệu quả, dễ dàng và trực quan nhất.
 * Theme URI: https://nrglobal.vn
 * Version: 12.0
 * Theme Author: info@nrglobal.vn
 * Author: Cristian Dev
 * Author URI: info@nrglobal.vn
 * Textdomain: gaumap
 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
html {
    scroll-behavior: smooth;
}

body {
    color: #000;
    font-family: "Roboto", sans-serif !important;
}

.wp-block-image .aligncenter {
    max-width: 100%;
    text-align: center;
}

.wp-block-preformatted {
    ext-align: center;
    font-family: inherit;
    font-weight: 400;
    color: inherit;
}

body img {
    max-width: 100%;
}

body.single .container-xxl {
    min-height: 500px;
}

#header {
    width: 100%;
    background-color: #fff;
    position: relative;
}

#header nav {
    position: static;
}

.wp-caption {
    width: 100% !important;
}

.wp-caption.aligncenter {
    text-align: center;
}

.header-carousel .owl-carousel-item a {
    display: block;
    position: relative;
    z-index: 9;
}

.statics {
    font-size: 30px;
    color: var(--primary);
    font-weight: bold;
}

.statics .count-des {
    font-size: 18px;
    margin-left: 10px;
    color: #000;
}

.register-course>span {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: relative;
    display: inline-block;
    border: 1px solid var(--primary);
}

.register-course button.btn {
    background-color: transparent;
    color: var(--primary);
    font-size: 18px;
    font-weight: bold;
    border: none;
}

.register-course button.btn:focus {
    outline: none;
    box-shadow: none;
}

.register-course>span:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--primary);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.register-course>span:hover {
    border: 1px solid var(--primary);
}

.register-course>span:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.register-course>span:hover button.btn {
    color: #fff;
}

.register-course .modal-header {
    height: 0;
    padding: 0;
}

.register-course button.close {
    position: absolute;
    right: -7px;
    font-size: 25px;
    border: 1px solid var(--priamry);
    background-color: var(--primary);
    color: #fff;
    width: 35px;
    height: 35px;
    top: -7px;
    border-radius: 100%;
    z-index: 9999;
}

.course-item {
    height: 100%;
}


.windows8 .wBall {
    position: absolute;
    width: 76px;
    height: 76px;
    opacity: 0;
    -moz-transform: rotate(225deg);
    -moz-animation: orbit 4.95s infinite;
    -webkit-transform: rotate(225deg);
    -webkit-animation: orbit 4.95s infinite;
    -ms-transform: rotate(225deg);
    -ms-animation: orbit 4.95s infinite;
    -o-transform: rotate(225deg);
    -o-animation: orbit 4.95s infinite;
    transform: rotate(225deg);
    animation: orbit 4.95s infinite;
}

.windows8 .wBall .wInnerBall {
    background-color: var(--primary);
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.windows8 #wBall_1 {
    -moz-animation-delay: 1.08s;
    -webkit-animation-delay: 1.08s;
    -ms-animation-delay: 1.08s;
    -o-animation-delay: 1.08s;
    animation-delay: 1.08s;
}

.windows8 #wBall_2 {
    -moz-animation-delay: 0.22s;
    -webkit-animation-delay: 0.22s;
    -ms-animation-delay: 0.22s;
    -o-animation-delay: 0.22s;
    animation-delay: 0.22s;
}

.windows8 #wBall_3 {
    -moz-animation-delay: 0.43s;
    -webkit-animation-delay: 0.43s;
    -ms-animation-delay: 0.43s;
    -o-animation-delay: 0.43s;
    animation-delay: 0.43s;
}

.windows8 #wBall_4 {
    -moz-animation-delay: 0.65s;
    -webkit-animation-delay: 0.65s;
    -ms-animation-delay: 0.65s;
    -o-animation-delay: 0.65s;
    animation-delay: 0.65s;
}

.windows8 #wBall_5 {
    -moz-animation-delay: 0.86s;
    -webkit-animation-delay: 0.86s;
    -ms-animation-delay: 0.86s;
    -o-animation-delay: 0.86s;
    animation-delay: 0.86s;
}

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 0%;
    }

    30% {
        opacity: 1;
        -moz-transform: rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin: 7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 70%;
    }

    76% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }

}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 0%;
    }

    30% {
        opacity: 1;
        -webkit-transform: rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin: 7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 70%;
    }

    76% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }

}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 0%;
    }

    30% {
        opacity: 1;
        -ms-transform: rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin: 7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 70%;
    }

    76% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }

}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin: 0%;
    }

    30% {
        opacity: 1;
        -o-transform: rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin: 7%;
    }

    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin: 30%;
    }

    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 39%;
    }

    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 70%;
    }

    76% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }

}

@keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin: 0%;
    }

    30% {
        opacity: 1;
        transform: rotate(410deg);
        animation-timing-function: ease-in-out;
        origin: 7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin: 30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin: 39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin: 70%;
    }

    76% {
        opacity: 0;
        transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }

}

@-webkit-keyframes shakeit {
    0% {
        -webkit-transform: rotate(0deg) translate(2px, 1px);
    }

    10% {
        -webkit-transform: rotate(1deg) translate(1px, 2px);
    }

    20% {
        -webkit-transform: rotate(-1deg) translate(3px, 0px);
    }

    30% {
        -webkit-transform: rotate(0deg) translate(0px, -2px);
    }

    40% {
        -webkit-transform: rotate(-1deg) translate(-1px, 1px);
    }

    50% {
        -webkit-transform: rotate(1deg) translate(1px, -2px);
    }

    60% {
        -webkit-transform: rotate(0deg) translate(3px, -1px);
    }

    70% {
        -webkit-transform: rotate(1deg) translate(-2px, -1px);
    }

    80% {
        -webkit-transform: rotate(-1deg) translate(1px, 1px);
    }

    90% {
        -webkit-transform: rotate(0deg) translate(-2px, -2px);
    }

    100% {
        -webkit-transform: rotate(1deg) translate(-1px, 2px);
    }

}

@keyframes shakeit {
    0% {
        transform: rotate(0deg) translate(2px, 1px);
    }

    10% {
        transform: rotate(1deg) translate(1px, 2px);
    }

    20% {
        transform: rotate(-1deg) translate(3px, 0px);
    }

    30% {
        transform: rotate(0deg) translate(0px, -2px);
    }

    40% {
        transform: rotate(-1deg) translate(-1px, 1px);
    }

    50% {
        transform: rotate(1deg) translate(1px, -2px);
    }

    60% {
        transform: rotate(0deg) translate(3px, -1px);
    }

    70% {
        transform: rotate(1deg) translate(-2px, -1px);
    }

    80% {
        transform: rotate(-1deg) translate(1px, 1px);
    }

    90% {
        transform: rotate(0deg) translate(-2px, -2px);
    }

    100% {
        transform: rotate(1deg) translate(-1px, 2px);
    }

}

.logo img {
    max-height: 100px;
}

.testimonial-carousel .owl-nav,
.partner-carousel .owl-nav {
    position: static;
}

.testimonial-carousel .owl-nav [class*=owl-],
.partner-carousel .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 24px;
    background: #333;
    width: 40px;
    height: 40px;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-align: center;
    -webkit-align-items: center;
}

.testimonial-carousel .owl-nav [class*=owl-]:hover,
.partner-carousel .owl-nav [class*=owl-]:hover {
    background: #333;
}

.testimonial-carousel .owl-prev,
.partner-carousel .owl-prev {
    position: absolute;
    top: 35%;
    left: 0px;
    z-index: 9;
}

.testimonial-carousel .owl-nav .owl-next,
.partner-carousel .owl-nav .owl-next {
    position: absolute;
    top: 35%;
    right: 0px;
    z-index: 9;
}

.testimonial-carousel .testimonial-item,
.testomnial-group .testimonial-item {
    cursor: pointer;
}

.partner-carousel .item a {
    margin-bottom: 15px;
    height: 90px;
    background-color: #fff;
}

.partner-carousel .owl-nav [class*=owl-],
.partner-carousel .owl-nav [class*=owl-]:hover {
    width: auto;
    height: auto;
    background: transparent;
}

.partner-carousel .owl-nav .owl-next {
    right: -15px;
}

.partner-carousel .owl-nav .owl-prev {
    left: -15px;
}

.partner-carousel .item a img {
    max-height: 70px;
    width: auto;
}

.page-header nav span,
.page-header nav a {
    color: #fff;
}

.team-item h5 a {
    color: #000;
}

.video-wrapper {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}

.youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.youtube iframe,
.youtube object,
.youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.swal2-popup .swal2-styled.swal2-confirm {
    background-color: var(--primary) !important;
}

.single-header__info small {
    border: none !important;
    padding-right: 20px;
}

.wrap-box__img {
    overflow: hidden;
}

.wrap-box__img a img {
    width: 100%;
    height: auto;
}

.wrap-box__img a {
    display: block;
}

.wrap-box__img figcaption {
    background-color: var(--primary);
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    color: #fff;
    width: 60px;
    height: 60px;
    padding: 15px;
    line-height: 1;
}

.wrap-box__img figcaption strong {
    display: block;
    margin-bottom: 10px;
}

/*.wrap-box__caption h4{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}*/
.wrap-box__caption h4 a {
    font-size: 19px;
    color: var(--primary);
}

.wrap-box:hover .wrap-box__caption h4 a {
    color: var(--other);
}

.navigation,
.navigation ul,
.navigation ul li,
.navigation ul li a {
    list-style: none;
    line-height: 0;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*.navigation ul li ul li {
    -webkit-box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.21);
    box-shadow: 0px 0px 25px 0px rgba(50, 50, 50, 0.21);
}*/

.navigation ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.navigation:after,
.navigation>ul:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/*.navigation > ul > li {
    display: table-cell;
    width: 1%;
}*/

.navigation>ul>li>a {
    color: #000;
    display: block;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    padding: 0 20px;
    text-transform: uppercase;
    white-space: nowrap;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
    font-weight: 600;
    height: 35px;
    padding-top: 4px;
}

.navigation ul li:first-child a {
    margin-left: 0
}

.navigation ul li:last-child a {
    margin-right: 0;
}

.navigation>ul>li:hover>a,
.navigation>ul>li.active>a {
    color: var(--primary);
}


.navigation>ul>li.active>a:hover:before,
.navigation>ul>li.active>a:focus:before,
.navigation>ul>li.active>a:active:before {
    display: none;
}

.navigation ul ul {
    position: absolute;
    left: -9999px;
    top: 40px;
    width: 200px;
    z-index: 999;
    padding-top: 15px;
    opacity: 0;
    -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
    -o-transition: top 0.2s ease, opacity 0.2s ease-in;
    transition: top 0.2s ease, opacity 0.2s ease-in;
}

.navigation ul ul ul {
    width: auto;
}

.navigation.align-right ul ul {
    text-align: right;
}

.navigation>ul>li>ul::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: var(--primary);
    top: -1px;
    left: 30%;
}

.navigation.align-right>ul>li>ul::after {
    left: auto;
    right: 20px;
}

.navigation ul ul ul::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-right-color: var(--primary);
    top: 12px;
    left: -8px;
}

.navigation.align-right ul ul ul::after {
    border-right-color: transparent;
    border-left-color: #387002;
    left: auto;
    right: -4px;
}

.navigation>ul>li:hover>ul {
    top: 28px;
    left: -25px;
    opacity: 1;
}

.navigation.align-right>ul>li:hover>ul {
    left: auto;
    right: 0;
}

.navigation ul ul ul {
    padding-top: 0;
    padding-left: 6px;
}

.navigation.align-right ul ul ul {
    padding-right: 6px;
}

.navigation ul ul>li:hover>ul {
    left: 200px;
    top: 0;
    opacity: 1;
}

.navigation.align-right ul ul>li:hover>ul {
    left: auto;
    right: 100%;
    opacity: 1;
}

.navigation ul ul li a {
    background-color: var(--primary);
    border-bottom: 1px solid var(--primary);
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    text-decoration: none;
    padding: 0 10px 0 25px;
    line-height: 36px;
    width: 200px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

.navigation ul ul li:last-child a {
    border-bottom: none;
}

.navigation ul ul li a::before {
    font-family: "Font Awesome 5 Free";
    content: "\f101";
    position: absolute;
    top: 0;
    left: 10px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.navigation ul ul li:hover>a,
.navigation ul ul li>a:hover,
.navigation ul ul li>a:focus {
    background-color: var(--other);
    color: #fff;
}

.navigation ul ul li.active>a {
    background-color: var(--other);
    color: #fff;
}

.navigation ul ul li:hover>a::before,
.navigation ul ul li>a:hover:before,
.navigation ul ul li>a:focus:before {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.navigation ul ul li.active>a::before {
    color: #fff;
}

.header-sm {
    background-color: #fff !important;
    padding: 5px 0;
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.header-sm .logo img {
    max-height: 40px;
    margin: auto;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    width: auto;
}

#hamburger {
    top: -2px;
    right: 15px;
    background-color: transparent;
}

#hamburger:before,
#hamburger:after,
#hamburger span {
    background-color: var(--primary);
}

.language-dk {
    margin-left: 25px;
}

.language-sm {
    position: absolute;
    right: 65px;
    top: 8px;
}

.language-sm li {
    list-style: none;
}

.language-dk img,
.language-sm img {
    height: 16px !important;
    width: auto !important;
}

.footer-menu ul li {
    display: inline-block;
    padding: 0 15px;
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.google-form iframe {
    width: 100%
}

.team-item.bg-light {
    height: 100%;
}

.calendly-inline-widget .VJL48qbQzWENTFAh1Knk {
    display: none !important;
}

.register-home {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    background-attachment: fixed;
}

/*.register-home:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(110deg, rgb(251, 251, 251) 0%, rgb(251, 251, 251) 50%, rgba(0, 0, 0, 0) 100%);
}*/
.register-home .container {
    position: relative;
    z-index: 1;
}

/*.frm-register *{
    color: #fff;
}*/
.form-1 {
    border-radius: 1.25em;
    background: #F4F8FC;
    border: 0.25rem solid rgba(190, 190, 190, 0.4);
    padding: 1.5rem;
}

.register-home button {
    bottom: 7px;
    right: 0px !important;
}

.register-home button:focus {
    outline: none;
    box-shadow: none;

}

.left .avatar {
    position: relative;
}

.avatar img {
    border-radius: 10px;
    width: 65%;
}

.avatar .info-contact {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.avatar .info-contact ul {
    margin: 0;
    padding: 0;
}

.avatar .info-contact ul li {
    overflow: hidden;
    list-style: none;
    border-radius: 5px;
    box-shadow: -10px 17.3px 25px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    padding: 21px 19px 21px 35px;
    margin-bottom: 20px;
    max-width: 273px;
    text-align: left;
    padding: 21px 10px 21px 30px;
}

.avatar .info-contact ul li.title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: .36px;
    color: #333;
    padding-left: 21px;
    text-transform: uppercase;


}

.avatar .info-contact ul li i {
    display: inline-block;
    margin-left: -21px;
    color: var(--primary);
    padding: 1px;
}

.avatar .info-contact ul li a {
    line-height: 1.63;
    letter-spacing: .32px;
    color: #666;
    margin-left: 10px;
}

.avatar .info-contact ul li.info-description p {
    line-height: 1.5;
    letter-spacing: .32px;
    color: #666;
    margin-left: 10px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
}

.right .content-info .title-info {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .8px;
    color: #333;
    margin: 0 0 15px;
    max-width: 490px;
}

.right .content-info .about-info {
    line-height: 1.63;
    letter-spacing: .32px;
    color: #666;
    margin-bottom: 40px;
}

.right .content-info a {
    display: inline-block;
    font-size: .938rem;
    font-weight: 500;
    letter-spacing: .3px;
    color: #333;
    padding: 10px 40px !important;
    height: 48px !important;
    border-radius: 24px;
    background: #fff;
    position: relative;
    z-index: 0;
    transition: all .2s;
    line-height: 1.7;
    border: 1px solid var(--primary);
    color: var(--primary);
}

.right .content-info a:hover {
    color: #fff;
    background-color: var(--primary);
}

.footer {
    background-color: var(--primary) !important;
}

/*.footer *{color: #fff !important;}*/
.map-brans__img {
    width: 40%;
}

.map-brans__img img {
    width: 100%;
    height: auto;
}

.map-brans__info {
    width: 60%;
    padding-left: 15px;
    color: #000;
}

.map-brans__info h5 {
    color: #000;
    font-weight: 700;
}

.map-brans__info p {
    color: #000;
}

.wrap-statics {
    background: rgb(153 204 51 / 30%);
    height: 100%;
    padding: 15px 30px;
}

.wrap-statics .sub-title-statics {
    font-size: 14px;
    color: #000;
    margin-bottom: 7px;
}

.wrap-statics .title-statics {
    font-size: 25px;
    color: #000;
    font-weight: 700;
    margin-bottom: 30px;
    line-height: 26px;
}

.main-statics__box {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 3px 6px 0px var(--primary);
    -webkit-box-shadow: 0px 3px 6px 0px var(--primary);
    -o-box-shadow: 0px 3px 6px 0px var(--primary);
    -ms-box-shadow: 0px 3px 6px 0px var(--primary);
    padding: 20px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.main-statics__box .icon i {
    font-size: 30px;
    color: var(--primary);
}

.main-statics__box:hover {
    background-color: var(--primary);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.main-statics__box:hover * {
    color: #fff !important;
}

/*.banner-header img{
    display: none;
}*/
.whyus-mar-home {
    padding: 45px 0px 55px 0px;
    background-image: var(--bg-reason-home);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

.whyus-mar-home .why-title h2 {
    color: #fff;
    font-size: 32px;
    line-height: 45px;
}

.whyus-mar-home .container {
    max-width: calc(100% - 100px);
}


.main-reason__box {
    padding: 16px 13px 26px 13px;
    border: 1px solid #FFFFFF36;
    border-radius: 20px;
    margin-bottom: 25px;
}

.main-reason__box:hover {
    border-color: #fff;
}

.main-reason__box h4 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    ;
    color: #fff;
}

.box-reason__caption {
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.main-reason--left .main-reason__box:nth-child(odd) {
    position: relative;
    right: -85px;
}

.main-reason--right .main-reason__box:nth-child(odd) {
    position: relative;
    left: -85px;
}

.main-reason__img img {
    max-height: 475px;
}

.product-block {
    border: 1.2px solid #ccc;
    border-radius: 9px;
    position: relative;
    height: 100%;
    overflow: hidden !important;
}

.product-block .product-img {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    overflow: hidden !important;
}

.product-block .product-img img {
    webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    width: 100%;
    height: auto;
}

.product-block:hover .product-img img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.product-block .product-detail {
    padding: 10px;
    text-align: center;
}

.product-block .product-detail h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 18px;
}

.product-block .product-detail h3 a {
    font-size: 22px;
}

.box-pro-prices,
.box-pro-prices span {
    color: #000;
    font-size: 15px;
    margin-right: 5px;
}

.box-pro-prices span+span {
    opacity: 0.6;
    text-decoration: line-through;
}

.product-order h1 {
    font-size: 20px;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.product-order__price {
    font-size: 1.5em;
    margin: 0.5em 0;
    font-weight: bolder;
    margin: 0 -3px;
}

.product-order__price span {
    padding: 0 3px;
}

.product-order__price span.sale-price+span {
    opacity: 0.6;
    text-decoration: line-through;
    font-weight: 400;
}

.product-order__booking .js-quantity-minus {
    order: 1;
    width: 40px;
    height: 40px;
    color: #000;
}

.product-order__booking button {
    border: 1px solid #000;
    background-color: #f9f9f9;
}

.product-order__booking .js-quantity-plus {
    order: 3;
    width: 40px;
    height: 40px;
    color: #000;
}

.product-order__booking input[type="number"] {
    width: 100px;
    height: 40px;
    order: 2;
    border: 1px solid #000;
    margin: 0 3px;
    text-align: center;
}

.product-order__booking input[type="number"]::-webkit-outer-spin-button,
.product-order__booking input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.product-order__booking input[type="number"] {
    -moz-appearance: textfield;
}

.product-order__booking .c-product-grid__atc {
    order: 4;
    margin-left: 5px !important;
    background-color: var(--primary) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center;
    border-radius: 10px !important;
}

.product-order__booking .added_to_cart {
    order: 5;
    margin-left: 5px !important;
    background-color: #fff;
    color: #000 !important;
    padding: 0 10px !important;
    border: 1px solid var(--primary);
    display: flex !important;
    align-items: center;
    height: 40px;
}

.product-order__booking .added_to_cart:hover {
    background-color: var(--primary) !important;
    color: #fff !important;
}

.product-order__booking a.button.loading:after {
    top: 13px !important;
}

.product_meta {
    font-size: .8em;
    margin-bottom: 1em;
}

.product_meta>span {
    display: block;
    border-top: 1px dotted #ddd;
    padding: 5px 0;
}

.wc-block-cart-item__image img {
    max-height: 80px;
}

.wc-block-components-product-metadata__description p img {
    display: none;
}

.wc-block-cart__submit-container a,
.wc-block-components-totals-coupon__button {
    background-color: var(--primary);
    color: #fff;
    border-radius: 5px;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    max-width: 48% !important;
}

.wc-block-components-shipping-calculator-address__button {
    background-color: var(--primary);
    color: #fff;
}


.page-faq__group .card {
    margin-bottom: 20px;
    border: none;
}

.page-faq__group .card .card-header {
    position: relative;
    height: 75px;
    line-height: 58px;
    background: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
    cursor: pointer;
    padding: 0;
    border-bottom: none;
}

.page-faq__group .card .card-header a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 10px;
    padding: 18px 10px;
    border: 1px solid var(--primary);
    /*    background: -webkit-linear-gradient(to right, #46a0c1, #386373);*/
    background: var(--primary);
    color: #fff;
    ms-flex-pack: distribute !important;
    justify-content: space-around !important;
    min-height: 75px;
}

.page-faq__group .card .card-header:hover a,
.page-faq__group .card .card-header a:not(.collapsed) {}

.page-faq__group .card .card-header a h5 {
    color: #fff;
    font-size: 16px;
    width: 90%;
}

.page-faq__group .card .card-header i.icon {
    width: 30px;
    height: 30px;
    position: relative;
}

.page-faq__group .card .card-header a.collapsed .icon:after {
    content: "";
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 35px;
    background: url(resources/images/plus.png) center no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}

.page-faq__group .card .card-header a:not(.collapsed) .icon:after {
    content: "";
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 35px;
    background: url(resources/images/minus.png) center no-repeat;
    position: absolute;
    right: 0;
    top: 1;
}

.page-faq__group .card .card-header a:not(.collapsed) .icon:before {
    content: "";
    width: 30px;
    height: 30px;
    background: var(--other);
    z-index: 0;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 30px;
}

.page-faq__group .card .card-body {
    padding-left: 0;
    padding-right: 0;
    line-height: 27px;
    font-size: 14px;
    color: #000;
}

.wc-block-components-checkout-place-order-button span,
.wc-block-checkout__actions_row a {
    padding: 10px 50px !important;
    display: block !important;
    text-align: center;
    background-color: var(--primary);
    color: #fff !important;
    border-radius: 15px;
}

.wc-block-components-spinner {
    padding: 0 !important;
    height: 44px;
    max-width: 182px !important;
}

.order-now {
    margin: 0 -7.5px;
    max-width: 376px;
}

.order-now>div {
    padding: 0 7.5px;
    width: 50%;
}

.order-now a,
.order-now a:hover,
.order-now a:focus {
    background-color: var(--primary);
    color: #fff;
    border-radius: 10px;
    padding: 8px 18px;
    font-size: 15px;
    font-weight: 700;
}

.order-now a i {
    font-size: 20px;
    margin-right: 5px;
}

.navigation ul li.gird-sub-menu,
.navigation ul {
    position: unset;
}

.navigation ul li.gird-sub-menu>ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    left: 0;
    top: 100%;
    /*    border: 1px solid #ccc;*/
    background: rgba(255, 255, 255, .9);
    /*    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;*/
    padding: 10px 100px;
    z-index: 99;
}

.navigation ul li.gird-sub-menu>ul:after {
    display: none;
}

.navigation ul li.gird-sub-menu>ul li {
    width: 25%;
}

.navigation ul li.gird-sub-menu>ul li a:before,
.navigation ul li.gird-sub-menu ul ul::after {
    display: none;
}

.navigation ul li.gird-sub-menu ul li a {
    color: #000;
    background-color: transparent !important;
    border-bottom: none;
    white-space: normal;
    line-height: 25px;
    width: 100%;
}

.navigation ul li.gird-sub-menu ul li a:hover {
    color: var(--primary);
}

.navigation ul li.gird-sub-menu ul ul {
    position: static;
    display: block;
    opacity: 1;
    background-color: transparent !important;
}

.navigation ul li.gird-sub-menu ul ul li,
.navigation ul li.gird-sub-menu ul ul a {
    width: 100%;
    padding-left: 10px;
    font-weight: 500;
}

.course-block {
    background-image: var(--bg-course-home);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

.section-collection {
    background-image: var(--bg-product-home);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
    width: 60px !important;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: var(--primary) !important;
}

.woocommerce form .form-row input {
    height: 40px;
    border-radius: 10px;
}

#billing_country_field {
    display: none;
}

.navigation>ul>li>a i {
    font-size: 12px;
    margin-left: 5px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navigation>ul>li:hover>a i {
    transform: rotate(180deg);
}

.box-form {
    background: white;
    border-radius: 10px;
    margin: 0 auto;
    max-width: 1024px;
    border: 1px solid #2576b9;

    box-shadow: 8px 8px 0 0 rgba(96, 125, 139, 0.5);
    z-index: 3;
    position: relative;
    margin: 0 -7.5px;
}

.box-form .control-form-title {
    width: 35%;
    padding: 0 7.5px;
    overflow: hidden;
    height: 243px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
}

.box-form .frm-register {
    width: 65%;
    padding: 20px 7.5px 20px 20px;
}


.control-form-title.form-add-ace::after {
    position: absolute;
    content: "";
    height: 600px;
    width: 600px;
    background: #ffd95c;
    border-radius: 50%;
    top: 50%;
    left: -98%;
    z-index: 1;
    transform: translateY(-50%);
}

.control-form-title .title-content {
    text-transform: uppercase;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.25px;
    line-height: 42px;
    color: white;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
    text-align: center;
    max-width: 690px;
    text-align: center;
    color: #fff;
    text-shadow: #2576b9 9px 0px 0px, #2576b9 8.9445px 0.997944px 0px, #2576b9 8.77869px 1.98358px 0px, #2576b9 8.50461px 2.94475px 0px, #2576b9 8.12565px 3.86961px 0px, #2576b9 7.64647px 4.74674px 0px, #2576b9 7.07299px 5.56533px 0px, #2576b9 6.41227px 6.31528px 0px, #2576b9 5.67248px 6.98735px 0px, #2576b9 4.86272px 7.57324px 0px, #2576b9 3.99299px 8.06573px 0px, #2576b9 3.07402px 8.45875px 0px, #2576b9 2.11714px 8.74744px 0px, #2576b9 1.13414px 8.92825px 0px, #2576b9 0.137162px 8.99895px 0px, #2576b9 -0.861512px 8.95867px 0px, #2576b9 -1.84956px 8.8079px 0px, #2576b9 -2.8148px 8.5485px 0px, #2576b9 -3.74532px 8.18368px 0px, #2576b9 -4.62965px 7.71792px 0px, #2576b9 -5.45689px 7.15698px 0px, #2576b9 -6.21682px 6.50777px 0px, #2576b9 -6.90009px 5.77831px 0px, #2576b9 -7.49825px 4.97757px 0px, #2576b9 -8.00394px 4.11545px 0px, #2576b9 -8.41092px 3.20258px 0px, #2576b9 -8.71416px 2.2502px 0px, #2576b9 -8.90993px 1.27008px 0px, #2576b9 -8.99582px 0.274291px 0px, #2576b9 -8.97076px -0.72488px 0px, #2576b9 -8.83507px -1.71511px 0px, #2576b9 -8.59041px -2.68419px 0px, #2576b9 -8.23981px -3.62017px 0px, #2576b9 -7.78758px -4.51149px 0px, #2576b9 -7.23931px -5.34718px 0px, #2576b9 -6.60176px -6.11692px 0px, #2576b9 -5.88279px -6.81122px 0px, #2576b9 -5.09127px -7.42152px 0px, #2576b9 -4.23696px -7.94029px 0px, #2576b9 -3.33039px -8.36113px 0px, #2576b9 -2.38275px -8.67885px 0px, #2576b9 -1.40572px -8.88954px 0px, #2576b9 -0.411357px -8.99059px 0px, #2576b9 0.58808px -8.98077px 0px, #2576b9 1.58026px -8.86018px 0px, #2576b9 2.55296px -8.63032px 0px, #2576b9 3.49417px -8.29402px 0px, #2576b9 4.39229px -7.85543px 0px, #2576b9 5.23623px -7.31996px 0px, #2576b9 6.0156px -6.69422px 0px, #2576b9 6.72078px -5.98591px 0px, #2576b9 7.34307px -5.20378px 0px, #2576b9 7.87479px -4.35748px 0px, #2576b9 8.3094px -3.45743px 0px, #2576b9 8.64153px -2.51474px 0px, #2576b9 8.86709px -1.54104px 0px, #2576b9 8.98328px -0.548328px 0px;
}

.control-form-title .title-content span {
    color: #ffd95c !important;
}

.control-form-title .title-content .text-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #2576b9;
    top: 5px;
    left: 4px;
    z-index: -1;
    text-shadow: #2576b9 13px 0px 0px, #2576b9 12.9616px 0.999014px 0px, #2576b9 12.8465px 1.99212px 0px, #2576b9 12.6554px 2.97344px 0px, #2576b9 12.3895px 3.93718px 0px, #2576b9 12.0503px 4.87763px 0px, #2576b9 11.6398px 5.78924px 0px, #2576b9 11.1605px 6.66661px 0px, #2576b9 10.6152px 7.50454px 0px, #2576b9 10.0071px 8.2981px 0px, #2576b9 9.3398px 9.04258px 0px, #2576b9 8.61728px 9.73357px 0px, #2576b9 7.8438px 10.367px 0px, #2576b9 7.02393px 10.9391px 0px, #2576b9 6.16252px 11.4465px 0px, #2576b9 5.26466px 11.8863px 0px, #2576b9 4.33566px 12.2557px 0px, #2576b9 3.38103px 12.5526px 0px, #2576b9 2.40639px 12.7753px 0px, #2576b9 1.41753px 12.9225px 0px, #2576b9 0.420279px 12.9932px 0px, #2576b9 -0.579456px 12.9871px 0px, #2576b9 -1.57576px 12.9041px 0px, #2576b9 -2.56275px 12.7449px 0px, #2576b9 -3.53458px 12.5103px 0px, #2576b9 -4.48551px 12.2016px 0px, #2576b9 -5.40991px 11.8209px 0px, #2576b9 -6.30231px 11.3702px 0px, #2576b9 -7.15744px 10.8522px 0px, #2576b9 -7.97024px 10.2701px 0px, #2576b9 -8.7359px 9.62725px 0px, #2576b9 -9.4499px 8.92745px 0px, #2576b9 -10.108px 8.17486px 0px, #2576b9 -10.7063px 7.37391px 0px, #2576b9 -11.2413px 6.52935px 0px, #2576b9 -11.7099px 5.64618px 0px, #2576b9 -12.1091px 4.72961px 0px, #2576b9 -12.4368px 3.78508px 0px, #2576b9 -12.6909px 2.81815px 0px, #2576b9 -12.8699px 1.83456px 0px, #2576b9 -12.9728px 0.840119px 0px, #2576b9 -12.999px -0.159292px 0px, #2576b9 -12.9483px -1.15776px 0px, #2576b9 -12.8211px -2.14938px 0px, #2576b9 -12.618px -3.12829px 0px, #2576b9 -12.3403px -4.0887px 0px, #2576b9 -11.9896px -5.02492px 0px, #2576b9 -11.568px -5.93143px 0px, #2576b9 -11.078px -6.80286px 0px, #2576b9 -10.5224px -7.63405px 0px, #2576b9 -9.90465px -8.42009px 0px, #2576b9 -9.2283px -9.15634px 0px, #2576b9 -8.49737px -9.83843px 0px, #2576b9 -7.71618px -10.4623px 0px, #2576b9 -6.88936px -11.0244px 0px, #2576b9 -6.0218px -11.5212px 0px, #2576b9 -5.11862px -11.9499px 0px, #2576b9 -4.18517px -12.3079px 0px, #2576b9 -3.22696px -12.5931px 0px, #2576b9 -2.24967px -12.8039px 0px, #2576b9 -1.25908px -12.9389px 0px, #2576b9 -0.261039px -12.9974px 0px, #2576b9 0.738545px -12.979px 0px, #2576b9 1.73376px -12.8839px 0px, #2576b9 2.71872px -12.7125px 0px, #2576b9 3.68761px -12.466px 0px, #2576b9 4.63468px -12.1458px 0px, #2576b9 5.55435px -11.7537px 0px, #2576b9 6.44116px -11.2921px 0px, #2576b9 7.28988px -10.7637px 0px, #2576b9 8.09548px -10.1717px 0px, #2576b9 8.85321px -9.51949px 0px, #2576b9 9.55858px -8.81099px 0px, #2576b9 10.2074px -8.05039px 0px, #2576b9 10.7959px -7.24217px 0px, #2576b9 11.3205px -6.39112px 0px, #2576b9 11.7782px -5.50227px 0px, #2576b9 12.1662px -4.58088px 0px, #2576b9 12.4822px -3.6324px 0px, #2576b9 12.7244px -2.66244px 0px, #2576b9 12.8914px -1.67673px 0px, #2576b9 12.9821px -0.681097px 0px;
}

.control-form-title .title-content .text-shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 9px;
    left: 9px;
    z-index: -2;
    color: white;
    text-shadow: #90a4ae 13px 0px 0px, #90a4ae 12.9616px 0.999014px 0px, #90a4ae 12.8465px 1.99212px 0px, #90a4ae 12.6554px 2.97344px 0px, #90a4ae 12.3895px 3.93718px 0px, #90a4ae 12.0503px 4.87763px 0px, #90a4ae 11.6398px 5.78924px 0px, #90a4ae 11.1605px 6.66661px 0px, #90a4ae 10.6152px 7.50454px 0px, #90a4ae 10.0071px 8.2981px 0px, #90a4ae 9.3398px 9.04258px 0px, #90a4ae 8.61728px 9.73357px 0px, #90a4ae 7.8438px 10.367px 0px, #90a4ae 7.02393px 10.9391px 0px, #90a4ae 6.16252px 11.4465px 0px, #90a4ae 5.26466px 11.8863px 0px, #90a4ae 4.33566px 12.2557px 0px, #90a4ae 3.38103px 12.5526px 0px, #90a4ae 2.40639px 12.7753px 0px, #90a4ae 1.41753px 12.9225px 0px, #90a4ae 0.420279px 12.9932px 0px, #90a4ae -0.579456px 12.9871px 0px, #90a4ae -1.57576px 12.9041px 0px, #90a4ae -2.56275px 12.7449px 0px, #90a4ae -3.53458px 12.5103px 0px, #90a4ae -4.48551px 12.2016px 0px, #90a4ae -5.40991px 11.8209px 0px, #90a4ae -6.30231px 11.3702px 0px, #90a4ae -7.15744px 10.8522px 0px, #90a4ae -7.97024px 10.2701px 0px, #90a4ae -8.7359px 9.62725px 0px, #90a4ae -9.4499px 8.92745px 0px, #90a4ae -10.108px 8.17486px 0px, #90a4ae -10.7063px 7.37391px 0px, #90a4ae -11.2413px 6.52935px 0px, #90a4ae -11.7099px 5.64618px 0px, #90a4ae -12.1091px 4.72961px 0px, #90a4ae -12.4368px 3.78508px 0px, #90a4ae -12.6909px 2.81815px 0px, #90a4ae -12.8699px 1.83456px 0px, #90a4ae -12.9728px 0.840119px 0px, #90a4ae -12.999px -0.159292px 0px, #90a4ae -12.9483px -1.15776px 0px, #90a4ae -12.8211px -2.14938px 0px, #90a4ae -12.618px -3.12829px 0px, #90a4ae -12.3403px -4.0887px 0px, #90a4ae -11.9896px -5.02492px 0px, #90a4ae -11.568px -5.93143px 0px, #90a4ae -11.078px -6.80286px 0px, #90a4ae -10.5224px -7.63405px 0px, #90a4ae -9.90465px -8.42009px 0px, #90a4ae -9.2283px -9.15634px 0px, #90a4ae -8.49737px -9.83843px 0px, #90a4ae -7.71618px -10.4623px 0px, #90a4ae -6.88936px -11.0244px 0px, #90a4ae -6.0218px -11.5212px 0px, #90a4ae -5.11862px -11.9499px 0px, #90a4ae -4.18517px -12.3079px 0px, #90a4ae -3.22696px -12.5931px 0px, #90a4ae -2.24967px -12.8039px 0px, #90a4ae -1.25908px -12.9389px 0px, #90a4ae -0.261039px -12.9974px 0px, #90a4ae 0.738545px -12.979px 0px, #90a4ae 1.73376px -12.8839px 0px, #90a4ae 2.71872px -12.7125px 0px, #90a4ae 3.68761px -12.466px 0px, #90a4ae 4.63468px -12.1458px 0px, #90a4ae 5.55435px -11.7537px 0px, #90a4ae 6.44116px -11.2921px 0px, #90a4ae 7.28988px -10.7637px 0px, #90a4ae 8.09548px -10.1717px 0px, #90a4ae 8.85321px -9.51949px 0px, #90a4ae 9.55858px -8.81099px 0px, #90a4ae 10.2074px -8.05039px 0px, #90a4ae 10.7959px -7.24217px 0px, #90a4ae 11.3205px -6.39112px 0px, #90a4ae 11.7782px -5.50227px 0px, #90a4ae 12.1662px -4.58088px 0px, #90a4ae 12.4822px -3.6324px 0px, #90a4ae 12.7244px -2.66244px 0px, #90a4ae 12.8914px -1.67673px 0px, #90a4ae 12.9821px -0.681097px 0px;
}

.normal-form .form-control {
    width: 50%;
    border: none;
    background-color: transparent;

    position: relative;
}

.normal-form .form-control input {
    outline: none;
    height: 100%;
    width: 100%;
    font-size: 18px;
    letter-spacing: 0.25px;
    border: none;
    padding-bottom: 8px;
    border-bottom: 1px solid #607d8b;
}

.normal-form .group-input {
    margin: 5px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.box-btn-submit {
    width: 100%;
    background: white;
    border-radius: 100px;
    text-align: center;
}
.box-btn-submit p{
    margin: 0px !important;
}
.frm-register{
    padding: 0px !important;
}
.frm-register .wpcf7{
    padding: 20px 10px !important;
}
.frm-register .wpcf7-form{
    margin-top: 20px;
}
.box-btn-submit .btn-submit {
    border-radius: 100px;
    background-color: #ffd95c;
    padding: 15px 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--primary) !important;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    display: block;
    width: 100%;
}

.SumoSelect>.optWrapper>.options {
    max-height: 212px !important;
}
@media screen and (max-width: 575px){
.SumoSelect>.optWrapper>.options {
    max-height: 100% !important;
}
}
.SumoSelect .select-all.partial>span i,
.SumoSelect .select-all.selected>span i,
.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i {
    background-color: var(--primary) !important;
}

.SumoSelect>.CaptionCont {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #607d8b;
}

.SumoSelect {
    width: 100% !important;
}

.btn-register {
    background: var(--primary);
    padding: 7px 15px;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    z-index: 999;
}

.btn-register a {
    color: #fff;
}

.zalo-container img {
    max-width: 100% !important;
    height: 21px !important;
    width: auto !important;
    margin: 0 auto 0 7px !important;
    border-radius: 5px !important;
}

/*---Responsive---*/
@media screen and (max-width:1387px) {
    .main-reason--left .main-reason__box:nth-child(odd) {
        right: -65px;
    }
}

@media screen and (min-width:1200px) {
    .header-carousel a img {
        height: calc(100vh - 75px) !important;
        object-fit: cover;
    }
}

@media screen and (max-width:1200px) {

    /* .navigation > ul > li > a{font-size:12px;}
    .main-reason--left .main-reason__box:nth-child(odd){
        right: -45px;
    }*/
    .main-reason--left .main-reason__box:nth-child(odd),
    .main-reason--right .main-reason__box:nth-child(odd) {
        position: static;
        height: 100%;
    }

    .navigation ul li.gird-sub-menu>ul {
        padding-left: 35px;
        padding-right: 35px;
    }

    .control-form-title .title-content {
        font-size: 18px;
    }

    .control-form-title.form-add-ace::after {
        height: 318px;
        width: 389px;
        left: -50%;
    }
}

@media screen and (max-width:1024px) {
    .control-form-title.form-add-ace::after {
        height: 298px;
        width: 341px;
        left: -56%;
    }

    .control-form-title .title-content {
        font-size: 16px;
    }
}

@media screen and (max-width:991px) {

    .main-reason--left .main-reason__box:nth-child(odd),
    .main-reason--right .main-reason__box:nth-child(odd) {
        position: static;
    }

    .box-form .control-form-title,
    .box-form .frm-register {
        width: 100%;
    }

    .control-form-title.form-add-ace::after {
        width: 106%;
        top: -10%;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 320px;
    }

    .box-form .control-form-title {
        height: 148px;
    }

    .box-form .frm-register {
        padding-top: 0;
    }
}

@media screen and (min-width:768px) {
    .pl-md-0 {
        padding-left: 0;
    }

    .pr-md-0 {
        padding-right: 0;
    }

    /*#header .logo{
        width: 20%;
    }*/
    .navigation {
        width: 80%;
    }
}

@media screen and (max-width:767px) {
    .avatar .info-contact {
        position: static;
        transform: translateY(0);
        margin-top: 30px;
    }

    .banner-header img {
        display: block;
    }

    .page-header {
        min-height: unset !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
        margin-top: 5px;
    }

    .box-reason__caption {
        font-size: 15px !important;
    }

    .whyus-mar-home .why-title h2 {
        font-size: 19px !important;
    }

    .main-reason__box h4 {
        font-size: 17px !important;
    }

    .whyus-mar-home .container {
        max-width: 100% !important;
    }

    .whyus-mar-home .why-title h2 {
        font-size: 27px;
    }

    .section-title::before,
    .section-title::after {
        display: none;
    }

    .normal-form .form-control {
        width: 100%;

    }

    .normal-form .group-input {
        margin: 5px 0 !important;
    }

    .box-btn-submit .btn-submit {
        margin-top: 20px;
    }
}