@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

body {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.box-text a:not(.button),
.box-text h1,
.box-text h2,
.box-text h3,
.box-text h4,
.box-text h5,
.box-text h6 {
  margin: 0;
}

.owl-theme .owl-dots .owl-dot {
  margin: 0;
  min-height: unset;
}

.sec49_row2 .tabbed-content .nav {
  display: flex;
  align-items: center;
}

.sec49_row2 .nav > li {
  width: calc(100% / 3);
  margin: 0;
}

.sec49_row2 .nav > li a {
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  width: 100%;
  font-size: 21px;
  line-height: 1.3;
  padding: 12px 6px;
  background: linear-gradient(to right, #009649, #005c2d);
  color: #fff;
  box-shadow: inset 0 2px 10px rgb(0 0 0 / 30%);
}

.sec49_row2 .nav > li.active a {
  background: linear-gradient(to right, #ffffc9, #ffff7e);
  color: var(--fs-color-primary) !important;
}

.sec49_row2 .nav-line > li > a:before {
  display: none !important;
}

span.widget-title {
  background: var(--primary-color);
  display: block;
  color: #fff;
  padding: 12px;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
}

.post_comments,
.widget .is-divider {
  display: none;
}

.recent-blog-posts-li .badge,
.recent-blog-posts-li .badge-inner {
  width: 100px;
  height: 70px;
}

.recent-blog-posts-li .flex-col.flex-grow {
  max-width: calc(100% - 100px);
}

.widget ul {
  padding: 8px;
  border: 1px solid var(--fs-color-primary);
}

.widget ul .mr-half {
  margin-right: 10px;
}

.recent-blog-posts a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.entry-header-text,
.entry-content {
  padding: 0;
}

.section-blogs {
  padding: 48px 0;
}

.section-blogs .post-item .box {
  display: flex;
  gap: 10px;
}

.section-blogs .post-item .box .box-image {
  width: 130px;
  border-radius: 5px;
}

.section-blogs .post-item .box .box-text {
  width: calc(100% - 130px);
  padding: 0;
}

.section-blogs .post-item .box .box-text h5 {
  padding-top: 0;
}

.box-blog-post .is-divider {
  display: none !important;
}

.absolute-footer.dark {
  display: none;
}

/** Responsive */
@media screen and (max-width: 1169px) {
  html {
    font-size: 16px;
  }
  .container12,
  .container12 .wrap,
  .container12 .wrap > div {
    width: 100%;
  }
  /* .container12 .wrap>div{max-width:480px;margin:auto;padding-left:.75rem;padding-right:.75rem} */
  .container12 .wrap > div {
    max-width: 480px;
    margin: auto;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .container1903 .wrap > div {
    max-width: 480px;
    margin: auto;
  }
}
@media screen and (max-width: 1169px) {
  /* -------- */
  /* ======== */
  .sec11_row1 {
    justify-content: space-between;
    padding: 1px 12px;
  }
  .sec11_row1 ._a {
    width: calc(100% - 40px - 16px);
    padding: 8px 0;
  }
  .sec11_row1 ._a img {
    max-height: 40px;
    width: auto;
  }
  .sec11_row1 span i {
    display: inline-block;
    color: #999;
    padding: 4px 0px 4px 4px;
  }
  .sec11_row1 span i svg {
    vertical-align: middle;
    width: 32px;
    height: 32px;
  }
  /* --- */
  .sec11_row2 {
    display: none;
  }
  .sec11_row2 ul {
    padding: 8px 0 12px;
  }
  .sec11_row2 ul li {
    font-size: 18px;
    width: 100%;
    text-align: center;
  }
  /* ======== */
  .sec11:not(.scrolled) .wrap > div {
    padding: 0px 0px;
  }
  /* ======== */
  .btn_dang_ky {
    margin: 1rem 0 0;
  }
  .ladi_form button.btn_dang_ky span a,
  .btn_dang_ky span a {
    font-size: 17px;
    padding: 8px 20px 12px;
  }
  /* --- */
  .btn_dang_ky span a {
    min-width: 164px;
  }
  /* ======== */
  .h2_ladi {
    font-size: 18px;
  }
  .h2_ladi span {
    padding: 0;
    width: 100%;
  }

  .h2_ladi {
    width: 100%;
  }

  .h2_ladi i {
    width: calc(100% - 2 * 8px);
    margin: initial;
  }
  i.t_shz_grd .__span2 {
    -webkit-text-stroke-width: 1px;
  }
  /* ======== */
  .owl-carousel.owl-theme-ladi-1 .owl-nav button[class^="owl-"] {
    /* font-size: 50px; */
    padding: 4px 4px;
  }
  .owl-carousel.owl-theme-ladi-1 .owl-nav button.owl-prev {
    left: 0px;
  }
  .owl-carousel.owl-theme-ladi-1 .owl-nav button.owl-next {
    right: 0px;
  }
  .owl-carousel.owl-theme-ladi-1 .owl-dots {
    bottom: -32px;
  }
  /* ======== */
  .sec42 {
    padding-top: 58px;
  }
  .sec42 .wrap > div {
    padding: 0rem 0rem 0rem;
    overflow: hidden;
  }
  .sec42_row1 {
    background: initial;
    height: initial;
  }
  .sec42_row1 span img {
    height: auto;
  }
  .ladi_form {
    border-radius: 16px;
  }
  .sec42 .sec42_row2 {
    position: initial;
    top: initial;
    bottom: initial;
    transform: translateY(0%);
    right: 16px;
    /* display: none; */
    border-radius: 0px;
    /* width: calc(100% - 2*16px); */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: url(../images/sec42_3.jpg) top center no-repeat;
    background-size: cover;
  }
  .sec42 .sec42_row2_row {
    max-width: calc(100%);
    border-radius: 0px;
    margin: 0px auto;
  }
  .ladi_form h5,
  .sec42_row2_row h5 {
    font-size: 21px;
    /* width: calc(100% + 16px); */
    /* margin-left: -8px; */
    position: relative;
  }
  .ladi_form::before {
    /* width: 70px; */
  }
  .ladi_form form button[type="submit"] {
    font-size: 19px;
  }
  /* --- */
  /* ======== */
  .sec43 .wrap > div {
    padding: 16px 4px 20px;
  }
  .sec43_row2 {
    margin-top: 16px;
  }
  .sec43_row2__col1 {
    width: 100%;
    text-align: center;
  }
  .sec43_row2__col2 {
    width: 100%;
    margin: 0;
    order: -1;
  }

  .sec43_row2__col1 img {
    max-width: 300px;
  }

  .sec43_row2__col2 .item {
    width: calc(100% / 3 - 3px);
    margin-bottom: 12px;
  }
  .sec43_row2__col2 .item img {
    width: 80%;
  }
  .sec43_row2__col2 .item p {
    font-size: 13px;
  }

  .sec43_row3 {
    margin-top: -12px;
  }
  .sec43_row3 span a {
    margin-left: 81px;
    min-width: 187px;
    padding: 10px 20px 16px;
    font-size: 19px;
  }
  /* ======== */
  .sec44 .wrap > div {
    padding: 20px 4px 24px;
  }

  .sec44_row2 {
    margin-top: 20px;
  }
  .sec44_row2 .item {
    width: calc(50% - 2px);
    margin-bottom: 4px;
  }
  .sec44_row2 .item:first-child {
    width: 100%;
  }
  .sec44_row2 .item p {
    font-size: 9px;
    line-height: 1.3;
    height: calc(4 * 9px * 1.3 + 4px);
    background: rgb(0 117 58 / 70%);
  }
  .sec44_row3 {
    margin-top: 12px;
  }
  /* ======== */
  .sec45 .wrap > div {
    padding: 24px 4px 28px;
  }
  .sec45_row1 p {
    font-size: 14px;
    font-weight: bold;
  }
  .sec45_row1 hr {
    max-width: 200px;
  }

  .sec45_row2 {
    margin: 8px 0 0px;
    justify-content: space-between;
  }
  .sec45_row2 .item {
    width: calc(25% - 4px);
    margin-bottom: 12px;
  }
  .sec45_row2 .item:nth-child(5) {
    margin-left: auto;
    margin-right: 4px;
  }
  .sec45_row2 .item:nth-child(7) {
    margin-right: auto;
    margin-left: 4px;
  }
  .sec45_row2 .item p {
    font-size: 11px;
    line-height: 1.3;
    letter-spacing: -1px;
    top: 8px;
    padding: 0 8px;
  }
  .sec45_row3 {
    margin-top: 0;
  }
  .sec45_row3 p {
    font-size: 16px;
  }
  /* ======== */
  .sec46 .wrap > div {
    padding: 16px 4px 24px;
  }
  .sec46_row1 .h2_ladi span {
    font-size: 20px;
  }
  .sec46_row2 {
    margin: 12px auto 36px;
  }
  .sec46_row2 .item .thumb {
    width: 100%;
  }
  .sec46_row2 .item .text {
    width: 100%;
  }
  .sec46_row2 .owl-carousel .owl-item img {
    max-width: 240px;
    margin: auto;
  }
  .sec46_row2 .item .text {
    padding: 0 8px;
  }
  .sec46_row2 .item .text h3 {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .sec46_row2 .item .text ul li {
    font-size: 14px;
    padding-left: 14px;
    margin: 4px 0;
  }
  .sec46_row2 .item .text ul li::before {
    width: 7px;
    height: 7px;
    top: 5px;
  }
  .sec46_row2 .owl-carousel.owl-theme-ladi-1 .owl-dots {
    bottom: -24px;
  }
  .sec46_row2 .owl-theme .owl-nav button.owl-prev {
    left: 4px;
    top: 29%;
  }
  .sec46_row2 .owl-theme .owl-nav button.owl-next {
    right: 4px;
    top: 29%;
  }
  /* ======== */
  .sec47 .wrap > div {
    padding: 30px 8px 24px;
    overflow: hidden;
  }
  .sec47_row2 {
    margin: 16px auto 0;
  }
  .sec47_row2 .item {
    width: calc(50% - 8px);
  }
  .sec47_row2 .item img {
    width: 80%;
  }
  .sec47_row2 .item p {
    font-size: 14px;
  }
  /* ======== */
  .sec48 .wrap > div {
    padding: 24px 4px 24px;
  }

  .sec48_row1 .h2_ladi {
    font-size: 18px;
  }
  .sec48_row1 p {
    font-size: 21px;
  }

  .sec48_row2 {
    margin-top: 16px;
    margin-bottom: 24px;
  }
  .sec48_row2 .owl-carousel.owl-theme-ladi-1 .owl-dots {
    bottom: -16px;
  }
  /* ======== */
  .sec49 .wrap > div {
    padding: 24px 8px 24px;
  }
  .sec49_row1 {
    max-width: 100%;
  }
  .sec49_row1 .h2_ladi {
    font-size: 19px;
  }
  .sec49_row1 .h2_ladi small {
    font-size: 14px;
  }
  .sec49_row2 {
    margin-top: 16px;
    margin-bottom: 0;
  }
  .sec49_row2 ul li.tab_click_link span {
    padding: 8px 4px;
    font-size: 13px;
    line-height: 1.3;
    text-transform: none;
    min-height: 67px;
  }
  .sec49_row2 ul li.tab_click_link span i {
    top: 52%;
  }
  /* ======== */
  .sec50 .wrap > div {
    padding: 24px 8px 32px;
  }
  .sec50_row1 .h2_ladi {
    font-size: 18px;
  }
  .sec50_row2 .item {
    width: calc(50% - 2%);
  }
  .sec50_row2 .item ul li,
  .sec50_row2 .item p {
    font-size: 13px;
    line-height: 1.3;
  }
  /* ======== */
  .sec51 .wrap > div {
    padding: 24px 8px 32px;
  }
  .sec51_row1 .h2_ladi {
    font-size: 18px;
  }
  .sec51_row2 {
    margin-top: 8px;
  }
  .sec51_row2_col1 {
    width: 100%;
  }
  .sec51_row2_col2 {
    width: 92%;
    margin: 0 auto;
    margin-top: 8px;
  }
  .sec51_row2 .item {
    margin-bottom: 16px;
  }
  .sec51_row2 .item > span {
  }
  .sec51_row2_col1 .item p {
    font-size: 14px;
    line-height: 1.3;
    right: 20px;
    width: 67%;
  }
  .sec51_row2_col2 .item p {
    font-size: 14px;
    line-height: 1.3;
    margin-top: 24px;
  }
  .sec51_row2_col2 .item p small {
    height: 52px;
    padding: 0 4px;
  }

  .sec51_row2 .sec51_row2_col2 .item p {
    margin-top: -8px;
    margin-left: -5px;
    width: 80%;
  }
  .sec51_row2_col2 .d_flex img {
    width: 16px;
    height: auto;
  }
  .sec51_row2_col2 .d_flex ul {
    width: calc(100% - 16px - 8px);
  }
  .sec51_row2_col2 .d_flex ul li {
    font-size: 14px;
  }
  /* ======== */
  .sec52 .wrap > div {
    padding: 24px 8px 28px;
  }
  .sec52_row1 .h2_ladi {
    font-size: 17px;
  }

  /* section:not(.sec52) { display: none; } */
}
@media screen and (min-width: 359px) and (max-width: 1169px) {
  .sec44_row2 .item p {
    font-size: 11px;
    line-height: 1.3;
    height: calc(4 * 11px * 1.3 + 4px);
  }
}
@media screen and (min-width: 399px) and (max-width: 1169px) {
  .sec44_row2 .item p {
    font-size: 12px;
    line-height: 1.3;
    height: calc(4 * 12px * 1.3 + 4px);
    background: rgb(0 117 58 / 70%);
  }
}
