/*
Theme Name:Web Khoi Nghiep
Description:This is a child theme for Flatsome Theme
Author:UX Themes
Template:flatsome
Version:3.0
*/
:root {
  --bg-gradient:linear-gradient(135deg, hsl(291 56% 26%) 0%, hsl(291 56% 36%) 50%, hsl(300 45% 45%) 100%);
  --primary:291 56% 36%;
  --secondary:291 45% 55%;
  --destructive:0 84.2% 60.2%
}
.home_ss {
  padding-top:44px !important;
  padding-bottom:44px !important
}
.home_ss_hero {
  height:660px;
  position:relative
}
.home_ss_hero h2 {
  font-size:16px;
  background:#b059c033;
  width:fit-content;
  padding:12px 24px;
  border-radius:25px
}
.home_ss_hero h1 {
  font-size:60px;
  font-weight:600;
  width:60%;
  margin-top:30px;
  line-height:1.2
}
.home_ss_hero p {
  font-size:18px;
  width:62%
}
.home_ss_hero .button {
  font-size:18px;
  font-weight:500;
  text-transform:capitalize !important
}
.home_ss7 {
  background:var(--bg-gradient)
}
.home_ss1 .row {
  background:#fff;
  border-radius:24px;
  box-shadow:0 0 6px #ddd;
  padding:24px;
  max-width:calc(1370px - 30px);
  margin-top:-80px
}
.home_ss1 .row .large-3 {
  padding-bottom:0
}
.home_ss1 .row .large-3 .icon-box-img {
  background:#b059c033;
  width:48px !important;
  height:48px;
  padding:12px;
  border-radius:12px;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:8px
}
.home_ss1 .row .large-3 .icon-box-img img {
  padding:0
}
.home_ss1 .row .large-3 .icon-box-text h3 {
  font-size:30px;
  margin-bottom:0;
  color:#000
}
.home_ss1 .row .large-3 .icon-box-text p {
  font-size:15px;
  color:#111
}
.home_ss h3 {
  font-size:16px;
  text-transform:uppercase;
  color:var(--primary-color);
  margin-bottom:10px
}
.home_ss h2 {
  font-size:32px;
  margin-bottom:14px
}
.home_ss2 .box-image {
  border-radius:24px 24px 0 0
}
.home_ss2 .box-text {
  background:#fff;
  border-radius:0 0 24px 24px;
  padding:32px
}
.home_ss2 .box-text h4 {
  margin-top:-90px;
  padding-bottom:60px;
  color:#fff;
  font-size:20px
}
.home_ss2 .box-text h4 img {
  background:#ecfdf5;
  border-radius:8px;
  padding:6px;
  margin-right:10px
}
.home_ss2 .box-image:before {
  content:'';
  background:linear-gradient(0deg,rgba(37, 21, 40, 0.75) 0%, rgba(37, 21, 40, 0.1) 100%);
  width:100%;
  height:100%;
  position:absolute
}
.home_ss2 .box-text p {
  font-size:16px;
  margin-bottom:16px
}
.home_ss2 .box-text .grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
  margin-bottom:16px
}
.home_ss2 .box-text .grid div {
  padding:8px 16px;
  border:1px solid #a7f3d0;
  border-radius:12px;
  font-size:14px;
  font-weight:600;
  height:50px;
  display:flex;
  align-items:center
}
.home_ss2 .box-text .grid div img {
  width:18px;
  margin-right:8px
}
.home_ss2 .box-text li {
  font-size:15px;
  list-style:none;
  margin-left:0
}
.home_ss2 .box-text a.button {
  margin-top:0;
  margin-bottom:0;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  font-weight:500
}
.home_ss2 .box-text a.button i.icon-angle-right {
  top:0
}
.home_ss2 .box-text li span {
  padding-right:4px
}
.home_ss2 .large-6:last-child .box-text .grid div {
  border-color:#fecdd3
}
.home_ss3 .large-2 {
  flex-basis:20%;
  max-width:20%
}
.home_ss3 .large-2 .icon-box-img {
  width:64px !important;
  height:64px
}
.home_ss3 .large-2 .icon-box-img .icon {
  width:100%;
  height:100%;
  background:var(--primary-color);
  border-radius:100%;
  display:flex;
  justify-content:center;
  align-items:center
}
.home_ss3 .large-2 .icon-box-img .icon img {
  padding:0;
  margin-top:-6px
}
.home_ss3 .icon-box-text h3 {
  text-transform:capitalize;
  color:#000;
  margin-bottom:8px
}
.home_ss3 .icon-box-text p {
  font-size:14px;
  line-height:1.5
}
.home_ss3 .icon-box-text h4 {
  font-size:14px;
  color:var(--fs-color-secondary)
}
.home_ss4 .large-3 .col-inner {
  background:#fff;
  height:100%;
  border-radius:16px;
  padding:24px
}
.home_ss4 .large-3 .col-inner h3 {
  text-transform:capitalize;
  color:#000;
  font-size:18px
}
.home_ss4 .large-3 .col-inner p {
  margin-bottom:0;
  font-size:15px
}
.home_ss4 .large-3 .col-inner .icon-box-img {
  background:#80288f1a;
  width:56px !important;
  height:56px;
  border-radius:12px;
  display:flex;
  justify-content:center;
  align-items:center
}
.home_ss5 .large-4 .col-inner {
  background:#fff;
  border-radius:24px;
  padding:24px
}
.home_ss5 .large-4 .col-inner .star-rating span:before {
  color:var(--primary-color)
}
.home_ss5 .large-4 .col-inner .star-rating {
  margin-bottom:18px
}
.home_ss5 .large-4 .col-inner .testimonial-text p {
  font-size:15px;
  font-style:normal;
  text-align:justify
}
.home_ss5 .large-4 .col-inner .testimonial-meta {
  text-align:left;
  font-size:14px
}
.d_acc .accordion .accordion-item {
  background:#fff;
  margin-bottom:12px;
  border-radius:12px
}
.d_acc .accordion .accordion-item a {
  border:0;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:28px;
  color:#000;
  font-size:16px;
  font-weight:600;
  border-radius:12px;
  background:#fff
}
.d_acc .accordion .accordion-item button.toggle {
  right:4px;
  left:auto;
  top:11px
}
.d_acc .accordion .accordion-item .accordion-inner {
  padding:0 20px 20px;
  font-size:15px
}
.d_acc .accordion .accordion-item .accordion-inner p:last-child {
  margin-bottom:0
}
.home_ss7 {
  padding-top:80px !important
}
.home_ss7 .section-bg-overlay {
  background:var(--bg-gradient)
}
.home_ss7 p {
  width:50%;
  margin:0 auto 36px
}
.home_ss7 p {
  width:50%;
  margin:0 auto 36px
}
a.btn {
  height:55px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  text-transform:capitalize;
  font-size:18px;
  font-weight:500
}
a.btn1 {
  background:#b059c08f;
  border-color:#b059c08f
}
a.btn2 {
  border:1px solid #ffffff45 !important
}
.home_ss_hero h2 {
  font-size:18px;
  display:flex;
  align-items:center;
  gap:8px
}
.home_ss7 .large-3 {
  padding-bottom:0
}
#footer .section-bg {
  background:var(--bg-gradient)
}
.absolute-footer {
  display:none
}
#footer img {
  padding:0;
  border-radius:16px
}
#footer .icon-box-text p {
  font-size:13px;
  margin-bottom:16px
}
#footer .icon-box-img {
  margin-bottom:6px
}
#footer p {
  margin-bottom:8px
}
#footer .large-6 {
  padding-bottom:0;
  padding-top:10px
}
.page_ss1 {
  height:600px
}
.page_ss1 .section-bg {
  width:140%
}
.page_ss1 h1 {
  font-size:60px;
  width:60%;
  color:#fff;
  margin-bottom:12px
}
.page_ss1 p {
  font-size:20px;
  width:60%;
  color:#fff;
  margin-bottom:30px
}
.page_ss1 .btn1 {
  background:var(--primary-color);
  color:#fff !important
}
.page_ss1 .btn2 {
  background:#46464691;
  color:#fff;
  border-color:#ffffff40 !important
}
.page_ss1 .section-bg img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top
}
.page_ss1 .section-bg {
  position:absolute;
  left:-18%
}
.page_ss1 .section-bg img {
  position:absolute;
  top:0;
  left:0;
  transform:none !important
}
.page_ss1:before {
  content:'';
  width:100%;
  height:100%;
  background:linear-gradient(0deg,rgba(37, 21, 40, 0.75) 0%, rgba(37, 21, 40, 0.1) 60%);
  position:absolute;
  left:0;
  top:0px;
  z-index:1
}
.page_ss2 .col {
  padding-bottom:0
}
.page_ss2 .large-3 .col-inner {
     height:100%;
  padding:24px;
  border-radius:16px;
  border:1px solid hsl(var(--primary) / .15);
  background:hsl(var(--primary) / .05)
}
.page_ss2 .large-3 .col-inner .icon-box {
  align-items:center
}
.page_ss2 .large-3 .col-inner .icon-box h4 {
  font-size:16px;
  margin:0
}
.page_ss2 .large-3 .col-inner .icon-box .icon-box-img img {
  padding:0
}
.page_ss2 .large-3 .col-inner .icon-box .icon-box-img {
  width:36px !important;
  height:36px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:hsl(var(--primary) / .1);
  border-radius:12px;
  padding:8px !important
}
.page_ss h3 {
  font-size:16px;
  text-transform:uppercase;
  color:hsl(var(--primary));
  margin-bottom:16px
}
.page_ss3 ul {
  display:flex;
  flex-wrap:wrap;
  justify-content:center
}
.page_ss3 ul li {
  border:1px solid hsl(var(--secondary)/.2);
  padding:8px 20px;
  list-style:none;
  font-size:14px;
  border-radius:25px;
  background:#fff
}
.page_ss3 .large-12 {
  padding-bottom:0
}
.page_ss3 .large-12 ul {
  margin-bottom:0
}
.page_ss4 .row .col-inner {
  border:1px solid #e4dce5;
  border-radius:16px
}
.page_ss .icon-box-img img {
  padding:0
}
.page_ss .icon-box-img {
  width:48px !important;
  height:48px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:hsl(var(--primary) / .15);
  border-radius:16px
}
.page_ss .icon-box-text h3 {
  margin-bottom:10px
}
.page_ss4 h3 {
  font-size:24px;
  text-transform:capitalize;
  color:#000;
  margin-bottom:0 !important
}
.page_ss4 .icon-box {
  align-items:center
}
.page_ss4 .r1 .icon-box {
  align-items:start
}
.page_ss4 .r1 .icon-box .icon-box-img {
  width:64px !important;
  height:64px
}
.page_ss4 .r1 .icon-box  h3 {
  margin-bottom:6px !important
}
.page_ss4 .row .col-inner .icon-box {
  border-bottom:1px solid #e4dce5;
  padding:24px;
  background:hsl(var(--secondary)/0.01);
  border-radius:14px 14px 0 0
}
.page_ss4 .row .col-inner .ct {
  padding:24px;
  background:#fff;
  border-radius:0 0 14px 14px
}
.page_ss4 .row .col-inner .ct ul li {
  list-style:none;
  margin-left:0;
  gap:8px
}
.page_ss4 .row .col-inner .ct li img {
  width:18px
}
.page_ss4 .row .col-inner .ct ul {
  margin-bottom:0
}
.page_ss4 .row .col-inner .ct ol {
  counter-reset:item;
  padding-left:0;
  margin-bottom:0
}
.page_ss4 .row .col-inner .ct ol li {
  list-style:none;
  counter-increment:item;
  margin-left:0;
  display:flex
}
.page_ss4 .row .col-inner .ct ol li::before {
  content:counter(item);
  background:hsl(var(--primary)/.3);
  color:hsl(var(--primary));
  font-size:14px;
  font-weight:600;
  border-radius:50%;
  width:32px;
  min-width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:10px
}
.page_ss4 .ul1 ul,
.page_ss4 .ul2 ul,
.page_ss4 .ul3 ul,
.page_ss4 .ul4 ul {
  margin-bottom:0
}
.page_ss4 .ul1 ul li,
.page_ss4 .ul2 ul li,
.page_ss4 .ul3 ul li,
.page_ss4 .ul4 ul li {
  margin:0
}
.page_ss4 .row .col-inner .ul2 ul {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px
}
.page_ss4 .row .col-inner .ct.ul3 ul {
}
.page_ss4 .row .col-inner .ct.ul4 ul {
}
.page_ss4 .row .col-inner .ul2 ul li {
  border:1px solid #e4dce5;
  background:hsl(var(--primary) / .05);
  height:48px;
  padding:12px;
  padding-left:40px !important;
  border-radius:12px
}
.page_ss4 .row.r6 .col-inner {
  padding:24px;
  background:#ffffff59
}
.page_ss4 .row.r6 .col-inner ul {
  margin-left:16px
}
.page_ss4 .row.r6 .col-inner h6 {
  font-size:16px;
  text-transform:capitalize;
  margin-bottom:12px
}
.page_ss4 .row.r6 .col-inner ul li {
  font-size:14px;
  margin-bottom:4px
}
.page_ss4 .row.r6 .col-inner ul li::marker {
  color:hsl(var(--primary));
  font-size:13px
}
.page_ss4 .row.r7 .col-inner .ct {
  margin-left:0;
  margin-right:0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0 24px
}
.page_ss4 .row.r7 .col-inner .ct .col {
  padding:0;
  max-width:100%;
  height:100%
}
.page_ss4 .row.r7 .col-inner .ct .col .col-inner {
  height:100%;
  padding:16px
}
.page_ss4 .row.r7 .col-inner .ct .col .col-inner h4 {
  font-size:16px
}
.page_ss4 .row.r7 .col-inner .ct .col .col-inner li {
  font-size:14px;
  margin-bottom:4px;
  display:list-item;
  list-style:disc;
  margin-left:16px
}
.page_ss4 .row.r7 .col-inner .ct .col .col-inner li::marker {
  font-size:13px;
  color:hsl(var(--primary))
}
.page_ss4 .row.r7 .col-inner .ct .col .col-inner img {
  font-size:44px
}
.page_ss4 .row.r7 .col-inner .ct .col .col-inner p {
  margin-bottom:12px
}
.page_ss4 .row .col-inner .ul1 ul {
  display:flex;
  flex-wrap:wrap;
  gap:20px 50px
}
.page_ss4 .r1 .icon-box .icon-box-img img {width:32px}
.page_ss4 .row.r8 .col-inner .ul1 ul {
  display:grid;
  grid-template-columns:repeat(2,1fr)
}
.page_ss4 .row.r8 .col-inner .ul1 ul li {align-items:start}
.page_ss4 .row.r8 .col-inner .ul1 ul li img {padding-top:4px}
.page_ss3 ul li,
.page_ss4 .row.r2 .col-inner ul li,
.page_ss4 .row.r4 .col-inner ul li,
.page_ss4 .row.r8 .col-inner ul li,
.page_ss4 .row.r9 .col-inner ul li,
.page_ss4 .row.r10 .col-inner ul li,
.page2_ss .row.r1 .col-inner ul li {
  background:url('/wp-content/uploads/2026/04/p2.svg') no-repeat;
  background-size:20px;
  background-position:0 2px;
  padding-left:26px;
  list-style:none
}
.page_ss4 .row.r4 .col-inner ul li {background-position:12px 15px}
.page_ss4 .row.r9 .col-inner .ctz {
  background:hsl(var(--primary)/.05);
  padding:30px;
  margin:24px;
  border-radius:16px
}
.page_ss4 .row.r9 .col-inner .ctz li {
  margin-bottom:6px;
  font-size:15px;
  background-position:0 2px
}
.page_ss4 .row.r9 .col-inner .ctz li:last-child {margin-bottom:0}
.page_ss4 .row.r9 .col-inner .ctz3 div {
  margin-top:20px;
  font-size:15px;
  background:hsl(var(--primary)/.06);
  padding:10px 20px;
  border-radius:12px;
  color:hsl(var(--primary))
}
.page_ss4 .row.r10 .col-inner ul {
  margin-top:16px;
  gap:16px 24px;
  font-size:15px
}
.page_ss4 .row.r10 .col-inner h4 {
  font-size:16px;
  font-weight:500
}
.page_ss4 .row.r11 .col-inner {border:0}
.page_ss4 .row.r11 .col-inner .icon-box {
  border-bottom:0;
  padding-left:0
}
.page_ss4 .row.r12 .icon-box-img {background:hsl(var(--destructive) / .2)}
.page_ss .icon-box-img .icon,.page_ss .icon-box-img .icon-inner {
}
.page_ss4 .row.r12 .icon-box-text h3 {color:hsl(var(--destructive))}
.page_ss4 .row.r12 .col-inner .icon-box {background:hsl(var(--destructive) / .1)}
.page_ss4 .row.r12 .col-inner .ct {background:hsl(var(--destructive) / .05)}
.page_ss4 .row.r13 .col-inner {
  background:hsl(var(--primary));
  padding:60px 30px
}
.page_ss4 .row.r13 .col-inner .col-inner {
  border:0;
  padding:0
}
.page_ss4 .row.r13 .col-inner .col {padding-bottom:0}
.page_ss4 .row.r13 .col-inner a.button {margin:0}
.page_ss4 .row.r13 .col-inner .large-3 {
  flex-basis:30%;
  max-width:30%
}
.page_ss4 .row.r13 .col-inner .col-inner p {
  width:50%;
  margin:0 auto 24px
}
.page_ss4 .row.r13 .col-inner h2 {font-size:30px}
.page_ss4 .row.r5 h4 {
  background:hsl(var(--secondary)/0.01);
  padding:16px 24px;
  margin-bottom:0;
  font-size:17px
}
.page_ss4 .row.r5 table tr.row-1 th {
  background:#fff;
  text-transform:none;
  font-size:14px;
  font-weight:600;
  padding:6px
}
.page_ss4 .row.r5 table tbody td {
  background:#fff
}
.page_ss4 .row.r5 table td {
  font-size:14px;
  padding:6px
}
.page_ss4 .dt-container {margin-bottom:0}
.page_ss4 .dt-layout-cell {padding:0}
.page_ss4 .row.r5 p {
  font-size:15px;
  text-align:center;
  margin-bottom:0;
  color:#fff
}
.page_ss4 .row.r5 h5 {
  font-size:32px;
  margin-bottom:0;
  text-align:center;
  color:#fff
}
.page_ss4 .row.r5 .footer_text {
  background:var(--bg-gradient);
  padding:20px 16px;
  border-radius:0 0 14px 14px
}
.page_ss3 ul li {
  background-size:16px;
  background-position:12px 11px;
  padding-left:32px;
  margin:6px 4px;
  background-color:#fff
}
.page2_ss .row.r2 .col-inner ul {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px 32px
}
.page2_ss .row.r2 .col-inner ul li {font-size:15px}
.footer_ss .row:last-child .col:last-child p {text-align:right}
.contact_ss span.wpcf7-spinner {display:none}
.contact_ss1 h1.entry-title {
  font-size:44px;
  margin-bottom:8px !important
}
.contact_ss1 .page-title-sub {
  font-size:14px;
  opacity:1
}
.contact_ss1 .page-title {
  background:var(--bg-gradient);
  height:320px;
  display:flex;
  align-items:center;
  justify-content:center
}
.contact_ss2 {padding-top:60px !important}
.contact_ss2 .large-5:first-child .col-inner {
  background:#fff;
  padding:40px;
  border-radius:24px
}
.contact_ss2 .large-5:first-child .col-inner h6 {
  font-size:24px;
  text-transform:capitalize;
  margin-bottom:30px
}
.contact_ss2 .large-5:first-child input,.contact_ss2 .large-5:first-child textarea {
  box-shadow:unset;
  border-radius:8px;
  height:48px;
  font-size:14px;
  font-weight:500;
  padding:10px 20px
}
.contact_ss2 .large-5:first-child form {margin-bottom:0}
.contact_ss2 .large-5:first-child .wpcf7-submit {
  margin-bottom:0;
  font-size:16px;
  text-transform:capitalize;
  width:100%;
  display:flex;
  height:auto;
  padding:6px
}
.contact_ss2 .large-5:last-child h6 {
  font-size:24px;
  text-transform:capitalize;
  margin-bottom:20px
}
.contact_ss2 .icon-box {
  border:1px solid hsl(var(--secondary)/.2);
  margin-bottom:20px;
  padding:16px;
  border-radius:16px;
  align-items:center;
  background:#fff
}
.contact_ss2 .icon-box .icon-box-img {
  width:40px !important;
  height:40px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:hsl(var(--primary) / .1);
  border-radius:12px;
  padding:10px !important
}
.contact_ss2 .icon-box .icon-box-img img {padding:0}
.contact_ss2 .icon-box .icon-box-text h3 {
  font-size:14px;
  font-weight:500;
  margin-bottom:0;
  line-height:1.4
}
.contact_ss2 .icon-box .icon-box-text p {
  font-size:16px;
  font-weight:600
}
.contact_ss2 .ct_text {
  border:1px solid hsl(var(--secondary)/.2);
  background:hsl(var(--primary) / .05);
  padding:24px;
  border-radius:16px
}
.contact_ss2 .ct_text p {margin-bottom:0}
.contact_ss2 .ct_text h4 {font-size:20px}
.contact_ss2 .ct_text a.button {
  margin-bottom:0;
  margin-top:16px;
  width:100%;
  height:48px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:#ffffff82;
  color:#000;
  font-size:15px;
  font-weight:600;
  border:1px solid hsl(var(--secondary)/.2)
}
#footer .large-3:last-child img {
  width:16px;
  border-radius:0;
  margin-right:6px
}
#footer .info p {
  font-size:13.5px;
  margin-bottom:4px
}
.about_ss1 .large-4 .col-inner,.about_ss3 .large-3 .col-inner {
  background:#fff;
  padding:36px 24px;
  border-radius:24px;
  height:100%
}
.about_ss1 .large-4 .icon-box-img {
  width:56px !important;
  height:56px;
  display:flex;
  justify-content:center;
  align-items:center;
  background:hsl(var(--primary) / .1);
  border-radius:16px
}
.about_ss1 .large-4 .icon-box-img img, .about_ss3 .large-4 .icon-box-img img {padding:0}
.about_ss1 .large-4 .icon-box-img .icon,.about_ss1 .large-4 .icon-box-img .icon-inner {
  width:24px;
  height:24px;
  display:flex;
  justify-content:center;
  align-items:center
}
.about_ss1 .large-4 .col-inner p, .about_ss1 .large-4 .col-inner ul {
  margin-bottom:0;
  font-size:15px
}
.about_ss1 .large-4 .col-inner h3 {font-size:20px}
.about_ss1 .large-4 .col-inner ul {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:0;
  width:fit-content;
  margin:0 auto
}
.about_ss1 .large-4 .col-inner ul li {
  list-style:none;
  margin-left:0
}
.about_ss2 .icon-box-img {height:32px}
.about_ss2 .icon-box-img img {padding:0}
.about_ss2 .icon-box-text h4 {
  font-size:26px;
  margin-bottom:4px
}
.about_ss2 .icon-box-text p {
  font-size:15px;
  color:#333
}
.about_ss2 .large-3 {padding-bottom:0}
.about_ss3 .icon-box-img {height:80px}
.about_ss3 .icon-box-img img, .about_ss3 .icon-box-img .icon,.about_ss3 .icon-box-img .icon-inner {
  height:100%;
  border-radius:100%;
  object-fit:cover
}
.about_ss3 .large-3 .icon-box-text h3 {
  font-size:20px;
  margin-bottom:6px;
  color:#000
}
.about_ss3 .large-3 .icon-box-text h4 {
  font-size:14px;
  font-weight:500;
  color:hsl(var(--secondary))
}
.about_ss3 .large-3 .icon-box-text p {
  font-size:14px;
  color:#333;
  margin-bottom:0
}
.about_ss3 .large-3 .col-inner {padding:24px 20px}
.about_ss1 {
  padding-top:60px !important;
  padding-bottom:40px !important
}
.about_ss3 {padding-top:50px !important}
footer.entry-meta {
  border-top:none !important;
  border-bottom:1px dashed #ececec !important;
  padding:0 0 10px
}
.entry-content img {
  width:auto !important
}
.duong-line {
  background:rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
  height:10px;
  overflow:hidden
}
.related-post h7 {
  font-size:18px;
  color:var(--primary-color);
  float:left;
  margin:-11px 14px 0 0
}
.nav-dropdown-has-border .nav-dropdown > li > a {
  font-size:14px;
  color:#000;
  border-bottom:1px dashed #aaa
}
.nav-dropdown-has-border .nav-dropdown > li > a:hover {
  color:var(--primary-color)
}
#main, #wrapper {
  background:transparent
}
.dinhit-cf7 {
  background:#fff;
  padding:30px;
  border-radius:16px;
  box-shadow:0 0 6px #eee
}
.dinhit-cf7 h2 {
  text-align:center;
  font-size:30px;
  color:var(--primary-color);
  margin-bottom:4px
}
.dinhit-cf7 p {
  text-align:center;
  font-size:16px;
  font-style:italic;
  color:#000;
  margin-bottom:30px
}
.dinhit-cf7 .cf7-content {
}
.dinhit-cf7 .cf7-content .col-half,
.dinhit-cf7 .cf7-content .col-third {
  gap:15px;
  display:flex
}
.dinhit-cf7 .cf7-content input,
.dinhit-cf7 .cf7-content textarea,
.dinhit-cf7 .cf7-content select {
  border-radius:8px;
  box-shadow:none;
  height:40px
}
.dinhit-cf7 .cf7-content .col-half > *,
.dinhit-cf7 .cf7-content .col-third > * {
  width:100%
}
.dinhit-cf7 .cf7-content input.wpcf7-form-control.wpcf7-submit {
  margin:15px auto 0;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:16px;
  min-width:25%
}
.about_ss2 {
  padding-top:60px !important
}
.about_ss2 .box-image {
  border-radius:16px;
  flex-basis:40%;
  height:100%
}
.about_ss2 .box-text {
  flex-basis:60%;
  padding:30px;
  background:var(--fs-color-secondary);
  border-radius:16px
}
.about_ss2 .box-text h5,
.about_ss2 .box-text h4 {
  font-size:18px;
  color:var(--primary-color);
  margin-bottom:8px;
  line-height:1.3
}
.about_ss2 .box-text h4 {
  font-size:28px;
  margin-bottom:12px
}
.about_ss2 .box-text p {
  font-size:16px;
  color:#000
}
.about_ss2 .box {
  display:flex;
  gap:30px;
  height:100%
}
.about_ss3 h3,
.about_ss3 h2 {
  font-size:18px;
  color:var(--primary-color);
  margin-bottom:8px;
  line-height:1.3
}
.about_ss3 h2 {
  font-size:36px;
  margin-bottom:30px
}
.about_ss3 .box-image {
  order:2
}
.about_ss1 .box-text {
  order:1
}
.about_ss4 .large-12 {
  padding-bottom:0
}
.about_ss4 .box-image {
  border-radius:16px
}
.about_ss4 .box-text h4 {
  font-size:18px;
  color:var(--primary-color);
  margin-bottom:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  height:45px;
  display:-webkit-box;
  -webkit-box-orient:vertical
}
.about_ss4 .box-text p {
  font-size:15px;
  color:#000
}
.about_ss4 .box-text {
  padding:15px
}
.about_ss4 .large-4 .col-inner,
.about_ss4 .large-4 .col-inner .box {
  height:100%;
  background:#fff;
  border-radius:16px
}
.blog-wrapper.blog-archive {
  padding-top:0
}
.blog-wrapper.blog-archive .home_ss1 {
  margin-bottom:60px !important
}
.blog-wrapper.blog-archive .about_ss2 .box-image {
  flex-basis:50%
}
.blog-wrapper.blog-archive .about_ss2 .box-text {
  flex-basis:50%
}
.blog-wrapper.blog-archive .about_ss2 .box-text h5 {
  font-size:28px
}
.blog-wrapper.blog-archive .about_ss2 .box-text p {
  font-size:18px
}
.blog-wrapper.blog-archive .latest-post {
  display:flex;
  gap:24px
}
.blog-wrapper.blog-archive .latest-post .box-image {
  flex-basis:50%
}
.blog-wrapper.blog-archive .latest-post .box-text {
  flex-basis:50%;
  text-align:left;
  background:#fff;
  border-radius:16px;
  padding:24px
}
.blog-wrapper.blog-archive .latest-post .box-image img {
  height:340px;
  object-fit:cover;
  border-radius:16px
}
.blog-wrapper.blog-archive .large-10.col {
  flex-basis:100%;
  max-width:100%
}
.blog-wrapper.blog-archive .latest-post .box-text h3.post-title a {
  font-size:28px;
  color:var(--primary-color);
  margin-bottom:12px;
  line-height:1.4;
  margin-top:-4px
}
.blog-wrapper.blog-archive .latest-post .box-text .post-excerpt {
  font-size:16px;
  line-height:1.4;
  color:#000
}
h1.cat-title {
  font-size:28px;
  color:var(--primary-color);
  padding-top:40px;
  margin-bottom:30px
}
.blog-wrapper.blog-archive .row-masonry .box {
  background:#fff;
  border-radius:16px;
  box-shadow:0 0 6px #eee
}
.blog-wrapper.blog-archive .row-masonry .box-text {
  padding:10px;
  padding-top:0
}
.blog-wrapper.blog-archive .row-masonry .box-text h5.post-title a {
  font-size:18px;
  color:var(--primary-color);
  line-height:1.4;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  height:52px;
  display:-webkit-box;
  -webkit-box-orient:vertical
}
.blog-wrapper.blog-archive .row-masonry .box-text .from_the_blog_excerpt {
  color:#000
}
.blog-wrapper.blog-archive .row-masonry .box-text .is-divider {
  display:none
}
.blog-wrapper.blog-archive .row-masonry .box-image {
  padding:10px
}
.contact .text1, .contact .text2,.contact .text3 {
  background:var(--fs-color-secondary);
  border-radius:16px;
  padding:24px
}
.contact .text1 h1, .contact .text1 h2,.contact .large-6:last-child .col-inner h6 {
  font-size:18px;
  color:var(--primary-color)
}
.contact .text1 h2 {
  font-size:28px
}
.contact .text1 p {
  color:#000;
  margin-bottom:0
}
.contact .text1 {
  margin-bottom:20px
}
.contact .text2,.contact .text3 {
  background:#fff
}
.contact .text2 h6,.contact .text3 h6 {
  font-size:18px;
  text-transform:none;
  color:var(--primary-color);
  opacity:1;
  margin-bottom:16px
}
.contact .text2 div p {
  margin-bottom:8px;
  display:flex;
  gap:8px;
  color:#000
}
.contact .text2 div p i {
  margin-top:6px;
  width:20px
}
.contact .text3 {
  margin-top:20px
}
.contact .large-6:last-child .col-inner {
  padding:10px;
  background:#fff;
  border-radius:16px;
  padding:24px
}
.contact .large-6:last-child .col-inner h6 {
  text-transform:none;
  opacity:1;
  margin-bottom:15px
}
.contact .large-6:last-child .col-inner input,
.contact .large-6:last-child .col-inner textarea {
  border-radius:8px;
  box-shadow:none;
  font-size:14px
}
.contact .large-6:last-child .col-inner form.wpcf7-form.init {
  margin-bottom:0
}
.blog-single h1.entry-title {
  font-size:28px !important;
  color:var(--primary-color);
  margin-bottom:8px
}
.entry-content.single-page {
  padding-top:0;
  padding-bottom:0
}
.blog-single .large-10.col {
  flex-basis:100%;
  max-width:100%
}
.related-post .col.post-item .col-inner {
  box-shadow:none;
  background:none
}
.related-post .col.post-item .col-inner .box {
  border-radius:16px;
  box-shadow:0 0 6px #eee
}
.related-post .col.post-item .col-inner .box .box-text-inner.blog-post-inner {
  text-align:left
}
.related-post .col.post-item .col-inner .box h5.post-title {
  font-size:18px;
  color:var(--primary-color);
  margin-bottom:8px;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  height:48px;
  display:-webkit-box;
  -webkit-box-orient:vertical
}
.related-post .col.post-item .col-inner .box .is-divider {
  display:none
}
.related-post .col.post-item .col-inner .box .box-text {
  padding:0 12px 12px
}
.related-post .col.post-item .col-inner .box .box-image {
  padding:10px
}
.single-service-featured img {
  height:500px;
  object-fit:cover
}
.single-service-header {
  padding-top:30px
}
h1.single-service-title {
  font-size:28px;
  color:var(--primary-color);
  line-height:1.4
}
.single-service-prices {
  font-size:18px;
  color:#9d4213;
  margin-bottom:16px;
  display:flex;
  gap:12px
}
.single-service-open,
.single-service-location {
  font-size:16px;
  color:#000;
  margin-bottom:8px
}
.single-service-content {
  padding-top:20px;
  margin-top:20px;
  border-top:1px dashed #3c3c3c;
  color:#000
}
.single-service-content p {
  margin-bottom:12px
}
.single-service-open span.icon,
.single-service-location span.icon {
  width:24px;
  display:inline-block
}
.related-title h5 {
  font-size:28px;
  color:var(--primary-color)
}
.single-service-related {
  padding-top:8px;
  padding-bottom:24px
}
a.back-to-archive {
  display:flex;
  gap:8px;
  align-items:center;
  margin-bottom:12px
}
a.back-to-archive span {
  font-size:16px;
  font-style:italic;
  font-weight:600;
  color:#000
}
a.back-to-archive svg {
  transform:rotate(180deg)
}
a.back-to-archive:hover span,
a.back-to-archive:hover svg {
  color:var(--primary-color);
  fill:var(--primary-color)
}
#footer h6 {
  font-size:18px;
  margin-bottom:16px;
  opacity:1
}
#footer p {
  font-size:14.5px;
  margin-bottom:6px
}
#footer p i {
  width:20px;
  text-align:center
}
#footer h5 {
  font-size:14px;
  text-transform:uppercase;
  margin-bottom:8px;
  border-top:1px solid #ffffff36;
  padding-top:12px;
  margin-top:16px
}
#footer .social-icons.follow-icons {
  margin-bottom:8px
}
#footer iframe {
  border-radius:16px
}
#footer .large-8,
#footer .large-4 {
  padding-bottom:0
}
.header-main ul.header-nav {
  justify-content:center
}
.header-main ul.header-nav > li > a {
  font-size:18px;
  color:#000
}
/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media(min-width:1023px) {
  .section-dem {
    margin-top:-250px !important
  }
}
@media(max-width:855px) {
  .section-dem p {
    margin-bottom:0
  }
  .section-dem span.text-number {
    font-size:59px
  }
  .slide-dich-vu .block-giua {
    margin-top:unset
  }
  .title_module_main .h2,
  .title_module_main h2 {
    font-size:37px
  }
  .title_module_main {
    margin-bottom:0 !important
  }
}
@media only screen and (max-width:48em) {
  .home_ss1 .flickity-viewport .img-inner {
    padding-top:180px !important
  }
  .home_ss2 .tabbed-content .nav li a span {
    font-size:14px
  }
  .home_ss2 .tabbed-content .nav li a span {
    width:100%;
    padding-left:15px;
    padding-right:15px
  }
  .home_ss2 .tab-panels .large-6:nth-child(2) .col-inner h3 {
    font-size:24px
  }
  .home_ss2 .large-4 .box-text p {
    font-size:15px
  }
  .home_ss4 .tabbed-content .nav a {
    font-size:14px
  }
  .home_ss4 .tabbed-content .nav li {
    margin:0 8px
  }
  .dinhit-cf7 h2 {
    font-size:24px
  }
  .dinhit-cf7 p {
    font-size:14px
  }
  .dinhit-cf7 .cf7-content .col-third {
    display:block
  }
  .dinhit-cf7 .cf7-content input.wpcf7-form-control.wpcf7-submit {
    width:50%
  }
  .about_ss2 .box {
    flex-wrap:wrap
  }
  .about_ss2 .box-image,
  .about_ss2 .box-text {
    flex-basis:100%
  }
  .about_ss2 .box-text h4 {
    font-size:24px
  }
  .about_ss3 h2 {
    font-size:28px
  }
  .about_ss3 .box-image {
    order:1
  }
  .about_ss3 .box-text {
    order:2
  }
  .about_ss4 .box-text h4 {
    height:auto
  }
  h1.single-service-title {
    font-size:24px
  }
  .single-service-prices {
    font-size:16px;
    gap:8px
  }
  .single-service-open,
  .single-service-location {
    font-size:14px
  }
  .related-title h5 {
    font-size:24px
  }
  .home_ss4 .service-item h3.service-title a,
  .single-service-related .service-item h3.service-title a {
    height:auto
  }
  .home_ss4 .service-item .box-text,
  .single-service-related .service-item .box-text {
    height:auto
  }
  .single-service-featured img {
    height:240px
  }
  .blog-wrapper.blog-archive .latest-post {
    flex-wrap:wrap
  }
  .blog-wrapper.blog-archive .latest-post .box-image,
  .blog-wrapper.blog-archive .latest-post .box-text {
    flex-basis:100%
  }
  .blog-wrapper.blog-archive .latest-post .box-text h3.post-title a {
    font-size:24px;
    margin-bottom:8px
  }
  .blog-wrapper.blog-archive .latest-post .box-image img {
    height:280px
  }
  .blog-single h1.entry-title {
    font-size:24px !important
  }
  .related-post h7 {
    font-size:22px;
    margin-top:-15px
  }
  .contact .text1 h2 {
    font-size:24px
  }
  .contact .large-6:last-child .col-inner h6,
  .contact .text2 h6,
  .contact .text3 h6 {
    font-size:22px
  }
  #main-menu .nav>li>a {
    font-size:16px;
    color:var(--primary-color)
  }
  .nav-sidebar.nav-vertical>li.menu-item.active,
  .nav-sidebar.nav-vertical>li.menu-item:hover {
    background:#7c38211c
  }
  #main-menu .nav>li ul.sub-menu>li>a {
    font-size:16px;
    color:#000
  }
  .mobile-nav i.icon-menu {
    color:var(--primary-color)
  }
  #main-menu li.html.custom.html_topbar_right {
    padding:0
  }
  #main-menu li.html.custom.html_topbar_right a.mb_menu-logo {
    padding:15px
  }
  #main-menu li.html.custom.html_topbar_right a.mb_menu-logo img {
    width:80%
  }
  .page_ss1 h1 {
    font-size:36px;
    width:100%
  }
  .page_ss1 p {
    font-size:18px;
    width:100%
  }
  .page_ss1:before {background:linear-gradient(0deg, rgba(37, 21, 40, 0.75) 0%, rgba(37, 21, 40, 0.1) 100%)}
  .page_ss1 {height:540px}
  .page_ss2 .large-3 .col-inner {padding:12px}
  .page_ss2 .large-3 .col-inner .icon-box h4 {font-size:14px}
  .page_ss2 .col.large-3 {
    max-width:100%;
    padding:0
  }
  .page_ss2 .row {
    margin-bottom:-15px;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    padding-left:15px;
    padding-right:15px;
    gap:15px
  }
  .page_ss4 .r1 .icon-box {flex-direction:column}
  .page_ss4 .r1 .icon-box .icon-box-text {
    padding-left:0;
    padding-top:15px
  }
  .page_ss4 h3 {font-size:18px}
  .page_ss4 .row .col-inner .ul1 ul {gap:10px}
  .page_ss4 .row .col-inner .ul2 ul {
    display:flex;
    flex-wrap:wrap
  }
  .page_ss4 .row.r4 .col-inner ul li {height:auto}
  .page_ss4 .row.r7 .col-inner .ct {
    display:flex;
    gap:15px 0
  }
  .page_ss4 .row.r8 .col-inner .ul1 ul {display:flex}
  .page_ss4 .row.r8 .col-inner .ul1 ul li {background-position:0 3px}
  .page_ss4 .row.r13 .col-inner {padding:30px 20px}
  .page_ss4 .row.r13 .col-inner h2 {font-size:24px}
  .page_ss4 .row.r13 .col-inner .col-inner p {width:100%}
  .page_ss4 .row.r13 .col-inner .large-3 {
    flex-basis:80%;
    max-width:80%
  }
  .page_ss4 .row.r13 .col-inner .large-3:last-child {margin-top:15px}
  .page2_ss .row.r2 .col-inner ul {display:flex}
  .footer_ss .row:last-child .col:last-child p {text-align:left}
  .contact_ss1 h1.entry-title {font-size:32px}
  .contact_ss1 .page-title {height:280px}
  .contact_ss2 .large-5:first-child .col-inner {padding:30px}
  .about_ss1 {
    padding-top:30px !important;
    padding-bottom:5px !important
  }
  .about_ss2 .large-3 {padding-bottom:15px}
  .about_ss3 {
    padding-top:40px !important;
    padding-bottom:15px !important
  }
  .about_ss3 h2 {margin-bottom:0}
}