/*
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.   ***************/

@font-face {
  font-family: "Quicksand";
  src: local("Quicksand"),
    url("/wp-content/themes/webnganh/font/Quicksand-Bold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Quicksand-Medium";
  src: local("Quicksand-Medium"),
    url("/wp-content/themes/webnganh/font/Quicksand-Medium.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
}

strong,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Quicksand", sans-serif !important;
}

p,
span,
a,
li {
  font-family: "Quicksand-Medium", sans-serif !important;
}

.row-full-width {
  max-width: 100% !important;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.section-banner {
  margin-top: -112px;
}

.nav-dropdown > li > a {
  color: black !important;
}

#menu-item-23 {
  padding: 6px 42.6px;
  background-color: #046a38;
  border-radius: 6px;
}

.dfgjhibui-450yi-045yj strong {
  min-width: 600px;
  display: block;
}
.max-width p {
  min-width: 660px;
}

#menu-item-23 a {
  color: white;
}

.img-left-position {
  position: absolute;
  top: -180px;
  left: 0px;
}

.img-right-position {
  /* 	background-color: #e8f8ff;
    border-radius: 100%;
    box-shadow: 0px 0px 133px 0px #afe6ff;
    border-top-left-radius: 100%;
    border-bottom-left-radius: 100%; */
  position: absolute;
  top: -30%;
  right: 0px;
  height: 100%;
  width: 100%;
}

/* div#n2-ss-47 .n2-ss-layer  {
    padding: 100px 0px 100px 0px !important;
} */

.vhbvhujdsfgerd {
  position: relative;
  z-index: 10;
}

.vvgsdvfuwjert-ig0ewrg img {
  border-radius: 6px;
  height: 50px;
}
.section-banner {
  z-index: 10;
}
.section.Our.Solution {
  z-index: 11;
}

.about-icon .img-inner {
  padding-top: 10px;
  background-color: white;
  box-shadow: 0px 0px 22px 0px #bfbfbf;
  border-radius: 20px;
  width: 129px;
  height: 129px;
}

.about-icon.bg-blue .img-inner img {
  width: 60px;
  height: 60px;
}

.about-icon.bg-blue .img-inner {
  background-color: #046a38;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0px;
}

.about-icon.bg-blue.trang .img-inner {
  background-color: white;
}

.vhsduhfjsdgf-erih0-43 {
  display: flex;
  align-items: center;
}

.buihfduighieur-003i45y-0435 > .col.medium-2 .img.has-hover {
  display: flex;
  justify-content: center;
}

.buihfduighieur-003i45y-0435 {
  justify-content: center;
}

.vvgsdvfuwjert-ig0ewrg {
  flex-wrap: nowrap;
  gap: 16px;
}

.buihfduighieur-003i45y-0435 .col.medium-4 .col-inner {
  display: flex;
  justify-content: center;
}

.width-90 {
  width: 90%;
}

.width-90 li {
  margin-left: 1em !important;
}

.webkit-background-clip p {
  font-family: Arial, sans-serif;
  background: linear-gradient(294.72deg, #ff4581 9.05%, #4388dd 79.28%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

.col4-mocduan {
  border-left: 1px solid #ff4581;
  position: relative;
  min-width: 405px;
  padding-bottom: 0px;
  min-height: 285px;
}

.col4-mocduan:before {
  content: "";
  background: url(/wp-content/uploads/2024/03/Group-106.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: -16px;
  left: -17px;
}

.vbyudfgbuyherg-ih09e9rih- .col.medium-4:last-child::after {
  content: "";
  background: url(/wp-content/uploads/2024/03/Group-106.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  position: absolute;
  top: -20px;
  right: -16px;
}

.section-why1 {
  margin-top: -50px;
}

.vbyudfgbuyherg-ih09e9rih- .col4-mocduan.medium-2 {
  min-width: 320px;
}

.vbyudfgbuyherg-ih09e9rih- {
  flex-wrap: nowrap;
}

.vvvvvvvuysudf095yui {
  height: 600px;
  padding: 0px 16px !important;
}

.vvvvverti43t4tttt4-c9sa0 {
  padding-bottom: 0px;
  height: max-content;
}

.vdsejhfgvbuhj-340uit0-934 {
  min-width: 200px;
}

.jshdfbvuhjesw-njwergbjikwerg {
  min-width: 1920px;
  margin-top: -13px;
  padding: 0px;
  height: max-content;
  display: flex;
  align-items: center;
  margin-left: -200px;
}

/* .brtey45huyt4i5y45-y045iyu0-45y::-webkit-scrollbar{
  width: 90%;
} */

.jshdfbvuhjesw-njwergbjikwerg:before {
  content: "";
  background: url(/wp-content/uploads/2024/03/Line-26.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 190px;
  height: 2px;
  display: block;
  min-width: 190px;
}

.vdsejhfgvbuhj-340uit0-934 .col-inner,
.col4-mocduan .col-inner {
  position: initial;
}

.retuyiui-453u0iy9035hy.g8943utg943 {
  position: absolute;
  left: 52%;
  transform: translateX(-50%);
  bottom: 0px;
  width: max-content;
}

.retuyiui-453u0iy9035hy.g8943utg943.vbh4eu3htgu34ty {
  position: absolute;
  left: 0;
  transform: translateX(-50%);
  bottom: 0px;
}

.vbyudfgbuyherg-ih09e9rih- .col.medium-4:last-child {
  border-right: 1px solid #ff4581;
}

.col4-mocduan.g945uyh45:before {
  box-shadow: 0px 0px 12px 0px #ff4581;
  border-radius: 100%;
}

.brtey45huyt4i5y45-y045iyu0-45y {
  overflow: auto;
  padding-left: 240px !important;
  max-width: 1920px !important;
  padding-bottom: 70px;
}

.retuyiui-453u0iy9035hy {
  margin-top: 20px;
}

.vvvvverti43t4tttt4-c9sa0.gjritgoert {
  margin-top: -13px;
}

.vvvvverti43t4tttt4-c9sa0.gjritgoert .col4-mocduan:before {
  top: -20px;
}

.section-Our-Services .box-badge:hover .box-text,
.section-Our-Services .box-badge .box-text {
  background-color: transparent;
  top: 50%;
  transform: translateY(-50%);
  bottom: initial;
}

.cdjehgjer-045uiy0-54 .col.medium-2 {
  flex-basis: 20%;
  max-width: 20%;
}

.cvfret43hg4534-50i .icon-box.featured-box {
  display: flex;
  align-items: center;
  padding: 16px;
  border: 1px solid #d6dae0;
  border-radius: 8px;
}

.dsffd1b56df105b6 .icon-box.featured-box {
  border: none;
  box-shadow: 0px 6px 33px 0px #d5d5d5;
}

.bejrht3464-05yi450-y .icon-box-left .icon-box-img + .icon-box-text {
  padding-left: 0.2em;
}

.bejrht3464-05yi450-y .icon-box-text {
  display: flex;
  align-items: center;
}

.bejrht3464-05yi450-y .icon-box.featured-box {
  position: absolute;
  top: 71px;
  left: 36px;
  width: max-content;
  padding: 8px;
  background-color: white;
}

.cf7-dong1 {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 20px;
}

.contact-form7-col-7 label {
  font-size: 20px;
  color: #046a38;
}

.contact-form7-col-7 .wpcf7-list-item-label {
  color: black;
  font-weight: 400;
  font-size: 15px;
}

.contact-form7-col-7 textarea,
.contact-form7-col-7 input {
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #8d8d8d;
  padding-left: 0px;
  max-height: 30px;
  padding-bottom: 10px;
  color: #8d8d8d;
  font-weight: 500;
  font-size: 14px;
}

.contact-form7-col-7 input:focus {
  box-shadow: none;
}

.contact-form7-col-7 textarea {
  min-height: 50px;
}

.section-form7 .section-content > .row {
  padding: 50px;
  box-shadow: 0px 0px 29px 0px #ededed;
  border-radius: 10px;
}

.section-form7 .wpcf7-submit {
  padding: 3px 34px;
  border-radius: 5px;
  font-size: 20px;
  font-weight: 500;
  float: inline-end;
  margin: 0px;
  margin-top: 20px;
  color: white;
}

.wpcf7 span.wpcf7-list-item {
  margin-left: 0;
  margin-right: 4.2em;
}

.wpcf7-list-item.last label,
.wpcf7-list-item.first label {
  display: flex;
  align-items: center;
  padding-left: 20px;
  position: relative;
}

.wpcf7-list-item.last label input,
.wpcf7-list-item.first label input {
  margin: 0px;
  margin-right: 6px;
}

input[type="radio"] {
  display: none;
}

.wpcf7-list-item.last label:after,
.wpcf7-list-item.first label:after {
  content: "";
  background: url(/wp-content/uploads/2024/03/teenyicons_tick-circle-solid-1.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 5px;
  cursor: pointer;
  left: 0px;
}

.wpcf7-list-item.last label:before,
.wpcf7-list-item.first label:before {
  content: "";
  background: url(/wp-content/uploads/2024/03/teenyicons_tick-circle-solid.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 5px;
  cursor: pointer;
  left: 0px;
  opacity: 0;
}

.wpcf7-list-item.last .selected:before,
.wpcf7-list-item.first .selected:before {
  display: block;
  opacity: 1;
}

.wpcf7-list-item.last .selected:after,
.wpcf7-list-item.first .selected:after {
  display: none;
}

.wpcf7-list-item-label {
  cursor: pointer;
}

.section-One-app .section-content > .row {
  background: linear-gradient(180deg, #046a38 0%, #169858 99%);
  padding: 90px 76px 0px 76px;
  border-radius: 20px;
}

.cvdsfguheruitj-340uity0-934 img {
  margin-bottom: 0px !important;
  margin-right: 16px;
}

.bdfheriugt-034y8i0-934 {
  display: flex;
  align-items: end;
}

.section-One-app .ccccccccwgeyur345634609-34t {
  padding-bottom: 60px !important;
}

.dong-2 {
  display: flex;
  background-color: #e4eefc;
  height: 50px;
  align-items: center;
  border-radius: 8px;
}

.wpcf7-spinner {
  display: none;
}

.dong-2 input {
  background-color: transparent;
  margin: 0px;
  color: transparent;
  border: none;
  box-shadow: none;
}

.dong-2 input:focus {
  background-color: transparent;
  box-shadow: none;
}

.dong-2-submit {
  position: relative;
}

.dong-2-submit input[type="submit"]:hover {
  box-shadow: none;
  color: transparent;
}
.dong-2-submit input[type="submit"] {
  padding-right: 20px;
  z-index: 2;
  padding-left: 0px;
}

.dong-2-submit:after {
  content: "";
  background: url(/wp-content/uploads/2024/03/Vector-1.png);
  position: absolute;
  top: 13px;
  left: 15px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 13.5px;
  height: 13.5px;
  z-index: 1;
}

.vdset43iu645-450yui- .button.is-outline {
  background-color: #3bb77e;
  border: 2px solid #3bb77e;
  margin-left: 16px;
  margin-bottom: 0px;
}

.vdset43iu645-450yui- .button.icon.circle > i:only-child {
  margin: 0;
  color: white;
}

.vbefgui34-405y8i405-y .col {
  padding-bottom: 0px;
  display: flex;
  align-items: center;
}

.section-footer a:hover {
  text-decoration: underline;
}

.section-footer .wpcf7 .wpcf7-not-valid-tip {
  position: absolute;
  bottom: -34px;
}

.header-wrapper.stuck .header-main {
  background-color: white;
}

.scroll-to-bullets a {
  display: none !important;
}

.img-1 {
  position: absolute;
  top: 17%;
  right: 36%;
  transition: all 2s
    linear(
      0 0%,
      0 1.8%,
      0.01 3.6%,
      0.03 6.35%,
      0.07 9.1%,
      0.13 11.4%,
      0.19 13.4%,
      0.27 15%,
      0.34 16.1%,
      0.54 18.35%,
      0.66 20.6%,
      0.72 22.4%,
      0.77 24.6%,
      0.81 27.3%,
      0.85 30.4%,
      0.88 35.1%,
      0.92 40.6%,
      0.94 47.2%,
      0.96 55%,
      0.98 64%,
      0.99 74.4%,
      1 86.4%,
      1 100%
    );
}

.img-2 {
  position: absolute;
  top: 70%;
  right: 33%;
  transition: all 2s
    linear(
      0 0%,
      0 1.8%,
      0.01 3.6%,
      0.03 6.35%,
      0.07 9.1%,
      0.13 11.4%,
      0.19 13.4%,
      0.27 15%,
      0.34 16.1%,
      0.54 18.35%,
      0.66 20.6%,
      0.72 22.4%,
      0.77 24.6%,
      0.81 27.3%,
      0.85 30.4%,
      0.88 35.1%,
      0.92 40.6%,
      0.94 47.2%,
      0.96 55%,
      0.98 64%,
      0.99 74.4%,
      1 86.4%,
      1 100%
    );
}
.img-3 {
  position: absolute;
  top: 21%;
  right: 57%;
  transition: all 2s
    linear(
      0 0%,
      0 1.8%,
      0.01 3.6%,
      0.03 6.35%,
      0.07 9.1%,
      0.13 11.4%,
      0.19 13.4%,
      0.27 15%,
      0.34 16.1%,
      0.54 18.35%,
      0.66 20.6%,
      0.72 22.4%,
      0.77 24.6%,
      0.81 27.3%,
      0.85 30.4%,
      0.88 35.1%,
      0.92 40.6%,
      0.94 47.2%,
      0.96 55%,
      0.98 64%,
      0.99 74.4%,
      1 86.4%,
      1 100%
    );
  z-index: 99;
}

.img-4 {
  position: absolute;
  top: 18%;
  right: 20%;
  transition: all 2s
    linear(
      0 0%,
      0 1.8%,
      0.01 3.6%,
      0.03 6.35%,
      0.07 9.1%,
      0.13 11.4%,
      0.19 13.4%,
      0.27 15%,
      0.34 16.1%,
      0.54 18.35%,
      0.66 20.6%,
      0.72 22.4%,
      0.77 24.6%,
      0.81 27.3%,
      0.85 30.4%,
      0.88 35.1%,
      0.92 40.6%,
      0.94 47.2%,
      0.96 55%,
      0.98 64%,
      0.99 74.4%,
      1 86.4%,
      1 100%
    );
  z-index: 1;
}

.img-5 {
  position: absolute;
  top: 39%;
  right: 52%;
  transition: all 2s
    linear(
      0 0%,
      0 1.8%,
      0.01 3.6%,
      0.03 6.35%,
      0.07 9.1%,
      0.13 11.4%,
      0.19 13.4%,
      0.27 15%,
      0.34 16.1%,
      0.54 18.35%,
      0.66 20.6%,
      0.72 22.4%,
      0.77 24.6%,
      0.81 27.3%,
      0.85 30.4%,
      0.88 35.1%,
      0.92 40.6%,
      0.94 47.2%,
      0.96 55%,
      0.98 64%,
      0.99 74.4%,
      1 86.4%,
      1 100%
    );
  z-index: 1000;
}

.dfguiert-45yi {
  z-index: 1;
}

.reuyfg-405yi0-45y:hover .img-5 {
  top: 47%;
  right: 72%;
}

.reuyfg-405yi0-45y:hover .img-3 {
  top: 20%;
  right: 77.1%;
  transform: rotate(-26deg);
}

.reuyfg-405yi0-45y:hover .img-4 {
  top: 18%;
  right: 7%;
}

.reuyfg-405yi0-45y:hover .img-1 {
  top: 18%;
  right: 33%;
  transform: scale(1.7);
}

.reuyfg-405yi0-45y:hover .img-2 {
  top: 71%;
  right: 31%;
  transform: scale(1.7);
}

.reuyfg-405yi0-45y > .col-inner.text-left {
  padding-left: 160px;
}

.gt_options.gt-open,
.gt_float_switcher .gt-selected .gt-current-lang {
  border: 1px solid #c1c1c1;
}

.n2_clear p {
  font-size: 16px !important;
}

.slide-mobile .text-box.banner-layer {
  left: 0px;
}

.slide-mobile .text-box.banner-layer .button {
  margin-right: 0px !important;
  max-width: 48%;
  padding: 0px 0px;
  min-width: 48%;
  font-size: 9px;
}

.slide-mobile .img.has-hover {
  top: 50%;
  transform: translateY(-50%);
}

.relatedcat .col.post-item .col-inner,
.blog-post-4596845690456 .col.post-item .col-inner {
  padding: 10px;
  box-shadow: 0px 0px 13px 0px #dddddd;
  border-radius: 8px;
  overflow: hidden;
}

.blog-post-4596845690456 .col.post-item {
  padding: 0px 10px 0px;
}

.relatedcat .post-title a,
.blog-post-4596845690456 .col.post-item .post-title a {
  font-size: 15px;
  color: black;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: "Quicksand", sans-serif !important;
  margin-bottom: 10px;
}

.relatedcat .from_the_blog_excerpt,
.blog-post-4596845690456 .col.post-item .from_the_blog_excerpt {
  color: black;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: "Quicksand", sans-serif !important;
  font-size: 13px;
  margin-bottom: 10px;
}

.blog-post-4596845690456 .flickity-viewport {
  min-height: 360px;
  padding-top: 10px;
}

.blog-post-4596845690456 .tag-label {
  background-color: var(--fs-color-secondary);
  opacity: 1;
}

.relatedcat .image-cover,
.blog-post-4596845690456 .image-cover {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #b9b9b999;
}

.blog-post-4596845690456 .is-divider {
  display: none;
}

.blog-post-4596845690456 .flickity-slider {
  padding: 10px;
}

.row_download {
  padding-bottom: 0;
}
.section-why .col-box_img {
  border: 1px solid #d6dae0;
  padding: 0px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  margin: 5px;
  max-width: 238px;
  height: 80px;
}

.section-why .col-box_img .col-inner {
  display: flex;
  justify-content: center;
}

.section-why .col-box_img .col-inner .icon-box-img {
  align-content: center;
}

.section-why .col-box_img .col-inner .icon-box-text .text {
  width: 150px;
}

.section-why .col-box_img .col-inner p {
  margin: auto;
}

.section-why .col-box_img .col-inner .icon-box-left {
  width: initial;
}

.section-service .row-dich-vu .col.medium-2 {
  flex-basis: 20%;
  max-width: 20%;
}
.section-why .row-dich-vu .col-another {
  height: 210px;
  max-width: 210px !important;
  background: #f8f8f8;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
}

.row__history p {
  line-height: 1.4;
    font-size: 15px;
    margin-bottom: 15px;
    font-family: 'Quicksand' !important;
}

.row__history p:first-child {
  font-weight: bold;
  font-size: 22px;
  line-height: 1.2;
}

.row__history .col {
  position: relative;
}

.row__history .col:before {
  	content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: -10px;
    left: 0;
    display: block;
    border-radius: 50%;
    background: #ff4581;
    box-shadow: 0 0 0 rgba(255, 69, 129, 0.1);
    animation: ripple 1.5s infinite;
}
.section-contact .row-contact {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1), 0px 0px 25px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 30px;
}

.section-contact .row-contact input[type="text"],
.section-contact .row-contact input[type="email"],
.section-contact .row-contact textarea,
.section-contact .row-contact input[type="tel"] {
  outline: none;
  border: none;
  box-shadow: none;
  border-bottom: 1px solid #ccc; /* Bạn có thể thêm màu cho border-bottom */
}
.section-contact .row-contact textarea {
  resize: none;
}

.section-contact .row-contact input[type="radio"] {
  -webkit-appearance: none; /* Loại bỏ kiểu mặc định */
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%; /* Hình tròn */
  background-color: #f0f0f0; /* Màu nền xám khi chưa chọn */
  display: inline-block;
  position: relative;
  transition: all 0.3s ease;
}

/* Khi radio button được chọn */
.section-contact .row-contact input[type="radio"]:checked {
  background-color: #000; /* Màu nền đen khi chọn */
  border-color: #000; /* Đổi màu viền thành đen */
}

/* Tạo dấu tích khi radio được chọn */
.section-contact .row-contact input[type="radio"]:checked::after {
  content: "\2713"; /* Mã dấu tích Unicode */
  font-size: 14px;
  color: #fff; /* Dấu tích màu trắng */
  position: absolute;
  top: 1px;
  left: 4px;
}

@keyframes ripple {
  0% {
        box-shadow: 0 0 0 0 rgba(255, 69, 129, 0.1);
  }
  50% {
    box-shadow: 0 0 5px 8px #ffedf3;
	}
  100% {
   box-shadow: 0 0 10px 5px rgb(252 252 252);
  }
}
.row__history {
  position: relative;
}

.row__history .col:after {
     content: "";
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 5px;
    display: block;
    background: #ff4581;
}

.row__history .col .col-inner {
  padding-left: 20px;
}

.row__history .col:nth-child(even) {
  transform: translatey(-28%);
	border-bottom: 10px solid #f6eff6;
}

.row__history .col:nth-child(even):before {
      bottom: -10px;
    top: auto;
}

.row__history .col:nth-child(odd) {
  transform: translatey(67%);
  border-top: 10px solid #f6eff6;
}
.row__history .flickity-viewport {
  height: 600px !important;
  display: flex;
  align-items: center;
}

.row__line {
  position: relative;
}
.row__line .col {
  width: 100%;
  left: 0;
  top: 50%;
  height: 40px;
  position: absolute;
  margin-top: 24%;
}

.row__history .flickity-slider {
  display: flex;
  align-items: center;
}

.about__history .row__history .col {
  height: 200px;
}

.about__history .row__history .col .col-inner {
  top: 25%;
	    position: absolute;
    width: 160%;
}

.title-header {
  background: linear-gradient(45deg, #4388dd, #ff4581);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 20px;
}

.section-contact .row-contact .wpcf7-submit {
  margin: 0;
  border-radius: 8px;
  position: absolute;
  right: 0;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1), 0px 0px 25px rgba(0, 0, 0, 0.1);
}

.section-contact #wpcf7-f4567-p4459-o1 p label {
  color: #046a38;
}

.section-contact #wpcf7-f4567-p4459-o1 span label {
  color: #000000;
}

.section-about .row-img .img.has-hover {
  display: flex;
  justify-content: center;
}

.section-about .row-img img {
  width: 129px;
  height: 129px;
}

.section-about .row-img > .col {
  position: relative;
  flex: 1; /* Để cột chiếm không gian bằng nhau */
}

.section-about .row-img > .col:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 35%;
  right: -110px;
  transform: translateY(-50%);
  width: 220px;
  height: 2px;
  border-bottom: 2px dashed #999;
}


.about__history .row__history .col:nth-child(even) .col-inner {
    top: 0%;
}

.section-service .text-service{
	   position: absolute;
    top: 30%;
    display: flex
;
    justify-content: center;
    width: 100%;
}

.row-icon-box .medium-6{
	flex-basis: 48%;
        max-width: 50%;
}

.row-border .col-inner {
    border: 1px solid rgb(237, 237, 237);
    padding: 20px;
    border-radius: 10px;
    background: white;
}

.row-border .col-inner:hover {
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}


@media only screen and (min-width: 850px) {
  .blog-post-4596845690456 .flickity-viewport {
    height: 408.203px !important;
  }
}

.archive .large-10 .col.post-item .col-inner {
  box-shadow: 0px 0px 13px 0px #dddddd;
  border-radius: 8px;
}

.bejrht3464-05yi450-y.vsdohjosdigdsg {
  padding-bottom: 0px;
}

@media only screen and (max-width: 850px) {
  .blog-post-4596845690456 .flickity-viewport {
    min-height: 420px;
    padding-top: 10px;
  }
}

/* =================================================================== responsive ==================================================================================== */
@media only screen and (max-width: 1750px) {
  .max-width p {
    min-width: initial;
  }
  .dfgjhibui-450yi-045yj strong {
    width: max-content;
    display: initial;
  }
	
	
}

@media only screen and (max-width: 1630px) {
	.row__history p:first-child {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
}
}

@media only screen and (max-width: 1500px) {
	.row__history p:first-child {
    font-weight: bold;
    font-size: 17px;
    line-height: 1.2;
}
	.row__history p {
    line-height: 1.4;
    font-size: 13px;
    margin-bottom: 8px;
}
}

@media only screen and (max-width: 1200px) {
  .section-why1 {
    margin-top: -50px;
  }
	.section-why .row-dich-vu .col-another {
    height: 160px;
    max-width: 160px !important;
   
}
	.row-icon-box .medium-6 {
    flex-basis: 50%;
    max-width: 50%;
		
}
	.row-icon-box .medium-6 {
    flex-basis: 60%;
    max-width: 80%;
}
}


@media only screen and (max-width: 850px) {
	
	.row-icon-box .medium-6 {
    flex-basis: 48%;
    max-width: 50%;
}
	
  .vvgsdvfuwjert-ig0ewrg {
    display: flex;
    justify-content: center;
  }

  .reuyfg-405yi0-45y .col-inner.text-left {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 160px;
  }

  .img-4 {
    position: absolute;
    top: 7%;
    right: 12%;
    transition: all 2s
      linear(
        0 0%,
        0 1.8%,
        0.01 3.6%,
        0.03 6.35%,
        0.07 9.1%,
        0.13 11.4%,
        0.19 13.4%,
        0.27 15%,
        0.34 16.1%,
        0.54 18.35%,
        0.66 20.6%,
        0.72 22.4%,
        0.77 24.6%,
        0.81 27.3%,
        0.85 30.4%,
        0.88 35.1%,
        0.92 40.6%,
        0.94 47.2%,
        0.96 55%,
        0.98 64%,
        0.99 74.4%,
        1 86.4%,
        1 100%
      );
  }

  .img-5 {
    position: absolute;
    top: 31%;
    right: 44%;
    transition: all 2s
      linear(
        0 0%,
        0 1.8%,
        0.01 3.6%,
        0.03 6.35%,
        0.07 9.1%,
        0.13 11.4%,
        0.19 13.4%,
        0.27 15%,
        0.34 16.1%,
        0.54 18.35%,
        0.66 20.6%,
        0.72 22.4%,
        0.77 24.6%,
        0.81 27.3%,
        0.85 30.4%,
        0.88 35.1%,
        0.92 40.6%,
        0.94 47.2%,
        0.96 55%,
        0.98 64%,
        0.99 74.4%,
        1 86.4%,
        1 100%
      );
    z-index: 1000;
  }

  .img-3 {
    position: absolute;
    top: 11%;
    right: 48%;
    transition: all 2s
      linear(
        0 0%,
        0 1.8%,
        0.01 3.6%,
        0.03 6.35%,
        0.07 9.1%,
        0.13 11.4%,
        0.19 13.4%,
        0.27 15%,
        0.34 16.1%,
        0.54 18.35%,
        0.66 20.6%,
        0.72 22.4%,
        0.77 24.6%,
        0.81 27.3%,
        0.85 30.4%,
        0.88 35.1%,
        0.92 40.6%,
        0.94 47.2%,
        0.96 55%,
        0.98 64%,
        0.99 74.4%,
        1 86.4%,
        1 100%
      );
    z-index: 99;
  }

  .reuyfg-405yi0-45y:hover .img-5 {
    top: 41%;
    right: 62%;
  }

  .reuyfg-405yi0-45y:hover .img-3 {
    top: 24%;
    right: 66.1%;
    transform: rotate(-26deg);
  }

  .reuyfg-405yi0-45y:hover .img-4 {
    top: 5%;
    right: -3%;
  }

  .section-banner {
    padding-top: 0px !important;
    margin-top: -160px;
  }

  .vdset43iu645-450yui- .button.is-outline {
    margin-left: 4px;
  }

  .section-footer p {
    margin-bottom: 10px !important;
  }

  .header-main {
    height: 80px !important;
  }

  .jshdfbvuhjesw-njwergbjikwerg {
    min-width: 1565px;
  }

  .img-right-position {
    position: absolute;
    top: 55%;
    right: 0px;
  }

  .reuyfg-405yi0-45y > .col-inner.text-left {
    padding-left: 15px;
  }

  .col-4596845907457 {
    padding-bottom: 70px;
  }

  .col-4596845907457 .flickity-page-dots {
    bottom: -40px;
  }

  .col-4596845907457 .slider-nav-light .flickity-page-dots .dot {
    border-color: #000000;
  }
}

@media only screen and (max-width: 550px) {
  .section-why1 {
    margin-top: 0px;
  }

  .section.Our.Solution .banner.has-hover {
    padding-top: 300px !important;
  }

  #main-menu .menu-item-gtranslate {
    display: none;
  }

  .bejrht3464-05yi450-y .banner.has-hover {
    padding-top: 400px !important;
  }

/*   .bejrht3464-05yi450-y .img.has-hover {
    bottom: initial;
    top: 50%;
    transform: translatey(-50%);
  } */

  .col-4358694567 .img.has-hover {
    bottom: initial;
    top: 0%;
    transform: translatey(0%);
  }

  .bejrht3464-05yi450-y .text-inner.text-left {
    padding-right: 40px;
  }

  .col-5464578-center .col-inner {
    text-align: center !important;
  }

  .col-5464578-center .col-inner .img {
    margin: auto;
  }

  .section.Our.Solution .text-inner.text-left {
    padding-right: 50px;
  }

  .app-down-load {
    padding: 0px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
  }
  .app-down-load a {
    width: 40%;
    display: block;
  }

  .app-down-load a:last-child {
    width: 49%;
  }

  .reuyfg-405yi0-45y .col-inner.text-left {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 100px;
  }

  .vvgsdvfuwjert-ig0ewrg img {
    height: 55px;
  }

  .section-banner {
    margin-top: -110px;
  }

  .cdjehgjer-045uiy0-54 .col.medium-2 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .section-form7 .section-content > .row {
    padding: 10px;
    border-radius: 0px;
  }

  .cf7-dong1 {
    display: flex;
    gap: 0px;
    flex-wrap: wrap;
  }

  .section-form7 .wpcf7-submit {
    font-size: 16px;
  }
  .section-One-app .section-content > .row {
    padding: 10px;
    border-radius: 0px;
    padding-bottom: 0px;
  }

  .vdset43iu645-450yui- .col-inner.text-right {
    text-align: center !important;
    margin-top: 10px;
  }

  .brtey45huyt4i5y45-y045iyu0-45y p,
  .vberfhug34uyt345-03u4yt0 p {
    margin-bottom: 0px !important;
  }
  .retuyiui-453u0iy9035hy.g8943utg943,
  .retuyiui-453u0iy9035hy.g8943utg943.vbh4eu3htgu34ty {
    bottom: 20px;
  }

  .col4-mocduan {
    min-height: 160px;
  }

  .vvvvverti43t4tttt4-c9sa0.gjritgoert {
    margin-top: -7px;
  }

  .jshdfbvuhjesw-njwergbjikwerg {
    margin-top: -9px;
  }

  .brtey45huyt4i5y45-y045iyu0-45y {
    padding-bottom: 0px;
  }

  .vvvvvvvuysudf095yui {
    height: 370px;
  }

  .jshdfbvuhjesw-njwergbjikwerg {
    min-width: 1500px;
  }

  .section-banner .vhbvhujdsfgerd {
    padding: 0px 10px !important;
  }

  .img-right-position {
    top: 200px;
  }
}

@media only screen and (max-width: 550px) {
  .blog-post-4596845690456 .flickity-viewport {
    min-height: 490px;
    padding-top: 10px;
  }
/*   .section-why .row-download {
    margin-top: 100px;
  } */
	.row-icon-box .medium-6 {
    flex-basis: 100%;
    max-width: 100%;
}
}

@media only screen and (max-width: 420px) {
  .blog-post-4596845690456 .flickity-viewport {
    min-height: 386px;
    padding-top: 10px;
  }
  .section-why .row-download {
    margin-top: 200px;
  }
  .section-why .col-img {
    margin-top: 130px;
  }
}

.newsletter-inline-form .wpcf7-form-control{
	border-radius: 10px !important
}