@charset "UTF-8";
/*
Theme Name: Docutuyet Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
:root { --secondary-color: #f58817; }

.camon-bg { background: #0a4ebf; min-height: 300px; }

.form-camon { box-shadow: 0 13px 26px 0 rgba(0, 0, 0, 0.18); background: #fff; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin-top: -70px; padding: 25px; border-radius: 10px; }

.header-main .flex-right { min-width: 63%; }
.header-main .featured-box { display: flex; align-items: center; }
.header-main .featured-box h4 { font-size: 13px; font-weight: 600; margin-bottom: 0; }
.header-main .featured-box p { font-size: 15px; line-height: 1.2; }

.header-bottom-nav > li { margin: 0px; }
.header-bottom-nav > li > a { color: #fff !important; padding: 19px 25px; font-size: 14px; text-transform: uppercase; border-right: 1px solid #ffffff59; }
.header-bottom-nav > li:first-child { border-left: 1px solid #ffffff59; }
.header-bottom-nav > li:hover > a, .header-bottom-nav > li.current-menu-item > a { background-color: var(--secondary-color); }

.button:not(.icon) { min-height: 44px; font-weight: 600; font-size: 16px; line-height: 44px; position: relative; }
.button:not(.icon).is-large { min-height: 52px; line-height: 52px; }
.button:not(.icon).is-larger { padding: 7px 10px; }
.button:not(.icon).is-outline { border-width: 1px; }
.button:not(.icon):hover { transform: scale(1.1); }
.button:not(.icon).white { color: var(--primary-color) !important; border: 2px solid var(--secondary-color); }

body .slider-nav-reveal .flickity-prev-next-button { opacity: 1 !important; height: 44px !important; background-color: #333 !important; top: 50% !important; transform: translate(0, -50%) !important; box-shadow: none !important; }
body .slider-nav-reveal .flickity-prev-next-button svg { margin-top: 0px !important; color: #fff; }

body .slider-nav-reveal.slider:hover .flickity-prev-next-button { transform: translate(0, -50%) !important; }

.slider-nav-circle .flickity-prev-next-button { opacity: 1 !important; height: 42px; min-width: 42px; }
.slider-nav-circle .flickity-prev-next-button.next { right: 0; }
.slider-nav-circle .flickity-prev-next-button.previous { left: 0; }
.slider-nav-circle .flickity-prev-next-button svg { border: 1px solid !important; padding: 27% !important; border-radius: 5px; background: #fff; }
.slider-nav-circle .flickity-prev-next-button .arrow { fill: #000; }

.slider-nav-bottom .flickity-prev-next-button { bottom: -30px; top: auto; }
.slider-nav-bottom .flickity-prev-next-button.previous { left: 45%; }
.slider-nav-bottom .flickity-prev-next-button.next { right: 44%; }

.flickity-page-dots .dot { border: 1px solid var(--primary-color); height: 10px; width: 10px; border-width: 1px; opacity: 1; background-color: transparent; }
.flickity-page-dots .dot.is-selected { background-color: var(--primary-color); }

.flickity-prev-next-button:disabled, button.flickity-prev-next-button[disabled] { opacity: 1 !important; }

.section-title { border-bottom: none; }
.section-title b { opacity: 0; }
.section-title span.section-title-main { font-weight: 900; font-size: 27px; border-bottom: none; }
.section-title.section-title-bold-center span.section-title-main, .section-title.section-title-bold span.section-title-main { border: none; padding: 0 0 10px; }
.section-title.section-title-bold-center span.section-title-main:after, .section-title.section-title-bold span.section-title-main:after { content: ""; height: 5px; background-color: var(--primary-color); width: 100px; position: absolute; bottom: 0; left: 0; }
.section-title.section-title-bold-center span.section-title-main:after { left: 50%; transform: translateX(-50%); }
.section-title a { border: 1px solid #000 !important; background: #fff !important; height: 50px; line-height: 50px; border-radius: 100px; color: #000; padding: 0 25px; font-weight: 500; display: flex; align-items: center; }
.section-title a:hover { background-color: var(--secondary-color) !important; }

.slider-nav-simple .flickity-prev-next-button { opacity: 1; transform: none; margin-top: 0 !important; }
.slider-nav-simple .flickity-prev-next-button.next { right: -2%; }
.slider-nav-simple .flickity-prev-next-button.previous { left: -2%; }
.slider-nav-simple .flickity-prev-next-button svg { color: var(--primary-color) !important; }
.slider-nav-simple .flickity-prev-next-button:hover svg, .slider-nav-simple .flickity-prev-next-button:hover .arrow { fill: var(--primary-color) !important; }

.slider-nav-outside .flickity-prev-next-button { margin-top: 0 !important; }
.slider-nav-outside .flickity-prev-next-button.previous { right: 100%; left: auto; }
.slider-nav-outside .flickity-prev-next-button.next { right: auto; left: 100%; }
.slider-nav-outside .flickity-page-dots { bottom: -15px; }

.row-box-shadow-1 .col-inner, .box-shadow-1 { background: #FFFFFF; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.13); border-radius: 6px; padding: 5px; }

.row-box-shadow-2-hover .col-inner:hover { box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); }

.nav-tabs > li { margin: 0 10px !important; }
.nav-tabs > li > a { font-size: 20px; font-weight: 700; border-radius: 0px; text-align: center; color: #999; background-color: #fff; border: none; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.nav-tabs > li > a:before { content: ""; width: 0; height: 3px; background-color: var(--secondary-color); bottom: 0; left: 0; position: absolute; transition: all .3s; }
.nav-tabs > li:hover > a, .nav-tabs > li.active > a { color: #000; }
.nav-tabs > li:hover > a:before, .nav-tabs > li.active > a:before { width: 100%; }
.nav-tabs + .tab-panels { border: none; padding: 20px; border-radius: 20px; }

.nav-pills { width: auto !important; margin: 0 auto 0px; display: flex; gap: 6px; }
.nav-pills > li > a { padding: 8px 20px; border-radius: 4px; color: #333; font-weight: 700 !important; text-transform: none; font-size: 14px; line-height: 1.2; text-align: center; border: 1px solid transparent; border-bottom: 1px solid #e3e3e3; min-height: 57px; border-bottom: none; background: #fff !important; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; text-transform: uppercase; }
.nav-pills > li:hover > a, .nav-pills > li.active > a { color: var(--primary-color); border-color: #e3e3e3; }
.nav-pills > li.active a:before { content: ""; width: 100%; background-color: #fff; position: absolute; bottom: 0; height: 1px; bottom: -1px; left: 0; }
.nav-pills.nav-size-large > li > a { font-size: 16px; }
.nav-pills.nav-vertical { padding: 6px; }
.nav-pills.nav-vertical > li { border: none; }
.nav-pills.nav-vertical > li > a { border: 1px solid #000; padding: 15px; min-width: 157px; max-width: 157px; color: #000; border-radius: 5px !important; text-transform: capitalize; text-align: center; display: block; font-size: 16px; }
.nav-pills.nav-vertical > li.active > a { color: #fff; background-color: var(--primary-color) !important; border-color: var(--primary-color); }
.nav-pills.nav-vertical + .tab-panels { border: none; padding: 0; padding-left: 15px; }
.nav-pills + .tab-panels { border: 1px solid #e3e3e3; padding: 20px; }
.nav-pills + .tab-panels ul:not(.nav) li { list-style: none; margin: 0; }
.nav-pills + .tab-panels ul:not(.nav) li:before { font-family: fl-icons !important; content: ""; color: #fff; line-height: 16px; font-size: 11px; text-align: center; background-color: #22aa4a; height: 16px; width: 16px; border-radius: 100px; display: inline-block; margin-right: 10px; }

.gallery-col { padding-bottom: 0; }

.text-justify { text-align: justify; }

.wpcf7 form { margin-bottom: 0; }
.wpcf7 .col { padding-bottom: 0; }
.wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 textarea, .wpcf7 select { border: none; box-shadow: none; height: 40px; border-radius: 4px; border: 1px solid #edf0f7; background-color: #f7f7f7; font-weight: 600; }
.wpcf7 input[type=email]::-webkit-input-placeholder, .wpcf7 input[type=email]:-ms-input-placeholder, .wpcf7 input[type=email]::placeholder, .wpcf7 input[type=tel]::-webkit-input-placeholder, .wpcf7 input[type=tel]:-ms-input-placeholder, .wpcf7 input[type=tel]::placeholder, .wpcf7 input[type=text]::-webkit-input-placeholder, .wpcf7 input[type=text]:-ms-input-placeholder, .wpcf7 input[type=text]::placeholder, .wpcf7 textarea::-webkit-input-placeholder, .wpcf7 textarea:-ms-input-placeholder, .wpcf7 textarea::placeholder, .wpcf7 select::-webkit-input-placeholder, .wpcf7 select:-ms-input-placeholder, .wpcf7 select::placeholder { font-size: .875rem; color: #717b96; color: #717b96; font-weight: 400; }
.wpcf7 input[type=email]:focus, .wpcf7 input[type=tel]:focus, .wpcf7 input[type=text]:focus, .wpcf7 textarea:focus, .wpcf7 select:focus { border-color: var(--primary-color); }
.wpcf7 input[type=email].is-large, .wpcf7 input[type=tel].is-large, .wpcf7 input[type=text].is-large, .wpcf7 textarea.is-large, .wpcf7 select.is-large { height: 60px; }
.wpcf7 .wpcf7-submit { width: 178px; height: 48px; background-color: var(--secondary-color) !important; }
.wpcf7 .wpcf7-submit.is-outline { padding: 0px 12px; border: 1px solid; line-height: 45px; height: 45px; background-color: #fff !important; color: var(--primary-color); }
.wpcf7 .wpcf7-submit.is-outline:hover { background-color: var(--primary-color) !important; color: #fff; }
.wpcf7 .wpcf7-spinner { display: none; }

.accordion .accordion-item { border-radius: 4px; margin-bottom: 10px; -webkit-box-shadow: 0 12px 50px rgba(125, 125, 125, 0.1); box-shadow: 0 12px 50px rgba(125, 125, 125, 0.1); border: 1px solid #ececec; }
.accordion .accordion-item .accordion-title { border: none; font-size: 16px; line-height: 1.333; color: #2d3548; background-color: transparent; font-weight: 600; padding: 15px; }
.accordion .accordion-item .accordion-title .toggle { left: auto; right: 0; }
.accordion .accordion-item .accordion-title .toggle i { font-size: 20px; color: #111; }
.accordion .accordion-item .accordion-title.active { background-color: var(--primary-color); color: #fff; }
.accordion .accordion-inner { padding: 10px 15px; font-size: 14px; }

.count-up { font-size: 45px; font-weight: 700; line-height: 16px; }

.home-dichvu h3 { font-size: 15px; }
@media screen and (min-width: 768px) { .home-dichvu.row > .large-2 { flex-basis: 14.2857143%; max-width: 14.2857143%; } }

.row-quytrinh .col .col-inner { padding: 35px 25px; background-color: #fff; }
.row-quytrinh .col .icon-box-text { min-height: 120px; }
.row-quytrinh .col h3 { text-transform: uppercase; }
.row-quytrinh .col p { font-size: 16px; font-weight: 700; }
.row-quytrinh .col:hover .col-inner { background: #fff1e3; }
.row-quytrinh .col:nth-child(1) .col-inner { border-left: 5px solid #ff3131; }
.row-quytrinh .col:nth-child(1) h3 { color: #ff3131; }
.row-quytrinh .col:nth-child(2) .col-inner { border-left: 5px solid #00bf63; }
.row-quytrinh .col:nth-child(2) h3 { color: #00bf63; }
.row-quytrinh .col:nth-child(3) .col-inner { border-left: 5px solid #ffbd59; }
.row-quytrinh .col:nth-child(3) h3 { color: #ffbd59; }
.row-quytrinh .col:nth-child(4) .col-inner { border-left: 5px solid #5271ff; }
.row-quytrinh .col:nth-child(4) h3 { color: #5271ff; }

.home-news { background-color: #ff914d; background-image: linear-gradient(315deg, #ff914d 0, #FF9800 74%); }
.home-news .ux-menu { gap: 6px; flex-wrap: wrap !important; flex-direction: row !important; }
.home-news .ux-menu .ux-menu-link { width: 32.33%; display: inline-flex; }
.home-news .ux-menu .ux-menu-link a { background: #fff; border: 1px solid #000; border-radius: 12px; padding: 18px 10px; display: block; text-align: center; color: #000; }
.home-news .ux-menu .ux-menu-link a:hover { background-color: var(--secondary-color); }

.post-item .post-title { font-size: 17px; font-weight: 700; min-height: 44px; }
.post-item .box-text.text-center { padding-left: 0; padding-right: 0; }
.post-item .is-divider { display: none; }
.post-item .post-meta { font-size: 13px; color: #222; font-weight: 500; display: flex; gap: 8px; }
.post-item .post-meta i, .post-item .post-meta svg { min-width: 15px; text-align: center; }
.post-item .button { margin-bottom: 0; }
.post-item .box-vertical .post-title { min-height: auto; color: #00205b; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 18px; }
.post-item .box-vertical .post-title:hover { color: var(--secondary-color); }
.post-item .box-vertical .post-meta { font-size: 14px; color: #000; padding: 5px 0; }
.post-item .box-vertical .from_the_blog_excerpt { font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.featured-box.icon-box-left { align-items: center; flex-flow: row; }
.featured-box.icon-box-left p { margin-bottom: 0; }

.pricing-table { padding: 20px 0; background-color: #fff !important; border-radius: 5px; }
.pricing-table .title { text-align: center; background: transparent; border: none !important; color: var(--secondary-color); font-size: 24px; font-weight: 600; padding: 10px 0 0 !important; }
.pricing-table .sub-title { text-align: center; color: var(--fs-color-primary); display: block; padding-bottom: 10px; }
.pricing-table .items { min-height: 385px; transition: all .3s; padding: 10px 10px; box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.03); padding-bottom: 30px; }
.pricing-table .items .bullet-item { font-weight: 600; font-size: 14px; padding: 10px 6px; }
.pricing-table .cta-button { width: 100%; }
.pricing-table .button { width: 100%; display: block; }
.pricing-table .footer { justify-content: space-between; padding: 30px 10px 0; }
.pricing-table .price { padding: 0; font-size: 14px; font-weight: 700; color: red; }
.pricing-table .price del { color: #000; display: block; }
.pricing-table:hover .items { transform: translateY(-20px); }
.pricing-table:hover .items .bullet-item { border-color: var(--primary-color); }

.testimonial-box { background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.06); border-radius: 12px; overflow: hidden; }
.testimonial-box .icon-box-img { width: 50px !important; }
.testimonial-box .testimonial-meta { display: flex; border-bottom: 1px solid #000; gap: 15px; align-items: center; margin-bottom: 15px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; }
.testimonial-box .testimonial-name { color: #0d0925; font-size: 17px; font-weight: 600; display: flex; justify-content: space-between; width: 100%; align-items: center; }
.testimonial-box .testimonial-name-divider { display: none; }
.testimonial-box .testimonial-company { font-size: 12px; display: block; }
.testimonial-box .testimonial-text { font-style: normal !important; }
.testimonial-box .testimonial-text p { padding-left: 15px; padding-right: 15px; min-height: 120px; }

.breadcrumbs-wrap { background-color: #EAEAEA; }
.breadcrumbs-wrap a { color: #000; }

.blog-wrapper { padding-top: 0; }

.widget_new_post.slider-nav-outside.slider-nav-circle .flickity-prev-next-button { top: -60px; }

.row-baogia ul li { list-style: none; margin: 0; }
.row-baogia ul li:before { font-family: fl-icons !important; content: ""; color: #fff; line-height: 16px; font-size: 11px; text-align: center; background-color: #22aa4a; height: 16px; width: 16px; border-radius: 100px; display: inline-block; margin-right: 10px; }
.row-baogia .col:nth-child(1) .lead { color: #3fb123; }
.row-baogia .col:nth-child(2) .lead { color: #1d86b3; }
.row-baogia .col:nth-child(2) ul li:before { background-color: #1d86b3; }
.row-baogia .col:nth-child(3) .lead { color: #cf7713; }
.row-baogia .col:nth-child(3) ul li:before { background-color: #cf7713; }

.post-sidebar .widget-title { font-size: 20px; position: relative; display: block; font-weight: 600; margin-bottom: 10px; text-transform: none; }
.post-sidebar .sub-cat { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 12px; padding: 20px 12px; }
.post-sidebar .sub-cat li { list-style: none; transition: 0.3s ease-in-out; padding: 8px 10px; border-radius: 6px; }
.post-sidebar .sub-cat li a { display: block; font-size: 18px; color: #000; }
.post-sidebar .sub-cat li.active, .post-sidebar .sub-cat li:hover { transition: 0.3s ease-in-out; padding: 8px 10px; border-radius: 6px; background-color: #d30e2530; }
.post-sidebar .is-divider { display: none; }
.post-sidebar .recent-blog-posts-li a { color: #000; font-size: 15px !important; font-weight: 600; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.post-sidebar .recent-blog-posts-li a:hover { color: var(--primary-color); }
.post-sidebar .recent-blog-posts-li .post-date { width: 107px; height: 70px; border-radius: 5px; overflow: hidden; }
.post-sidebar .recent-blog-posts-li .post_comments { display: none; }

.archive-content .post-item { padding-bottom: 15px; }
.archive-content .post-item .col-inner { border-bottom: 1px solid #e3e3e3; padding-bottom: 15px; }

.blog-single .article-inner { font-size: 15px; }
.blog-single .article-inner h1.entry-title { font-size: 32px; }
.blog-single .article-inner .post-meta { color: #333; display: flex; gap: 5px; }
.blog-single .article-inner h2, .blog-single .article-inner h3 { font-size: 16px; color: var(--primary-color); }

.custom-header .stack { display: flex; align-items: center; justify-content: center; gap: 30px; flex-direction: row; }

.custom-header .ux-menu-link__link { font-weight: 600; text-transform: uppercase; }

.custom-header .ux-menu-link__link:hover { color: var(--primary-color); }

.radius12 .img-inner { border-radius: 12px; }

.border6 .img-inner { border: 6px solid #fff; }

.bg-gradient-1 { background-image: linear-gradient(278deg, #ddf0f8 -2.5%, #faf9f0 82.75%); }

ul.checklist { list-style: none; }

ul.checklist li { margin-bottom: 5px; position: relative; padding: 0 0 0 22px; margin-left: 0; font-size: 19px; }

ul.checklist li:before { position: absolute; font-size: 12px; top: 5px; color: #fff; left: 0; content: ""; font-family: fl-icons !important; background-color: var(--secondary-color); height: 17px; width: 17px; border-radius: 100px; text-align: center; }

.row-vande { counter-reset: vande-item; }

.row-vande .col { counter-increment: vande-item; }

.row-vande .col:after { content: counters(vande-item,".",decimal-leading-zero); position: absolute; top: -32px; height: 69px; width: 69px; line-height: 69px; background-color: var(--primary-color); color: #fff; text-align: center; left: 50%; transform: translateX(-50%); border-radius: 100px; font-size: 20px; font-weight: 700; box-shadow: 0px 3px 15px 0px rgba(18, 28, 82, 0.1); }

.row-vande .col .col-inner { box-shadow: 0px 8px 24px rgba(20, 20, 43, 0.14); padding: 30px 15px; border-radius: 15px; }

.row-vande .col .col-inner h3 { font-weight: 500; font-size: 20px; min-height: 64px; text-align: center; margin-top: 30px; }

.row-vande .col .col-inner:hover { background-color: transparent; background-image: linear-gradient(90deg, var(--primary-color) 0%, #FF5722 100%); color: #fff; }

.row-vande .col .col-inner:hover h3 { color: #fff; }

.row-step { counter-reset: step-item; }

.row-step .col { counter-increment: step-item; }

.row-step .col h3 { font-size: 18px; display: flex; align-items: center; line-height: 1.2; }

.row-step .col h3:before { content: counter(step-item); content: counter(step-item); box-shadow: 0px 3px 15px 0px rgba(18, 28, 82, 0.1); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; max-width: 50px; height: 50px; font-size: 1.5rem; font-weight: 700; color: #fff; margin-right: 20px; border-radius: 4px; display: flex; text-align: center; background: var(--primary-color); }

.row-step .col .col-inner { background: #fff; padding: 20px; }

.lowercase .section-title-main { text-transform: none; }

.gallery-camnhan .box-image { border: 2px solid var(--fs-color-primary); }

.section-dangky .wpcf7 .wpcf7-submit { width: 100%; }

.section-dangky h3.price { font-size: 25px; }

@media screen and (max-width: 512px) { .dangky h3.price { font-size: 18px; } }
.dangky-popup { max-width: 800px !important; }

.dangky-popup h3 { font-size: 18px; }

.dangky-popup.white-popup-block .modal-close { width: 40px; height: 40px; line-height: 40px; position: absolute; z-index: 99; padding: 0; top: 10px !important; right: 10px !important; display: flex; align-items: center; justify-content: center; opacity: 1; font-size: 30px; }

.quyenloi .desktop-slide .col-inner { background-color: #fff; border-radius: 5px; padding: 15px; min-height: 220px; }

.quyenloi .desktop-slide { counter-reset: step2-item; }

.quyenloi .desktop-slide .col { counter-increment: step2-item; }

.quyenloi .desktop-slide .col-inner:before { content: counter(step2-item); box-shadow: 0px 3px 15px 0px rgba(18, 28, 82, 0.1); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; max-width: 50px; height: 50px; font-size: 1.5rem; font-weight: 700; color: #fff; margin-right: 20px; border-radius: 4px; display: flex; text-align: center; background: var(--fs-color-secondary); margin-bottom: 10px; }

.row-banner .banner { border: 0.25rem solid #fff; border-radius: 1.25rem; box-shadow: 0 0.25rem 1.875rem rgba(182, 51, 51, 0.2); overflow: hidden; }

.lotrinh .nav-pills { gap: 0; width: 100% !important; border-bottom: 0.25rem solid #474A54; align-items: flex-end; padding-bottom: 5px; }

.lotrinh .nav-pills > li { flex: 25%; text-align: center; }

.lotrinh .nav-pills > li > a { border: none; display: flex; flex-direction: column; padding: 0; }

.lotrinh .nav-pills > li .time { color: #EC2229; font-size: 20px; padding-bottom: 10px; }

.lotrinh .nav-pills > li .title { background-color: #1194d2; height: 5.625rem; color: #fff; display: flex; width: 100%; align-items: flex-end; justify-content: center; padding: 10px; font-size: 20px; }

.lotrinh .nav-pills > li:nth-child(2) .title { height: 7.5rem; background-color: #5aa5c5; }

.lotrinh .nav-pills > li:nth-child(3) .title { height: 9.375rem; background-color: #f15e57; }

.lotrinh .nav-pills > li:nth-child(4) .title { height: 11.25rem; background-color: #ef3735; }

.lotrinh .nav-pills > li .desc { color: #000; font-size: 17px; padding: 16px 5px; width: 100%; border-left: 1px dashed #6B7F91; }

.lotrinh .nav-pills > li:last-child .desc { border-right: 1px dashed #6B7F91; }

.lotrinh .nav-pills > li .desc:before, .lotrinh .nav-pills > li .desc:after { position: absolute; top: 100%; height: 0.375rem; width: 0.375rem; border-left: 1px solid #6B7F91; border-bottom: 1px solid #6B7F91; }

.lotrinh .nav-pills > li .desc:before { content: ''; left: 0; transform: translate(-55%, -50%) rotate(-45deg); }

.lotrinh .nav-pills > li:last-child .desc:after { content: ''; right: 0; transform: translate(55%, -50%) rotate(-45deg); }

.lotrinh .nav-pills > li.active > a:before, .lotrinh .nav-pills > li:hover > a:before { content: ""; width: 100%; height: 5px; position: absolute; bottom: -9px; background-color: var(--primary-color); }

/*.lotrinh .nav-pills > li.active .desc , .lotrinh .nav-pills > li:hover >  .desc { background-color: var(--primary-color); color: #fff;
}*/
@media screen and (max-width: 512px) { .lotrinh .nav-pills > li .title, .lotrinh .nav-pills > li .time { font-size: 15px; }
  .lotrinh .nav-pills > li .desc { font-size: 13px; } }
/* End Landingpage */
.white-popup-block { background: #fff; padding: 0px 0px; text-align: left; max-width: 640px; margin: 40px auto; position: relative; border-radius: 0; overflow: hidden; padding: 0; }
.white-popup-block .modal-close { position: absolute; text-align: right; margin-bottom: 13px; right: 20px; top: 20px; }
.white-popup-block .modal-close svg { height: 20px; width: 20px; fill: #fff; }
.white-popup-block .modal-header { padding: 20px 30px; background-color: var(--primary-color); }
.white-popup-block .modal-body { padding: 30px; color: #000; font-size: 16px; }
.white-popup-block .wpcf7-submit { display: block; width: 100%; background-color: var(--primary-color) !important; }

.back-to-top { border: none !important; height: 47px; width: 47px; bottom: 51px; right: 25px; background: var(--secondary-color) !important; box-shadow: 0px 4px 4px rgba(15, 111, 183, 0.15); color: #fff !important; font-size: 19px; line-height: 50px !important; }

.nav-pagination-box { display: block; text-align: center; margin: 0 auto; width: 100%; }
.nav-pagination-box .nav-pagination li:before { display: none; }

.nav-pagination { margin: 0 auto !important; padding-top: 10px; width: 100%; }
.nav-pagination li { margin-left: 5px !important; }
.nav-pagination li span { border-radius: 3px; }
.nav-pagination li a { border: none; height: 48px; width: 48px; line-height: 48px; font-weight: 600; font-size: 14px; background-color: transparent !important; border: 1px solid transparent; border-radius: 100px; }
.nav-pagination li.active a, .nav-pagination li:hover a { background-color: var(--primary-color) !important; color: #fff !important; border-color: var(--primary-color) !important; }
.nav-pagination li .current { border-color: var(--primary-color) !important; }

@media (prefers-reduced-motion: no-preference) { .row-slider.slider [data-animated=true], .slider .is-selected [data-animated=true], [data-animated=true] { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; }
  [data-animate=bounceInUp] { transition: transform 0.4s cubic-bezier(0, 0.195, 0, 1.465), opacity 0.2s ease-in !important; }
  .slider [data-animate], [data-animate] { transition: filter 0.7s, transform 0.7s, opacity 0.4s ease-in !important; } }
.absolute-footer { display: none; }

#support ul li { list-style-type: none; margin: 0; padding: 0; }

#support a { text-decoration: none; color: #333; }

#support { position: fixed; right: 10px; bottom: 20px; width: 60px; height: 60px; z-index: 99999; }

.wave { animation-name: wave; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }

@keyframes wave { 0% { box-shadow: 0 0 0 0 #008749; }
  100% { box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); } }
#iconChat { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #008749; cursor: pointer; border-radius: 99px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); }

#iconChat:before { content: "\f1d8"; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 700; text-align: center; width: 40px; height: 40px; line-height: 40px; top: 10px; left: 10px; color: #d30e25; background: #fff; border-radius: 99px; }

#option { background: center no-repeat #fff; box-shadow: 0 10px 20px rgba(13, 38, 76, 0.19); width: 300px; position: absolute; bottom: 60px; right: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 4px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 7px; -webkit-transform-origin: 80% 105%; -ms-transform-origin: 80% 105%; transform-origin: 80% 105%; -webkit-transition: 0.12s ease-out; -o-transition: 0.12s ease-out; transition: 0.12s ease-out; z-index: 10000; display: none; }

#option:before { content: ""; position: absolute; bottom: -7px; right: 25px; left: auto; display: inline-block !important; border-right: 10px solid transparent; border-top: 10px solid #fff; border-left: 10px solid transparent; }

#option li { width: 100%; }

#option li a { display: flex; align-items: center; padding: 8px 10px; cursor: pointer; border: 0; background: 0 0; }

#option li:hover { background: #eee; }

#option li a i, .f-svg { display: inline-block; width: 45px; height: 45px; line-height: 45px; background: #189eff; text-align: center; border-radius: 99px; color: #fff; margin-right: 8px; display: inline-flex; align-items: center; justify-content: center; }

#option li a svg { width: 22px; color: #fff; margin-right: 8px; margin-left: 6px; }

#option li a i.icon-facebook { background: #0078ff; }

#option li a i.icon-phone { background: #4eb625; }

#option li a i.fa-code { background: #000; }

#option li a i.fa-eye { background: #ff643a; }

@media screen and (min-width: 820px) { .about-row { margin-top: -190px !important; z-index: 9; } }
@media screen and (max-width: 820px) { .header .flex-row { padding-left: 0; }
  .mobile-nav .has-icon a { color: var(--primary-color) !important; display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 4px; width: 40px; height: 40px; border: 1px solid var(--primary-color); padding: 0; min-width: auto; }
  .mobile-nav .has-icon a svg { max-width: 20px; }
  .mobile-nav .has-icon a i { text-align: center; }
  .off-canvas .sidebar-menu { padding: 50px 0; }
  .off-canvas .nav-vertical > li { border-top: none !important; background-color: transparent !important; }
  .off-canvas .nav-vertical > li > a { padding-top: 10px; padding-bottom: 10px; color: #111; height: auto; font-size: 16px; text-transform: none; text-shadow: none; font-weight: 400; }
  .off-canvas .nav-vertical > li > a svg { display: none; }
  .off-canvas .nav-vertical > li > ul > li a { color: #111; }
  .off-canvas .nav-vertical > li > ul > li li { position: relative; margin-left: 20px !important; }
  .off-canvas .nav-vertical > li > ul > li li:before { content: ""; height: 5px; width: 5px; display: inline-block; background-color: #111; position: absolute; top: 50%; transform: translateY(-50%); }
  .searchform-wrapper .search-field { min-height: 38px; height: 38px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: none; box-shadow: none; }
  .searchform-wrapper .submit-button { background-color: #fff !important; border: none; min-height: 38px; box-shadow: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #333; }
  .off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content { background-color: var(--primary-color); width: 100%; }
  .testimonial-box { margin-left: 0px; display: block; }
  .testimonial-box .icon-box-img { position: relative; top: auto; left: 50%; transform: translateX(-50%); }
  .testimonial-box .icon-box-text { padding-left: 0 !important; }
  .testimonial-box .icon-box-text:after { width: 70px; background-size: contain; height: 50px; }
  .slider-nav-bottom .flickity-prev-next-button.previous { left: 41%; }
  .slider-nav-bottom .flickity-prev-next-button.next { right: 41%; } }
@media screen and (max-width: 512px) { .section-title span.section-title-main { font-size: 20px; }
  .slider-nav-bottom .flickity-prev-next-button.previous { left: 36%; }
  .slider-nav-bottom .flickity-prev-next-button.next { right: 36%; }
  .button:not(.icon) { min-height: 36px; font-size: 14px; line-height: 36px; }
  .lichkhaigiang-item .price { font-size: 16px; }
  .slider-nav-outside .flickity-prev-next-button { display: none; }
  .white-popup-block .modal-body { padding: 20px; }
  .nav-pills { display: flex; gap: 0px; margin: 0; }
  .nav-pills > li { width: 33.333%; }
  .nav-pills > li > a { padding: 8px 11px; font-size: 13px; line-height: 1.5; text-align: center; }
  .slider-nav-circle .flickity-prev-next-button svg { background: transparent; border: none !important; }
  .slider-nav-circle .flickity-prev-next-button .arrow { fill: var(--secondary-color); }
  .nav-tabs > li { margin: 0 0px !important; }
  .nav-tabs > li > a { padding-left: 12px; padding-right: 12px; font-size: 15px; } }