@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700;800;900&display=swap&family=Material+Icons&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
:root {
    /* --main-color: #254e58; */
    /* --main-color: #233a7a; */
    --main-color: #2a64a9;
    --main-color-2: #9e1c1e;
    /* --main-color-2: #9e1c1e; */
    --main-color-1: #2e9cca;
    --hover-color: #964734;
    --yellow-color: #d5bc10;
    --white-red-color: #e5e5e5;
    /* --warning-color: #d9534f; */
    /* --success-color: #5cb85c;
    --danger-color: #f0ad4e; */
    --white-color: #fff;
    --red-color: #964734;
    --bg-6-color: #e2ebf0;
    /* --bg-1-color: #f0f4f9;
    --bg-2-color: #c0d2e8;
    --bg-3-color: #039be5;
    --bg-4-color: #f6f9f9;
    --bg-5-color: #f8f8f8;
    --bg-6-color: #e2ebf0;
    --bbb-color: #aaa; */
    --table-style-border-color: #ddd;
    --dark-color: #313131;
    --text-white-color: #f3f6fb;
    /* --dark-icon-color: #555;
    --black-icon-color: #555;
    --bg-1-1-color: #e9edf2; */

    --dark-1-color: #212A31;
    --dark-2-color: #2E3944;
    --light-1-color: #748D92;
    --light-2-color: #D3D9D4; 


    --tab-1-color: #124E66;
    --tab-2-color: #2e9cca;
    --tab-3-color: #1e81a8;
    --tab-4-color: #249ac9;
    --tab-5-color: #124E66;
    --tab-6-color: #186787;
    --tab-7-color: #1e81a8;
    --tab-8-color: #249ac9;
    --tab-9-color: #124E66;
    --tab-10-color: #186787;
    --tabslet-li-background-color: #f5f5f5;
    --tabslet-background-color: #964734;

      --tree-code-color-1: #332D2D;
      --tree-code-color-2: #3B71CA;
      --tree-code-color-3: #14A44D;
      --tree-code-color-4: #DC4C64;
      --tree-code-color-5: #E4A11B;
      --tree-code-color-6: #3B71CA;    
      --tree-code-color-7: #332D2D;
      --tree-code-color-8: #3B71CA;
      --tree-code-color-9: #14A44D;
      --tree-code-color-10: #DC4C64;
      --tree-code-color-11: #E4A11B;
      --tree-code-color-12: #3B71CA;    
}
@font-face {
   font-family: Noh Carborne;
   src: url("/frontend/fonts/NohCarbone.ttf")
}
@font-face {
   font-family: FairPlay;
   src: url("/frontend/fonts/PlayfairDisplay-RegularItalic.ttf")
}
@font-face {
   font-family: FairPlayBold;
   src: url("/frontend/fonts/PlayfairDisplay-Bold.ttf");
   font-weight: 700;
}


html {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
body,
html {
    font-family: Roboto, sans-serif;
    /* font-family: "Montserrat", serif;
    font-optical-sizing: auto; */
    /* line-height: 1.5; */
    scroll-behavior: smooth;
}
body {
    margin: 0 auto;
    background-color: var(--main-color);
    max-width: 100%;
    font-size: 16px;
    font-weight: 400;
}
body::-webkit-scrollbar {
    width: 8px;
}
body::-webkit-scrollbar-track {
    background: #f1f1f1;
}
body::-webkit-scrollbar-thumb {
    border-right: thin solid #f1f1f1;
    border-left: thin solid #f1f1f1;
    border-radius: 3px;
    background: var(--main-color);
}
body::-webkit-scrollbar-thumb:hover {
    background: var(--main-color);
}
body,
html {
    scroll-behavior: smooth;
}
p {
   line-height: 1.7;
}
p:not(:last-child) {
   margin-bottom: 15px;
}
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
}
*:focus {
   outline: none !important;
}
a {
   -webkit-user-select: none; /* Safari */
   -ms-user-select: none; /* IE 10 and IE 11 */
   user-select: none; /* Standard syntax */
}
/* Container Style */
.container {
   margin-right: auto;
   margin-left: auto;
   padding-right: clamp(0.75rem, 4vw - 1rem, 1.563rem);
   padding-left: clamp(0.75rem, 4vw - 1rem, 1.563rem);
   width: 100%;   
}
.container-full-in-small {
   margin-right: auto;
   margin-left: auto;
   width: 100%;   
}
@media screen and (min-width: 768px) {
   .container-full-in-small {
      padding-right: clamp(0.75rem, 4vw - 1rem, 1.563rem);
      padding-left: clamp(0.75rem, 4vw - 1rem, 1.563rem); 
   }  
}
.container.large {
   max-width: 1360px;
}
.container-full-in-small.large {
   max-width: 1360px;
}
/* Container Style */
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.no-gutters > *,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
article,
aside,
figcaption,
figure,
footer,
hgroup,
main,
nav,
section {
    display: block;
}
[tabindex="-1"]:focus {
    outline: 0 !important;
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-top: 0;
    margin-bottom: 0;
}
p:empty {
    display: none;
}
abbr[data-original-title],
abbr[title] {
    -webkit-text-decoration: underline dotted;
    -webkit-text-decoration-skip-ink: none;
    cursor: help;
    border-bottom: 0;
    text-decoration: underline;
    text-decoration: underline dotted;
    text-decoration-skip-ink: none;
}
address {
    margin-bottom: 0;
    font-style: normal;
}
dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 0;
}
dt {
    font-weight: 700;
}
dd {
    margin-bottom: 0;
    margin-left: 0;
}
blockquote {
    margin: 0;
}
b,
strong {
    font-weight: bolder;
}
small {
    font-size: 80%;
}
sub,
sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
a {
    -webkit-transition: all 0.3s ease;
    -o-transition: 0.3s ease all;
    transition: all 0.3s ease;
    background-color: transparent;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none;
}
a:hover {
    color: var(--main-color);
}
a,
a label {
    cursor: pointer;
}
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
    outline: 0;
}
code,
kbd,
pre,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
}
pre {
    margin-top: 0;
    margin-bottom: 0;
    overflow: auto;
}
figure {
    display: table !important;
    margin: 0 auto;
}
figcaption {
    display: table-caption;
    caption-side: bottom;    
    background-color: #f2f2f2;
    color: var(--main-color);
    font-size: 16px;
    padding: 10px 15px 8px;
    font-weight: 400;
    line-height: 1.5;
}
img {
    border-style: none;
}
img,
svg {
    vertical-align: middle;
}
svg {
    overflow: hidden;
}
table {
    border-collapse: collapse;
}
caption {
    padding-top: 0;
    padding-bottom: 0;
    caption-side: bottom;
    color: #666;
    text-align: left;
}
th {
    text-align: inherit;
}
label {
    display: inline-block;
    margin-bottom: 0;
}
button,
input,
optgroup,
select,
textarea {
    -webkit-transition: all 0.3s ease;
    -o-transition: 0.3s ease all;
    transition: all 0.3s ease;
    margin: 0;
    border: none;
    border-radius: 0;
    overflow: visible;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
}
button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
    -webkit-box-shadow: 0 0 10px 1px rgba(35, 58, 122, 0.1);
    outline: thin solid var(--main-color);
    box-shadow: 0 0 10px 1px rgba(35, 58, 122, 0.1);
}
select {
    word-wrap: normal;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
    -webkit-appearance: listbox;
}
textarea {
    overflow: auto;
    resize: vertical;
}
fieldset {
    margin: 0;
    border: 0;
    padding: 0;
    min-width: 0;
}
legend {
    display: block;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    color: inherit;
    font-size: 1.5rem;
    line-height: inherit;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: none;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
output {
    display: inline-block;
}
summary {
    display: list-item;
    cursor: pointer;
}
template {
    display: none;
}
.d-none,
.hidden,
[hidden] {
    display: none !important;
}
.button-next:focus,
.button-prev:focus,
a:focus {
    outline: none;
}
img {
    max-width: 100%;
    height: auto;
}
.ri-address-fill:before {
   font-family: FontAwesome;
   content: "\f3c5";
   font-size: 15px;
   color: #bcbcbc; 
}
.ri-phone-num-fill:before {
   font-family: FontAwesome;
   content: "\f879";
   font-size: 15px; 
   color: #bcbcbc;  
}
.ri-email-fill:before {
   font-family: FontAwesome;
   content: "\f0e0";
   font-size: 15px;  
   color: #bcbcbc;  
}
.section-pt {
   padding-top: clamp(2.813rem, 3vw + 1.75rem, 4.063rem);
}
.section-pb {
   padding-bottom: clamp(2.813rem, 3vw + 1.75rem, 4.063rem);
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.mx-auto {
    margin: 0 auto;
}
.my-auto {
    margin: auto 0;
}
.text-center {
    text-align: center !important;
}
.text-italic {
   font-style: italic;
}
.text-justify {
   -moz-text-align-last: left;
   text-align: justify;
   text-align-last: left;
}
.text-left {
   text-align: left !important;
}
.text-right {
    text-align: right;
}
.text-white {
    color: var(--text-white-color) !important;
}
.text-black {
    color: #000;
}
.text-dark {
    color: var(--dark-color);
}
.text-main {
    color: var(--main-color);
}
.text-yellow {
   color: var(--yellow-color)
}
.text-white-red {
   color: var(--white-red-color)
}
.text-main-1 {
   color: var(--main-1-color);
}
.text-eee {
   color: #e5e5e5;
}
.text-ccc {
   color: #ccc;
}
.text-warning {
    color: var(--red-color);
}
.text-red {
    color: #980517;
}
.text-main-hover:hover a{
    text-shadow: 0 0 1px var(--main-color);
}
.text-link-main a {
    color: var(--main-color);
}
@media (min-width: 1280px) {
    .text-link-main a:hover {
        color: var(--hover-color);
    }    
}
.text-link-dark a {
   color: var(--dark-color);
}
.text-link-dark a:hover {
   color: var(--red-color);
}    
.text-link-red a {
   color: var(--red-color);
}
@media (min-width: 1280px) {
   .text-link-red a:hover {
       color: var(--main-color);
   }    
}
.text-link-white a {
   color: #f3f6fb;
}
@media (min-width: 1280px) {
   .text-link-white a:hover {
       color: var(--main-color);
   }    
}
.text-link-ccc a {
   color: #ccc;
}
.text-link-ccc a:hover {
      color: var(--hover-color);
}
.text-link-eee a {
   color: #e5e5e5;
}
@media (min-width: 1280px) {
   .text-link-eee a:hover {
       color: #fff;
   }    
}
.text-light-blue {
    color: #fff;
}
.text-light-blue2 {
    color: #fff;
}
.text-light-blue3 {
    color: #0082c4;
}
.text-67 {
    color: #676767;
}
.text-33 {
    color: #333;
}
.text-66 {
    color: #666;
}
.text-99 {
    color: #999;
}
.text-bb {
    color: #bbb;
}
.text-red {
    color: #e30613;
}
.text-green {
    color: #098b47;
}
.text-orange {
    color: #cc5733;
}
.text-up {
    text-transform: uppercase;
}
.text-normal {
   text-transform: none;  
}
.bg-white {
    background-color: #fff;
}

.button-next,
.button-prev {
    cursor: pointer;
}
.type-none {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.zoom-img {
    overflow: hidden;
}
.overflow-hidden {
   overflow: hidden;
}
.zoom-img img {
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 1280px) {
   .zoom-img:hover img {
      -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
      transform: scale(1.02);
   }
}
.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.line-1,
.lh-1,
.lh-10 {
    line-height: 1;
}
.lh-11 {
    line-height: 1.1;
}
.lh-12 {
    line-height: 1.2;
}
.lh-13 {
    line-height: 1.3;
}
.lh-14 {
    line-height: 1.4;
}
.lh-16 {
    line-height: 1.6;
}
.lh-18 {
    line-height: 1.8;
}
.lh-20 {
   line-height: 2.0;
}
.fz-12 {
    font-size: 12px;
}
.fz-13 {
    font-size: 13px;
}
.fz-14 {
    font-size: 14px;
}
.fz-15 {
    font-size: 15px;
}
.fz-16 {
    font-size: 16px;
}
.fz-17 {
   font-size: 17px;
}
.fz-18 {
   font-size: 18px;
}
.fz-19 {
   font-size: 19px;
}
.fz-20 {
    font-size: 20px;
}
.fz-21 {
   font-size: 21px;
}
.fz-22 {
    font-size: 22px;
}
.fz-24 {
    font-size: 24px;
}

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

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

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

.fz-32 {
   font-size: 32px;
}
.fz-34 {
   font-size: 34px;
}
.fz-36 {
    font-size: 36px;
}

.fz-40 {
    font-size: 40px;
}
.fz-42 {
   font-size: 42px;
}
.fz-44 {
    font-size: 44px;
}

.fz-48 {
    font-size: 48px;
}
.fz-50 {
   font-size: 50px;
}
.fz-55 {
   font-size: 55px;
}
.fz-60 {
    font-size: 60px;
}

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

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

.height-100 {
   height: 100%
}
.content-div-height-scale {
   display: block;
   position: relative;
   overflow: hidden;
}
.content-div-height-scale {
   padding-top: 100%;
}
@media (min-width: 768px) {
   .content-div-height-scale {
      padding-top: 40%;
   }
}
@media (min-width: 1024px) {
   .content-div-height-scale {
      padding-top: 35%;
   }
}
@media (min-width: 1280px) {
   .content-div-height-scale {
      padding-top: 35%;
   }
}
@media (min-width: 1440px) {
   .content-div-height-scale {
      padding-top: 35%;
   }
}
.content-scale {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
}
.img-scale {
   display: block;
   position: relative;
   overflow: hidden;
}
.img-scale {
   padding-top: 56.25%;
}

@media (min-width: 1280px) {
   .img-scale {
      padding-top: 56.25%;
   }
}
.img-scale img {
   -o-object-fit: cover;
   -webkit-transition: all 0.2s ease-in-out;
   -o-transition: 0.2s ease-in-out all;
   position: absolute;
   top: 0;
   left: 0;
   transition: all 0.2s ease-in-out;
   width: 100%;
   height: 100%;
   object-fit: cover;
   background-color: #e5e5e5;
}
.album-item .img-scale {
   padding-top: 50%;
}
.img-column .img-scale img {
   background-color: transparent;
}
.home-banner-image .img-scale img {
   background-color: transparent;
}
.img-border-10 .img-scale {
   border-radius: 10px;
}
.img-border-5 .img-scale {
   border-radius: 5px;
}
.img-border-10-top .img-scale {
   border-top-right-radius: 10px;
   border-top-left-radius: 10px;
}

.modulepager .pagination {
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0;
   list-style-type: none;
   margin-top: 40px;
}
.modulepager .display-none {
   display: none !important;
}
.modulepager .pagination,
.modulepager .pagination li {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.modulepager .pagination li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 5px;
    color: var(--main-color);
}
.modulepager .pagination li em {
   font-size: 18px;
}

.modulepager .pagination li:last-child {
    margin-right: 0;
}
.modulepager .pagination li a,
.modulepager .pagination li span {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #888;
    width: 32px;
    height: 32px;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    border-radius: 2px;
}
.modulepager .pagination li.active a,
.modulepager .pagination li.active span,
.modulepager .pagination li:hover a,
.modulepager .pagination li:hover span {
    background: var(--main-color);
    color: #fff;
}
@media (min-width: 1024px) {
    .modulepager .pagination li a,
    .modulepager .pagination li span {
        width: 35px;
        height: 35px;
    }
}
/*Phân trang*/

/************* style-check-box *************/

.list-with-square {
   list-style: square;
   padding-left: 16px;
 }
 .list-with-square li {
   list-style-position: outside;
 }
 .list-with-square li:not(:last-child) {
   margin-bottom: 15px;
 }
.list-with-icon {
  margin: 0;
  padding: 0;
}
.list-with-icon li {
  list-style: none;
}
.list-with-icon li:not(:last-child) {
  margin-bottom: 10px;
}
.list-with-icon i {
   display: inline-block;
   margin-right: 10px;
   color: var(--dark-icon-color);  
   font-size: 16px;
   font-weight: 300;
}
.list-with-icon.main-color i {
   color: var(--main-color);  
}
.list-with-icon.main-1-color i {
   color: #aaa;  
}
.list-with-icon.eee-color i {
   color: #e5e5e5;  
}
/************* style-check-box *************/

@media (min-width: 1280px) {
   .flexbox-item {
      display: flex;
      flex-wrap: wrap;
      row-gap: 20px;
   }
}
.title-bt-line {
  position: relative;
}
.title-bt-line {
   padding-bottom: 5px;
   margin-bottom: 20px;
}
.title-bt-line:before {
  content: "";
  position: absolute;    
  width: 75px;
  left: 0;
  bottom: 0;
  z-index: 1; 
  border-bottom: 1px solid var(--main-color); 
}
.footer-module-column .title-bt-line:before {
  border-color: var(--red-color);
}
.section-heading-title {
  text-align: center;
  padding-bottom: 10px;
}

.section-heading-title h2 {
  margin-bottom: 30px;
  padding-bottom: 10px;
  position: relative;
}
.home-projects-section .section-heading-title h2 {
   margin-bottom: 0;
 }
 .other-project-section .section-heading-title h2 {
   margin-bottom: 0;
 }
.section-heading-title h2::before {
  content: '';
  position: absolute;
  display: block;
  width: 150px;
  /* height: 1px; */
  border-bottom: 1px solid var(--white-color);
  bottom: 1px;
  left: calc(50% - 75px);
}
.section-heading-title h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 30px;
  border-bottom: 3px solid var(--main-color);
  bottom: 0;
  left: calc(50% - 15px);
}
.section-heading-title.main-bbb h2::before {
   border-color: #bbb;
}
.section-heading-title.main-bbb h2::after {
   border-color: var(--main-color);
}

.section-heading-title.style-1 h2::before {
   background: var(--bg-6-color);
}

.header-title-bd-left {
   padding: 10px 15px;
   background-color: var(--bg-1-color);
   border-left: 5px solid var(--main-color);
 }
 .header-title-bd-left-bbb {
   padding: 10px 15px;
   background-color: var(--bg-1-color);
   border-left: 5px solid #bbb;
 }
.image-relative-inner {
   position: relative;
}

/* @media screen and (min-width: 1280px) {
   .image-caption .bg-title {
      padding: 12px 15px 10px;
   }
} */
/* Tiêu đề Absolute */


/* Header Style */
.home-banner .swiper-slide {
   height: auto;
}
#hero-animated {
   position: relative;
   height: 100%;
 }
#hero-animated > .header-wrap {
   position: relative;
   z-index: 100;
   bottom: 0; 
   width: 100%;

}
#hero-animated > .header-child-wrap {
   position: relative;
   z-index: 100;
   bottom: 0; 
   width: 100%;
   padding-top: clamp(1.25rem, 1vw + 1rem, 1.563rem);
   padding-bottom: clamp(1.25rem, 1vw + 1rem, 1.563rem);
   /* padding: 30px 0 10px; */
}

.hero-animated {
   height: auto;
   width: 100%;
   position: relative;
   display: block;
}

.header-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.hero-animated .wf-td {
  display: block;
  width: 100%;
  text-align: center;
}
#hero-animated .wf-table {
  display: table-cell;
  vertical-align: bottom;
}
.hero-animated .entry-title {
   line-height: 1.4;
   margin-bottom: 20px;
   text-shadow: 2px 2px 4px #000;
   font-size: clamp(1.875rem, 1vw + 1.5rem, 2.25rem);
}
.hero-animated .entry-short {
   text-shadow: 2px 2px 4px #000;
}
.banner-info-wrapper {
   position: relative;
   width: 100%;
}
.banner-info-container {
   max-width: 750px;
   margin-left: auto;
   margin-right: auto;
}
.banner-content-wrapper {
   display: flex;
   flex-wrap: wrap;
   padding-top: clamp(3.125rem, 10vw + 1rem, 9.375rem);
   padding-bottom: clamp(3.125rem, 10vw + 1rem, 9.375rem);
}
.banner-logo {
   width: 100%;
   margin-bottom: 30px;
}
.logo-daitoc {
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
   justify-content: space-around;
   aspect-ratio: 1/1;
   padding: 10px;
   margin-left: auto;
   margin-right: auto;
   width: fit-content;
}
.logo-daitoc span {
   width: 100%;
   white-space: nowrap;
}
.logo-daitoc {
   /* width: 150px;
   height: 150px; */
   border: 5px solid #ffca78;
   background: -webkit-gradient(linear,left top,left bottom,from(#f9bc60),color-stop(20.31%,#ffca78),color-stop(53.12%,#fed9b7),color-stop(76.04%,#fac96a),to(#e0ab45));
   background: linear-gradient(180deg,#f9bc60,#ffca78 20.31%,#fed9b7 53.12%,#fac96a 76.04%,#e0ab45); 
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 1024px) {
   .banner-content-wrapper {
      flex-wrap: nowrap;
      justify-content: center;
   }
   .banner-logo {
      width: fit-content;
      margin-bottom: 0;
      margin-right: 30px;
   }
   .banner-info-wrapper {
      width: auto;
   }
   .hero-animated .entry-title {
      white-space: nowrap;
      line-height: 1.2;
      margin-bottom: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
   }
}
/* Header Style */

/* Footer */
footer {
   /* background: #f5f5f5; */
   padding-bottom: 0 !important;
}
footer .top-wrap .row > * {
   margin-top: 30px;
}
footer .title-ft {
   margin-bottom: 10px;
}
footer ul li {
   margin-bottom: 15px;
}
footer ul a {
  color: #666;
}
footer .social-list em {
  margin-right: 10px;
  text-decoration: none;
  font-style: normal;
}
footer .social-list a[href*=""],
footer .social-list a[href*=""]:hover {
  text-decoration: none;
}
footer .social-list a[href*=""]:hover span {
  text-decoration: underline;
}
footer .bottom-wrap {
   padding: 11px 0 10px;
   position: relative;
}
/* Footer */


.service-detail-button.center {
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
}

.project-detail-button {
   width: 100%;
   padding: 12px 10px 10px;
   background-color: var(--light-1-color);
   color: var(--white-color);
   display: inline-block;
}
.project-detail-button:hover,
.project-detail-button:active {
   background-color: var(--hover-color);
   color: var(--white-color);
}
.project-detail-button i {
   margin-left: 10px;
   font-size: 15px;
}





.news-libraries-column .flat-detail-button {
   display: none;
}



.solid-icon-detail-button {
   display: inline-block;
   padding: 9px 25px 7px;
   border-radius: 25px;
   width: 100%;
   text-align: center;
}
.row.btn-introduce {
   margin-left: 5px;
   margin-right: 5px;
}
.row.btn-introduce [class*="col-"] {
   padding-left: 5px;
   padding-right: 5px;
}
.btn-introduce-item.left {
   margin-bottom: 10px;
}
.btn-introduce-item.left,
.btn-introduce-item.right {
   text-align: center;
}
@media screen and (min-width: 576px) {
   .btn-introduce-item.left {
      text-align: right;
   }
   .btn-introduce-item.right {
      text-align: left;
   }
   .solid-icon-detail-button {
      width: fit-content;
   }
}
.solid-icon-detail-button,
.solid-icon-detail-button:hover {
   color: var(--white-color);
}
.solid-icon-detail-button:hover.main,
.solid-icon-detail-button:hover.warning {
   background-color: var(--main-1-color);
}
.solid-icon-detail-button.main {
   background-color: var(--main-color);
}
.solid-icon-detail-button.warning {
   background-color: var(--hover-color);
}

.display-table-cell {
   display: table;
}
.table-cell-item {
   display: table-cell;
}
.btn-center {
   text-align: center;
   padding-top: 20px;
}

/* Style for Nội dung */

.full-content > * {
   margin-bottom: 0;
   line-height: 1.7;
   margin-bottom: 15px;
}
.full-content > *:last-child {
   margin-bottom: 0;
}
.full-content p,
.full-content table,
.full-content div,
.full-content blockquote,
.full-content ol,
.full-content ul,
.full-content figure {
   margin-bottom: clamp(1rem, 4vw - 1.25rem, 1.563rem);
}
.full-content p,
.full-content div,
.full-content blockquote,
.full-content ol,
.full-content ul,
.full-content figure {
   text-align: justify;
}
.full-content .row,
.full-content img {
   display: block;
   margin-left: auto;
   margin-right: auto;
   height: auto !important;
   margin-bottom: 15px;
}
.full-content strong {
   font-weight: 500 !important;
   /* color: var(--main-color); */
}
.project-scope-content .full-content strong {
   color: var(--white-color);
}
.full-content figure img{
   margin-bottom: 0;
}
.full-content > p:last-child {
   margin-bottom: 0;
}
.full-content table {
   width: max(100%, 650px);
   line-height: 1.5;
}
.full-content table {
   border: 1px solid #b5b5b5 !important;
}
.full-content table td{
   border: 1px solid #b5b5b5 !important;
}
.full-content table td{
  padding: 5px 10px;
}
.full-content ol {
  --icon-space: 25px;
  list-style: none;
  padding: 0;
}
.congduc-item .full-content table tr td:nth-child(2) {
   white-space: nowrap;
}
.full-content ol > li {
  padding-left: var(--icon-space);
  margin-bottom: 15px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--main-color);
}
.full-content ol > li:before {
  content: "\f0fe";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
  /* color: #666; */
}
.full-content ul {
   list-style: square;
   padding-left: 18px;
 }
 .full-content ul > li {
   margin-bottom: 12px;
   list-style-position: outside;
 }
.full-content a {
   color: var(--main-color);
}
.item-shadow-wrapper {
   padding-top: 10px;
   padding-bottom: 10px;
}
.item-shadow {
   background-color: var(--white-color);
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.item-br {
   border-radius: clamp(0.625rem, 3vw - 1.25rem, 0.938rem);
}
.item-br-10 {
   border-radius: 0.6rem;
}
@media screen and (min-width: 768px) {
   .item-br-res {
      border-radius: clamp(0.625rem, 3vw - 1.25rem, 0.938rem);
   }
}
.pd-large {
   padding-left: clamp(1.25rem, 5vw - 1rem, 3.125rem);
   padding-right: clamp(1.25rem, 5vw - 1rem, 3.125rem);
   padding-top: clamp(1.25rem, 5vw - 1rem, 3.125rem);
   padding-bottom: clamp(1.25rem, 5vw - 1rem, 3.125rem);
   /* 20-50px */
}
.mb-10 {
   margin-bottom: 10px;
}