:root {
   --color-1: #ffcc01;
}
a {
   color: var(--color-accent);
}
.fz-14 {
   font-size: 14px;
   line-height: 22px;
}
.fz-16 {
   font-size: 16px;
   line-height: 24px;
}
.fz-40 {
   font-size: 40px;
}
p {
   font-size: 14px;
   line-height: 22px;
}
a {
   text-decoration: none;
}
a:hover {
   text-decoration: none;
}
.fz-18 {
   font-size: 18px;
   line-height: 24px;
}
.fw-700 {
   font-weight: 700;
}
.fw-400 {
   font-weight: 400;
}
.fw-500 {
   font-weight: 500;
}
.fw-600 {
   font-weight: 600;
}
.mg-t50 {
   margin-top: 50px;
}
.mg-b50 {
   margin-bottom: 50px;
}
.mg-b20 {
   margin-bottom: 20px;
}
.mg-b25 {
   margin-bottom: 25px;
}
.mg-b30 {
   margin-bottom: 30px;
}
.mg-b40 {
   margin-bottom: 40px;
}
.mg-b80 {
   margin-bottom: 80px;
}
.mg-b125 {
   margin-bottom: 125px;
}
.mg-b100 {
   margin-bottom: 100px;
}
.text-center {
   text-align: center;
}
.text-uppercase {
   text-transform: uppercase;
}
.pd-l55 {
   padding-left: 55px;
}
.pd-r55 {
   padding-right: 55px;
}
.nav .sub-menu{
   width: 310px;
   max-height: 650px;
   overflow: auto;
}
.price-kh del{
    font-size: 30px;
    font-weight: 500;
}
.box-kh-price del{
   font-size: 14px;
   font-weight: 500;
}
.box-kh .box-kh-title h2{
   display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 48px;
}
.sec1-home {
   background-image: url(/wp-content/uploads/2023/06/Group19227.png);
   background-repeat: no-repeat;
   background-position: bottom;
   padding: 64px 0 125px 0;
}
.align-items {
   align-items: center;
}
.sec1-home .banner-text {
   max-width: 448px;
}
.button-main {
   background: #000000;
   font-weight: 450;
   font-size: 16px;
   line-height: 22px;
   text-transform: uppercase;
   color: var(--color-1);
   padding: 14px 8px 14px 35px;
   text-decoration: none;
   border-radius: 28px;
   display: inline-block;
   margin: 0 auto;
}

.button-main .button-icon {
   background: var(--color-1);
   color: #000000;
   border-radius: 50%;
   width: 35px;
   height: 35px;
   padding: 10px 11px;
   margin-left: 25px;
   display: inline;
}
.button-main:hover {
   text-decoration: none;
   color: #000000;
   background: var(--color-1);
}
.button-main:hover .button-icon {
   fill: var(--color-1);
   background: #000000;
}
.button-main:hover .button-icon svg * {
   stroke: var(--color-1);
}
.sec2-home .os-text p {
   max-width: 630px;
   margin: auto;
}
.sec3-home {
   background: #efefef;
   padding: 125px 0;
}
.sec3-home .banner-content {
   margin-left: 100px;
}

.box-post {
   border: 1px solid #3333335a;

   border-radius: 10px;
}
.box-post img {
   border-radius: 10px 10px 0 0;
   width: 100%;
   object-fit: cover;
   height: 100%;
}
.swiper-button-prev::after {
   content: "" !important;
}
.swiper-button-next::after {
   content: "" !important;
}
.box-post .box-post-title {
   padding: 30px 38px;
   text-decoration: none;
   height: 100px;
}
.box-post .box-post-title  h2{
   overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.box-post .box-post-title a {
   text-decoration: none;
}
.post {
   position: relative;
}
.swiper-button-next {
   width: 35px !important;
   height: 35px !important;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 50%;
   position: absolute;
   top: 50%;
   right: -60px !important;
}
.swiper-button-prev {
   width: 35px !important;
   height: 35px !important;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 50%;
   position: absolute;
   top: 50%;

   left: -60px !important;
}
.sec2-home .os-table thead {
   background: var(--color-1);
   height: 70px;
   text-transform: uppercase;
}
.sec2-home .os-table tbody tr {
   background: #f6f6f6;
   height: 70px;
   border-bottom: 1px solid #ececec;
}
.sec2-home .os-table tbody .button-register a {
   font-weight: 600;
   font-size: 16px;
   line-height: 26px;
   color: #333333;
   text-decoration: none;
   padding: 12px 23px;
   border: 1px solid var(--color-1);
   border-radius: 28px;
}
.sec2-home .os-table table {
   border-radius: 10px;
   overflow: hidden;
}

.sec1-about .sec1-about-content {
   margin: 120px 0;
}
.sec1-about .sec1-about-content p {
   max-width: 794px;
   margin: auto;
}
.sec1-about {
   background: #efefef;
}

.sec2-about .row > div {
   padding: 0 !important;
}

.sec2-about .sec2-about-image img {
   width: 100%;
   height: 100%;
}

.divider {
   height: 2px;
   width: 74px;
   background: var(--color-1);
   margin: 10px 0 30px;
}
.sec3-about .sec3-about-image img {
   width: 100%;
   height: 100%;
}
.sec3-about .sec3-about-slide {
   width: 100%;
   max-height: 345px;
   margin-bottom: 50px;
   display: flex;
}
.sec3-about .sec3-about-slide .slide-image img {
   border-radius: 10px;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.sec3-about .sec3-about-slide .slide-image {
   width: 100%;
   margin-right: 30px;
   height: 345px;
}
.sec3-about .sec3-about-slide .box-slide {
   width: 100%;
   display: flex;
   justify-content: space-between;
}
.sec3-about .sec3-about-slide .slide-content {
   width: 50%;
   padding: 48px;
   background: #ffffff;
   box-shadow: 0px 2px 20px rgba(92, 63, 1, 0.08);
   border-radius: 10px;
   position: relative;
}
.sec3-about .swiper {
   width: 50%;
}

.sec1-service .row > div {
   padding: 0 !important;
}

.sec1-service .sec1-service-image img {
   width: 100%;
   height: 100%;
}
.sec1-service .sec1-service-content p {
   max-width: 399px;
}

.sec2-service .sec2-service-title p {
   max-width: 847px;
   margin: auto;
}
.sec2-service {
   background: #f2f2f2;
   padding: 113px 0px 200px;
   margin-bottom: -100px;
}
.sec2-service .sec2-service-content {
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.sec2-service .sec2-service-content .content-item {
   text-align: center;
   max-width: 233px;
   padding: 0 20px;
}
.sec2-service .item-icon {
   height: 100px;
}
.sec2-service .item-icon img{
   width: 100%;
   height: 100%;
}
.sec1-blog-category > a {
   display: inline-block;
   margin: 30px 10px;
   color: #000000;
   width: 141px;
   height: 48px;
   line-height: 48px;
}
.sec1-blog-category a:hover {
   background: var(--color-1);
   border-radius: 28px;
   color: #000000;
   font-weight: 700;
}.sec3-about .sec3-about-slide .slide-image
.sec1-blog-category a.active {
   line-height: 48px;
   background: var(--color-1);
   border-radius: 28px;
   color: #000000;
   font-weight: 700;
}
.sec3-about .swiper-button-next {
   width: 35px;
   height: 35px;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 50%;
   left: 50px !important;
}
.sec3-about .swiper-button-prev {
   width: 35px;
   height: 35px;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 50%;
   left: 0 !important;
}
.sec3-about .swiper-button-prev::after {
   content: "" !important;
}
.sec3-about .swiper-button-next::after {
   content: "" !important;
}
.sec3-about .button-slide {
   position: absolute;

   bottom: 80px;
}

.sec2-blog .box-blog {
   display: flex;
   align-items: center;
   border: 1px solid #3333335a;
   border-radius: 10px;
}
.sec2-blog .box-blog .box-blog-image {
   width: 60%;
}
.sec2-blog .box-blog .box-blog-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 10px 0px 0px 10px;
}
.sec2-blog .box-blog .box-blog-content {
   width: 40%;
   padding: 55px 80px;
}
.sec2-blog .box-blog-child:hover a h2,
.sec2-blog .box-blog:hover a h2 {
   color: var(--color-1);
}
.sec2-blog .box-blog .box-blog-content h4 {
   color: #f0a300;
}
.sec2-blog .box-blog .blog-meta {
   display: flex;
   justify-content: space-between;
}

.sec2-blog .box-blog-child {
   border: 1px solid #3333335a;
   height: 100%;
   border-radius: 10px;
}.sec2-blog .box-blog-child .box-blog-image{
   width:100%;
   height: 276px;
}
.sec2-blog .box-blog-child img {
   border-radius: 10px 10px 0 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.sec2-blog .box-blog-child .box-blog-title {
   padding: 30px 38px;
   text-decoration: none;
}
.sec1-kh .text-kh p {
   max-width: 794px;
   margin: auto;
}
.box-post-image {
   width: 100%;
   height: 276px;
}
.box-kh {
   position: relative;
   border: 1px solid #3333335a;
   border-radius: 10px;
   margin-right: 10px;
   height: 100%;
}
.box-kh .box-kh-image img {
   border-radius: 10px 10px 0 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.box-kh:hover .box-kh-content a h2 {
   color: var(--color-1);
   transition: 0.2s;
}
.box-kh .box-kh-status p {
   margin: 0;
}
.box-kh .status-offline {
   background: #000000 !important;
   color: var(--color-1);
}
.box-kh .box-kh-status {
   position: absolute;
   top: 20px;
   left: 0;
   background: var(--color-1);
   padding: 14px 25px 13px 16px;
   clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0 50%, 0% 0%);
   width: 100px;
}
.box-kh .box-kh-content {
   display: flex;
   padding: 30px 40px;
   align-items: center;
   justify-content: space-between;
}
.box-kh .box-kh-content p {
   margin: 0;
}
.box-kh .box-kh-image {
   height: 245px;
}

.box-kh:hover .box-kh-button svg * {
   stroke: var(--color-1);
   transition: 0.2s;
}
.box-post:hover .box-post-title a h2 {
   color: var(--color-1);
}

.content-kh .name-kh {
   font-weight: 700;
   font-size: 20px;
   line-height: 17.28px;
   text-transform: uppercase;
}
.content-kh .price-kh {
   font-weight: 700;
   font-size: 40px;
   line-height: 34.56px;
   text-transform: uppercase;
   margin-bottom: 30px;
}
.content-kh .btn-buynow {
   color: var(--color-1);
   font-weight: 450;
   font-size: 16px;
   line-height: 48px;
   height: 48px !important;
   text-transform: uppercase;
}

.content-kh .name-kh::after {
   content: " ";
   background: #000000;
   width: 74px;
   height: 1px;
   display: block;
   margin: 15px auto 10px;
}
#breadcrumb .delimiter {
   margin: 0 5px;
}

#breadcrumb li a > svg {
   vertical-align: -2px;
}

#breadcrumb {
   margin: 30px 0;
}
/* header */
.cart-badge {
   background: var(--color-1);
   padding: 10px 20px;
   border-radius: 30px;
   font-weight: 600;
   position: relative;
   right: auto;
   top: auto;
   width: auto;
   height: auto;
   font-size: inherit;
   color: #000000;
   line-height: 100%;
}
.cart-badge svg {
   width: 20px;
   height: 20px;
   vertical-align: -3px;
}
.cart-count {
   position: absolute;
   top: -7px;
   right: -3px;
   background: #000;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   color: var(--color-1);
   font-size: 12px;
   line-height: 20px;
}
#header {
   background: #ffffff;
   box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
   border: 0;
}
#header #nav a {
   font-size: 18px;
   padding-left: 0 !important;
   padding-right: 0 !important;
   border-bottom: 2px solid transparent;
}

a:focus {
   outline: none;
}

#header #nav li {
   padding-left: 15px !important;
   padding-right: 15px !important;
}
#header #nav li:hover a,
#header #nav .current_page_item a {
   border-color: var(--color-1);
}
/* footer */
.content {
   padding-top: 0;
}
.footer {
   background-size: cover !important;
   background-position: top center !important;
}
.title-footer > h3 {
   font-size: 18px;
   color: #fff !important;
   text-transform: uppercase;
   font-weight: 700;
   margin-bottom: 20px;
}

.main-footer {
   padding: 100px 0;
}

.wrapper-footer ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.item-contact .info,
.wrapper-footer ul * {
   color: #ffffff;
}

.wrapper-footer ul li {
   margin-bottom: 10px;
}
.item-contact {
   display: flex;
   margin-bottom: 10px;
}

.item-contact .info {
   margin-left: 10px;
   font-size: 16px;
   font-weight: 500;
}

.item-contact .icon {
   max-width: 30px;
   flex: 0 0 30px;
}

.site-info {
   border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
   color: #ffffff;
   padding: 25px 0 !important;
   background: transparent;
}

.woocommerce #respond input#submit,
.woocommerce .button.button.button.button {
   padding: 10px 20px;
   border-radius: 30px;
   color: var(--color-1);
}

.entry-title {
   font-size: 40px;
   font-weight: 700;
   text-transform: uppercase;
}

.sidebar .widget-title {
   background: var(--color-1);
   color: #000000;
   font-size: 20px;
   font-weight: 700;
   padding: 20px;
}

.sidebar > div {
   background: #f6f6f65a;
   border-radius: 10px;
   overflow: hidden;
}

.sidebar form {
   padding: 0 20px;
}

.sidebar input {
   height: 50px !important;
   border: 1px solid #3333335a !important;
   background: transparent !important;
   padding: 0 20px !important;
   border-radius: 30px !important;
}

.sidebar input:focus {
   border-color: var(--color-1) !important;
}

button#wpforms-submit-118 {
   background: #000000;
   color: var(--color-1);
   text-transform: uppercase;
   border-color: #000000 !important;
   width: 100%;
   border-radius: 30px;
}

button#wpforms-submit-118:after {
   content: "";
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='36' viewBox='0 0 35 36' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.9709 18.0718C34.9709 8.40326 27.1424 0.565329 17.4854 0.56533C7.8285 0.56533 -1.18643e-06 8.40326 -7.64313e-07 18.0718C-3.42194e-07 27.7404 7.8285 35.5784 17.4854 35.5784C27.1424 35.5784 34.9709 27.7404 34.9709 18.0718Z' fill='%23FFCC01'/%3E%3Cpath d='M13.3184 18.072H23.8369' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.5332 13.7637L23.8363 18.0719L19.5332 22.3802' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
   width: 35px;
   height: 36px;
   position: absolute;
   background-size: contain;
   background-position: center;
   top: 13px;
   right: 4px;
}
.widget_categories ul li {
   font-size: 16px;
   font-weight: 600;
   border-bottom: 1px solid rgba(51, 51, 51, 0.2);
   padding: 10px 20px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 10 18' fill='none'%3E%3Cpath d='M1 1.5L8.5 9L1 16.5' stroke='%23272D35' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: 90% 50%;
}

.widget_categories ul li:last-child {
   border-bottom: 0;
}

.sec-related {
   padding-top: 50px;
}

.single-title-product {
   text-align: center;
   margin-bottom: 40px;
}

.single-title-product > h1 {
   font-size: 40px;
   text-transform: uppercase;
   font-weight: 700;
}

.space-line-title {
   width: 150px;
   height: 2px;
   background: red;
   margin: 0 auto 15px;
}

.single-title-product .social,
.entry-footer-share .social {
   display: flex;
   align-items: center;
   justify-content: center;
}

.single-title-product .social > a,
.entry-footer-share .social > a {
   width: 40px;
   height: 40px;
   background: #0000001a;
   border-radius: 50%;
   line-height: 40px;
   margin: 0 4px;
   text-align: center;
}

.single-title-product .social > a > svg,
.entry-footer-share .social > a > svg {
   width: 20px;
   height: 20px;
}

.single-title-product .social > span,
.entry-footer-share .social > span {
   margin-right: 10px;
}

.inner-buykh {
   display: flex;
   justify-content: space-between;
   align-items: center;
   height: 312px;
   overflow: hidden;
   border-radius: 10px;
}

.inner-buykh .thumbnail-kh {
   max-width: 70%;
   flex: 0 0 70%;
}

.inner-buykh .thumbnail-kh img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.content-kh {
   max-width: 30%;
   flex: 0 0 30%;
   background: var(--color-1);
   height: 100%;
   padding: 40px;
   text-align: center;
}
a.btn-buynow {
   background: #000000;
   height: 40px;
   display: table;
   margin: 0 auto;
   position: relative;
   border-radius: 30px;
   color: #ffffff;
   padding: 0 10px;
   line-height: 40px;
   font-size: 14px;
}

a.btn-buynow svg {
   position: relative;
   top: -1px;
   right: -6px;
}

.page-template-about #content {
   margin-top: -200px;
}

.page-template-about .sec1-about {
   padding-top: 100px;
}

.them-btn {
   background: #000000;
   text-transform: uppercase;
   color: var(--color-1);
   padding: 0 5px 5px 30px;
   text-decoration: none;
   border-radius: 30px;
   display: inline-block;
   margin: 15px auto;
   height: 48px;
   line-height: 48px;
   transition: all 0.3s linear;
}

.them-btn:hover {
   color: #ffffff;
   background: var(--color-1);
}

.them-btn svg {
   vertical-align: -11px;
   margin-left: 10px;
}

.sec-ebook .item-ebook:nth-child(even) > .col-md-6:nth-child(2) {
   order: 1;
   padding: 0;
}

.sec-ebook .item-ebook:nth-child(odd) > .col-md-6:nth-child(2) {
   padding: 0;
}

.sec-ebook .item-ebook:nth-child(even) > .col-md-6:nth-child(1) {
   order: 2;
}

.sec-ebook .item-ebook:nth-child(even) .inner-ebook {
   padding-left: 90px;
}

.sec-ebook .item-ebook:nth-child(odd) .inner-ebook {
   padding-right: 90px;
}

.ab-img {
   float: left;
   order: 2;
   -webkit-order: 2;
   padding-right: 0;
   padding-left: 0;
}

.ab-img img {
   max-width: none;
   display: block;
   height: 500px;
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   object-fit: cover;
   object-position: left;
   float: left;
   width: 115%;
}

.sec-ebook .item-ebook:nth-child(even) .ab-img,
.sec-ebook .item-ebook:nth-child(even) .ab-img img {
   float: right;
}

.entry-footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.go-to-top {
   background: var(--color-1);
}
@media (max-width: 1400px) {
   #header #nav a{
      font-size: 16px;
   }
   #header #nav li{
          padding-left: 10px !important;
    padding-right: 10px !important;
   }
}
@media (max-width: 1024px) {
   .swiper-button-next {
      right: 10px !important;
   }
   .swiper-button-prev {
      left: 10px !important;
   }
}

@media (max-width: 768px) {
   .sec3-home {
      padding: 50px 0;
   }
   .sec3-home .banner-content {
      margin-left: 0;
      margin-top: 30px;
   }

   .fz-40 {
      font-size: 30px;
   }
   .mg-b125 {
      margin-bottom: 50px;
   }
   .mg-b100 {
      margin-bottom: 40px;
   }
   .main-footer {
      padding: 50px 10px;
   }

   .main-footer .col-md-3 {
      margin-bottom: 30px;
   }

   .sec1-home {
      padding: 0 0 50px 0;
   }

   .os-table thead {
      display: none;
   }

   .os-table tr,
   .os-table td {
      display: block;
   }

   .os-table td:before {
      content: attr(data-title) ": ";
      font-weight: 700;
      float: left;
   }

   .sec2-home .os-table tbody tr {
      height: auto;
      margin-bottom: 30px;
      padding: 20px;
      border-radius: 10px;
      border: 0;
   }

   .sec2-home .os-table tbody tr:last-child {
      margin-bottom: 0;
   }

   .sec2-home .os-table tbody td {
      text-align: right !important;
   }
   .sec2-blog .box-blog {
      flex-direction: column;
   }
   .sec2-blog .box-blog .box-blog-image {
      width: 100%;
   }
   .sec2-blog .box-blog .box-blog-content {
      width: 100%;
      padding: 10px;
   }

   .sec1-service .sec1-service-content {
      padding: 10px;
   }
   .sec1-service .sec1-service-content:not(:last-child) {
      margin-bottom: 50px;
   }
   .sec2-service .sec2-service-content {
      flex-direction: column;
   }
   .sec2-service .sec2-service-content .content-item {
      margin-bottom: 20px;
   }
   .sec2-about-content {
      padding: 10px;
   }
   .sec3-about .swiper {
      width: 100%;
      margin: 20px 0;
   }
   .sec3-about .sec3-about-slide .slide-content {
      width: 100%;
   }
   .sec3-about .sec3-about-slide {
      flex-direction: column;
   }
   .sec3-about .button-slide {
      bottom: 30px;
   }
   .sec3-about .sec3-about-slide {
      max-height: unset;
   }
   .sec3-about .sec3-about-slide .slide-image {
      margin: 0px;
   }
   .box-kh {
      margin-right: 0px;
   }
   .ab-img img {
      width: 100%;
   }
   .sec-ebook .inner-ebook {
      padding: 10px !important;
   }
   .item-ebook {
      margin-bottom: 50px;
   }
   #header #nav li {
      border: unset;
   }

   .inner-buykh {
      flex-wrap: wrap;
      height: auto;
   }
   .inner-buykh .thumbnail-kh {
      max-width: 100%;
      flex: 0 0 100%;
   }
   .content-kh {
      max-width: 100%;
      flex: 0 0 100%;
   }
}