/*-------------------------------------------------------------->>> TABLE OF CONTENTS:----------------------------------------------------------------# Generic	- Normalize	- Box sizing# Base	- Typography	- Elements	- Links	- Forms## Layouts# Components	- Navigation	- The content	- Header	- Footer	- General	- Home# plugins	- Jetpack infinite scroll# Utilities	- Accessibility	- Alignments  --------------------------------------------------------------*/

/* Ws var colors */

/*02 Font-size */

/*03 edutrust Mixin */

/*--------------------------------------------------------------# Generic--------------------------------------------------------------*/

/* Normalize--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document========================================================================== */

/** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

/* Sections========================================================================== */

/** * Remove the margin in all browsers. */

body {
    margin: 0;
}

/** * Render the `main` element consistently in IE. */

main {
    display: block;
}

/** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content========================================================================== */

/** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Text-level semantics========================================================================== */

/** * Remove the gray background on active links in IE 10. */

a {
    background-color: transparent;
}

/** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

/** * Add the correct font weight in Chrome, Edge, and Safari. */

b,
strong {
    font-weight: bolder;
}

/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/** * Add the correct font size in all browsers. */

small {
    font-size: 80%;
}

/** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content========================================================================== */

/** * Remove the border on images inside links in IE 10. */

img {
    border-style: none;
}

/* Forms========================================================================== */

/** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

/** * Show the overflow in IE. * 1. Show the overflow in Edge. */

button,
input {
    overflow: visible;
}

/** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */

button,
select {
    text-transform: none;
}

/** * Correct the inability to style clickable types in iOS and Safari. */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/** * Remove the inner border and padding in Firefox. */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/** * Restore the focus styles unset by the previous rule. */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/** * Correct the padding in Firefox. */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out *		`fieldset` elements in all browsers. */

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */

progress {
    vertical-align: baseline;
}

/** * Remove the default vertical scrollbar in IE 10+. */

textarea {
    overflow: auto;
}

/** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

/** * Correct the cursor style of increment and decrement buttons in Chrome. */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

/** * Remove the inner padding in Chrome and Safari on macOS. */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* Interactive========================================================================== */

/* * Add the correct display in Edge, IE 10+, and Firefox. */

details {
    display: block;
}

/* * Add the correct display in all browsers. */

summary {
    display: list-item;
}

/* Misc========================================================================== */

/** * Add the correct display in IE 10+. */

template {
    display: none;
}

/** * Add the correct display in IE 10. */

[hidden] {
    display: none;
}

/* Box sizing--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */

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

/* Font website--------------------------------------------- */

/*--------------------------------------------------------------# Base--------------------------------------------------------------*/

/* Typography--------------------------------------------- */

body,
button,
input,
select,
optgroup,
textarea {
    color: #404040;
    font-family:
        -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",
        sans-serif;
    font-size: 1rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

/* Elements--------------------------------------------- */

body {
    background: #fff;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    max-width: 100%;
}

img {
    height: auto;
    max-width: 100%;
}

figure {
    margin: 1em 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

/* Links--------------------------------------------- */

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

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, 0.8);
    font-size: 0.75rem;
    line-height: 1;
    padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111;
}

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------# Layouts--------------------------------------------------------------*/

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

/* reset--------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
p,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
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%;
    vertical-align: baseline;
}

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

body {
    line-height: 1.5;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

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

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-size: 14px;
    /* font-family: "Quicksand", sans-serif; */
}

a {
    text-decoration: none !important;
}

img,
a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a {
    color: inherit;
    background-color: transparent;
    text-decoration: none;
}
p {
    font-size: 14px;
    line-height: 20px;
}

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

.mt-70 {
    margin-top: 70px;
}

.clear {
    clear: both;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(transparent),
        color-stop(rgba(255, 255, 255, 0.5)),
        to(transparent)
    );
    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);
}

@media screen and (min-width: 1200px) {
    .container {
        max-width: 1230px;
    }
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Navigation--------------------------------------------- */

.list-number-next-tab {
    margin-top: 30px;
}

@media screen and (max-width: 767px) {
    .list-number-next-tab {
        text-align: center;
    }
}

.list-number-next-tab ul li {
    display: inline-block;
}

.list-number-next-tab ul li a {
    display: block;
    font-size: 14px;
    text-align: center;
    padding: 7px 15px;
    border: 1px solid #ddd;
    color: #465363;
}

.list-number-next-tab ul li.active a,
.list-number-next-tab ul li:hover a {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: white;
}

/* Posts and pages--------------------------------------------- */

.the_content h2,
.the_content h3,
.the_content h4 {
    font-weight: bold;
    margin-bottom: 1rem;
}

.the_content h6 {
    font-size: 16px;
}

.the_content h5 {
    font-size: 18px;
}

.the_content h4 {
    font-size: 22px;
}

.the_content h3 {
    font-size: 25px;
}

.the_content h2 {
    font-size: 27px;
    line-height: 1.5;
}

.the_content p {
    line-height: 1.5;
    margin-bottom: 10px;
}

.the_content ul {
    list-style: disc;
    padding-left: 18px;
    padding-bottom: 5px;
}

.the_content ul li {
    line-height: 1.5;
    font-size: 16px;
    margin-bottom: 10px;
}

.the_content ul li a {
    color: #ff5912;
}

header {
    position: relative;
    z-index: 99999 !important;
    box-shadow:
        0.7px 4.5px 5.2px rgba(0, 0, 0, 0.048),
        -5px -2px 17.4px rgba(0, 0, 0, 0.072),
        1px 5px 17px rgba(0, 0, 0, 0.12);
}
header .header {
    padding: 10px 0;
}

.the_content ol {
    list-style: decimal;
    padding-left: 18px;
    padding-bottom: 5px;
    font-size: 16px;
}

.details-news-text-img .text-img-details-news {
    font-size: 16px;
}

.wp-block-table {
    margin-bottom: 10px;
}

.the_content ol li {
    line-height: 1.5;
    margin-bottom: 10px;
}

.the_content ol li a {
    color: #ff5912;
}

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

.the_content blockquote p {
    margin: 0 !important;
}

.the_content code {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    font-size: 0.85rem;
    color: #e83e8c;
}

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

.the_content iframe {
    margin: auto;
}

.the_content .syntaxhighlighter {
    padding: 10px 0;
}

:root {
    --primary-color: #dd1801;
    --secondary-color: #fff;
    --primary-color-hover: #9e1303;
}

.c-img {
    position: relative;
    width: 100%;
    display: block;
    padding-top: 70%;
}

.c-img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

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

.header_logo {
    padding: 4px 0px;
    position: relative;
}

.header_logo img {
    width: 200px;
}

.header_logo .icon-mobile {
    width: 30px;
    height: auto;
    min-height: auto;
    position: static;
}

.header_logo .icon-mobile svg {
    width: 30px;
    fill: var(--primary-color);
}

.header_logo .search-mobile {
    position: absolute;
    top: 50%;
    right: 0;
    width: auto;
    height: auto;
    min-height: auto;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: none;
}

@media screen and (max-width: 991px) {
    .header_logo .search-mobile {
        display: block;
    }
}

.header_logo .search-mobile svg {
    width: 30px;
    fill: var(--primary-color);
}

.header_icon_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header_icon_item img {
    width: 48px;
}

.header_icon_item .text {
    padding-left: 15px;
}

.header_icon_item .text h3 {
    font-size: 15px;
    color: #7a7a7a;
    font-weight: bold;
    padding-bottom: 5px;
}

.header_icon_item .text span {
    font-size: 14px;
    color: #7a7a7a;
}

.menu {
    height: 55px;
    background-color: var(--primary-color);
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #a50f00),
        color-stop(50%, var(--primary-color)),
        to(#ff3b1f)
    );

    background: linear-gradient(90deg, #a50f00 0%, var(--primary-color) 50%, #ff3b1f 100%);
}

.menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.menu ul li {
    line-height: 55px;
    position: relative;
}

.menu nav > ul > li.menu-item-has-children > a::after {
    content: "\f107";
    font-family: fontawesome;
    font-weight: normal;
    margin-left: 5px;
}

.menu ul li.menu-normal:hover ul {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.menu ul li.menu-normal ul {
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 180px;
    display: block;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #a50f00),
        color-stop(50%, var(--primary-color)),
        to(#ff3b1f)
    );

    background: linear-gradient(90deg, #a50f00 0%, var(--primary-color) 50%, #ff3b1f 100%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 999;
}

.menu ul li ul li {
    line-height: 1.5;
    padding: 10px 15px;
    border-bottom: 1px solid #ccc;
}

.menu ul li ul li a {
    text-transform: none;
    font-weight: 500;
}

.menu ul li a {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.menu ul li a:hover {
    color: #fedc0f;
}

.menu ul li .search {
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    line-height: 55px;
}

.menu .search-content {
    position: relative;
}

.menu .search-content .form-search {
    z-index: 999;
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 300px;
    padding: 5px;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #a50f00),
        color-stop(50%, var(--primary-color)),
        to(#ff3b1f)
    );

    background: linear-gradient(90deg, #a50f00 0%, var(--primary-color) 50%, #ff3b1f 100%);
}

.menu .search-content .form-search form {
    position: relative;
}

.menu .search-content .form-search form input {
    height: 40px;
    border-radius: 0;
    background: #fff;
    border: 1px solid #fff;
    font-size: 16px;
}

.menu .search-content .form-search form button {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    outline: none;
    border: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 0;
    font-size: 18px;
}

/* general--------------------------------------------- */

.title-main {
    margin-bottom: 60px;
}

.title-main .heading {
    font-size: 30px;
    color: var(--primary-color);
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 35px;
    position: relative;
    text-align: center;
}

.title-main .heading:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 32px;
    background: url(../images/icon/line.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20% auto;
}

@media only screen and (min-width: 992px) {
    .title-main.left .heading:before {
        background-position: left;
    }
}

.title-main p {
    font-size: 16px;
    line-height: 1.5;
    width: 80%;
    margin: 0 auto;
    color: var(--primary-color);
    text-align: center;
    font-weight: 500;
}

.pd-50 {
    padding: 50px 0px;
}

.more {
    text-align: center;
    margin-top: 40px;
}

.more a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 15px 20px;
    border-radius: 30px;
    background: var(--primary-color);
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid var(--primary-color);
}

.more a:hover {
    background: transparent;
    color: var(--primary-color);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.overflow {
    display: block;
    overflow: hidden;
}

.scroll-top {
    display: none;
}

.active-scroll {
    display: block;
    position: fixed;
    bottom: 27px;
    right: 94px;
    z-index: 9999999999999;
}

@media (max-width: 767px) {
    .active-scroll {
        right: 20px;
    }
}

.active-scroll a {
    display: block;
    width: 45px;
    height: 45px;
    font-size: 20px;
    color: #fff;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #a50f00),
        color-stop(50%, var(--primary-color)),
        to(#ff3b1f)
    );

    background: linear-gradient(90deg, #a50f00 0%, var(--primary-color) 50%, #ff3b1f 100%);
    text-align: center;
    line-height: 45px;
    text-decoration: none;
    border-radius: 3px;
}

.hc-offcanvas-nav .nav-container,
.hc-offcanvas-nav .nav-wrapper,
.hc-offcanvas-nav ul {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #a50f00),
        color-stop(50%, var(--primary-color)),
        to(#ff3b1f)
    );

    background: linear-gradient(90deg, #a50f00 0%, var(--primary-color) 50%, #ff3b1f 100%);
}

.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav li.nav-back a {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #a50f00),
        color-stop(50%, var(--primary-color)),
        to(#ff3b1f)
    );

    background: linear-gradient(90deg, #a50f00 0%, var(--primary-color) 50%, #ff3b1f 100%);
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.hc-offcanvas-nav a {
    border-bottom: 1px solid #fff;
    font-size: 13px;
    text-transform: uppercase;
}

.hc-offcanvas-nav h2 {
    font-weight: bold;
    color: #fff;
    font-size: 15px;
}

.hc-offcanvas-nav li.nav-close span::before,
.hc-offcanvas-nav li.nav-close span::after {
    border-left: 0;
    width: 25px;
    height: 15px;
}

.hc-offcanvas-nav li.nav-close span::before {
    margin-left: -10px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -13px;
}

.hc-offcanvas-nav li.nav-close span::after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-top: -13px;
    margin-left: -1px;
}

.nav-close a {
    padding: 25px 15px;
}

.hc-offcanvas-nav h2 {
    text-transform: uppercase;
}

.full-search {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(2, 2, 2, 0.8);
    left: 0;
    top: 0;
    z-index: 999999999;
    display: none;
}

.full-search .input-search {
    width: 70%;
    margin: 20% auto;
    border-bottom: 1px solid #ffff;
}

.full-search .input-search input {
    width: 100%;
    outline: none;
    background: none;
    width: calc(100% - 110px);
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    border-top: 0px;
    border-left: 0;
    border-right: 0;
    padding: 20px 20px;
    border: 0;
}

.full-search .input-search input:focus {
    color: #fff;
}

.full-search .input-search input::-webkit-input-placeholder {
    color: #fff;
}

.full-search .input-search input:-ms-input-placeholder {
    color: #fff;
}

.full-search .input-search input::-ms-input-placeholder {
    color: #fff;
}

.full-search .input-search input::placeholder {
    color: #fff;
}

.full-search .input-search button {
    width: 100px;
    color: #fff;
    font-size: 20px;
    background: none;
    outline: none;
    cursor: pointer;
    border-top: 0px;
    border-left: 0;
    border-right: 0;
    padding: 20.6px 20px;
    border: 0;
}

.full-search .times-search {
    position: absolute;
    top: 50px;
    right: 50px;
}

.full-search .times-search a {
    color: #fff;
    font-size: 30px;
}

.form-buy,
.form-tv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(2, 2, 2, 0.5);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 999999;
    display: none;
}

.form-buy .form-content,
.form-tv .form-content {
    max-width: 600px;
    background: #fff;
    width: 100%;
    padding: 20px;
    position: relative;
    border-radius: 20px;
}

.form-buy .form-content .js-times,
.form-tv .form-content .js-times {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 30px;
    z-index: 9;
}

.form-buy .form-content h3,
.form-tv .form-content h3 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    color: var(--primary-color);
    text-transform: uppercase;
}

.form-buy .form-content form .form-group,
.form-tv .form-content form .form-group {
    margin-bottom: 15px;
}

.form-buy .form-content form input,
.form-tv .form-content form input {
    height: 40px;
    padding-left: 10px;
}

.form-buy .form-content form .form-control,
.form-tv .form-content form .form-control {
    font-size: 15px;
    color: #000;
}

.form-buy .form-content form .form-control:focus,
.form-tv .form-content form .form-control:focus {
    border-color: #06b3ff;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(8, 232, 224, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(8, 232, 224, 0.25);
}

.form-buy .form-content form .flex-select label,
.form-tv .form-content form .flex-select label {
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    text-align: left;
}

.form-buy .form-content form .flex-select select,
.form-tv .form-content form .flex-select select {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}

.form-buy .form-content form label,
.form-tv .form-content form label {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 600;
    color: #333;
}

.form-buy .form-content form select,
.form-tv .form-content form select {
    height: 40px !important;
}

.form-buy .form-content form img,
.form-tv .form-content form img {
    width: 50px;
    margin-right: 5px;
}

.form-buy .form-content form .cv-content,
.form-tv .form-content form .cv-content {
    position: relative;
}

.form-buy .form-content form .cv-content .custom-file-upload,
.form-tv .form-content form .cv-content .custom-file-upload {
    display: block;
    width: 100%;
    min-width: 200px;
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 10px 12px;
    cursor: pointer;
}

.form-buy .form-content form .cv-content .custom-file-upload:hover,
.form-tv .form-content form .cv-content .custom-file-upload:hover {
    background: #06b3ff;
    color: #fff;
}

.form-buy .form-content form .cv-content .custom-file-upload:hover span,
.form-tv .form-content form .cv-content .custom-file-upload:hover span {
    color: #fff;
}

.form-buy .form-content form .cv-content span,
.form-tv .form-content form .cv-content span {
    display: inline-block;
}

.form-buy .form-content form .cv-content .file,
.form-tv .form-content form .cv-content .file {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.form-buy .form-content form span,
.form-tv .form-content form span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: var(--primary-color);
}

.form-buy .form-content form .httt-content,
.form-tv .form-content form .httt-content {
    background: #f7f7f7;
    padding: 15px 15px;
}

.form-buy .form-content form .httt,
.form-tv .form-content form .httt {
    font-size: 15px;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 15px;
}

.form-buy .form-content form ul,
.form-tv .form-content form ul {
    margin: 0;
}

.form-buy .form-content form ul li,
.form-tv .form-content form ul li {
    padding-bottom: 10px;
    font-size: 14px;
    color: #000;
}

.form-buy .form-content form ul li:last-child,
.form-tv .form-content form ul li:last-child {
    padding-bottom: 0;
}

.form-buy .form-content form .btn,
.form-tv .form-content form .btn {
    height: 40px;
    background: var(--primary-color);
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}

.form-buy .form-content form .btn-ap,
.form-tv .form-content form .btn-ap {
    width: 100%;
}

.active-buy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media screen and (max-width: 991px) {
    .form-tv .form-content {
        width: 95%;
    }
}

@media screen and (max-width: 767px) {
    .form-buy .form-content {
        height: 500px;
        overflow: auto;
    }
    .form-buy .form-content form .btn-ap {
        margin-top: 10px;
    }
}

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

.site-slide .owl-nav {
    margin-top: 0;
}

.site-slide .owl-nav button {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: 0;
    z-index: 99;
    background: none !important;
    outline: none;
    border: none;
}

.site-slide .owl-nav button:before {
    color: #ffffff;
    font-family: fontawesome;
    font-size: 30px;
    left: 0;
    line-height: 1;
    opacity: 0.75;
    position: absolute;
    top: -15px;
    width: 100%;
    font-weight: 900;
}

.site-slide .owl-nav button span {
    display: none;
}

.site-slide .owl-nav .owl-prev {
    left: 55px;
}

.site-slide .owl-nav .owl-prev:before {
    content: "\f104";
}

.site-slide .owl-nav .owl-next {
    right: 55px;
}

.site-slide .owl-nav .owl-next:before {
    content: "\f105";
}

.site-slide img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.site-video-hightlight .video {
    position: relative;
    border: 2px solid var(--primary-color);
    border-radius: 5px;
    height: 250px;
}

.site-video-hightlight .video img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.site-video-hightlight .video .play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(2, 2, 2, 0.2);
}

.site-video-hightlight .video .play:hover svg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.site-video-hightlight .video .play:hover svg polygon {
    fill: #fedc0f;
}

.site-video-hightlight .video .play svg {
    width: 50px;
    height: 50px;
    fill: var(--primary-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.site-video-hightlight .video .play svg polygon {
    fill: #fff;
    stroke: var(--primary-color);
}

.site-video-hightlight .owl-nav {
    margin-top: 0;
}

.site-video-hightlight .owl-nav button {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: 0;
    z-index: 99;
    background: none !important;
    outline: none;
    border: none;
}

.site-video-hightlight .owl-nav button:before {
    color: #ffffff;
    font-family: fontawesome;
    font-size: 30px;
    left: 0;
    line-height: 1;
    opacity: 0.75;
    position: absolute;
    top: -15px;
    width: 100%;
    font-weight: 900;
}

.site-video-hightlight .owl-nav button span {
    display: none;
}

.site-video-hightlight .owl-nav .owl-prev {
    left: 55px;
}

.site-video-hightlight .owl-nav .owl-prev:before {
    content: "\f104";
}

.site-video-hightlight .owl-nav .owl-next {
    right: 55px;
}

.site-video-hightlight .owl-nav .owl-next:before {
    content: "\f105";
}

.site-video-hightlight .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 30px;
    position: relative;
}

.site-video-hightlight .owl-theme .owl-nav.disabled + .owl-dots button {
    margin: 0px 2px;
    outline: none;
}

.site-video-hightlight .owl-theme .owl-nav.disabled + .owl-dots button span {
    width: 13px;
    height: 13px;
    background: #202020;
}

.site-video-hightlight .owl-theme .owl-nav.disabled + .owl-dots .active span {
    background: #ffffff;
}

.site-video-hightlight .owl-nav button:before {
    top: -15px;
    color: var(--primary-color);
}

.site-video-hightlight .owl-nav .owl-prev {
    left: -30px;
}

.site-video-hightlight .owl-nav .owl-next {
    right: -20px;
}

.site-team {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #a50f00),
        color-stop(50%, var(--primary-color)),
        to(#ff3b1f)
    );

    background: linear-gradient(90deg, #a50f00 0%, var(--primary-color) 50%, #ff3b1f 100%);
}

.site-team .title-main .heading {
    color: #fff;
}

.site-team .title-main p {
    color: #fff;
}

.site-team .team {
    position: relative;
    background: rgba(255, 255, 255, 0.3);
}

.site-team .team:hover .text-team {
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%);
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    transition: all 0.3s;
}

.site-team .team .text-team {
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(255, 255, 255, 0)), to(#ffffff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, #ffffff 100%);
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    transition: all 0.3s;
}

.site-team .team .text-team h3 {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.site-team .team .text-team p {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 15px;
    color: #333;
}

.site-team .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 30px;
    position: relative;
}

.site-team .owl-theme .owl-nav.disabled + .owl-dots button {
    margin: 0px 2px;
    outline: none;
}

.site-team .owl-theme .owl-nav.disabled + .owl-dots button span {
    width: 13px;
    height: 13px;
    background: #202020;
}

.site-team .owl-theme .owl-nav.disabled + .owl-dots .active span {
    background: #ffffff;
}

.site-order .title-main {
    margin-bottom: 40px;
}

.site-order .nav-order {
    margin-bottom: 30px;
}

.site-order .nav-order ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.site-order .nav-order ul li {
    padding: 0px 15px;
}

.site-order .nav-order ul li a {
    font-size: 16px;
    text-transform: uppercase;
    color: #999;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    padding: 10px 15px;
    display: block;
}

.site-order .nav-order ul li .active {
    color: #333;
    border-bottom: 2px solid #0f9e8e;
}

.site-order .tab-content {
    background: #f5f5f5;
    padding: 20px;
    padding-bottom: 0;
}

.site-order .row-custom {
    margin: 0px -10px;
}

.site-order .row-custom .col-custom {
    padding: 0px 10px;
}

.site-order .order-hot .owl-nav {
    margin-top: 0;
}

.site-order .order-hot .owl-nav .owl-prev {
    position: absolute;
    top: 40%;
    left: 0px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 35px;
    height: 35px;
    font-size: 22px !important;
    background: var(--primary-color) !important;
    border-radius: 0%;
    color: #fff !important;
    outline: none;
    margin: 0 !important;
}

.site-order .order-hot .owl-nav .owl-prev span {
    display: block;
    margin-top: -3px;
}

.site-order .order-hot .owl-nav .owl-next {
    position: absolute;
    top: 40%;
    right: 0px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 35px;
    height: 35px;
    font-size: 22px !important;
    background: var(--primary-color) !important;
    border-radius: 0%;
    color: #fff !important;
    outline: none;
    margin: 0 !important;
}

.site-order .order-hot .owl-nav .owl-next span {
    display: block;
    margin-top: -3px;
}

.order-item {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.order-item .hot {
    position: absolute;
    top: 10px;
    right: -160px;
    width: 100%;
    height: auto;
    display: block;
    padding: 10px 0px;
    text-align: center;
    background: #dc1800;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.order-item:hover img {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    -webkit-transition: all 5s;
    transition: all 5s;
}

.order-item:hover h3 {
    color: #dc1800;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.order-item img {
    -webkit-transition: all 5s;
    transition: all 5s;
}

.order-item h3 {
    padding-top: 15px;
    font-size: 16px;
    color: var(--primary-color);
    font-weight: bold;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.order-hot-item {
    background: var(--primary-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.order-hot-item:hover {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: #dc1800;
}

.order-hot-item h3 {
    padding: 15px 10px;
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
    font-weight: 500;
}

.site-newspapers {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #a50f00),
        color-stop(50%, var(--primary-color)),
        to(#ff3b1f)
    );

    background: linear-gradient(90deg, #a50f00 0%, var(--primary-color) 50%, #ff3b1f 100%);
}

.site-newspapers .title-main .heading {
    color: #fff;
}

.site-newspapers .title-main p {
    color: #fff;
}

.site-newspapers .newspapers-list {
    height: 320px;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0);
    background: #f5f6f7;
    border-radius: 5px;
    border: 1px solid #c6b6b6;
    padding: 15px 0px;
}

.site-newspapers .newspapers-list ul {
    padding-left: 15px;
}

.site-newspapers .newspapers-list ul li {
    border-bottom: 1px dashed #c5afaf;
    margin-bottom: 10px;
}

.site-newspapers .newspapers-list ul li:hover .text p a {
    color: var(--primary-color);
}

.site-newspapers .newspapers-list ul li .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.site-newspapers .newspapers-list ul li .text {
    padding-left: 15px;
    font-size: 15px;
    color: #999;
}

.site-newspapers .newspapers-list ul li .text p {
    font-size: 15px;
    font-weight: 500;
}

.site-newspapers .newspapers-list ul li .text p a {
    color: #999;
}

.site-newspapers .video-newspapers iframe {
    border: 2px solid #ccc;
    height: 250px;
}

.site-newspapers .video-newspapers .more {
    margin-top: 20px;
}

.site-newspapers .video-newspapers .more a {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#23a455), to(#23a455));
    background-image: linear-gradient(180deg, #23a455 0%, #23a455 100%);
    color: #fff;
    border-radius: 5px;
    border: 1px solid #23a455;
}

.site-newspapers .video-newspapers .more a:hover {
    color: #fff;
}

.site-customer_video .video_top {
    position: relative;
    height: auto;
}

.site-customer_video .video_top:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(2, 2, 2, 0.2);
    z-index: 8;
}

.site-customer_video .video_top .img-top {
    position: relative;
    z-index: 5;
    height: 100%;
}

.site-customer_video .video_top .play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 8;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.site-customer_video .video_top .pause {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

.site-customer_video .video_top .pause img {
    width: 60px;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 3px;
}

.site-customer_video .video_top .video-youtube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.site-customer_video .video_top .active {
    z-index: 9;
}

.site-customer_video .video_top .title-video-top {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    z-index: 999;
}

.site-customer_video .active:hover .pause {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 999;
}

.site-customer_video .list_video {
    margin-top: 20px;
}

.site-customer_video .list_video .item_video {
    position: relative;
    text-align: center;
    background: var(--primary-color);
}

.site-customer_video .list_video .item_video .img {
    display: block;
    position: relative;
    cursor: pointer;
    border: 1px solid transparent;
}

.site-customer_video .list_video .item_video .img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(2, 2, 2, 0.4);
}

.site-customer_video .list_video .item_video .img a {
    visibility: hidden;
    opacity: 0;
}

.site-customer_video .list_video .item_video .custom_img {
    -o-object-fit: cover;
    object-fit: cover;
}

.site-customer_video .list_video .item_video .img-ab {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
}

.site-customer_video .list_video .item_video .active {
    border: 1px solid #fff;
}

.site-customer_video .list_video .item_video .active:before {
    background: rgba(35, 58, 128, 0.5);
}

.site-customer_video .list_video .item_video h3 {
    padding: 7px 5px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
}

.site-customer_video .list_video .owl-nav {
    margin-top: 0;
}

.site-customer_video .list_video .owl-nav .owl-prev {
    position: absolute;
    top: 40%;
    left: 0px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 35px;
    height: 35px;
    font-size: 22px !important;
    background: var(--primary-color) !important;
    border-radius: 0%;
    color: #fff !important;
    outline: none;
    margin: 0 !important;
}

.site-customer_video .list_video .owl-nav .owl-prev span {
    display: block;
    margin-top: -3px;
}

.site-customer_video .list_video .owl-nav .owl-next {
    position: absolute;
    top: 40%;
    right: 0px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 35px;
    height: 35px;
    font-size: 22px !important;
    background: var(--primary-color) !important;
    border-radius: 0%;
    color: #fff !important;
    outline: none;
    margin: 0 !important;
}

.site-customer_video .list_video .owl-nav .owl-next span {
    display: block;
    margin-top: -3px;
}

.site-connect {
    position: relative;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #a50f00),
        color-stop(50%, var(--primary-color)),
        to(#ff3b1f)
    );

    background: linear-gradient(90deg, #a50f00 0%, var(--primary-color) 50%, #ff3b1f 100%);
    background-attachment: fixed;
}

.site-connect:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/hi.png);
    background-position: center center;
    background-repeat: repeat;
    background-size: auto;
    -webkit-transition:
        background 0.3s,
        border-radius 0.3s,
        opacity 0.3s;
    transition:
        background 0.3s,
        border-radius 0.3s,
        opacity 0.3s;
    opacity: 0.1;
    background-attachment: fixed;
}

.site-connect .title-main .heading {
    color: #fff;
}

.site-connect .connect {
    text-align: center;
}

.site-connect .connect h3 {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.site-connect .connect .img-mid {
    height: 350px;
    background: #fff;
    padding: 5px;
}

.site-connect .connect .img-mid img,
.site-connect .connect .img-mid iframe {
    height: 100%;
    width: 100%;
}

.site-connect .connect p {
    margin-top: 15px;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: bold;
}

.site-connect .connect p span {
    color: #fedc0f;
}

.site-news-study {
    background-size: auto;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.site-news-study .title-n {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.site-news-study .slider-sv {
    background: #fff;
    padding: 30px 30px;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

.site-news-study .feedback .item {
    text-align: center;
}

.site-news-study .feedback .item .img-top {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--primary-color);
    background-position: center center;
}

.site-news-study .feedback .item h3 {
    color: #8224e3;
    font-size: 20px;
    margin: 20px 0px 10px 0px;
    text-transform: uppercase;
}

.site-news-study .feedback .item span {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 13px;
    color: #888;
}

.site-news-study .feedback .item p {
    font-size: 13px;
    color: #000;
    line-height: 1.5;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
}

.site-news-study .feedback .item .mxh a {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: #333;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 35px;
    font-size: 15px;
    margin: 0px 2.5px;
}

.site-news-study .feedback .item .mxh a:hover {
    background: var(--primary-color);
}

.site-news-study .feedback .owl-nav {
    margin-top: 0;
}

.site-news-study .feedback .owl-nav .owl-prev {
    position: absolute;
    top: 40%;
    left: 0px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 35px;
    height: 35px;
    font-size: 22px !important;
    background: var(--primary-color) !important;
    border-radius: 0%;
    color: #fff !important;
    outline: none;
    margin: 0 !important;
}

.site-news-study .feedback .owl-nav .owl-prev span {
    display: block;
    margin-top: -3px;
}

.site-news-study .feedback .owl-nav .owl-next {
    position: absolute;
    top: 40%;
    right: 0px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    width: 35px;
    height: 35px;
    font-size: 22px !important;
    background: var(--primary-color) !important;
    border-radius: 0%;
    color: #fff !important;
    outline: none;
    margin: 0 !important;
}

.site-news-study .feedback .owl-nav .owl-next span {
    display: block;
    margin-top: -3px;
}

.news {
    margin-bottom: 20px;
}

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

.news:last-child {
    margin-bottom: 0;
}

.news .text {
    padding-left: 15px;
    margin-top: -5px;
}

.news .text h3 a {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    line-height: 1.5;
}

.news .text .date {
    margin-bottom: 10px;
}

.news .text .date span {
    color: #54595f;
    font-size: 14px;
    font-weight: 500;
    display: block;
}

.news .text .date span small {
    color: var(--primary-color);
}

.news .text p {
    color: #54595f;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

/* About--------------------------------------------- */

.main-bumber {
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

@media screen and (max-width: 767px) {
    .main-bumber {
        height: 150px;
    }
}

.main-bumber:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.main-bumber h1 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    z-index: 9;
}

@media screen and (max-width: 767px) {
    .main-bumber h1 {
        font-size: 20px;
    }
}

.main-bumber .bumber {
    position: relative;
    z-index: 8;
    text-align: center;
}

.main-bumber .bumber span {
    font-size: 15px;
    color: #fff;
    padding: 0px 5px;
}

.main-bumber .bumber a {
    color: #fff;
}

.title-about {
    margin-bottom: 30px;
}

.title-about .text-mo {
    color: #f2f2f2;
    text-transform: uppercase;
    font-size: 72px;
}

.title-about h2 {
    font-size: 26px;
    color: #333;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: -8px;
}

.title-about h2 span {
    color: var(--primary-color);
}

.main-about-page {
    padding: 50px 0px;
    text-align: center;
    font-weight: bold;
}

.main-about-page .description {
    padding: 0px 100px;
}

.main-about-page .description p {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}

.main-about-value {
    padding: 50px 0px;
    padding-bottom: 70px;
}

.main-about-value ul li {
    font-size: 18px;
    line-height: 1.5;
    color: #333;
    line-height: 1.5;
    margin-bottom: 15px;
}

.main-about-value ul li strong {
    min-width: 100px;
}

.main-about-value ul li:last-child {
    margin-bottom: 0;
}

.main-about-value ul li:before {
    content: "\f00c";
    font-family: fontawesome;
    font-size: 16px;
    color: green;
    padding-right: 10px;
    vertical-align: top;
}

.main-team {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #a50f00),
        color-stop(50%, var(--primary-color)),
        to(#ff3b1f)
    );

    background: linear-gradient(90deg, #a50f00 0%, var(--primary-color) 50%, #ff3b1f 100%);
    padding: 50px 0px;
}

.main-team .description {
    margin-bottom: 30px;
}

.main-team .description p {
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 0;
}

.main-team .item {
    text-align: center;
    background: #fff;
}

.main-team .item img {
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
}

.main-team .item .text-bottom {
    padding: 10px 0px;
}

.main-team .item .text-bottom h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}

.main-team .item .text-bottom span {
    display: block;
    font-size: 18px;
    color: var(--primary-color);
}

.main-team .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 30px;
}

.main-team .owl-theme .owl-nav.disabled + .owl-dots button {
    outline: none;
}

.main-procedure {
    padding: 50px 0px;
}

.main-procedure .title-about {
    text-align: center;
}

.main-procedure .title-about .text {
    font-size: 18px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 0;
    display: block;
    margin-top: 20px;
}

.main-procedure .list-procedure {
    margin-bottom: 30px;
}

.main-procedure .list-procedure .col-custom-nth:first-child .box-procudure:after {
    display: none;
}

.main-procedure .list-procedure .box-procudure {
    text-align: center;
    position: relative;
}

.main-procedure .list-procedure .box-procudure:after {
    content: "";
    position: absolute;
    background: url(../images/icon/all-icon.png) no-repeat -691px -296px;
    width: 38px;
    height: 33px;
    top: 80px;
    left: -35px;
}

.main-procedure .list-procedure .box-procudure .icon {
    width: 198px !important;
    height: 198px;
    display: block;
    margin: 0 auto;
    font-size: 0;
}

.main-procedure .list-procedure .box-procudure h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 20px 0 15px 0;
    line-height: 1.5em;
    color: #333;
}

.main-procedure .list-procedure .box-procudure p {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 18px;
    color: #333;
}

.main-procedure .btn-custom {
    color: #fff;
}

.main-why {
    padding: 50px 0px;
}

.main-why .list-icon-ts ul li {
    margin-bottom: 30px;
    position: relative;
}

.main-why .list-icon-ts ul li:last-child {
    margin-bottom: 0;
}

.main-why .list-icon-ts ul li h3 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 700;
}

.main-why .list-icon-ts ul li p {
    margin-bottom: 0;
    font-size: 18px;
    color: #333;
    line-height: 1.5;
}

.main-why .img-why img {
    width: 500px;
}

@media screen and (min-width: 1300px) {
    .main-why .img-why img {
        max-width: 600px;
    }
}

@media screen and (max-width: 1199px) {
    .main-why .img-why img {
        width: 100%;
    }
}

/* News--------------------------------------------- */

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

.sidebar-news .sl {
    padding-right: 5px;
}

@media screen and (max-width: 767px) {
    .sidebar-news .sl {
        padding-right: 15px;
    }
}

.sidebar-news .sr {
    padding-left: 5px;
}

@media screen and (max-width: 767px) {
    .sidebar-news .sr {
        padding-left: 15px;
    }
}

.sidebar-news .sidebar_top-news {
    margin-bottom: 20px;
}

.sidebar-news .sidebar_top-news .list-dmsp ul li {
    display: block;
}

.sidebar-news .sidebar_top-news .list-dmsp ul li a {
    background: #f7f7f7;
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    color: #333333;
}

.sidebar-news .sidebar_top-news .list-dmsp ul li a:hover {
    background: #fff;
    border-left: 2px solid var(--primary-color);
}

.sidebar-news .sidebar_top-news .list-dmsp ul li .active {
    background: #fff;
    border-left: 2px solid var(--primary-color);
}

.sidebar-news .sidebar_top-news .list-dmsp ul li .sub-news {
    display: none;
}

.sidebar-news .sidebar_top-news .list-dmsp ul li .sub-news li a {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #666666;
    padding-left: 30px;
    background: #ebebeb;
}

.sidebar-news .sidebar_top-news .list-dmsp ul li .sub-news li a:hover {
    background: #d9f1ff;
    border-left: 2px solid #99d5fa;
}

@media screen and (max-width: 767px) {
    .sidebar-news .sidebar_top-news {
        margin-top: 20px;
    }
}

.sidebar-news .sidebar_top-news h2 {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    background: var(--primary-color);
    text-transform: uppercase;
}

.sidebar-news .sidebar_top-news .box-text-news {
    padding-top: 15px;
}

.sidebar-news .sidebar_top-news .box-text-news p {
    padding-top: 10px;
}

.sidebar-news .sidebar_top-news .box-text-news .news .text h3 a {
    font-size: 13px;
}

.sidebar-news .sidebar_products-news {
    margin: 20px 0px;
}

.sidebar-news .sidebar_products-news h2 {
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
}

.sidebar-news .sidebar_products-news .box-products-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.sidebar-news .sidebar_products-news .box-products-sidebar .img-left {
    display: block;
    padding: 5px;
    background: #f1f2f4;
}

.sidebar-news .sidebar_products-news .box-products-sidebar .text-bottom {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    padding-left: 10px;
}

.sidebar-news .sidebar_products-news .box-products-sidebar .text-bottom h3 a {
    color: #000;
    font-weight: bold;
}

.sidebar-news .sidebar_products-news .box-products-sidebar .text-bottom h3 a:hover {
    color: var(--primary-color);
}

.sidebar-news .sidebar_products-news .box-products-sidebar .text-bottom .star {
    padding: 10px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.sidebar-news .sidebar_products-news .box-products-sidebar .text-bottom .star span a {
    color: #e0e0e0;
    font-size: 18px;
    position: relative;
}

.sidebar-news .sidebar_products-news .box-products-sidebar .text-bottom .star span a:hover {
    color: #f7941d;
}

.sidebar-news .sidebar_products-news .box-products-sidebar .text-bottom .star span:hover ~ span a {
    color: #f7941d;
}

.sidebar-news .sidebar_products-news .box-products-sidebar .text-bottom .list-clor {
    padding-bottom: 15px;
}

.sidebar-news .sidebar_products-news .box-products-sidebar .text-bottom .list-clor span {
    width: 20px;
    height: 20px;
    padding: 3px;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    display: block;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.sidebar-news .sidebar_products-news .box-products-sidebar .text-bottom .list-clor span:before {
    position: absolute;
    top: 1.5px;
    left: 1.5px;
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    content: "";
    border-radius: 50%;
    background: var(--primary-color);
}

.sidebar-news .sidebar_products-news .box-products-sidebar .text-bottom .list-clor span:nth-child(2) {
    border: 1px solid var(--primary-color);
}

.sidebar-news .sidebar_products-news .box-products-sidebar .text-bottom .list-clor span:nth-child(2):before {
    background: var(--primary-color);
}

.sidebar-news .sidebar_products-news .box-products-sidebar .text-bottom .list-clor span:nth-child(3) {
    border: 1px solid #434343;
}

.sidebar-news .sidebar_products-news .box-products-sidebar .text-bottom .list-clor span:nth-child(3):before {
    background: #434343;
}

.sidebar-news .sidebar_products-news .box-products-sidebar:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.details-news-text-img .list-next-text-top {
    background-color: #f7f7f7;
    height: 30px;
}

.details-news-text-img .list-next-text-top .list-date ul li {
    display: inline-block;
    padding: 0px 10px;
    font-size: 13px;
    color: #999;
    line-height: 30px;
}

.details-news-text-img .list-next-text-top .list-date ul li a {
    background-color: #efefef;
    display: block;
    padding: 0px 10px;
    color: #999;
}

.details-news-text-img .list-next-text-top .list-date ul li span {
    padding-left: 5px;
}

.details-news-text-img .list-next-text-top .list-date-3 ul li a {
    display: inline;
    background: none;
    padding: 0;
}

.details-news-text-img .list-next-text-top .list-date-2 {
    text-align: right;
}

.details-news-text-img .list-next-text-top .list-date-2 ul li {
    padding: 0px 0px;
}

.details-news-text-img .list-next-text-top .list-date-2 ul li .padding-left-text {
    padding-right: 10px;
}

.details-news-text-img .text-img-details-news {
    padding: 15px 0px 20px 0px;
}

.details-news-text-img .text-img-details-news p {
    font-size: 16px;
    line-height: 25px;
    color: #333;
    margin-bottom: 25px;
    font-weight: 500;
}

.title-details {
    font-size: 24px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 15px;
    padding-top: 10px;
}

.list-sk-lq {
    margin-top: 30px;
    margin-bottom: 20px;
}

.list-sk-lq h2 {
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.list-sk-lq ul li {
    padding: 10px 0px;
    border-bottom: 1px dashed #e8e8e8;
    position: relative;
    padding-left: 20px;
}

.list-sk-lq ul li:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    background: #666666;
    content: "";
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.list-sk-lq ul li a {
    font-size: 14px;
    color: #666666;
    line-height: 20px;
}

.list-sk-lq ul li a:hover {
    color: var(--primary-color);
}

.list-sk-lq .news {
    margin-bottom: 20px;
}

.list-sk-lq .news .text {
    padding-left: 0;
    padding-top: 15px;
}

.site-job-single {
    padding: 50px 0px;
    padding-bottom: 0;
}

.job-single-content {
    font-weight: 500;
}

.job-single-content .job-top {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
}

.job-single-content .title-top {
    margin-bottom: 15px;
}

.job-single-content .title-top h1,
.job-single-content .title-top h2 {
    margin-bottom: 15px;
    font-size: 20px;
    color: #555;
    font-weight: bold;
}

.job-single-content .title-top .tglv {
    display: inline-block;
    padding: 10px;
    border-radius: 30px;
    color: #333;
    border: 1px solid #333;
    font-size: 12px;
}

.job-single-content .title-top .view {
    color: #333;
    font-size: 14px;
    padding-left: 15px;
    display: inline-block;
}

.job-single-content .descripti-job li {
    padding-bottom: 15px;
}

.job-single-content .descripti-job li span {
    font-size: 14px;
    color: #333;
    padding-right: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.job-single-content .descripti-job li span:last-child {
    padding-right: 0;
}

.job-single-content .descripti-job li span small {
    color: #333;
    font-weight: bold;
}

.job-single-content .descripti-job li span i {
    margin-right: 8px;
    color: var(--primary-color);
    font-size: 23px;
}

.job-single-content .descripti-job li p {
    font-size: 14px;
    color: #333;
}

.job-single-content .descripti-job li p small {
    color: #333;
}

.job-single-content .the_content {
    margin-bottom: 30px;
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
}

.job-single-content .the_content h3 {
    font-size: 16px;
}

.job-single-content .the_content .details-editor {
    margin-bottom: 20px;
}

.job-single-content .the_content .details-editor ul {
    padding-left: 30px;
}

.job-single-content .the_content .details-editor ul li {
    color: #333;
}

.job-single-content .welfare h3 {
    font-size: 16px;
    font-weight: bold;
    color: #202020;
    margin-bottom: 15px;
}

.job-single-content .welfare ul {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.job-single-content .welfare ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
}

.job-single-content .welfare ul li:last-child {
    margin-bottom: 0;
}

.job-single-content .welfare ul li i {
    font-size: 30px;
    color: #333;
}

.job-single-content .welfare ul li .text {
    padding-left: 15px;
}

.job-single-content .welfare ul li .text h4 {
    font-size: 14px;
    color: #202020;
    margin-bottom: 5px;
}

.job-single-content .welfare ul li .text p {
    font-size: 14px;
    color: #333;
}

.sidebar-details {
    text-align: center;
}

.sidebar-details .logo {
    text-align: center;
}

.sidebar-details .logo img {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
}

.sidebar-details h3 {
    margin: 20px 0px;
}

.sidebar-details h3 a {
    display: block;
    color: var(--primary-color);
}

.sidebar-details ul {
    padding-bottom: 5px;
}

.sidebar-details ul li {
    margin-bottom: 15px;
}

.sidebar-details ul li a {
    display: block;
    line-height: 1.5;
    font-size: 14px;
    color: #333;
}

.sidebar-details ul li a i {
    font-size: 20px;
    color: var(--primary-color);
}

.sidebar-details .send-job {
    text-align: center;
    margin-top: 20px;
}

.sidebar-details .send-job .btn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 250px;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 50px;
    font-size: 15px;
    padding: 20px;
    color: #fff;
    background: var(--primary-color);
}

.ws-single--tag {
    list-style: none;
}

.ws-single--tag li {
    display: inline-block;
}

.ws-single--tag li a {
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
    padding: 10px 20px;
    display: inline-block;
    color: #fff;
}

.ws-single--tag li a:hover {
    background: #fff;
    color: var(--primary-color);
}

/* Contact--------------------------------------------- */

.contact-container {
    padding: 40px 0px;
}

.contact-container .form-left form .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 767px) {
    .contact-container .form-left form .form-group {
        width: 100%;
        display: block;
    }
}

.contact-container .form-left form .form-group .text-contact {
    width: 40%;
}

@media screen and (max-width: 991px) {
    .contact-container .form-left form .form-group .text-contact {
        width: 60%;
    }
}

@media screen and (max-width: 767px) {
    .contact-container .form-left form .form-group .text-contact {
        width: 100%;
        display: block;
        padding-bottom: 10px;
    }
}

.contact-container .form-left form .form-group .text-contact-last {
    width: 40%;
}

@media screen and (max-width: 991px) {
    .contact-container .form-left form .form-group .text-contact-last {
        width: 37%;
    }
}

@media screen and (max-width: 767px) {
    .contact-container .form-left form .form-group .text-contact-last {
        width: 100%;
        display: block;
        padding-bottom: 5px;
    }
}

.contact-container .form-left form .form-group .form-control {
    border-radius: 0;
}

.contact-container .form-left form .btn {
    background: var(--primary-color);
    border-radius: 0;
    padding: 7px 25px;
    color: #fff;
    font-size: 17px;
}

@media screen and (max-width: 767px) {
    .contact-container .text-right-contact {
        padding-top: 20px;
    }
}

.contact-container .text-right-contact h2 {
    color: var(--primary-color);
    font-weight: 500;
    font-size: 24px;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.contact-container .text-right-contact .box-cotact {
    margin-bottom: 20px;
}

.contact-container .text-right-contact .box-cotact h3 {
    font-size: 16px;
    color: #333333;
    padding-bottom: 10px;
    font-weight: 600;
}

.contact-container .text-right-contact .box-cotact ul li {
    padding: 5px 0px;
    color: #333;
    font-size: 15px;
}

.contact-container .text-right-contact .box-cotact ul li a {
    color: #333;
    line-height: 1.5;
}

.contact-container .text-right-contact .box-cotact ul li a i {
    padding-right: 5px;
}

.contact-container .maps {
    margin-top: 15px;
}

.contact-container .maps iframe {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .contact-container .maps iframe {
        height: 300px;
    }
}

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

.footer {
    position: relative;
    color: #fff;
    padding: 60px 0px;
    padding-bottom: 0;
}

.footer:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: var(--bg-url);
    background-position: center center;
    background-repeat: repeat;
    background-size: auto;
    -webkit-transition:
        background 0.3s,
        border-radius 0.3s,
        opacity 0.3s;
    transition:
        background 0.3s,
        border-radius 0.3s,
        opacity 0.3s;
    opacity: 0.1;
}

.footer a {
    color: #fff;
}

.footer_logo-search {
    margin-bottom: 20px;
}

.footer_logo-search .maps iframe {
    height: 200px;
}

.footer_logo-search .logo h3 {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 15px;
}

.footer_logo-search .logo p {
    display: block;
    margin-bottom: 15px;
    font-size: 15px;
}

.footer_logo-search .mxh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.footer_logo-search .mxh a {
    width: 35px;
    height: 35px;
    border-radius: 3px;
    text-align: center;
    line-height: 35px;
    font-size: 15px;
    color: var(--primary-color);
    background: #fff;
    display: block;
    margin-right: 5px;
}

.footer_logo-search .form-search {
    margin-bottom: 20px;
}

.footer_logo-search .form-search h4 {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}

.footer_logo-search .form-search form {
    position: relative;
}

.footer_logo-search .form-search form input {
    background: none;
    border-color: #61ce70;
    color: #fff;
    padding-left: 10px;
    height: 40px;
}

.footer_logo-search .form-search form input::-webkit-input-placeholder {
    color: #fff;
}

.footer_logo-search .form-search form input:-ms-input-placeholder {
    color: #fff;
}

.footer_logo-search .form-search form input::-ms-input-placeholder {
    color: #fff;
}

.footer_logo-search .form-search form input::placeholder {
    color: #fff;
}

.footer_logo-search .form-search form input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.footer_logo-search .form-search form .btn {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #61ce70;
    border-radius: 0;
    padding: 0px 20px;
    background: #61ce70;
    color: #fff;
    height: 100%;
}

.footer_logo-search .form-search form .btn:before {
    display: none;
}

.footer .title {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 30px;
}

.footer_list-footer {
    margin-bottom: 20px;
}

.footer_list-footer ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}

.footer_list-footer ul li:last-child {
    margin-bottom: 0;
}

.footer_list-footer ul li span {
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
    display: block;
    margin-top: -5px;
}

.footer_list-footer ul li i {
    color: #61ce70;
    padding-right: 10px;
}

.footer_list-footer ul li a {
    font-size: 15px;
}

.footer_menu ul li {
    display: inline-block;
    padding-right: 10px;
}

.footer_menu ul li:last-child {
    padding-right: 0;
}

.footer_menu ul li a {
    font-size: 15px;
}

.footer_coppyright {
    padding: 15px 0px;
    margin-top: 50px;
    border-top: 1px solid #61ce70;
}

.footer_coppyright span {
    font-size: 15px;
    color: #fff;
}

.footer_coppyright .desgin {
    text-align: right;
}

.footer .news:hover .text h3 a {
    color: #61ce70;
}

.footer .news .text h3 a {
    color: #fff;
}

.footer .news .text p {
    color: #fff;
}

.acf-map {
    width: 100%;
    height: 150px;
    border: #ccc solid 1px;
    margin: 20px 0;
}

.acf-map.acf-map--contact {
    height: 450px;
}

.acf-map img {
    max-width: inherit !important;
}

.wpcf7-form .wpcf7-not-valid-tip {
    display: none !important;
}

.wpcf7-form .wpcf7-not-valid {
    border-color: red !important;
    border-width: 2px !important;
}

.wpcf7-form .ajax-loader {
    position: absolute;
}

.wpcf7-form .wpcf7-not-valid::-webkit-input-placeholder {
    color: red !important;
}

.wpcf7-form .wpcf7-not-valid:-ms-input-placeholder {
    color: red !important;
}

.wpcf7-form .wpcf7-not-valid::-ms-input-placeholder {
    color: red !important;
}

.wpcf7-form .wpcf7-not-valid::placeholder {
    color: red !important;
}

div.wpcf7 div.wpcf7-response-output {
    display: none;
    border: none;
    opacity: 0;
    font-size: 0;
}

.swal-cf7__container {
    position: relative;
}

.swal-cf7__container form {
    width: 70%;
    max-width: 450px;
    float: left;
}

.swal-cf7__container sidebar {
    width: 20%;
    float: right;
    margin-right: 5%;
    text-align: right;
}

.swal-cf7__container header {
    position: absolute;
    top: 20px;
    right: 5%;
    text-align: right;
}

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

.contact-ft {
    position: fixed;
    right: 20px;
    bottom: 100px;
    z-index: 999;
}

.contact-ft ul li {
    margin-bottom: 10px;
}

.contact-ft ul li:first-child a {
    line-height: 37px;
}

.contact-ft ul li:last-child {
    margin-bottom: 0;
}

.contact-ft ul li:last-child a {
    background: -webkit-gradient(linear, left top, right top, from(#006977), color-stop(100%, #03919e), to(#1fb178));
    background: linear-gradient(90deg, #006977, #03919e 100%, #1fb178 100%);
}

.contact-ft ul li a {
    display: block;
    padding: 0px 20px;
    border-radius: 30px;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #a50f00),
        color-stop(50%, var(--primary-color)),
        to(#ff3b1f)
    );

    background: linear-gradient(90deg, #a50f00 0%, var(--primary-color) 50%, #ff3b1f 100%);
    font-size: 16px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    text-align: right;
}

#GpOpQjv-1594867193245 {
    left: 20px !important;
}

@media only screen and (min-width: 992px) {
    .menu nav > ul {
        position: relative;
    }
    .menu ul .menu-mega {
        position: static;
    }
    .menu ul .menu-mega:hover > a {
        color: #fedc0f;
    }
    .menu ul .menu-mega > .sub-menu {
        position: absolute;
        width: 1230px;
        max-width: 90vw;
        margin-left: 0;
        background: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0, #a50f00),
            color-stop(50%, var(--primary-color)),
            to(#ff3b1f)
        );

        background: linear-gradient(90deg, #a50f00 0%, var(--primary-color) 50%, #ff3b1f 100%);
        left: 50%;
        transform: translateX(-50%);
        align-items: flex-start;
        padding: 15px;
        flex-wrap: wrap;
        gap: 20px;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        margin-top: 10px;
        -webkit-transition: all 0.4s ease-out 0s;
        -moz-transition: all 0.4s ease-out 0s;
        -ms-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }
    .menu ul .menu-mega:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        margin-top: 0;
    }
    .menu ul .menu-mega > .sub-menu li {
        padding: 0;
    }
    .menu ul .menu-mega > .sub-menu li:not(:last-child) {
        margin-bottom: 10px;
    }
    .menu ul .menu-mega > .sub-menu > li > a,
    .menu ul .menu-mega > .sub-menu > li > span {
        display: block;
        margin-bottom: 10px;
        font-weight: 700;
        font-size: 18px;
        color: #fedc0f;
    }
    .menu ul li.menu-mega ul {
        margin-left: 0;
    }
    .menu ul li.menu-mega ul li {
        border-bottom: 0;
        flex: 1;
    }
    .menu ul li.menu-mega ul li ul {
        display: block;
    }
}

.place__item {
    position: relative;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.place__item:hover img {
    transform: scale(1.1);
}

.place__item-img {
    border-radius: 8px;
    overflow: hidden;
    padding-top: 60%;
}

.place__item-img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 25.29%, rgba(0, 0, 0, 0.5) 91.18%);
}

.place__item-text {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding-bottom: 24px;
    z-index: 4;
}

.place__item-text .title {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}

.place__item-text .read-more {
    line-height: 1;
    padding: 12px 0;
    text-align: center;
    background: var(--primary-color);
    color: #fff;
    border-radius: 32px;
    margin-top: 5px;
    font-weight: 700;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    max-width: 162px;
    font-size: 16px;
}

@media (max-width: 991px) {
    .place__item-text .read-more {
        display: inline-block !important;
    }
    .place__item-text {
        padding-bottom: 15px;
    }
    .place__item-text .read-more {
        padding: 6px 10px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .place__item-text .read-more {
        max-width: 90%;
    }
}

.place__item-text .read-more:hover {
    background: var(--primary-color-hover);
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.mb-30 {
    margin-bottom: 30px;
}

.viewmore span {
    line-height: 1;
    padding: 12px 20px;
    cursor: pointer;
    text-align: center;
    background: var(--primary-color);
    color: #fff;
    border-radius: 32px;
    margin-top: 5px;
    font-weight: 700;
    display: inline-block;
    font-size: 16px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.viewmore span:hover {
    background: var(--primary-color-hover);
}

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

@media only screen and (min-width: 992px) {
    .home__about {
        padding: 115px 0 130px;
    }
}

@media (max-width: 991px) {
    .home__about {
        padding: 60px 0;
    }
}

.home__about-slider .item {
    padding: 0 15px;
}

.home__about-slider .item:hover .home__about-item,
.home__about-slider .item.is-selected .home__about-item {
    border: none;
    background: #fff;
}

.home__about-slider .item:hover .home__about-item svg,
.home__about-slider .item.is-selected .home__about-item svg {
    color: var(--primary-color);
}

.home__about-slider .item:hover .home__about-item svg path {
    fill: var(--primary-color);
}

.home__about-slider .item:hover .home__about-item .desc,
.home__about-slider .item.is-selected .home__about-item .desc {
    color: #3b3663;
}

.home__about-slider .home__about-item {
    border-radius: 8px;
    padding: 16px;
    display: flex;
    color: #fff;
    border: 1px dashed #fff;
}

.home__about-slider .home__about-item .icon {
    flex-shrink: 0;
    margin-right: 20px;
}

.home__about-slider .home__about-item .desc .number_count {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    margin-bottom: 5px;
}

@media only screen and (min-width: 768px) {
    .about__content-block .text-content {
        padding-right: 20px;
    }
}

@media (max-width: 991px) {
    .about__content-block .text-content {
        margin-bottom: 30px;
    }
}

.about__content-block .text-content .title {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 30px;
}

.about__content-block .text-content .title::after {
    position: absolute;
    width: 13px;
    height: 1px;
    background: #fff;
    bottom: 0;
    left: 0;
    content: "";
}

.about__content-block .text-content .desc {
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
}

.about__content-block .text-content .title p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

.about__content-block .img {
    position: relative;
    padding-top: 58.599%;
    display: block;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .about__content-block .img:hover img {
        transform: translate(-20px, 20px);
    }
}

.about__content-block .img img {
    border-radius: 8px;
    position: relative;
    width: 100%;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.about__content-block .img::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-radius: 8px;
    border: 1px solid #fff;
    transform: translate(-20px, 20px);
}

@media (max-width: 991px) {
    .about__content-block .img::after {
        display: none;
    }
}

.home__about-slider .item:hover .home__about-item {
    border: 1px dashed transparent;
    background: #fff;
}

.home__about-slider .item:hover .home__about-item svg,
.home__about-slider .item:hover .home__about-item .number_count {
    color: var(--primary-color);
}

.home__about-slider .item:hover .home__about-item svg path {
    fill: var(--primary-color);
}

.home__about-slider .item:hover .home__about-item svg path,
.home__about-slider .item .home__about-item,
.home__about-slider .home__about-item .desc .number_count,
.home__about-slider .home__about-item .desc .txt {
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.home__about-slider .item:hover .home__about-item .desc {
    color: #3b3663;
}

.advise__form-btn {
    position: fixed;
    bottom: 95px;
    right: 36px;
    z-index: 9999;
}

.bg-gradient {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #a50f00),
        color-stop(50%, var(--primary-color)),
        to(#ff3b1f)
    );

    background: linear-gradient(90deg, #a50f00 0%, var(--primary-color) 50%, #ff3b1f 100%);
}

.advise__form-btn button {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 15px;
    border-radius: 100px;
    font-weight: 700;
    font-size: 16px;
    cursor: pointer;
    outline: none !important;
}

/* .advise__form-btn button svg {
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
} */

.advise__form {
    color: #fff;
}

.advise__form .modal-content {
    border-radius: 12px;
    border: none;
}

.advise__form .modal-header {
    padding: 16px;
}

.advise__form .form-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
}

.phone-ani svg path {
    fill: #fff;
}

@-webkit-keyframes header-phone {
    0%,
    30% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 20px, 0);
        transform: translate3d(-20px, 20px, 0);
    }
    80% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        opacity: 0;
    }
}

@keyframes header-phone {
    0%,
    30% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 20px, 0);
        transform: translate3d(-20px, 20px, 0);
    }
    80% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes header-phone2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 20px, 0);
        transform: translate3d(-20px, 20px, 0);
    }
    70%,
    90% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        opacity: 0;
    }
}

@keyframes header-phone2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 20px, 0);
        transform: translate3d(-20px, 20px, 0);
    }
    70%,
    90% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        opacity: 0;
    }
}

.phone-ani svg path:nth-child(2) {
    -webkit-animation: header-phone 1s infinite cubic-bezier(0.1, 0.57, 0.5, 1);
    animation: header-phone 1s infinite cubic-bezier(0.1, 0.57, 0.5, 1);
}

.phone-ani svg path:nth-child(3) {
    -webkit-animation: header-phone2 1s infinite cubic-bezier(0.1, 0.57, 0.5, 1);
    animation: header-phone2 1s infinite cubic-bezier(0.1, 0.57, 0.5, 1);
}

.phone__list {
    font-weight: 700;
    font-size: 24px;
}

.phone__list a {
    color: #fff;
}

.phone__list span {
    padding: 0 5px;
}

.form__mess {
    margin-top: 10px;
    font-size: 16px;
}

.advise__form .close {
    position: absolute;
    right: 6px;
    top: 5px;
    background: #fff;
    padding: 0;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    color: var(--primary-color);
    margin: 0;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.advise__form .close span {
    display: block;
    margin-top: -5px;
    font-size: 20px;
    margin-left: 2px;
}

.advise__form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    margin-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.advise__form form .col-lg-6,
.advise__form form .col-12 {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}

.advise__form input.wpcf7-form-control {
    height: 40px;
    border: none;
    font-size: 15px;
    max-width: 100%;
    padding: 5px 15px;
    border-radius: 6px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.advise__form input.wpcf7-form-control:not([type="submit"]) {
    width: 100%;
}

.advise__form input.wpcf7-form-control:focus,
.advise__form textarea.wpcf7-form-control {
    outline: none;
}

.advise__form textarea.wpcf7-form-control {
    border: none;
    font-size: 15px;
    max-width: 100%;
    padding: 5px 15px;
    border-radius: 6px;
    height: 150px;
}

.advise__form .wpcf7-form-control::placeholder {
    font-weight: 500;
    color: var(--primary-color);
}

.advise__form .wpcf7-form-control {
    color: var(--primary-color);
    font-weight: 700;
}

.wpcf7-form .wpcf7-not-valid {
    border-style: solid !important;
}

.advise__form input[type="submit"] {
    cursor: pointer;
    margin-bottom: 15px;
}

.advise__form .wpcf7-spinner {
    position: absolute;
    margin-top: 10px;
}

.header_logo .phone-ani {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    border: 0;
    padding: 0;
}

.header_logo .phone-ani:focus {
    outline: none;
}

@media (max-width: 767px) {
    .choose__place .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .choose__place .place-item {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
    .place__item-text .title {
        font-size: 14px;
    }
}

.swal2-container .swal2-popup {
    font-size: 14px;
}

.widget_search .search-form .search-submit {
    height: 32px;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, #a50f00),
        color-stop(50%, var(--primary-color)),
        to(#ff3b1f)
    );

    background: linear-gradient(90deg, #a50f00 0%, var(--primary-color) 50%, #ff3b1f 100%);
    color: #fff;
    width: 30%;
    font-size: 13px;
    padding: 0 1em;
    cursor: pointer;
    margin-left: 5px;
}

.widget_search .search-form > label {
    flex: 1;
    display: block;
}

.widget_search .search-form .search-field {
    width: 100%;
    height: 32px;
    padding: 2px 10px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}

.widget_search .search-form .search-field:focus {
    outline: none;
    border-color: var(--primary-color);
}

.widget_search .search-form {
    display: flex;
}

.sidebar-news.sticky-top {
    top: 150px;
}

.sidebar_whyus {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 12px;
}

.sidebar_whyus-title {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
}

.sidebar_whyus ul {
    color: var(--primary-color);
}

.sidebar_whyus ul svg {
    flex-shrink: 0;
    margin-right: 10px;
}

.sidebar_whyus li:not(:last-child) {
    margin-bottom: 15px;
}

.sidebar_whyus span {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
}

@media (max-width: 767px) {
    .place__item-img {
        padding-top: 70%;
    }
    .place__item-img::after {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) -10.71%, rgba(0, 0, 0, 0.5) 91.18%);
    }
}

.footer__wrapper .footer-item .footer-logo {
    max-width: 20rem;
    margin-bottom: 1.5rem;
}

.footer__wrapper .footer-item .phone {
    color: var(--secondary-color);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 1rem;
}

.footer__wrapper .footer-item .phone svg {
    margin-right: 5px;
}

.footer__wrapper .footer-item .phone span {
    font-weight: 400;
}

.footer__wrapper .footer-item .list-address li {
    margin-bottom: 2rem;
}

.footer__wrapper .footer-item .list-address .name {
    font-weight: 700;
    color: #fff;
    margin-bottom: 1rem;
    font-size: 16px;
}

.footer__wrapper .footer-item .footer-title {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
}

.footer__wrapper .footer-item .list-menu li {
    margin-bottom: 20px;
}

.footer__wrapper .footer-item .list-menu li:hover {
    color: var(--primary-color);
}

.footer__wrapper .coppy-right {
    text-align: center;
    border-top: 1px solid #a1a4b1;
    padding: 1rem 0;
    margin-top: 2rem;
}

.list-social {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 50px;
}

@media (max-width: 767px) {
    .list-social {
        margin-top: 20px;
    }
}

.list-social li {
    margin-right: 2.4rem;
}
.list-social li i {
    font-size: 20px;
}
.contact_block {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.contact_block-desc {
    padding: 80px;
    @media(max-width:991px){
        padding:40px 0px;
    }
}
.heading-title {
    font-size: 30px;
    font-weight: 700;
    color: var(--primary-color);
    text-transform: uppercase;
    margin-bottom: 20px;
       @media(max-width:991px){
        font-size: 24px;
    }
}
.contact_block-desc .desc {
    color: var(--primary-color);
    font-size: 16px;
}
.contact_block-desc .desc ul {
    list-style: disc;
    padding-left: 20px;
}
.contact_block-desc .desc ul li {
    margin-bottom: 15px;
}
.contact_block {
    .advise__form {
        height: 100%;
        > div {
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        
        }
    }
}
.block_news,.block-partner,.block-gallery,.block-staff,.block-achievements{
    padding: 50px 0;
    @media(max-width:767px){
    padding: 40px 0;
    }
}
.card-title{
    font-size: 16px;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.4;
    a{
        &:hover{
            color: var(--primary-color) !important;
        }

    }
}
.footer__wrapper .name{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}