.min-w-auto {
     min-width: auto !important;
 }

 .h-300 {
     height: 300px !important;
 }

 .h-400 {
     height: 400px !important;
 }

 .h-500 {
     height: 500px !important;
 }

 .h-540 {
     height: 540px !important;
 }

 .h-560 {
     height: 560px !important;
 }

 .h-600 {
     height: 600px !important;
 }

 .h-700 {
     height: 700px !important;
 }

 .h-100 {
     height: 100% !important;
 }

 .bg-white-soft {
     background-color: rgba(255, 255, 255, 0.3) !important;
 }

 .bg-primary-soft {
     background-color: rgba(33, 99, 232, 0.1) !important;
 }

 .bg-secondary-soft {
     background-color: rgba(89, 93, 105, 0.1) !important;
 }

 .bg-success-soft {
     background-color: rgba(12, 188, 135, 0.1) !important;
 }

 .bg-info-soft {
     background-color: rgba(79, 158, 248, 0.1) !important;
 }

 .bg-warning-soft {
     background-color: rgba(247, 195, 46, 0.15) !important;
 }

 .bg-danger-soft {
     background-color: rgba(214, 41, 62, 0.1) !important;
 }

 .bg-light-soft {
     background-color: rgba(247, 248, 249, 0.1) !important;
 }

 .bg-dark-soft {
     background-color: rgba(25, 26, 31, 0.1) !important;
 }

 .fill-primary {
     fill: #2163e8 !important;
 }

 .fill-secondary {
     fill: #595d69 !important;
 }

 .fill-success {
     fill: #0cbc87 !important;
 }

 .fill-info {
     fill: #4f9ef8 !important;
 }

 .fill-warning {
     fill: #f7c32e !important;
 }

 .fill-danger {
     fill: #d6293e !important;
 }

 .fill-light {
     fill: #f7f8f9 !important;
 }

 .fill-dark {
     fill: #191a1f !important;
 }

 .fill-white {
     fill: #fff !important;
 }

 .z-index-0 {
     z-index: 0 !important;
 }

 .z-index-9 {
     z-index: 9 !important;
 }

 .z-index-99 {
     z-index: 99 !important;
 }

 .z-index-n9 {
     z-index: -9 !important;
 }

 .opacity-0 {
     opacity: 0 !important;
 }

 .opacity-1 {
     opacity: 0.1 !important;
 }

 .opacity-2 {
     opacity: 0.2 !important;
 }

 .opacity-3 {
     opacity: 0.3 !important;
 }

 .opacity-4 {
     opacity: 0.4 !important;
 }

 .opacity-5 {
     opacity: 0.5 !important;
 }

 .opacity-6 {
     opacity: 0.6 !important;
 }

 .opacity-7 {
     opacity: 0.7 !important;
 }

 .opacity-8 {
     opacity: 0.8 !important;
 }

 .opacity-9 {
     opacity: 0.9 !important;
 }

 @media (min-width: 576px) {
     .h-sm-300 {
         height: 300px !important;
     }

     .h-sm-400 {
         height: 400px !important;
     }

     .h-sm-500 {
         height: 500px !important;
     }

     .h-sm-540 {
         height: 540px !important;
     }

     .h-sm-560 {
         height: 560px !important;
     }

     .h-sm-600 {
         height: 600px !important;
     }

     .h-sm-700 {
         height: 700px !important;
     }

     .h-sm-100 {
         height: 100% !important;
     }
 }

 @media (min-width: 768px) {
     .h-md-300 {
         height: 300px !important;
     }

     .h-md-400 {
         height: 400px !important;
     }

     .h-md-500 {
         height: 500px !important;
     }

     .h-md-540 {
         height: 540px !important;
     }

     .h-md-560 {
         height: 560px !important;
     }

     .h-md-600 {
         height: 600px !important;
     }

     .h-md-700 {
         height: 700px !important;
     }

     .h-md-100 {
         height: 100% !important;
     }
 }

 @media (min-width: 992px) {
     .h-lg-300 {
         height: 300px !important;
     }

     .h-lg-400 {
         height: 400px !important;
     }

     .h-lg-500 {
         height: 500px !important;
     }

     .h-lg-540 {
         height: 540px !important;
     }

     .h-lg-560 {
         height: 560px !important;
     }

     .h-lg-600 {
         height: 600px !important;
     }

     .h-lg-700 {
         height: 700px !important;
     }

     .h-lg-100 {
         height: 100% !important;
     }
 }

 @media (min-width: 1200px) {
     .h-xl-300 {
         height: 300px !important;
     }

     .h-xl-400 {
         height: 400px !important;
     }

     .h-xl-500 {
         height: 500px !important;
     }

     .h-xl-540 {
         height: 540px !important;
     }

     .h-xl-560 {
         height: 560px !important;
     }

     .h-xl-600 {
         height: 600px !important;
     }

     .h-xl-700 {
         height: 700px !important;
     }

     .h-xl-100 {
         height: 100% !important;
     }
 }

 @media (min-width: 1400px) {
     .h-xxl-300 {
         height: 300px !important;
     }

     .h-xxl-400 {
         height: 400px !important;
     }

     .h-xxl-500 {
         height: 500px !important;
     }

     .h-xxl-540 {
         height: 540px !important;
     }

     .h-xxl-560 {
         height: 560px !important;
     }

     .h-xxl-600 {
         height: 600px !important;
     }

     .h-xxl-700 {
         height: 700px !important;
     }

     .h-xxl-100 {
         height: 100% !important;
     }
 }

 .breadcrumb-item {
     font-size: 0.8125rem;
 }

 .breadcrumb-item a {
     color: #595d69;
 }

 .breadcrumb-item a:hover {
     color: #2163e8;
 }

 .breadcrumb.breadcrumb-dark .breadcrumb-item a {
     color: #dfe0e5;
 }

 .breadcrumb.breadcrumb-dark .breadcrumb-item a:hover {
     color: #2163e8;
 }

 .breadcrumb.breadcrumb-dark .breadcrumb-item.active {
     color: #d0d4d9;
 }

 .breadcrumb .breadcrumb-item:last-child a>span {
     color: #2163e8;
 }

 .breadcrumb.breadcrumb-black .breadcrumb-item:last-child a>span {
     color: #ffffff;
 }

 .breadcrumb.breadcrumb-dots .breadcrumb-item+.breadcrumb-item::before {
     content: "•";
     font-size: 22px;
     line-height: 0;
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
 }

 .btn-link {
     padding-bottom: 0px;
     background: -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor));
     background: linear-gradient(to right, currentColor 0%, currentColor 100%);
     background-size: 0px 6%;
     background-repeat: no-repeat;
     background-position: left 100%;
     -webkit-transition-duration: .5s;
     transition-duration: .5s;
     font-weight: inherit;
     padding: 0;
 }

 .btn {
     letter-spacing: 0.5px;
     position: relative;
     overflow: hidden;
     outline: 0;
     white-space: nowrap;
     margin-bottom: 6px;
 }

 .input-group .btn {
     margin-bottom: 0;
 }

 .btn-xs {
     padding: 0.4rem 0.6rem;
     font-size: 0.6rem;
     line-height: 1.2;
     border-radius: 0.25rem;
 }

 .btn-white {
     background: #fff;
     color: #191a1f;
 }

 .btn-white.active,
 .btn-white:active,
 .btn-white:focus,
 .btn-white:hover {
     background: #f0f1f3;
     color: #191a1f;
 }

 .btn-outline-white {
     background: transparent;
     border-color: #fff;
     color: #fff;
 }

 .btn-outline-white.active,
 .btn-outline-white:active,
 .btn-outline-white:focus,
 .btn-outline-white:hover {
     color: #191a1f;
     background: #fff;
 }

 .btn-outline-light {
     background: transparent;
     border-color: #d0d4d9;
     color: #595d69;
 }

 .btn-outline-light:hover,
 .btn-outline-light:focus,
 .btn-outline-light:active,
 .btn-check:checked+.btn-outline-light {
     background: #d0d4d9;
     border-color: #d0d4d9;
     color: #191a1f;
 }

 .btn-round {
     height: 40px;
     width: 40px;
     line-height: 40px;
     border-radius: 50%;
     padding: 0;
     text-align: center;
 }

 .btn-round i {
     margin: 0;
 }

 .btn-round .fa-play {
     padding-left: 3px;
 }

 .btn-round.btn-lg,
 .btn-group-lg>.btn-round.btn {
     height: 55px;
     width: 55px;
     line-height: 55px;
 }

 .btn-round.btn-sm,
 .btn-group-sm>.btn-round.btn {
     height: 32px;
     width: 32px;
     line-height: 30px;
 }

 .btn-round.btn-sm i,
 .btn-group-sm>.btn-round.btn i {
     font-size: .6rem;
 }

 .btn-primary-soft {
     color: #5c4113;
     background-color: rgb(211 74 32);
     background: rgba(248, 215, 115, 1);
     background: -moz-linear-gradient(left, rgba(248, 215, 115, 1) 0%, rgba(189, 141, 50, 1) 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248, 215, 115, 1)), color-stop(100%, rgba(189, 141, 50, 1)));
     background: -webkit-linear-gradient(left, rgba(248, 215, 115, 1) 0%, rgba(189, 141, 50, 1) 100%);
     background: -o-linear-gradient(left, rgba(248, 215, 115, 1) 0%, rgba(189, 141, 50, 1) 100%);
     background: -ms-linear-gradient(left, rgba(248, 215, 115, 1) 0%, rgba(189, 141, 50, 1) 100%);
     background: linear-gradient(to right, rgba(248, 215, 115, 1) 0%, rgba(189, 141, 50, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8d773', endColorstr='#bd8d32', GradientType=1);
     border: 0;
     transition: all 0.5s ease-in-out;
 }

 .btn-primary-soft:hover {
     color: rgb(211 74 32);
     background: #ffffff;
     color: #5c4113;
 }

 .btn-secondary-soft {
     color: #595d69;
     background-color: rgb(211 74 32);
 }

 .btn-secondary-soft:hover {
     color: #fff;
     border-color: rgb(211 74 32);
 }

 .btn-success-soft {
     color: #0cbc87;
     background-color: rgba(12, 188, 135, 0.1);
 }

 .btn-success-soft:hover {
     color: #fff;
     background-color: #0cbc87;
 }

 .btn-info-soft {
     color: #4f9ef8;
     background-color: rgba(79, 158, 248, 0.1);
 }

 .btn-info-soft:hover {
     color: #fff;
     background-color: #4f9ef8;
 }

 .btn-warning-soft {
     color: #f7c32e;
     background-color: rgba(247, 195, 46, 0.1);
 }

 .btn-warning-soft:hover {
     color: #000;
     background-color: #f7c32e;
 }

 .btn-danger-soft {
     color: #d6293e;
     background-color: rgba(214, 41, 62, 0.1);
 }

 .btn-danger-soft:hover {
     color: #fff;
     background-color: #d6293e;
 }

 .btn-light-soft {
     color: #f7f8f9;
     background-color: rgba(247, 248, 249, 0.1);
 }

 .btn-light-soft:hover {
     color: #000;
     background-color: #f7f8f9;
 }

 .btn-dark-soft {
     color: #191a1f;
     background-color: rgba(25, 26, 31, 0.1);
 }

 .btn-dark-soft:hover {
     color: #fff;
     background-color: #191a1f;
 }

 .card,
 .overflow-hidden {
     will-change: transform;
     border: 0;
 }

 .card .card-element-hover {
     visibility: hidden;
     margin-top: 30px;
     opacity: 0;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     z-index: 9;
 }

 .card:hover .card-element-hover {
     visibility: visible;
     margin-top: 0px;
     opacity: 1;
 }

 .card.card-overlay-bottom {
     overflow: hidden;
 }

 .card.card-overlay-bottom:before {
     content: "";
     position: absolute;
     height: 50%;
     width: 100%;
     bottom: 0;
     left: 0;
     right: 0;
     background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
     background-image: linear-gradient(180deg, transparent, black);
     z-index: 1;
 }

 .card .card-img-overlay {
     z-index: 2;
 }

 .card.card-overlay-top {
     overflow: hidden;
 }

 .card.card-overlay-top:before {
     content: "";
     position: absolute;
     height: 50%;
     width: 100%;
     top: 0;
     left: 0;
     right: 0;
     background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(black));
     background-image: linear-gradient(0deg, transparent, black);
 }

 .card-img-scale .card-img {
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     -webkit-transform: scale(1);
     transform: scale(1);
 }

 .card-img-scale:hover .card-img {
     -webkit-transform: scale(1.08);
     transform: scale(1.08);
 }

 .card-bg-scale {
     z-index: 99;
 }

 .card-bg-scale::after {
     content: "";
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     background: inherit;
     -webkit-transition: all 1s !important;
     transition: all 1s !important;
     z-index: -2;
 }

 .card-bg-scale:hover::after {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
     -webkit-transition: all 1s !important;
     transition: all 1s !important;
 }

 .card-featured {
     position: absolute;
     z-index: 99;
     background: #2163e8;
     color: #fff;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     text-align: center;
     top: -8px;
     right: -48px;
     width: 120px;
     padding: 16px 0 3px 0;
 }

 .card-img-flash {
     position: relative;
     overflow: hidden;
 }

 .card-img-flash::before {
     content: '';
     position: absolute;
     top: 0;
     z-index: 2;
     left: -80%;
     width: 50%;
     height: 100%;
     display: block;
     background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
     background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
     -webkit-transform: skewX(-25deg);
     transform: skewX(-25deg);
 }

 .card-img-flash:hover::before {
     -webkit-animation: imgflash 1s;
     animation: imgflash 1s;
 }

 @-webkit-keyframes imgflash {
     100% {
         left: 125%;
     }
 }

 @keyframes imgflash {
     100% {
         left: 125%;
     }
 }

 .card-grid .card-grid-lg {
     height: 560px;
 }

 .card-grid .card-grid-sm {
     height: calc(280px - calc(var(--bs-gutter-y) / 2));
 }

 @media (max-width: 767.98px) {
     .card-grid .card-grid-lg {
         height: 400px;
     }
 }

 .card-fold {
     position: relative;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 }

 .card-fold:after {
     position: absolute;
     content: '';
     height: 0;
     width: 0;
     bottom: 0;
     right: 0;
     z-index: 1000;
     background: linear-gradient(-45deg, #fff 45%, #fff 45%, #d0d4d9 50%, #fff 70%);
     -webkit-box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.4);
     box-shadow: -5px -5px 5px rgba(0, 0, 0, 0.4);
     -webkit-transition: 0.3s;
     transition: 0.3s;
     border-radius: 0.7rem 0px 0px 0px;
 }

 .card:hover .card-fold:after,
 .card:focus .card-fold:after,
 .card:active .card-fold:after,
 .card:hover.card-fold:after,
 .card:focus.card-fold:after,
 .card:active.card-fold:after {
     width: 40px;
     height: 40px;
 }

 .bg-dark .card-fold:after {
     background: linear-gradient(-45deg, #191a1f 45%, #000 45%, #d0d4d9 50%, #fff 70%);
 }

 .dropdown-menu {
     -webkit-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1);
     box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.05), 0px 0px 30px rgba(83, 88, 93, 0.1);
 }

 .dropdown-item {
     font-weight: 400;
     text-transform: capitalize;
     position: relative;
 }

 .dropdown-item.active {
     color: #2163e8;
 }

 .dropdown-item.active:before {
     content: "";
     width: 7px;
     height: 7px;
     background: #2163e8;
     display: inline-block;
     border-radius: 50%;
     margin-left: -12px;
     margin-right: 5px;
     margin-bottom: 1px;
 }

 .dropdown-toggle:after {
     content: "\f078";
     font-family: 'Font Awesome 5 Pro';
     font-size: 0.5rem;
     margin-left: 0.35rem;
     font-weight: 900;
     vertical-align: middle;
     border: none;
 }

 .dropup .dropdown-toggle:after {
     content: "\f077";
     font-family: 'Font Awesome 5 Pro';
     font-size: 0.5rem;
     margin-left: 0.35rem;
     font-weight: 900;
     vertical-align: middle;
     border: none;
 }

 .dropdown-menu .dropdown-toggle:after {
     position: absolute;
     right: 25px;
     top: 10px;
 }

 .dropdown-menu .dropdown-toggle:before {
     position: absolute;
     right: 25px;
     top: 10px;
 }

 .dropdown-fullwidth {
     position: static;
 }

 .dropdown-fullwidth .dropdown-menu {
     margin: 0 auto;
     left: 0;
     right: 0;
     padding: 1rem 0;
 }

 @media (min-width: 576px) {
     .dropdown-fullwidth .dropdown-menu {
         max-width: 96%;
     }
 }

 @media (min-width: 768px) {
     .dropdown-fullwidth .dropdown-menu {
         max-width: 94%;
     }
 }

 @media (min-width: 992px) {
     .dropdown-fullwidth .dropdown-menu {
         max-width: 94%;
     }
 }

 @media (min-width: 1200px) {
     .dropdown-fullwidth .dropdown-menu {
         max-width: 1140px;
     }
 }

 @media (min-width: 1400px) {
     .dropdown-fullwidth .dropdown-menu {
         max-width: 1200px;
     }
 }

 @media (max-width: 1199.98px) {
     .dropdown-fullwidth .dropdown-menu .container {
         max-width: 100%;
     }
 }

 @media (min-width: 1200px) {
     .navbar-expand-xl .navbar-nav .dropdown-menu {
         top: 120%;
         visibility: hidden;
         opacity: 0;
         display: block;
         -webkit-transition: all 0.1s ease-in-out;
         transition: all 0.1s ease-in-out;
     }

     .navbar-expand-xl .navbar-nav .dropdown:hover>.dropdown-menu {
         top: 100%;
         visibility: visible;
         opacity: 1;
         -webkit-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
     }

     .navbar-expand-xl .navbar-nav .dropdown-submenu:hover>.dropdown-menu {
         top: 0;
         visibility: visible;
         opacity: 1;
         -webkit-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
     }

     .navbar-expand-xl .dropdown-submenu {
         position: relative;
     }
 }

 @media (min-width: 992px) {
     .navbar-expand-lg .navbar-nav .dropdown-menu {
         top: 120%;
         visibility: hidden;
         opacity: 0;
         display: block;
         -webkit-transition: all 0.1s ease-in-out;
         transition: all 0.1s ease-in-out;
     }

     .navbar-expand-lg .navbar-nav .dropdown:hover>.dropdown-menu {
         top: 100%;
         visibility: visible;
         opacity: 1;
         -webkit-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
     }

     .navbar-expand-lg .navbar-nav .dropdown-submenu:hover>.dropdown-menu {
         top: 0;
         visibility: visible;
         opacity: 1;
         -webkit-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
     }

     .navbar-expand-lg .dropdown-submenu {
         position: relative;
     }
 }

 @media (min-width: 768px) {
     .navbar-expand-md .navbar-nav .dropdown-menu {
         top: 120%;
         visibility: hidden;
         opacity: 0;
         display: block;
         -webkit-transition: all 0.1s ease-in-out;
         transition: all 0.1s ease-in-out;
     }

     .navbar-expand-md .navbar-nav .dropdown:hover>.dropdown-menu {
         top: 100%;
         visibility: visible;
         opacity: 1;
         -webkit-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
     }

     .navbar-expand-md .navbar-nav .dropdown-submenu:hover>.dropdown-menu {
         top: 0;
         visibility: visible;
         opacity: 1;
         -webkit-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
     }

     .navbar-expand-md .dropdown-submenu {
         position: relative;
     }
 }

 @media (min-width: 576px) {
     .navbar-expand-sm .navbar-nav .dropdown-menu {
         top: 120%;
         visibility: hidden;
         opacity: 0;
         display: block;
         -webkit-transition: all 0.1s ease-in-out;
         transition: all 0.1s ease-in-out;
     }

     .navbar-expand-sm .navbar-nav .dropdown:hover>.dropdown-menu {
         top: 100%;
         visibility: visible;
         opacity: 1;
         -webkit-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
     }

     .navbar-expand-sm .navbar-nav .dropdown-submenu:hover>.dropdown-menu {
         top: 0;
         visibility: visible;
         opacity: 1;
         -webkit-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
     }

     .navbar-expand-sm .dropdown-submenu {
         position: relative;
     }
 }

 .dropdown-menu-size-md {
     min-width: 20rem;
 }

 @media (max-width: 575.98px) {
     .dropdown-menu-size-md {
         min-width: 100%;
     }
 }

 .dropdown-toggle-icon-none .dropdown-toggle:after {
     content: none;
 }

 .list-group .list-group-item i,
 .list-group .list-group-item span {
     margin-right: 5px;
 }

 .list-group-borderless .list-group-item {
     border: none;
     padding: 0.425rem 0;
 }

 .list-group-borderless a.list-group-item:hover {
     background-color: transparent;
     color: #2163e8;
 }

 .nav-pills .nav-link {
     cursor: pointer;
     margin-bottom: 15px;
     padding: 0.5rem 1rem;
 }

 .nav.flex-column:not(.nav-pills) .nav-link {
     padding-left: 0;
     padding-top: 0.30rem;
     padding-bottom: 0.30rem;
 }

 .tab-content {
     padding: 25px 0;
     margin-bottom: 20px;
 }

 .nav-tabs .nav-link {
     padding: 0.5rem 1rem;
     border: none;
 }

 .nav-tabs .nav-link.active {
     background: #2163e8;
     color: #fff;
     border: none;
 }

 .nav-tabs .nav-link.active .nav-link {
     color: #fff;
 }

 .nav-tabs.nav-tabs-line {
     border-bottom: solid 3px rgba(0, 0, 0, 0.1);
 }

 .nav-tabs.nav-tabs-line .nav-link {
     border: transparent;
 }

 .nav-tabs.nav-tabs-line .nav-item:first-child .nav-link {
     padding-left: 0;
 }

 .nav-tabs.nav-tabs-line .nav-link {
     background: transparent;
     border-bottom: 3px solid transparent;
 }

 .nav-tabs.nav-tabs-line .nav-link.active {
     background: transparent;
     color: #2163e8;
     border-bottom: 3px solid #2163e8;
 }

 .nav-tabs.nav-tabs-line .nav-item {
     margin-bottom: -2px;
 }

 .nav-tabs.nav-tabs-dark .nav-item .nav-link {
     color: #191a1f;
 }

 .nav-tabs.nav-tabs-dark .nav-link.active {
     background: #191a1f;
     color: #fff;
 }

 .nav.nav-divider a:not(.dropdown-item) {
     color: inherit;
 }

 .nav.nav-divider .nav-item+.nav-item:before {
     content: "\2022";
     color: inherit;
     padding-left: .65rem;
     padding-right: .75rem;
     opacity: 0.8;
 }

 .nav.nav-divider .nav-item {
     display: inline-block;
     vertical-align: middle;
     font-size: .8rem;
 }

 .nav.nav-divider .nav-link {
     padding: 0;
     color: inherit;
 }

 .navbar {
     z-index: 9;
 }

 .navbar-nav .nav-link {
     font-size: 0.9375rem;
     font-weight: 500;
     text-transform: capitalize;
     line-height: 90px;
     padding-top: 0;
     padding-bottom: 0;
 }

 .navbar-nav .nav-item:last-child .nav-link {
     padding-right: 0;
 }

 .navbar-toggler {
     margin-bottom: 0;
     border: 0;
 }

 header .navbar-nav .show>.nav-link,
 header .navbar-nav .nav-link.active {
     color: #2163e8;
 }

 header .navbar-nav .show>.nav-link:before,
 header .navbar-nav .nav-link.active:before {
     content: "";
     width: 7px;
     height: 7px;
     background: #2163e8;
     display: inline-block;
     border-radius: 50%;
     margin-right: 0.20rem;
     margin-bottom: 1px;
 }

 .navbar-sticky-on {
     position: fixed;
     z-index: 1020;
     top: 0;
     left: 0;
     right: 0;
     background-color: #fff;
     -webkit-animation: fadeInDown .5s;
     animation: fadeInDown .5s;
     width: 100%;
     -webkit-box-shadow: 0px 0px 40px rgba(83, 88, 93, 0.2);
     box-shadow: 0px 0px 40px rgba(83, 88, 93, 0.2);
 }

 .navbar-sticky-on .navbar-top {
     display: none !important;
 }

 .navbar-sticky-on .navbar-nav .nav-link {
     line-height: 50px;
 }

 .navbar-sticky-on .navbar-brand {
     padding-top: 8px;
     padding-bottom: 8px;
 }

 .navbar-sticky-on .navbar-brand .navbar-brand-item {
     height: 35px;
 }

 @-webkit-keyframes fadeInDown {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
     }

     to {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }

 @keyframes fadeInDown {
     from {
         opacity: 0;
         -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
     }

     to {
         opacity: 1;
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
     }
 }

 .navbar-lh-sm.navbar-nav .nav-link {
     line-height: 60px;
 }

 .navbar-transparent {
     background: transparent;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
 }

 .navbar-dark .navbar-top span:not(.dropdown-item-text) {
     color: #fff;
 }

 .navbar-dark .navbar-top a:not(.dropdown-item) {
     color: #fff;
 }

 .navbar-dark .navbar-top a:not(.dropdown-item):hover {
     color: #2163e8;
 }

 .navbar-dark .nav .nav-link {
     color: #fff;
 }

 .navbar-dark .nav .nav-link:hover {
     color: #2163e8;
 }

 .navbar-dark.navbar-sticky-on {
     background-color: #191a1f;
 }

 .navbar-brand {
     padding-top: 10px;
     padding-bottom: 5px;
 }

 @media (max-width: 767.98px) {
     .navbar-brand {
         padding-top: 0;
         padding-bottom: 0;
     }
 }

 .navbar .container-fluid .dropdown-fullwidth .dropdown-menu,
 .navbar .container-sm .dropdown-fullwidth .dropdown-menu,
 .navbar .container-md .dropdown-fullwidth .dropdown-menu,
 .navbar .container-lg .dropdown-fullwidth .dropdown-menu,
 .navbar .container-xl .dropdown-fullwidth .dropdown-menu,
 .navbar .container-xxl .dropdown-fullwidth .dropdown-menu {
     width: 100%;
 }

 .navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-toggle:after {
     content: "\f00d";
     font-family: 'Font Awesome 5 Pro';
     font-size: 10px;
     top: 10px;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     border: none !important;
     margin: 0;
 }

 @media (hover: hover) {
     .navbar .dropdown-menu .dropdown-submenu.dropend:hover>.dropdown-toggle:after {
         -webkit-transform: rotate(90deg);
         transform: rotate(90deg);
     }
 }

 .navbar .dropdown-menu .dropdown-submenu.dropend .dropdown-opened.dropdown-toggle:after {
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
 }

 .navbar .dropdown-menu .dropdown-submenu.dropstart .dropdown-toggle:before {
     content: "\f00d";
     font-family: 'Font Awesome 5 Pro';
     font-size: 10px;
     top: 8px;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     border: none !important;
     margin: 0;
     font-weight: 900;
 }

 .navbar .dropdown-menu .dropdown-submenu.dropstart:hover>.dropdown-toggle:before {
     -webkit-transform: rotate(90deg);
     transform: rotate(90deg);
 }

 @media (max-width: 1199.98px) {
     .navbar-expand-xl .navbar-collapse {
         -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
         box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
         position: absolute;
         left: 0;
         right: 0;
         top: 100%;
         background: #fff;
         border-top: 1px solid rgba(0, 0, 0, 0.1);
     }

     .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-toggle::after {
         position: absolute;
         right: 25px;
     }

     .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu {
         -webkit-box-shadow: none;
         box-shadow: none;
     }

     .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu:before {
         content: none;
     }

     .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu {
         padding-left: 20px;
         padding-bottom: 0px;
     }

     .navbar-expand-xl .navbar-collapse .navbar-nav>.nav-item {
         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
         padding: 5px 30px;
         position: relative;
     }

     .navbar-expand-xl .navbar-collapse .navbar-nav>.nav-item .nav-link {
         line-height: 40px;
     }

     .navbar-dark .navbar-expand-xl .navbar-collapse .nav-link {
         color: #595d69;
     }

     .navbar-expand-xl .navbar-nav .dropdown-menu {
         position: static;
         float: none;
     }

     .navbar-expand-xl .dropdown-fullwidth {
         width: 100%;
     }

     .navbar-expand-xl .dropdown-fullwidth .dropdown-menu {
         max-width: 100%;
     }

     .navbar-expand-xl .dropdown-fullwidth .container {
         max-width: 100%;
         padding: 0;
     }

     .navbar-expand-xl .navbar-nav .nav-item>.dropdown-menu {
         background: rgba(89, 93, 105, 0.04);
         padding: 20px 0px;
         margin: 10px 0;
     }

     .navbar-expand-xl .navbar-nav .nav-item>.dropdown-menu .dropdown-submenu .dropdown-menu {
         background: rgba(89, 93, 105, 0.06);
         padding: 10px 0px !important;
     }
 }

 @media (max-width: 991.98px) {
     .navbar-expand-lg .navbar-collapse {
         -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
         box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
         position: absolute;
         left: 0;
         right: 0;
         top: 100%;
         background: #fff;
         border-top: 1px solid rgba(0, 0, 0, 0.1);
     }

     .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle::after {
         position: absolute;
         right: 25px;
     }

     .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu {
         -webkit-box-shadow: none;
         box-shadow: none;
     }

     .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu:before {
         content: none;
     }

     .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu {
         padding-left: 20px;
         padding-bottom: 0px;
     }

     .navbar-expand-lg .navbar-collapse .navbar-nav>.nav-item {
         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
         padding: 5px 30px;
         position: relative;
     }

     .navbar-expand-lg .navbar-collapse .navbar-nav>.nav-item .nav-link {
         line-height: 40px;
     }

     .navbar-dark .navbar-expand-lg .navbar-collapse .nav-link {
         color: #595d69;
     }

     .navbar-expand-lg .navbar-nav .dropdown-menu {
         position: static;
         float: none;
     }

     .navbar-expand-lg .dropdown-fullwidth {
         width: 100%;
     }

     .navbar-expand-lg .dropdown-fullwidth .dropdown-menu {
         max-width: 100%;
     }

     .navbar-expand-lg .dropdown-fullwidth .container {
         max-width: 100%;
         padding: 0;
     }

     .navbar-expand-lg .navbar-nav .nav-item>.dropdown-menu {
         background: rgba(89, 93, 105, 0.04);
         padding: 20px 0px;
         margin: 10px 0;
     }

     .navbar-expand-lg .navbar-nav .nav-item>.dropdown-menu .dropdown-submenu .dropdown-menu {
         background: rgba(89, 93, 105, 0.06);
         padding: 10px 0px !important;
     }
 }

 @media (max-width: 767.98px) {
     .navbar-expand-md .navbar-collapse {
         -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
         box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
         position: absolute;
         left: 0;
         right: 0;
         top: 100%;
         background: #fff;
         border-top: 1px solid rgba(0, 0, 0, 0.1);
     }

     .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-toggle::after {
         position: absolute;
         right: 25px;
     }

     .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu {
         -webkit-box-shadow: none;
         box-shadow: none;
     }

     .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu:before {
         content: none;
     }

     .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu {
         padding-left: 20px;
         padding-bottom: 0px;
     }

     .navbar-expand-md .navbar-collapse .navbar-nav>.nav-item {
         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
         padding: 5px 30px;
         position: relative;
     }

     .navbar-expand-md .navbar-collapse .navbar-nav>.nav-item .nav-link {
         line-height: 40px;
     }

     .navbar-dark .navbar-expand-md .navbar-collapse .nav-link {
         color: #595d69;
     }

     .navbar-expand-md .navbar-nav .dropdown-menu {
         position: static;
         float: none;
     }

     .navbar-expand-md .dropdown-fullwidth {
         width: 100%;
     }

     .navbar-expand-md .dropdown-fullwidth .dropdown-menu {
         max-width: 100%;
     }

     .navbar-expand-md .dropdown-fullwidth .container {
         max-width: 100%;
         padding: 0;
     }

     .navbar-expand-md .navbar-nav .nav-item>.dropdown-menu {
         background: rgba(89, 93, 105, 0.04);
         padding: 20px 0px;
         margin: 10px 0;
     }

     .navbar-expand-md .navbar-nav .nav-item>.dropdown-menu .dropdown-submenu .dropdown-menu {
         background: rgba(89, 93, 105, 0.06);
         padding: 10px 0px !important;
     }
 }

 @media (max-width: 575.98px) {
     .navbar-expand-sm .navbar-collapse {
         -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
         box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
         position: absolute;
         left: 0;
         right: 0;
         top: 100%;
         background: #fff;
         border-top: 1px solid rgba(0, 0, 0, 0.1);
     }

     .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-toggle::after {
         position: absolute;
         right: 25px;
     }

     .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu {
         -webkit-box-shadow: none;
         box-shadow: none;
     }

     .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu:before {
         content: none;
     }

     .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-submenu .dropdown-menu {
         padding-left: 20px;
         padding-bottom: 0px;
     }

     .navbar-expand-sm .navbar-collapse .navbar-nav>.nav-item {
         border-bottom: 1px solid rgba(0, 0, 0, 0.1);
         padding: 5px 30px;
         position: relative;
     }

     .navbar-expand-sm .navbar-collapse .navbar-nav>.nav-item .nav-link {
         line-height: 40px;
     }

     .navbar-dark .navbar-expand-sm .navbar-collapse .nav-link {
         color: #595d69;
     }

     .navbar-expand-sm .navbar-nav .dropdown-menu {
         position: static;
         float: none;
     }

     .navbar-expand-sm .dropdown-fullwidth {
         width: 100%;
     }

     .navbar-expand-sm .dropdown-fullwidth .dropdown-menu {
         max-width: 100%;
     }

     .navbar-expand-sm .dropdown-fullwidth .container {
         max-width: 100%;
         padding: 0;
     }

     .navbar-expand-sm .navbar-nav .nav-item>.dropdown-menu {
         background: rgba(89, 93, 105, 0.04);
         padding: 20px 0px;
         margin: 10px 0;
     }

     .navbar-expand-sm .navbar-nav .nav-item>.dropdown-menu .dropdown-submenu .dropdown-menu {
         background: rgba(89, 93, 105, 0.06);
         padding: 10px 0px !important;
     }
 }

 .pagination .page-item {
     margin-bottom: 5px;
     float: left;
 }

 .pagination-bordered {
     border: 1px solid rgba(0, 0, 0, 0.1);
     padding: 4px;
     border-radius: 0.25rem;
 }

 .pagination-bordered .page-item {
     margin: 2px;
 }

 .pagination-bordered .page-link {
     border: transparent;
     border-radius: 0.25rem;
 }

 .progress {
     position: relative;
     overflow-x: visible;
     overflow-y: visible;
 }

 .progress .progress-bar {
     position: relative;
     overflow: visible;
     border-radius: 0.25rem;
 }

 .progress .progress-percent {
     color: #595d69;
     font-weight: 500;
     line-height: 24px;
     position: absolute;
     right: 0;
     top: -24px;
     font-size: 12px;
 }

 .progress.progress-percent-bg .progress-percent {
     background: #595d69;
     padding: 2px 5px;
     border-radius: 2px;
     color: #fff;
     line-height: 16px;
     position: absolute;
     right: 0;
     top: -25px;
     font-size: 10px;
 }

 .progress.progress-percent-bg .progress-percent:before {
     border-top-color: #595d69;
     border-width: 5px;
     left: 50%;
     margin-left: -5px;
 }

 .progress.progress-percent-bg .progress-percent:after,
 .progress.progress-percent-bg .progress-percent:before {
     top: 100%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
 }

 .progress.progress-percent-bg .progress-percent:after {
     border-top-color: #595d69;
     border-width: 4px;
     left: 50%;
     margin-left: -4px;
 }

 .progress.progress-xs {
     height: 3px;
 }

 .progress.progress-sm {
     height: 5px;
 }

 .progress.progress-md {
     height: 10px;
 }

 .progress.progress-lg {
     height: 16px;
 }

 .progress.progress-xl {
     height: 20px;
 }

 body {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     height: 100%;
     overflow-x: hidden;
     z-index: 0;
     position: relative;
 }

 main {
     background-color: #ffffff;
 }

 header {
     position: relative;
     z-index: 1020;
    background: #ffffff;
    width: 100% !important;
 }

 a {
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     text-decoration: none;
 }

 *:focus {
     outline: none !important;
 }

 h1>a,
 .h1>a,
 h2>a,
 .h2>a,
 h3>a,
 .h3>a,
 h4>a,
 .h4>a,
 h5>a,
 .h5>a,
 h6>a,
 .h6>a {
     color: #191a1f;
 }

 h1>a:hover,
 .h1>a:hover,
 h2>a:hover,
 .h2>a:hover,
 h3>a:hover,
 .h3>a:hover,
 h4>a:hover,
 .h4>a:hover,
 h5>a:hover,
 .h5>a:hover,
 h6>a:hover,
 .h6>a:hover {
     color: #bd8d32;
 }

 img {
     max-width: 100%;
     height: auto;
 }

 video {
     background-size: cover;
     display: table-cell;
     vertical-align: middle;
     width: 100%;
 }

 .text-white-force *:not(.btn):not(.dropdown-item):not(.badge) {
     color: #fff;
 }

 small,
 .small,
 .small {
     font-weight: 400;
 }

 .smaller {
     font-size: 60%;
     font-weight: 500;
 }

 .dropcap {
     font-size: 4em;
     font-weight: bold;
     display: block;
     float: left;
     margin: .04em .2em 0 0;
     color: #191a1f;
     line-height: 1;
 }

 .bg-blur {
     -webkit-backdrop-filter: blur(5px);
     backdrop-filter: blur(5px);
 }

 .bg-facebook {
     background-color: #5d82d1;
     color: #fff;
 }

 .bg-facebook:hover {
     background-color: #5475bc;
     color: #fff;
 }

 .text-facebook {
     color: #5d82d1;
 }

 .text-facebook:hover {
     color: #5475bc;
 }

 .bg-instagram {
     background: #c22b72;
     color: #fff;
 }

 .bg-instagram:hover {
     background-color: #af2767;
     color: #fff;
 }

 .text-instagram {
     color: #c22b72;
 }

 .text-instagram:hover {
     color: #af2767;
 }

 .bg-instagram-gradient {
     background: radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
     background: -webkit-radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
     color: #fff;
     background-size: 120% 120%;
     background-position: right bottom;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     border: 0;
 }

 .bg-instagram-gradient:hover {
     background: radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
     background: -webkit-radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
     color: #fff;
     background-size: 100% 100%;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     background-position: left bottom;
 }

 .text-instagram-gradient {
     color: transparent;
     background: radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
     background: -webkit-radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     background-size: 120% 120%;
 }

 .text-instagram-gradient:hover {
     color: transparent;
     background: radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
     background: -webkit-radial-gradient(circle at 20% 130%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
     background-clip: text;
     -webkit-background-clip: text;
     background-size: 100% 100%;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .bg-google {
     background-color: #3c7ff1;
     color: #fff;
 }

 .bg-google:hover {
     background-color: #3672d9;
     color: #fff;
 }

 .text-google {
     color: #3c7ff1;
 }

 .text-google:hover {
     color: #3672d9;
 }

 .bg-twitter {
     background-color: #40bff5;
     color: #fff;
 }

 .bg-twitter:hover {
     background-color: #3aacdd;
     color: #fff;
 }

 .text-twitter {
     color: #40bff5;
 }

 .text-twitter:hover {
     color: #3aacdd;
 }

 .bg-linkedin {
     background-color: #238cc8;
     color: #fff;
 }

 .bg-linkedin:hover {
     background-color: #207eb4;
     color: #fff;
 }

 .text-linkedin {
     color: #238cc8;
 }

 .text-linkedin:hover {
     color: #207eb4;
 }

 .bg-pinterest {
     background-color: #e60023;
     color: #fff;
 }

 .bg-pinterest:hover {
     background-color: #cf0020;
     color: #fff;
 }

 .text-pinterest {
     color: #e60023;
 }

 .text-pinterest:hover {
     color: #cf0020;
 }

 .bg-dribbble {
     background-color: #f7659c;
     color: #fff;
 }

 .bg-dribbble:hover {
     background-color: #de5b8c;
     color: #fff;
 }

 .text-dribbble {
     color: #f7659c;
 }

 .text-dribbble:hover {
     color: #de5b8c;
 }

 .bg-youtube {
     background-color: #ff0000;
     color: #fff;
 }

 .bg-youtube:hover {
     background-color: #e60000;
     color: #fff;
 }

 .text-youtube {
     color: #ff0000;
 }

 .text-youtube:hover {
     color: #e60000;
 }

 .bg-skype {
     background-color: #13c1f3;
     color: #fff;
 }

 .bg-skype:hover {
     background-color: #11aedb;
     color: #fff;
 }

 .text-skype {
     color: #13c1f3;
 }

 .text-skype:hover {
     color: #11aedb;
 }

 .blockquote {
     position: relative;
     padding-left: 80px;
 }

 .blockquote:before {
     content: '"';
     position: absolute;
     top: 0;
     left: 0;
     font-size: 8rem;
     line-height: 0.8em;
     font-weight: 700;
     color: #2163e8;
 }

 .blockquote-footer {
     margin-top: 12px;
     padding-left: 80px;
 }

 .blockquote.blockquote-primary {
     background: #2163e8;
     color: #fff;
     padding: 20px 20px 20px 90px;
     border-radius: 0.25rem;
 }

 .blockquote.blockquote-primary * {
     color: #fff;
 }

 .blockquote.blockquote-primary:before {
     color: #fff !important;
     top: 20px;
     left: 20px;
 }

 .blockquote.blockquote-dark {
     background: #191a1f;
     color: #fff;
     padding: 20px 20px 20px 90px;
     border-radius: 0.25rem;
 }

 .blockquote.blockquote-dark * {
     color: #fff;
 }

 .blockquote.blockquote-dark:before {
     top: 20px;
     left: 20px;
 }

 .blockquote.blockquote-light {
     background: #f0f1f3;
     color: #29292e;
     padding: 20px 20px 20px 90px;
     border-radius: 0.25rem;
 }

 .blockquote.blockquote-light * {
     color: #29292e;
 }

 .blockquote.blockquote-light:before {
     top: 20px;
     left: 20px;
 }

 .blockquote.blockquote-line {
     padding: 10px 20px;
     border-left: 5px solid #2163e8;
 }

 .blockquote.blockquote-line:before {
     display: none;
 }

 .blockquote.blockquote-icon-bg {
     padding: 0;
 }

 .blockquote.blockquote-icon-bg:before {
     font-size: 18rem;
     color: #191a1f;
     opacity: 0.3;
     z-index: -1;
 }

 .blockquote.blockquote-icon-bg .blockquote-footer {
     padding: 0;
 }

 a.badge:hover {
     color: #fff;
 }

 .plyr__control--overlaid,
 .plyr--video .plyr__control.plyr__tab-focus,
 .plyr--video .plyr__control:hover,
 .plyr--video .plyr__control[aria-expanded=true] {
     background: #2163e8;
 }

 .plyr--full-ui input[type=range] {
     color: #2163e8;
 }

 .nav-search .dropdown-menu {
     top: 120%;
     visibility: hidden;
     opacity: 0;
     display: block;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     width: 300px;
     left: auto;
     right: 0;
 }

 .nav-search .dropdown-menu.show {
     top: 100%;
     visibility: visible;
     opacity: 1;
 }

 @media (max-width: 575.98px) {
     .nav-search .dropdown-menu {
         width: 100%;
     }
 }

 .sticky-post {
     position: fixed;
     bottom: 100px;
     right: 50px;
     width: 300px;
     visibility: hidden;
     opacity: 0;
     -webkit-transform: translateX(50%);
     transform: translateX(50%);
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .sticky-post.sticky-post-sticked {
     visibility: visible;
     opacity: 1;
     -webkit-transform: translateX(0%);
     transform: translateX(0%);
 }

 .bg-parallax {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }

 .bg-parallax:before {
     z-index: 0;
 }

 @media (min-width: 768px) {
     footer.footer-sticky {
         position: fixed !important;
         bottom: 0;
         left: 0;
         width: 100%;
         z-index: -1 !important;
     }
 }

 .avatar {
     height: 3rem;
     width: 3rem;
     position: relative;
     display: inline-block !important;
 }

 .avatar-img {
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
 }

 .avatar-group {
     padding: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
 }

 .avatar-group>li {
     position: relative;
 }

 .avatar-group>li:not(:last-child) {
     margin-right: -0.8rem;
 }

 .avatar-group .avatar-img {
     border: 2px solid #fff;
 }

 .avatar .avatar-name {
     margin-left: 7px;
 }

 .avatar-xs {
     height: 2.1875rem;
     width: 2.1875rem;
 }

 .avatar-sm {
     height: 2.5rem;
     width: 2.5rem;
 }

 .avatar-lg {
     height: 4rem;
     width: 4rem;
 }

 .avatar-xl {
     height: 5.125rem;
     width: 5.125rem;
 }

 .avatar-xxl {
     height: 5.125rem;
     width: 5.125rem;
 }

 @media (min-width: 768px) {
     .avatar-xxl {
         width: 8rem;
         height: 8rem;
     }
 }

 .avatar-xxxl {
     height: 8rem;
     width: 8rem;
 }

 @media (min-width: 768px) {
     .avatar-xxxl {
         width: 11rem;
         height: 11rem;
     }
 }

 .divider {
     height: 1px;
     background: #000;
     display: block;
     width: 100%;
     margin: 0 auto;
 }

 .divider-light {
     height: 1px;
     background: #fff;
     display: block;
     width: 100%;
     margin: 0 auto;
 }

 .bg-dark-overlay-2 {
     position: relative;
     z-index: 99;
 }

 .bg-dark-overlay-2:before {
     content: " ";
     background: #000;
     opacity: 0.2;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 .bg-dark-overlay-3 {
     position: relative;
     z-index: 99;
 }

 .bg-dark-overlay-3:before {
     content: " ";
     background: #000;
     opacity: 0.3;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 .bg-dark-overlay-4 {
     position: relative;
     z-index: 99;
 }

 .bg-dark-overlay-4:before {
     content: " ";
     background: #000;
     opacity: 0.4;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 .bg-dark-overlay-5 {
     position: relative;
     z-index: 99;
 }

 .bg-dark-overlay-5:before {
     content: " ";
     background: #000;
     opacity: 0.5;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 .bg-dark-overlay-6 {
     position: relative;
     z-index: 99;
 }

 .bg-dark-overlay-6:before {
     content: " ";
     background: #000;
     opacity: 0.6;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 .bg-dark-overlay-7 {
     position: relative;
     z-index: 99;
 }

 .bg-dark-overlay-7:before {
     content: " ";
     background: #000;
     opacity: 0.7;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 .bg-dark-overlay-8 {
     position: relative;
     z-index: 99;
 }

 .bg-dark-overlay-8:before {
     content: " ";
     background: #000;
     opacity: 0.8;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 .bg-dark-overlay-9 {
     position: relative;
     z-index: 99;
 }

 .bg-dark-overlay-9:before {
     content: " ";
     background: #000;
     opacity: 0.9;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 .tns-outer {
     position: relative;
 }

 .tns-item {
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 .tiny-slider .item {
     position: relative;
 }

 .tns-controls [data-controls] {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 50px;
     height: 50px;
     line-height: 50px;
     border-radius: 0.25rem;
     display: block;
     z-index: 9;
     text-align: center;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     background: rgba(255, 255, 255, 0.3);
     color: #fff;
     border: none;
     padding: 0;
     margin: 0 10px;
 }

 .tns-controls [data-controls]:hover {
     background-color: #2163e8;
     color: #fff;
 }

 .tns-controls [data-controls] i {
     line-height: inherit;
 }

 .tns-controls [data-controls='prev'] {
     left: 0;
 }

 .tns-controls [data-controls='next'] {
     right: 0;
 }

 .arrow-dark [data-controls] {
     background: #191a1f;
     color: #fff;
 }

 .arrow-white [data-controls] {
     background-color: #fff;
     color: #595d69;
 }

 .arrow-gray [data-controls] {
     background: #dfe0e5;
     color: #191a1f;
 }

 .arrow-round [data-controls] {
     border-radius: 50%;
 }

 .arrow-bordered [data-controls] {
     background: transparent !important;
     color: #d0d4d9;
     border: 2px solid #d0d4d9;
     -webkit-box-sizing: initial;
     box-sizing: initial;
 }

 .arrow-bordered [data-controls]:hover {
     border-color: #595d69;
     background: transparent;
     color: #595d69;
 }

 .arrow-blur [data-controls] {
     -webkit-backdrop-filter: blur(5px);
     backdrop-filter: blur(5px);
     background: rgba(0, 0, 0, 0.4) !important;
 }

 .arrow-blur [data-controls]:hover {
     -webkit-backdrop-filter: blur(0px);
     backdrop-filter: blur(0px);
     background: rgba(0, 0, 0, 0.4) !important;
 }

 .arrow-blur.arrow-white [data-controls] {
     background-color: rgba(255, 255, 255, 0.2) !important;
     color: #fff;
 }

 .arrow-only [data-controls] {
     background: transparent;
 }

 .arrow-only [data-controls]:hover {
     background: transparent;
     color: #191a1f;
 }

 .arrow-hover {
     overflow: hidden;
 }

 .arrow-hover [data-controls='prev'] {
     left: -60px;
 }

 .arrow-hover [data-controls='next'] {
     right: -60px;
 }

 .arrow-hover:hover [data-controls='prev'] {
     left: 0px;
 }

 .arrow-hover:hover [data-controls='next'] {
     right: 0px;
 }

 .arrow-end .tns-controls [data-controls] {
     bottom: 10px;
 }

 .arrow-end [data-controls='prev'] {
     right: 30px;
     left: auto;
 }

 .arrow-end [data-controls='next'] {
     right: 0;
 }

 .arrow-xs .tns-controls [data-controls] {
     width: 24px;
     height: 24px;
     line-height: 24px;
     font-size: 10px;
     margin: 0;
 }

 @media (max-width: 767.98px) {
     .arrow-md-none [data-controls] {
         display: none;
     }
 }

 .tns-nav {
     position: absolute;
     top: 100%;
     bottom: 0;
     left: 50%;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     z-index: 10;
     width: auto;
     text-align: center;
     white-space: nowrap;
 }

 .tns-nav [data-nav] {
     position: relative;
     display: inline-block;
     margin: 0 4px;
     padding: 0;
     width: 14px;
     height: 14px;
     border-radius: 50%;
     overflow: hidden;
     background-color: transparent;
     -webkit-box-shadow: inset 0 0 0 2px #a1a1a8;
     box-shadow: inset 0 0 0 2px #a1a1a8;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     border: 0;
 }

 .tns-nav [data-nav]:after {
     border-radius: 50%;
     overflow: hidden;
     content: '';
     position: absolute;
     bottom: 0;
     height: 0;
     left: 0;
     width: 100%;
     background-color: #a1a1a8;
     -webkit-box-shadow: 0 0 1px #a1a1a8;
     box-shadow: 0 0 1px #a1a1a8;
     -webkit-transition: height 0.3s ease-in-out;
     transition: height 0.3s ease-in-out;
 }

 .tns-nav .tns-nav-active:after {
     height: 100%;
 }

 .dots-inside .tns-nav {
     top: auto;
     padding-bottom: 20px;
 }

 .dots-primary .tns-nav [data-nav] {
     -webkit-box-shadow: inset 0 0 0 2px #2163e8;
     box-shadow: inset 0 0 0 2px #2163e8;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .dots-primary .tns-nav [data-nav]:after {
     background-color: #2163e8;
     -webkit-box-shadow: 0 0 1px #2163e8;
     box-shadow: 0 0 1px #2163e8;
 }

 .dots-white .tns-nav [data-nav] {
     -webkit-box-shadow: inset 0 0 0 2px #fff;
     box-shadow: inset 0 0 0 2px #fff;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .dots-white .tns-nav [data-nav]:after {
     background-color: #fff;
     -webkit-box-shadow: 0 0 1px #fff;
     box-shadow: 0 0 1px #fff;
 }

 .dots-dark .tns-nav [data-nav] {
     -webkit-box-shadow: inset 0 0 0 2px #191a1f;
     box-shadow: inset 0 0 0 2px #191a1f;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .dots-dark .tns-nav [data-nav]:after {
     background-color: #191a1f;
     -webkit-box-shadow: 0 0 1px #191a1f;
     box-shadow: 0 0 1px #191a1f;
 }

 .dots-creative .tns-nav [data-nav] {
     background: #dfe0e5;
     border: none;
     width: 12px;
     height: 12px;
     border-radius: 10px;
     -webkit-box-shadow: none;
     box-shadow: none;
 }

 .dots-creative .tns-nav [data-nav]:after {
     content: none;
 }

 .dots-creative .tns-nav .tns-nav-active {
     background: #2163e8;
     width: 24px;
 }

 .custom-thumb [data-nav] {
     cursor: pointer;
     opacity: 0.6;
 }

 .custom-thumb [data-nav] * {
     color: #fff !important;
 }

 .custom-thumb .tns-nav-active[data-nav] {
     opacity: 1;
 }

 .text-primary-hover a {
     color: #d0d4d9;
 }

 .text-primary-hover a:hover {
     color: #ffffff !important;
 }

 a.text-primary-hover,
 button.text-primary-hover {
     color: #d0d4d9;
 }

 a.text-primary-hover:hover,
 button.text-primary-hover:hover {
     color: #2163e8 !important;
 }

 .text-primary-hover li {
     color: #d0d4d9;
 }

 .text-primary-hover li:hover {
     color: #2163e8 !important;
 }

 .font-base {
     font-family: "Arial", sans-serif;
 }

 .font-heading {
     font-family: "Arial", sans-serif;
 }

 .grayscale {
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     -webkit-transition: all .6s ease;
     transition: all .6s ease;
 }

 .grayscale:hover {
     filter: none;
     -webkit-filter: grayscale(0%);
 }

 .zoom-hover {
     -webkit-transform: scale(1);
     transform: scale(1);
 }

 .zoom-hover:hover {
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
 }

 .up-hover {
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }

 .up-hover:hover {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px);
 }

 .icon-sm {
     width: 1.5rem;
     height: 1.5rem;
     line-height: 1.5rem;
     text-align: center;
     font-size: 75%;
 }

 .icon-md {
     width: 2.8rem;
     height: 2.8rem;
     line-height: 2.8rem;
     text-align: center;
     font-size: .8rem;
 }

 .icon-lg {
     width: 3.5rem;
     height: 3.5rem;
     line-height: 3.5rem;
     text-align: center;
     font-size: 1.2rem;
 }

 .icon-xl {
     width: 5rem;
     height: 5rem;
     line-height: 5rem;
     text-align: center;
     font-size: 1.9rem;
 }

 @media (min-width: 992px) {
     .oversized-block {
         width: calc(100% + 140px - 20px + 140px - 20px);
         margin-left: calc(-140px + 20px);
     }
 }

 @media (min-width: 992px) {
     .splide:not(.splide--ttb) button.splide__arrow {
         opacity: 0;
         visibility: hidden;
         z-index: -1;
     }

     .splide:not(.splide--ttb):hover button.splide__arrow {
         opacity: 1;
         visibility: visible;
         z-index: 1;
     }
 }

 .splide__arrow--prev {
     left: 0;
 }

 .splide__arrow--next {
     right: 0;
 }

 .splide:not(.splide--ttb) button.splide__arrow.splide__arrow--prev {
     border-radius: 0 999px 999px 0;
     border-left: 0;
     background: rgba(209, 209, 209, 0);
     background: -moz-linear-gradient(left, rgba(209, 209, 209, 0) 0%, rgba(209, 209, 209, 0.08) 10%, rgba(3, 3, 3, 0.8) 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, rgba(209, 209, 209, 0)), color-stop(10%, rgba(209, 209, 209, 0.08)), color-stop(100%, rgba(3, 3, 3, 0.8)));
     background: -webkit-linear-gradient(left, rgba(209, 209, 209, 0) 0%, rgba(209, 209, 209, 0.08) 10%, rgba(3, 3, 3, 0.8) 100%);
     background: -o-linear-gradient(left, rgba(209, 209, 209, 0) 0%, rgba(209, 209, 209, 0.08) 10%, rgba(3, 3, 3, 0.8) 100%);
     background: -ms-linear-gradient(left, rgba(209, 209, 209, 0) 0%, rgba(209, 209, 209, 0.08) 10%, rgba(3, 3, 3, 0.8) 100%);
     background: linear-gradient(to right, rgba(209, 209, 209, 0) 0%, rgba(209, 209, 209, 0.08) 10%, rgba(3, 3, 3, 0.8) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1d1d1', endColorstr='#030303', GradientType=1);
 }

 .splide:not(.splide--ttb) button.splide__arrow.splide__arrow--next {
     border-radius: 999px 0 0 999px;
     border-right: 0;
     background: rgba(3, 3, 3, 0.8);
     background: -moz-linear-gradient(left, rgba(3, 3, 3, 0.8) 0%, rgba(209, 209, 209, 0.08) 90%, rgba(209, 209, 209, 0) 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3, 3, 3, 0.8)), color-stop(90%, rgba(209, 209, 209, 0.08)), color-stop(100%, rgba(209, 209, 209, 0)));
     background: -webkit-linear-gradient(left, rgba(3, 3, 3, 0.8) 0%, rgba(209, 209, 209, 0.08) 90%, rgba(209, 209, 209, 0) 100%);
     background: -o-linear-gradient(left, rgba(3, 3, 3, 0.8) 0%, rgba(209, 209, 209, 0.08) 90%, rgba(209, 209, 209, 0) 100%);
     background: -ms-linear-gradient(left, rgba(3, 3, 3, 0.8) 0%, rgba(209, 209, 209, 0.08) 90%, rgba(209, 209, 209, 0) 100%);
     background: linear-gradient(to right, rgba(3, 3, 3, 0.8) 0%, rgba(209, 209, 209, 0.08) 90%, rgba(209, 209, 209, 0) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#030303', endColorstr='#d1d1d1', GradientType=1);
 }

 .col-12.col-lg-auto.col-bgk {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 20%;
     width: 20%;
 }

 @media(max-width:992px) {
     .col-12.col-lg-auto.col-bgk {
         -webkit-box-flex: 0;
         -ms-flex: 0 0 auto;
         flex: 0 0 33.3%;
         width: 33.3%;
     }
 }

 .title.title-nvm {
     font-weight: normal;
     font-size: 22px;
     font-family: 'Montserrat', sans-serif;
     margin: 0;
 }

 .title.title-nvm-cate {
     font-size: 44px;
     font-family: 'Montserrat', sans-serif;
     font-weight: 900;
 }

 .text-hsp {
     font-size: 16px;
     font-family: 'Montserrat', sans-serif;
 }

 button.btn-close.btn-close-modal {
    font-size: 30px;
    position: absolute;
    right: 0px;
    top: -12px;
    padding: 0;
    line-height: 1.3em;
    z-index: 10;
}

 .modal-body {
     background: rgba(250, 242, 230, 0.5);
     background: rgba(250, 242, 230, 1);
     background: -moz-linear-gradient(-45deg, rgba(250, 242, 230, 1) 0%, rgba(255, 254, 252, 1) 27%, rgba(240, 230, 216, 1) 52%, rgba(252, 249, 244, 1) 78%, rgba(242, 233, 218, 1) 100%);
     background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(250, 242, 230, 1)), color-stop(27%, rgba(255, 254, 252, 1)), color-stop(52%, rgba(240, 230, 216, 1)), color-stop(78%, rgba(252, 249, 244, 1)), color-stop(100%, rgba(242, 233, 218, 1)));
     background: -webkit-linear-gradient(-45deg, rgba(250, 242, 230, 1) 0%, rgba(255, 254, 252, 1) 27%, rgba(240, 230, 216, 1) 52%, rgba(252, 249, 244, 1) 78%, rgba(242, 233, 218, 1) 100%);
     background: -o-linear-gradient(-45deg, rgba(250, 242, 230, 1) 0%, rgba(255, 254, 252, 1) 27%, rgba(240, 230, 216, 1) 52%, rgba(252, 249, 244, 1) 78%, rgba(242, 233, 218, 1) 100%);
     background: -ms-linear-gradient(-45deg, rgba(250, 242, 230, 1) 0%, rgba(255, 254, 252, 1) 27%, rgba(240, 230, 216, 1) 52%, rgba(252, 249, 244, 1) 78%, rgba(242, 233, 218, 1) 100%);
     background: linear-gradient(135deg, rgba(250, 242, 230, 1) 0%, rgba(255, 254, 252, 1) 27%, rgba(240, 230, 216, 1) 52%, rgba(252, 249, 244, 1) 78%, rgba(242, 233, 218, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf2e6', endColorstr='#f2e9da', GradientType=1);
 }

 .modal-nvm .modal-body {
     padding: 0;
 }

 .modal-nvm .modal-content {
     border-radius: 20px;
     overflow: hidden;
 }

 .title-modal-in .title-nvm {
     font-size: 24px;
 }

 .title-modal-in p.text-hsp {
     font-size: 20px;
 }

 [data-bs-toggle="modal"] {
     cursor: pointer;
 }

 [data-bs-toggle="modal"] img {
     opacity: 0.5;
     transition: all 0.3s ease-in-out;
     filter: gray;
     -webkit-filter: grayscale(100%);
 }

 [data-bs-toggle="modal"]:hover img {
     opacity: 1;
     filter: gray;
     -webkit-filter: grayscale(0%);
 }

 .f-trung-nguyen {
     font-family: 'Montserrat', sans-serif;
 }

 .logo-footer {
     width: 150px;
     display: inline-block;
 }

 .image-brand {
     width: auto;
     display: inline-block;
     max-width: 80px;
 }

 .image-brand img {
     transition: all 0.3s;
     filter: gray;
     -webkit-filter: grayscale(100%);
 }

 footer.footer.content-footer {
     background: #eddfc8;
 }

 .footer-mid .widget-title {
     margin: 15px 0 15px 0;
     font-size: 16px;
     text-transform: uppercase;
     color: #000;
 }

 .footer-list li {
     display: block;
     margin: 0 0 5px;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
 }

.footer-list li a,.footer-list li{
    color: #000;
    font-size: 14px;
}

 .footer-list li a:hover {
     color: #bd8d32;
 }

 .footer-list li:last-child {
     margin-bottom: 0;
 }

 img.jarallax-img-position {
     position: absolute;
     left: 0;
     top: 0;
     z-index: 0;
	 width:100%;
 }

 .section-gt-wp {
     z-index: 2;
     position: absolute;
 }

 .star-box img {
     width: 100%;
 }

 .star-box {
     position: absolute;
     top: 0;
     z-index: 10;
 }

 .star-01 {
     top: 25%;
     left: -8%;
 }

 .star-02 {
     top: 0%;
     right: -5%;
 }

 .star-03 {
     top: 87%;
     left: 16%;
 }

 .star-04 {
     top: 100%;
     right: 17%;
 }

 @media(max-width:992px) {
     .star-box img {
         width: 80%;
     }

     .star-01 {
         top: 12%;
         left: -2%;
     }
 }

 .btn-thamgia {
     border: 1px solid;
     padding: 5px 25px 5px;
     border-radius: 7px;
     color: #333;
 }



 .bg-menu {
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
 }

 .bg-menu img {
     width: 100%;
     height: 100%;
 }

 .menu>li {
     margin: 0;
     flex: 1;
 }

 .menu>li>a {
     padding: 10px;
     color: #000000;
     font-size: 16px;
     word-spacing: 1px;
     letter-spacing: 1px;
     text-align: center;
     width: 100%;
 }

 .menu>li>a:after {
     position: absolute;
     content: "";
     width: 1px;
     height: 15px;
     background: #c1c1c1;
     top: 50%;
     right: 0;
     transform: translateY(-50%);
 }

 .menu>li:last-child>a:after {
     display: none;
 }

 .pace {
     pointer-events: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     z-index: 99999999999999;
     position: fixed;
     margin: auto;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     width: 400px;
     border: 0px;
     height: 1px;
     overflow: hidden;
     background: rgba(255, 255, 255, 0.05);
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
 }

 .pace .pace-progress {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     max-width: 300px;
     position: fixed;
     z-index: 99999999999999;
     display: block;
     position: absolute;
     top: 0;
     right: 100%;
     height: 100%;
     width: 100%;
     background: #f1f1f1;
     background: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(#777777), to(#555555));
     background: -webkit-linear-gradient(to right, #000000, #777777, #555555);
     background: -o-linear-gradient(to right, #000000, #777777, #555555);
     background: linear-gradient(to right, #000000, #777777, #555555);
 }

 .pace.pace-inactive {
     width: 100vw;
     opacity: 0;
 }

 .pace.pace-inactive .pace-progress {
     max-width: 100vw;
 }

 #preloader {
     width: 100%;
     height: 100vh;
     overflow: hidden;
     position: fixed;
     z-index: 9999999;
 }

 #preloader:after,
 #preloader:before {
     content: '';
     position: fixed;
     left: 0;
     height: 50%;
     width: 100%;
     background: #000000;
     -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
     -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
     transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
 }

 #preloader:before {
     top: 0;
 }

 #preloader:after {
     bottom: 0;
 }

 #preloader.isdone {
     visibility: hidden;
     -webkit-transition-delay: 1s;
     -o-transition-delay: 1s;
     transition-delay: 1s;
 }

 #preloader.isdone:after,
 #preloader.isdone:before {
     height: 0;
     -webkit-transition: all 0.5s cubic-bezier(1, 0, 0.55, 1);
     -o-transition: all 0.5s cubic-bezier(1, 0, 0.55, 1);
     transition: all 0.5s cubic-bezier(1, 0, 0.55, 1);
     -webkit-transition-delay: 0.5s;
     -o-transition-delay: 0.5s;
     transition-delay: 0.5s;
 }

 .loading {
     color: #fff;
     position: fixed;
     left: 50%;
     top: calc(50% - 40px);
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     font-weight: 300;
     font-size: 13px;
     text-transform: uppercase;
     letter-spacing: 10px;
     z-index: 9999999999;
 }

 .loading img {
     max-width: 220px;
 }

 @media(max-width:767px) {
     .loading img {
         max-width: 180px;
     }
 }

 .loading.isdone {
     top: 50%;
     opacity: 0;
     -webkit-transition: all .8s;
     -o-transition: all .8s;
     transition: all .8s;
     -webkit-transition-delay: .5s;
     -o-transition-delay: .5s;
     transition-delay: .5s;
     z-index: -1;
 }

 .loading span {
     -webkit-animation: loading 1s infinite alternate;
     animation: loading 1s infinite alternate;
 }

 .loading span:nth-child(1) {
     -webkit-animation-delay: 0s;
     animation-delay: 0s;
 }

 .loading span:nth-child(2) {
     -webkit-animation-delay: 0.1s;
     animation-delay: 0.1s;
 }

 .loading span:nth-child(3) {
     -webkit-animation-delay: 0.2s;
     animation-delay: 0.2s;
 }

 .loading span:nth-child(4) {
     -webkit-animation-delay: 0.3s;
     animation-delay: 0.3s;
 }

 .loading span:nth-child(5) {
     -webkit-animation-delay: 0.4s;
     animation-delay: 0.4s;
 }

 .loading span:nth-child(6) {
     -webkit-animation-delay: 0.5s;
     animation-delay: 0.5s;
 }

 .loading span:nth-child(7) {
     -webkit-animation-delay: 0.6s;
     animation-delay: 0.6s;
 }

 @-webkit-keyframes loading {
     0% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }

 @keyframes loading {
     0% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }

 @-webkit-keyframes fixedAnim {
     0% {
         right: 125%;
     }

     125% {
         right: 0;
     }
 }

 @-moz-keyframes fixedAnim {
     0% {
         right: 125%;
     }

     125% {
         right: 0;
     }
 }

 @keyframes fixedAnim {
     0% {
         right: 125%
     }

     125% {
         right: 0;
     }
 }

 .swal2-container.swal2-center>.swal2-popup {
     padding-bottom: 20px;
 }

 .swal2-container .swal2-actions {
     margin: 0;
 }

 .swal2-styled.swal2-cancel {
     border: 0;
     border-radius: 0.25em;
     background: transparent !important;
     color: #8f8f8f !important;
     font-size: 1em !important;
     position: absolute;
     right: 0;
     top: 0;
     padding: 0px 10px 5px 10px;
     line-height: 1.5em;
     border: none;
     box-shadow: none !important;
 }

 .swal2-styled.swal2-cancel {
     color: #f00;
 }

 b,
 strong {
     font-weight: bold;
 }

 .facenhanvat .swiper-slide.swiper-slide-thumb-active {
     background: #ffa352;
 }

 .card.card-baithi {
     background: transparent;
     height: 100%;
 }

 .card-title.card-title-post {
     font-size: 14px;
     font-weight: 500;
     transition: color .25s ease-in-out;
     text-decoration: none;
     display: -webkit-box;
     height: auto;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: normal;
     -webkit-line-clamp: 1;
     font-weight: 400;
     line-height: 1.3em;
     width: 100%;
     position: relative;
     margin: 0;
 }

 button.btn.btn-binhchon {
     padding: 0;
     margin: 0;
 }

 .title-tham-gia {
     font-size: var(--font-size-title-large);
     font-weight: 700;
 }

 main {
     min-height: calc(100vh - 285px);
     background: rgba(250, 242, 230, 0.5);
     background: rgba(250, 242, 230, 1);
     background: -moz-linear-gradient(-45deg, rgba(250, 242, 230, 1) 0%, rgba(255, 254, 252, 1) 27%, rgba(240, 230, 216, 1) 52%, rgba(252, 249, 244, 1) 78%, rgba(242, 233, 218, 1) 100%);
     background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(250, 242, 230, 1)), color-stop(27%, rgba(255, 254, 252, 1)), color-stop(52%, rgba(240, 230, 216, 1)), color-stop(78%, rgba(252, 249, 244, 1)), color-stop(100%, rgba(242, 233, 218, 1)));
     background: -webkit-linear-gradient(-45deg, rgba(250, 242, 230, 1) 0%, rgba(255, 254, 252, 1) 27%, rgba(240, 230, 216, 1) 52%, rgba(252, 249, 244, 1) 78%, rgba(242, 233, 218, 1) 100%);
     background: -o-linear-gradient(-45deg, rgba(250, 242, 230, 1) 0%, rgba(255, 254, 252, 1) 27%, rgba(240, 230, 216, 1) 52%, rgba(252, 249, 244, 1) 78%, rgba(242, 233, 218, 1) 100%);
     background: -ms-linear-gradient(-45deg, rgba(250, 242, 230, 1) 0%, rgba(255, 254, 252, 1) 27%, rgba(240, 230, 216, 1) 52%, rgba(252, 249, 244, 1) 78%, rgba(242, 233, 218, 1) 100%);
     background: linear-gradient(135deg, rgba(250, 242, 230, 1) 0%, rgba(255, 254, 252, 1) 27%, rgba(240, 230, 216, 1) 52%, rgba(252, 249, 244, 1) 78%, rgba(242, 233, 218, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf2e6', endColorstr='#f2e9da', GradientType=1);
 }

 .image-full.contain img {
     height: 90%;
     width: 90%;
     margin: 0 auto;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     border-radius: 0;
     -o-object-fit: contain;
     object-fit: contain;
 }

 .btn-account {
     background: transparent;
     border: 0;
     padding: 0;
     margin: 0;
     color: #ff6600;
 }

 .btn-account:focus,
 .btn-account:hover {
     background: transparent;
     color: #ff6600
 }

 .account-menu .dropdown-menu {
     margin-top: 20px;
 }

 .dropdown-item:hover,
 .dropdown-item:focus {
     color: #f26522;
 }

 .account-list li:last-child {
     border: 0 !important;
 }

 .account-list li a {
     font-size: 14px;
     color: #000000;
 }

 .account-list li a:hover {
     color: #f26522;
 }

 .account-list li a i {
     font-size: 21px;
     margin-right: 10px;
 }

 .card-body.card-body-register {
     background: #f2e9dc;
     border-radius: 20px;
     padding: 35px 30px;
     height: 100%;
 }

 .card-info.card-body {
     padding-top: 40px;
 }

 .card-login {
     width: 800px;
     max-width: 100%;
     margin: 0 auto;
 }

 .footer .title-footer {
     font-size: 24px;
     font-weight: bold;
     color: #fff;
 }

 .link-content {
     color: #333;
     font-weight: bold;
     text-decoration: underline;
 }

 .p-content.p-content-policy li {
     margin-bottom: 10px;
     text-align: justify;
 }

 .p-content-policy .form-check {
     font-style: italic;
 }

 .p-content.p-content-policy ul {
     padding-left: 20px;
 }

 .p-content.p-content-policy ul ul {
     margin-top: 10px;
 }

 .p-content.p-content-policy ul ul li {
     list-style: none;
	   font-size: var(--font-size-content);
 }

 .p-content.p-content-policy ul ul li:before {
     content: "\f101";
     font-family: "Font Awesome 6 Pro";
     font-weight: 300;
     padding-right: 6px;
     font-size: 12px;
 }

 footer.content-footer p {
     display: inline-block;
     font-size: var(--font-size-content);
     line-height: 1.5em;
     color: #ffffff;
     margin: 0;
 }

 label.error {
     font-family: arial, "sans-serif"
 }

 :root {
     --font-size-title-small: 18px;
     --font-size-title: 24px;
     --font-size-title-large: 28px;
     --font-size-title-xlarge: 32px;
     --font-size-button: 16px;
     --font-size-content-large: 16px;
     --font-size-content: 14px;
     --font-size-content-medium: 15px;
     --font-size-content-small: 12px;
     --font-weight--regular: 400;
     --font-weight--semibold: 500;
     --font-weight--bold: 700;
     --font-weight--light: 300;
     --line-height--regular: 1.5;
     --line-height--heading: 1.25;
     --line-height--reset: 1;
     --line-height--l: 32px;
     --font-size--h1: 36px;
     --font-size--h2: 32px;
     --font-size--h3: 28px;
     --font-size--h4: 24px;
     --font-size--h5: 20px;
     --font-size--h6: 18px;
     --font-size--body-xl: 20px;
     --font-size--body-l: 18px;
     --font-size--body-m: 16px;
     --font-size--body-s: 14px;
     --font-size--body-xs: 12px;
     --font-size--body-xxs: 9px;
     --color-red: #ed1c24;
 }

 @media(max-width:1200px) {
     :root {
         --font-size-title-small: 14px;
         --font-size-title: 18px;
         --font-size-title-large: 20px;
         --font-size-title-xlarge: 24px;
         --font-size-button: 16px;
         --font-size-content-large: 16px;
         --font-size-content: 14px;
         --font-size-content-small: 12px;
         --font-weight--regular: 400;
         --font-weight--semibold: 500;
         --font-weight--bold: 700;
         --font-weight--light: 300;
         --line-height--regular: 1.5;
         --line-height--heading: 1.25;
         --line-height--reset: 1;
         --line-height--l: 32px;
         --font-size--h1: 36px;
         --font-size--h2: 32px;
         --font-size--h3: 28px;
         --font-size--h4: 24px;
         --font-size--h5: 20px;
         --font-size--h6: 18px;
         --font-size--body-xl: 20px;
         --font-size--body-l: 18px;
         --font-size--body-m: 16px;
         --font-size--body-s: 14px;
         --font-size--body-xs: 12px;
         --font-size--body-xxs: 9px;
         --color-red: #ed1c24;
     }
 }

 @media(max-width:576px) {
     :root {
         --font-size-title-small: 14px;
         --font-size-title: 16px;
         --font-size-title-large: 20px;
         --font-size-title-xlarge: 12px;
         --font-size-button: 16px;
         --font-size-content-large: 16px;
         --font-size-content: 14px;
         --font-size-content-small: 12px;
         --font-weight--regular: 400;
         --font-weight--semibold: 500;
         --font-weight--bold: 700;
         --font-weight--light: 300;
         --line-height--regular: 1.5;
         --line-height--heading: 1.25;
         --line-height--reset: 1;
         --line-height--l: 32px;
         --font-size--h1: 36px;
         --font-size--h2: 32px;
         --font-size--h3: 28px;
         --font-size--h4: 24px;
         --font-size--h5: 20px;
         --font-size--h6: 18px;
         --font-size--body-xl: 20px;
         --font-size--body-l: 18px;
         --font-size--body-m: 16px;
         --font-size--body-s: 14px;
         --font-size--body-xs: 12px;
         --font-size--body-xxs: 9px;
         --color-red: #ed1c24;
     }
 }

 .jarallax,
 .jarallax-keep-img {
     position: relative;
     z-index: 0;
 }

 .jarallax>.jarallax-img,
 .jarallax-keep-img>.jarallax-img {
     position: absolute;
     object-fit: cover;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 .title {
     font-size: var(--font-size-title);
     font-weight: 700;
 }

 .title-gradient {}

 .title-large {
     font-size: var(--font-size-title-large)
 }

 .title-xlarge {
     font-size: var(--font-size-title-xlarge)
 }

 .title-large-letter-spacing {
     font-size: var(--font-size-title-large);
     font-weight: 700;
     letter-spacing: -3px;
 }

 .btn-news-readmore {
     font-size: var(--font-size-button);
     border: 1px solid;
     border-radius: 0;
     padding: 5px 25px;
     color: #000;
 }

 .btn-news-readmore:hover {
     background: #000000;
     color: #ffffff;
 }

 .btn-news-readmore i {
     font-size: var(--font-size-button);
     line-height: 0;
     position: relative;
     top: 2px;
 }

 .btn-small {
     font-size: var(--font-size-content-small);
 }

 .btn-large {
     font-weight: 500;
     border-width: 2px;
 }

 .jarallax {
     position: relative;
     z-index: 0;
 }

 .jarallax .jarallax-img {
     position: absolute;
     object-fit: cover;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: -1;
 }

 .swiper.listnhanvat {
     width: 100%;
     height: 698px;
     margin-left: auto;
     margin-right: auto;
 }

 .swiper.listnhanvat .swiper-slide {
     text-align: center;
     font-size: 18px;
     background: #fff;
     height: calc((100% - 40px) / 3) !important;
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
 }

 .swiper.listnhanvat .swiper-slide:after {
     border: 3px solid transparent;
     position: absolute;
     width: 100%;
     height: 100%;
     content: "";
     z-index: 10
 }

 .swiper.listnhanvat .swiper-slide.swiper-slide-thumb-active:after {
     border: 3px solid #000000;
 }

 .item-nhanvatchitiet {
     width: 100%;
     overflow: hidden;
 }

 .item-nhanvatchitiet .name-nhanvat {
     background: #dc5c18;
     padding: 10px;
     text-align: center;
     font-size: 20px;
     color: #fff;
 }

 .image-nhanvat img {
     width: 100%;
 }

 .image-nhanvat,
 .infor-image {
     position: relative;
 }

 .image-nhanvat:after,
 .infor-image:after {
     content: "";
     display: block;
     position: relative;
     z-index: 2;
     padding-top: 75%;
 }

 .image-nhanvat {
     background: #333333;
 }

 .image-nhanvat:after {
     padding-top: 48%;
 }

 .infor-image:after {
     padding-top: 100%;
 }

 .image-nhanvat img,
 .infor-image img {
     width: 100%;
     height: auto;
     z-index: 1;
     -o-object-fit: cover;
     object-fit: cover;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     display: block;
 }

 .image-nhanvat img {
     -o-object-fit: contain;
     object-fit: contain;
 }

 .infor-image.image-contain img {
     -o-object-fit: contain;
     object-fit: contain;
 }

 .section-list-arrow .swiper-button-next,
 .section-list-arrow .swiper-button-prev {
     background: #fff;
     padding: 10px;
     color: #333;
     width: 30px;
     height: 30px;
     font-size: 18px;
     text-align: center;
     border-radius: 10px;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     transform: translateY(10px);
     -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
     box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 30%);
     -webkit-box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 30%);
     -moz-box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 30%);
 }

 .section-list-arrow .swiper-button-next:after,
 .section-list-arrow .swiper-button-prev:after {
     font-size: 20px;
 }

 .section-list-arrow-vertical .swiper-button-next,
 .section-list-arrow-vertical .swiper-button-prev {
     background: #fff;
     padding: 10px;
     color: #333;
     width: 50px;
     height: 50px;
     font-size: 18px;
     text-align: center;
     border-radius: 10px;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     transform: translateY(10px);
     -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
     box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 30%);
     -webkit-box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 30%);
     -moz-box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 30%);
 }

 .section-list-arrow-vertical .swiper-button-next:after,
 .section-list-arrow-vertical .swiper-button-prev:after {
     font-size: 27px;
 }

 @media(min-width:1200px) {
     .section-list-arrow-vertical .swiper-button-prev:after {
         font-family: "Font Awesome 6 Pro";
         font-weight: 400;
         content: "\f106";
     }

     .section-list-arrow-vertical .swiper-button-next:after {
         font-family: "Font Awesome 6 Pro";
         font-weight: 400;
         content: "\f107";
     }

     .section-list-arrow-vertical .swiper-button-prev {
         top: 0;
         left: 50%;
         transform: translateX(-50%);
     }

     .section-list-arrow-vertical .swiper-button-next {
         top: 100%;
         right: 50%;
         transform: translateX(50%);
     }
 }

 .mySwiperScrollbarDetail {
     max-height: 615px;
     width: 100%;
 }

 .mySwiperScrollbarDetail .swiper-slide {
     height: auto;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     padding-right: 30px;
 }

 @media(max-width:1700px) {
     .swiper.listnhanvat {
         height: 654px;
     }

     .image-nhanvat:after {
         padding-top: 51%;
     }

     .mySwiperScrollbarDetail {
         max-height: 579px;
     }
 }

 @media(max-width:1600px) {
     .swiper.listnhanvat {
         height: 565px;
     }

     .mySwiperScrollbarDetail {
         max-height: 501px;
     }
 }

 @media(max-width:1400px) {
     .swiper.listnhanvat {
         height: 476px;
     }

     .mySwiperScrollbarDetail {
         max-height: 413px;
     }
 }

 @media(max-width:1200px) {
     .swiper.listnhanvat {
         height: auto;
     }

     .swiper.listnhanvat .swiper-slide {
         height: auto;
     }

     .image-nhanvat:after {
         padding-top: 65%;
     }
 }

 @media(max-width:767px) {
     a.btn-join img {
         max-width: 200px;
     }
 }

 .card-baithi:hover a,
 .card-baithi:hover a.btn-link {
     color: #f26522 !important
 }

 .nav-infor.nav.nav-divider .nav-item+.nav-item:before {
     display: none;
 }

 .position-title {
     position: relative;
     top: -2px;
     font-size: 22px;
 }

 .bg-nhanvat-in:before {
     width: 100%;
     height: calc(100% - 300px);
     content: "";
     position: absolute;
     top: 150px;
     left: 0;
     background: rgba(255, 131, 0, .74);
 }

 @media(max-width:1200px) {
     .bg-nhanvat-in:before {
         height: 100%;
         top: 0;
         background: rgba(255, 131, 0, .7);
     }
 }

 .bg-nhanvat-in .container {
     position: relative;
     z-index: 100;
 }

 .face-nhanvat {
     text-align: center;
     cursor: pointer;
 }

 .image-logo img {
     max-width: 100%;
     width: 400px;
 }

 .bg-nhanvat-in:before {
     position: absolute;
 }

 .card-infor .card-engineered {
     background: #898989;
 }

 .card-infor:nth-child(odd) .card-engineered {
     background: #636466;
 }

 .icon-social i {
     font-size: 40px;
     color: #ffffff;
 }

 .nav-tabs-gpu {
     position: relative;
 }

 .nav-tabs-gpu li {
     width: 140px;
     text-align: center;
 }

 .nav-tabs-gpu:before,
 .nav-tabs-gpu:after {
     position: absolute;
     content: "";
     height: 2px;
     width: 100%;
     background: #000000;
     background: rgba(179, 0, 0, 1);
     background: -moz-linear-gradient(left, rgba(179, 0, 0, 1) 0%, rgba(241, 131, 8, 1) 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, rgba(179, 0, 0, 1)), color-stop(100%, rgba(241, 131, 8, 1)));
     background: -webkit-linear-gradient(left, rgba(179, 0, 0, 1) 0%, rgba(241, 131, 8, 1) 100%);
     background: -o-linear-gradient(left, rgba(179, 0, 0, 1) 0%, rgba(241, 131, 8, 1) 100%);
     background: -ms-linear-gradient(left, rgba(179, 0, 0, 1) 0%, rgba(241, 131, 8, 1) 100%);
     background: linear-gradient(to right, rgba(179, 0, 0, 1) 0%, rgba(241, 131, 8, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b30000', endColorstr='#f18308', GradientType=1);
 }

 .nav-tabs-gpu:before {
     top: -2px;
     left: 0
 }

 .nav-tabs-gpu:after {
     bottom: -2px;
     left: 0
 }

 .nav-tabs .nav-link:hover {
     color: #EE2422;
 }

 .nav-tabs .nav-link.active {
     background: #c6312b;
     font-weight: bold;
 }

 .nav-tabs .nav-link.active:hover {
     color: #f1f1f1;
 }

 @media(max-width:576px) {
     .nav-tabs-gpu li {
         width: 50%;
     }
 }

 .max-height {
     max-height: 600px;
 }

 .map.max-height {
     height: 646px;
     max-height: 646px;
     overflow: hidden;
 }

 .height-input {
     height: 50px;
 }

 .map {
     border: 1px solid #333;
 }

 button.btn-find-now {
     font-size: var(--font-size-title);
     border: 0;
     background: transparent;
     margin: 0;
     color: var(--color-red);
 }

 .btn-submit-find {
     font-size: 24px;
     background: var(--color-red);
     color: #ffffff;
     height: calc(100% - 2px);
     position: absolute;
     right: 1px;
     top: 1px;
     min-width: 50px;
     z-index: 1;
 }

 .title-font {
     font-size: var(--font-size-title);
 }

 .card.card-daily {
     border: 1px solid #333333;
 }

 .card.card-daily .card-header {
     background: var(--color-red);
     color: #ffffff;
     font-size: var(--font-size-title);
 }

 .card.card-daily .card-body {
     overflow: auto;
 }

 .partner-item {
     border: 1px solid;
     padding: 10px;
 }

 .infor-partner li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-bottom: 10px;
 }

 .infor-partner li span {
     color: #9d9fa2;
     width: 90px;
     display: block;
 }

 .infor-partner li span:first-child {
     position: relative;
 }

 .infor-partner li span:first-child:after {
     content: ":";
     position: absolute;
     right: 0;
     top: 0;
 }

 .infor-partner li span~span {
     color: #333333;
     width: calc(100% - 90px);
     padding-left: 5px;
 }

 .btn-amd-driver {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     bottom: 20%;
 }

 .list-information li {
     margin-bottom: 14px;
 }

 .image-bg-seri {
     position: relative;
     -webkit-transition: opacity .3s ease-out;
     transition: opacity .3s ease-out;
     overflow: hidden;
 }

 .image-bg-seri img {
     width: 100%;
     height: auto;
     z-index: 1;
     -o-object-fit: contain;
     object-fit: contain;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     display: block;
 }

 .image-bg-seri:after {
     content: "";
     display: block;
     position: relative;
     z-index: 2;
     padding-top: 39%;
 }

 .form-label {
     font-size: var(--font-size-content);
 }

 .form-control-cus {
     box-shadow: none;
     border-radius: 0;
 }

 .form-control-cus:focus {
     border-color: #000000;
 }

 .check-seri .title h2,
 .check-seri .description {
     color: #fff;
 }

 .check-seri .title h2,
 .title-form,
 .content-amd-driver .title,
 .div .title {
     font-size: var(--font-size-title);
 }

 .btn-send {
     color: #898989;
     font-size: var(--font-size-button);
     border: 1px solid;
     border-radius: 0;
     padding: 5px 25px;
 }

 .btn-send:hover {
     color: #ffffff;
     border-color: #ffffff;
 }

 .btn-send-black:hover {
     color: #000000;
     border-color: #000000;
 }

 .check-seri .form-control {
     border-radius: 0;
     background: transparent;
     border: 1px solid;
     color: #898989;
     transition: all 0.3s;
 }

 .check-seri .form-control:focus {
     color: #ffffff;
 }

 .btn-send {
     font-size: var(--font-size-button);
 }

 .contactform textarea.form-control {
     min-height: 210px;
 }

 .brand-item {
     padding: 20px;
 }

 @media(max-width:767px) {
     .brand-item {
         padding: 5px;
     }
 }

 .swiper-arrow-out .swiper {
     width: calc(100% - 100px);
     width: 100%;
 }

 .swiper-button-next-unique,
 .swiper-button-prev-unique {
     position: absolute;
     top: 50%;
     width: calc(var(--swiper-navigation-size)/ 44 * 27);
     height: var(--swiper-navigation-size);
     margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
     z-index: 10;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #000000;
     width: 50px;
     text-align: center;
     font-size: 35px;
 }

 .swiper-arrow-out .swiper-button-prev-unique {
     left: 0;
     right: auto;
 }

 .swiper-arrow-out .swiper-button-next-unique {
     right: 0;
     left: auto;
 }

 .swiper-pagination-bullet {
     width: 15px;
     height: 5px;
     background: #646464;
     border-radius: 2px;
 }

 .swiper-button-next-unique.swiper-button-disabled,
 .swiper-button-prev-unique.swiper-button-disabled {
     opacity: 0;
     cursor: auto;
     pointer-events: none;
 }

 .container-banner .title-banner .title {
     font-size: 26px;
     color: #fff;
     font-weight: 500;
 }

 .title-banner .title {
     font-size: 26px;
     color: #fff;
     font-weight: 500;
 }

 .title-banner p {
     font-size: 16px;
     color: #ffffff;
 }

 .readmore-banner a {
     display: inline-block;
     padding: 5px 15px;
     border: 1px solid;
     font-size: var(--font-size-content);
     color: #ffffff;
     transition: none;
 }

 @media(min-width:992px) {
     img.banner-image {
         width: auto;
         margin-left: auto;
         max-width: 70vw;
     }

     .infor-banner {
         font-size: 16px;
         color: #fff;
         width: 632px;
         margin-top: -115px;
         margin-left: 5%;
     }
 }

 @media(min-width:1200px) {
     img.banner-image {
         width: auto;
         margin-left: auto;
         max-width: 70vw;
     }

     .infor-banner {
         font-size: 16px;
         color: #fff;
         width: 658px;
         margin-top: -150px;
     }
 }

 @media(min-width:1400px) {
     img.banner-image {
         width: auto;
         margin-left: auto;
         max-width: 70vw;
     }

     .infor-banner {
         font-size: 16px;
         color: #fff;
         width: 800px;
         margin-top: -140px;
     }
 }

 @media(max-width:991.98px) {
     .title-banner .title {
         font-size: 22px;
         color: #fff;
     }

     .title-banner p {
         font-size: 14px;
     }

     .image-tam-cam {
         max-width: 100%;
         width: 320px;
     }

     .infor-banner {
         margin-top: -40px;
     }
 }

 @media(max-width:575.98px) {
     .infor-banner {
         margin-top: -10px;
     }

     .title-banner .title {
         font-size: 16px;
     }
 }

 .p-content {
     font-size: var(--font-size-content);
 }

 .p-content-large,
 .step-text,
 .people-item {
     font-size: var(--font-size-content-large);
 }

 .gpu_intro {
     background: #000;
     background: rgb(0, 0, 0);
     background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(37, 39, 51, 1) 100%);
     background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(37, 39, 51, 1) 100%);
     background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(37, 39, 51, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#252733", GradientType=1);
 }

 .content-text {
     font-size: 14px;
 }

 .splide_gpu_text .splide__pagination {
     -ms-flex-pack: start;
     justify-content: start;
 }

 body {
     font-family: 'Montserrat', sans-serif;
     font-size: var(--font-size-content);
     font-weight: 300;
     overflow-y: scroll;
 }

 .bg-config,
 .bg-dark-50 {
     background: #f1f1f1;
 }

 .bg-dark-60 {
     background: rgba(13, 13, 13, .6);
 }

 .bg-dark-70 {
     background: rgba(35, 35, 35, 1);
 }

 .bg-dark-90 {
     background: rgba(35, 35, 35, 1);
 }

 .bg-opacity-50 {
     background: rgba(0, 0, 0, .7);
 }

 .bg-grey {
     background: #e2e0e2;
 }

 .title-pc h3 {
     font-size: var(--font-size-title);
     font-weight: 500;
 }

 .card.card-news {
     background: transparent;
     border-radius: 0;
 }

 footer p {
     color: #d0d4d9;
     font-size: var(--font-size-content)
 }

 ul.nav.nav-footer-link-social li a {
     font-size: 21px;
     color: #fff;
     width: 35px;
     display: inline-flex;
     height: 35px;
     align-items: center;
     justify-content: center;
     border-radius: 12px;
 }

 ul.nav.nav-footer-link-social li a.facebook {
     border: 3px solid #f1f1f1
 }

 ul.nav.nav-footer-link-social li a.facebookin {
     font-size: 36px;
 }

 ul.nav.nav-footer-link-social li a.instagram {
     font-size: 39px;
 }

 ul.nav.nav-footer-link-social li a.website {
     font-size: 33px;
 }

 @media(max-width:767px) {
     ul.nav.nav-footer-link-social li a.facebookin {
         font-size: 26px;
     }

     ul.nav.nav-footer-link-social li a.instagram {
         font-size: 29px;
     }

     ul.nav.nav-footer-link-social li a.website {
         font-size: 26px;
     }
 }

 .footer-newsletter {
     border: 1px solid #4d4d4d;
     border-left: 0;
     border-right: 0;
 }

 input.input-newsletter {
     border-radius: 0;
     background: transparent;
     width: calc(100% - 167px);
     border-color: #ffffff;
 }

 button.btn.btn-newsletter {
     margin: 0;
     border-radius: 0;
     margin-left: 25px;
     background: #636466;
     border: 0;
     color: #fff;
     font-size: var(--font-size-content);
 }

 button.btn.btn-newsletter:hover {
     background: #7d7d7d;
 }

 @media (max-width:500px) {

     input.input-newsletter,
     button.btn.btn-newsletter {
         width: 100%;
         margin: 0;
     }
 }

 .nav-footer-link .nav-item>a.nav-link {
     text-transform: capitalize;
     padding-top: 0;
     padding-bottom: 0;
     font-size: var(--font-size-content);
 }

 .nav-footer-link li {
     margin-bottom: 3px;
     font-size: var(--font-size-content)
 }

 .nav-footer-link .nav-item>a.nav-link:first-letter {
     text-transform: uppercase;
 }

 .btn-close {
     background: none;
 }

 button.btn.btn-search {
     position: absolute;
     right: 0;
     top: 2px;
     height: calc(100% - 4px);
     background: #ffffff;
     color: #000;
     font-size: var(--font-size-title);
     line-height: 0;
     z-index: 10;
 }

 button.btn-close-menu {
     width: 40px;
     height: 40px;
 }

 button.btn-close-menu i {
     font-size: 30px;
     color: #000000;
 }

 .logo-menu-bar a img {
     max-width: 100%;
     width: 160px;
 }

 .splide_gpu_wp {}

 .title-line-no-background {
     position: relative;
     overflow: hidden;
     text-align: center;
 }

 .title-line-no-background span {
     display: inline-block;
     vertical-align: baseline;
     zoom: 1;
     position: relative;
     padding: 0 20px;
     font-size: var(--font-size-title);
     font-weight: 500;
 }

 .title-line-no-background span:before,
 .title-line-no-background span:after {
     content: '';
     display: block;
     width: 80px;
     position: absolute;
     top: 0.73em;
     border-top: 1px solid #000000;
 }

 .title-line-no-background span:before {
     right: 100%;
 }

 .title-line-no-background span:after {
     left: 100%;
 }

 .title-line-no-background.blue {
     color: #007c97;
 }

 .title-line-no-background.blue span:before,
 .title-line-no-background.blue span:after {
     border-color: #007c97;
 }

 .title-line-no-background.green {
     color: #007c97;
 }

 .title-line-no-background.green span:before,
 .title-line-no-background.green span:after {
     border-color: #007c97;
 }

 .title-line-no-background.orange {
     color: #f26522;
 }

 .title-line-no-background.orange span:before,
 .title-line-no-background.orange span:after {
     border-color: #f26522;
 }

 .title-sub {
     font-size: var(--font-size-title);
     font-weight: 500;
 }

 @-webkit-keyframes fixedAnim {
     0% {
         right: 125%;
     }

     125% {
         right: 0;
     }
 }

 @-moz-keyframes fixedAnim {
     0% {
         right: 125%;
     }

     125% {
         right: 0;
     }
 }

 @keyframes fixedAnim {
     0% {
         right: 125%
     }

     125% {
         right: 0;
     }
 }

 .effect {
     display: block;
     overflow: hidden;
     position: relative;
 }

 .effect::before {
     background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0;
     content: "";
     display: block;
     height: 100%;
     position: absolute;
     right: -75%;
     top: 0;
     transform: skewX(-25deg);
     width: 50%;
     z-index: 2;
 }

 .effect:hover::before {
     animation: 1s ease 0s normal none 1 running fixedAnim;
     animation: 1s ease 0s normal none 1 running fixedAnim;
     -webkit-animation: 1s ease 0s normal none 1 running fixedAnim;
     -moz-animation: 1s ease 0s normal none 1 running fixedAnim;
 }

 .card-news .blog-title {
     display: -webkit-box;
     height: 60px;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: normal;
     -webkit-line-clamp: 2;
     font-weight: 700;
     line-height: 1.3em;
     font-size: var(--font-size-title);
 }

 .card-news .blog-title.line-clamp-2,
 .line-clamp-2 {
     height: 60px;
     -webkit-line-clamp: 2;
 }

 .section-case .card-news .blog-title,
 .card-news .blog-title.line-clamp-1,
 .line-clamp-1 {
     height: 30px;
     -webkit-line-clamp: 1;
 }

 .card-news .blog-title h2,
 .card-news .blog-title h3 {
     font-size: var(--font-size-title);
     font-weight: 500;
 }

 .card-news .blog-title>a {
     color: #333333;
 }

 .card-news .blog-title>a:hover {
     color: #000000;
 }

 .card-news .blog-description {
     margin-top: 13px;
     height: 64px;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     white-space: normal;
     -webkit-line-clamp: 3;
     font-weight: 500;
     color: #333333;
     margin-bottom: 0;
     font-size: 14px;
 }

 .card-news .blog-image-link-news,
 .logo-brand {
     position: relative;
     -webkit-transition: opacity .3s ease-out;
     transition: opacity .3s ease-out;
     overflow: hidden;
 }

 .card-news .blog-image-link-news img,
 .logo-brand img {
     width: 100%;
     height: auto;
     z-index: 1;
     -o-object-fit: contain;
     object-fit: contain;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     display: block;
 }

 .card-news .blog-image-link-news::after,
 .logo-brand:after {
     content: "";
     display: block;
     position: relative;
     z-index: 2;
     padding-top: 70%;
 }

 .card-news .blog-image-link-news::after {
     padding-top: 56%;
 }

 .mySwiperProHot .card-news .blog-image-link-news::after {
     padding-top: 63%;
 }

 .card-news .blog-image-link-news img {
     -o-object-fit: cover;
     object-fit: cover;
 }

 .logo-brand img,
 .swiper.facenhanvat .swiper-slide {
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     transition: all 0.3s ease-in-out;
 }

 .logo-brand:hover img,
 .swiper.facenhanvat .swiper-slide.swiper-slide-thumb-active {
     -webkit-filter: grayscale(0%);
     filter: grayscale(0%);
 }

 .splideStyle {
     padding: 0 60px;
 }

 .splideStyle .splide__arrow {
     position: absolute;
     display: block;
     width: 50px;
     height: 50px;
     cursor: pointer;
     background: transparent;
     box-shadow: none;
 }

 .splideStyle .splide__arrow--prev {
     left: 0
 }

 .splideStyle .splide__arrow--next {
     right: 0
 }

 .splideStyle .splide__arrow svg {
     fill: #cccccc;
     height: 25px;
     width: 25px;
 }

 .splide__pagination__page {
     height: 12px;
     width: 12px;
     margin: 0 5px;
     position: relative;
     box-shadow: 0 0px 3px 0px rgb(0 0 0 / 30%);
 }

 .splide__pagination__page:before {
     position: absolute;
     top: 50%;
     left: 50%;
     content: "";
     text-align: center;
     opacity: .25;
     font-size: 4px;
     line-height: 16px;
     width: 2px;
     height: 2px;
     background: #000;
     font-size: 18px;
     transform: translate(-50%, -50%);
 }

 .splide__pagination__page.is-active {
     opacity: .75;
 }

 button.splide__arrow {
     position: absolute;
     display: block;
     width: 20px;
     height: 30px;
     cursor: pointer;
 }

 .splide__arrows button.splide__arrow.sp-arrow {
     background: none;
     box-shadow: none;
     border: 0;
 }

 .sp-previous-arrow:before,
 .sp-previous-arrow:after,
 .sp-next-arrow:before,
 .sp-next-arrow:after {
     content: '';
     position: absolute;
     width: 3px;
     height: 50%;
     background-color: #ffffff;
 }

 .sp-previous-arrow:before {
     left: 30%;
     top: 0;
     -webkit-transform: skew(137deg, 0deg);
     -ms-transform: skew(137deg, 0deg);
     transform: skew(137deg, 0deg);
 }

 .sp-previous-arrow:after {
     left: 30%;
     top: 50%;
     -webkit-transform: skew(-137deg, 0deg);
     -ms-transform: skew(-137deg, 0deg);
     transform: skew(-137deg, 0deg);
 }

 .sp-next-arrow:before {
     right: 30%;
     top: 0;
     -webkit-transform: skew(42deg, 0deg);
     -ms-transform: skew(42deg, 0deg);
     transform: skew(42deg, 0deg);
 }

 .sp-next-arrow:after {
     right: 30%;
     top: 50%;
     -webkit-transform: skew(-42deg, 0deg);
     -ms-transform: skew(-42deg, 0deg);
     transform: skew(-42deg, 0deg);
 }

 .splideHome .splide__arrow--prev {
     left: 2em;
 }

 .splideHome .splide__arrow--next {
     right: 2em;
 }

 .splide__arrows_ex .splide {
     position: relative;
 }

 .splide__arrows_ex .splide:before {
     content: "";
     width: 100px;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     background: #f5f5f5;
     background: linear-gradient(90deg, rgb(0 0 0) 0, rgb(0 0 0 / 0%) 100%);
     z-index: 3;
 }

 .splide__arrows_ex .splide:after {
     content: "";
     width: 100px px;
     height: 100%;
     position: absolute;
     right: 0;
     top: 0;
     background: #f5f5f5;
     background: linear-gradient(90deg, rgb(0 0 0 / 0%) 0, rgb(0 0 0) 100%);
     z-index: 3;
 }

 .product-gallery-preview .splide:after,
 .product-gallery-preview .splide:before {
     display: none;
 }

 section.section-hot .splide:before {
     background: #f5f5f5;
     background: linear-gradient(90deg, rgba(31, 122, 192, 1) 0, rgba(31, 122, 192, 0) 100%);
 }

 section.section-hot .splide:after {
     background: #f5f5f5;
     background: linear-gradient(90deg, rgba(31, 122, 192, 0) 0, rgba(31, 122, 192, 1) 100%);
 }

 button.splide__arrow {
     z-index: 100;
     display: block;
     text-align: center;
     width: 50px;
     height: 50px;
     padding: 0;
     -webkit-transform: translate(0, -50%);
     -ms-transform: translate(0, -50%);
     transform: translate(0, -50%);
     cursor: pointer;
     color: #505050;
     outline: none;
     background: transparent;
     background: transparent;
     font-family: Roboto;
     transform: translateY(-50%);
     border: 0;
     line-height: 1.5em;
     border-radius: 0;
 }

 button.splide__arrow i {
     font-size: 28px;
	color:#fff;
 }

 .arrow-left {
     width: 0;
     height: 0;
     border-top: 20px solid transparent;
     border-bottom: 20px solid transparent;
     border-right: 20px solid #000;
     left: 0;
 }

 .arrow-right {
     width: 0;
     height: 0;
     border-top: 20px solid transparent;
     border-bottom: 20px solid transparent;
     border-left: 20px solid #000;
     right: 0;
 }

 .splide__arrows_small .sp-previous-arrow:before,
 .splide__arrows_small .sp-previous-arrow:after,
 .splide__arrows_small .sp-next-arrow:before,
 .splide__arrows_small .sp-next-arrow:after {
     background-color: #333333;
     width: 3px;
     height: 40%;
 }

 .splide__arrows_small .sp-previous-arrow:before {
     top: calc(50% - 20px);
 }

 .splide__arrows_small .sp-next-arrow:before {
     top: calc(50% - 20px);
 }

 .splide__arrows_small {
     padding: 0 95px;
 }

 .splide__arrows_small button.splide__arrow {
     border: 0;
 }

 @media(max-width:992px) {
     .splide__arrows_small {
         padding: 0px 60px;
     }

     .splide__arrows_small .sp-previous-arrow:before,
     .splide__arrows_small .sp-previous-arrow:after,
     .splide__arrows_small .sp-next-arrow:before,
     .splide__arrows_small .sp-next-arrow:after {
         background-color: #333333;
         width: 3px;
         height: 30%;
     }

     .splide__arrows_small .sp-previous-arrow:before {
         top: calc(50% - 15px);
     }

     .splide__arrows_small .sp-next-arrow:before {
         top: calc(50% - 15px);
     }
 }

 @media (max-width: 767px) {
     .splide__arrows_small {
         padding: 0px 50px;
     }

     .splide__arrows_small .sp-previous-arrow:before,
     .splide__arrows_small .sp-previous-arrow:after,
     .splide__arrows_small .sp-next-arrow:before,
     .splide__arrows_small .sp-next-arrow:after {
         background-color: #333333;
         width: 3px;
         height: 24%;
     }

     .splide__arrows_small .sp-previous-arrow:before {
         top: calc(50% - 12px);
     }

     .splide__arrows_small .sp-next-arrow:before {
         top: calc(50% - 12px);
     }

     button.splide__arrow {
         width: 25px;
     }

     .splideHome .sp-previous-arrow:before,
     .splideHome .sp-previous-arrow:after,
     .splideHome .sp-next-arrow:before,
     .splideHome .sp-next-arrow:after {
         background-color: #ffffff;
         width: 3px;
         height: 24%;
     }

     .splideHome .sp-previous-arrow:before {
         top: calc(50% - 12px);
     }

     .splideHome .sp-next-arrow:before {
         top: calc(50% - 12px);
     }
 }

 @media (max-width: 480px) {
     .splideHome .splide__arrow--prev {
         left: 9px;
     }

     .splideHome .splide__arrow--next {
         right: 9px;
     }
 }

 .splide button {
     transition: all 0.3s ease-in-out;
 }

 .splide__pagination {
     bottom: -2.5em;
 }

 .splide_gpu .splide__pagination {
     bottom: -2.5em;
 }

 .splide button[disabled] {
     opacity: .5;
 }

 .gpu-item .images img {
     width: auto;
 }
 .navbar {
     background: rgba(255, 255, 255, 1);
     transition: all 0.5s ease-in-out;
 }

 .navbar-brand .navbar-brand-item {
     height: auto;
     display: block;
     width: 150px;
 }

 @media (max-width: 1198px) {
     .navbar-brand .navbar-brand-item {
         width: 150px;
     }

     .menu>li {
         margin-right: 0;
     }
 }

 @media (max-width: 992px) {
     .navbar-brand .navbar-brand-item {
         width: 150px;
     }
 }

 @media (max-width: 767.98px) {
     .navbar-brand .navbar-brand-item {
         height: auto;
         width: 130px;
     }
	 
 }
  @media (max-width: 576.98px) {
     .navbar-brand .navbar-brand-item {
         height: auto;
         width: 100px;
     }
	 
 }

 .nav-btn-search i {
     font-size: 1.6rem;
     color: #ffffff;
 }

 button.button-form-enewsletter {
     position: absolute;
     right: 0;
     top: 0;
     height: 100%;
     color: #333;
     background: transparent;
     z-index: 1000;
 }

 button.button-form-enewsletter:focus,
 button.button-form-enewsletter:hover {
     color: #333333;
     background: transparent
 }

 .is-sticky .navbar-sticky {
     width: 100%;
     z-index: 100;
     animation: myship 0.5s;
     -moz-animation: myship 0.5s;
     -webkit-animation: myship 0.5s;
 }

 .nav-item-facebook a {
     color: #2163e8;
 }

 .nav-item-twitter a {
     color: #1DA1F2;
 }

 .nav-item-youtube a {
     color: #FF0000;
 }

 .footer-bottom .nav-link:first-child {
     padding-left: 0
 }

 .small-date {
     font-size: .75rem;
 }

 .cate_list_html {
     position: relative;
     z-index: 1000;
 }

 .title-news {
     font-size: 1.4rem;
     line-height: 1.5em;
     display: block;
 }

 .news-footer .title-news {
     font-size: 1rem;
 }

 .title-news-sitebar>a {
     font-size: 0.9rem;
     font-weight: 300 !important;
 }

 @media (max-width: 991px) {
     .news-footer {
         overflow-x: auto;
     }

     .news-footer-in {
         z-index: 0;
         width: 1050px;
         -webkit-overflow-scrolling: touch;
         -webkit-transform: translateZ(0);
         transform: translateZ(0);
     }

     .news-footer .title-news {
         font-size: 1rem;
     }

     .item-news {
         max-width: 350px;
     }
 }

 @media (max-width: 767px) {
     .news-footer-in {
         width: 780px;
     }

     .item-news {
         max-width: 260px;
     }

     .card-news .blog-title {
         height: 40px;
     }

     .card-news .blog-title h2,
     .card-news .blog-title h3 {
         font-size: 16px;
     }

     .card-news .blog-description {
         font-size: 14px;
     }
 }

 .news-top-slider {
     padding-left: 10px;
     width: calc(100% - 100px);
 }

 .news-top-slider .text-reset.btn-link {
     transition: color 0.25s ease-in-out;
     text-decoration: none;
     display: -webkit-box;
     height: 20px;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: normal;
     -webkit-line-clamp: 1;
     line-height: 1.3em;
     color: #355278;
     font-size: 15px;
 }

 .product-title>a {
     transition: color 0.25s ease-in-out;
     text-decoration: none;
     display: -webkit-box;
     height: 2.4rem;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: normal;
     -webkit-line-clamp: 2;
     font-weight: 600;
     line-height: 1.3em;
     color: #355278;
     font-size: 15px;
 }

 .hastag {
     font-size: .8rem;
     padding: 2px 5px;
     background: #ffeff2;
 }

 .text-primary-hover a.hastag {
     background: #f2f2f2;
     color: #000;
     font-weight: bold;
 }

 .card.card-bg-scale {
     overflow: hidden;
     background-position: 50% 50%;
     -webkit-backface-visibility: hidden;
     background-size: cover;
     -moz-background-size: cover;
     -webkit-background-size: cover;
 }

 #back-top {
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     position: fixed;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     z-index: 999;
     bottom: 30px;
     right: 30px;
     width: 50px;
     height: 50px;
     border: none;
     border-radius: 25px;
     background-color: rgba(0, 0, 0, 0.6);
     padding: 0 6px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     cursor: pointer;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     background: #494949; 
 }

 body .side-menu .btn {
     background-image: linear-gradient(to right, #FF1E1E, #BD1919);
 }

 #back-top svg {
     display: block;
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);
     width: 32px;
     height: 32px;
     fill: #FFFFFF;
 }

 #back-top:hover {
     -webkit-transform: scale(1.15);
     transform: scale(1.15);
 }

 @media(max-width:992px) {
     #back-top {
         width: 40px;
         height: 40px;
         right: 20px;
     }

     #back-top svg {
         width: 25px;
         height: 25px;
     }
 }

 li.menu.menu-login>a {
     position: relative;
 }

 li.menu.menu-login>a:before {
     width: 100%;
     height: 100%;
     background: #ff6600;
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
 }

 section.section-tab-logo-school {
     position: relative;
     z-index: 1;
 }

 .text-banner {
     position: absolute;
     width: 100%;
     height: 100%;
     right: 0;
     top: 0;
 }

 a.btn-3d {
     border-radius: 0;
     position: relative;
     padding: 10px 8px;
     display: inline-block;
 }

 a.btn-3d>span {
     display: inline-block;
     font-weight: 500;
     line-height: 1.5;
     text-align: center;
     vertical-align: middle;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border: 1px solid transparent;
     padding: 5px 1rem;
     font-size: var(--font-size-title-small);
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     background: #f60;
     color: #fff;
 }

 @media(max-width:576px) {
     a.btn-3d>span {
         padding: 5px 0.5rem;
         font-size: var(--font-size-button);
     }
 }

 a.btn-3d:after {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: url(../images/3dchallenge/bg-btn.png);
     background-size: 100% 100%;
 }

 a.btn-3d.btn-thele>span {
     background: #fff;
     color: #000;
 }

 .title {
     text-transform: uppercase;
 }

 .title.title-arrow {
     display: inline-block;
     padding: 0 70px;
     position: relative;
 }

 span.col-auto {
     max-width: 100%;
	 line-height:1.35em;
 }

 @media(max-width:767px) {
     .title.title-arrow {
         padding: 0 40px;
     }
 }

 .title.title-arrow.title-arrow-right {
     padding: 0;
 }

 .title-arrow:before,
 .title-arrow:after {
     content: "";
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     height: 1px;
     width: 55px;
     background-size: 100% 100%;
     background-repeat: no-repeat;
 }

 .title.title-arrow.title-arrow-right:before {
     display: none;
 }

 .title.title-arrow.title-arrow-right:after {
     background: #333;
     right: -1015px;
     width: 1000px
 }

 .btn {
     border-radius: 8px;
 }

 .btn.btn-tn {
     border: 2px solid #000;
     margin: 0;
     color: #000;
     font-weight: bold;
     text-transform: capitalize;
     background: rgba(191, 191, 191, 1);
     background: -moz-linear-gradient(left, rgba(191, 191, 191, 1) 0%, rgba(255, 255, 255, 1) 36%, rgba(191, 191, 191, 1) 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, rgba(191, 191, 191, 1)), color-stop(36%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(191, 191, 191, 1)));
     background: -webkit-linear-gradient(left, rgba(191, 191, 191, 1) 0%, rgba(255, 255, 255, 1) 36%, rgba(191, 191, 191, 1) 100%);
     background: -o-linear-gradient(left, rgba(191, 191, 191, 1) 0%, rgba(255, 255, 255, 1) 36%, rgba(191, 191, 191, 1) 100%);
     background: -ms-linear-gradient(left, rgba(191, 191, 191, 1) 0%, rgba(255, 255, 255, 1) 36%, rgba(191, 191, 191, 1) 100%);
     background: linear-gradient(to right, rgba(191, 191, 191, 1) 0%, rgba(255, 255, 255, 1) 36%, rgba(191, 191, 191, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bfbfbf', endColorstr='#bfbfbf', GradientType=1);
 }

 .p-content-in li {
     margin-bottom: 5px;
 }

 @media(max-width:767px) {

     .title-arrow:before,
     .title-arrow:after {
         width: 35px;
     }

     .title.title-arrow {
         padding: 0 40px;
     }
 }
 @media(max-width:450px) {
	 .title.title-arrow {
        font-size:18px;
     } 
 }
 .title-arrow:before {
     background: #333;
     transform: rotate(180deg);
     left: 0;
 }

 .title-arrow:after {
     background: #333;
     right: 0;
 }

 .people-item {
     background-image: url(../images/3dchallenge/khung-bang-giam-khao.png);
     background-size: 100% 100%;
     padding: 45px 20px;
 }

 .title-pp>span {
     font-size: 1.5rem;
 }

 .step-text .title {
     font-size: 18px;
     font-weight: bold;
 }

 .steps .step {
     width: auto;
     position: relative;
     padding: 0 40px;
 }

 .steps .step:after {
     content: "";
     position: absolute;
     width: 62px;
     height: 1px;
     background: #ccc;
     top: 50%;
     left: 50%;
     transform: translateX(100%);
 }

 .steps .step:last-child:after {
     display: none;
 }

 .content-step {
     font-style: italic;
 }

 @media(max-width:992px) {
     .steps .step {
         padding: 0 20px;
     }

     .steps .step:after {
         width: 40px;
     }
 }

 @media(max-width:768px) {
     .steps {
         counter-reset: section;
     }

     .steps .step {
         width: 50%;
         margin-bottom: 20px;
         padding: 0 5px;
     }

     .step-text {
         background: #e7e7e7;
         padding: 10px;
         border-radius: 10px;
         height: 100%;
         display: inline-flex;
         width: 100%;
         align-items: center;
         justify-content: center;
     }

     .steps .step:after {
         width: auto;
         height: auto;
         background: transparent;
         transform: initial;
         top: 0;
         left: 0;
         display: none;
     }

     .steps .step .step-text:after {
         counter-increment: section;
         content: counter(section);
         top: 0;
         left: 0;
         position: absolute;
         color: white;
         background: #555;
         border: 5px solid #555;
         padding: 2px;
         border-radius: 50%;
         width: 25px;
         height: 25px;
         display: inline-flex;
         align-items: center;
         justify-content: center;
         font-size: 14px;
     }
 }

 @media(max-width:576px) {
     .btn-thamgia.title {
         font-size: 16px;
     }

     .step-text .title {
         font-size: 14px;
     }
 }

 @media(min-width:1200px) {
     section.section-tab-logo-school {
         margin-top: 2rem !important;
     }

     ul.steps {
         position: relative;
     }
 }

 @media(min-width:1400px) {
     section.section-tab-logo-school {
         margin-top: -4rem !important;
     }
 }

 @media(min-width:1500px) {
     section.section-tab-logo-school {
         margin-top: -8rem !important;
     }
 }

 @media(max-width:1200px) {
     .text-banner {
         position: relative;
         margin-top: -13rem;
     }

     section.section-tab-logo-school {
         margin-top: 2rem;
     }
 }

 @media(max-width:992px) {
     .text-banner {
         margin-top: -5rem;
     }

     .step-text .title {
         font-size: 16px;
     }

     .step-text .content-step {
         font-size: 14px;
     }
 }

 .image-y-tuong {
     width: 1100px;
     max-width: 100%;
 }

 .paragraph-content-wp {
     margin-top: 22%;
     position: relative;
 }

 @media(max-width:1400px) {
     .image-y-tuong {
         width: 1100px;
         max-width: 78%;
     }

     .paragraph-content-wp {
         margin-top: 12%;
     }
 }

 @media(max-width:992px) {
     .paragraph-content-wp {
         margin-top: 2%;
     }
 }

 .title.title-y-tuong {
     font-size: var(--font-size-title-small);
     font-weight: 700;
     color: #ff6600;
     padding-bottom: 25px;
     position: relative;
     display: inline-block;
     padding-right: 20px;
 }

 .title.title-y-tuong .image-line {
     position: absolute;
     left: 0;
     bottom: 0;
 }

 .card-infor .card-engineered {
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 280px;
     flex-direction: inherit;
 }

 .card-infor .card-engineered,
 .card-infor:nth-child(odd) .card-engineered {
     background: transparent;
 }

 .card-infor .card-engineered.card-chude {
     background-image: url(../images/3dchallenge/bg-chu-de.png);
     background-size: 100% 100%;
 }

 .card-infor .card-engineered.card-doituong {
     background-image: url(../images/3dchallenge/bg-doi-tuong.png);
     background-size: 100% 100%;
 }

 .card-infor .card-engineered.card-thoigian {
     background-image: url(../images/3dchallenge/bg-thoi-gian.png);
     background-size: 100% 100%;
 }

 body a {
     color: #bd8d32
 }

 @media(max-width:992px) {
     .card-infor .card-engineered {
         width: 290px;
         max-width: 100%;
         margin: auto;
     }
 }

 @media(min-width:992px) {
     .image-y-tuong {
         position: absolute;
         right: 0;
         top: 0;
     }
 }

 .paragraph-content {
     font-size: var(--font-size-content-large);
 }

 .card.card-login .form-control,
 .card.card-login .form-select {
     color: #000;
     border-color: transparent;
     font-size: 14px;
 }

 .checkbox-wp {
     background: #000;
     color: #fff;
     padding: 8px 10px 3px;
     border-radius: 3px;
     font-size: 12px;
     line-height: 1.5em;
 }

 .checkbox-wp>span {
     padding-right: 10px;
 }

 .checkbox-wp .form-check-input[type="radio"] {
     border-radius: 2px;
 }

 .form-check-input:checked[type="radio"] {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
 }

 textarea.form-control-textarea {
     min-height: 385px;
 }
 @media(max-width:1400px){
textarea.form-control-textarea {
    min-height: 435px;
}
 }
  @media(max-width:1200px){
		textarea.form-control-textarea {
		min-height: 480px;
	}
 }
   @media(max-width:992px){
textarea.form-control-textarea {
    min-height: 430px;
}
}
  @media(max-width:767px){
textarea.form-control-textarea {
    min-height: 250px;
}
}
.btn-submit {
     margin: 0;
     padding: 7px 10px;
     height: 100%;
     border: 0;
     color: #fff;
     border-radius: 3px;
     text-transform: uppercase;
     font-weight: bold;
 }
.row-page-register .btn-submit{background:#000000;}
 .image-video-wp {
     padding: 15px;
     border-radius: 5px;
     background: rgba(250, 246, 240, 1);
     background: -moz-linear-gradient(-45deg, rgba(250, 246, 240, 1) 0%, rgba(255, 243, 224, 1) 39%, rgba(255, 251, 245, 1) 100%);
     background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(250, 246, 240, 1)), color-stop(39%, rgba(255, 243, 224, 1)), color-stop(100%, rgba(255, 251, 245, 1)));
     background: -webkit-linear-gradient(-45deg, rgba(250, 246, 240, 1) 0%, rgba(255, 243, 224, 1) 39%, rgba(255, 251, 245, 1) 100%);
     background: -o-linear-gradient(-45deg, rgba(250, 246, 240, 1) 0%, rgba(255, 243, 224, 1) 39%, rgba(255, 251, 245, 1) 100%);
     background: -ms-linear-gradient(-45deg, rgba(250, 246, 240, 1) 0%, rgba(255, 243, 224, 1) 39%, rgba(255, 251, 245, 1) 100%);
     background: linear-gradient(135deg, rgba(250, 246, 240, 1) 0%, rgba(255, 243, 224, 1) 39%, rgba(255, 251, 245, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faf6f0', endColorstr='#fffbf5', GradientType=1);
 }

 .image-video-wp .image-video>label {
     margin-bottom: 5px;
     padding: 0 5px;
 }

 .checkbox_submit {
     padding: 0 5px;
 }

 .image-post-list .uploader-list .uploader {
     height: 150px;
 }

 .video-post .uploader-list .uploader {
     height: 245px;
 }

 @media(min-width:1400px) {
     .video-post .uploader-list .uploader {
         height: 262px;
     }
 }

 @media(max-width:1400px) {
     .image-post-list .uploader-list .uploader {
         height: 100px;
     }
 }

 @media(max-width:1200px) {
     .image-post-list .uploader-list .uploader {
         height: 80px;
     }

     .video-post .uploader-list .uploader {
         height: 225px;
     }
 }

 @media(max-width:992px) {
     .image-post-list .uploader-list .uploader {
         height: 100px;
     }
 }

 @media(max-width:768px) {
     .image-post-list .uploader-list .uploader {
         height: 100px;
     }
 }

 @media(max-width:450px) {
     .image-post-list .uploader-list .uploader {
         height: 65px;
     }
 }

 .card.card-login {
     background: transparent;
 }

 .menu li.menu-login:hover>a:not(.menu-title),
 .menu .menu-login.active>a:not(.menu-title) {
     color: #bd8d32;
     background: #ffffff;
 }

 .btn-effect>span {
     position: relative;
     overflow: hidden;
 }

 .btn-effect>span:after,
 .btn-effect>span:before {
     background-color: #ffffff;
     content: "";
     height: 100%;
     left: -110%;
     opacity: 0.12;
     position: absolute;
     top: 0;
     transform: skewX(25deg);
     -o-transform: skewX(25deg);
     -ms-transform: skewX(25deg);
     -webkit-transform: skewX(25deg);
     -ms-transform: skewX(25deg);
     transition: all .5s ease 0s;
     -moz-transition: all .5s ease 0s;
     -webkit-transition: all .5s ease 0s;
     -o-transition: all .5s ease 0s;
     -ms-transition: all .5s ease 0s;
     width: 100%;
     z-index: 1;
 }

 .btn-effect-white>span:after,
 .btn-effect-white>span:before {
     background-color: #000000;
 }

 .btn-effect:hover>span:before,
 .btn-effect:hover>span:hover:before {
     left: -10%;
     transition: all .3s ease 0s;
     -moz-transition: all .3s ease 0s;
     -webkit-transition: all .3s ease 0s;
     -o-transition: all .3s ease 0s;
     -ms-transition: all .3s ease 0s;
 }

 .btn-effect:hover>span:after,
 .btn-effect:hover>span:after {
     left: -20%;
 }

 .content-thele {
     text-align: initial;
     font-size: var(--font-size-content);
 }