@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-2-color: #233a7a;
    --main-color: #2a64a9;
    --main-1-color: #2e9cca;
    --hover-color: #964734;
    /* --warning-color: #d9534f; */
    /* --success-color: #5cb85c;
    --danger-color: #f0ad4e; */
    --white-color: #fff;
    --white-2-color: #f7f7f7;
    --red-color: #964734;
    --red-2-color: #c73734;
    --bg-6-color: #ebeef6;
    --bg-7-color: #d4e5f2;
    /* --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;
}
@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;
    line-height: 1.5;
    scroll-behavior: smooth;
}
body {
    margin: 0 auto;
    background-color: var(--main-color);
    max-width: 100%;
    color: #000;
    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;
    font-size: 14px;
}
@media (min-width: 1024px) {
    body,
    html {
        font-size: 15px;
    }
}
@media (min-width: 1280px) {
    body,
    html {
        font-size: 16px;
    }
}
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 */
}
main {
   overflow: hidden;
}

main .news-detail-page {
   overflow: hidden;
}
@media screen and (min-width: 1024px) {
   .news-detail-page {
   overflow: visible;
}
}

/* Container Style */
.container {
   margin-right: auto;
   margin-left: auto;
   padding-right: 10px;
   padding-left: 10px;
   width: 100%;   
}
.container-service-item-wide {
   margin-right: auto;
   margin-left: auto;
   padding-right: 0;
   padding-left: 0;
   width: 100%;   
}
.container-video-detail {
   margin-right: auto;
   margin-left: auto;
   width: 100%;   
}
.container.small {
   max-width: 1100px;
}
.container.medium {
   max-width: 1280px;
}
.container-service-item-wide.medium {
   max-width: 1280px;
}
.container-service-item-wide.large {
   max-width: 1440px;
}
.container-video-detail {
   max-width: 1280px;
}
.container.large {
   max-width: 1440px;
}

@media (max-width: 1024px) {
   .container.project-cat {
      padding-right: 0;
      padding-left: 0;
   }
   .container.project-cat-home {
      padding-right: 0;
      padding-left: 0;
   }
}
.container.news-libraries {
   padding-left: 20px;
   padding-right: 20px;
   overflow: hidden;
}
.container.wide {
   max-width: 1600px;
}
.container-wide-header-menu {
   margin-right: auto;
   margin-left: auto;
   padding-right: 15px;
   padding-left: 15px;
   width: 100%; 
   max-width: 1750px;
}
.container.wide-full {
   max-width: 1750px;
}
.container.news-libraries {
   max-width: 1750px;
}
.container-full {
   margin-right: auto;
   margin-left: auto;
   /* padding-left: 15px;
   padding-right: 15px; */
   width: 100%;
}
.container-full-news-libraries {
   margin-right: auto;
   margin-left: auto;
   padding-left: 15px;
   padding-right: 15px;
   width: 100%;
}
.news-libraries-column {
   padding-left: 0;
   padding-right: 0;
}
@media (min-width: 768px) {
   .container {
      padding-left: 30px;
      padding-right: 30px;
   } 
   .container.news-libraries {
      padding-left: 0;
      padding-right: 0;
   }
   .news-libraries-column {
      padding-left: 15px;
      padding-right: 15px;
   }
}
@media (min-width: 1024px) {
   .container,
   .container-service-item-wide,
   .container-video-detail {
      padding-left: 50px;
      padding-right: 50px;
   } 
   .news-libraries-column {
      padding-left: 35px;
      padding-right: 35px;
   }
   /* .container.news-libraries {
      padding-left: 20px;
      padding-right: 20px;
   } */
}
@media (min-width: 1280px) {
   .container,
   .container-service-item-wide,
   .container-video-detail {
      padding-left: 70px;
      padding-right: 70px;
   } 
   /* .news-libraries-column {
      padding-left: 20px;
      padding-right: 20px;
   } */
   /* .container.news-libraries {
      padding-left: 0;
      padding-right: 0;
   } */
}
@media (min-width: 1440px) {
   .container,
   .container-service-item-wide,
   .container-video-detail {
      padding-left: 100px;
      padding-right: 100px;
   } 
   .container.news-libraries {
      padding-left: 20px;
      padding-right: 20px;
      max-width: 1560px;
   }
}
/* 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-100 {
   padding-top: 100px;
   padding-bottom: 100px;
}
.section-100-video-detail {
   padding-top: 100px;
   padding-bottom: 0;
}
.section-100-project-section-home {
   padding-top: 100px;
   padding-bottom: 0;
}
@media (min-width: 1024px) {
   .section-100-project-section-home {
      padding-bottom: 100px;
   }  
   .section-100-video-detail {
      padding-bottom: 100px;
   }
}
.section-100-75 {
   padding-top: 100px;
   padding-bottom: 75px;
}
.section-75-100 {
   padding-top: 75px;
   padding-bottom: 100px;
}
.section-100-50 {
   padding-top: 100px;
   padding-bottom: 50px;
}
.section-100-30 {
   padding-top: 100px;
   padding-bottom: 30px;
}
.section-100-20 {
   padding-top: 100px;
   padding-bottom: 20px;
}
.section-50-100 {
   padding-top: 50px;
   padding-bottom: 100px;
}
.section-30-100 {
   padding-top: 30px;
   padding-bottom: 100px;
}
.section-100-0 {
   padding-top: 100px;
   padding-bottom: 0;
}
.section-0-100 {
   padding-top: 0;
   padding-bottom: 100px;
}
.section-3-100 {
   padding-top: 3px;
   padding-bottom: 100px;
}
.section-1 {
   padding-top: 1px;
   padding-bottom: 1px;
}
.section-10 {
   padding-top: 10px;
   padding-bottom: 10px;
}
.section-20 {
   padding-top: 20px;
   padding-bottom: 20px;
}
.section-5 {
   padding-top: 5px;
   padding-bottom: 5px;
}
.section-0-5 {
   padding-bottom: 5px;
}
.section-1-0 {
   padding-top: 1px;
   padding-bottom: 0;
}
.section-75 {
   padding-top: 75px;
   padding-bottom: 75px;
}
.section-75.service-item-wide:not(:last-child) {
   padding-bottom: 0;
}
.service-category-scroll {
   padding-top: 50px;
   padding-bottom: 75px;
}
@media (min-width: 1024px) {
   .section-75.service-item-wide:not(:last-child) {
      padding-bottom: 75px;
   }  
   .service-category-scroll {
      padding-top: 0;
   }
}

.section-75-50 {
   padding-top: 75px;
   padding-bottom: 50px;
}
.section-75-0 {
   padding-top: 75px;
   padding-bottom: 0;
}
.section-75-30 {
   padding-top: 75px;
   padding-bottom: 30px;
}
.section-50 {
   padding-top: 50px;
   padding-bottom: 50px;
}
.section-50.main-equipment-item:first-child {
   padding-top: 100px;
}
.section-50.main-equipment-item:last-child {
   padding-bottom: 100px;
}
.section-50.service-item-wide:first-child {
   padding-top: 100px;
}
.section-50.service-item-wide:last-child {
   padding-bottom: 100px;
}
.section-2-50 {
   padding-top: 2px;
   padding-bottom: 50px;
}
.section-0-50 {
   padding-top: 0;
   padding-bottom: 50px;
}
.section-50-0 {
   padding-top: 50px;
   padding-bottom: 0px;
}
.section-top-0 {
   padding-top: 0;
}
.section-bottom-75 {
   padding-bottom: 75px;
}
.section-2 {
   padding-top: 2px;
   padding-bottom: 2px;
}
.mb-10 {
   margin-bottom: 10px;
}
.mb-20 {
   margin-bottom: 20px;
}
.mb-30 {
   margin-bottom: 30px;
}
.mb-40 {
   margin-bottom: 40px;
}
.mb-50 {
   margin-bottom: 50px;
}
.mt-10 {
   margin-top: 10px;
}
.mt-20 {
   margin-top: 20px;
}
.mt-30 {
   margin-top: 30px;
}
.mt-40 {
   margin-top: 40px;
}
.mt-50 {
   margin-top: 50px;
}
.pb-30 {
   padding-bottom: 20px;
}
.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)
}
.text-black {
    color: #000;
}
.text-dark {
    color: var(--dark-color);
}
.text-main {
    color: var(--main-color);
}
.text-main-1 {
   color: var(--main-1-color);
}
.text-main-2 {
   color: var(--main-2-color);
}
.text-eee {
   color: #e5e5e5;
}
.text-ccc {
   color: #ccc;
}
.text-warning {
    color: var(--red-color);
}
.text-red {
    color: #980517;
}
.text-red-2 {
    color: var(--red-2-color);
}
.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(--hover-color);
   }    
}
.text-link-ccc a {
   color: #ccc;
}
.text-link-ccc a:hover {
      color: var(--hover-color);
}
.text-link-eee a {
   color: #e5e5e5;
}

.text-link-ddd a {
   color: #ddd;
}
.text-link-ddd a:hover {
      color: var(--white-color);
}


@media (min-width: 1280px) {
   .text-link-eee a:hover {
       color: var(--warning-color);
   }    
}
.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-gradient-a {
   background-image: linear-gradient(112.5deg, rgba(232, 232, 232, 0.03) 0%, rgba(232, 232, 232, 0.03) 2%,rgba(231, 231, 231, 0.03) 2%, rgba(231, 231, 231, 0.03) 4%,rgba(231, 231, 231, 0.03) 4%, rgba(231, 231, 231, 0.03) 11%,rgba(2, 2, 2, 0.03) 11%, rgba(2, 2, 2, 0.03) 67%,rgba(231, 231, 231, 0.03) 67%, rgba(231, 231, 231, 0.03) 90%,rgba(111, 111, 111, 0.03) 90%, rgba(111, 111, 111, 0.03) 100%),linear-gradient(157.5deg, rgba(210, 210, 210, 0.03) 0%, rgba(210, 210, 210, 0.03) 17%,rgba(254, 254, 254, 0.03) 17%, rgba(254, 254, 254, 0.03) 18%,rgba(96, 96, 96, 0.03) 18%, rgba(96, 96, 96, 0.03) 44%,rgba(159, 159, 159, 0.03) 44%, rgba(159, 159, 159, 0.03) 70%,rgba(24, 24, 24, 0.03) 70%, rgba(24, 24, 24, 0.03) 82%,rgba(16, 16, 16, 0.03) 82%, rgba(16, 16, 16, 0.03) 100%),linear-gradient(22.5deg, rgba(47, 47, 47, 0.03) 0%, rgba(47, 47, 47, 0.03) 32%,rgba(124, 124, 124, 0.03) 32%, rgba(124, 124, 124, 0.03) 40%,rgba(200, 200, 200, 0.03) 40%, rgba(200, 200, 200, 0.03) 42%,rgba(16, 16, 16, 0.03) 42%, rgba(16, 16, 16, 0.03) 64%,rgba(243, 243, 243, 0.03) 64%, rgba(243, 243, 243, 0.03) 94%,rgba(93, 93, 93, 0.03) 94%, rgba(93, 93, 93, 0.03) 100%),linear-gradient(90deg, rgb(22,131,207),rgb(7,123,215));
}
.bg-gradient-b {
   background-image: radial-gradient(circle at 67% 83%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 1%,transparent 1%, transparent 5%,transparent 5%, transparent 100%),radial-gradient(circle at 24% 80%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 27%,transparent 27%, transparent 63%,transparent 63%, transparent 100%),radial-gradient(circle at 23% 5%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 26%,transparent 26%, transparent 82%,transparent 82%, transparent 100%),radial-gradient(circle at 21% 11%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 35%,transparent 35%, transparent 45%,transparent 45%, transparent 100%),radial-gradient(circle at 10% 11%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 21%,transparent 21%, transparent 81%,transparent 81%, transparent 100%),radial-gradient(circle at 19% 61%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 20%,transparent 20%, transparent 61%,transparent 61%, transparent 100%),radial-gradient(circle at 13% 77%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 63%,transparent 63%, transparent 72%,transparent 72%, transparent 100%),radial-gradient(circle at 30% 93%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 33%,transparent 33%, transparent 82%,transparent 82%, transparent 100%),linear-gradient(90deg, rgb(22,131,207),rgb(7,123,215));
}

.bg-gradient-c {
   background-image: linear-gradient(55deg, rgba(208, 208, 208, 0.03) 0%, rgba(208, 208, 208, 0.03) 20%,rgba(55, 55, 55, 0.03) 20%, rgba(55, 55, 55, 0.03) 40%,rgba(81, 81, 81, 0.03) 40%, rgba(81, 81, 81, 0.03) 60%,rgba(208, 208, 208, 0.03) 60%, rgba(208, 208, 208, 0.03) 80%,rgba(191, 191, 191, 0.03) 80%, rgba(191, 191, 191, 0.03) 100%),linear-gradient(291deg, rgba(190, 190, 190, 0.02) 0%, rgba(190, 190, 190, 0.02) 14.286%,rgba(105, 105, 105, 0.02) 14.286%, rgba(105, 105, 105, 0.02) 28.572%,rgba(230, 230, 230, 0.02) 28.572%, rgba(230, 230, 230, 0.02) 42.858%,rgba(216, 216, 216, 0.02) 42.858%, rgba(216, 216, 216, 0.02) 57.144%,rgba(181, 181, 181, 0.02) 57.144%, rgba(181, 181, 181, 0.02) 71.42999999999999%,rgba(129, 129, 129, 0.02) 71.43%, rgba(129, 129, 129, 0.02) 85.71600000000001%,rgba(75, 75, 75, 0.02) 85.716%, rgba(75, 75, 75, 0.02) 100.002%),linear-gradient(32deg, rgba(212, 212, 212, 0.03) 0%, rgba(212, 212, 212, 0.03) 12.5%,rgba(223, 223, 223, 0.03) 12.5%, rgba(223, 223, 223, 0.03) 25%,rgba(11, 11, 11, 0.03) 25%, rgba(11, 11, 11, 0.03) 37.5%,rgba(86, 86, 86, 0.03) 37.5%, rgba(86, 86, 86, 0.03) 50%,rgba(106, 106, 106, 0.03) 50%, rgba(106, 106, 106, 0.03) 62.5%,rgba(220, 220, 220, 0.03) 62.5%, rgba(220, 220, 220, 0.03) 75%,rgba(91, 91, 91, 0.03) 75%, rgba(91, 91, 91, 0.03) 87.5%,rgba(216, 216, 216, 0.03) 87.5%, rgba(216, 216, 216, 0.03) 100%),linear-gradient(312deg, rgba(113, 113, 113, 0.01) 0%, rgba(113, 113, 113, 0.01) 14.286%,rgba(54, 54, 54, 0.01) 14.286%, rgba(54, 54, 54, 0.01) 28.572%,rgba(166, 166, 166, 0.01) 28.572%, rgba(166, 166, 166, 0.01) 42.858%,rgba(226, 226, 226, 0.01) 42.858%, rgba(226, 226, 226, 0.01) 57.144%,rgba(109, 109, 109, 0.01) 57.144%, rgba(109, 109, 109, 0.01) 71.42999999999999%,rgba(239, 239, 239, 0.01) 71.43%, rgba(239, 239, 239, 0.01) 85.71600000000001%,rgba(54, 54, 54, 0.01) 85.716%, rgba(54, 54, 54, 0.01) 100.002%),linear-gradient(22deg, rgba(77, 77, 77, 0.03) 0%, rgba(77, 77, 77, 0.03) 20%,rgba(235, 235, 235, 0.03) 20%, rgba(235, 235, 235, 0.03) 40%,rgba(215, 215, 215, 0.03) 40%, rgba(215, 215, 215, 0.03) 60%,rgba(181, 181, 181, 0.03) 60%, rgba(181, 181, 181, 0.03) 80%,rgba(193, 193, 193, 0.03) 80%, rgba(193, 193, 193, 0.03) 100%),linear-gradient(80deg, rgba(139, 139, 139, 0.02) 0%, rgba(139, 139, 139, 0.02) 14.286%,rgba(114, 114, 114, 0.02) 14.286%, rgba(114, 114, 114, 0.02) 28.572%,rgba(240, 240, 240, 0.02) 28.572%, rgba(240, 240, 240, 0.02) 42.858%,rgba(221, 221, 221, 0.02) 42.858%, rgba(221, 221, 221, 0.02) 57.144%,rgba(74, 74, 74, 0.02) 57.144%, rgba(74, 74, 74, 0.02) 71.42999999999999%,rgba(201, 201, 201, 0.02) 71.43%, rgba(201, 201, 201, 0.02) 85.71600000000001%,rgba(187, 187, 187, 0.02) 85.716%, rgba(187, 187, 187, 0.02) 100.002%),linear-gradient(257deg, rgba(72, 72, 72, 0.03) 0%, rgba(72, 72, 72, 0.03) 16.667%,rgba(138, 138, 138, 0.03) 16.667%, rgba(138, 138, 138, 0.03) 33.334%,rgba(54, 54, 54, 0.03) 33.334%, rgba(54, 54, 54, 0.03) 50.001000000000005%,rgba(161, 161, 161, 0.03) 50.001%, rgba(161, 161, 161, 0.03) 66.668%,rgba(17, 17, 17, 0.03) 66.668%, rgba(17, 17, 17, 0.03) 83.33500000000001%,rgba(230, 230, 230, 0.03) 83.335%, rgba(230, 230, 230, 0.03) 100.002%),linear-gradient(47deg, rgba(191, 191, 191, 0.01) 0%, rgba(191, 191, 191, 0.01) 16.667%,rgba(27, 27, 27, 0.01) 16.667%, rgba(27, 27, 27, 0.01) 33.334%,rgba(66, 66, 66, 0.01) 33.334%, rgba(66, 66, 66, 0.01) 50.001000000000005%,rgba(36, 36, 36, 0.01) 50.001%, rgba(36, 36, 36, 0.01) 66.668%,rgba(230, 230, 230, 0.01) 66.668%, rgba(230, 230, 230, 0.01) 83.33500000000001%,rgba(93, 93, 93, 0.01) 83.335%, rgba(93, 93, 93, 0.01) 100.002%),linear-gradient(90deg, #006400, green);
}
.bg-gradient-d {
   background-image: linear-gradient(112.5deg, rgba(232, 232, 232, 0.03) 0%, rgba(232, 232, 232, 0.03) 2%,rgba(231, 231, 231, 0.03) 2%, rgba(231, 231, 231, 0.03) 4%,rgba(231, 231, 231, 0.03) 4%, rgba(231, 231, 231, 0.03) 11%,rgba(2, 2, 2, 0.03) 11%, rgba(2, 2, 2, 0.03) 67%,rgba(231, 231, 231, 0.03) 67%, rgba(231, 231, 231, 0.03) 90%,rgba(111, 111, 111, 0.03) 90%, rgba(111, 111, 111, 0.03) 100%),linear-gradient(157.5deg, rgba(210, 210, 210, 0.03) 0%, rgba(210, 210, 210, 0.03) 17%,rgba(254, 254, 254, 0.03) 17%, rgba(254, 254, 254, 0.03) 18%,rgba(96, 96, 96, 0.03) 18%, rgba(96, 96, 96, 0.03) 44%,rgba(159, 159, 159, 0.03) 44%, rgba(159, 159, 159, 0.03) 70%,rgba(24, 24, 24, 0.03) 70%, rgba(24, 24, 24, 0.03) 82%,rgba(16, 16, 16, 0.03) 82%, rgba(16, 16, 16, 0.03) 100%),linear-gradient(22.5deg, rgba(47, 47, 47, 0.03) 0%, rgba(47, 47, 47, 0.03) 32%,rgba(124, 124, 124, 0.03) 32%, rgba(124, 124, 124, 0.03) 40%,rgba(200, 200, 200, 0.03) 40%, rgba(200, 200, 200, 0.03) 42%,rgba(16, 16, 16, 0.03) 42%, rgba(16, 16, 16, 0.03) 64%,rgba(243, 243, 243, 0.03) 64%, rgba(243, 243, 243, 0.03) 94%,rgba(93, 93, 93, 0.03) 94%, rgba(93, 93, 93, 0.03) 100%),linear-gradient(90deg, #40E0D0, #ccc);
}

.bg-gradient-3a {
   background-image: radial-gradient(circle at 67% 83%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 1%,transparent 1%, transparent 5%,transparent 5%, transparent 100%),radial-gradient(circle at 24% 80%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 27%,transparent 27%, transparent 63%,transparent 63%, transparent 100%),radial-gradient(circle at 23% 5%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 26%,transparent 26%, transparent 82%,transparent 82%, transparent 100%),radial-gradient(circle at 21% 11%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 35%,transparent 35%, transparent 45%,transparent 45%, transparent 100%),radial-gradient(circle at 10% 11%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 21%,transparent 21%, transparent 81%,transparent 81%, transparent 100%),radial-gradient(circle at 19% 61%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 20%,transparent 20%, transparent 61%,transparent 61%, transparent 100%),radial-gradient(circle at 13% 77%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 63%,transparent 63%, transparent 72%,transparent 72%, transparent 100%),radial-gradient(circle at 30% 93%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 33%,transparent 33%, transparent 82%,transparent 82%, transparent 100%),linear-gradient(90deg,rgb(7,123,215), rgb(74, 174, 246));
}

.bg-gradient-1 {
   background-image: linear-gradient(112.5deg, rgba(232, 232, 232, 0.03) 0%, rgba(232, 232, 232, 0.03) 2%,rgba(231, 231, 231, 0.03) 2%, rgba(231, 231, 231, 0.03) 4%,rgba(231, 231, 231, 0.03) 4%, rgba(231, 231, 231, 0.03) 11%,rgba(2, 2, 2, 0.03) 11%, rgba(2, 2, 2, 0.03) 67%,rgba(231, 231, 231, 0.03) 67%, rgba(231, 231, 231, 0.03) 90%,rgba(111, 111, 111, 0.03) 90%, rgba(111, 111, 111, 0.03) 100%),linear-gradient(157.5deg, rgba(210, 210, 210, 0.03) 0%, rgba(210, 210, 210, 0.03) 17%,rgba(254, 254, 254, 0.03) 17%, rgba(254, 254, 254, 0.03) 18%,rgba(96, 96, 96, 0.03) 18%, rgba(96, 96, 96, 0.03) 44%,rgba(159, 159, 159, 0.03) 44%, rgba(159, 159, 159, 0.03) 70%,rgba(24, 24, 24, 0.03) 70%, rgba(24, 24, 24, 0.03) 82%,rgba(16, 16, 16, 0.03) 82%, rgba(16, 16, 16, 0.03) 100%),linear-gradient(22.5deg, rgba(47, 47, 47, 0.03) 0%, rgba(47, 47, 47, 0.03) 32%,rgba(124, 124, 124, 0.03) 32%, rgba(124, 124, 124, 0.03) 40%,rgba(200, 200, 200, 0.03) 40%, rgba(200, 200, 200, 0.03) 42%,rgba(16, 16, 16, 0.03) 42%, rgba(16, 16, 16, 0.03) 64%,rgba(243, 243, 243, 0.03) 64%, rgba(243, 243, 243, 0.03) 94%,rgba(93, 93, 93, 0.03) 94%, rgba(93, 93, 93, 0.03) 100%),linear-gradient(90deg, #ffffff,#ffffff);
}
.bg-gradient-2 {
   background: linear-gradient(to top, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at bottom center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898;
   background-blend-mode: multiply,multiply;
}
.bg-gradient-3 {
   background-image: radial-gradient(circle at 67% 83%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 1%,transparent 1%, transparent 5%,transparent 5%, transparent 100%),radial-gradient(circle at 24% 80%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 27%,transparent 27%, transparent 63%,transparent 63%, transparent 100%),radial-gradient(circle at 23% 5%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 26%,transparent 26%, transparent 82%,transparent 82%, transparent 100%),radial-gradient(circle at 21% 11%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 35%,transparent 35%, transparent 45%,transparent 45%, transparent 100%),radial-gradient(circle at 10% 11%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 21%,transparent 21%, transparent 81%,transparent 81%, transparent 100%),radial-gradient(circle at 19% 61%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 20%,transparent 20%, transparent 61%,transparent 61%, transparent 100%),radial-gradient(circle at 13% 77%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 63%,transparent 63%, transparent 72%,transparent 72%, transparent 100%),radial-gradient(circle at 30% 93%, hsla(317,0%,96%,0.05) 0%, hsla(317,0%,96%,0.05) 33%,transparent 33%, transparent 82%,transparent 82%, transparent 100%),linear-gradient(90deg, rgb(22,131,207),rgb(7,123,215));
}
.bg-gradient-4 {
   background: #232526;  /* fallback for old browsers */
   background: -webkit-linear-gradient(to top, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(to top, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gradient-5 {
   background-image: linear-gradient(55deg, rgba(208, 208, 208, 0.03) 0%, rgba(208, 208, 208, 0.03) 20%,rgba(55, 55, 55, 0.03) 20%, rgba(55, 55, 55, 0.03) 40%,rgba(81, 81, 81, 0.03) 40%, rgba(81, 81, 81, 0.03) 60%,rgba(208, 208, 208, 0.03) 60%, rgba(208, 208, 208, 0.03) 80%,rgba(191, 191, 191, 0.03) 80%, rgba(191, 191, 191, 0.03) 100%),linear-gradient(291deg, rgba(190, 190, 190, 0.02) 0%, rgba(190, 190, 190, 0.02) 14.286%,rgba(105, 105, 105, 0.02) 14.286%, rgba(105, 105, 105, 0.02) 28.572%,rgba(230, 230, 230, 0.02) 28.572%, rgba(230, 230, 230, 0.02) 42.858%,rgba(216, 216, 216, 0.02) 42.858%, rgba(216, 216, 216, 0.02) 57.144%,rgba(181, 181, 181, 0.02) 57.144%, rgba(181, 181, 181, 0.02) 71.42999999999999%,rgba(129, 129, 129, 0.02) 71.43%, rgba(129, 129, 129, 0.02) 85.71600000000001%,rgba(75, 75, 75, 0.02) 85.716%, rgba(75, 75, 75, 0.02) 100.002%),linear-gradient(32deg, rgba(212, 212, 212, 0.03) 0%, rgba(212, 212, 212, 0.03) 12.5%,rgba(223, 223, 223, 0.03) 12.5%, rgba(223, 223, 223, 0.03) 25%,rgba(11, 11, 11, 0.03) 25%, rgba(11, 11, 11, 0.03) 37.5%,rgba(86, 86, 86, 0.03) 37.5%, rgba(86, 86, 86, 0.03) 50%,rgba(106, 106, 106, 0.03) 50%, rgba(106, 106, 106, 0.03) 62.5%,rgba(220, 220, 220, 0.03) 62.5%, rgba(220, 220, 220, 0.03) 75%,rgba(91, 91, 91, 0.03) 75%, rgba(91, 91, 91, 0.03) 87.5%,rgba(216, 216, 216, 0.03) 87.5%, rgba(216, 216, 216, 0.03) 100%),linear-gradient(312deg, rgba(113, 113, 113, 0.01) 0%, rgba(113, 113, 113, 0.01) 14.286%,rgba(54, 54, 54, 0.01) 14.286%, rgba(54, 54, 54, 0.01) 28.572%,rgba(166, 166, 166, 0.01) 28.572%, rgba(166, 166, 166, 0.01) 42.858%,rgba(226, 226, 226, 0.01) 42.858%, rgba(226, 226, 226, 0.01) 57.144%,rgba(109, 109, 109, 0.01) 57.144%, rgba(109, 109, 109, 0.01) 71.42999999999999%,rgba(239, 239, 239, 0.01) 71.43%, rgba(239, 239, 239, 0.01) 85.71600000000001%,rgba(54, 54, 54, 0.01) 85.716%, rgba(54, 54, 54, 0.01) 100.002%),linear-gradient(22deg, rgba(77, 77, 77, 0.03) 0%, rgba(77, 77, 77, 0.03) 20%,rgba(235, 235, 235, 0.03) 20%, rgba(235, 235, 235, 0.03) 40%,rgba(215, 215, 215, 0.03) 40%, rgba(215, 215, 215, 0.03) 60%,rgba(181, 181, 181, 0.03) 60%, rgba(181, 181, 181, 0.03) 80%,rgba(193, 193, 193, 0.03) 80%, rgba(193, 193, 193, 0.03) 100%),linear-gradient(80deg, rgba(139, 139, 139, 0.02) 0%, rgba(139, 139, 139, 0.02) 14.286%,rgba(114, 114, 114, 0.02) 14.286%, rgba(114, 114, 114, 0.02) 28.572%,rgba(240, 240, 240, 0.02) 28.572%, rgba(240, 240, 240, 0.02) 42.858%,rgba(221, 221, 221, 0.02) 42.858%, rgba(221, 221, 221, 0.02) 57.144%,rgba(74, 74, 74, 0.02) 57.144%, rgba(74, 74, 74, 0.02) 71.42999999999999%,rgba(201, 201, 201, 0.02) 71.43%, rgba(201, 201, 201, 0.02) 85.71600000000001%,rgba(187, 187, 187, 0.02) 85.716%, rgba(187, 187, 187, 0.02) 100.002%),linear-gradient(257deg, rgba(72, 72, 72, 0.03) 0%, rgba(72, 72, 72, 0.03) 16.667%,rgba(138, 138, 138, 0.03) 16.667%, rgba(138, 138, 138, 0.03) 33.334%,rgba(54, 54, 54, 0.03) 33.334%, rgba(54, 54, 54, 0.03) 50.001000000000005%,rgba(161, 161, 161, 0.03) 50.001%, rgba(161, 161, 161, 0.03) 66.668%,rgba(17, 17, 17, 0.03) 66.668%, rgba(17, 17, 17, 0.03) 83.33500000000001%,rgba(230, 230, 230, 0.03) 83.335%, rgba(230, 230, 230, 0.03) 100.002%),linear-gradient(47deg, rgba(191, 191, 191, 0.01) 0%, rgba(191, 191, 191, 0.01) 16.667%,rgba(27, 27, 27, 0.01) 16.667%, rgba(27, 27, 27, 0.01) 33.334%,rgba(66, 66, 66, 0.01) 33.334%, rgba(66, 66, 66, 0.01) 50.001000000000005%,rgba(36, 36, 36, 0.01) 50.001%, rgba(36, 36, 36, 0.01) 66.668%,rgba(230, 230, 230, 0.01) 66.668%, rgba(230, 230, 230, 0.01) 83.33500000000001%,rgba(93, 93, 93, 0.01) 83.335%, rgba(93, 93, 93, 0.01) 100.002%),linear-gradient(90deg, #ffffff,#ffffff);
}
.bg-gradient-6 {
   background-color: var(--bg-6-color);
   /* background-image: linear-gradient(to bottom, #cfd9df 0%, #e2ebf0 100%); */
}
.bg-gradient-7 {
   background-image: linear-gradient(to right, #0acffe 0%, #495aff 100%);
}
.bg-gradient-8 {
   background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(97,186,255,1) 0%, rgba(166,239,253,1) 90.1% );
}
.bg-white {
    background-color: #fff;
}
.bg-white-2 {
    background-color: var(--white-2-color);
}
.bg-tabslet {
   background-color: #f3f3f3;
}
.bg-black-1 {
   background-color: #2b2b2b;
}
.bg-main {
    background-color: var(--main-color);
}
.bg-dark-2 {
   background-color: var(--dark-2-color);
}
.bg-footer-top {
   background: linear-gradient(90deg, #243C7C, #4384BA, #60BCED);
}
.bg-dark-1 {
   background-color: var(--dark-1-color);
}
.bg-light-1 {
   background-color: var(--light-1-color);
}
.bg-light-2 {
   background-color: var(--light-2-color);
}






.bg-1 {
    background-color: var(--bg-1-color);
}
.bg-2 {
    background-color: var(--bg-2-color);
}
.bg-3 {
    background-color: var(--bg-3-color);
}
.bg-bbb {
    background-color: var(--bbb-color);
}
.bg-4 {
   background-color: var(--bg-4-color);
}
.bg-5 {
   background-color: var(--bg-5-color);
}
.bg-6 {
   background-color: var(--bg-6-color);
   /* background-image: linear-gradient(to bottom, #cfd9df 0%, #e2ebf0 100%); */
}
.bg-7 {
   background-color: var(--bg-7-color);
   /* background-image: linear-gradient(to bottom, #cfd9df 0%, #e2ebf0 100%); */
}
.bg-light-blue {
    background-color: #5bcbf5;
}
.bg-login {
    background-color: #f6f3f2;
}
.bg-warning {
	background-color: var(--red-color);
}
.bg-f8f8f8 {
    background-color: #f8f8f8;
}
.bg-eee {
    background-color: #eee;
}
.bg-success {
   background-color: #14A44D;
}
.bdbt-gray {
    border-bottom: thin solid #e4dcd3;
}
.w-100 {
    width: 100%;
}
.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 {
    -webkit-line-clamp: 1;
}
.line-2 {
   -webkit-line-clamp: 2;
} */
.line-1,
.line-2 {
    /* -o-text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (min-width: 1024px) {
	.line-1-responsive {
	    -webkit-line-clamp: 1;
	}
	.line-1-responsive {
	    -o-text-overflow: ellipsis;
	    -webkit-box-orient: vertical;
	    display: -webkit-box;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}	
}
.line-3 {
    -webkit-line-clamp: 3;
}
.line-3,
.line-4 {
    -o-text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line-4 {
    -webkit-line-clamp: 4;
}
.line-5 {
    -o-text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
.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;
}
@media (min-width: 1280px) {
    .fz-18 {
        font-size: 18px;
    }
}
.fz-20 {
    font-size: 20px;
}
@media (min-width: 1024px) {
    .fz-20 {
        font-size: 20px;
    }
}
@media (min-width: 1280px) {
    .fz-20 {
        font-size: 20px;
    }
}
.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;
}


.zone-title.fz-40 {
  font-size: 22px; 
}

@media (min-width: 1024px) {
   .zone-title.fz-40 {
      font-size: 30px; 
   } 
}

@media (min-width: 1280px) {
   .zone-title.fz-40 {
      font-size: 34px; 
   } 
}

@media (min-width: 1440px) {
.zone-title.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: 72px;
}

.fz-100 {
    font-size: 40px;
}
.page-detail-title {
   font-size: clamp(1.75rem, 2vw + 1rem, 2.25rem);
   line-height: 1.5;
   margin-bottom: 20px;
}
.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: 30%;
   }
}
@media (min-width: 1440px) {
   .content-div-height-scale {
      padding-top: 25%;
   }
}


.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: 66.66667%;
}

@media (min-width: 1280px) {
   .img-scale {
      padding-top: 56.25%;
   }
   .project-item .img-scale {
      padding-top: 66.66667%;
   }
}

.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;
}
.certificate-img .img-scale {
   padding-top: 142%;
}
.core-value-item .img-scale {
   padding-top: 100%;
}
.partner-item .img-scale {
   padding-top: 50%;
}
.main-equipment-item .img-scale {
   padding-top: 65%;
}
.img-column .img-scale {
   padding-top: 72.46%;
}
.open-letter .img-scale {
   padding-top: 177.77778%;
}
.album-item .img-scale {
   padding-top: 60%;
}
.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;
}


/* .open-letter .img-scale,
.contact-item .img-scale,
.certificate-img .img-scale {
   border-radius: 15px;
} */

/* .home-banner-image .img-scale,
.service-item-wide .img-scale,
.main-equipment-item .img-scale {
   border-radius: 15px;
}
.album-item .img-scale {
   border-top-right-radius: 10px;
   border-top-left-radius: 10px;
}
.big-item .img-scale,
.thumb-item .img-scale {
   border-radius: 10px;
} */
/*Phân trang*/
.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: 15px;
}
.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;
}
/* Tiêu đề Absolute */
.bg-title-container {
   position: absolute;
   margin: 0 auto;
   z-index: 50;
}
.bg-title-container.top {
   top: 0px;
}
.bg-title-container.bottom {
   bottom: 0;
   left: 0;
   right: 0;
}
.equipment-image-title-container {
   position: absolute;
   width: 100%;
   margin: 0 auto;
   z-index: 50;
   bottom: 0;
   left: 0;
}

.bg-title-inner {
   position: relative;
}
.bg-title-container.top .bg-title-inner {
   border-left: 5px solid var(--warning-color)
}
.bg-title-inner:after {
   content:'';
   background: #000;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: 0.65;
}
.bg-title {
   position: relative;
   z-index: 1;
   padding: 10px 15px 5px;
}
/* @media screen and (min-width: 1280px) {
   .image-caption .bg-title {
      padding: 12px 15px 10px;
   }
} */
/* Tiêu đề Absolute */


/* Header Style */
#hero-animated {
   position: relative;
   height: 100%;
 }
#hero-animated > .header-wrap {
   position: relative;
   z-index: 100;
   bottom: 0; 
   width: 100%;
   padding-top: 100px;
   padding-bottom: 100px;
}

#hero-animated > .header-wrap.child-page {
   padding-top: 300px;
   padding-bottom: 150px;
}

.banner-info-wrapper {
   position: relative;
   height: 100%;
}
.info-tag {
   width: fit-content;
   padding: 5px 25px;
   border-radius: 5px;
   margin: 0 auto 20px auto;
}
.info-tag.style-1 {
   background-color: #CD5C5C;
}
.info-tag.style-2 {
   background-color: var(--main-color);
}
.info-tag.style-3 {
   background-color: #228B22;
}
.info-tag.style-4 {
   background-color: var(--warning-color);
}
.info-tag.style-5 {
   background-color: #D2691E;
}
@media screen and (min-width: 1024px) {

   .home-banner-wrap .row {
      -ms-flex-direction: unset;
      flex-direction: unset;
   }
   .banner-item-grid-home:nth-child(2) {
      padding-bottom: 0;
   }
   .banner-item-grid-child:nth-child(2) {
      display: block;
   }
}
.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 {
   margin-bottom: 15px;
}

/* .breadcrumbs {
   list-style: none;
   padding: 4px 15px 3px;
   margin-bottom: 15px;
   background-color: var(--main-color);
   width: fit-content;
   border-radius: 5px;
}
.breadcrumbs li {
   position: relative;
   display: inline-block;
}
.breadcrumbs li:not(:last-child) {
   margin-right: 20px;
}
.breadcrumbs li:last-child {
    padding-right: 0;
}
.breadcrumbs li:not(:last-child):after {
   position: absolute;
   right: -20px;
   top: 0;
   width: 15px;
   content: "\f105";
   font-family: FontAwesome;
   opacity: 0.8;
   text-align: center;
   z-index: 1;
}
.breadcrumbs li::after {
   opacity: 1;
} */
/* Header Style */

.button-container {
   width: 100%;
}
.first-letter::first-letter {
   color: var(--main-color);
   font-weight: 500;
   font-size: 50px;
}

/* Footer */
footer {
   background: #f5f5f5;
   padding-bottom: 0 !important;
}
footer .top-wrap {
   overflow: hidden;
}
footer .top-wrap .row {
   margin-top: -25px;
  
}
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 .dot-main {
   position: relative;
   padding-left: 15px;
}
footer .dot-main::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #79C3E1;
    left: 0;
    top: 8px;
    transform: rotate(45deg);
}
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: 20px 0 20px;
   background-color: #293461;
}
footer .bottom-last {
   height: 11px;
   background-color: #c73734;
}
.logo-column img {
   width: 150px;
   margin-bottom: 15px;
}
@media screen and (min-width: 1440px) {
   .logo-column img {
      width: 200px;
   }
}
.copy-right {
   color: #8e9ab0;
}
.footer-contact-info {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   color: #d4d6df;
   margin-bottom: 10px;
   gap: 5px;
}
.footer-contact-item {
   width: 100%;
   text-align: center;
}
/* Footer */
.swiper-container {
   padding: 0px 0px 20px !important;
}
 .swiper-container .swiper-slide-menu {
   width: auto!important; 
   /*remove all important from your code*/
   background-color: var(--main-color);
 }

 .swiper-container li.active {
   background-color: var(--hover-color);
 }
 .swiper-container li:hover {
   background-color: var(--hover-color);
 }
 .swiper-container ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
 }
 .swiper-container li {
   border-radius: 16px;
 }
 .swiper-container li a {
   display: block;
   color: white;
   text-align: center;
   padding: 6px 16px;
   text-decoration: none;
 }
 /* Change the link color to #111 (black) on hover */
 [aria-current="active"] {
   pointer-events: none;
   cursor: default;
 }
.image-with-rectangle img {
   width: calc(100% - 14px);
   height: calc(100% - 14px);
   z-index: 20;
   top: 7px;
   left: 7px;
}
.image-with-rectangle .rect-border,
.image-with-rectangle .rect {
   position: absolute;
   border: 1px solid var(--main-color);
}
.image-with-rectangle .rect {
   width: 65%;
   height: 65%;
   bottom: 0;
   right: 0;
   z-index: 5;
}
.image-with-rectangle .rect-border {
   width: 35%;
   height: 35%;
   top: 0;
   left: 0;
   z-index: 10;
}
.image-with-rectangle.contact-item img {
   width: calc(100% - 10px);
   height: calc(100% - 10px);
   top: 5px;
   left: 5px;
}
.image-with-rectangle.home-banner-image .rect-border,
.image-with-rectangle.home-banner-image .rect {
   border: 1px solid var(--white-color);
}
.i-icon-after-text i {
   font-size: 14px;
   margin-left: 5px;
   line-height: 18px;
   color: var(--main-color);
}
.title-with-border {
   position: relative;
   margin-bottom: 20px;
   border-left: 3px solid var(--main-color);
   border-right: 1px solid var(--main-color);
   border-top: 1px solid var(--main-color);
   border-bottom: 1px solid var(--main-color);
}
.title-with-border {
   padding: 9px 10px 7px 15px;
}
.title-with-border::before {
   content: '';
   position: absolute;
   top: -5px;
   left: 5px;
   height: 95%;
   width: 25%;
   border-left: 1px solid var(--main-color) ;
   border-top: 1px solid var(--main-color);
}
.title-with-border::after {
   content: '';
   position: absolute;
   bottom: -5px;
   right: 5px;
   height: 95%;
   width: 25%;
   border-right: 1px solid var(--main-color) ;
   border-bottom: 1px solid var(--main-color);
}

.service-detail-button {
   width: fit-content;
   background-color: var(--main-color);
   border-radius: 25px;
}
.service-detail-button:hover {
   background-color: var(--hover-color);
}
.service-detail-button i {
   margin-left: 10px;
   font-size: 15px;
}
.service-detail-button a {
   display: block;
   padding: 10px 25px 8px;
   color: var(--white-color);
}
.service-detail-button.home-item {
   background-color: var(--main-color);
}
.service-detail-button.home-item:hover {
   background-color: var(--main-1-color);
}

.service-detail-button.home-header-item {
   background-color: var(--main-1-color);
   margin-left: auto;
   margin-right: auto;
}
.service-detail-button.home-header-item:hover {
   background-color: var(--main-color);
}








.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: 15px;
}
.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;
   width: 100%;
   max-width: 100%;
   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: 100%;
   min-width: 768px;
   line-height: 1.5;
}
.full-content.equipment-content table {
   min-width: 100%;
}
.full-content table {
   border: 1px solid var(--table-style-border-color) !important;
}
.full-content table td{
   border: 1px solid var(--table-style-border-color) !important;
}
.full-content table td{
  padding: 3px 10px;
}
.full-content ol {
  --icon-space: 25px;
  list-style: none;
  padding: 0;
}
.full-content ol > li {
  /* padding-left: var(--icon-space); */
   position: relative;
   margin-bottom: 5px !important;
   font-weight: 500;
   text-transform: uppercase;
   color: var(--main-color);
   font-size: 20px;
}
/* .full-content ol > li:before {
  content: "\f0fe";
  font-family: FontAwesome;
  display: inline-block;
  margin-left: calc( var(--icon-space) * -1 );
  width: var(--icon-space);
} */
.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);
}
.full-content.open-letter-content strong {
   color: var(--main-color) !important;
   text-transform: uppercase;
}
#service-content-table td:first-child {
   width: 40px;
   text-align: center;
}
.open-letter-content blockquote {
   position: relative;
   text-align: left;
   padding: 25px 25px;
   margin-top: 30px;
   margin-bottom: 30px;
   background-color: var(--bg-6-color);
   color: var(--main-color);
}
.open-letter-content blockquote::before {
   content: '';
   position: absolute;
   top: -6px;
   left: 6px;
   height: 75%;
   width: 20%;
   border-left: 1px solid var(--main-color) ;
   border-top: 1px solid var(--main-color);
}
.open-letter-content blockquote::after {
   content: '';
   position: absolute;
   bottom: -6px;
   right: 6px;
   height: 75%;
   width: 20%;
   border-right: 1px solid var(--main-color) ;
   border-bottom: 1px solid var(--main-color);
}
.open-letter-content blockquote p:last-child {
   margin-bottom: 0;
}
.management-system blockquote {
   position: relative;
   text-align: left;
   padding: 10px 20px;
   margin-top: 30px;
   margin-bottom: 30px;
   background-color: var(--bg-1-color);
   font-weight: 400;
   color: var(--warning-color);
}
.management-system blockquote p:last-child {
   margin-bottom: 0;
}
.management-system blockquote::before {
   content: '';
   position: absolute;
   top: -6px;
   left: 10px;
   height: 75%;
   width: 20%;
   border-left: 2px solid var(--main-color) ;
   border-top: 1px solid var(--main-color);
}
.management-system blockquote::after {
   content: '';
   position: absolute;
   bottom: -6px;
   right: 10px;
   height: 75%;
   width: 20%;
   border-right: 2px solid var(--main-color) ;
   border-bottom: 1px solid var(--main-color);
}
/* Style for Nội dung */
@media screen and (min-width: 1024px) {
   .row-reverse:nth-child(odd) .row {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
   }
}
.background-cover {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-color: #000;
   opacity: 0.7;
}