@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
* {
    margin: 0;
    padding: 0;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

html,
body {
    width: 100%;
    position: relative;
    font-size: 15px;
    line-height: 1
}

html::-webkit-scrollbar {
    width: 8px;
    background: #424a83
}

html::-webkit-scrollbar-thumb {
    width: 8px;
    background: linear-gradient(to top, #EF831B .06%, #F08A1A 32.05%, #FAC515 92.33%);
    border-radius: 10px
}

img {
    border-style: none;
    width: 100%;
    object-fit: cover;
    object-position: center;
    display: block
}

hr {
    box-sizing: content-box;
    overflow: visible
}

a {
    text-decoration: none
}

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

ul,
ol {
    list-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-size: 100%;
    margin: 0;
    border: none;
    outline: none
}

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

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

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

fieldset {
    padding: 0.35em 0.75em 0.625em
}

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

textarea {
    overflow: auto
}

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

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

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

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

* {
    font-family: "Roboto", sans-serif;
    color: #343B68
}

h1,
h2,
h3,
h4,
h5,
h6,
a {
    font-family: "Montserrat", sans-serif
}

h2 {
    font-size: 4.33333em;
    line-height: 88.57143%;
    letter-spacing: -0.05em
}

@media (max-width: 1024px) {
    h2 {
        font-size: 3.66667em
    }
}

@media (max-width: 575px) {
    h2 {
        font-size: 2.4em;
    }
}

h3 {
    font-size: 3.33333em;
    line-height: 88.88889%;
    letter-spacing: -0.05em
}

@media (max-width: 575px) {
    h3 {
        font-size: 2.33333em
    }
}

h4 {
    font-size: 2.66667em;
    line-height: 92.5%;
    letter-spacing: -0.05em
}

h5 {
    font-size: 2em;
    line-height: 100%;
    letter-spacing: -0.05em
}

h6 {
    font-size: 1.53333em;
    line-height: 88%;
    letter-spacing: -0.05em
}

p {
    line-height: 120%;
    text-align: justify;
    letter-spacing: -0.05em
}

.bnr_int {
    width: 100%;
    position: relative;
    display: block
}

.bnr_int_cnt {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.bnr_int_cnt .bnr_int--img {
    width: 100%;
    position: relative;
    display: block
}

.bnr_int_cnt .bnr_int--img::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(56, 57, 58, 0.5);
    transition: 0.5s ease-in-out
}

@media (max-width: 1024px) {
    .bnr_int_cnt .bnr_int--img img {
        height: 450px
    }
}

.bnr_int_cnt .bnr_int--txt {
    width: fit-content;
    height: fit-content;
    display: block;
    position: absolute
}

.bnr_int_cnt .bnr_int--txt h2 {
    font-size: 6.66667em;
    color: #fff;
    position: relative;
    display: block
}

@media (max-width: 768px) {
    .bnr_int_cnt .bnr_int--txt h2 {
        font-size: 4.66667em
    }
}

.bnr_int .scroll_int {
    width: 19px;
    display: block;
    position: absolute;
    right: 20px;
    bottom: 40px;
    animation: up-and-down 2s linear infinite
}

@media (max-width: 1024px) {
    .bnr_int .scroll_int {
        display: none
    }
}

.__no-scroll {
    overflow: hidden !important
}

header {
    width: fit-content;
    height: fit-content;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    display: flex;
    flex-wrap: wrap
}

header .st_bx {
    width: fit-content;
    padding: 30px;
    position: relative;
    display: block;
    background: #fff;
    z-index: 1
}

@media (max-width: 575px) {
    header .st_bx {
        width: 100%;
        display: flex;
        background: transparent;
        padding: 0
    }
}

header .st_bx .logo {
    width: 140px;
    position: relative;
    display: block
}

@media (max-width: 575px) {
    header .st_bx .logo {
        background: #fff;
        padding: 20px;
        transition: 0.5s ease-in-out
    }
}

header .st_bx .logo.z1 {
    visibility: hidden;
    opacity: 0;
    display: none
}

header .st_bx button.menu {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    margin: 50px auto 0;
    background: transparent
}

@media (max-width: 575px) {
    header .st_bx button.menu {
        position: fixed;
        right: 0;
        top: 0;
        margin: 0;
        background: #fff;
        padding: 20px;
        box-shadow: 0 0 10px #0000001a
    }
}

header .st_bx button.menu span {
    font-size: 1.2em;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    letter-spacing: -0.05em
}

header .st_bx button.menu figure {
    width: 39px;
    position: relative;
    display: block;
    margin-left: 10px
}

header .st_bx button.menu figure::before {
    content: "";
    display: block;
    position: absolute;
    position: relative;
    width: 100%;
    height: 2px;
    background: #343B68
}

header .st_bx button.menu figure::after {
    content: "";
    display: block;
    position: absolute;
    position: relative;
    width: 100%;
    height: 2px;
    background: #343B68;
    margin-top: 5px;
    transition: 0.5s ease-in-out
}

@media not all and (pointer: coarse) {
    header .st_bx button.menu:hover figure::after {
        width: 70%
    }
}

header .st_bx button.menu.__on figure::after {
    width: 30%
}

header nav {
    width: fit-content;
    height: auto;
    position: relative;
    display: flex;
    align-items: center;
    background: #343B68;
    visibility: hidden;
    opacity: 0;
    left: -10px;
    transition: 0.5s ease-in-out;
    display: none
}

@media (max-width: 768px) {
    header nav {
        position: initial
    }
}

@media (max-width: 575px) {
    header nav {
        position: fixed;
        top: 0;
        min-height: 50vh;
        max-height: 100vh;
        overflow: auto;
        width: 100vw;
        padding: 30px 0
    }
}

header nav.__show {
    display: flex;
    visibility: visible;
    opacity: 1;
    left: 0px
}

header nav ul {
    padding: 0 50px;
    display: block
}

@media (max-width: 575px) {
    header nav ul {
        padding: 0 25px
    }
}

header nav ul li {
    width: fit-content;
    height: fit-content;
    display: block;
    margin: 2px 0
}

@media (max-width: 575px) {
    header nav ul li {
        margin: 7px 0
    }
}

header nav ul li>a {
    width: fit-content;
    height: fit-content;
    position: relative;
    font-size: 1.73333em;
    font-family: "Montserrat", sans-serif;
    line-height: 118.75%;
    letter-spacing: -0.05em;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    transition: 0.5s ease-in-out
}

@media (max-width: 575px) {
    header nav ul li>a {
        font-size: 1.46667em
    }
}

header nav ul li>a span {
    width: 15px;
    height: 15px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 7px;
    transition: 0.5s ease-in-out;
    transform-origin: center
}

header nav ul li>a span::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    background: #fff;
    border-radius: 3px;
    transition: 0.5s ease-in-out
}

header nav ul li>a span::after {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 100%;
    background: #fff;
    border-radius: 3px;
    transition: 0.5s ease-in-out
}

@media not all and (pointer: coarse) {
    header nav ul li>a:hover {
        color: #F1B843
    }
    header nav ul li>a:hover span::before,
    header nav ul li>a:hover span::after {
        background: #F1B843
    }
}

header nav ul li>a.active {
    color: #F1B843
}

header nav ul li>a.active span {
    transform: rotate(135deg)
}

header nav ul li>a.active span::before,
header nav ul li>a.active span::after {
    background: #F1B843
}

header nav ul li .children {
    width: 700px;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background: #343B68;
    padding: 50px 0
}

@media (max-width: 1024px) {
    header nav ul li .children {
        top: 100%;
        left: 0
    }
}

@media (max-width: 768px) {
    header nav ul li .children {
        width: 100vw
    }
}

@media (max-width: 575px) {
    header nav ul li .children {
        width: 100%;
        position: relative;
        padding: 20px 0
    }
}

header nav ul li .children .chld_content {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    column-gap: 50px;
    row-gap: 15px;
    padding: 0 35px;
    border-left: 1px solid #fff
}

header nav ul li .children .chld_content a {
    width: 250px;
    color: #fff;
    position: relative;
    display: block;
    line-height: 120%;
    letter-spacing: -0.05em;
    transition: 0.5s ease-in-out
}

@media (max-width: 575px) {
    header nav ul li .children .chld_content a {
        width: 100%
    }
}

@media not all and (pointer: coarse) {
    header nav ul li .children .chld_content a:hover {
        color: #F1B843
    }
}

header nav ul li .children .chld_content a strong {
    color: #F1B843;
    font-family: inherit
}

aside.wpp {
    width: 70px;
    height: fit-content;
    display: block;
    position: fixed;
    bottom: 30px;
    right: 30px;
    filter: drop-shadow(2px 2px 4px #00000042);
    z-index: 2
}

@media (max-width: 575px) {
    aside.wpp {
        bottom: 15px;
        right: 15px
    }
}

footer {
    width: 100%;
    position: relative;
    padding: 4.33333em 0;
    background: #343B68;
    display: block
}

@media (max-width: 575px) {
    footer {
        padding: 2em 0
    }
}

footer .ftr_cnt {
    width: 85%;
    max-width: 1300px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 1280px) {
    footer .ftr_cnt {
        width: 85%
    }
}

@media (max-width: 768px) {
    footer .ftr_cnt {
        width: 90%
    }
}

footer .ftr_cnt .ftr_txt {
    width: 25%;
    position: relative;
    display: block;
    padding-right: 55px
}

@media (max-width: 1024px) {
    footer .ftr_cnt .ftr_txt {
        width: 40%;
        padding-right: 0
    }
}

@media (max-width: 768px) {
    footer .ftr_cnt .ftr_txt {
        width: 50%
    }
}

@media (max-width: 575px) {
    footer .ftr_cnt .ftr_txt {
        width: 100%
    }
}

footer .ftr_cnt .ftr_txt h5 {
    position: relative;
    display: block;
    font-size: 1.8em;
    line-height: 93.10345%;
    letter-spacing: -0.05em;
    color: #fff;
    margin-bottom: 20px
}

footer .ftr_cnt .ftr_txt p {
    color: #fff;
    text-align: left;
    position: relative;
    display: block
}

footer .ftr_cnt .ftr_form {
    width: 75%;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 1024px) {
    footer .ftr_cnt .ftr_form {
        width: 100%;
        margin-top: 30px
    }
}

footer .ftr_cnt .ftr_form form {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 40px
}

footer .ftr_cnt .ftr_form form ._input {
    width: calc(100% / 3 - 30px);
    position: relative;
    display: flex;
    align-items: center
}

@media (max-width: 768px) {
    footer .ftr_cnt .ftr_form form ._input {
        width: calc(50% - 15px)
    }
}

@media (max-width: 575px) {
    footer .ftr_cnt .ftr_form form ._input {
        width: 100%
    }
}

footer .ftr_cnt .ftr_form form ._input input {
    width: 100%;
    position: relative;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 1.2em;
    line-height: 204.54545%;
    letter-spacing: -0.05em;
    border-bottom: 1px solid #fff;
    background: transparent;
    font-weight: 600;
    padding-right: 30px;
}

footer .ftr_cnt .ftr_form form ._input input.placeholder {
    color: #fff
}

footer .ftr_cnt .ftr_form form ._input input:-moz-placeholder {
    color: #fff
}

footer .ftr_cnt .ftr_form form ._input input::-moz-placeholder {
    color: #fff
}

footer .ftr_cnt .ftr_form form ._input input:-ms-input-placeholder {
    color: #fff
}

footer .ftr_cnt .ftr_form form ._input input::-webkit-input-placeholder {
    color: #fff
}

footer .ftr_cnt .ftr_form form ._input select {
    width: 100%;
    position: relative;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 1.2em;
    line-height: 204.54545%;
    letter-spacing: -0.05em;
    border-bottom: 1px solid #fff;
    background: transparent;
    font-weight: 600;
    appearance: none;
    padding-right: 30px;
}

footer .ftr_cnt .ftr_form form ._input select option {
    font-size: 15px;
    color: #222222
}

footer .ftr_cnt .ftr_form form ._input img {
    width: 23px;
    height: fit-content;
    position: absolute;
    right: 0;
    filter: brightness(0) invert(1)
}

footer .ftr_cnt .ftr_form form ._textarea {
    width: calc(66% - 30px);
    position: relative;
    display: flex;
    align-items: center
}

@media (max-width: 768px) {
    footer .ftr_cnt .ftr_form form ._textarea {
        width: 100%
    }
}

footer .ftr_cnt .ftr_form form ._textarea textarea {
    width: 100%;
    position: relative;
    height: 42px;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    font-size: 1.2em;
    line-height: 204.54545%;
    letter-spacing: -0.05em;
    border-bottom: 1px solid #fff;
    background: transparent;
    appearance: none;
    resize: none;
    font-weight: 600
}

footer .ftr_cnt .ftr_form form ._textarea textarea.placeholder {
    color: #fff
}

footer .ftr_cnt .ftr_form form ._textarea textarea:-moz-placeholder {
    color: #fff
}

footer .ftr_cnt .ftr_form form ._textarea textarea::-moz-placeholder {
    color: #fff
}

footer .ftr_cnt .ftr_form form ._textarea textarea:-ms-input-placeholder {
    color: #fff
}

footer .ftr_cnt .ftr_form form ._textarea textarea::-webkit-input-placeholder {
    color: #fff
}

footer .ftr_cnt .ftr_form form ._textarea img {
    width: 23px;
    height: fit-content;
    position: absolute;
    right: 0;
    filter: brightness(0) invert(1)
}

footer .ftr_cnt .ftr_form form ._bottom {
    width: calc(100% - 30px);
    position: relative;
    display: flex;
    justify-content: flex-end;
    margin-top: -30px
}

@media (max-width: 768px) {
    footer .ftr_cnt .ftr_form form ._bottom {
        width: 100%;
        margin-top: -15px
    }
}

footer .ftr_cnt .ftr_form form ._bottom .j-e {
    width: 66%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap
}

@media (max-width: 768px) {
    footer .ftr_cnt .ftr_form form ._bottom .j-e {
        width: 100%
    }
}

footer .ftr_cnt .ftr_form form ._bottom .j-e ._check {
    width: 50%;
    position: relative;
    display: flex;
    align-items: flex-start
}

@media (max-width: 575px) {
    footer .ftr_cnt .ftr_form form ._bottom .j-e ._check {
        width: 100%
    }
}

footer .ftr_cnt .ftr_form form ._bottom .j-e ._check label {
    width: 15px;
    height: 15px;
    position: relative;
    display: block;
    cursor: pointer;
    margin-right: 5px
}

footer .ftr_cnt .ftr_form form ._bottom .j-e ._check label input {
    display: none
}

footer .ftr_cnt .ftr_form form ._bottom .j-e ._check label i {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    background: url(../img/check.svg) no-repeat center;
    background-size: contain;
    filter: brightness(0) invert(1)
}

footer .ftr_cnt .ftr_form form ._bottom .j-e ._check label>input:checked+i {
    background: url(../img/checked.svg) no-repeat center;
    background-size: contain
}

footer .ftr_cnt .ftr_form form ._bottom .j-e ._check p {
    width: calc(100% - 20px);
    position: relative;
    display: block;
    font-size: .86667em;
    color: #fff;
    text-align: left
}

footer .ftr_cnt .ftr_form form ._bottom .j-e ._check p a {
    color: inherit;
    font-family: "Roboto", sans-serif;
    transition: 0.5s ease-in-out
}

@media not all and (pointer: coarse) {
    footer .ftr_cnt .ftr_form form ._bottom .j-e ._check p a:hover {
        color: #F1B843
    }
}

footer .ftr_cnt .ftr_form form ._bottom .j-e button {
    position: relative;
    display: block;
    background: transparent;
    font-size: 1.53333em;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    line-height: 88%;
    text-align: right;
    letter-spacing: -0.05em;
    transition: 0.5s ease-in-out
}

@media (max-width: 575px) {
    footer .ftr_cnt .ftr_form form ._bottom .j-e button {
        width: 100%;
        text-align: center;
        margin-top: 30px
    }
    footer .ftr_cnt .ftr_form form ._bottom .j-e button br {
        display: none
    }
}

@media not all and (pointer: coarse) {
    footer .ftr_cnt .ftr_form form ._bottom .j-e button:hover {
        color: #F1B843
    }
}

footer.__home {
    background: #fff;
    border-bottom: 1px solid #d1d1d1
}

footer.__home .ftr_cnt .ftr_txt h5 {
    color: #343B68
}

footer.__home .ftr_cnt .ftr_txt p {
    color: #343B68
}

footer.__home .ftr_cnt .ftr_form ._input input {
    color: #343B68;
    border-bottom: 1px solid #343B68
}

footer.__home .ftr_cnt .ftr_form ._input input.placeholder {
    color: #343B68
}

footer.__home .ftr_cnt .ftr_form ._input input:-moz-placeholder {
    color: #343B68
}

footer.__home .ftr_cnt .ftr_form ._input input::-moz-placeholder {
    color: #343B68
}

footer.__home .ftr_cnt .ftr_form ._input input:-ms-input-placeholder {
    color: #343B68
}

footer.__home .ftr_cnt .ftr_form ._input input::-webkit-input-placeholder {
    color: #343B68
}

footer.__home .ftr_cnt .ftr_form ._input select {
    color: #343B68;
    border-bottom: 1px solid #343B68
}

footer.__home .ftr_cnt .ftr_form ._input img {
    filter: brightness(1) invert(0)
}

footer.__home .ftr_cnt .ftr_form ._textarea textarea {
    color: #343B68;
    border-bottom: 1px solid #343B68
}

footer.__home .ftr_cnt .ftr_form ._textarea textarea.placeholder {
    color: #343B68
}

footer.__home .ftr_cnt .ftr_form ._textarea textarea:-moz-placeholder {
    color: #343B68
}

footer.__home .ftr_cnt .ftr_form ._textarea textarea::-moz-placeholder {
    color: #343B68
}

footer.__home .ftr_cnt .ftr_form ._textarea textarea:-ms-input-placeholder {
    color: #343B68
}

footer.__home .ftr_cnt .ftr_form ._textarea textarea::-webkit-input-placeholder {
    color: #343B68
}

footer.__home .ftr_cnt .ftr_form ._textarea img {
    filter: brightness(1) invert(0)
}

footer.__home .ftr_cnt .ftr_form ._bottom .j-e ._check label i {
    filter: brightness(1) invert(0)
}

footer.__home .ftr_cnt .ftr_form ._bottom .j-e ._check p {
    color: #343B68
}

footer.__home .ftr_cnt .ftr_form ._bottom .j-e ._check p a {
    color: inherit;
    transition: 0.5s ease-in-out
}

@media not all and (pointer: coarse) {
    footer.__home .ftr_cnt .ftr_form ._bottom .j-e ._check p a:hover {
        color: #F1B843
    }
}

footer.__home .ftr_cnt .ftr_form ._bottom .j-e button {
    color: #343B68
}

@media not all and (pointer: coarse) {
    footer.__home .ftr_cnt .ftr_form ._bottom .j-e button:hover {
        color: #F1B843
    }
}

.ftr_links {
    width: 85%;
    max-width: 1300px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
    padding: 25px 0;
    background: #fff
}

@media (max-width: 1280px) {
    .ftr_links {
        width: 85%
    }
}

@media (max-width: 768px) {
    .ftr_links {
        width: 90%
    }
}

.ftr_links>a {
    width: 100px;
    position: relative;
    display: block
}

@media (max-width: 768px) {
    .ftr_links>a {
        margin: 30px auto 0
    }
}

.ftr_links .links_interes {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media (max-width: 575px) {
    .ftr_links .links_interes {
        justify-content: center
    }
}

.ftr_links .links_interes a {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 8px;
    font-size: .93333em;
    line-height: 143.75%;
    letter-spacing: -0.05em;
    color: #d1d1d1;
    transition: 0.5s ease-in-out
}

.ftr_links .links_interes a:nth-child(2)::before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 5px;
    left: 0;
    background: #d1d1d1
}

@media (max-width: 575px) {
    .ftr_links .links_interes a:nth-child(2)::before {
        display: none
    }
}

.ftr_links .links_interes a:nth-child(2)::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 5px;
    right: 0;
    background: #d1d1d1
}

@media (max-width: 575px) {
    .ftr_links .links_interes a:nth-child(2)::after {
        display: none
    }
}

@media not all and (pointer: coarse) {
    .ftr_links .links_interes a:hover {
        color: #343B68
    }
}

.items-1 {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.items-1>.item {
    width: 96%;
    position: relative;
    margin: 2%;
    width: 100%;
    margin: 25px auto
}

.items-2 {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.items-2>.item {
    width: 46%;
    position: relative;
    margin: 2%
}

@media (max-width: 575px) {
    .items-2>.item {
        width: 100%;
        margin: 25px 0
    }
}

.items-3 {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.items-3>.item {
    width: 29.33333%;
    position: relative;
    margin: 2%
}

@media (max-width: 768px) {
    .items-3>.item {
        width: 46%
    }
}

@media (max-width: 575px) {
    .items-3>.item {
        width: 100%;
        margin: 25px 0
    }
}

.items-4 {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.items-4>.item {
    width: 22%;
    position: relative;
    margin: 1.5%
}

@media (max-width: 1024px) {
    .items-4>.item {
        width: 30.33%
    }
}

@media (max-width: 768px) {
    .items-4>.item {
        width: 47%
    }
}

@media (max-width: 575px) {
    .items-4>.item {
        width: 100%;
        margin: 25px 0
    }
}

.items-5 {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.items-5>.item {
    width: 18%;
    position: relative;
    margin: 1%
}

@media (max-width: 1024px) {
    .items-5>.item {
        width: 31.33%
    }
}

@media (max-width: 768px) {
    .items-5>.item {
        width: 48%
    }
}

@media (max-width: 575px) {
    .items-5>.item {
        width: 100%;
        margin: 25px 0
    }
}

.items-6 {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.items-6>.item {
    width: 14.66667%;
    position: relative;
    margin: 1%
}

@media (max-width: 1024px) {
    .items-6>.item {
        width: 31.33%
    }
}

@media (max-width: 768px) {
    .items-6>.item {
        width: 48%
    }
}

@media (max-width: 575px) {
    .items-6>.item {
        width: 100%;
        margin: 25px 0
    }
}

.col-1 {
    width: 8.33333%;
    position: relative
}

.col-2 {
    width: 16.66667%;
    position: relative
}

.col-3 {
    width: 25%;
    position: relative
}

.col-4 {
    width: 33.33333%;
    position: relative
}

.col-5 {
    width: 41.66667%;
    position: relative
}

.col-6 {
    width: 50%;
    position: relative
}

.col-7 {
    width: 58.33333%;
    position: relative
}

.col-8 {
    width: 66.66667%;
    position: relative
}

.col-9 {
    width: 75%;
    position: relative
}

.col-10 {
    width: 83.33333%;
    position: relative
}

.col-11 {
    width: 91.66667%;
    position: relative
}

.col-12 {
    width: 100%;
    position: relative
}

.bnr_home {
    width: 100%;
    position: relative;
    display: block
}

.bnr_home_cnt {
    width: 100%;
    position: relative;
    display: block
}

.bnr_home_cnt .bnr_home_sld {
    width: 100%;
    position: relative
}

.bnr_home_cnt .bnr_home_sld--itm {
    width: 100%;
    position: relative;
    display: block
}

.bnr_home_cnt .bnr_home_sld--itm .bnr_hm--img {
    width: 100%;
    position: relative;
    display: block
}

.bnr_home_cnt .bnr_home_sld--itm .bnr_hm--img::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(56, 57, 58, 0.5);
    transition: 0.5s ease-in-out
}

@media (max-width: 1024px) {
    .bnr_home_cnt .bnr_home_sld--itm .bnr_hm--img img {
        height: 550px
    }
}

.bnr_home_cnt .bnr_home_sld--itm .bnr_hm--txt {
    width: 45%;
    position: absolute;
    top: 40%;
    left: 20%;
    z-index: 1;
    display: block
}

@media (max-width: 1024px) {
    .bnr_home_cnt .bnr_home_sld--itm .bnr_hm--txt {
        width: 65%;
        left: 25%
    }
}

@media (max-width: 768px) {
    .bnr_home_cnt .bnr_home_sld--itm .bnr_hm--txt {
        width: 80%;
        left: 5%;
        top: 62%
    }
}

@media (max-width: 575px) {
    .bnr_home_cnt .bnr_home_sld--itm .bnr_hm--txt {
        width: 100%;
        left: 0;
        padding: 0 20px;
        top: 45%
    }
}

.bnr_home_cnt .bnr_home_sld--itm .bnr_hm--txt h3 {
    position: relative;
    display: block;
    color: #fff
}

.bnr_home_cnt .bnr_hm_nav {
    width: fit-content;
    height: fit-content;
    position: absolute;
    top: calc(40% - 40px);
    left: 20%;
    z-index: 2;
    display: flex;
    align-items: center
}

@media (max-width: 1024px) {
    .bnr_home_cnt .bnr_hm_nav {
        left: 25%
    }
}

@media (max-width: 768px) {
    .bnr_home_cnt .bnr_hm_nav {
        top: calc(62% - 40px);
        left: 5%
    }
}

@media (max-width: 575px) {
    .bnr_home_cnt .bnr_hm_nav {
        left: 20px;
        top: calc(45% - 40px)
    }
}

.bnr_home_cnt .bnr_hm_nav button {
    width: 15px;
    position: relative;
    display: block;
    background: transparent
}

.bnr_home_cnt .bnr_hm_nav span.current_slide {
    position: relative;
    display: block;
    font-size: 1.4em;
    letter-spacing: -0.05em;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #fff;
    margin: 0 10px
}

.bnr_home_cnt .bnr_hm_dots {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 40%;
    right: 30px;
    z-index: 2
}

.bnr_home_cnt .bnr_hm_dots span {
    position: relative;
    display: block;
    font-size: 1.26667em;
    letter-spacing: -0.05em;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #fff;
    margin: 0 10px;
    writing-mode: vertical-lr;
    transform: rotateX(180deg) rotateY(180deg)
}

@media (max-width: 575px) {
    .bnr_home_cnt .bnr_hm_dots span {
        display: none
    }
}

.bnr_home_cnt .bnr_hm_dots .owl-dots {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    margin: 7px 0;
    border-right: 1px solid #fff
}

@media (max-width: 575px) {
    .bnr_home_cnt .bnr_hm_dots .owl-dots {
        display: none
    }
}

.bnr_home_cnt .bnr_hm_dots .owl-dots button.owl-dot {
    width: 3px;
    height: 35px;
    position: relative;
    display: block;
    background: transparent;
    border-radius: 3px;
    transition: 0.5s ease-in-out
}

.bnr_home_cnt .bnr_hm_dots .owl-dots button.owl-dot.active {
    background: #fff
}

.bnr_home_cnt .bnr_hm_dots img.scroll {
    width: 19px;
    position: relative;
    display: block;
    margin-top: 70px;
    animation: up-and-down 2s linear infinite
}

@media (max-width: 575px) {
    .bnr_home_cnt .bnr_hm_dots img.scroll {
        margin-top: 250px
    }
}

.hm_srv {
    width: 100%;
    position: relative;
    display: block
}

.hm_srv_cnt {
    width: 100%;
    position: relative;
    display: block
}

.hm_srv_cnt .hm_srv_sld {
    width: 100%;
    position: relative
}

.hm_srv_cnt .hm_srv_sld--itm {
    position: relative;
    display: block
}

.hm_srv_cnt .hm_srv_sld--itm>img {
    width: 50px;
    position: absolute;
    top: 40px;
    right: 40px;
    z-index: 1
}

.hm_srv_cnt .hm_srv_sld--itm .hm_srv_img {
    width: 100%;
    position: relative;
    display: block
}

.hm_srv_cnt .hm_srv_sld--itm .hm_srv_img::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(56, 57, 58, 0.5);
    transition: 0.5s ease-in-out
}

.hm_srv_cnt .hm_srv_sld--itm .hm_srv_txt {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 100px 40px 40px
}

@media (max-width: 1024px) {
    .hm_srv_cnt .hm_srv_sld--itm .hm_srv_txt {
        padding: 0 40px 40px 40px
    }
}

.hm_srv_cnt .hm_srv_sld--itm .hm_srv_txt img {
    width: 40px
}

.hm_srv_cnt .hm_srv_sld--itm .hm_srv_txt h5 {
    position: relative;
    display: block;
    color: #fff;
    margin: 20px 0
}

@media (max-width: 768px) {
    .hm_srv_cnt .hm_srv_sld--itm .hm_srv_txt h5 {
        font-size: 1.66667em
    }
}

.hm_srv_cnt .hm_srv_sld--itm .hm_srv_txt p {
    position: relative;
    display: block;
    color: #fff;
    font-weight: 600;
    font-size: 18;
    font-family: "Montserrat", sans-serif
}

@media not all and (pointer: coarse) {
    .hm_srv_cnt .hm_srv_sld--itm:hover .hm_srv_img::before {
        background: rgba(52, 59, 104, 0.8)
    }
}

.hm_srv_cnt button.next_srv {
    width: 95px;
    height: 95px;
    display: block;
    position: absolute;
    bottom: -47px;
    left: 0;
    right: 0;
    background: #F1B843;
    z-index: 1;
    border-radius: 50%;
    font-size: 1.33333em;
    line-height: 87%;
    text-align: center;
    letter-spacing: -0.05em;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    margin: auto;
    transition: 0.5s ease-in-out
}

@media (max-width: 575px) {
    .hm_srv_cnt button.next_srv {
        width: 80px;
        height: 80px
    }
}

@media not all and (pointer: coarse) {
    .hm_srv_cnt button.next_srv:hover {
        background: #343B68
    }
}

.hm_about_us {
    width: 100%;
    position: relative;
    display: block
}

.hm_about_us--img {
    width: 100%;
    position: relative;
    display: block
}

@media (max-width: 768px) {
    .hm_about_us--img img {
        height: 550px
    }
}

@media (max-width: 575px) {
    .hm_about_us--img img {
        height: 650px
    }
}

.hm_about_us_cnt {
    width: 85%;
    max-width: 1300px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: fit-content;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

@media (max-width: 1280px) {
    .hm_about_us_cnt {
        width: 85%
    }
}

@media (max-width: 768px) {
    .hm_about_us_cnt {
        width: 90%
    }
}

.hm_about_us_cnt>h2 {
    width: 65%;
    position: relative;
    display: block;
    color: #fff;
    margin-bottom: 50px
}

@media (max-width: 1024px) {
    .hm_about_us_cnt>h2 {
        width: 100%
    }
}

.hm_about_us_cnt .hm_abt_us--txt {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start
}

.hm_about_us_cnt .hm_abt_us--txt .abt_key {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    margin-right: 15px
}

@media (max-width: 1024px) {
    .hm_about_us_cnt .hm_abt_us--txt .abt_key {
        display: none
    }
}

.hm_about_us_cnt .hm_abt_us--txt .abt_key h4 {
    position: relative;
    display: block;
    color: #fff;
    display: none
}

.hm_about_us_cnt .hm_abt_us--txt .abt_dt {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block
}

.hm_about_us_cnt .hm_abt_us--txt .abt_dt h4 {
    position: relative;
    display: block;
    color: #fff;
    display: none
}

@media (max-width: 575px) {
    .hm_about_us_cnt .hm_abt_us--txt .abt_dt h4 {
        font-size: 2.06667em
    }
}

.hm_about_us_cnt .hm_abt_us--txt .abt_dt p {
    position: relative;
    display: block;
    color: #fff;
    margin-top: 10px;
    column-count: 2;
    column-gap: 50px;
    break-inside: avoid;
    page-break-inside: avoid
}

@media (max-width: 768px) {
    .hm_about_us_cnt .hm_abt_us--txt .abt_dt p {
        column-count: 1
    }
}

.hm_about_us_cnt .hm_abt_us--txt .abt_dt a {
    position: relative;
    display: block;
    margin-top: 15px;
    font-weight: 700;
    transition: 0.5s ease-in-out;
    color: #F1B843;
    font-size: 1.2em
}

@media not all and (pointer: coarse) {
    .hm_about_us_cnt .hm_abt_us--txt .abt_dt a:hover {
        color: #d1d1d1
    }
}

.hm_projects {
    width: 100%;
    position: relative;
    padding: 4.33333em 0;
    display: block
}

@media (max-width: 575px) {
    .hm_projects {
        padding: 2em 0
    }
}

.hm_projects_cnt {
    width: 85%;
    max-width: 1300px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1280px) {
    .hm_projects_cnt {
        width: 85%
    }
}

@media (max-width: 768px) {
    .hm_projects_cnt {
        width: 90%
    }
}

.hm_projects_cnt .hm_prj_title {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 30px;
    border-bottom: 1px solid #343B68
}

.hm_projects_cnt .hm_prj_title h2 {
    position: relative;
    display: block
}

@media (max-width: 768px) {
    .hm_projects_cnt .hm_prj_title h2 {
        width: 50%
    }
}

@media (max-width: 575px) {
    .hm_projects_cnt .hm_prj_title h2 {
        width: 100%
    }
}

.hm_projects_cnt .hm_prj_title a {
    width: 230px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.4em;
    line-height: 88%;
    text-align: right;
    letter-spacing: -0.05em;
    color: #d1d1d1;
    font-weight: 700;
    transition: 0.5s ease-in-out
}

@media (max-width: 575px) {
    .hm_projects_cnt .hm_prj_title a {
        width: 100%;
        margin-top: 15px
    }
}

@media not all and (pointer: coarse) {
    .hm_projects_cnt .hm_prj_title a:hover {
        color: #F1B843
    }
}

.hm_projects_cnt .hm_prj_title a img {
    width: 40px;
    position: relative;
    display: block;
    margin-left: 10px
}

.hm_projects_cnt .hm_prj_content {
    width: 100%;
    position: relative;
    margin-top: 30px
}

.hm_projects_cnt .hm_prj_content--itm {
    position: relative;
    display: block
}

.hm_projects_cnt .hm_prj_content--itm .hm_prj--itm_title {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-end
}

.hm_projects_cnt .hm_prj_content--itm .hm_prj--itm_title img {
    width: 49px;
    position: relative;
    display: block;
    margin-right: 10px
}

.hm_projects_cnt .hm_prj_content--itm .hm_prj--itm_title h6 {
    width: 200px;
    position: relative;
    display: block
}

.hm_projects_cnt .hm_prj_content--itm .hm_prj--itm_txt {
    width: 100%;
    position: relative;
    display: block;
    margin-top: 15px
}

.hm_projects_cnt .hm_prj_content--itm .hm_prj--itm_txt a {
    position: relative;
    display: block;
    margin-top: 15px;
    font-weight: 700;
    transition: 0.5s ease-in-out;
    color: #F1B843;
    font-size: 1.2em
}

@media not all and (pointer: coarse) {
    .hm_projects_cnt .hm_prj_content--itm .hm_prj--itm_txt a:hover {
        color: #d1d1d1
    }
}

.hm_blog {
    width: 100%;
    position: relative;
    padding: 4.33333em 0;
    display: block
}

@media (max-width: 575px) {
    .hm_blog {
        padding: 2em 0
    }
}

.hm_blog_cnt {
    width: 85%;
    max-width: 1300px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap
}

@media (max-width: 1280px) {
    .hm_blog_cnt {
        width: 85%
    }
}

@media (max-width: 768px) {
    .hm_blog_cnt {
        width: 90%
    }
}

.hm_blog_cnt .bg_blog {
    width: 66.6%;
    position: relative;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 1024px) {
    .hm_blog_cnt .bg_blog {
        width: 65%
    }
}

@media (max-width: 768px) {
    .hm_blog_cnt .bg_blog {
        width: 55%
    }
}

@media (max-width: 575px) {
    .hm_blog_cnt .bg_blog {
        width: 100%;
        margin: 20px 0
    }
}

.hm_blog_cnt .bg_blog--txt {
    width: 50%;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

@media (max-width: 1024px) {
    .hm_blog_cnt .bg_blog--txt {
        width: 100%
    }
}

.hm_blog_cnt .bg_blog--txt>h6 {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 15px;
    color: #d1d1d1;
    line-height: 100%
}

@media (max-width: 575px) {
    .hm_blog_cnt .bg_blog--txt>h6 {
        width: 100%;
        font-size: 1.66667em
    }
}

.hm_blog_cnt .bg_blog--txt .bg_blog_content {
    width: 100%;
    position: relative;
    display: block
}

.hm_blog_cnt .bg_blog--txt .bg_blog_content h6 {
    position: relative;
    display: block;
    color: #d1d1d1;
    font-size: 1.2em;
    line-height: 100%
}

.hm_blog_cnt .bg_blog--txt .bg_blog_content h4 {
    position: relative;
    display: block;
    margin: 15px 0
}

.hm_blog_cnt .bg_blog--txt .bg_blog_content .bg_blog_links {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.hm_blog_cnt .bg_blog--txt .bg_blog_content .bg_blog_links a {
    position: relative;
    display: block;
    margin-top: 15px;
    font-weight: 700;
    transition: 0.5s ease-in-out;
    color: #F1B843;
    font-size: 1.2em;
    display: flex;
    align-items: center;
    margin-right: 20px
}

@media not all and (pointer: coarse) {
    .hm_blog_cnt .bg_blog--txt .bg_blog_content .bg_blog_links a:hover {
        color: #d1d1d1
    }
}

.hm_blog_cnt .bg_blog--txt .bg_blog_content .bg_blog_links .share {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block
}

.hm_blog_cnt .bg_blog--txt .bg_blog_content .bg_blog_links .share img {
    width: 20px;
    position: relative;
    display: block;
    margin-right: 5px
}

.hm_blog_cnt .bg_blog--img {
    width: calc(50% - 60px);
    position: relative;
    display: block;
    margin-left: 60px
}

.hm_blog_cnt .bg_blog--img::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(56, 57, 58, 0.5);
    transition: 0.5s ease-in-out
}

@media (max-width: 1024px) {
    .hm_blog_cnt .bg_blog--img {
        width: 100%;
        margin-top: 20px;
        margin-left: 0
    }
}

.hm_blog_cnt .bg_blog--img::before {
    background: transparent;
    z-index: 1
}

.hm_blog_cnt .bg_blog--img img {
    aspect-ratio: 0.60 / 1;
    position: relative
}

@media (max-width: 1024px) {
    .hm_blog_cnt .bg_blog--img img {
        aspect-ratio: 1 / 0.60
    }
}

@media not all and (pointer: coarse) {
    .hm_blog_cnt .bg_blog:hover .bg_blog--img::before {
        background: rgba(52, 59, 104, 0.4)
    }
}

.hm_blog_cnt .sm_blog {
    width: calc(100% - 66.6%);
    position: relative;
    display: block;
    padding-left: 20px
}

@media (max-width: 1024px) {
    .hm_blog_cnt .sm_blog {
        width: 35%
    }
}

@media (max-width: 768px) {
    .hm_blog_cnt .sm_blog {
        width: 45%
    }
}

@media (max-width: 575px) {
    .hm_blog_cnt .sm_blog {
        width: 100%;
        margin: 20px 0;
        padding-left: 0
    }
}

.hm_blog_cnt .sm_blog--txt {
    width: 100%;
    position: relative;
    display: block
}

.hm_blog_cnt .sm_blog--txt h6 {
    position: relative;
    display: block;
    color: #d1d1d1;
    font-size: 1.2em;
    line-height: 100%
}

.hm_blog_cnt .sm_blog--txt h4 {
    position: relative;
    display: block;
    margin: 15px 0
}

.hm_blog_cnt .sm_blog--img {
    width: 100%;
    position: relative;
    display: block
}

.hm_blog_cnt .sm_blog--img::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(56, 57, 58, 0.5);
    transition: 0.5s ease-in-out
}

.hm_blog_cnt .sm_blog--img::before {
    background: transparent;
    z-index: 1
}

.hm_blog_cnt .sm_blog--img img {
    aspect-ratio: 1;
    position: relative
}

@media not all and (pointer: coarse) {
    .hm_blog_cnt .sm_blog:hover .sm_blog--img::before {
        background: rgba(52, 59, 104, 0.4)
    }
}

.hm_contact {
    width: 100%;
    position: relative;
    padding: 4.33333em 0;
    display: block;
    background: #343B68
}

@media (max-width: 575px) {
    .hm_contact {
        padding: 2em 0
    }
}

.hm_contact_cnt {
    width: 85%;
    max-width: 1300px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap
}

@media (max-width: 1280px) {
    .hm_contact_cnt {
        width: 85%
    }
}

@media (max-width: 768px) {
    .hm_contact_cnt {
        width: 90%
    }
}

.hm_contact_cnt .ctc_stBox {
    width: 25%;
    position: relative;
    display: block
}

@media (max-width: 1024px) {
    .hm_contact_cnt .ctc_stBox {
        width: 50%;
        margin: 20px 0
    }
}

@media (max-width: 575px) {
    .hm_contact_cnt .ctc_stBox {
        width: 100%;
        margin: 25px 0
    }
}

.hm_contact_cnt .ctc_stBox h5 {
    position: relative;
    display: block;
    color: #fff;
    margin-bottom: 20px
}

.hm_contact_cnt .ctc_stBox p {
    position: relative;
    display: block;
    color: #fff;
    font-size: .93333em;
    letter-spacing: unset;
    text-align: left;
}

.hm_contact_cnt .ctc_stBox a {
    position: relative;
    display: block;
    color: #fff;
    font-weight: 600;
    transition: 0.5s ease-in-out
}

@media not all and (pointer: coarse) {
    .hm_contact_cnt .ctc_stBox a:hover {
        color: #F1B843
    }
}

.hm_contact_cnt .ctc_ndBox {
    width: 50%;
    position: relative;
    display: block;
    padding: 0 60px
}

@media (max-width: 1024px) {
    .hm_contact_cnt .ctc_ndBox {
        padding: 0 0 0 40px
    }
}

@media (max-width: 575px) {
    .hm_contact_cnt .ctc_ndBox {
        width: 100%;
        padding: 0;
        margin: 25px 0
    }
}

.hm_contact_cnt .ctc_ndBox h5 {
    width: 50%;
    position: relative;
    display: block;
    color: #fff;
    margin-bottom: 20px
}

@media (max-width: 575px) {
    .hm_contact_cnt .ctc_ndBox h5 {
        width: 100%
    }
}

.hm_contact_cnt .ctc_ndBox p {
    display: initial;
    color: #fff;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    position: relative;
    margin: 0 5px;
    line-height: 128%
}

.hm_contact_cnt .ctc_ndBox a {
    position: relative;
    color: #fff;
    font-weight: 600;
    margin: 0 5px;
    transition: 0.5s ease-in-out;
    line-height: 128%
}

@media not all and (pointer: coarse) {
    .hm_contact_cnt .ctc_ndBox a:hover {
        color: #F1B843
    }
}

@keyframes up-and-down {
    0% {
        transform: translateY(0px)
    }
    50% {
        transform: translateY(15px)
    }
    100% {
        transform: translateY(0px)
    }
}

.about_us {
    width: 100%;
    position: relative;
    padding: 4.33333em 0;
    display: block
}

@media (max-width: 575px) {
    .about_us {
        padding: 2em 0
    }
}

.about_us_cnt {
    width: 85%;
    max-width: 1300px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1280px) {
    .about_us_cnt {
        width: 85%
    }
}

@media (max-width: 768px) {
    .about_us_cnt {
        width: 90%
    }
}

.about_us_cnt .abt_us--title {
    width: 85%;
    max-width: 1300px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-bottom: 60px
}

@media (max-width: 1280px) {
    .about_us_cnt .abt_us--title {
        width: 85%
    }
}

@media (max-width: 768px) {
    .about_us_cnt .abt_us--title {
        width: 90%
    }
}

.about_us_cnt .abt_us--title h4 {
    width: calc(100% - 250px);
    position: relative;
    display: block
}

@media (max-width: 575px) {
    .about_us_cnt .abt_us--title h4 {
        width: 100%
    }
}

.about_us_cnt .abt_us--title a {
    width: 230px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.4em;
    line-height: 88%;
    text-align: right;
    letter-spacing: -0.05em;
    color: #d1d1d1;
    font-weight: 700;
    transition: 0.5s ease-in-out
}

@media (max-width: 575px) {
    .about_us_cnt .abt_us--title a {
        width: 100%;
        margin-top: 15px
    }
}

@media not all and (pointer: coarse) {
    .about_us_cnt .abt_us--title a:hover {
        color: #F1B843
    }
}

.about_us_cnt .abt_us--title a img {
    width: 40px;
    position: relative;
    display: block;
    margin-left: 10px
}

.about_us_cnt .abt_us--content {
    width: 100%;
    position: relative
}

.about_us_cnt .abt_us--content_itm {
    position: relative;
    display: block
}

.about_us_cnt .abt_us--content_itm .abt_us--img {
    width: 100%;
    position: relative;
    display: block
}

.about_us_cnt .abt_us--content_itm .abt_us--txt {
    width: 100%;
    position: relative;
    padding: 40px 0 0 40px
}

@media (max-width: 1024px) {
    .about_us_cnt .abt_us--content_itm .abt_us--txt {
        padding: 30px 0 0 30px
    }
}

@media (max-width: 575px) {
    .about_us_cnt .abt_us--content_itm .abt_us--txt {
        padding: 20px 0 0
    }
}

.about_us_cnt .abt_us--content_itm .abt_us--txt h5 {
    position: relative;
    display: block;
    margin-bottom: 10px
}

.partners {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.partners_img {
    width: 100%;
    position: relative;
    display: block
}

.partners_img::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(56, 57, 58, 0.5);
    transition: 0.5s ease-in-out
}

@media (max-width: 1024px) {
    .partners_img img {
        height: 450px
    }
}

@media (max-width: 1024px) {
    .partners_img img {
        height: 600px
    }
}

.partners_img::before {
    background: rgba(56, 57, 58, 0.4)
}

.partners_cnt {
    width: 85%;
    max-width: 1300px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 30px;
    position: absolute
}

@media (max-width: 1280px) {
    .partners_cnt {
        width: 85%
    }
}

@media (max-width: 768px) {
    .partners_cnt {
        width: 90%
    }
}

.partners_cnt .prt_txt {
    width: calc(50% - 15px);
    position: relative;
    display: block
}

@media (max-width: 768px) {
    .partners_cnt .prt_txt {
        width: 100%;
        margin: 30px 0
    }
}

.partners_cnt .prt_txt h4 {
    position: relative;
    display: block;
    color: #fff
}

.partners_cnt .prt_txt--ico {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 30px
}

.partners_cnt .prt_txt--ico img {
    width: 60px;
    height: 60px;
    position: relative;
    display: block;
    margin-right: 20px
}

.partners_cnt .prt_txt--ico h6 {
    width: 250px;
    position: relative;
    display: block;
    color: #fff
}

.partners_cnt .prt_brands {
    width: calc(50% - 15px);
    position: relative;
    display: block
}

@media (max-width: 768px) {
    .partners_cnt .prt_brands {
        width: 100%;
        margin: 30px 0
    }
}

.service {
    width: 100%;
    position: relative;
    padding: 4.33333em 0;
    display: block
}

@media (max-width: 575px) {
    .service {
        padding: 2em 0
    }
}

.service_cnt {
    width: 85%;
    max-width: 1300px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1280px) {
    .service_cnt {
        width: 85%
    }
}

@media (max-width: 768px) {
    .service_cnt {
        width: 90%
    }
}

.service_cnt .srv_content {
    width: 100%;
    position: relative;
}

.service_cnt .srv_content--img {
    position: relative;
    display: block
}

@media (max-width: 768px) {
    .service_cnt .srv_content--img {
        width: 100%
    }
}

.service_cnt .srv_content--img .srv_content--img_fig {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 50px
}

@media (max-width: 768px) {
    .service_cnt .srv_content--img .srv_content--img_fig:first-of-type {
        display: none
    }
}

.service_cnt .srv_content--img .srv_content--img_fig:last-of-type {
    margin-bottom: 0
}

.service_cnt .srv_content--txt {
    position: relative;
    display: block
}

@media (max-width: 768px) {
    .service_cnt .srv_content--txt {
        width: 100%
    }
}

.service_cnt .srv_content--txt .srv_content--data {
    width: 100%;
    position: relative;
    display: block;
    padding: 70px 50px 50px 70px
}

@media (max-width: 1024px) {
    .service_cnt .srv_content--txt .srv_content--data {
        padding: 0 0 40px
    }
}

.service_cnt .srv_content--txt .srv_content--data h6 {
    position: relative;
    display: block;
    font-size: 1.2em;
    line-height: 250%;
    color: #d1d1d1
}

.service_cnt .srv_content--txt .srv_content--data h5 {
    position: relative;
    display: block;
    margin-bottom: 20px
}

.service_cnt .srv_content--txt .srv_content--high {
    width: 100%;
    position: relative;
    display: block
}

.service_cnt .srv_content--txt .srv_content--high_img {
    width: 100%;
    position: relative;
    display: block
}

.service_cnt .srv_content--txt .srv_content--high_img::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(56, 57, 58, 0.5);
    transition: 0.5s ease-in-out
}

.service_cnt .srv_content--txt .srv_content--high h5 {
    width: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 40px 40px 40px;
    color: #fff
}

@media (max-width: 575px) {
    .service_cnt .srv_content--txt .srv_content--high h5 {
        width: 100%
    }
}

.service_cnt .srv_content--txt .srv_content--links {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px
}

.service_cnt .srv_content--txt .srv_content--links>a {
    width: 230px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.4em;
    line-height: 88%;
    text-align: right;
    letter-spacing: -0.05em;
    color: #d1d1d1;
    font-weight: 700;
    transition: 0.5s ease-in-out
}

@media (max-width: 575px) {
    .service_cnt .srv_content--txt .srv_content--links>a {
        width: 100%;
        margin-top: 15px
    }
}

@media not all and (pointer: coarse) {
    .service_cnt .srv_content--txt .srv_content--links>a:hover {
        color: #F1B843
    }
}

.service_cnt .srv_content--txt .srv_content--links>a img {
    width: 40px;
    position: relative;
    display: block;
    margin-left: 10px
}

@media (max-width: 575px) {
    .service_cnt .srv_content--txt .srv_content--links>a {
        justify-content: center
    }
}

.service_cnt .srv_content--txt .srv_content--links .other_srv {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    margin: 0 10px
}

.service_cnt .srv_content--txt .srv_content--links .other_srv>a {
    width: 230px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.4em;
    line-height: 88%;
    text-align: right;
    letter-spacing: -0.05em;
    color: #d1d1d1;
    font-weight: 700;
    transition: 0.5s ease-in-out
}

@media (max-width: 575px) {
    .service_cnt .srv_content--txt .srv_content--links .other_srv>a {
        width: 100%;
        margin-top: 15px
    }
}

@media not all and (pointer: coarse) {
    .service_cnt .srv_content--txt .srv_content--links .other_srv>a:hover {
        color: #F1B843
    }
}

.service_cnt .srv_content--txt .srv_content--links .other_srv>a img {
    width: 40px;
    position: relative;
    display: block;
    margin-left: 10px
}

.service_cnt .srv_content--txt .srv_content--links .other_srv .oth_srv_content {
    width: 250px;
    height: fit-content;
    display: none;
    background: #F1B843;
    position: absolute;
    top: 17%;
    left: 84%;
    padding: 20px;
    border-radius: 10px;
    z-index: 2
}

@media (max-width: 1024px) {
    .service_cnt .srv_content--txt .srv_content--links .other_srv .oth_srv_content {
        top: 90%;
        left: 0
    }
}

.service_cnt .srv_content--txt .srv_content--links .other_srv .oth_srv_content>span.close_services {
    width: fit-content;
    height: fit-content;
    display: block;
    position: absolute;
    top: -5px;
    left: 1px;
    font-size: 1.4em;
    color: #fff;
    z-index: 1;
    cursor: pointer
}

@media (max-width: 1024px) {
    .service_cnt .srv_content--txt .srv_content--links .other_srv .oth_srv_content>span.close_services {
        top: 0;
        left: 7px
    }
}

.service_cnt .srv_content--txt .srv_content--links .other_srv .oth_srv_content ul {
    width: 100%;
    position: relative;
    display: block
}

.service_cnt .srv_content--txt .srv_content--links .other_srv .oth_srv_content ul li {
    width: 100%;
    position: relative;
    display: block;
    margin: 0 0 15px 0
}

.service_cnt .srv_content--txt .srv_content--links .other_srv .oth_srv_content ul li:last-of-type {
    margin: 0
}

.service_cnt .srv_content--txt .srv_content--links .other_srv .oth_srv_content ul li a {
    width: 100%;
    position: relative;
    display: block;
    font-size: .93333em;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 114.28571%;
    letter-spacing: -0.05em;
    transition: 0.5s ease-in-out
}

@media not all and (pointer: coarse) {
    .service_cnt .srv_content--txt .srv_content--links .other_srv .oth_srv_content ul li a:hover {
        color: #fff
    }
}

.service_cnt .high_text {
    width: 100%;
    position: relative;
    display: block;
    padding: 50px 0 0
}

.service_cnt .high_text h3 {
    width: 100%;
    position: relative;
    display: block;
    text-align: center
}

.carousel__button svg path {
    color: #fff
}

.projects {
    width: 100%;
    position: relative;
    padding: 4.33333em 0;
    display: block
}

@media (max-width: 575px) {
    .projects {
        padding: 2em 0
    }
}

.projects_cnt {
    width: 85%;
    max-width: 1300px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block
}

@media (max-width: 1280px) {
    .projects_cnt {
        width: 85%
    }
}

@media (max-width: 768px) {
    .projects_cnt {
        width: 90%
    }
}

.projects_cnt .prj_title {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 30px;
    border-bottom: 2px solid #d1d1d1
}

.projects_cnt .prj_title form {
    width: 300px;
    position: relative;
    display: flex;
    align-items: center
}

@media (max-width: 575px) {
    .projects_cnt .prj_title form {
        margin-top: 15px
    }
}

.projects_cnt .prj_title form select {
    width: 100%;
    position: relative;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 1.4em;
    text-align: right;
    letter-spacing: -0.05em;
    color: #d1d1d1;
    font-weight: 700;
    white-space: normal;
    appearance: none;
    cursor: pointer;
    overflow: unset !important;
    padding: 5px 0;
    background: transparent
}

@media (max-width: 575px) {
    .projects_cnt .prj_title form select {
        width: calc(80% - 50px);
        overflow: hidden !important;
    }
}

.projects_cnt .prj_title form select option {
    font-size: 16px
}

.projects_cnt .prj_title form img {
    width: 40px;
    position: relative;
    display: block;
    margin-left: 10px
}

.projects_cnt .prj_content {
    width: 100%;
    position: relative;
    margin-top: 30px
}

.projects_cnt .prj_content .prj_itm {
    position: relative;
    display: block
}

.projects_cnt .prj_content .prj_itm--title {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.projects_cnt .prj_content .prj_itm--title img {
    width: 45px;
    position: relative;
    display: block;
    margin-right: 5px
}

.projects_cnt .prj_content .prj_itm--content {
    width: 100%;
    position: relative;
    display: block
}

.projects_cnt .prj_content .prj_itm--content a {
    position: relative;
    display: block;
    margin-top: 15px;
    font-weight: 700;
    transition: 0.5s ease-in-out;
    color: #F1B843;
    font-size: 1.2em
}

@media not all and (pointer: coarse) {
    .projects_cnt .prj_content .prj_itm--content a:hover {
        color: #d1d1d1
    }
}

.projects_cnt .load_projects {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.projects_cnt .load_projects a {
    width: 230px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.4em;
    line-height: 88%;
    text-align: right;
    letter-spacing: -0.05em;
    color: #d1d1d1;
    font-weight: 700;
    transition: 0.5s ease-in-out;
    width: 170px
}

@media (max-width: 575px) {
    .projects_cnt .load_projects a {
        width: 100%;
        margin-top: 15px
    }
}

@media not all and (pointer: coarse) {
    .projects_cnt .load_projects a:hover {
        color: #F1B843
    }
}

.projects_cnt .load_projects a img {
    width: 40px;
    position: relative;
    display: block;
    margin-left: 10px
}

@media (max-width: 575px) {
    .projects_cnt .load_projects a {
        width: 170px
    }
}

.project_amp {
    width: 100%;
    position: relative;
    padding: 4.33333em 0;
    display: block
}

@media (max-width: 575px) {
    .project_amp {
        padding: 2em 0
    }
}

.project_amp::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #343B68;
    clip-path: polygon(0% 0%, 100% 0%, 100% 60%, 0% 60%)
}

.project_amp_cnt {
    width: 85%;
    max-width: 1300px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1280px) {
    .project_amp_cnt {
        width: 85%
    }
}

@media (max-width: 768px) {
    .project_amp_cnt {
        width: 90%
    }
}

.project_amp_cnt .prj_amp--title {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.project_amp_cnt .prj_amp--title .prj_name {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center
}

.project_amp_cnt .prj_amp--title .prj_name img {
    width: 45px;
    position: relative;
    display: block;
    margin-right: 10px;
    filter: brightness(0) invert(1)
}

.project_amp_cnt .prj_amp--title .prj_name h2 {
    width: 100%;
    position: relative;
    display: block;
    color: #fff
}

.project_amp_cnt .prj_amp--title a {
    width: 230px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.4em;
    line-height: 88%;
    text-align: right;
    letter-spacing: -0.05em;
    color: #d1d1d1;
    font-weight: 700;
    transition: 0.5s ease-in-out;
    color: #fff
}

@media (max-width: 575px) {
    .project_amp_cnt .prj_amp--title a {
        width: 100%;
        margin-top: 15px
    }
}

@media not all and (pointer: coarse) {
    .project_amp_cnt .prj_amp--title a:hover {
        color: #F1B843
    }
}

.project_amp_cnt .prj_amp--title a img {
    width: 40px;
    position: relative;
    display: block;
    margin-left: 10px
}

@media not all and (pointer: coarse) {
    .project_amp_cnt .prj_amp--title a:hover {
        color: #F1B843
    }
}

.project_amp_cnt .prj_amp--content {
    width: 100%;
    position: relative;
    display: block;
    margin-top: 40px
}

.project_amp_cnt .prj_amp--content_txt {
    width: 100%;
    position: relative;
    display: block;
    column-count: 2;
    column-gap: 60px;
    page-break-inside: avoid
}

@media (max-width: 575px) {
    .project_amp_cnt .prj_amp--content_txt {
        column-count: 1
    }
}

.project_amp_cnt .prj_amp--content_txt p {
    width: 100%;
    position: relative;
    display: block;
    color: #fff
}

.project_amp_cnt .prj_amp--content_video {
    width: 100%;
    position: relative;
    display: block;
    margin-top: 40px
}

.project_amp_cnt .prj_amp--content_video .owl-nav {
    width: 100%;
    position: initial;
    display: flex;
    justify-content: space-between;
}

.project_amp_cnt .prj_amp--content_video .owl-nav button {
    position: absolute;
    z-index: 999999999;
    top: 42%;
}

.project_amp_cnt .prj_amp--content_video .owl-nav button.owl-prev {
    left: -30px;
}

.project_amp_cnt .prj_amp--content_video .owl-nav button.owl-next {
    right: -30px;
}

.project_amp_cnt .prj_amp--content_video .prj_amp--content_video--itm {
    width: 100%;
    aspect-ratio: 1.60 / 1;
    position: relative;
    display: block;
}

.project_amp_cnt .prj_amp--content_video .prj_amp--content_video--itm img {
    height: 100%;
}

.project_amp_cnt .prj_amp--content_video a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    cursor: pointer
}

.project_amp_cnt .prj_amp--content_video a .play {
    width: 70px;
    height: 70px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.project_amp_cnt .prj_amp--content_resume {
    width: 85%;
    max-width: 1300px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    margin-top: 50px
}

@media (max-width: 1280px) {
    .project_amp_cnt .prj_amp--content_resume {
        width: 85%
    }
}

@media (max-width: 768px) {
    .project_amp_cnt .prj_amp--content_resume {
        width: 90%
    }
}

@media (max-width: 575px) {
    .project_amp_cnt .prj_amp--content_resume {
        width: 100%
    }
}

.project_amp_cnt .prj_amp--content_resume h4 {
    width: calc(45% - 30px);
    position: relative;
    display: block
}

@media (max-width: 768px) {
    .project_amp_cnt .prj_amp--content_resume h4 {
        width: 100%;
        margin-bottom: 30px
    }
}

.project_amp_cnt .prj_amp--content_resume .resume_link {
    width: 55%;
    position: relative;
    display: block
}

@media (max-width: 768px) {
    .project_amp_cnt .prj_amp--content_resume .resume_link {
        width: 100%
    }
}

.project_amp_cnt .prj_amp--content_resume .resume_link a {
    width: 230px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.4em;
    line-height: 88%;
    text-align: right;
    letter-spacing: -0.05em;
    color: #d1d1d1;
    font-weight: 700;
    transition: 0.5s ease-in-out;
    width: 145px;
    margin-top: 20px
}

@media (max-width: 575px) {
    .project_amp_cnt .prj_amp--content_resume .resume_link a {
        width: 100%;
        margin-top: 15px
    }
}

@media not all and (pointer: coarse) {
    .project_amp_cnt .prj_amp--content_resume .resume_link a:hover {
        color: #F1B843
    }
}

.project_amp_cnt .prj_amp--content_resume .resume_link a img {
    width: 40px;
    position: relative;
    display: block;
    margin-left: 10px
}

.blog {
    width: 100%;
    position: relative;
    padding: 4.33333em 0;
    display: block
}

@media (max-width: 575px) {
    .blog {
        padding: 2em 0
    }
}

.blog.related {
    padding-top: 0
}

.blog_cnt {
    width: 85%;
    max-width: 1300px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 1280px) {
    .blog_cnt {
        width: 85%
    }
}

@media (max-width: 768px) {
    .blog_cnt {
        width: 90%
    }
}

.blog_cnt .blg_title {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 30px;
    border-bottom: 2px solid #d1d1d1
}

.blog_cnt .blg_title form {
    width: 180px;
    position: relative;
    display: flex;
    align-items: center
}

@media (max-width: 575px) {
    .blog_cnt .blg_title form {
        margin-top: 15px
    }
}

.blog_cnt .blg_title form select {
    width: 100%;
    position: relative;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-size: 1.4em;
    text-align: right;
    letter-spacing: -0.05em;
    color: #d1d1d1;
    font-weight: 700;
    white-space: normal;
    appearance: none;
    cursor: pointer;
    overflow: unset !important;
    padding: 5px 0;
    background: transparent
}

@media (max-width: 575px) {
    .blog_cnt .blg_title form select {
        width: fit-content
    }
}

.blog_cnt .blg_title form select option {
    font-size: 16px
}

.blog_cnt .blg_title form img {
    width: 40px;
    position: relative;
    display: block;
    margin-left: 10px
}

.blog_cnt .blg_content {
    width: 100%;
    position: relative;
    margin-top: 30px
}

.blog_cnt .blg_content .blg_itm {
    position: relative;
    display: block
}

.blog_cnt .blg_content .blg_itm--title {
    width: 100%;
    position: relative;
    padding: 0 0 30px 30px
}

.blog_cnt .blg_content .blg_itm--title h6 {
    width: 100%;
    position: relative;
    display: block;
    font-size: 1.2em;
    line-height: 250%;
    letter-spacing: -0.05em;
    color: #d1d1d1
}

.blog_cnt .blg_content .blg_itm--img {
    width: 100%;
    position: relative;
    display: block
}

.blog_cnt .blg_content .blg_itm--img .bubble {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    bottom: 30px;
    left: 40px
}

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

.blog_amp_cnt {
    width: 85%;
    max-width: 1300px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 50px;
    border-bottom: 2px solid #d1d1d1
}

@media (max-width: 1280px) {
    .blog_amp_cnt {
        width: 85%
    }
}

@media (max-width: 768px) {
    .blog_amp_cnt {
        width: 90%
    }
}

.blog_amp_cnt .blg_amp--txt {
    width: 55%;
    position: relative;
    display: block
}

@media (max-width: 575px) {
    .blog_amp_cnt .blg_amp--txt {
        width: 100%
    }
}

.blog_amp_cnt .blg_amp--txt h6 {
    width: 100%;
    position: relative;
    display: block;
    font-size: 1.2em;
    line-height: 250%;
    letter-spacing: -0.05em;
    color: #d1d1d1
}

.blog_amp_cnt .blg_amp--txt_content {
    width: 100%;
    position: relative;
    display: block
}

.blog_amp_cnt .blg_amp--txt_content h4 {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 15px
}

.blog_amp_cnt .blg_amp--txt_content h5 {
    width: 100%;
    position: relative;
    display: block;
    margin: 15px 0;
    font-size: 1.66667em
}

.blog_amp_cnt .blg_amp--txt_links {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.blog_amp_cnt .blg_amp--txt_links a {
    position: relative;
    display: block;
    margin-top: 15px;
    font-weight: 700;
    transition: 0.5s ease-in-out;
    color: #F1B843;
    font-size: 1.2em;
    display: flex;
    align-items: center;
    margin-right: 20px
}

@media not all and (pointer: coarse) {
    .blog_amp_cnt .blg_amp--txt_links a:hover {
        color: #d1d1d1
    }
}

.blog_amp_cnt .blg_amp--txt_links .share {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block
}

.blog_amp_cnt .blg_amp--txt_links .share img {
    width: 20px;
    position: relative;
    display: block;
    margin-right: 5px
}

.blog_amp_cnt .blg_amp--img {
    width: 45%;
    position: relative;
    display: block;
    padding-left: 80px
}

@media (max-width: 575px) {
    .blog_amp_cnt .blg_amp--img {
        width: 100%;
        padding-left: 0;
        margin-top: 40px
    }
}

.blog_amp_cnt .blg_amp--img_fig {
    width: 100%;
    position: relative;
    max-height: 450px;
    margin-bottom: 40px;
    overflow: hidden
}

.blog_amp_cnt .blg_amp--img_fig img {
    height: 100%
}

.contact {
    width: 100%;
    position: relative;
    padding: 4.33333em 0;
    display: block
}

@media (max-width: 575px) {
    .contact {
        padding: 2em 0
    }
}

.contact_cnt {
    width: 85%;
    max-width: 1300px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 1280px) {
    .contact_cnt {
        width: 85%
    }
}

@media (max-width: 768px) {
    .contact_cnt {
        width: 90%
    }
}

.contact_cnt .ctc_side {
    width: 50%;
    position: relative;
    display: block;
    padding: 0 1px
}

@media (max-width: 768px) {
    .contact_cnt .ctc_side {
        width: 100%;
        margin: 20px 0;
        padding: 0
    }
    .contact_cnt .ctc_side:first-of-type .ctc_side--img {
        display: none
    }
}

.contact_cnt .ctc_side--txt {
    width: 100%;
    position: relative;
    display: block;
    padding: 40px 50px
}

@media (max-width: 575px) {
    .contact_cnt .ctc_side--txt {
        padding: 20px 0
    }
}

.contact_cnt .ctc_side--txt h4,
.contact_cnt .ctc_side--txt h6 {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 20px
}

.contact_cnt .ctc_side--txt a {
    width: fit-content;
    height: fit-content;
    position: relative;
    font-family: "Roboto", sans-serif;
    font-size: 1.06667em;
    line-height: 116.66667%;
    margin-right: 3px;
    display: initial;
    transition: 0.5s ease-in-out
}

.contact_cnt .ctc_side--txt a.map {
    width: 140px;
    height: fit-content;
    position: relative;
    display: block
}

@media not all and (pointer: coarse) {
    .contact_cnt .ctc_side--txt a:hover {
        color: #F1B843
    }
}

.contact_cnt .ctc_side--txt p {
    width: fit-content;
    height: fit-content;
    position: relative;
    font-family: "Roboto", sans-serif;
    font-size: 1.06667em;
    line-height: 116.66667%;
    margin-right: 3px;
    display: initial
}

.contact_cnt .ctc_side--img {
    width: 100%;
    position: relative;
    display: block
}

@media (max-width: 768px) {
    .contact_cnt .ctc_side--img img {
        height: 400px
    }
}

.contact .txt_high {
    width: 100%;
    position: relative;
    padding-top: 60px
}

.contact .txt_high h3 {
    width: 100%;
    position: relative;
    display: block;
    text-align: center
}

.loader-square-8 {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.loader-square-8>div {
    width: 33%;
    height: 33%;
    background-color: #F1B843;
    float: left;
    animation: cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.loader-square-8 .cube1 {
    animation-delay: 0.2s;
}

.loader-square-8 .cube2 {
    animation-delay: 0.3s;
}

.loader-square-8 .cube3 {
    animation-delay: 0.4s;
}

.loader-square-8 .cube4 {
    animation-delay: 0.1s;
}

.loader-square-8 .cube5 {
    animation-delay: 0.2s;
}

.loader-square-8 .cube6 {
    animation-delay: 0.3s;
}

.loader-square-8 .cube7 {
    animation-delay: 0s;
}

.loader-square-8 .cube8 {
    animation-delay: 0.1s;
}

.loader-square-8 .cube9 {
    animation-delay: 0.2s;
}

@keyframes cubeGridScaleDelay {
    0%,
    70%,
    100% {
        transform: scale3D(1, 1, 1);
    }
    35% {
        transform: scale3D(0, 0, 1);
    }
}

.loading-pd {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    padding: 30px 0;
}

.ctl_pag {
    width: 100%;
    position: relative;
    display: block;
    padding: 20px 0;
}

.ctl_pag .ctl_pag_cnt {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ctl_pag_cnt a {
    position: relative;
    display: block;
    font-weight: 700;
    font-size: 2em;
    margin: 0 7px;
}

.ctl_pag_cnt a.active {
    color: #F1B843;
}

label.error {
    color: #ed5a5a;
    position: absolute;
    left: 0;
    top: -8px;
}

.loading-ctc {
    display: none;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    position: absolute;
    right: -60px;
}

.loading-ctc:after {
    content: " ";
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 5px solid #f1b843;
    border-color: #f1b843 #0000 #f1b843 #0000;
    animation: rotate-23 1.2s linear infinite;
}

@keyframes rotate-23 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.share_links {
    width: fit-content;
    height: fit-content;
    display: none;
    align-items: center;
    position: absolute;
    top: 0;
    left: 100%;
}

.share_links>a {
    margin: 0 20px 0 0;
    width: 30px;
    height: 30px;
    position: relative;
    display: block !important;
}

.share_links>a>img {
    width: 100% !important;
}