/** =============== Font ================= **/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
@font-face {
    font-family: Merriweather;
    src: url(../fonts/Merriweather-Light.ttf);
    font-weight: 300;
}

@font-face {
    font-family: Merriweather;
    src: url(../fonts/Merriweather-Regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: Merriweather;
    src: url(../fonts/Merriweather-Bold.ttf);
    font-weight: 700;
}

@font-face {
    font-family: Merriweather;
    src: url(../fonts/Merriweather-Black.ttf);
    font-weight: 900;
}

@font-face {
  font-family: "UTM-KT";
  src: url(../fonts/UTM-Scriptina-KT.ttf);
}
/** =============== Color ================= **/

 :root {
    --primary-color: #f03b02;
    --secondary-color: #1473e7;
}


/* Reset
--------------------------------------------- */


/** Reset CSS **/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    color: #000;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

select,
button {
    cursor: pointer;
    outline: none;
}

a,
a:hover {
    text-decoration: none;
}

input:focus {
    box-shadow: none;
}

@media only screen and (min-width: 1440px) {
    .container {
        max-width: 1300px;
    }
}


/* General
--------------------------------------------- */


/** General **/

.section__title--big {
    font-size: 28px;
}

@media only screen and (max-width: 767px) {
    .section__title--big {
        font-size: 24px;
    }
}

@media only screen and (max-width: 424px) {
    .section__title--big {
        font-size: 21px;
    }
}

.section__title--medium {
    font-size: 23px;
}

@media only screen and (max-width: 767px) {
    .section__title--medium {
        font-size: 17px;
    }
}

.line {
    margin: 15px auto 0 auto;
    height: 2px;
    background-color: var(--primary-color);
    width: 150px;
}

.line--white {
    background-color: #fff;
}

.section__title-mt {
    margin-top: 10px;
}

.section__subtitle {
    font-size: 19px;
    margin-top: 10px;
}

@media screen and (max-width:767px) {
    .section__subtitle {
        font-size: 16px;
    }
}

.section__head .section__title:before,.section__head .section__title:after {
    content: "";
    width: 30px;
    height: 1px;
    background-color: var(--primary-color);
    display: inline-block;
    margin-right: 15px;
}
.section__head .section__title:after{
   margin-left: 15px;
}
.page-banner__image {
    height: 400px;
    position: relative;
}

@media only screen and (max-width: 1023px) {
    .page-banner__image {
        height: 320px;
    }
}

.page-banner__image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
}

.page-banner__image picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-banner__image picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-banner__title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 35px;
    width: 80%;
    text-align: center;
    font-family: Merriweather, sans-serif;
}

@media only screen and (max-width: 767px) {
    .page-banner__title {
        font-size: 28px;
    }
}

@media only screen and (max-width: 374px) {
    .page-banner__title {
        font-size: 20px;
    }
}

.page-title {
    font-size: 30px;
}

@media only screen and (max-width: 767px) {
    .page-title {
        font-size: 25px;
    }
}

@media only screen and (max-width: 374px) {
    .page-title {
        font-size: 20px;
    }
}

.mg--15 {
    margin-left: -15px;
    margin-right: -15px;
}

.no-gutter {
    margin-left: 0;
    margin-right: 0;
}

.no-gutter [class*="col"] {
    padding-left: 0;
    padding-right: 0;
}

.gutter-5 {
    margin-left: -5px;
    margin-right: -5px;
}

.gutter-5 [class*="col"] {
    padding-left: 5px;
    padding-right: 5px;
}

.gutter-10 {
    margin-left: -10px;
    margin-right: -10px;
}

.gutter-10 [class*="col"] {
    padding-left: 10px;
    padding-right: 10px;
}

@media only screen and (min-width: 1024px) {
    .col-xl-20p {
        max-width: 20%;
        flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        padding-left: 15px;
        padding-right: 15px;
        min-height: 1px;
    }
}

@media only screen and (max-width: 424px) {
    .col-xs-6 {
        max-width: 100%;
        flex-basis: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}


/** Font **/

.font-bold {
    font-weight: 700;
}

.font-semibold {
    font-weight: 600;
}

.font-medium {
    font-weight: 500;
}


/** Text **/

.text-primary {
    color: var(--primary-color) !important;
}

.text-hover-primary {
    color: var(--primary-color);
}

.text-hover-primary a {
    color: var(--primary-color);
}


/** Background **/

.bg-center {
    background-position: center;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.bg-cover {
    background-size: cover;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}


/** Grid **/

.row-gap-30 {
    margin-top: -15px;
    margin-bottom: -15px;
}

.row-gap-30>div,
.row-gap-30>[class*='col-'] {
    margin-top: 15px;
    margin-bottom: 15px;
}

.row-gap-15 {
    margin-top: -7.5px;
    margin-bottom: -7.5px;
}

.row-gap-15>div,
.row-gap-15>[class*='col-'] {
    margin-top: 7.5px;
    margin-bottom: 7.5px;
}


/** Back to top **/

.backToTop {
    position: fixed;
    right: 31px;
    min-width: 40px;
    padding: 0px;
    font-size: 16px;
    border-radius: 5.1px 5.1px 0 0;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #fff;
    bottom: 1%;
    transform: translateY(-50%);
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
}

.backToTop svg {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.backToTop svg path {
    stroke: var(--primary-color);
}


/* 
.backToTop:hover {
    background-color: var(--primary-color);
}

.backToTop:hover svg {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
} */

.backToTop.show__backToTop {
    opacity: 1;
    visibility: visible;
}

@media screen and (max-width:1023px) {
    .backToTop.show__backToTop {
        bottom: 10px;
    }
}


/** Flickity custom button **/

.custom-flk-button .flickity-button {
    top: 38%;
    background-color: transparent;
    display: flex;
    justify-content: center;
}

.custom-flk-button .flickity-button.next svg,
.custom-flk-button .flickity-button.previous svg {
    display: none;
}

.custom-flk-button .flickity-button.next:after,
.custom-flk-button .flickity-button.previous:after {
    content: "";
    width: 24px;
    height: 44px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media only screen and (max-width: 1199px) {
    .custom-flk-button .flickity-button.next:after,
    .custom-flk-button .flickity-button.previous:after {
        width: 20px;
        height: 30px;
    }
}

.custom-flk-button .flickity-button.next {
    right: -42px;
}

@media only screen and (max-width: 1199px) {
    .custom-flk-button .flickity-button.next {
        right: -15px;
    }
}

.custom-flk-button .flickity-button.previous {
    left: -42px;
}

@media only screen and (max-width: 1199px) {
    .custom-flk-button .flickity-button.previous {
        left: -15px;
    }
}

.custom-flk-button .flickity-button.next:after {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 17L9 9L1 1' stroke='%23F03B02' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.custom-flk-button .flickity-button.previous:after {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L1 9L9 17' stroke='%23F03B02' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.custom-flk-button-center .flickity-button {
    top: 50% !important;
}

.custom-flk-button-2 .flickity-button {
    background-color: var(--primary-color);
}

.custom-flk-button-2 .flickity-button svg {
    fill: #fff;
    width: 50%;
    height: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.custom-flk-button-2 .flickity-button.previous {
    left: -60px;
}

@media only screen and (max-width: 1023px) {
    .custom-flk-button-2 .flickity-button.previous {
        left: 0;
    }
}

.custom-flk-button-2 .flickity-button.next {
    right: -60px;
}
@media only screen and (max-width: 1199px) {
    .custom-flk-button-2 .flickity-button.next {
        right: -40px;
    }
    .custom-flk-button-2 .flickity-button.previous{
        left: -40px;
    }
}

@media only screen and (max-width: 1023px) {
    .custom-flk-button-2 .flickity-button.next {
        right: 0;
    }
    .custom-flk-button-2 .flickity-button.previous{
        left: 0;
    }
}

.rectangle-dots-flk .flickity-page-dots {
    bottom: 20px;
}

.rectangle-dots-flk .flickity-page-dots .dot {
    background-color: #c2c2c2;
    width: 50px;
    height: 4px;
    border-radius: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    -ms-border-radius: unset;
    -o-border-radius: unset;
}

@media screen and (max-width:767px) {
    .rectangle-dots-flk .flickity-page-dots .dot {
        width: 45px;
        height: 3px;
    }
}

.rectangle-dots-flk .flickity-page-dots .dot.is-selected {
    background-color: #ff7101;
}


/** Style for post **/

.ws-sgct {
    font-size: 18px;
}

@media screen and (max-width:767px) {
    .ws-sgct {
        font-size: 16px;
    }
}

.ws-sgct p {
    text-align: justify;
}

.ws-sgct blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 5px solid #eb2b2d;
}

.ws-sgct blockquote p {
    margin: 0 !important;
}

.ws-sgct code {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    font-size: 0.85rem;
    color: #e83e8c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.ws-sgct img,
.ws-sgct p,
.ws-sgct table {
    margin: 0 0 10px;
    line-height: 1.6;
}

.ws-sgct table {
    border: 1px solid #ddd;
    margin-bottom: 30px;
}

.ws-sgct table>tbody>tr>td,
.ws-sgct table>tbody>tr>th,
.ws-sgct table>tfoot>tr>td,
.ws-sgct table>tfoot>tr>th,
.ws-sgct table>thead>tr>td,
.ws-sgct table>thead>tr>th {
    border: 1px solid #ddd;
    padding: 7px 10px;
}

.ws-sgct h6 {
    font-size: 18px;
}

.ws-sgct h5 {
    font-size: 21px;
}

.ws-sgct h4 {
    font-size: 24px;
}

.ws-sgct h3 {
    font-size: 27px;
}

.ws-sgct h2 {
    font-size: 30px;
}

@media screen and (max-width:767px) {
    .ws-sgct h6 {
        font-size: 15px;
    }
    .ws-sgct h5 {
        font-size: 16px;
    }
    .ws-sgct h4 {
        font-size: 19px;
    }
    .ws-sgct h3 {
        font-size: 22px;
    }
    .ws-sgct h2 {
        font-size: 25px;
    }
}

.ws-sgct ul,
.ws-sgct ol {
    margin: 0 0 20px;
    padding-left: 55px;
    list-style: disc;
}

.ws-sgct ul li,
.ws-sgct ol li {
    line-height: 1.5;
}

.ws-sgct ol {
    list-style: decimal;
}

.ws-sgct iframe {
    margin: auto;
    width: 100%;
}

.ws-sgct .syntaxhighlighter {
    padding: 10px 0;
}

.ws-sgct h2,
.ws-sgct h3,
.ws-sgct h4,
.ws-sgct h5,
.ws-sgct h6 {
    margin: 0 0 25px;
}


/* Components
--------------------------------------------- */


/* Button
--------------------------------------------- */


/** Button **/

.show-all-link {
    padding: 12px 27px;
    display: inline-block;
    margin-top: 40px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    position: relative;
}

.show-all-link:after {
    content: "";
    display: block;
    border: 1px solid #fff;
    width: 94%;
    height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 99;
}


/* Breadcrumb
--------------------------------------------- */


/** Breadcrumb **/

.breadcrumb {
    padding: 15px 0;
    font-size: 15px;
}

.breadcrumb a {
    color: #000;
}

.breadcrumb a:hover {
    color: var(--primary-color);
}

.breadcrumb .last {
    font-weight: 700;
}


/* Menu mobile
--------------------------------------------- */


/** Menu Mobile **/

.menu-mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    max-width: 320px;
    background-color: var(--primary-color);
    z-index: 4444;
    transform: translateX(-100%);
    transition: 0.5s;
    overflow-y: scroll;
    padding-bottom: 50px;
    display: none;
}

.menu-mobile ul {
    margin-top: 50px;
    list-style: none;
}

.menu-mobile ul li {
    position: relative;
    border-bottom: 1px solid #00000026;
}

.menu-mobile ul li a {
    color: #fff;
    font-size: 1.6rem;
    text-transform: uppercase;
    display: block;
    padding: 15px 20px;
    font-weight: 300;
}

.menu-mobile ul li .li-plus {
    position: absolute;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: block;
    top: 0;
    right: 0;
    color: #fff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.menu-mobile ul li .li-plus:before,
.menu-mobile ul li .li-plus:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    background-color: #fff;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(-90deg);
}

.menu-mobile ul li .li-plus:before {
    width: 11px;
    height: 1px;
}

.menu-mobile ul li .li-plus:after {
    width: 1px;
    height: 11px;
}

.menu-mobile ul li .clicked {
    transform: rotate(180deg);
}

.menu-mobile ul li .clicked.li-plus:before {
    display: none;
}

.menu-mobile ul li>ul {
    margin-top: 0;
    display: none;
}

.menu-mobile ul li>ul li {
    border: none;
}

.menu-mobile ul li>ul li a {
    padding-left: 35px;
}

.menu-mobile ul .current-menu-item a {
    color: #fff;
    background-color: #b33007;
}

.menu-mobile ul .current-menu-item ul a {
    color: #fff;
}

.menu-mobile ul .current-menu-parent ul {
    display: block;
}

.menu-mobile .menu-mobile-close {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    top: 0;
    right: 10px;
}

.menu-mobile .menu-mobile-close svg {
    color: #fff;
}

.menu-mobile .menu-mobile-close svg path {
    fill: #fff;
    stroke: #fff;
}

.menu-mobile.menu-mobile-active {
    transform: translate(0);
    display: block;
}

.overlay {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3333;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.overlay.overlay-active {
    opacity: 1;
    visibility: visible;
}


/* Pagination
--------------------------------------------- */


/** Pagination **/


/* Header
--------------------------------------------- */


/** Header **/

.header ul {
    list-style: none;
}

.header ul a {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.header__top {
    padding: 10px 0;
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 200;
}

@media only screen and (max-width: 1199px) {
    .header__top {
        display: none;
    }
}

.header__top ul {
    display: flex;
    align-items: center;
}

.header__top ul li a {
    color: #000;
    box-shadow: 0px 4px 10px rgb(90 90 90 / 75%);
    border-radius: 50%;
    background: rgb(255 255 255 / 80%);
    display: inline-block;
    padding: 5px;
    margin-bottom: 1rem;
}

.header__top ul li svg path {
    stroke: var(--primary-color);
}

.header__top-left ul li {
    display: flex;
    align-items: center;
    column-gap: 5px;
    margin-right: 20px;
}

.header__top-left ul li a:hover {
    color: var(--primary-color);
}

.header__top-social ul {
    /* column-gap: 7px; */
}

.header__top-social svg path {
    fill: #65534c;
}

/*.header__top-social ul li:not(:first-child) {
    margin-left: 7px;
}
*/
.header__top-social ul li a:hover svg path {
    fill: var(--primary-color);
}

@media only screen and (max-width: 1199px) {
    .header__main {
        padding: 15px 0;
    }
}

.header__logo {
    max-width: 190px;
}

@media only screen and (max-width: 767px) {
    /* .header__logo {
    max-width: 160px;
} */
}

.header__menu ul {
    display: flex;
    align-items: center;
    /* column-gap: 20px; */
}

.header__menu ul li {
    position: relative;
}

.header__menu ul li:not(:first-child) {
    margin-left: 20px;
}

.header__menu ul  li a {
    display: block;
    padding: 20px 3px;
    color: #2c2c2c;
    font-size: 16px;
    font-family: Roboto;
}
.header__menu > ul > li > a {
    font-weight: 500;
}
/*.header__menu ul li:hover>a {
    color: #f5f32c;
}*/

header .nav-contact li{
    border-radius: 5px;
}
header .nav-contact li:hover{
    background: #f2f2f2;
}

.header__menu > ul > li .re__arrow{
    width: 0%;
    height: 2px;
    background: var(--primary-color);
    margin-top: -9px;
    transition: 0.3s;
}
.header__menu > ul > li:hover .re__arrow {
    width: 100%;
}
.header__menu ul li.menu-item-has-children>a {
    display: flex;
    align-items: center;
}

.header__menu ul li.menu-item-has-children>a:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='%23fff' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    margin-left: 5px;
    height: 13px;
    filter: brightness(0);
}

.header__menu ul li.menu-item-has-children>a:hover:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='%23f5f32c' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

.header__menu ul li ul {
    padding: 0.5rem 0;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    z-index: 2222;
    width: 200px;
    min-width: max-content;
    background-color: #fff;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    border: 1px solid #e2e2e2; 
    border-bottom: unset;
    box-shadow: 0px 8px 20px rgb(182 182 182 / 30%);
    background: #fff;
    min-width: 240px;
    border-radius: 8px;
    border-bottom: 0;
}

.header__menu ul li ul li {
    /*border-bottom: 1px solid #e2e2e2;*/
    width: 100%;
    margin-left: 0!important;
}

.header__menu ul li ul li a {
    padding: 7px 15px;
    color: #000;
    text-transform: none;
    font-size: 16px;
}

.header__menu ul li ul li a:hover {
    color: var(--primary-color);
    background: #f2f2f2;
}

.header__menu ul li ul .current-menu-item a {
    color: var(--primary-color);
}

.header__menu ul .current-menu-parent.menu-item-has-children>a {
    color: #f5f32c;
}

.header__menu ul .current-menu-parent.menu-item-has-children>a:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='%23f5f32c' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

.header__menu ul li:hover ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}


/* .header__menu ul li ul>.current-menu-item:first-child>a {
color: #ccc907;
}

.header__menu ul li ul>.current-menu-parent:first-child>a {
color: #ccc907;
} */

.header-active .header__main  {
    animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
    box-shadow: 0px -2px 10px 0px #807474;
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2222;
    background: #fff;
}
/*
.header-active .header__top {
    display: none;
}*/

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}


/* Home
--------------------------------------------- */


/** Home **/


/** Home banner **/

.home-banner-carousel {
    overflow: hidden;
}

.home-banner .carousel-cell {
    height: calc(100vh - 130px);
}

.home-banner {
    height: calc(100vh - 130px);
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .home-banner {
        height: 300px;
        overflow: hidden;
    }
    .home-banner .carousel-cell {
        height: 300px;
    }
}

.home-banner .carousel-cell img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

.home-banner .flickity-button {
    background-color: transparent;
    opacity: 0.8;
}
.home-banner .flickity-button:disabled {
     opacity: 0.4;
}
.home-banner .flickity-button:hover {
    opacity: 1;
}

.home-banner .flickity-button svg {
    /* fill: #fff;
width: 50%;
height: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%); */
    display: none;
}

.home-banner .flickity-button.previous {
    left: 30px;
}

.home-banner .flickity-button.previous::after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    background-size: contain;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f03b02' d='M18.464,2.114c-0.329-0.174-0.728-0.148-1.033,0.063l-13,9C4.161,11.365,4,11.672,4,12s0.161,0.635,0.431,0.822l13,9 C17.602,21.94,17.8,22,18,22c0.159,0,0.318-0.038,0.464-0.114C18.794,21.713,19,21.372,19,21V3 C19,2.628,18.794,2.287,18.464,2.114z M17,19.091L6.757,12L17,4.909V19.091z'/%3E%3C/svg%3E");
}

@media only screen and (max-width: 1023px) {
    .home-banner .flickity-button.previous {
        left: 10px;
    }
}

.home-banner .flickity-button.next {
    right: 25px;
}

@media only screen and (max-width: 1023px) {
    .home-banner .flickity-button.next {
        right: 10px;
    }
}

.home-banner .flickity-button.next::after {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    background-size: contain;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f03b02' d='M5.536,21.886C5.682,21.962,5.841,22,6,22c0.2,0,0.398-0.06,0.569-0.178l13-9C19.839,12.635,20,12.328,20,12 s-0.161-0.635-0.431-0.822l-13-9C6.264,1.966,5.864,1.941,5.536,2.114C5.206,2.287,5,2.628,5,3v18 C5,21.372,5.206,21.713,5.536,21.886z M7,4.909L17.243,12L7,19.091V4.909z'/%3E%3C/svg%3E");
}

@media only screen and (max-width: 1023px) {
    .home-banner .flickity-button.previous::after,
    .home-banner .flickity-button.next::after {
        width: 25px;
        height: 25px;
    }
}


/** Home Intro **/

.home-intro {
    padding: 70px 0;
    background-color: #f3f2f0;
}

@media screen and (max-width:767px) {
    .home-intro {
        padding: 35px 0;
    }
}

.home-intro__desc {
    margin-top: 30px;
    line-height: 1.7;
    font-size: 16px;
}

@media screen and (max-width:767px) {
    .home-intro__desc {
        margin-top: 30px;
    }
}

.home-intro__search {
    margin-top: 40px;
}

.home-intro__search .search__form {
    position: relative;
}

.home-intro__search .search__form input {
    height: 40px;
    font-size: 15px;
    padding-left: 54px;
}

.home-intro__search .search__form input:focus {
    border-color: var(--primary-color);
    box-shadow: none;
}

.home-intro__search .search__form:before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 511.999 511.999' style='enable-background:new 0 0 511.999 511.999;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23F03B02' d='M508.874,478.708L360.142,329.976c28.21-34.827,45.191-79.103,45.191-127.309c0-111.75-90.917-202.667-202.667-202.667 S0,90.917,0,202.667s90.917,202.667,202.667,202.667c48.206,0,92.482-16.982,127.309-45.191l148.732,148.732 c4.167,4.165,10.919,4.165,15.086,0l15.081-15.082C513.04,489.627,513.04,482.873,508.874,478.708z M202.667,362.667 c-88.229,0-160-71.771-160-160s71.771-160,160-160s160,71.771,160,160S290.896,362.667,202.667,362.667z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    top: 50%;
    left: 32px;
    height: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.home-intro__category {
    margin-top: 40px;
}

.home-intro__category-title {
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 20px;
}

.home-intro__category-list {
    /* Hide scrollbar for IE, Edge and Firefox */
}

.home-intro__category-list::-webkit-scrollbar {
    display: none;
}

.home-intro__category-list {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

@media only screen and (max-width: 1023px) {
    /* .home-intro__category-list {
        scroll-snap-type: x mandatory;
        flex-wrap: nowrap;
        overflow-y: scroll;
    } */
    .home-intro__category-list {
        margin-right: -5px;
        margin-left: -5px;
        margin-bottom: -5px;
        margin-top: -5px;
    }
    .home-intro__category-list [class*="col"] {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

.home-intro__category-link {
    padding: 9.5px 7px;
    font-size: 14px;
    height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width:767px) {
    .home-intro__category-link {
        font-size: 11px;
    }
}

@media screen and (max-width:424px) {
    .home-intro__category-link {
        font-size: 12px;
        line-height: 1.4;
    }
}


/** Home Project **/

.home-project {
    padding: 50px 0;
}

.home-project-inner {
    margin-top: 40px;
}

.home-project-nav {
    border: none;
    overflow-x: auto;
}

@media only screen and (max-width: 1199px) {
    .home-project-nav {
        /* Hide scrollbar for IE, Edge and Firefox */
    }
    .home-project-nav::-webkit-scrollbar {
        display: none;
    }
    .home-project-nav {
        /* IE and Edge */
        /* Firefox */
    }
    .home-project-nav a {}
}

.home-project-nav a {
    color: #363636;
    padding: 8px 15px;
    border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important;
    margin-bottom: 0 !important;
    transition: 0.1s;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    border: 1px solid var(--primary-color)!important;
    margin-left: 5px;
    margin-right: 5px;
}

@media screen and (max-width: 1023px) {
    .home-project-nav a {
        padding: 5px 6px;
        margin-bottom: 10px!important;
        font-size: 13px;
    }
}

@media screen and (max-width: 424px) {
    .home-project-nav a {
        font-size: 11px;
    }
}

.home-project-nav a:hover {
    border-color: transparent !important;
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

.home-project-nav a.active {
    border-color: transparent !important;
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

.home-project-content {
    margin-top: 40px;
}


/** Home feature project **/

.home-feature-project {
    padding: 50px 0;
}

@media only screen and (max-width: 767px) {
    .home-feature-project {
        padding: 30px 0;
    }
}

.home-feature-project-inner {
    margin-top: 40px;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .home-feature-project-inner {
        padding-bottom: 30px;
    }
}

/*.home-feature-project-inner:before {
    content: "";
    height: 48%;
    width: 110%;
    left: -5%;
    bottom: 0;
    background-color: var(--primary-color);
    display: block;
    border-radius: 5px;
    position: absolute;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}*/

@media only screen and (max-width: 767px) {
    .home-feature-project-inner:before {
        width: 105%;
        left: -10px;
    }
}

@media only screen and (max-width: 767px) {
    .feature-project__carousel .flickity-button {
        display: none;
    }
}

.feature-project__carousel .flickity-page-dots {
    bottom: -15px;
}

@media only screen and (min-width: 768px) {
    .feature-project__carousel .flickity-page-dots {
        display: none;
    }
}

.feature-project__carousel .flickity-page-dots .dot {
    background-color: #fff;
}


/** Home Commitment **/

.home-commitment {
    padding: 50px 0;
}

@media only screen and (max-width: 767px) {
    .home-commitment {
        padding: 30px 0;
    }
}

.home-commitment-inner {
    margin-top: 40px;
}

.commitment__item-icon {
    max-width: 75px;
    flex-basis: 75px;
    height: 75px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    flex-shrink: 0;
    margin-right: 15px;
    border: 5px solid #fff;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.commitment__item:hover .commitment__item-icon {
    background-color: #fff!important;
    border: 2px solid var(--primary-color);
}

.commitment__item:hover .commitment__item-icon svg path {
    fill: var(--primary-color);
}

.commitment__item-content {
    max-width: calc(100% - 120px);
    flex-basis: calc(100% - 120px);
    font-size: 18px;
}

.commitment__item-content p {
    font-size: 19px;
    margin-bottom: 7px;
}

.commitment__item-content span {
    font-size: 16px;
    line-height: 1.5;
}


/** Home Testimonial **/

.home-testimonial {
    padding: 50px 0 70px 0;
}

@media only screen and (max-width: 767px) {
    .home-testimonial {
        padding: 30px 0;
    }
}

.home-testimonial-inner {
    margin-top: 40px;
}

.home-testimonial .flickity-page-dots {
    bottom: -35px;
}

@media only screen and (max-width: 767px) {
    .home-testimonial .flickity-page-dots {
        bottom: -20px;
    }
}

.home-testimonial .flickity-page-dots .dot {
    background-color: var(--primary-color);
}

.home-testimonial .testimonial__item {
    padding-top: 70px;
    /*margin-bottom: 20px;*/
    margin: 4rem 0;
    opacity: 0.5;
    transform: scale(0.8125);
}
.home-testimonial .item-col.is-selected .testimonial__item{
    transform: scale(1.1);
    opacity: 1;
}
.home-testimonial .flickity-button{
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-testimonial .flickity-button-icon {display: none; }

.home-testimonial .previous::before,.home-testimonial .next::before  {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    border-radius: 50%;
}
.home-testimonial .previous::before{
    content: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 13L1 7L7 1' stroke='%236E6E6E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.home-testimonial .next::before {
    content: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L1 1' stroke='%236E6E6E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.home-testimonial .flickity-prev-next-button.previous{
    left: -3rem;
}
.home-testimonial .flickity-prev-next-button.next{
    right: -3rem;
}
.testimonial__item-avatar {
    width: 140px;
    left: 50%;
    transform: translateX(-50%);
    height: 140px;
    overflow: hidden;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.testimonial__item-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial__item-content {
    padding: 75px 30px 20px 30px;
    background-color: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
}

.testimonial__item-content .content__text {
    padding-bottom: 20px;
    padding-top: 25px;
}

.testimonial__item-content .content__text-inner {
    /*height: 180px;*/
    overflow-y: auto;
    padding-right: 10px;
    scrollbar-color: var(--primary-color) #CDCDCD;
    scrollbar-width: thin;
    font-size: 16px;
    line-height: 1.4;
}

.testimonial__item-content .content__text-inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}

.testimonial__item-content .content__text-inner::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
}

.testimonial__item-content .content__text-inner::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
}

.testimonial__item-content .content__text:before {
    content: url("data:image/svg+xml,%3Csvg width='17' heigh='17' xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='quote-left' class='svg-inline--fa fa-quote-left fa-w-16' role='img' viewBox='0 0 512 512'%3E%3Cpath fill='%23F03B02' d='M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
    position: absolute;
    top: 0;
    left: -8px;
}

.testimonial__item-content .content__text:after {
    content: "";
    position: absolute;
    width: 35%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--primary-color);
}

.testimonial__item-content .content__author {
    margin-top: 15px;
}

.testimonial__item-content .content__address {
    margin-top: 15px;
}


/** Home News **/

.home-news {
    padding: 50px 0 80px 0;
    background-color: #f3f2f0;
}

@media only screen and (max-width: 767px) {
    .home-news {
        padding: 30px 0;
    }
}

.home-news-inner {
    margin-top: 40px;
}


/** Home Investor **/

.home-investor {
    padding: 50px 0 80px 0;
}

@media only screen and (max-width: 767px) {
    .home-investor {
        padding: 30px 0;
    }
}

.home-investor-inner {
    margin-top: 40px;
}

.home-investor__item {
    border: 1px solid #ececec;
    padding: 20px;
}

.home-investor__item img {
    width: 60%;
}


/** Project Item **/

.project__item {
    box-shadow: 0px 5px 12px 2px #d9d9d9;
    height: 100%;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.project__item-name {
    font-size: 19px;
}

.project__item-top {
    overflow: hidden;
    padding-bottom: 75%;
}

.project__item-top img {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project__item-top:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.project__item-top .project__item-tag {
    top: 10px;
    left: 0;
    width: 100%;
    padding: 0 5px;
}

.project__item-top .project__item-view {
    bottom: 10px;
    right: 10px;
    font-size: 14px;
    background-color: #4644449f;
    color: #fff;
    padding: 3px 7px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    display: flex;
    align-items: center;
}

.project__item-top .project__item-view:before {
    height: 14px;
    margin-right: 3px;
    content: url("data:image/svg+xml,%3Csvg width='17' height='11' viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 8C1 8 4.63636 1 11 1C17.3636 1 21 8 21 8C21 8 17.3636 15 11 15C4.63636 15 1 8 1 8Z' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 11C12.6569 11 14 9.65685 14 8C14 6.34315 12.6569 5 11 5C9.34315 5 8 6.34315 8 8C8 9.65685 9.34315 11 11 11Z' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.project__item-bottom {
    padding: 14px;
}

.project__item-bottom .project__item-info {
    font-size: 15px;
    margin-top: 15px;
}

.project__item-bottom .project__item-info .info__item {
    margin-top: 10px;
}

.project__item-bottom .project__item-info .info__item .info__icon {
    width: 15px;
    flex-shrink: 0;
    margin-right: 7px;
}

.project__item-bottom .project__item-info .info__item .info__name {
    min-width: 70px;
}

.project__item-bottom .project__item-info .info__item p {
    margin-left: auto;
    line-height: 1.8;
    text-align: right;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.project__item-bottom .project__item-info .info__item p sup {
    font-size: 11px;
}

.project__item-tag {
    font-size: 13px;
    color: #fff;
    margin-left: -5px;
    margin-right: -5px;
}

.project__item-tag .tag__item {
    display: inline-block;
    padding: 3px 7px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    margin: 0 3px 10px 3px;
}

.project__item-tag .tag-news {
    background-color: var(--primary-color);
}

.project__item-tag .tag-forsale {
    background-color: #0153a5;
}

.project__item-tag .tag-loan {
    background-color: #007236;
}

.project__item-tag .tag-certify {
    background-color: #ed145b;
}

.project__item-2 {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    display: block;
}

.project__item-2:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
}

.project__item-2 .project__item-image {
    position: relative;
    padding-bottom: 75%;
}

.project__item-2 .project__item-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.project__item-2 .project__item-bottom {
    padding: 20px 15px;
}

.project__item-2 .project__item-investor {
    font-size: 18px;
}

.project__item-2 .project__item-name {
    margin-top: 10px;
}

.project__item-name {
    font-family: Merriweather, sans-serif;
}


/** Project **/

.project-banner {
    position: relative;
    height: 400px;
}

@media only screen and (max-width: 1023px) {
    .project-banner {
        height: 400px;
    }
}

@media only screen and (max-width: 767px) {
    .project-banner {
        height: 375px;
    }
}

@media only screen and (max-width: 424px) {
    .project-banner {
        height: 300px;
    }
}

.project-banner:before {
    content: "";
    background-color: #fff;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.project-banner__search {
    position: relative;
}

.project-banner__search-inner {
    background-color: rgba(0, 0, 0, 0.664);
    padding: 15px 60px;
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

@media only screen and (max-width: 1023px) {
    .project-banner__search-inner {
        padding: 15px 30px;
    }
}

.project-banner__search {
    /* For IE10 */
}

.project-banner__search .search__title {
    font-size: 25px;
}

@media only screen and (max-width: 1199px) {
    .project-banner__search .search__title {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .project-banner__search .search__title {
        font-size: 20px;
    }
}

.project-banner__search .search__icon-mobile {
    margin-left: 10px;
}

.project-banner__search .search__icon-mobile svg path {
    fill: #fff;
}

.project-banner__search select,
.project-banner__search input {
    min-height: 40px;
    height: 40px;
    padding-left: 15px;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 15px;
}

.project-banner__search select option {
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.project-banner__search select::placeholder,
.project-banner__search input::placeholder {
    color: #7d7d7d;
}

@media screen and (max-width:767px) {
    .project-banner__search input::placeholder {
        font-size: 9px;
    }
}

.project-banner__search select:focus,
.project-banner__search input:focus {
    border-color: var(--primary-color);
    box-shadow: none;
}

.project-banner__search select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='10' height='10' viewBox='0 0 292.362 292.362' style='enable-background:new 0 0 292.362 292.362;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M286.935,69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952,0-9.233,1.807-12.85,5.424 C1.807,72.998,0,77.279,0,82.228c0,4.948,1.807,9.229,5.424,12.847l127.907,127.907c3.621,3.617,7.902,5.428,12.85,5.428 s9.233-1.811,12.847-5.428L286.935,95.074c3.613-3.617,5.427-7.898,5.427-12.847C292.362,77.279,290.548,72.998,286.935,69.377z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 10px;
}

.project-banner__search select::-ms-expand {
    display: none;
}

.project-banner__search button {
    font-size: 18px;
    padding: 0 10px;
    height: 40px;
}

@media only screen and (max-width: 1199px) {
    .project-banner__search button {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1023px) {
    .project-banner__search button {
        margin-left: 4px;
    }
}

.project-banner__search button span {
    border-right: 1px solid rgba(0, 0, 0, 0.11);
    height: 100%;
    display: flex;
    align-items: center;
    padding-right: 10px;
    margin-right: 10px;
}

.project-banner__search button span:after {
    content: url("data:image/svg+xml,%3Csvg fill='%23fff' width='20' height='20' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 511.999 511.999' style='enable-background:new 0 0 511.999 511.999;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M508.874,478.708L360.142,329.976c28.21-34.827,45.191-79.103,45.191-127.309c0-111.75-90.917-202.667-202.667-202.667 S0,90.917,0,202.667s90.917,202.667,202.667,202.667c48.206,0,92.482-16.982,127.309-45.191l148.732,148.732 c4.167,4.165,10.919,4.165,15.086,0l15.081-15.082C513.04,489.627,513.04,482.873,508.874,478.708z M202.667,362.667 c-88.229,0-160-71.771-160-160s71.771-160,160-160s160,71.771,160,160S290.896,362.667,202.667,362.667z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    height: 21px;
}

@media only screen and (max-width: 1023px) {
    .project-banner__search .search__form {
        position: fixed;
        background-color: #fff;
        width: 100%;
        height: 100%;
        left: -100%;
        bottom: 0;
        overflow-y: auto;
        z-index: 9999;
        padding: 80px 40px 40px 40px;
        opacity: 0;
        visibility: hidden;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        margin: 0;
    }
}

@media only screen and (max-width: 1023px) and (max-width: 767px) {
    .project-banner__search .search__form {
        padding: 60px 25px 25px 25px;
    }
}

@media only screen and (max-width: 1023px) {
    .project-banner__search .search__form.active {
        left: 0;
        opacity: 1;
        visibility: visible;
    }
}

.project-banner__search .search__form-close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: -5px;
    top: -50px;
}

.project-banner__search .search__form-close svg path {
    stroke: var(--primary-color);
}

.project-page {
    padding: 60px 0;
    /* For IE10 */
}

.project-page select {
    font-size: 15px;
    height: 40px;
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='10' height='10' viewBox='0 0 292.362 292.362' style='enable-background:new 0 0 292.362 292.362;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M286.935,69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952,0-9.233,1.807-12.85,5.424 C1.807,72.998,0,77.279,0,82.228c0,4.948,1.807,9.229,5.424,12.847l127.907,127.907c3.621,3.617,7.902,5.428,12.85,5.428 s9.233-1.811,12.847-5.428L286.935,95.074c3.613-3.617,5.427-7.898,5.427-12.847C292.362,77.279,290.548,72.998,286.935,69.377z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 10px;
}

.project-page select::-ms-expand {
    display: none;
}

.project-list {
    padding: 20px 0;
}


/** Project detail **/

.project-detail__banner {
    height: 600px;
}

.project-detail__banner img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.project-detail__avatar .avatar-inner {
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-detail__avatar .avatar-inner img {
    width: 80%;
}

.project-detail__navigation {
    background-color: #f3f1f0;
    position: sticky;
    z-index: 1020;
    padding: 10px 0;
    box-shadow: 0 3px 5px 0 #00000036;
}

@media only screen and (max-width: 1023px) {
    .project-detail__navigation {
        position: fixed;
        right: 0;
        top: 160px !important;
        transform: translateX(100%);
        border-radius: 0 0 0 5px;
        -webkit-border-radius: 0 0 0 5px;
        -moz-border-radius: 0 0 0 5px;
        -ms-border-radius: 0 0 0 5px;
        -o-border-radius: 0 0 0 5px;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        border-left: 1px solid #f1f4f87c;
        background-color: var(--primary-color);
    }
    .project-detail__navigation.active {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
}

.project-detail__navigation .button-mobile {
    position: absolute;
    right: calc(100% + 1px);
    background-color: var(--primary-color);
    padding: 10px;
    top: 0;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -o-border-radius: 5px 0 0 5px;
    border: 1px solid var(--primary-color);
}

.project-detail__navigation .button-mobile svg path {
    stroke: #fff;
}

.project-detail__navigation nav {
    width: 100%;
}

.project-detail__navigation nav ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.project-detail__navigation nav ul li {
    margin-left: 20px;
}

@media only screen and (max-width: 1023px) {
    .project-detail__navigation nav ul {
        flex-direction: column;
        width: 200px;
        margin: 0 -15px;
    }
}

@media only screen and (max-width: 1023px) {
    .project-detail__navigation nav ul li {
        border-bottom: 1px solid #f1f4f87c;
        width: 100%;
    }
}

.project-detail__navigation nav ul li a {
    display: block;
    padding: 25px 0;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

.project-detail__navigation nav ul li a:hover {
    color: var(--primary-color);
}

@media only screen and (max-width: 1199px) {
    .project-detail__navigation nav ul li a:hover {
        color: #fff;
    }
}

@media only screen and (max-width: 1023px) {
    .project-detail__navigation nav ul li a {
        padding: 12px 15px;
        color: #fff;
    }
}

.project-detail__navigation nav ul li.active a {
    color: var(--primary-color);
}

@media screen and (max-width:1023px) {
    .project-detail__navigation nav ul li.active a {
        color: #f5f32c;
    }
}

.project-detail__navigation.fixed .project-detail__avatar {
    /* display: none !important; */
}

.project-detail__navigation.fixed nav ul {
    /* justify-content: center; */
}

.project-detail-inner {
    padding: 25px 0 0 0;
}

.project-section__title {
    column-gap: 15px;
    font-size: 18px;
    font-family: Merriweather, sans-serif;
}

.project-section__name {
    font-family: Merriweather, sans-serif;
}

.project-section__title:before,
.project-section__title:after {
    content: "";
    height: 1px;
    flex: 1;
    width: 100%;
    background-color: #d8d8d8;
}

.project-detail__block {
    padding: 40px 0;
    font-size: 16px;
    margin: 10px 0;
}

@media only screen and (max-width: 767px) {
    .project-detail__block {
        padding: 20px 0;
    }
}

.block__content {
    margin-top: 50px;
    line-height: 1.6;
    font-size: 18px!important;
}

@media screen and (max-width:767px) {
    .block__content {
        margin-top: 30px;
        font-size: 17px!important;
    }
}

.block__content ul li::marker {
    color: var(--primary-color);
}

.project-detail__text ul {
    padding-left: 35px;
}

.project-detail__text ul li {
    margin-bottom: 10px;
    align-items: center;
}

.project-detail__text ul li::marker {
    color: var(--primary-color);
}


/** Project detail about **/

.project-detail__about-image {
    height: 100%;
}


/** Project detail position **/

.project-detail__position-info {
    margin-top: 40px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 1023px) {
    .project-detail__position-info {
        width: 100%;
    }
}

.project-detail__position-info p {
    margin-bottom: 20px;
    font-size: 18px;
}

.project-detail__position-info p:before {
    content: url("data:image/svg+xml,%3Csvg width='5' height='10' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 11.5L6.5 6.5L1.5 1.5' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: var(--primary-color);
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}


/** Project detail utilities **/

.project-detail__utilities-carousel {
    margin-top: 30px;
}

@media only screen and (max-width: 1023px) {
    .project-detail__utilities-carousel .flickity-button {
        display: none;
    }
}

.project-detail__utilities-carousel .flickity-page-dots {
    bottom: -30px;
}

.project-detail__utilities-carousel .flickity-page-dots .dot {
    background-color: var(--primary-color);
}

.project-detail__utilities-main {
    margin-top: 70px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 1023px) {
    .project-detail__utilities-main {
        width: 100%;
    }
}

.project-detail__utilities-main .utilities__list-title {
    font-size: 17px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 9px 15px;
    margin-bottom: 20px;
    box-shadow: -2px 3px 4px 0px #969292;
}

.project-detail__utilities-main ul {
    list-style: none;
}

.project-detail__utilities-main ul li {
    text-align: center;
    margin-bottom: 15px;
}

.project-detail__utilities-main ul li:before {
    content: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L3.99998 8.00002L0.999939 5' stroke='%23F03B02' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    margin-right: 10px;
}


/** Project detail ground **/

.project-detail__ground-tab {
    margin-top: 40px;
}

.project-detail__ground-tab .nav {
    overflow-y: auto;
}

.project-detail__ground-tab .nav li {
    min-width: max-content;
    margin: 0 3px 8px 3px;
}


.project-detail__ground-tab .nav li a {
    background-color: var(--primary-color);
    color: #fff;
    padding: 7px 10px;
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    -ms-border-radius: 9999px;
    -o-border-radius: 9999px;
    font-size: 12px;
}

@media screen and (max-width:424px) {
    .project-detail__ground-tab .nav li a {
        font-size: 11px;
    }
}

.project-detail__ground-tab .tab-content {
    margin-top: 20px;
}


/** Project Detail form **/

.project-detail__pf {
    padding: 30px 0;
    background-color: #0b2341;
}

.project-detail__pf-head {
    color: #fff;
}

.project-detail__pf-head p {
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 0;
    margin-left: 4px;
    text-align: center;
}

@media screen and (max-width:767px) {
    .project-detail__pf-head p {
        max-width: 100%;
        flex-basis: 100%;
        margin-top: 10px;
    }
}

.project-detail__pf-head svg path {
    fill: #fff;
}

.project-detail__pf .price__form input {
    height: 40px;
    font-size: 16px;
    padding-left: 10px;
}

.project-detail__pf .price__form input::placeholder {
    color: #7d7d7d;
    font-style: italic;
    font-size: 15px;
}

@media screen and (max-width:1023px) {
    .project-detail__pf .price__form input::placeholder {
        font-size: 13px;
    }
}

.project-detail__pf .price__form button {
    height: 40px;
    font-size: 16px;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}


/** Project Detail Gallery **/

.project-detail__gallery-carousel {
    margin-top: 40px;
    /* enable Flickity by default */
}

.project-detail__gallery-carousel:after {
    content: "flickity";
    display: none;
    /* hide :after */
}

@media screen and (min-width: 1023px) {
    .project-detail__gallery-carousel {
        /* disable Flickity for large devices */
        display: flex;
        flex-wrap: wrap;
    }
    .project-detail__gallery-carousel:after {
        content: "";
    }
}

.project-detail__gallery-carousel .flickity-page-dots {
    position: static;
    margin-top: 15px;
}

.project-detail__gallery-carousel .flickity-page-dots .dot {
    background-color: var(--primary-color);
}

.project-detail__policy-pay {
    /* width: 95%;
margin-left: auto;
margin-right: auto; */
}

@media only screen and (max-width: 1023px) {
    .project-detail__policy-pay {
        width: 100%;
    }
}

.project-detail__policy-pay ul {
    margin-top: 20px;
    list-style: none;
    padding-left: 15px;
    list-style: none!important;
}

.project-detail__policy-pay ul li {
    /* display: flex; */
    margin-bottom: 15px;
    position: relative;
    padding-left: 20px;
}

.project-detail__policy-pay ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 5L1 5M11 5L7 9M11 5L7 1' stroke='%23F03B02' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}


/** Project detail Reason **/

.project-detail__reason-carousel .carousel-cell .carousel-cell__image {
    padding-bottom: 66.67%;
    position: relative;
}

.project-detail__reason-carousel .carousel-cell .carousel-cell__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project-detail__reason-carousel .carousel-cell__info {
    bottom: 0;
    width: 100%;
    padding: 15px 30px;
    background-color: rgba(0, 0, 0, 0.521);
    font-size: 20px;
}

.project-detail__reason-carousel .carousel-cell__info p {
    margin-bottom: 10px;
    font-size: 18px;
}

.project-detail__reason-carousel .flickity-button.previous {
    left: 10px;
}

.project-detail__reason-carousel .flickity-button.next {
    right: 10px;
}

.project-detail__share .a2a_default_style .a2a_svg {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.project-detail__share .a2a_svg svg {
    top: 50%;
    width: 70%;
    height: 70%;
    transform: translateY(-50%);
}

.related-project {
    background-color: #fff8f2;
    padding: 50px 0;
}

@media only screen and (max-width: 767px) {
    .related-project__carousel .flickity-button {
        display: none;
    }
}

.related-project__carousel .flickity-page-dots .dot {
    background-color: var(--primary-color);
}

@media only screen and (min-width: 768px) {
    .related-project__carousel .flickity-page-dots {
        display: none;
    }
}


/** Project detail subscribe **/

.project-detail__subscribe {
    margin-top: 20px;
    background-color: #0b2341;
    padding: 60px 0 40px 0;
}

.project-detail__subscribe .subscribe__phone {
    padding: 10px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 20px;
    display: flex;
    align-items: center;
}

@media screen and (max-width:424px) {
    .project-detail__subscribe .subscribe__phone {
        font-size: 17px;
    }
}

.project-detail__subscribe .subscribe__phone svg {
    margin-right: 4px;
}

.project-detail__subscribe .subscribe__phone {
    margin: 0 10px;
}

.project-detail__subscribe .subscribe__phone svg path {
    fill: #fff;
}

.project-detail__subscribe-text .text-inner {
    font-size: 18px;
}

@media screen and (max-width:767px) {
    .project-detail__subscribe-text .text-inner {
        font-size: 16px;
    }
}

.project-detail__subscribe-form .form-inner {
    width: 78%;
    margin: 0 auto;
}

@media screen and (max-width:767px) {
    .project-detail__subscribe-form .form-inner {
        width: 100%;
    }
    .project-detail__subscribe-form .section__title--medium {
        font-size: 16px;
    }
}

@media screen and (max-width:374px) {
    .project-detail__subscribe-form .section__title--medium {
        font-size: 13px;
    }
}

.project-detail__subscribe-form input {
    height: 42px;
    margin-bottom: 20px;
    font-size: 14px;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: center left 10px;
}

.project-detail__subscribe-form input::placeholder {
    font-style: italic;
    font-size: 16px;
}

.project-detail__subscribe-form input.input-name {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M9.85748 9.63406C11.181 9.63406 12.3271 9.15936 13.2635 8.22278C14.2 7.28635 14.6747 6.14057 14.6747 4.81688C14.6747 3.49364 14.2 2.34771 13.2634 1.41097C12.3268 0.474699 11.1809 0 9.85748 0C8.53378 0 7.388 0.474699 6.45157 1.41113C5.51514 2.34756 5.04028 3.49349 5.04028 4.81688C5.04028 6.14057 5.51514 7.2865 6.45172 8.22293C7.38831 9.1592 8.53424 9.63406 9.85748 9.63406V9.63406Z' fill='%239999'/%3E%3Cpath d='M18.2863 15.379C18.2593 14.9893 18.2047 14.5642 18.1242 14.1152C18.0431 13.663 17.9385 13.2354 17.8134 12.8447C17.6842 12.4408 17.5084 12.0419 17.2911 11.6597C17.0656 11.2629 16.8007 10.9175 16.5034 10.6332C16.1926 10.3358 15.8121 10.0967 15.372 9.9223C14.9335 9.74881 14.4475 9.66092 13.9276 9.66092C13.7234 9.66092 13.526 9.74469 13.1447 9.99295C12.91 10.146 12.6355 10.323 12.3291 10.5188C12.0671 10.6857 11.7122 10.8421 11.2738 10.9837C10.8461 11.1221 10.4118 11.1923 9.98322 11.1923C9.5546 11.1923 9.12048 11.1221 8.69232 10.9837C8.25439 10.8422 7.89948 10.6858 7.63779 10.5189C7.33429 10.325 7.05963 10.148 6.82144 9.9928C6.44058 9.74454 6.24298 9.66077 6.03882 9.66077C5.5188 9.66077 5.03296 9.74881 4.59457 9.92245C4.15482 10.0966 3.77411 10.3357 3.46298 10.6334C3.16589 10.9178 2.90085 11.2631 2.67563 11.6597C2.4585 12.0419 2.28271 12.4406 2.15332 12.8448C2.02835 13.2356 1.92383 13.663 1.84265 14.1152C1.76224 14.5635 1.70761 14.9888 1.6806 15.3794C1.65405 15.7621 1.64062 16.1593 1.64062 16.5605C1.64062 17.6045 1.9725 18.4496 2.62695 19.073C3.27332 19.688 4.12857 20.0001 5.16861 20.0001H14.7987C15.8388 20.0001 16.6937 19.6882 17.3402 19.073C17.9948 18.4501 18.3267 17.6048 18.3267 16.5603C18.3266 16.1573 18.313 15.7598 18.2863 15.379V15.379Z' fill='%239999'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.project-detail__subscribe-form input.input-phone {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M19.3149 13.7841C18.0292 13.7841 16.7668 13.583 15.5705 13.1876C14.9843 12.9877 14.2637 13.1711 13.906 13.5386L11.5447 15.321C8.80636 13.8593 7.11958 12.1731 5.67781 9.45528L7.40784 7.15557C7.85732 6.70669 8.01853 6.05099 7.82538 5.43576C7.42835 4.23318 7.22666 2.97138 7.22666 1.68514C7.22672 0.755943 6.47077 0 5.54163 0H1.68508C0.755943 0 0 0.755943 0 1.68508C0 12.3354 8.66456 20.9999 19.3149 20.9999C20.2441 20.9999 21 20.244 21 19.3149V15.4691C20.9999 14.54 20.244 13.7841 19.3149 13.7841Z' fill='%239999'/%3E%3C/svg%3E");
}

.project-detail__subscribe-form input.input-email {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath d='M1.5 1.5L8.58579 8.58579C9.36683 9.36683 10.6332 9.36684 11.4142 8.58579L18.5 1.5H1.5ZM2 15H18C18.5523 15 19 14.5523 19 14V2C19 1.44772 18.5523 1 18 1H2C1.44772 1 1 1.44772 1 2V14C1 14.5523 1.44772 15 2 15Z' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.project-detail__subscribe-form button {
    font-size: 18px;
    height: 42px;
}

@media screen and (max-width:767px) {
    .project-detail__subscribe-form button {
        font-size: 16px;
    }
}


/** News **/

.news__item {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
}

.news__item-image {
    overflow: hidden;
    position: relative;
    padding-bottom: 55%;
}

.news__item-image img {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news__item-image:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.news__item-info {
    padding: 13px 15px;
    font-size: 13px;
    color: #5f5f5f;
}

.news__item-info .info__time {
    display: flex;
    align: center;
}

.news__item-info .info__time:before {
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='far' data-icon='clock' class='svg-inline--fa fa-clock fa-w-16' role='img' viewBox='0 0 512 512'%3E%3Cpath fill='%235f5f5f' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E");
    margin-right: 5px;
    transform: translateY(1px);
}

.news__item-title {
    color: #000;
    font-weight: 500;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    margin-bottom: 10px;
    font-size: 17px;
    padding: 0 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Merriweather, sans-serif;
}

.news__item-title:hover {
    color: var(--primary-color);
}

.news__item-desc {
    margin-top: auto;
    font-size: 16px;
    padding: 0 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
}

.news__item-link {
    margin-top: 10px;
    display: inline-block;
    padding: 0 15px;
    margin-bottom: 15px;
}


/** News page **/

.news__head {
    margin-top: 40px;
}

@media only screen and (max-width: 1023px) {
    .news__head-list {
        border: 1px solid #999999;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        padding: 15px 20px;
    }
}

.news__head-list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    border-bottom: 1px solid #5f5f5f;
    padding-bottom: 7px;
    row-gap: 15px;
}

@media only screen and (max-width: 1023px) {
    .news__head-list ul {
        border-bottom: none;
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 1023px) {
    .news__head-list ul li {
        max-width: 100%;
        flex-basis: 100%;
    }
}

.news__head-list ul li a {
    padding: 7px 10px;
    color: #5f5f5f;
    position: relative;
}

@media only screen and (max-width: 1023px) {
    .news__head-list ul li a {
        padding-left: 0;
    }
}

.news__head-list ul li a:after {
    content: "";
    display: block;
    height: 0;
    width: 100%;
    background-color: var(--primary-color);
    position: absolute;
    bottom: 0px;
    left: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.news__head-list ul li a:hover:after {
    height: 3px;
}

.news__head-list ul li.active a:after,
.news__head-list ul li.current-menu-item a:after {
    height: 3px;
}

@media only screen and (max-width: 1023px) {
    .news__head-list .list-inner {
        display: none;
        margin-top: 25px;
    }
}

.news__head-form {
    border: 1px solid #e5e5e5;
    padding: 0 4px;
}

.news__head-form input {
    border: none;
    outline: none;
    flex: 1;
    font-size: 13px;
    padding-left: 13px;
    height: 45px;
}

@media screen and (max-width:1439px) {
    .news__head-form input {
        /* max-width: 65%;
        flex-basis: 65%; */
    }
}

.news__head-form button {
    font-size: 14px;
    padding-top: 5px;
}

.news__head-mobile:after {
    content: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L9 9L17 1' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    position: absolute;
    transition: 0.3s;
}

.news__head-mobile.active:after {
    transform: rotate(180deg) translateY(54%);
    -webkit-transform: rotate(180deg) translateY(54%);
    -moz-transform: rotate(180deg) translateY(54%);
    -ms-transform: rotate(180deg) translateY(54%);
    -o-transform: rotate(180deg) translateY(54%);
}

.news-list {
    padding: 50px 0 100px 0;
}

.news-list .news__item {
    box-shadow: 0px 5px 12px 2px #d9d9d9;
    background-color: #fff;
}


/** News detail **/

.news-detail {
    padding: 50px 0;
}

.news-detail__title {
    font-size: 32px;
    font-weight: 700;
    margin-top: 30px;
    font-family: Merriweather, sans-serif;
}

@media only screen and (max-width: 1023px) {
    .news-detail__title {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .news-detail__title {
        font-size: 19px;
    }
}

.news-detail__content {
    margin-top: 30px;
    margin-bottom: 60px;
}

.news-detail__action {
    margin-top: 30px;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 20px;
    color: #717171;
}

@media only screen and (max-width: 1023px) {
    .news-detail__action {
        font-size: 13px;
    }
}

.news-detail__action .action-like {
    margin-right: auto;
}

@media only screen and (max-width: 767px) {
    .news-detail__action .action-like {
        order: 1;
    }
}

@media only screen and (max-width: 767px) {
    .news-detail__action .action-share {
        width: 100%;
        justify-content: space-between;
    }
}

.news-detail__action .action-share ul {
    margin-left: 20px;
    column-gap: 10px;
}

.news-detail__action .action-share svg {
    color: #717171;
}

.news-detail__action .action-share svg:hover {
    color: var(--primary-color);
}

.news-detail__action .time {
    display: flex;
    align-items: center;
    margin-left: 50px;
}

@media only screen and (max-width: 1023px) {
    .news-detail__action .time {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .news-detail__action .time {
        order: 2;
    }
}

.news-detail__action .time:before {
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='far' data-icon='clock' class='svg-inline--fa fa-clock fa-w-16' role='img' viewBox='0 0 512 512'%3E%3Cpath fill='%235f5f5f' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E");
    margin-right: 5px;
    transform: translateY(1px);
}


/** Related news **/

.related-news {
    margin-top: 60px;
}

.related-news .news__item {
    box-shadow: 0px 5px 12px 2px #d9d9d9;
    background-color: #fff;
}

.related-news .news__item-title {
    min-height: 42px;
}

.related-news__carousel {
    margin-top: 30px;
}

@media only screen and (max-width: 1023px) {
    .related-news .flickity-button {
        top: -9% !important;
    }
    .related-news .flickity-button:after {
        width: 15px !important;
        height: 20px !important;
    }
    .related-news .flickity-button.previous {
        left: unset;
        right: 40px;
    }
    .related-news .flickity-button.next {
        right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .related-news .flickity-button {
        top: -11% !important;
    }
}

.related-news__head {
    padding-bottom: 7px;
    border-bottom: 1px solid #dddddd;
}

.investor {
    padding: 80px 0;
}

@media only screen and (max-width: 767px) {
    .investor {
        padding: 50px 0;
    }
}

.investor__text {
    font-size: 16px;
}

.investor__list {
    margin-top: 30px;
}

.investor__item .investor__item-image {
    padding: 20px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border: 1px solid #8b8b8b;
    height: 230px;
    box-shadow: 0px 4px 3px #00000026;
}

.investor__item .investor__item-image img {
    width: 60%;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.investor__item .investor__item-image:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.investor__item .investor__item-name {
    margin: 10px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 2;
    font-size: 17px;
}

.investor__item .investor__item-desc {
    margin-top: auto;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    line-height: 1.7;
}

.page-carousel .carousel-cell {
    height: 600px;
}

@media only screen and (max-width: 767px) {
    .page-carousel .carousel-cell {
        height: 300px;
    }
}

.page-carousel .carousel-cell img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.about-text {
    padding: 60px 0;
}

@media only screen and (max-width: 767px) {
    .about-text {
        padding: 50px 0 30px 0;
    }
}

.about-text__content {
    margin-top: 40px;
    font-size: 16px;
}

@media screen and (max-width:767px) {
    .about-text__content {
        margin-top: 20px;
    }
}

.about-project {
    padding: 60px 0;
}

@media only screen and (max-width: 767px) {
    .about-project {
        padding: 30px 0;
    }
}

.about-project__list {
    margin-top: 40px;
}

.about-project__item {
    padding-bottom: 75%;
}

.about-project__item .item__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.about-project__item .item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.about-project__item:hover .item__image img {
    transform: scale(1.2) rotate(-7deg);
    -webkit-transform: scale(1.2) rotate(-7deg);
    -moz-transform: scale(1.2) rotate(-7deg);
    -ms-transform: scale(1.2) rotate(-7deg);
    -o-transform: scale(1.2) rotate(-7deg);
}

.about-project__item .item__name {
    bottom: 0;
    padding: 15px;
    font-size: 18px;
    background: linear-gradient( 8deg, rgba(0, 0, 0, 0.6867121849) 0%, rgba(255, 255, 255, 0) 100%);
}

.about-investor {
    background-color: #f3f2f0;
    padding: 60px 0 100px 0;
}

.about-investor__carousel {
    margin-top: 40px;
}

.about-investor__carousel .flickity-page-dots {
    bottom: -40px;
}

.about-investor__carousel .flickity-page-dots .dot {
    background-color: var(--primary-color);
}

.about-investor .about-investor__item img {
    max-width: 60%;
}

@media only screen and (max-width: 767px) {
    .about-investor .about-investor__item img {
        max-width: 90%;
    }
}

.company-culture {
    padding: 50px 0;
}

.company-culture__list {
    margin-top: 40px;
}

.company-culture__item {
    height: 100%;
}

.company-culture__item .item__icon {
    max-width: 100px;
}

.company-culture__item .item__title {
    margin-top: 10px;
    font-size: 19px;
    font-weight: 600;
}

.company-culture__item .item__content {
    margin-top: 15px;
    text-align: justify;
    color: #606060;
    line-height: 1.7;
    font-size: 16px;
}

@media screen and (max-width:1023px) {
    .company-culture__item .item__content {
        font-size: 14px;
    }
}


/** Department **/

.department {
    background: #fafafa;
    padding: 60px 0;
}

.department__item {
    position: relative;
    padding-bottom: 55%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}

.department__item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.department__item-name {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, var(--primary-color) 85%);
    padding: 20px 15px 10px 20px;
    font-size: 18px;
}


/** Reason **/

.company-reason {
    padding: 70px 0;
}


/** Recruitment block **/

.recruitment-block {
    padding: 70px 0;
}

.recruitment__tab .nav {
    column-gap: 7px;
}

.recruitment__tab .nav .nav-item {
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px 15px;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    font-size: 18px;
}

@media only screen and (max-width: 767px) {
    .recruitment__tab .nav .nav-item {
        font-size: 12px;
    }
}

.recruitment__tab .nav .nav-item:hover {
    border-color: transparent;
}

.recruitment__tab .nav .nav-item.active {
    background: #f0f0f0;
    color: #000;
}

.recruitment__tab .tab-pane-inner {
    background: #f0f0f0;
    padding: 20px 30px;
    margin-bottom: 20px;
}

.recruitment__form {
    padding: 30px 0;
}

.recruitment__form-head {
    padding-left: 8px;
    border-left: 5px solid #004395;
    line-height: 1;
    padding-top: 4px;
}

.recruitment__form-left .left__download {
    padding: 5px 10px;
    border-radius: 5px;
    width: max-content;
}

.recruitment__form-left .left__download:before {
    margin-right: 5px;
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.4375 0H11.5625C12.082 0 12.5 0.417969 12.5 0.9375V7.5H15.9258C16.6211 7.5 16.9687 8.33984 16.4766 8.83203L10.5352 14.7773C10.2422 15.0703 9.76172 15.0703 9.46875 14.7773L3.51953 8.83203C3.02734 8.33984 3.375 7.5 4.07031 7.5H7.5V0.9375C7.5 0.417969 7.91797 0 8.4375 0ZM20 14.6875V19.0625C20 19.582 19.582 20 19.0625 20H0.9375C0.417969 20 0 19.582 0 19.0625V14.6875C0 14.168 0.417969 13.75 0.9375 13.75H6.66797L8.58203 15.6641C9.36719 16.4492 10.6328 16.4492 11.418 15.6641L13.332 13.75H19.0625C19.582 13.75 20 14.168 20 14.6875ZM15.1562 18.125C15.1562 17.6953 14.8047 17.3438 14.375 17.3438C13.9453 17.3438 13.5938 17.6953 13.5938 18.125C13.5938 18.5547 13.9453 18.9062 14.375 18.9062C14.8047 18.9062 15.1562 18.5547 15.1562 18.125ZM17.6562 18.125C17.6562 17.6953 17.3047 17.3438 16.875 17.3438C16.4453 17.3438 16.0938 17.6953 16.0938 18.125C16.0938 18.5547 16.4453 18.9062 16.875 18.9062C17.3047 18.9062 17.6562 18.5547 17.6562 18.125Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.recruitment__form-right input,
.recruitment__form-right select,
.recruitment__form-right button {
    font-size: 15px;
    height: 40px;
}

.recruitment__form-right button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    line-height: 1;
}

.recruitment__form-right button:before {
    margin-right: 5px;
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M17.1884 0.254404L0.938365 9.6255C-0.405385 10.4028 -0.276479 12.3911 1.16102 12.981L5.62587 14.8286V18.1255C5.62587 19.938 7.93837 20.6841 9.00868 19.2427L10.7196 16.9341L15.0907 18.7388C15.3212 18.8325 15.5634 18.8794 15.8056 18.8794C16.1259 18.8794 16.4423 18.7974 16.7274 18.6372C17.2274 18.356 17.5712 17.856 17.661 17.2896L19.9813 2.16456C20.2196 0.598154 18.5399 -0.52294 17.1884 0.254404V0.254404ZM7.50087 18.1255V15.6021L8.93055 16.1919L7.50087 18.1255ZM15.8056 17.0044L9.79774 14.5239L15.2743 6.62159C15.6923 6.01612 14.9032 5.313 14.3485 5.79347L6.0868 12.9927L1.87587 11.2505L18.1259 1.8755L15.8056 17.0044Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.recruitment__form-right input[type="file"] {
    padding-top: 5px;
}

.recruitment__process {
    background: transparent url(../images/hc.png) no-repeat center 0;
}

.recruitment__process-inner {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.recruitment__process-item {
    margin-top: 30px;
    font-size: 17px;
}

.recruitment__process-item .item__image {
    background: url(../images/home-concept-item.png) no-repeat 0 0;
    width: 160px;
    height: 175px;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 5px;
}

.recruitment__process-item .item__image img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.recruitment__process-item p {
    margin-top: 25px;
    margin-bottom: 10px;
}

.recruitment__process-item span {
    min-height: 38px;
}

.recruitment__process .process--big .recruitment__process-item .item__image {
    background: transparent url(../images/hpt.png) no-repeat 100% 0;
    width: 350px;
    height: 350px;
}

@media only screen and (max-width: 767px) {
    .recruitment__process .process--big .recruitment__process-item .item__image {
        width: 290px;
        height: 320px;
        background-size: cover;
        background-position: left -4px top 2px;
        padding: 7px 0;
    }
    .recruitment__process .process--big .recruitment__process-item .item__image img {
        width: 95%;
    }
}

.recruitment-gallery {
    background: #fafafa;
    padding: 60px 0;
}


/** Gallery **/

.recruitment-gallery__list {
    column-count: 4;
    column-gap: 2px;
    row-gap: 2px;
}

@media only screen and (max-width: 1023px) {
    .recruitment-gallery__list {
        column-count: 2;
    }
}

@media only screen and (max-width: 767px) {
    .recruitment-gallery__list {
        column-count: 1;
    }
}

.recruitment-gallery__item {
    position: relative;
    margin-bottom: 2px;
}

.recruitment-gallery__item img {
    min-height: 200px;
}

.recruitment-gallery__item p {
    padding: 40px 20px 20px 20px;
    bottom: 0px;
    position: absolute;
    color: #fff;
    z-index: 99;
}

.recruitment-gallery__item p:before {
    content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.125 10H15V7.5C15 6.12109 16.1211 5 17.5 5H17.8125C18.332 5 18.75 4.58203 18.75 4.0625V2.1875C18.75 1.66797 18.332 1.25 17.8125 1.25H17.5C14.0469 1.25 11.25 4.04687 11.25 7.5V16.875C11.25 17.9102 12.0898 18.75 13.125 18.75H18.125C19.1602 18.75 20 17.9102 20 16.875V11.875C20 10.8398 19.1602 10 18.125 10ZM6.875 10H3.75V7.5C3.75 6.12109 4.87109 5 6.25 5H6.5625C7.08203 5 7.5 4.58203 7.5 4.0625V2.1875C7.5 1.66797 7.08203 1.25 6.5625 1.25H6.25C2.79687 1.25 0 4.04687 0 7.5V16.875C0 17.9102 0.839844 18.75 1.875 18.75H6.875C7.91016 18.75 8.75 17.9102 8.75 16.875V11.875C8.75 10.8398 7.91016 10 6.875 10Z' fill='%23ddb60f'/%3E%3C/svg%3E%0A");
    margin-right: 3px;
}

.recruitment-gallery__item p:after {
    content: "";
    background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, var(--primary-color) 100%);
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}


/* Contact */

.contact {
    padding: 70px 0;
}

.contact .contact__title {
    font-size: 23px;
    color: var(--primary-color);
    margin-bottom: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

@media only screen and (max-width: 1023px) {
    .contact .contact__title {
        font-size: 20px;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .contact .contact__info {
        margin-bottom: 30px;
    }
}

.contact .contact__info .contact__text {
    font-size: 16px;
    color: #000;
    margin-bottom: 16px;
}

.contact .contact__info .contact__text p {
    margin-bottom: 16px;
}

.contact .contact__info .contact__text a {
    color: var(--primary-color);
}

.contact__form {
    /* margin-top: 30px; */
}

.contact .contact__form input,
.contact .contact__form textarea {
    height: auto;
    padding: 7px 12px;
    font-size: 16px;
    box-shadow: none;
}

.contact .contact__form button {
    padding: 10px 30px;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 16px;
    width: 80%;
}

@media screen and (max-width:1023px) {
    .contact .contact__form button {
        width: 100%;
        font-size: 12px;
    }
}

@media screen and (max-width:374px) {
    .contact .contact__form button {
        padding: 10px 15px;
        font-size: 11px;
    }
}

.contact__form .wpcf7 .ajax-loader {
    position: absolute;
    right: 0;
}

.contact .contact__form button:hover {
    background-color: #045a91;
}

.contact .contact__map {
    margin-top: 35px;
}

.contact .contact__map iframe {
    width: 100%;
}

.contact .footer__contact {
    font-size: 18px;
}

.contact .footer__contact li {
    width: 100%;
    color: #000000;
}

.contact .footer__contact li a {
    color: #000000;
}


/* Sidebar
--------------------------------------------- */


/** Sidebar **/

.sidebar__block-head {
    border-bottom: 1px solid #5f5f5f;
    padding-bottom: 7px;
}

.sidebar__block {
    margin-bottom: 40px;
}

.sidebar__list {
    margin-top: 30px;
}

.sidebar__item {
    margin-bottom: 15px;
}

.sidebar__item-image {
    max-width: 40%;
    flex-basis: 40%;
    position: relative;
    padding-bottom: 35%;
    border-radius: 5px;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-right: 10px;
}

.sidebar__item-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.sidebar__item-image:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.sidebar__item-right {
    max-width: 50%;
    flex-basis: 50%;
}

.sidebar__item-right .right-title {
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Merriweather, sans-serif;
}

@media only screen and (max-width: 1199px) {
    .sidebar__item-right .right-title {
        font-size: 13px;
    }
}

.sidebar__item-right .right-title:hover {
    color: var(--primary-color);
}

.sidebar__item-right .right-info {
    font-size: 13px;
    color: #7d7d7d;
    margin-top: 7px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 1199px) {
    .sidebar__item-right .right-info {
        font-size: 12px;
    }
}

.sidebar__item-right .right-info a {
    color: #7d7d7d;
}

.sidebar__item-right .right-info a:hover {
    color: var(--primary-color);
}


/* Forms
--------------------------------------------- */


/** Form **/


/* Footer
--------------------------------------------- */


/** Footer **/

.footer {
    background-color: #363636;
}

.footer ul {
    list-style: none;
}

.footer ul li a {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.footer ul li a:hover {
    color: var(--primary-color);
}

.footer__top {
    padding: 50px 0;
}

@media only screen and (max-width: 767px) {
    .footer__top {
        padding: 30px 0;
    }
}

.footer__logo {
    margin-bottom: 20px;
    max-width: 145px;
}

.footer__title {
    margin-bottom: 30px;
    font-weight: 700;
}

@media screen and (max-width:767px) {
    .footer__title {
        margin-bottom: 15px;
    }
}

.footer__contact svg path {
    stroke: var(--primary-color);
}

.footer__contact li {
    color: #b4aca8;
    margin-bottom: 15px;
    line-height: 1.7;
    display: flex;
}

@media screen and (max-width:767px) {
    .footer__contact li {
        max-width: 100%;
        flex-basis: 100%;
    }
}

.footer__contact li span {
    display: inline-block;
    width: 20px;
    flex-shrink: 0;
    margin-right: 10px;
}

.footer__contact li a {
    color: #b4aca8;
}

.footer__social {
    margin-top: 30px;
}

@media only screen and (max-width: 767px) {
    .footer__social {
        margin-top: 20px;
    }
}

.footer__social svg {
    position: relative;
}

.footer__social svg path {
    /* fill: var(--primary-color); */
}

.footer__social li {
    margin-right: 7px;
}

.footer__social li a {
    position: relative;
    display: block;
}

.footer__social li a:before {
    /* content: "";
background-color: #fff;
width: 20px;
height: 20px;
display: block;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%); */
}

.footer__menu ul li {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.footer__menu ul li:before {
    margin-right: 5px;
    content: url("data:image/svg+xml,%3Csvg width='7' height='10' xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 10 16.18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23f03c02;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Edown-chevron%3C/title%3E%3Cpolygon class='cls-1' points='0 1.91 6.18 8.09 0 14.28 1.91 16.18 10 8.09 1.91 0 0 1.91'/%3E%3C/svg%3E");
    height: 17px;
}

.footer__menu ul li a {
    color: #b4aca8;
    font-size: 15px;
}

.footer__form input,
.footer__form textarea {
    color: #363636;
    width: 100%;
    font-size: 15px;
    padding-left: 10px;
    outline: none;
}

.footer__form input::placeholder,
.footer__form textarea::placeholder {
    color: #363636;
    font-size: 15px;
}

.footer__form input {
    height: 35px;
    margin-bottom: 10px;
}

.footer__form textarea {
    margin-bottom: 15px;
    padding-top: 10px;
}

.footer__form button {
    font-size: 14px;
    padding: 5px 7px;
}

.footer__bottom {
    border-top: 2px solid #626262;
    padding: 15px 0;
    color: #b4aca8;
    font-size: 14px;
}

.footer__bottom ul {
    display: flex;
}

@media screen and (max-width:767px) {
    .footer__bottom ul {
        margin-top: 15px;
    }
}

.footer__bottom ul li {
    margin-left: 15px;
}

.footer__bottom ul li:before {
    content: "|";
    margin-right: 8px;
}

@media screen and (max-width:767px) {
    .footer__bottom ul li:before {
        display: none;
    }
}

.footer__bottom ul li a {
    color: #b4aca8;
}


/*# sourceMappingURL=style.css.map */

.page-load-status {
    display: none;
}

.loader-ellips {
    font-size: 20px;
    position: relative;
    width: 4em;
    height: 1em;
    margin: 10px auto;
}

.see-more button:disabled,
.see-more button[disabled] {
    display: none;
}

.loader-ellips__dot {
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    background: #f03b02;
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
    left: 0;
}

.loader-ellips__dot:nth-child(3) {
    left: 1.5em;
}

.loader-ellips__dot:nth-child(4) {
    left: 3em;
}

@keyframes reveal {
    from {
        transform: scale(0.001);
    }
    to {
        transform: scale(1);
    }
}

@keyframes slide {
    to {
        transform: translateX(1.5em);
    }
}

.loader-ellips__dot:nth-child(1) {
    animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
    animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
    animation-name: reveal;
    animation-direction: reverse;
}

.d-flex.justify-content-center.loadmore.see-more.d-none {
    display: none !important;
}


/** Project detail qa **/

.project-detail__qa {
    padding: 60px 0 40px 0;
}

.project-detail__qa .qa__list {
    margin-top: 20px;
}

.project-detail__qa .qa__item {
    margin-bottom: 30px;
    font-size: 18px;
    padding-left: 15px;
    border-left: 3px solid var(--primary-color);
}

.project-detail__qa .qa__item .qa__item-title {
    margin-bottom: 10px;
    font-size: 20px;
}

.project-detail__qa .qa__item .qa__item-content {
    font-size: 18px;
    line-height: 1.5;
}

@media screen and (max-width:767px) {
    .project-detail__qa .qa__item .qa__item-title {
        font-size: 18px;
    }
    .project-detail__qa .qa__item .qa__item-content {
        font-size: 15px;
    }
}

.investor__search {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
}

@media screen and (max-width:1023px) {
    .investor__search {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
    }
}

@media screen and (max-width:374px) {
    .investor__search {
        width: 90%;
    }
}

.investor__search .page-banner__title {
    position: relative;
    width: 100%;
}

.investor__search .investor__search-form {
    border-radius: 5px;
    overflow: hidden;
}

.investor__search .investor__search-form input {
    flex: 1;
    background-color: #fff;
    border: none;
    outline: none;
    height: 45px;
    padding-left: 15px;
    margin-left: -1px;
}

@media screen and (max-width:767px) {
    .investor__search .investor__search-form input {
        padding-left: 0;
        height: 40px;
    }
    .investor__search .investor__search-form input::placeholder {
        font-size: 11px;
    }
}

@media screen and (max-width:374px) {
    .investor__search .investor__search-form input::placeholder {
        font-size: 10px;
    }
}

.investor__search .investor__search-form button {
    background-color: #fff;
    display: flex;
    height: 45px;
    padding: 10px 20px;
    border: none;
    outline: none;
    align-items: center;
}

@media screen and (max-width:767px) {
    .investor__search .investor__search-form button {
        padding: 10px 8px;
        height: 40px;
    }
}

.investor__search .investor__search-form button:after {
    height: 20px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23f03b02' width='20' height='20' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 511.999 511.999' style='enable-background:new 0 0 511.999 511.999;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M508.874,478.708L360.142,329.976c28.21-34.827,45.191-79.103,45.191-127.309c0-111.75-90.917-202.667-202.667-202.667 S0,90.917,0,202.667s90.917,202.667,202.667,202.667c48.206,0,92.482-16.982,127.309-45.191l148.732,148.732 c4.167,4.165,10.919,4.165,15.086,0l15.081-15.082C513.04,489.627,513.04,482.873,508.874,478.708z M202.667,362.667 c-88.229,0-160-71.771-160-160s71.771-160,160-160s160,71.771,160,160S290.896,362.667,202.667,362.667z'/%3E%3C/g%3E%3C/g%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3C/svg%3E");
}

@media screen and (max-width:767px) {
    .investor__search .investor__search-form button:after {
        height: 13px;
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23f03b02' width='15' height='15' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 511.999 511.999' style='enable-background:new 0 0 511.999 511.999;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M508.874,478.708L360.142,329.976c28.21-34.827,45.191-79.103,45.191-127.309c0-111.75-90.917-202.667-202.667-202.667 S0,90.917,0,202.667s90.917,202.667,202.667,202.667c48.206,0,92.482-16.982,127.309-45.191l148.732,148.732 c4.167,4.165,10.919,4.165,15.086,0l15.081-15.082C513.04,489.627,513.04,482.873,508.874,478.708z M202.667,362.667 c-88.229,0-160-71.771-160-160s71.771-160,160-160s160,71.771,160,160S290.896,362.667,202.667,362.667z'/%3E%3C/g%3E%3C/g%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3Cg/%3E%3C/svg%3E");
    }
}


/** About **/

.about-vision {
    background-color: #fff8f2;
    padding: 50px 0;
}

.about-vision__item {}

.about-vision__item .item__title {}

.about-vision__item .item__contnet {}

.about-prize {
    padding: 60px 0;
    background-color: #f3f2f0;
}

.about-prize__icon {}

.about-prize__icon svg path {
    fill: #daa549!important;
}

.about-prize__content {
    margin-top: 30px;
    font-size: 20px;
    position: relative;
}

.about-prize__content:before {
    position: absolute;
    left: -50px;
    top: 0;
    content: url("data:image/svg+xml,%3Csvg width='30' xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='quote-left' class='svg-inline--fa fa-quote-left fa-w-16' role='img' viewBox='0 0 512 512'%3E%3Cpath fill='%23f03b02%0A' d='M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
}

.about-prize__content:after {
    position: absolute;
    top: 0;
    right: -50px;
    content: url("data:image/svg+xml,%3Csvg width='30' xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='quote-right' class='svg-inline--fa fa-quote-right fa-w-16' role='img' viewBox='0 0 512 512'%3E%3Cpath fill='%23f03b02' d='M464 32H336c-26.5 0-48 21.5-48 48v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48zm-288 0H48C21.5 32 0 53.5 0 80v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
}

@media screen and (max-width:767px) {
    .about-prize__content {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
    }
    .about-prize__content:before {
        left: -24px;
        content: url("data:image/svg+xml,%3Csvg width='20' xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='quote-left' class='svg-inline--fa fa-quote-left fa-w-16' role='img' viewBox='0 0 512 512'%3E%3Cpath fill='%23f03b02%0A' d='M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
    }
    .about-prize__content:after {
        right: -24px;
        content: url("data:image/svg+xml,%3Csvg width='20' xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='quote-right' class='svg-inline--fa fa-quote-right fa-w-16' role='img' viewBox='0 0 512 512'%3E%3Cpath fill='%23f03b02' d='M464 32H336c-26.5 0-48 21.5-48 48v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48zm-288 0H48C21.5 32 0 53.5 0 80v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
    }
}

.about-history {
    padding: 60px 0;
}

.about-history-inner {
    margin-top: 50px;
}

.about-history__img {
    position: relative;
    padding-bottom: 126%;
}

.about-history__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-history__img:before {
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    left: -7px;
    background-color: var(--primary-color);
    width: 17%;
    height: 25%;
}

.about-history__img:after {
    content: '';
    display: block;
    position: absolute;
    width: 25%;
    height: 17%;
    bottom: -7px;
    background-color: var(--primary-color);
    right: -7px;
    z-index: -1;
}

@media screen and (min-width:1024px) {
    .about-history__list {
        padding-left: 30px;
    }
}

.about-history__item {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1.5;
}

.about-history__item .item__year {
    background-color: var(--primary-color);
    color: #fff;
    padding: 4px 6px;
    margin-right: 15px;
}

.about-history__item .item__content {
    background-color: #f3f2f0;
    padding: 10px 20px;
    position: relative;
    border-radius: 5px;
}

.about-history__item .item__content:after {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #f3f2f0;
    transform: rotate(45deg) translateY(-50%);
    left: -13px;
    top: 50%;
    position: absolute;
    display: block;
}

.about-chart {
    padding: 60px 0;
}


/** Chart **/

.org-chart {
    display: flex;
    justify-content: center;
}

@media screen and (max-width:767px) {
    .org-chart {
        margin-left: -10px;
        margin-right: -10px;
    }
}

.org-chart ul {
    padding-top: 30px;
    position: relative;
    transition: all 0.5s;
    display: flex;
    flex-wrap: wrap;
}

.org-chart ul li ul li ul {
    flex-direction: column;
}

.org-chart ul ul::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    border-left: 1px solid #ccc;
    width: 0;
}

.org-chart li {
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 10px;
    transition: all 0.5s;
}

.org-chart li::before,
.org-chart li::after {
    /* content: "";
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #ccc;
    width: 50%;
    height: 20px; */
}

.org-chart li::after {
    right: auto;
    left: 50%;
    border-left: 1px solid #ccc;
}

.org-chart li:only-child::after,
.org-chart li:only-child::before {
    display: none;
}

.org-chart ul li ul li ul li {
    padding: 0;
}

.org-chart ul li ul li ul li:before,
.org-chart ul li ul li ul li:after {
    display: none;
}

.org-chart li:only-child {
    padding-top: 0;
}

.org-chart li:first-child::before,
.org-chart li:last-child::after {
    border: 0 none;
}

.org-chart li:last-child::before {
    border-right: 1px solid #ccc;
    border-radius: 0 5px 0 0;
}

.org-chart li:first-child::after {
    border-radius: 5px 0 0 0;
}

.org-chart li .user {
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    padding: 20px 10px;
    transition: all 0.5s;
    background: var(--primary-color);
    border-radius: 6px;
    width: 115px;
    height: 115px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

@media screen and (max-width:767px) {
    .org-chart li .user {
        width: 110px;
        min-height: 100px;
        font-size: 14px;
    }
}

@media screen and (max-width:424px) {
    .org-chart li .user {
        width: 105px;
    }
}

@media screen and (max-width:400px) {
    .org-chart li .user {
        width: 93px;
        word-break: break-word;
        padding-left: 5px;
        padding-right: 5px;
    }
    .org-chart li {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (max-width:374px) {
    .org-chart li .user {
        width: 87px;
        font-size: 12px;
    }
}

.org-chart li .user>div,
.org-chart li .user>a {
    font-size: 12px;
}

.org-chart li .user .name {
    font-size: 16px;
}

.org-chart .user {
    position: relative;
}

.org-chart>ul>li>.user:before {
    content: '';
}

.org-chart>ul>li>ul:before {
    content: '';
    display: block;
    width: 67%;
    top: 28px;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--primary-color);
    opacity: 0.6;
}

.org-chart .user:before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    content: url("data:image/svg+xml,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 17L7 1M7 17L1 11M7 17L13 11' stroke='%23f03b02' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}


/** Select **/

.project-banner__search-inner .select2-container .select2-selection--single {
    height: 40px!important;
    display: flex;
    align-items: center;
    padding: 0 3px;
}

.project-banner__search-inner .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px;
}

.project-banner__search-inner .select2-results__option {
    padding: 8px 10px;
}

.select2-results__option {
    font-size: 14px!important;
}

.project-banner__search-inner .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #000 transparent transparent transparent;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

.contact__phone {
    margin-top: 20px;
}

.contact__phone-item {
    border: 1px solid var(--primary-color);
    padding: 15px 20px;
    color: var(--primary-color);
    margin-right: 10px;
}

.contact__phone-item:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.project-detail-button {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 99;
}

.project-detail-button .button__item {
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width:424px) {
    .project-detail-button .button__item {
        font-size: 12px;
    }
}

@media screen and (max-width:374px) {
    .project-detail-button .button__item {
        font-size: 10px;
    }
}

.project-detail-button .button__call {
    background-color: var(--primary-color);
}

.project-detail-button .button__call svg {
    margin-right: 5px;
}

.project-detail-button .button__call svg path {
    fill: #fff;
}

.project-detail-button .button__download {
    background-color: #0072bb;
}

.price-modal .modal-header {
    position: relative;
    padding: 15px;
}

.price-modal .close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 2px;
    right: 5px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 999;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px -1px 10px grey;
}

.price-modal .close span {
    line-height: 0;
}

.price-modal .modal-title {
    width: 100%;
    background-color: #0b2341;
    color: #fff;
    text-align: center;
    padding: 14px 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.price-modal .modal-content {
    border: none;
}

@media screen and (max-width:767px) {
    .price-modal .modal-dialog {
        margin: 2.5rem;
    }
}

.price-modal .modal-body .form-control {
    margin-bottom: 15px;
}

.price-modal .modal-body textarea {
    height: 70px;
    padding-top: 5px;
}

.price-modal .modal-body textarea,
.price-modal .modal-body input {
    min-height: 41px;
    font-size: 13px;
    padding-left: 10px;
}

.price-modal .modal-body textarea::placeholder,
.price-modal .modal-body input::placeholder {
    font-size: 15px;
}

.price-modal .modal-body button {
    height: 40px;
    font-size: 16px;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

@media screen and (max-width:767px) {
    .single-project .backToTop {
        display: none;
    }
    .flickity-prev-next-button {
        width: 40px;
        height: 40px;
    }
}

.swal2-popup {
    font-size: 16px;
}

.qa__rating {
    margin-top: 20px;
}

.select2-dropdown {
    z-index: 10000;
}

.fb_dialog_content iframe {
    bottom: 90px!important;
}

@media screen and (max-width:767px) {
    .fb_reset {
        display: none!important;
    }
    .fb-customerchat iframe,
    .fb-customerchat {
        opacity: 0!important;
        visibility: hidden!important;
    }
}

.project-share-text {
    max-width: 50%;
    flex-basis: 50%;
    text-align: right;
}

[class^=swal2] {
    font-size: 15px;
}

.iframe-16-9 {
    position: relative;
    padding-bottom: 56.25%;
}

.iframe-16-9 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*13/5/22*/
.header__main .header__logo img{max-height: 94px;}
.header__main {
    box-shadow: 0px 4px 10px rgb(90 90 90 / 75%);
}

.section__head p{
    font-size: 18px;
    font-weight: 600;
    color:#000 !important;
    text-align: center;
}
.section__head h2{
    font-family: Merriweather;
    font-weight: 900 !important;
    color: var(--primary-color);
}
.form-regis-info{
margin-top: 40px; }

.home-banner .flickity-button,.home-banner .flickity-page-dots {z-index: 99; }

.form-regis-info .s_container {
    background: rgb(22 20 20 / 88%);
    padding: 3rem;
}

.form-regis-info input, .form-regis-info textarea {
    margin-bottom: 16px;
    max-width: 100%;
    height: 48px;
    background: rgb(255 255 255 / 90%);
    border: 1px solid rgb(255 255 255 / 20%);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 0 1.5rem;
    color: #000;
}

.form-regis-info textarea{
    height: 100px;
    padding: 1.5rem;
}
.form-regis-info .footer__title{
    font-size: 36px;
    color: #fff;
    margin-bottom: 2.5rem;
}
.form-regis-info .form-control:focus {
    color: #000;
    outline: 0;
    box-shadow: none;
    border-color: transparent;
}
.form-regis-info button{
    font-size: 20px;
    background: var(--primary-color) ;
    text-transform: uppercase;
    padding: 0 2.6rem;
    transition: 0.3s;
    margin-top: 2.5rem;
    height: 48px;
    border-radius: 0;
    font-weight: 700;
    border:0;
}


.form-regis-info button {
    font-size: 19px;
    background: var(--primary-color);
    text-transform: uppercase;
    padding: 0 2.6rem;
    transition: 0.3s;
    margin-top: 1.5rem;
    height: 48px;
    border-radius: 0;
    font-weight: 700;
}

img[class*="fit-"] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.fit-cover {object-fit: cover; }
.pa1{display: block; position: relative; overflow: hidden; }
.home-intro__category-link{padding-top: 50%;}

.home-intro__category-link img{transition: 0.3s;}
.home-intro__category-link:hover img{transform: scale(1.1);}
.home-intro__category-link .txt-content {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    z-index: 1;
    background: rgba(0,0,0,.3);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    font-size: 20px;
    font-weight: 700;
    transition: 0.3s;
}

.home-intro__category-link:hover .txt-content{
    background: rgba(0,0,0,.5);
}
.home-intro__category-link h4 {
    text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    color:var(--primary-color);font-family: Roboto;
}
@media (max-width: 1399px){
    .form-regis-info button {
        font-size: 17px;
        padding: 0 2rem;
        transition: 0.3s;
        margin-top: 1.5rem;
        height: 40px;
    }

    .form-regis-info .footer__title {
        font-size: 25px;
        margin-bottom: 1.75rem;
    }

    .form-regis-info .s_container {
        max-width: 600px;
        padding: 2rem 3rem;
    }

    .form-regis-info input, .form-regis-info textarea {
        height: 40px;
        padding: 0 1.25rem;
    }
    .form-regis-info textarea {
        height: 80px;
        padding:1rem 1.5rem;
    }

    .header__menu ul li a {
        padding: 15px 0;
    }

}
@media only screen and (max-width: 1199px) {
    .home-testimonial .flickity-prev-next-button{display: none;}
}
@media only screen and (max-width: 767px) {
    .form-regis-info {
        position: relative !important;
        margin: 2rem 0;
    }
    .form-regis-info .container{padding: 0;}
    .form-regis-info .s_container {
        max-width: 500px;
        padding: 2rem 1.5rem;
    }
    .header__logo {max-width: 140px; }
    .home-intro__category-link .txt-content {font-size: 16px;}
}