pre {
   color: #000;
}

.cursor-pointer {
   cursor: pointer;

}

.justify-items-center {
   justify-items: center;
}

.font-100 {
   font-weight: 100;
}

.font-200 {
   font-weight: 200 !important;
}

.font-300 {
   font-weight: 300 !important;
}

.font-400 {
   font-weight: 400 !important;
}

.font-500 {
   font-weight: 500 !important;
}

.font-600 {
   font-weight: 600 !important;
}

.font-700 {
   font-weight: 700 !important;
}

.font-800 {
   font-weight: 800 !important;
}

.font-900 {
   font-weight: 900 !important;
}

.font-12 {
   font-size: 12px;
}

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

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

.font-18 {
   font-size: 18px;
}

.font-20 {
   font-size: 20px;
}

.font-22 {
   font-size: 22px;
}

.font-24 {
   font-size: 24px;
}

.font-26 {
   font-size: 26px;
}

.font-28 {
   font-size: 28px;
}

.font-30 {
   font-size: 30px;
}

.font-32 {
   font-size: 32px;
}

.font-34 {
   font-size: 34px;
}

.font-36 {
   font-size: 36px;
}

.font-38 {
   font-size: 38px;
}

.font-40 {
   font-size: 40px;
}

.font-50 {
   font-size: 50px;
}

.font-60 {
   font-size: 60px;
}

.font-70 {
   font-size: 70px;
}

.font-80 {
   font-size: 80px;
}

.font-90 {
   font-size: 90px;
}

.font-100 {
   font-size: 100px;
}

@media (max-width: 1200px) {
   .font-18 {
      font-size: 16px;
   }

   .font-16 {
      font-size: 14px;
   }

   .font-20 {
      font-size: 18px;
   }

   .font-24 {
      font-size: 20px;
   }

   .font-50 {
      font-size: 40px;
   }

   .font-60 {
      font-size: 50px;
   }

}

@media (max-width: 576px) {

   /* .font-16 {
       font-size: 16px;
   } */
   .font-18 {
      font-size: 14px;
   }

   .font-20 {
      font-size: 16px;
   }

   .font-24 {
      font-size: 18px;
   }

   .font-50 {
      font-size: 30px;
   }

   .font-60 {
      font-size: 40px;
   }
}

.color-054582 {
   color: #054582;
}

.color-fff {
   color: #fff !important;
}

.color-7f7f7f {
   color: #7f7f7f !important;
}

.color-777777 {
   color: #777777;
}

.color-eaeaea {
   color: #eaeaea;
}

.color-05bcf5 {
   color: #05bcf5;
}

.color-ff0000,
.color-red {
   color: #ff0000;
}

.txt_req {
   color: #ff0000;
   font-size: 10px;
   vertical-align: text-top;
}

.color-dd3131 {
   color: #dd3131 !important;
}

.color-ff4e00 {
   color: #ff4e00;
}

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

.bg-707070 {
   background-color: #707070;
}

.bg-054582 {
   /* background-color: #054582; */
   background: linear-gradient(180deg, #054582 0%, #054582 100%) !important;
}

.box-bg-main {
   background: linear-gradient(90deg, rgba(43, 99, 179, 1) 0%, rgba(39, 170, 225, 1) 100%);
   border: 2px solid #eaeaea;
   border-radius: 50px;
   /* padding: 5px 30px; */
}

.bg-main {
   background: linear-gradient(90deg, rgba(43, 99, 179, 1) 0%, rgba(39, 170, 225, 1) 100%) !important;
}

.margin-p p,
.margin_p p {
   margin-bottom: 0;
}

.text-a,
.text-a a {
   color: #FFF !important;
   text-decoration: none;
}

.text-decoration {
   text-decoration: none;
}

.text-a:hover {
   color: #FFF;
}

.text-a-eaeaea {
   color: #eaeaea !important;
}

.text-a-eaeaea:hover {
   color: #eaeaea;
}

.text-a-054582 {
   color: #054582;
   text-decoration: none;

}

.text-a-054582:hover {
   color: #054582;
}


.text-a-000 {
   color: #000;
}

.text-a-000:hover {
   color: #000;
}

.text-gradient {
   background: linear-gradient(180deg, rgba(39, 170, 225, 1) 0%, rgba(46, 49, 146, 1) 80%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.box-name-content {
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   padding: 1px;
   height: 63px;
}

.box-name-ebook {
   text-overflow: ellipsis;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   padding: 0px 2px;
   min-height: 50px;
   line-height: 31px;
}


.text-title-head-content {
   font-size: 24px;
   font-weight: 500;
}

.text-soft {
   font-size: 18px;
   font-weight: 500;
}


.text-filter {
   font-size: 18px;
   font-weight: 500;
}

.text-name-content {
   font-size: 16px;
}

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

.text-line {
   font-size: 14px;
   font-weight: 500;
}

.text-address p strong {
   color: #054582;
   font-size: 20px;
   display: block;
   padding-bottom: 10px;
}

@media (min-width: 576px) {
   .text-title-head-content {
      font-size: 32px;
   }

   .text-soft {
      font-size: 22px;
   }


   .text-filter {
      font-size: 22px;
   }

   .text-name-content {
      font-size: 18px;
   }

   .text-detail-content {
      font-size: 16px;
   }

   .text-line {
      font-size: 18px;
   }

   .box-name-content {
      height: 72px;
   }

}

@media (min-width: 768px) {
   .text-line {
      font-size: 14px;
   }
}

@media (min-width: 992px) {
   .text-soft {
      font-size: 32px;
   }
}


@media (min-width: 1200px) {
   .text-line {
      font-size: 20px;
   }
}

@media (min-width: 1400px) {
   .text-line {
      font-size: 14px;
   }
}

.if-map iframe {
   border-top-left-radius: 1rem;
   border-bottom-left-radius: 1rem;
}

@media (max-width: 767px) {
   .if-map iframe {
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem;
      border-bottom-left-radius: 0rem;
      height: 300px;
   }
}

.bg-icon-contact {
   background-color: #054582;
   border-radius: 50px;
   color: #FFF;
   width: 25px;
   height: 25px;
   display: block;
   align-content: center;
   text-align: center;
   font-size: 12px;
}

.box-icon-social-contact {
   /* display: block; */
   width: 50px;
   height: 50px;
   font-size: 20px;
   /* width: 40px;
   height: 40px;
   font-size: 16px; */
   align-content: center;
   text-align: center;
   background-color: #054582;
   border-radius: 50px;
   color: #fff;
   transition: .3s;
}

.box-icon-social-contact:hover {
   background-color: #fff;
   color: #054582;
   box-shadow: 0px 0px 0px 3px #054582 inset;
}

@media (min-width: 768px) {
   .box-icon-social-contact {
      width: 50px;
      height: 50px;
      font-size: 20px;
   }
}

.bg-center-bottom {
   background-repeat: no-repeat;
   background-size: 100%;
   background-position: center bottom;
}

.bg-cover-center {
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
}

.custom-menu-choose-content {
   background: linear-gradient(#ffffff 50%, #ffffff 100%) padding-box, linear-gradient(90deg, rgba(43, 99, 179, 1) 0%, rgba(39, 170, 225, 1) 100%) border-box;
   border: 3px solid transparent;
   border-radius: 50px;
   padding: 5px 10px;
   width: 100%;
   color: #054582;
}

.custom-menu-choose-content:hover,
button.custom-menu-choose-content:focus:not(:focus-visible) {
   /* background: linear-gradient(#ffffff 50%, #ffffff 100%) padding-box, linear-gradient(90deg, rgba(43, 99, 179, 1) 0%, rgba(39, 170, 225, 1) 100%) border-box; */
   border: 3px solid transparent;
   outline: unset !important;
}

.custom-menu-choose-content::after {
   content: "\f0d7";
   font-family: 'Font Awesome 6 Free';
   font-weight: 900;
   position: absolute;
   right: 20px;
}

.menu-usersystem {
   font-size: 18px;
   font-weight: 500;
   min-width: 280px;
}

.menu-usersystem .dropdown-menu {
   font-size: 20px;
   width: max-content;
   min-width: 240px;
   user-select: none;
   border-radius: 12px;
}

@media(max-width:1199px) {
   .menu-usersystem {
      font-size: 16px;
   }

   .menu-usersystem .dropdown-menu {
      font-size: 18px;
      position: relative !important;
      width: 100%;
      min-width: unset;
      left: 0 !important;
      transform: unset !important;
   }
}

.menu-usersystem .custom-dropdown-item:first-child {
   padding-top: 10px !important;
}

.menu-usersystem .custom-dropdown-item:last-child {
   padding-bottom: 10px !important;
}

.dropdown-menu {
   width: 100%;
   border-radius: 10px;
   padding: 0;
   margin-top: 5px !important;
   border: 0;
   /* overflow: hidden; */

}

.custom-dropdown-item {
   color: #054582 !important;
   display: block;
   width: 100%;
   text-decoration: none;
   padding: 5px 10px !important;
   background-color: #fff;
   transition: .3s;
}

.custom-dropdown-item:hover,
.custom-dropdown-item.active {
   background-color: rgb(5 69 130 / 85%) !important;
   color: #fff !important;
}

/* .custom-dropdown-item.active i::before {
   content: "\f518";
} */

.custom-dropdown-item:first-child {
   border-top-left-radius: 7px;
   border-top-right-radius: 7px;
}

.custom-dropdown-item:last-child {
   border-bottom-left-radius: 7px;
   border-bottom-right-radius: 7px;
}

.text-date-end {
   color: #dd3131;
}

.custom-dropdown-item:hover .text-date-end {
   color: #ffd4d4;
}

.custom-dropdown-item.active_temp_pg_2 {
   background-color: #054582;
   color: #fff !important;
}

.box-free {
   background-color: #43aa00;
   padding: 3px 7px;
   color: #fff;
   font-size: 12px;
   border-radius: 50px;
}

.custom-search {
   background: linear-gradient(#ffffff 50%, #ffffff 100%) padding-box, linear-gradient(90deg, rgba(43, 99, 179, 1) 0%, rgba(39, 170, 225, 1) 100%) border-box;
   border: 3px solid transparent !important;
   border-radius: 50px !important;
   padding: 5px 10px 5px 35px !important;
   width: 100% !important;
   color: #054582 !important;
}

input.custom-search:focus {
   outline: none;
}

.icon-search {
   position: absolute;
   width: 20px;
   top: 50%;
   transform: translateY(-50%);
   left: 10px;
   line-height: 100%;
}

.box-conetnt-recommend {
   /* background-color: #fff; */
   position: relative;
   overflow: hidden;
   border-radius: 15px;
   transition: 0.5s;
   color: #000;
   /* background: linear-gradient(90deg, #fff 0%, #fff 100%); */
   box-shadow: 0px 0px 1px 0px #00000070;
}

.box-conetnt-recommend a {
   color: #000;
}

.box-detail-content {
   position: relative;
   background-color: #FFF;
   transition: 0.7s;
}

.box-detail-content::after {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(90deg, rgba(43, 99, 179, 1) 0%, rgba(39, 170, 225, 1) 100%);
   transition: 0.5s;
   opacity: 0;
}

.view-content {
   opacity: 0;
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   display: block;
   text-align: center;
   align-content: center;
   background-color: rgba(0, 0, 0, 0.6);
   z-index: 1;
   transition: 0.5s;
   font-size: 12px;
}

.box-conetnt-recommend:hover {
   box-shadow: 0px 0px 5px 0px #000;
   background-color: transparent;
}

.box-conetnt-recommend a:hover {
   color: #fff;
}

.box-conetnt-recommend:hover .box-detail-content::after {
   opacity: 1;
}

.box-conetnt-recommend:hover .view-content {
   opacity: 1;
}

.box-conetnt-recommend:hover .box-detail-content {
   color: #fff;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
}

/* @media (min-width: 1100px) {
} */
.no_hover_mobile.box-conetnt-recommend:hover {
   box-shadow: unset;
   background-color: transparent;
}

.no_hover_mobile.box-conetnt-recommend a:hover {
   color: #000;
}

.no_hover_mobile.box-conetnt-recommend:hover .box-detail-content::after {
   opacity: 0;
}

.no_hover_mobile.box-conetnt-recommend:hover .view-content {
   opacity: 0;
}

.no_hover_mobile.box-conetnt-recommend:hover .box-detail-content {
   color: #000;
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
}

.text-view-content {
   background: linear-gradient(90deg, rgba(190, 30, 45, 1) 0%, rgba(230, 29, 48, 1) 100%);
   display: inline-block;
   color: #fff;
   padding: 8px 15px;
   border-radius: 25px;
   /* width: 50%; */
   min-width: 50%;
   border: 2px solid #fff;
   text-decoration: none;
}

.text-view-content:hover {
   color: #fff;
}

.tag-new {
   position: absolute;
   /* background-color: red; */
   width: 150px;
   text-align: center;
   padding: 5px;
   top: 12px;
   left: -50px;
   transform: rotate(-45deg);
   color: #fff;
   font-size: 12px;
}

@media (min-width: 576px) {
   .tag-new {
      top: 14px;
      left: -46px;
      font-size: 14px;
   }
}

.choose-page-custom {
   background-color: #fff;
   border: 1px solid #a5a5a5;
   padding: 5px 30px 5px 10px;
   border-radius: 5px;
   position: relative;
}

.choose-page-custom::after {
   content: "\f0d7";
   font-family: 'Font Awesome 6 Free';
   font-weight: 900;
   position: absolute;
   right: 10px;
}

.border-pagination,
a.border-pagination {
   line-height: 100%;
   width: 35px;
   height: 35px;
   align-content: center;
   text-align: center;
   border-radius: 50px;
   background-color: #054582;
   font-size: 18px;
   color: #fff;
   text-decoration: none;
}

.border-pagination:hover,
a.border-pagination:hover {
   color: #fff;
}

.border-pagination.btn_not_fount {
   background-color: #BFBFBF;
}

/* .dropdown-page .dropdown-menu li {
   width: fit-content !important;
   background-color: aqua;
} */

.min-height-contect-section {
   min-height: 60vh;
}

.w-img-contect-section {
   width: 100%;
}

@media (min-width: 576px) {
   .w-img-contect-section {
      width: 50%;
   }
}

@media (min-width: 992px) {
   .w-img-contect-section {
      width: 100%;
   }
}

.line-section-tel {
   position: relative;
}

.line-section-tel:not(:last-child)::after {
   content: "";
   position: absolute;
   border: 1px solid #fff;
   height: 80%;
   right: -1px;
   top: 0;
   display: block;
   align-self: anchor-center;
}

.box-social {
   /* display: block; */
   width: 50px;
   height: 50px;
   font-size: 20px;
   align-content: center;
   text-align: center;
   border: 3px solid #fff;
   background-color: #054582;
   border-radius: 50px;
   color: #fff !important;
   transition: .3s;
}

.box-social:hover {
   color: #054582 !important;
   background-color: #fff;
}

/* --------------------------------layer slider------------------------------------------- */
.banner-home .ls-nav-prev:after {
   /* content: '\f104' !important;
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   font-size: 50px;
   color: transparent;
   width: auto !important;
   height: auto !important; 
   border: 0 !important;
   transform: translateY(-100%) !important; */
   content: "";
   width: 100% !important;
   height: 100% !important;
   border: 0 !important;
   transform: translateY(-50%) !important;
   background-image: url('images/icon-slid-left.png');
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   display: none;
}

.banner-home .ls-nav-next:after {
   /* content: '\f105' !important;
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   font-size: 50px;
   color: transparent;*/
   content: "";
   width: 100% !important;
   height: 100% !important;
   border: 0 !important;
   transform: translateY(-50%) !important;
   background-image: url('images/icon-slid-right.png');
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   display: none;
}

.banner-home .ls-nav-prev {
   background-image: url('images/icon-slid-left.png');
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   transform: translate(-50%) !important;
   left: 50px !important;
   z-index: 1000 !important;
}

.banner-home .ls-nav-next {
   background-image: url('images/icon-slid-right.png');
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
   transform: translate(-50%) !important;
   right: 0 !important;
   z-index: 1000 !important;
}

/* .banner-home .ls-nav-prev:hover,
.ls-nav-next:hover {
   transform: scale(1) !important;
} */

.banner-home .ls-v6 .ls-bottom-slidebuttons a.ls-nav-active {
   background-color: #054582 !important;
   border: 2px solid #054582 !important;
}

.banner-home .ls-v6 .ls-bottom-slidebuttons a {
   border: 2px solid #054582 !important;
   background-color: #fff !important;
}

.banner-home .ls-v6 .ls-bottom-slidebuttons a {
   width: 15px !important;
   height: 15px !important;
}

/* --------------------------------Gravity form------------------------------------------- */
.theme-form .gform_validation_errors {
   display: none !important;
}

.theme-form .gform_heading .gform_title {
   text-align: center;
   color: #054582;
   font-size: 18px;
   margin-bottom: 16px;
}

.theme-form .gform_body .gform_fields {
   row-gap: 16px;
}

.theme-form .gform_footer {
   justify-content: center;
   font-size: 16px;
   margin-top: 16px !important;
}

.theme-form .gfield .ginput_container input {
   font-size: 16px;
   background-color: #d1d1d1;
   border: 0;
   border-radius: 50px;
   padding-left: 20px;
   padding-right: 20px;
   outline: none;
}

.theme-form .gfield .ginput_container input::placeholder {
   color: #7f7f7f;
}

.theme-form .gfield .ginput_container input:focus {
   /* outline: black !important; */
   /* box-shadow: 0 0 0 3px black !important; */
   /* border: 3px solid black !important; */
}

.theme-form .gform_footer .gform_button {
   background: url(/wp-content/themes/pwlc2025/assets/images/icon-plane.png), linear-gradient(90deg, rgba(43, 99, 179, 1) 0%, rgba(39, 170, 225, 1) 100%);
   padding: 10px 80px 12px 60px !important;
   border-radius: 50px !important;
   border: 0 !important;
   background-repeat: no-repeat;
   background-position: right 55px center, center;
   background-size: 20px, 100%;
   outline: none;
   font-size: 16px !important;
}

.theme-form .gform_description {
   display: none;
}

@media (min-width: 576px) {
   .theme-form .gfield .ginput_container input {
      font-size: 18px;
   }

   .theme-form .gform_body .gform_fields {
      row-gap: 18px;
   }

   .theme-form .gform_heading .gform_title {
      font-size: 22px;
   }

   .theme-form .gform_footer {
      font-size: 20px;
   }
}

@media (min-width: 992px) {
   .theme-form .gform_heading .gform_title {
      margin-bottom: 24px;
   }

   .theme-form .gform_footer {
      margin-top: 24px !important;
   }
}

/* -------------------------------- Header ------------------------------------------- */

.w-logo-header {
   width: 45px;
}

.btn-login,
button.btn-login {
   background: linear-gradient(90deg, rgba(190, 30, 45, 1) 0%, rgba(230, 29, 48, 1) 100%);
   display: inline-block;
   color: #fff !important;
   padding: 1px 15px;
   border-radius: 25px;
   border: 2px solid #fff;
   text-decoration: none;
   white-space: nowrap;
}

/* .btn-login:hover {
   border: 2px solid #fff;
   color: #fff;
} */

.dropdown-register {
   background: linear-gradient(90deg, rgba(43, 99, 179, 1) 0%, rgba(39, 170, 225, 1) 100%);
   border: 2px solid #ffff;
   border-radius: 50px;
   padding: 1px 15px;
   width: 100%;
   color: #fff;
}

.dropdown-register:hover,
button.dropdown-register:focus:not(:focus-visible) {
   /* background: linear-gradient(#ffffff 50%, #ffffff 100%) padding-box, linear-gradient(90deg, rgba(43, 99, 179, 1) 0%, rgba(39, 170, 225, 1) 100%) border-box; */
   border: 2px solid #fff;
   outline: unset !important;
}

#menu-pc {
   justify-content: space-evenly;
}

#menu-pc li a {
   color: #fff;
   padding: 0 10px;
   transition: 0.5s;
}

#menu-pc li.current_page_item a,
#menu-pc li a:hover {
   color: #05bcf5;
   position: relative;
}

#menu-pc li.current_page_item a::after {
   content: "";
   position: absolute;
   bottom: -3px;
   left: 50%;
   transform: translateX(-50%);
   border-bottom: 2px solid #05bcf5;
   display: block;
   width: 100%;
   opacity: 1;
}

#menu-pc li a::after {
   content: "";
   position: absolute;
   bottom: -3px;
   left: 50%;
   transform: translateX(-50%);
   border-bottom: 2px solid #05bcf5;
   display: block;
   width: 0;
   opacity: 0;
   transition: 0.5s;
}

#menu-pc li a:hover::after {
   opacity: 1;
   width: 100%;

}

.box-logo-header {
   background-color: #FFF;
   position: relative;
   padding-right: 20px !important;
}

.box-logo-header::after {
   content: "";
   background: url(/wp-content/themes/pwlc2025/assets/images/bg-logo-header1.png);
   width: 55px;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   transform: translateX(80%);
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

.text-title-header {
   font-size: 14px;
   font-weight: 700;
   text-transform: uppercase;
}

@media (min-width: 992px) {
   .text-title-header {
      font-size: 22px;
   }

   .w-logo-header {
      width: 60px;
   }

   .box-logo-header {
      padding-right: 100px !important;
   }

   .box-logo-header::after {
      width: 81px;
   }
}

@media (min-width: 1800px) {
   .box-logo-header {
      min-width: 415px;
   }

   #menu-pc li a {
      padding: 0 21px;
   }
}

/* .box-logo-header::after {
   content: "";
   width: 0px;
   height: 100%;
   border-style: solid;
   border-width: 80px 0 0 80px;
   border-color: transparent transparent transparent #fff;
   position: absolute;
   top: 0;
   right: 0;
   transform: translateX(100%);
}

.box-logo-header::before {
   content: "";
   width: 0px;
   height: 100%;
   border-style: solid;
   border-width: 0 91px 91px 0;
   border-color: transparent #05bcf5 transparent transparent;
   position: absolute;
   top: 0;
   right: 0;
   transform: translateX(100%);
} */

/* .triangle {
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 100px 0 0 100px;
   border-color: transparent transparent transparent #FF4532;
   transform: rotate(0deg);
} */

/* -----------------------------header mobile---------------------------- */

.menu-mobile {
   height: 100%;
   width: 0;
   position: fixed;
   z-index: 1001;
   top: 0;
   right: 0;
   background-color: #054582;
   overflow-x: hidden;
   transition: 0.3s;
   font-size: 18px;
   text-align: center;
}

.menu-mobile.open {
   width: 100%;
}

.menu-mobile.open .sys_mm_d .shw_mm_d {
   display: block;
}

.menu-mobile a {
   text-decoration: none;
   color: #fff;
   display: block;
   transition: 0.3s;
   padding-top: 10px;
}

.menu-mobile .current-menu-item a {
   color: #05bcf5;
   position: relative;
}

.menu-mobile .current-menu-item a::after {
   content: "";
   position: absolute;
   bottom: -3px;
   left: 0;
   border-bottom: 1px solid #05bcf5;
   display: block;
   width: 100%;
   opacity: 0;
}

.menu-mobile #menu-mobile-custom {
   padding: 0;
   margin: 0;
}

.menu-mobile #menu-mobile-custom li {
   list-style: none;
   width: 100%;
}

.menu-mobile .sub-menu {
   display: none;
}

@media(min-width:1200px) {

   .menu-mobile .current-menu-item a::after {
      opacity: 1;
   }

   .menu-mobile {
      text-align: left;
   }

   .menu-mobile #menu-mobile-custom li {
      width: fit-content;
   }
}

.hamburger-icon {
   z-index: 1002;
   position: relative;
}

.hamburger-icon .line {
   width: 25px;
   height: 4px;
   background-color: #fff;
   display: block;
   margin: 4px;
   transition: all 0.3s ease-in-out;
   border-radius: 50px;
}

.hamburger-icon.nav-opan .line {
   margin: 9px;
}

.hamburger-icon:hover {
   cursor: pointer;
}

.hamburger-icon.nav-opan .line:nth-child(1) {
   transform: translateY(13px) rotate(45deg);
}

.hamburger-icon.nav-opan .line:nth-child(2) {
   opacity: 0;
}

.hamburger-icon.nav-opan .line:nth-child(3) {
   transform: translateY(-13px) rotate(-45deg);
}

/* ----------------------------- register ---------------------------- */

.custom-form-select {
   display: block;
   width: 100%;
   padding: 5px 15px;
   border-radius: 50px;
   appearance: none;
   font-size: 16px;
   font-weight: 600;
   background: url(/wp-content/themes/pwlc2025/assets/images/icon-caret-down.png), #d1d1d1;
   background-repeat: no-repeat;
   background-position: center right 15px;
   background-size: 14px;
   color: #000;
   outline: unset;
}

/* .custom-form-select:focus {
   outline: unset;
} */

.custom-form-select option {
   background-color: #FFF;
}

.custom-form {
   display: block;
   width: 100%;
   padding: 5px 15px !important;
   font-size: 16px;
   font-weight: 600;
   background-color: #d1d1d1;
   border-radius: 50px !important;
   color: #000 !important;
   outline: unset;
}

.custom-form::placeholder {
   color: #7f7f7f;
}

.checkbox input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
}

.checkbox input:checked~.checkbox__checkmark {
   background-color: #054582;
   border: 3px solid #054582;
}

.checkbox input:checked~.checkbox__checkmark:after {
   opacity: 1;
}

.checkbox .checkbox__checkmark {
   position: relative;
   top: 0px;
   left: 0;
   height: 25px;
   /* width: 25px; */
   max-width: 25px;
   min-width: 25px;
   /* background-color: rgba(0, 0, 0, 0.5); */
   border: 3px solid #7f7f7f;
   transition: background-color 0.25s ease;
   border-radius: 7px;
}

.checkbox .checkbox__checkmark:after {
   content: "";
   position: absolute;
   left: 6px;
   top: 1.5px;
   width: 7px;
   height: 14px;
   border: solid #fff;
   border-width: 0 3px 3px 0;
   transform: rotate(45deg);
   opacity: 0;
   transition: opacity 0.25s ease;
}

.checkbox2 input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
}

.checkbox2 input:checked~.checkbox__checkmark2 {
   background-color: #054582;
   border: 1px solid #054582;
}

.checkbox2 input:checked~.checkbox__checkmark2:after {
   opacity: 1;
}

.checkbox2 .checkbox__checkmark2 {
   position: relative;
   top: 5px;
   left: 0;
   height: 14px;
   width: 14px;
   max-width: 14px;
   min-width: 14px;
   border: 1px solid #7f7f7f;
   transition: background-color 0.25s ease;
   border-radius: 2px;
}

.checkbox2 .checkbox__checkmark2:after {
   content: "";
   position: absolute;
   left: 4px;
   top: 1px;
   width: 4px;
   height: 8px;
   border: solid #fff;
   border-width: 0 2px 2px 0;
   transform: rotate(45deg);
   opacity: 0;
   transition: opacity 0.25s ease;
}

.padding-box-register {
   padding: 24px;
}

@media (min-width: 992px) {
   .padding-box-register {
      padding: 24px 48px;
   }
}

@media (min-width: 1200px) {
   .padding-box-register {
      padding: 24px 120px;
   }
}

/* ---------------------------------------------------------------------------------------- */

#lightcase-content iframe {
   width: 100vw !important;
   /* height: calc(100vw * (9 / 16)) !important; */
   height: 100vh !important;
}

/* -------------------------------------- modal E book ---------------------------------------- */

.boxmodal_close {
   position: absolute;
   bottom: 0;
   right: 0;
   padding: 0;
   background-color: #0000;
   color: #fff;
   width: 30px;
   height: 30px;
   font-size: 25px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.boxmodal_close2 {
   position: absolute;
   background-color: #ffffff;
   top: 10px;
   right: 10px;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   line-height: 0;
   padding: 0;
   font-size: 20px;
}

.box-modal {
   position: relative;
   height: 90%;
   background-color: transparent;
   z-index: 1;
}

.box-if {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

.template-ebook {
   width: 95%;
   max-width: unset;
   margin-right: auto;
   margin-left: auto;
}

.template-vdo {
   width: 95%;
   height: 100%;
   max-width: unset;
   margin: auto;
}

.h-content-modal {
   box-shadow: unset;
}

.template-ebook .h-content-modal {
   height: 90%;
}

.template-vdo .h-content-modal {
   height: 90%;
}

.template-vdo .modal-content {
   background-color: #000 !important;
}

@media (min-width: 576px) {
   .template-ebook .h-content-modal {
      height: 100%;
   }
}

@media (min-width: 768px) {
   /* .template-ebook {
      width: 90%;
   } */
}

@media (min-width: 992px) {
   /* .template-ebook {
      width: 85vw;
   } */
}

/* ------------------------------------- form-user -------------------------------------------- */
.custom-input-form {
   display: block;
   border: 3px solid #d1d1d1 !important;
   border-radius: 50px !important;
   padding: 3px 10px !important;
   width: 100%;
   outline: unset;
}

.custom-input-form:read-only,
.custom-input-form:disabled {
   background-color: #d1d1d1;
   color: #000;
   outline: unset;
}

/* ------------------------------------- form-code -------------------------------------------- */

.tb-code table {
   border-collapse: separate;
   border-spacing: 0;
   min-width: 350px;
}

.tb-code table tr th {
   border-bottom: 1px solid #d1d1d1;
}

.tb-code table tr td {
   border-right: 1px solid #d1d1d1;
   border-bottom: 1px solid #d1d1d1;
   padding: 5px;
   background-color: transparent;
}

.tb-code table tr td:first-child {
   border-left: 1px solid #d1d1d1;
}

.tb-code table tr th {
   border-top: 1px solid #d1d1d1;
}

.tb-code table tr:first-child th:first-child {
   border-top-left-radius: 15px;
}

.tb-code table tr:first-child th:last-child {
   border-top-right-radius: 15px;
}

.tb-code table tr:last-child td:first-child {
   border-bottom-left-radius: 15px;
}

.tb-code table tr:last-child td:last-child {
   border-bottom-right-radius: 15px;
}

.custom-input-form-code {
   display: block;
   border-radius: 50px !important;
   padding: 7px 10px !important;
   width: 100%;
   background-color: #d1d1d1;
}

@media (min-width: 576px) {
   .custom-input-form-code {
      width: 50%;
   }
}

@media (min-width: 992px) {
   .custom-input-form-code {
      width: 35%;
   }
}

/* ---------------------------------------------------------------------------------------- */

.btn-see-content {
   background: linear-gradient(90deg, rgba(190, 30, 45, 1) 0%, rgba(230, 29, 48, 1) 100%);
   display: inline-block;
   color: #fff;
   padding: 4px 10px;
   border-radius: 25px;
   width: 80%;
   border: 2px solid #fff;
   text-decoration: none;
}

.btn-read-detail {
   background: linear-gradient(90deg, rgba(43, 99, 179, 1) 0%, rgba(39, 170, 225, 1) 100%);
   display: inline-block;
   color: #fff;
   padding: 4px 10px;
   border-radius: 25px;
   width: 80%;
   border: 2px solid #fff;
   text-decoration: none;
}

/* ------------------------------------- side bar & nav user system -------------------------------------------- */

.content-user-system {
   background-image: url('images/bg-home-content1.png');
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   /* min-height: 100vh; */
   flex-grow: 1;
   overflow-y: auto;
}

.box_cpntent_u {
   padding: 34px 40px;
}

.main-sidebar.sidebar-user-system {
   box-shadow: unset;
   display: none;
}

.sidebar-user-system>section {
   /* padding: 66px 35px 20px; */
   padding: 50px 35px 20px 35px;
}

.title-menu-user-system {
   font-size: 24px;
   margin-bottom: 5px;
}

.list-menu-user-system {
   font-size: 18px;
   display: block;
   border: 1px solid transparent;
   /* background: linear-gradient(#ffffff 50%, #ffffff 100%) padding-box, linear-gradient(90deg, rgb(199, 199, 199) 0%, rgb(199, 199, 199) 100%) border-box; */
   border-radius: 50px;
   color: #054582;
   text-decoration: none;
   transition: .3s;
   box-shadow: 0px 0px 0px 1px #c6c6c6;
   background: linear-gradient(to right, rgba(13, 66, 139, 0) 0%, rgba(7, 129, 190, 0) 100%);
   padding: 10px 15px;
   margin-bottom: 10px;
}

.list-menu-user-system:hover,
.list-menu-user-system:active,
.list-menu-user-system:focus {
   /* background: linear-gradient(90deg, rgba(43, 99, 179, 1) 0%, rgba(39, 170, 225, 1) 100%) padding-box, linear-gradient(90deg, rgba(43, 99, 179, 1) 0%, rgba(39, 170, 225, 1) 100%) border-box; */
   color: #fff !important;
   background: linear-gradient(to right, rgba(13, 66, 139, 1) 0%, rgba(7, 129, 190, 1) 100%);
}

.list-menu-user-system::before {
   content: "\f02d";
   font-family: 'Font Awesome 5 Free';
   font-weight: 900;
   padding-right: 5px;
}

.list-menu-user-system:hover:before,
.list-menu-user-system:active:before,
.list-menu-user-system:focus:before {
   content: "\f518";
}

.list-menu-user-system.active {
   /* background: linear-gradient(90deg, rgba(43, 99, 179, 1) 0%, rgba(39, 170, 225, 1) 100%) padding-box, linear-gradient(90deg, rgba(43, 99, 179, 1) 0%, rgba(39, 170, 225, 1) 100%) border-box; */
   color: #fff !important;
   background: linear-gradient(to right, rgba(13, 66, 139, 1) 0%, rgba(7, 129, 190, 1) 100%);
}

.list-menu-user-system.active::before {
   content: "\f518";
}

.list-menu-user-system.l-logout,
.list-menu-user-system.l-logout:hover {
   background: #707070;
   color: #fff;
}

.list-menu-user-system.l-logout::before {
   content: unset;
}

.menu_pw_user {
   font-size: 18px;
   font-weight: 500;
}

.menu_pw_user .sub-menu {
   display: none;
   width: 250px;
   box-shadow: unset;
}

.menu_pw_user .sub-menu a {
   font-size: 16px;
   color: #054582 !important;
   width: 100%;
}

.menu_pw_user .menu>.menu-item-has-children::before {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: var(--fa-display, inline-block);
   font-style: normal;
   font-variant: normal;
   line-height: 1;
   text-rendering: auto;
   content: "\f0d7";
   font-weight: 900;
   font-family: "Font Awesome 6 Free";
   position: absolute;
   top: 50%;
   right: -5px;
   transform: translateY(-50%);
   color: #fff;
}

.menu_pw_user .sub-menu>.menu-item-has-children>a {
   position: relative;
}

.menu_pw_user .sub-menu>.menu-item-has-children>a::before {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   display: var(--fa-display, inline-block);
   font-style: normal;
   font-variant: normal;
   line-height: 1;
   text-rendering: auto;
   content: "\f0da";
   font-weight: 900;
   font-family: "Font Awesome 6 Free";
   position: absolute;
   top: 50%;
   right: 5px;
   transform: translateY(-50%);
   color: #fff;
   font-size: 14px;
}

.menu_pw_user .menu>.menu-item-has-children:hover>.sub-menu {
   display: block;
   background-color: #fff;
   border: 0;
   border-radius: 8px;
   position: absolute;
   top: 100%;
   left: 0;
}

.menu_pw_user .menu-item-has-children .sub-menu a {
   padding: 10px !important;
}

.menu_pw_user .sub-menu > .menu-item:hover a {
   color: #fff !important;
   background-color: #054582;
}

.menu_pw_user .menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu {
   display: none;
}

.menu_pw_user .menu>.menu-item-has-children>.sub-menu>.menu-item-has-children:hover>.sub-menu {
   display: block;
   position: absolute;
   top: 0;
   left: 100%;
   z-index: 2;
}
.menu_pw_user .menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu a {
   padding-left: 20px !important;
   background-color: rgba(10, 93, 170, 0.9);
   color: #fff !important;
}
.menu_pw_user .menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu a:hover {
   background-color: #054582;
}

.menu_pw_user #menu-pc .menu-item-has-children>.sub-menu a::after {
   content: unset;
}

@media (min-width: 1200px) {
   .content-user-system {
      margin-left: 320px;
      margin-left: 350px;
   }

   .main-sidebar.sidebar-user-system {
      /* width: 320px; */
      width: 350px;
      display: block;
   }

   .theme-form .gform_footer .gform_button {
      padding: 10px 85px 12px 75px !important;
      font-size: 18px !important;
   }

   .theme-form .gform_heading .gform_title {
      margin-bottom: 40px;
   }

   .theme-form .gform_body .gform_fields {
      -moz-column-gap: 36px;
      column-gap: 36px;
   }
}

@media (min-width: 1800px) {
   .menu_pw_user {
      font-size: 22px;
   }

   .sidebar-user-system>section {
      padding: 50px 65px 20px 35px;
   }
}

/* ---------------------------------------------------------------------------------------- */