/*
 * 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: 15.2
 * Theme Author: info@nrglobal.vn
 * Author: Cristian Dev
 * Author URI: info@nrglobal.vn
 * Textdomain: nrglobal
 */
:root{
	--color1: #ec1c24;
    --color2: #ffa900 ;
}
.copyright{
    background-color: var(--color1);
}
.text-white{
	color: #fff;
}
.time-event,
.moto-widget-text-content{
	font-size: 16px;
	line-height: 30px;
}
.py-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.over-section h2,
.heading-section h2{
	font-size: 40px;
	font-weight: 400;
    font-family: 'Merriweather', serif
}
.over-section .description{
	color: #858585;
	font-size: 16px;
}
.process {
    padding: 0;
    list-style: none;
}
.process li {
    position: relative;
    display: flex;
    padding-bottom: 25px;
}
.process li span {
    position: relative;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #fff;
    background: var(--color1);
    border-radius: 40px;
    z-index: 1;
}
.process li h5{
	font-weight: 500;
	font-size: 20px;
}
.process li p {
    margin: 0;
    text-align: justify;
}
.process li::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    left: 20px;
    background: var(--color1);
}
.process li:last-child::after {
    display: none;
}
.ftco-section {
    padding: 7em 0;
    position: relative;
}
.heading-section h2 {
    z-index: -1;
    font-size: 60px;
    font-weight: 300;
    position: relative;
}
/*.ftco-animate {
    opacity: 0;
    visibility: hidden;
}*/
.treatment .icon span {
    font-size: 60px;
    line-height: 1;
    color: var(--color1);
}
.treatment h3 {
    font-size: 20px;
}
.myaccordion {
    margin: 0 auto;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    background: #faf7ef;
}
.myaccordion h3{
    font-size: 25px;
    margin-bottom: 20px;
}
.myaccordion .card, .myaccordion .card:last-child .card-header {
    border: none;
    background: transparent;
}
.myaccordion .card-header {
    border-bottom-color: #e6e6e6;
    background: transparent;
}
.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-body ul {
    padding: 0;
}
.card-body ul li {
    font-size: 16px;
    font-weight: 400;
    list-style: none;
    margin-bottom: 15px;
}
.card-body ul li span:first-child {
    width: 60%;
}
.card-body ul li span {
    color: #000;
}
.card-body ul li span:nth-child(2) {
    width: 30%;
}
.card-body ul li span:last-child {
    width: 10%;
}
.myaccordion .btn {
    width: 100%;
    font-weight: normal;
    color: #000;
    padding: 0;
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 20px;
    text-decoration: none;
}

.frm-rgister{
    position: relative;
    background: var(--bg-live) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    display: block;
    padding: 50px 20px;
}
.box-live{
     box-shadow: 0 0 15px 0px #000;
    padding: 20px 40px;
}
.frm-rgister .formWrapper .form-group input, .frm-rgister .formWrapper .form-group textarea,
.frm-rgister .formWrapper .form-group select{
    border-radius: 20px;
    background: transparent;
    color: #fff;
    height: 40px;
    margin-top: 5px;
    font-size: 15px !important;
}
.frm-rgister .formWrapper .form-group select option{
    color: #000;
}

.frm-rgister .formWrapper{
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.14);
    background-color:rgb(0 0 0 / 30%);
    border: none;
    color: #fff;
}

.frm-rgister .formWrapper button{
    display: block;
    width: 100%;
}

.box-live h4{
    font-size: 35px;
    margin-bottom: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.box-live hr{
    border-top: 3px solid #fff;
    margin-bottom: 35px;
    width: 40px;
}
.box-live .live-demo-block__content{
    color: #fff;
}
.live-demo-block__btn{
    margin-top: 30px;
}
.live-demo-block__btn a,
.live-demo-block button{
    padding: 10px 25px;
    border-radius: 15px;
    color: #fff;
    font-size: 14px;
    background: -webkit-linear-gradient(top, #ffffffbf 0%, var(--color-2));
    background: linear-gradient(to bottom, #ffffffbf 0%, var(--color-2));
     transition: background 1s ease, background-position 1s ease;
     background-size: 100% 200%;
     background-position: 0 100%;
     border: none;
}
.live-demo-block__btn a:hover,
.live-demo-block button:hover{
    background: -webkit-linear-gradient(top, #ffffffbf 0%, #2a99c1);
  background: linear-gradient(to bottom, #ffffffbf 0%, #2a99c1);
  background-position: 0 0;
}

.from-register  .FormStandard__fields h3 {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
}

.formWrapper {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    border: 4px solid #2a99c1;
    position: relative;
    z-index: 9;
}

.FormStandard__subheading {
    ont-weight: 700;
    font-size: 20px;
    line-height: 26px;
}

.formWrapper i {
    color: #ff0000;
}

.formWrapper .form-group {
    margin-bottom: 15px;
}

.formWrapper .form-group input,
.formWrapper .form-group textarea {
    background: #F7F7F8;
    border: 1px solid #F7F7F8;
}

.formWrapper .form-group textarea {
    min-height: 100px;
}

.formWrapper button {
    padding: 6px 30px;
    border-radius: 10px;
}

.frm-rgister .formWrapper button {
    padding: 10px 25px;
    border-radius: 15px;
    color: #fff;
    font-size: 14px;
    background: var(--color2);
    background-size: 100% 200%;
    background-position: 0 100%;
    border: none;
}
.swal2-popup #swal2-content {
    font-size: 15px !important;
}
.swal2-popup .swal2-styled.swal2-confirm{
    background-color: var(--color1) !important;
}
.moto-widget-text ul li.social:before{
    display: none !important;
}
.moto-widget-text ul li.social{
    padding-left: 0;
    margin-right: 10px !important;
}
.moto-widget-text ul li.social a{
    font-size: 17px !important;
}
.moto-text_system_8.titleh3,
.moto-text_system_7.titleh3{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 57px;
    text-align: center;
    margin-bottom: 15px;
}
.moto-text_system_7.titleh3{
    text-align: center;
}
.moto-text_system_10,
.moto-text_normal.des{
    color: #000;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.moto-text_normal.des{
    text-align: center;
}
.wrapper-box{
    webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.show-full .moto-text_system_8.titleh3,
.show-full .moto-text_system_7.titleh3{
    overflow: visible;
    height: auto;
    min-height: 57px;
    display: block;
    -webkit-line-clamp: unset;
}
.show-full .moto-text_system_10, .show-full .moto-text_normal.des{
    overflow: visible;
    display: block;
    -webkit-line-clamp: unset;
}
.row{
    justify-content: center;
}
.bg-over{
    background: var(--bg-over) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
.bg-gird{
    background: var(--bg-gird) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}
.sticky-top{
    position: sticky;
    top: 0;
    z-index: 1024;
}
.moto-spacing-top-medium{
    padding-top: 10px;
}
.moto-widget-social-links-extended__list{
    text-align: center;
}
/*[id^="block-"]{
    padding: 7em 0 !important;
}*/

:root {
    scroll-behavior: auto !important;
}
.myaccordion{
    margin-bottom: 15px;
}
.multi{
    padding: 0;
    border: none;
    background: transparent;
    position: relative;
    margin-top: 4px;
    width: 100% !important;
}
.multi__display{
    background: transparent !important;
    border: 1px solid #fff !important;
    border-radius: 20px !important;
    height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.multi__dropdown{
    background: #fff;
    font-size: 15px;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
    border-radius: 10px;
}
.multi__li-item--selected{
    color: var(--color1);
}
@media screen and (min-width: 1200px){
    .banner-block{
        height: calc(100vh - 85px);
        display: flex;
        align-items: center;
    }
    .banner-content{
        padding-top:  0 !important;
        padding-bottom: 0 !important;
    }
}
@media screen and (min-width: 768px){
    .col-row {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media screen and (max-width: 767px){
    .FormStandard__field{
        flex-direction: column;
    }
    .FormStandard__field h3{
        margin-bottom: 15px;
    }
    .box-live{
        padding: 20px 15px;
    }
    .moto-text_system_8.titleh3, .moto-text_system_7.titleh3{
        min-height: 46px;
    }
}