/*
Theme Name: WebNganh Child
Description: Website Design by Wordpress and Theme Flatsome
Author: UX Themes Web Nganh
Template: flatsome
Theme URI: https://webnganh.com/
Author URI: https://webnganh.com/
Description: WebNganh.Com - WebNganh.Vn - iFnt.Vn
Version: Code DevWp WebNganh
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

#logo {
  display: flex;
  align-items: center;
  gap: 4px;
}

.img,
.img img {
  width: unset !important;
}

#masthead {
  position: fixed;
  width: 100%;
  margin: auto;
}

.top-divider {
  display: none;
}

.logo-tagline {
  font-family: Inter;
  font-weight: 700;
  font-size: 18px;
  color: #000000;
  font-style: normal;
  text-transform: uppercase;
}

#header #masthead .flex-row {
  height: 44px;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.5)
  );
  border-radius: 99px;
  margin-top: 40px;
  padding: 6px 6px 6px 12px;
  border: 1px solid #ffffff;
  max-width: 780px;
  z-index: 9999;
  position: relative;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.hide-for-medium {
  align-items: center;
  display: flex;
}

.header-nav .menu-item .nav-top-link {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  font-family: Inter;
  text-transform: capitalize;
  line-height: 20px;
}

.header-button-1 .header-button span {
  font-size: 14px;
  font-family: Inter;
  font-weight: 500;
  color: #000000;
  text-transform: none;
  line-height: 20px;
}

.header-button-2 .header-button .button {
  border-radius: 99px;
  border-color: #ffffff;
  border-width: 1px;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0.5)
  );
}

.header-button-2 .header-button span {
  font-size: 14px;
  font-family: Inter;
  font-weight: 500;
  color: #000000;
  text-transform: none;
  line-height: 20px;
}

.section_banner .title p {
  background: linear-gradient(
    90deg,
    rgba(219, 76, 140, 1),
    rgba(99, 34, 213, 1),
    rgba(68, 131, 217, 1)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 0px;
}

.section_banner .description p {
  max-width: 618px;
  margin: auto;
  font-size: 16px;
  line-height: 24px;
}

.section_banner .button_dung_thu {
  background: linear-gradient(
    90deg,
    rgba(68, 0, 155, 1),
    rgba(35, 112, 202, 1)
  );
  border-radius: 8px;
  padding: 10px 20px 10px 20px;
  line-height: normal;
}

.section_banner .button_xem_video {
  background: none;
  color: #000000;
  padding: 10px 20px;
  line-height: normal;
  border: none;
}

.button_xem_video i::before {
  font-family: "Font Awesome 6 Free";
  content: "\f144"; /* mã unicode của fa-circle-play */
  font-weight: 400;
}

.section_banner img {
  width: unset !important;
}

.section_banner .col-left {
  margin-right: 0px;
  padding: 0px;
}

.section_banner .col-left p {
  margin-bottom: 0px;
}

.section_banner .col-left .img-inner {
  position: absolute;
  left: 0;
  top: -40vh;
}

.section_banner .col_pdf {
  padding: 0px;
  max-width: 52px;
  margin: 0px;
}

.section_banner .col-right {
  margin-left: 0px;
  padding: 0px;
}

.section_banner .col-right p {
  margin-bottom: 0px;
}

.section_banner .col-right .img-inner {
  position: absolute;
  right: 0;
  top: -40vh;
}

.section_tao_bang_gia .title p {
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.section_tao_bang_gia .description p {
  font-size: 16px;
  max-width: 600px;
  margin: auto;
  color: #000000b2;
}

.section_tao_bang_gia .col_da_dang > .col-inner {
  padding: 20px;
  padding-bottom: 0px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
}

.section_tao_bang_gia .col_da_dang .col-inner .icon-box {
  position: relative;
}

.section_tao_bang_gia .col_da_dang .col-inner .icon_box_title::after {
  content: "";
  display: block;
  width: 100%;
  height: 1.5px;
  margin: 12px 0px;
  border-radius: 2px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0)
  );
  filter: blur(0.5px);
}

.section_tao_bang_gia .col_da_dang .title p {
  margin-bottom: 8px;
}

.section_tao_bang_gia .col_da_dang .description p {
  font-size: 12px;
  line-height: 20px;
  color: #000000b2;
}

.section_tao_bang_gia .col_cap_nhat > .col-inner {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
}

.section_tao_bang_gia .col_cap_nhat .col_img {
  padding: 0px;
}

.section_tao_bang_gia .col_cap_nhat .icon_box_title::after {
  content: "";
  display: block;
  width: 100%;
  height: 1.5px;
  margin: 12px 0;
  border-radius: 2px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0)
  );
  filter: blur(0.5px);
  pointer-events: none;
}

.section_tao_bang_gia .col_cap_nhat .icon-box p {
  text-align: left;
}

.section_tao_bang_gia .col_cap_nhat .title p {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.section_tao_bang_gia .col_cap_nhat .description p {
  font-size: 12px;
  line-height: 20px;
  color: #000000b2;
  margin-bottom: 16px;
}

.section_tao_bang_gia .col_cap_nhat .company_item .title p {
  font-size: 14px;
  line-height: 20px;
  color: #000000b2;
  margin-bottom: 0px;
}

.section_tao_bang_gia .col_cap_nhat .company_item .icon-box {
  align-items: center;
}

.section_tao_bang_gia .col_cap_nhat .company_item {
  padding: 10px;
  border: 1px solid #0000001a;
  border-radius: 8px;
  margin-bottom: 8px;
}

.section_tao_bang_gia .col_cap_nhat .company_item .icon-box-img {
  width: 10px !important;
}

.section_tao_bang_gia .col_cap_nhat .company_item .icon-box-text p {
  font-size: 12px;
  line-height: 20px;
}

.tabbed-content ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid #e4e4e5;
  background: #fdfdfe;
  border-radius: 99px;
}

.tabbed-content ul li {
  display: flex;
  justify-content: center;
  margin: 0px;
}
.tabbed-content ul li a {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  color: #000000;
}

.tabbed-content ul li.active {
  border-radius: 99px;
  background: #4c4c4d;
}

.tabbed-content ul li.active a {
  color: #ffffff;
}

.tabbed-content .icon-box {
  margin-bottom: 8px;
}

.tabbed-content .icon-box-text .name p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  margin-bottom: 8px;
}

.tabbed-content .icon-box-text .price p {
  font-size: 14px;
  line-height: 20px;
  color: #00438c;
}

.tabbed-content .content p {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0;
}

.section_tao_bang_gia .col_support > .col-inner {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
}

.section_tao_bang_gia .col_support .col_img {
  padding: 0px;
}

.section_tao_bang_gia .col_support .icon_box_title::after {
  content: "";
  display: block;
  width: 100%;
  height: 1.5px;
  margin: 12px 0;
  border-radius: 2px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0)
  );
  filter: blur(0.5px);
  pointer-events: none;
}

.section_tao_bang_gia .col_support .icon-box p {
  text-align: left;
}

.section_tao_bang_gia .col_support .title p {
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.box-image img {
  max-width: 100%;
  width: unset !important;
}

.section_tao_bang_gia .col_support .social_item {
  border: 1px solid #0000001a;
  padding: 10px;
  border-radius: 8px;
  align-items: flex-end;
  margin-bottom: 8px;
}

.section_tao_bang_gia .col_support .social_item {
  border: 1px solid #0000001a;
  padding: 10px;
  border-radius: 8px;
  align-items: flex-end;
  margin-bottom: 8px;
}

.section_tao_bang_gia .section-bg.bg-loaded {
  background-position: bottom !important;
}

.section_thong_so .row_thong_so .box-image img {
  margin: auto;
  display: flex;
}

.section_thong_so .row_thong_so .box-text h4 {
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  line-height: 24px;
}

.section_thong_so .row_thong_so .box-text p {
  font-size: 14px;
  color: #00000080;
}

.section_thong_so .row_img .img-inner {
  position: relative;
  top: -40px;
}

.section_tai_sao .title p {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
}

.section_tai_sao .col-left {
  margin-right: 0px;
  padding: 0px;
}

.section_tai_sao .col-left p {
  margin-bottom: 0px;
  margin-right: 8px;
}

.section_tai_sao .col-left .img-inner {
  position: absolute;
  left: 0;
  top: -40vh;
}

.section_tai_sao .col_pdf {
  padding: 0px;
  max-width: 136px;
  width: auto;
  max-height: 24px;
}

.section_tai_sao .col-right {
  margin-left: 0px;
  padding: 0px;
}

.section_tai_sao .col-right p {
  margin-bottom: 0px;
  font-size: 16px;
  color: #000000b2;
  line-height: 24px;
  font-weight: 400;
  margin-left: 8px;
}

.section_tai_sao .item_danh_gia > .col-inner {
  padding: 20px;
  gap: 8px;
  display: grid;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
}

.section_tai_sao .row_title::after {
  content: "";
  display: block;
  width: 100%;
  height: 1.5px;
  margin: 12px 0;
  border-radius: 2px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0)
  );
  filter: blur(0.5px);
  pointer-events: none;
}

.section_tai_sao .row_danh_gia {
  margin-top: 40px;
  width: 100vw !important;
  max-width: 100vw !important;
}

.section_tai_sao .item_danh_gia .description p {
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}

.section_tai_sao .item_danh_gia .icon-box-text h3 {
  margin-bottom: 0px;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}

.section_tai_sao .item_danh_gia .icon-box-text p {
  font-size: 12px;
  color: #000000b2;
  line-height: 20px;
}

.marquee-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: #f2f3fa;
  border-width: 1px 0; /* chỉ top & bottom */
  border-style: solid;
  border-image: linear-gradient(90deg, #db4c8c, #6322d5, #4483d9) 1;
}

.marquee-track {
  display: inline-block;
  white-space: nowrap;
  animation: marquee-scroll 25s linear infinite;
  margin: 10px;
}

.marquee-track span {
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  background: linear-gradient(90deg, #db4c8c, #6322d5, #4483d9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 24px;
}

.marquee-track .dot-icon {
  width: 20px;
  height: 20px;
  margin: 0 15px;
}

.marquee-bar p {
  display: inline;
  margin: 0;
  padding: 0;
}

.row_chu_chay {
  margin-top: 0px !important;
}

.p-0 {
  padding: 0px !important;
}

.section_goi .section-bg.bg-loaded {
  background-position: top;
}

.section_goi .title p {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.section_goi .description p {
  font-size: 16px;
  font-weight: 400;
  color: #000000b2;
  line-height: 24px;
}

.section_goi .tabbed-content ul {
  max-width: 150px;
  margin: 0 auto;
}

.section_goi .tabbed-content ul li a {
  text-transform: capitalize;
}

.section_goi .tabbed-content .row {
  margin: 0 183px;
}

.package_item {
  padding-bottom: 0px !important;
}

.package_item .col-inner {
  border-width: 1px;
  padding: 20px;
  border-radius: 10px;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid transparent;
  border-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.05) 100%
  );
  border-image-slice: 1;
}

.package_item .name p {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #000000b2;
  margin-bottom: 6px;
  margin-top: 10px;
}

.package_item .price p {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 6px;
  margin-top: 6px;
}

.package_item .price sup {
  font-size: 0.6em; /* nhỏ hơn một chút */
  vertical-align: super; /* bay lên */
  margin-left: 2px; /* khoảng cách nhỏ */
}

.package_item .price span {
  font-size: 14px;
  font-weight: 100;
}

.package_item .number_file p {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.package_item .number_file p::after,
.package_item .description::after {
  content: "";
  display: block;
  width: 100%;
  height: 1.5px;
  margin: 20px 0;
  border-radius: 2px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0)
  );
  filter: blur(0.5px);
  pointer-events: none;
}

.package_item .description p {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
}
.button_basic {
  border-radius: 8px !important;
  background: rgba(0, 0, 0, 1);
}

.button_professional {
  border-radius: 8px !important;
  background: linear-gradient(135deg, #44009b 0%, #2370ca 100%);
}

.button_enterprise {
  border-radius: 8px !important;
  background: linear-gradient(
    143deg,
    rgb(255, 32, 32) 0%,
    rgb(239, 50, 95) 49%,
    rgb(89, 36, 138) 100%
  );
}

.button_basic span,
.button_enterprise span {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}

.blog-wrapper {
  background: #f2f3fa;
  background-color: #f2f3fa;
  background-image: url(/wp-content/uploads/2025/10/Background-2-scaled.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top;
  background-blend-mode: initial;
  padding-top: 164px;
  margin: 0;
  padding-bottom: 0;
}

.quotation-price__blur {
  position: absolute;
  right: -16px;
  top: 38px;
  z-index: 10;
  width: 56%;
  height: 60%;
  transform: translateY(-32%);
  filter: blur(22px);
  background: linear-gradient(
    136deg,
    rgba(242, 98, 181, 0) 6%,
    rgba(95, 197, 255, 0.3) 34%,
    rgba(255, 172, 137, 0.6) 50%,
    rgba(129, 85, 255, 0.5) 59%,
    rgba(120, 157, 255, 0.4) 84%,
    rgba(159, 115, 241, 0) 91%
  );
}

.section_tin_tuc .title p {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
}

.section_tin_tuc .description p {
  font-size: 16px;
  line-height: 24px;
  max-width: 612px;
  margin: auto;
  text-align: center;
}

.post-item .box-image img {
  border-radius: 8px;
  width: 100% !important;
}

.post-item > .col-inner {
  border-width: 1px;
  padding: 20px;
  border-radius: 10px;
  background: linear-gradient(to right, #ffffff99, #ffffff80);
  border: 1px solid #ffffff;
  max-width: 780px;
  z-index: 9999;
  position: relative;
  backdrop-filter: blur(15px) brightness(1.2);
  -webkit-backdrop-filter: blur(10px);
}

.post-item .box-text {
  padding: 0px;
}

.post-item .box-text .box-text-inner {
  display: flex;
  flex-direction: column;
}

.post-item .cat-label {
  margin-top: 20px;
  color: #00438c;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-transform: capitalize;
  margin-bottom: 8px;
  order: 1;
}

.post-item .post-title {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  order: 2;
}

.post-item .from_the_blog_excerpt {
  font-size: 14px;
  font-weight: 400;
  color: #000000b2;
  order: 3;
}

.post-item .post-meta {
  order: 5;
  align-items: center;
  font-size: 12px;
  line-height: 20px;
  color: #00000080;
}

.post-item .is-divider {
  order: 4;
  width: 100%;
  height: 1.5px;
  margin: 12px 0px;
  border-radius: 2px;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0)
  );
  filter: blur(0.5px);
  max-width: 100%;
}

.post-meta.is-small.op-8::before {
  content: "\f133"; /* mã Unicode của fa-calendar */
  font-family: "Font Awesome 6 Free"; /* Font Awesome 6 */
  font-weight: 400; /* Regular */
  margin-right: 8px;
  color: #777;
  vertical-align: middle;
  display: inline-block;
}

.view_all {
  border-radius: 8px !important;
  background: linear-gradient(
    338deg,
    rgb(35, 112, 202) 0%,
    rgb(68, 0, 155) 100%
  );
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 0px;
}

.row_banner {
  background-image: url(/wp-content/uploads/2025/10/Image-1.png);
  border-radius: 10px;
  background-position: top;
  background-size: cover;
}

.row_banner .title p {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  max-width: 330px;
}

.row_banner .description p {
  font-size: 16px;
  font-weight: 400;
  color: #ffffffb2;
  max-width: 330px;
}

.row_banner .col-img .col-inner {
  height: 100%;
}

.row_banner .col-img .col-inner .img_right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}

.row_banner .button_xem_video {
  background: none;
  color: #ffffff;
  padding: 10px 20px;
  line-height: normal;
  border: none;
}

.list_menu,
.list_social {
  padding-bottom: 24px;
}

.list_menu .col-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 650px;
  margin: 0 auto !important;
  gap: 20px;
}

.list_menu .col-inner p {
  margin-bottom: 0px;
}

.list_social .col-inner {
  display: flex;
  justify-content: center;
  max-width: 650px;
  margin-right: auto !important;
  margin-left: auto !important;
  gap: 24px;
}

.list_social .col-inner .img {
  margin-bottom: 0px;
}

.section_footer .col-left {
  margin-right: 10px;
}

.section_footer .col-right {
  margin-left: 10px;
}

.section_footer .col-img {
  max-width: 20px;
}

.section_footer .row_bottom {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.section_footer .row_bottom p {
  margin-bottom: 0px;
  font-size: 14px;
  color: #000000b2;
}

.absolute-footer {
  display: none;
}

.section_tin_tuc {
  padding-bottom: 42px !important;
}

.entry-header {
  display: flex;
  flex-direction: column;
}
.entry-header .entry-divider {
  display: none;
}

.entry-header-text {
  order: 2;
  text-align: start;
}

.entry-category {
  margin-top: 26px;
  text-align: start;
  font-size: 12px;
  font-weight: 500;
  color: #00438c;
  margin-bottom: 8px;
}

.entry-title {
  text-align: start;
  font-size: 24px;
  font-weight: 700;
  color: #000000;
}

.title_blog {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  max-width: 330px;
}

.description_blog {
  font-size: 16px;
  font-weight: 400;
  color: #ffffffb2;
  max-width: 330px;
}

.pb-0.section_tin_tuc {
  padding-bottom: 0px !important;
}

.category-development {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.blog-wrapper .large-10.col {
  padding-bottom: 0px;
}

.ux-relay__control--bottom
  .ux-relay__pagination.page-numbers.nav-pagination.links {
  width: fit-content;
  margin: 0 auto !important; /* Đảm bảo căn giữa */
  border: 1px solid #0000001a; /* Kiểm tra màu rõ hơn */
  padding: 2px;
  border-radius: 99px;
}

.ux-relay__control--bottom
  .ux-relay__pagination.page-numbers.nav-pagination.links
  li {
  margin: 0;
}

.ux-relay__control--bottom
  .ux-relay__pagination.page-numbers.nav-pagination.links
  li
  a,
.ux-relay__control--bottom
  .ux-relay__pagination.page-numbers.nav-pagination.links
  li
  span {
  border: none;
  font-size: 13px;
  font-weight: 500;
  color: #000000;
  padding: 4px 16px;
  display: flex;
  align-items: center;
}

.ux-relay__control--bottom
  .ux-relay__pagination.page-numbers.nav-pagination.links
  li
  a.prev,
.ux-relay__control--bottom
  .ux-relay__pagination.page-numbers.nav-pagination.links
  li
  a.next {
  display: none;
}

.nav-pagination > li > .current,
.nav-pagination > li > a:hover,
.nav-pagination > li > span:hover {
  background-color: #000000b2;
  border-color: #000000b2;
  color: #ffffff !important;
}

@keyframes marquee-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@media only screen and (max-width: 1024px) {
  /*************** ADD TABLET ONLY CSS HERE  ***************/
  .section_banner .col-right .img-inner {
    top: -25vh;
  }

  .section_banner .col-left .img-inner {
    top: -25vh;
  }
  .nav-icon.has-icon .is-small {
    padding-top: 0px;
  }

  .section_banner .col-left img {
    transform: scale(0.8);
    transform-origin: left center;
  }

  .section_banner .col-right img {
    transform: scale(0.8);
    transform-origin: right center;
  }

  .section_goi .tabbed-content .row {
    margin: 0;
  }
}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  .section_banner .col-left img {
    transform: scale(0.5);
    transform-origin: left center;
  }

  .section_banner .col-right img {
    transform: scale(0.5);
    transform-origin: right center;
  }

  .package_item {
    margin-bottom: 15px;
  }
}