/*!
Theme Name: wecangroup child
Theme URI: https://wecan-group.com/
Author: wecan-group.vn
Author URI: https://wecan-group.com/
Template: wecangroup
Description: WecanGroup Company Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wecangroup
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

wecangroup is based on wecangroup https://underscores.me/, (C) 2012-2020 Automattic, Inc.
wecangroup is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*-- site general css --*/
@font-face {
    font-family: 'Averta Regular';
    src: url('webfonts/Averta-Regular.otf');
}

@font-face {
    font-family: 'Averta Bold';
    src: url('webfonts/Averta-Bold.otf');
}

@font-face {
    font-family: 'BT BeauSans Regular';
    src: url('webfonts/BT-BeauSans-Regular.ttf');
}

@font-face {
    font-family: 'BT BeauSans Bold';
    src: url('webfonts/BT-BeauSans-Bold.ttf');
}

:root {
    --site-font-regular: 'Averta Regular';
    --site-font-bold: 'Averta Bold';
    --widget-font-regular: 'BT BeauSans Regular';
    --widget-font-bold: 'BT BeauSans Bold';
    --site-primary-color: #70FBE6;
    --site-second-color: #00A194;
    --site-third-color: #01403A;
    --site-fourth-color: #49b8b1;
    --font-primary-color: #151515;
    --font-second-color: #FFF;
    --font-third-color: #808080;
    --font-fourth-color: #494949;
    --font-fifth-color: #333;
}

html, body {
    /* overflow-x: hidden; */
    margin-bottom: 0 !important;
    font-size: 18px;
    line-height: 28px;
    font-family: var(--site-font-regular), sans-serif;
    color: var(--font-primary-color);
}

.container-fluid {
    max-width: 1736px;
}

.container {
    max-width: 1440px;
}

a {
    text-decoration: none;
    transition: .5s;
}

a:focus {
    outline: none;
}

a,
a:visited {
    color: var(--font-primary-color);
}

a:hover,
a:focus {
    color: var(--site-second-color);
}

.hidden,
.grecaptcha-badge,
.woocommerce-cart-form__cart-item .minus,
.woocommerce-cart-form__cart-item .plus {
	display: none !important;
}

.btn {
    box-shadow: none !important
}

.btn,
.btn:hover,
.btn:focus {
    border: none;
}

.custom-header {
    height: 622px;
    background-color: rgba(17,159,147, .8);
    position: relative;
    display: flex;
    align-items: center;
}

.bg-custom-header {
    right: 0;
    bottom: 0;
    width: 500px;
    max-width: 100%;
    position: absolute;
}

.custom-header-content {
    z-index: 1;
    position: relative;
}

.img-content {
    width: 100% !important;
}

.hover-img-wrapper {
    margin-bottom: -5px;
    width: 100%;
    display: inline-block;
    overflow: hidden !important;
}

.hover-img {
    width: 100%;
    transition: all .5s ease-in-out;
}

.introduction-content-right .hover-img-wrapper,
.index-news-content .hover-img-wrapper,
.about-introduction-right .hover-img-wrapper,
.about-content-bottom-left .hover-img-wrapper,
.commodities-content-right .hover-img-wrapper,
.transport-content .hover-img-wrapper,
.sustainability-initiatives-right .hover-img-wrapper,
.management-content-left .hover-img-wrapper,
.projects-bottom-left .hover-img-wrapper {
    border-radius: 12px;
}

.archive-content .hover-img-wrapper,
.single-related-content .hover-img-wrapper {
    border-radius: 12px 12px 0 0;
}

.recent-content-wrapper .hover-img-wrapper {
    width: 150px;
    height: 100px;
    border-radius: 4px;
}

.img-introduction:hover,
.img-introduction:focus,
.index-news-content:hover .hover-img,
.index-news-content:focus .hover-img,
.img-about-introduction:hover,
.img-about-introduction:focus,
.img-about-bottom:hover,
.img-about-bottom:focus,
.img-commodities-content:hover,
.img-commodities-content:focus,
.transport-content:hover .img-transport-content,
.transport-content:focus .img-transport-content,
.img-initiatives:hover,
.img-initiatives:focus,
.img-management-content:hover,
.img-management-content:focus,
.img-sustainability-projects:hover,
.img-sustainability-projects:focus,
.bg-sustainability-projects:hover,
.bg-sustainability-projects:focus,
.archive-content:hover .hover-img,
.archive-content:focus .hover-img,
.archive-sticky-content:hover .hover-img,
.archive-sticky-content:focus .hover-img,
.recent-content-wrapper:hover .hover-img,
.recent-content-wrapper:focus .hover-img,
.single-related-content:hover .hover-img,
.single-related-content:focus .hover-img {
    transform: scale(1.1);
}

.content-subtitle {
    margin-bottom: 16px;
    color: var(--font-third-color);
}

.content-title {
    margin-bottom: 0;
    font-size: 48px;
    line-height: 60px;
    font-weight: 700;
}

.content-title span {
    color: var(--site-second-color);
}

.img-arrow-right {
    margin-left: 12px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: contain;
    transition: .5s;
}

.fancybox-container {
    z-index: 99999;
}

.home-carousel-btn:hover .img-arrow-right,
.home-carousel-btn:focus .img-arrow-right,
.introduction-btn:hover .img-arrow-right,
.introduction-btn:focus .img-arrow-right,
.products-content-btn:hover .img-arrow-right,
.products-content-btn:focus .img-arrow-right,
.wpcf7-submit:hover .img-arrow-right,
.wpcf7-submit:focus .img-arrow-right {
    margin-left: 24px;
}

.elevate-content-btn:hover .icon-right,
.elevate-content-btn:focus .icon-right,
.archive-sticky-btn:hover .icon-right,
.archive-sticky-btn:focus .icon-right,
.archive-content-btn:hover .icon-right,
.archive-content-btn:focus .icon-right,
.single-btn-back:hover .icon-back,
.single-btn-back:focus .icon-back {
    margin-right: 32px;
}

.swiper-button-next, 
.swiper-button-prev {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--font-primary-color);
}

.swiper-pagination-bullet {
    height: 4px;
    border-radius: 0;
    background: var(--font-second-color);
}

.swiper-button-next::after, 
.swiper-button-prev::after {
    color: var(--font-second-color);
    font-size: unset;
}

.float-contact-wrapper {
    right: 92px;
    z-index: 999;
    position: fixed;
}

.float-contact-wrapper {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
    bottom: 20px;
}

.float-contact-wrapper li {
    list-style: none;
    position: relative;
}

.float-contact-wrapper li:not(:last-child) {
    margin-bottom: 13px;
}

.float-contact-text {
    top: 0;
    right: 60px;
    bottom: 0;
    padding: 5px 12px;
    border-radius: 4px;
    transition: .5s;
    color: var(--font-second-color);
    background: var(--site-fourth-color);
    position: absolute;
    display: flex;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
}

.float-contact-text::after {
    content: '';
    top: 0;
    left: 100%;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid var(--site-fourth-color);
    position: absolute;
}

.float-contact-wrapper li:hover .float-contact-text,
.float-contact-wrapper li:focus .float-contact-text {
    visibility: visible;
    opacity: 1;
}

.icon-float-wrapper {
    padding: 11px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    background: var(--site-primary-color);
}

.icon-float-wrapper:hover,
.icon-float-wrapper:focus {
    background: var(--site-second-color);
}
/*-- end site general css --*/


/*-- site breadcrumbs css --*/
.breadcrumbs-wrapper {
    margin-bottom: 20px;
    padding: 10px 0;
    background: #CCC;
}

#breadcrumbs {
    margin: 0;
}

#breadcrumbs,
#breadcrumbs a,
#breadcrumbs a:hover,
#breadcrumbs a:focus,
#breadcrumbs a:visited {
    color: var(--font-primary-color);
}
/*-- end site breadcrumbs css --*/


/*-- site contact form 7 css --*/
.wpcf7-text,
.wpcf7-phonetext,
.wpcf7-select,
.wpcf7-file,
.wpcf7-textarea {
    width: 100%;
    padding: 14px 20px !important;
    border: solid 1px #BBB !important;
    border-radius: 4px !important;
}

.contact-form-wrapper .form-content {
    margin-top: 27px;
    position: relative;
}

.contact-form-wrapper .form-content .error {
    border-color: red !important;
}

.contact-form-wrapper .form-content-title {
    padding: 0 8px;
    left: 12px;
    top: -15px;
    z-index: 999;
    background: var(--font-second-color);
    position: absolute;
}

.wpcf7-submit-wrapper {
    margin-top: 40px;
    display: flex;
    align-items: center;
}

.wpcf7-submit {
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: var(--site-fourth-color) !important;
    background: none !important;
    display: flex;
    align-items: center;
}

.wpcf7-submit .img-arrow-right {
    background: var(--site-fourth-color);
}

.wpcf7-not-valid-tip {
    margin-bottom: 10px;
}

.wpcf7-response-output {
    margin: 10px 0 0 0 !important;
}

.iti-flag {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    background-size: cover;
    background-position: center center !important;
}

.iti-flag.ac {
    background-image: url('img/flags/ac.svg');
}

.iti-flag.ad {
    background-image: url('img/flags/ad.svg');
}

.iti-flag.ae {
    background-image: url('img/flags/ae.svg');
}

.iti-flag.af {
    background-image: url('img/flags/af.svg');
}

.iti-flag.ag {
    background-image: url('img/flags/ag.svg');
}

.iti-flag.ai {
    background-image: url('img/flags/ai.svg');
}

.iti-flag.al {
    background-image: url('img/flags/al.svg');
}

.iti-flag.am {
    background-image: url('img/flags/am.svg');
}

.iti-flag.ao {
    background-image: url('img/flags/ao.svg');
}

.iti-flag.aq {
    background-image: url('img/flags/aq.svg');
}

.iti-flag.ar {
    background-image: url('img/flags/ar.svg');
}

.iti-flag.as {
    background-image: url('img/flags/as.svg');
}

.iti-flag.at {
    background-image: url('img/flags/at.svg');
}

.iti-flag.au {
    background-image: url('img/flags/au.svg');
}

.iti-flag.aw {
    background-image: url('img/flags/aw.svg');
}

.iti-flag.ax {
    background-image: url('img/flags/ax.svg');
}

.iti-flag.az {
    background-image: url('img/flags/az.svg');
}

.iti-flag.ba {
    background-image: url('img/flags/ba.svg');
}

.iti-flag.bb {
    background-image: url('img/flags/bb.svg');
}

.iti-flag.bd {
    background-image: url('img/flags/bd.svg');
}

.iti-flag.be {
    background-image: url('img/flags/be.svg');
}

.iti-flag.bf {
    background-image: url('img/flags/bf.svg');
}

.iti-flag.bg {
    background-image: url('img/flags/bg.svg');
}

.iti-flag.bh {
    background-image: url('img/flags/bh.svg');
}

.iti-flag.bi {
    background-image: url('img/flags/bi.svg');
}

.iti-flag.bj {
    background-image: url('img/flags/bj.svg');
}

.iti-flag.bl {
    background-image: url('img/flags/bl.svg');
}

.iti-flag.bm {
    background-image: url('img/flags/bm.svg');
}

.iti-flag.bn {
    background-image: url('img/flags/bn.svg');
}

.iti-flag.bo {
    background-image: url('img/flags/bo.svg');
}

.iti-flag.bq {
    background-image: url('img/flags/bq.svg');
}

.iti-flag.br {
    background-image: url('img/flags/br.svg');
}

.iti-flag.bs {
    background-image: url('img/flags/bs.svg');
}

.iti-flag.bt {
    background-image: url('img/flags/bt.svg');
}

.iti-flag.bv {
    background-image: url('img/flags/bv.svg');
}

.iti-flag.bw {
    background-image: url('img/flags/bw.svg');
}

.iti-flag.by {
    background-image: url('img/flags/by.svg');
}

.iti-flag.bz {
    background-image: url('img/flags/bz.svg');
}

.iti-flag.ca {
    background-image: url('img/flags/ca.svg');
}

.iti-flag.cc {
    background-image: url('img/flags/cc.svg');
}

.iti-flag.cd {
    background-image: url('img/flags/cd.svg');
}

.iti-flag.cf {
    background-image: url('img/flags/cf.svg');
}

.iti-flag.cg {
    background-image: url('img/flags/cg.svg');
}

.iti-flag.ch {
    background-image: url('img/flags/ch.svg');
}

.iti-flag.ci {
    background-image: url('img/flags/ci.svg');
}

.iti-flag.ck {
    background-image: url('img/flags/ck.svg');
}

.iti-flag.cl {
    background-image: url('img/flags/cl.svg');
}

.iti-flag.cm {
    background-image: url('img/flags/cm.svg');
}

.iti-flag.cn {
    background-image: url('img/flags/cn.svg');
}

.iti-flag.co {
    background-image: url('img/flags/co.svg');
}

.iti-flag.cp {
    background-image: url('img/flags/cp.svg');
}

.iti-flag.cr {
    background-image: url('img/flags/cr.svg');
}

.iti-flag.cu {
    background-image: url('img/flags/cu.svg');
}

.iti-flag.cv {
    background-image: url('img/flags/cv.svg');
}

.iti-flag.cw {
    background-image: url('img/flags/cw.svg');
}

.iti-flag.cx {
    background-image: url('img/flags/cx.svg');
}

.iti-flag.cy {
    background-image: url('img/flags/cy.svg');
}

.iti-flag.cz {
    background-image: url('img/flags/cz.svg');
}

.iti-flag.de {
    background-image: url('img/flags/de.svg');
}

.iti-flag.dg {
    background-image: url('img/flags/dg.svg');
}

.iti-flag.dj {
    background-image: url('img/flags/dj.svg');
}

.iti-flag.dk {
    background-image: url('img/flags/dk.svg');
}

.iti-flag.dm {
    background-image: url('img/flags/dm.svg');
}

.iti-flag.do {
    background-image: url('img/flags/do.svg');
}

.iti-flag.dz {
    background-image: url('img/flags/dz.svg');
}

.iti-flag.ea {
    background-image: url('img/flags/ea.svg');
}

.iti-flag.ec {
    background-image: url('img/flags/ec.svg');
}

.iti-flag.ee {
    background-image: url('img/flags/ee.svg');
}

.iti-flag.eg {
    background-image: url('img/flags/eg.svg');
}

.iti-flag.eh {
    background-image: url('img/flags/eh.svg');
}

.iti-flag.er {
    background-image: url('img/flags/er.svg');
}

.iti-flag.es {
    background-image: url('img/flags/es.svg');
}

.iti-flag.et {
    background-image: url('img/flags/et.svg');
}

.iti-flag.eu {
    background-image: url('img/flags/eu.svg');
}

.iti-flag.fi {
    background-image: url('img/flags/fi.svg');
}

.iti-flag.fj {
    background-image: url('img/flags/fj.svg');
}

.iti-flag.fk {
    background-image: url('img/flags/fk.svg');
}

.iti-flag.fm {
    background-image: url('img/flags/fm.svg');
}

.iti-flag.fo {
    background-image: url('img/flags/fo.svg');
}

.iti-flag.fr {
    background-image: url('img/flags/fr.svg');
}

.iti-flag.ga {
    background-image: url('img/flags/ga.svg');
}

.iti-flag.gb {
    background-image: url('img/flags/gb.svg');
}

.iti-flag.gd {
    background-image: url('img/flags/gd.svg');
}

.iti-flag.ge {
    background-image: url('img/flags/ge.svg');
}

.iti-flag.gf {
    background-image: url('img/flags/gf.svg');
}

.iti-flag.gg {
    background-image: url('img/flags/gg.svg');
}

.iti-flag.gh {
    background-image: url('img/flags/gh.svg');
}

.iti-flag.gi {
    background-image: url('img/flags/gi.svg');
}

.iti-flag.gl {
    background-image: url('img/flags/gl.svg');
}

.iti-flag.gm {
    background-image: url('img/flags/gm.svg');
}

.iti-flag.gn {
    background-image: url('img/flags/gn.svg');
}

.iti-flag.gp {
    background-image: url('img/flags/gp.svg');
}

.iti-flag.gq {
    background-image: url('img/flags/go.svg');
}

.iti-flag.gr {
    background-image: url('img/flags/gr.svg');
}

.iti-flag.gs {
    background-image: url('img/flags/gs.svg');
}

.iti-flag.gt {
    background-image: url('img/flags/gt.svg');
}

.iti-flag.gu {
    background-image: url('img/flags/gu.svg');
}

.iti-flag.gw {
    background-image: url('img/flags/gw.svg');
}

.iti-flag.gy {
    background-image: url('img/flags/gy.svg');
}

.iti-flag.hk {
    background-image: url('img/flags/hk.svg');
}

.iti-flag.hm {
    background-image: url('img/flags/hm.svg');
}

.iti-flag.hn {
    background-image: url('img/flags/hn.svg');
}

.iti-flag.hr {
    background-image: url('img/flags/hr.svg');
}

.iti-flag.ht {
    background-image: url('img/flags/ht.svg');
}

.iti-flag.hu {
    background-image: url('img/flags/hu.svg');
}

.iti-flag.ic {
    background-image: url('img/flags/ic.svg');
}

.iti-flag.id {
    background-image: url('img/flags/id.svg');
}

.iti-flag.ie {
    background-image: url('img/flags/ie.svg');
}

.iti-flag.il {
    background-image: url('img/flags/il.svg');
}

.iti-flag.im {
    background-image: url('img/flags/im.svg');
}

.iti-flag.in {
    background-image: url('img/flags/in.svg');
}

.iti-flag.io {
    background-image: url('img/flags/io.svg');
}

.iti-flag.iq {
    background-image: url('img/flags/iq.svg');
}

.iti-flag.ir {
    background-image: url('img/flags/ỉ.svg');
}

.iti-flag.is {
    background-image: url('img/flags/is.svg');
}

.iti-flag.it {
    background-image: url('img/flags/it.svg');
}

.iti-flag.je {
    background-image: url('img/flags/je.svg');
}

.iti-flag.jm {
    background-image: url('img/flags/jm.svg');
}

.iti-flag.jo {
    background-image: url('img/flags/jo.svg');
}

.iti-flag.jp {
    background-image: url('img/flags/jp.svg');
}

.iti-flag.ke {
    background-image: url('img/flags/ke.svg');
}

.iti-flag.kg {
    background-image: url('img/flags/kg.svg');
}

.iti-flag.kh {
    background-image: url('img/flags/kh.svg');
}

.iti-flag.ki {
    background-image: url('img/flags/ki.svg');
}

.iti-flag.km {
    background-image: url('img/flags/km.svg');
}

.iti-flag.kn {
    background-image: url('img/flags/kn.svg');
}

.iti-flag.kp {
    background-image: url('img/flags/kp.svg');
}

.iti-flag.kr {
    background-image: url('img/flags/kr.svg');
}

.iti-flag.kw {
    background-image: url('img/flags/kw.svg');
}

.iti-flag.ky {
    background-image: url('img/flags/ky.svg');
}

.iti-flag.kz {
    background-image: url('img/flags/kz.svg');
}

.iti-flag.la {
    background-image: url('img/flags/la.svg');
}

.iti-flag.lb {
    background-image: url('img/flags/lb.svg');
}

.iti-flag.lc {
    background-image: url('img/flags/lc.svg');
}

.iti-flag.li {
    background-image: url('img/flags/li.svg');
}

.iti-flag.lk {
    background-image: url('img/flags/lk.svg');
}

.iti-flag.lr {
    background-image: url('img/flags/lr.svg');
}

.iti-flag.ls {
    background-image: url('img/flags/ls.svg');
}

.iti-flag.lt {
    background-image: url('img/flags/lt.svg');
}

.iti-flag.lu {
    background-image: url('img/flags/lu.svg');
}

.iti-flag.lv {
    background-image: url('img/flags/lv.svg');
}

.iti-flag.ly {
    background-image: url('img/flags/ly.svg');
}

.iti-flag.ma {
    background-image: url('img/flags/ma.svg');
}

.iti-flag.mc {
    background-image: url('img/flags/mc.svg');
}

.iti-flag.md {
    background-image: url('img/flags/md.svg');
}

.iti-flag.me {
    background-image: url('img/flags/me.svg');
}

.iti-flag.mf {
    background-image: url('img/flags/mf.svg');
}

.iti-flag.mg {
    background-image: url('img/flags/mg.svg');
}

.iti-flag.mh {
    background-image: url('img/flags/mh.svg');
}

.iti-flag.mk {
    background-image: url('img/flags/mk.svg');
}

.iti-flag.ml {
    background-image: url('img/flags/ml.svg');
}

.iti-flag.mm {
    background-image: url('img/flags/mm.svg');
}

.iti-flag.mn {
    background-image: url('img/flags/mn.svg');
}

.iti-flag.mo {
    background-image: url('img/flags/mo.svg');
}

.iti-flag.mp {
    background-image: url('img/flags/mp.svg');
}

.iti-flag.mq {
    background-image: url('img/flags/mq.svg');
}

.iti-flag.mr {
    background-image: url('img/flags/mr.svg');
}

.iti-flag.ms {
    background-image: url('img/flags/ms.svg');
}

.iti-flag.mt {
    background-image: url('img/flags/mt.svg');
}

.iti-flag.mu {
    background-image: url('img/flags/mu.svg');
}

.iti-flag.mv {
    background-image: url('img/flags/mv.svg');
}

.iti-flag.mw {
    background-image: url('img/flags/mw.svg');
}

.iti-flag.mx {
    background-image: url('img/flags/mx.svg');
}

.iti-flag.my {
    background-image: url('img/flags/my.svg');
}

.iti-flag.mz {
    background-image: url('img/flags/mz.svg');
}

.iti-flag.na {
    background-image: url('img/flags/na.svg');
}

.iti-flag.nc {
    background-image: url('img/flags/nc.svg');
}

.iti-flag.ne {
    background-image: url('img/flags/ne.svg');
}

.iti-flag.nf {
    background-image: url('img/flags/nf.svg');
}

.iti-flag.ng {
    background-image: url('img/flags/ng.svg');
}

.iti-flag.ni {
    background-image: url('img/flags/ni.svg');
}

.iti-flag.nl {
    background-image: url('img/flags/nl.svg');
}

.iti-flag.no {
    background-image: url('img/flags/no.svg');
}

.iti-flag.np {
    background-image: url('img/flags/np.svg');
}

.iti-flag.nr {
    background-image: url('img/flags/nr.svg');
}

.iti-flag.nu {
    background-image: url('img/flags/nu.svg');
}

.iti-flag.nz {
    background-image: url('img/flags/nz.svg');
}

.iti-flag.om {
    background-image: url('img/flags/om.svg');
}

.iti-flag.pa {
    background-image: url('img/flags/pa.svg');
}

.iti-flag.pe {
    background-image: url('img/flags/pe.svg');
}

.iti-flag.pf {
    background-image: url('img/flags/pf.svg');
}

.iti-flag.pg {
    background-image: url('img/flags/pg.svg');
}

.iti-flag.ph {
    background-image: url('img/flags/ph.svg');
}

.iti-flag.pk {
    background-image: url('img/flags/pk.svg');
}

.iti-flag.pl {
    background-image: url('img/flags/pl.svg');
}

.iti-flag.pm {
    background-image: url('img/flags/pm.svg');
}

.iti-flag.pn {
    background-image: url('img/flags/pn.svg');
}

.iti-flag.pr {
    background-image: url('img/flags/pr.svg');
}

.iti-flag.ps {
    background-image: url('img/flags/ps.svg');
}

.iti-flag.pt {
    background-image: url('img/flags/pt.svg');
}

.iti-flag.pw {
    background-image: url('img/flags/pw.svg');
}

.iti-flag.py {
    background-image: url('img/flags/py.svg');
}

.iti-flag.qa {
    background-image: url('img/flags/qa.svg');
}

.iti-flag.re {
    background-image: url('img/flags/re.svg');
}

.iti-flag.ro {
    background-image: url('img/flags/ro.svg');
}

.iti-flag.rs {
    background-image: url('img/flags/rs.svg');
}

.iti-flag.ru {
    background-image: url('img/flags/ru.svg');
}

.iti-flag.rw {
    background-image: url('img/flags/rw.svg');
}

.iti-flag.sa {
    background-image: url('img/flags/sa.svg');
}

.iti-flag.sb {
    background-image: url('img/flags/sb.svg');
}

.iti-flag.sc {
    background-image: url('img/flags/sc.svg');
}

.iti-flag.sd {
    background-image: url('img/flags/sd.svg');
}

.iti-flag.se {
    background-image: url('img/flags/se.svg');
}

.iti-flag.sg {
    background-image: url('img/flags/sg.svg');
}

.iti-flag.sh {
    background-image: url('img/flags/sh.svg');
}

.iti-flag.si {
    background-image: url('img/flags/si.svg');
}

.iti-flag.sj {
    background-image: url('img/flags/sj.svg');
}

.iti-flag.sk {
    background-image: url('img/flags/sk.svg');
}

.iti-flag.sl {
    background-image: url('img/flags/sl.svg');
}

.iti-flag.sm {
    background-image: url('img/flags/sm.svg');
}

.iti-flag.sn {
    background-image: url('img/flags/sn.svg');
}

.iti-flag.so {
    background-image: url('img/flags/so.svg');
}

.iti-flag.sr {
    background-image: url('img/flags/sr.svg');
}

.iti-flag.ss {
    background-image: url('img/flags/ss.svg');
}

.iti-flag.st {
    background-image: url('img/flags/st.svg');
}

.iti-flag.sv {
    background-image: url('img/flags/sv.svg');
}

.iti-flag.sx {
    background-image: url('img/flags/sx.svg');
}

.iti-flag.sy {
    background-image: url('img/flags/sy.svg');
}

.iti-flag.sz {
    background-image: url('img/flags/sz.svg');
}

.iti-flag.ta {
    background-image: url('img/flags/ta.svg');
}

.iti-flag.tc {
    background-image: url('img/flags/tc.svg');
}

.iti-flag.td {
    background-image: url('img/flags/td.svg');
}

.iti-flag.tf {
    background-image: url('img/flags/tf.svg');
}

.iti-flag.tg {
    background-image: url('img/flags/tg.svg');
}

.iti-flag.th {
    background-image: url('img/flags/th.svg');
}

.iti-flag.tj {
    background-image: url('img/flags/tj.svg');
}

.iti-flag.tk {
    background-image: url('img/flags/tk.svg');
}

.iti-flag.tl {
    background-image: url('img/flags/tl.svg');
}

.iti-flag.tm {
    background-image: url('img/flags/tm.svg');
}

.iti-flag.tn {
    background-image: url('img/flags/tn.svg');
}

.iti-flag.to {
    background-image: url('img/flags/to.svg');
}

.iti-flag.tr {
    background-image: url('img/flags/tr.svg');
}

.iti-flag.tt {
    background-image: url('img/flags/tt.svg');
}

.iti-flag.tv {
    background-image: url('img/flags/tv.svg');
}

.iti-flag.tw {
    background-image: url('img/flags/tw.svg');
}

.iti-flag.tz {
    background-image: url('img/flags/tz.svg');
}

.iti-flag.ua {
    background-image: url('img/flags/ua.svg');
}

.iti-flag.ug {
    background-image: url('img/flags/ug.svg');
}

.iti-flag.um {
    background-image: url('img/flags/um.svg');
}

.iti-flag.us {
    background-image: url('img/flags/us.svg');
}

.iti-flag.uy {
    background-image: url('img/flags/uy.svg');
}

.iti-flag.uz {
    background-image: url('img/flags/uz.svg');
}

.iti-flag.va {
    background-image: url('img/flags/va.svg');
}

.iti-flag.vc {
    background-image: url('img/flags/vc.svg');
}

.iti-flag.ve {
    background-image: url('img/flags/ve.svg');
}

.iti-flag.vg {
    background-image: url('img/flags/vg.svg');
}

.iti-flag.vi {
    background-image: url('img/flags/vi.svg');
}

.iti-flag.vn {
    background-image: url('img/flags/vn.svg');
}

.iti-flag.vu {
    background-image: url('img/flags/vu.svg');
}

.iti-flag.wf {
    background-image: url('img/flags/wf.svg');
}

.iti-flag.ws {
    background-image: url('img/flags/ws.svg');
}

.iti-flag.xk {
    background-image: url('img/flags/xk.svg');
}

.iti-flag.ye {
    background-image: url('img/flags/ye.svg');
}

.iti-flag.yt {
    background-image: url('img/flags/yt.svg');
}

.iti-flag.za {
    background-image: url('img/flags/za.svg');
}

.iti-flag.zm {
    background-image: url('img/flags/zm.svg');
}

.iti-flag.zw {
    background-image: url('img/flags/zw.svg');
}

.wpcf7-phonetext {
    padding-left: 125px !important;
}

.intl-tel-input .selected-flag {
    padding: 0 0 0 20px;
}

.intl-tel-input.separate-dial-code .selected-flag {
    background: none;
}

.intl-tel-input .selected-flag .iti-flag::before,
.intl-tel-input .selected-flag .iti-flag::after {
    content: '';
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}

.intl-tel-input .selected-flag .iti-flag::after {
    left: 25px;
    width: 16px !important;
    height: 16px !important;
    background: url('img/arrow-down.svg') no-repeat center center !important;
    background-size: contain !important;
}

.intl-tel-input .selected-flag .iti-flag::before {
    left: 44px;
    width: 1px;
    height: 20px;
    background: #A0AEC0;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 50px;
}

.intl-tel-input .selected-flag .iti-arrow {
    border: none;
}

.intl-tel-input .country-list {
    left: 0;
    width: 450px;
}
/*-- end site contact form 7 css --*/


/*-- site modal content css --*/
body.modal-open {
    padding-right: 0 !important;
}

.modal {
	z-index: 999999;
}

.modal-title {
    font-size: 18px !important;
    line-height: 28px;
    font-weight: 700;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    -webkit-appearance:none;
}
/*-- end site modal content css --*/


/*-- site navigation css --*/
.main-navigation,
.top-navigation {
    padding: 32px 0;
}

.top-navigation {
    background: var(--font-second-color);
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu,
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-flyout ul.mega-sub-menu {
    box-shadow: 0 0 10px rgba(0,0,0, .3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0, .3);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0, .3);
    -o-box-shadow: 0 0 10px rgba(0,0,0, .3);
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li:first-child,
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-flyout ul.mega-sub-menu li:first-child {
    border-radius: 12px 12px 0 0;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li:last-child,
#mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-flyout ul.mega-sub-menu li:last-child {
    border-radius: 0 0 12px 12px !important;
}

.main-navigation .mega-logo-2,
.top-navigation .mega-logo-1 {
    display: none !important;
}

.main-navigation .mega-menu-link,
.main-navigation .mega-menu-link:visited {
    color: var(--font-second-color) !important;
}

.main-navigation .mega-sub-menu .mega-menu-link,
.main-navigation .mega-sub-menu .mega-menu-link:visited {
    color: var(--font-fifth-color) !important;
}

.main-navigation .mega-current-menu-item .mega-menu-link,
.main-navigation .mega-contact-link .mega-menu-link,
.main-navigation .mega-contact-link .mega-menu-link:hover,
.main-navigation .mega-contact-link .mega-menu-link:focus,
.main-navigation .mega-contact-link .mega-menu-link:visited,
.main-navigation .mega-menu-link:hover,
.main-navigation .mega-menu-link:focus {
    color: var(--site-primary-color) !important;
}

.main-navigation .mega-sub-menu .mega-menu-link:hover,
.main-navigation .mega-sub-menu .mega-menu-link:focus {
    color: var(--site-second-color) !important;
}

.mega-menu-link {
    font-weight: 600 !important;
}

.mega-sub-menu .mega-current-menu-item .mega-menu-link {
    color: var(--site-second-color) !important;
}

.site-title {
    margin-bottom: 0 !important;
}

.site-logo {
    height: 40px !important;
    display: flex;
    object-fit: contain;
}

.mega-contact-link a,
.mega-contact-link a::before {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mega-contact-link a::before {
    content: '';
    margin-right: 17px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    transition: .5s !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
}

.main-navigation .mega-contact-link a::before {
    background-image: url('img/arrow-right-b.png') !important;
    background-color: var(--site-primary-color) !important;
}

.top-navigation .mega-contact-link a::before {
    background-image: url('img/arrow-right-w.png') !important;
    background-color: var(--site-fourth-color) !important;
}

.mega-search input {
    border: solid 1px #DDD !important;
}

.dashicons-search::before {
  content: url('img/icon-search.svg');
}
/*-- end site navigation css --*/


/*-- site homepage content css --*/
.homeSwiper,
.homeSwiper .swiper-slide {
    position: relative;
}

.homeSwiper .swiper-slide {
    height: 900px;
    background: linear-gradient(180deg, rgba(1, 64, 58, 0.00) 60.86%, #01403A 100%);
}

.bg-home-swiper {
    right: 0;
    bottom: 0;
    width: 500px;
    max-width: 100%;
    z-index: 999;
    position: absolute;
}

.img-home-carousel,
.img-home-carousel-mobile {
    height: 100%;
    object-fit: cover;
}

.img-home-carousel-mobile {
    display: none;
}

.home-carousel-content {
    padding-bottom: 76px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
}

.home-carousel-content .container-fluid {
    height: 100%;
}

.home-carousel-title {
    margin-top: 168px;
    font-size: 64px;
    line-height: 72px;
    font-weight: 700;
}

.home-carousel-btn {
    margin-top: 24px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.home-carousel-btn,
.home-carousel-btn:hover,
.home-carousel-btn:focus,
.home-carousel-btn:visited {
    color: var(--site-primary-color) !important;
}

.home-carousel-btn .img-arrow-right {
    background: var(--site-primary-color);
}

.homeSwiper .swiper-pagination {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    right: 0;
    bottom: 48px !important;
    margin: auto;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    max-width: 1736px;
    text-align: left;
}

.homeSwiper .swiper-pagination-bullet {
    width: 88px;
}

.home-carousel-content,
.home-carousel-content a,
.home-carousel-content a:hover,
.home-carousel-content a:focus,
.home-carousel-content a:visited {
    color: var(--font-second-color);
}

.introduction-content-left,
.introduction-content-right {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.introduction-content-left {
    padding-right: 40px;
}

.introduction-content-right {
    padding-left: 40px;
}

.introduction-description {
    margin-top: 12px;
    color: var(--font-fourth-color);
}

.introduction-description p:last-child {
    margin-bottom: 0;
}

.introduction-btn,
.introduction-btn:hover,
.introduction-btn:focus,
.introduction-btn:visited {
    color: var(--site-fourth-color);
}

.introduction-btn {
    margin-top: 48px;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    display: flex;
    align-items: center;
}

.introduction-btn .img-arrow-right {
    background: var(--site-fourth-color);
}

.img-introduction {
    height: 492px;
    border-radius: 12px;
    object-fit: cover;
}

.highlight-wrapper,
.content-subtitle,
.content-title,
.highlight-content {
    position: relative;
}

.img-highlight-left,
.img-highlight-right {
    bottom: 0;
    height: 250px;
    object-fit: cover;
    position: absolute;
}

.img-highlight-left {
    left: 0;
}

.img-highlight-right {
    right: 0;
}

.content-subtitle,
.content-title,
.highlight-content {
    z-index: 1;
}

.highlight-content {
    margin-top: 60px;
}

.highlight {
    padding: 40px 0;
    align-items: center;
    border-bottom: solid 1px #DDD;
    display: flex;
    justify-content: space-between;
}

.highlight-number-wrapper,
.highlight-content-title {
    margin-bottom: 0;
    font-weight: 700;
}

.highlight-number-wrapper {
    padding-right: 25px;
    padding-left: 20px;
    border-left: solid 4px var(--site-third-color);
    font-size: 60px;
    line-height: 72px;
    font-family: var(--site-font-bold);
    display: flex;
}

.highlight-content-title {
    color: var(--site-second-color);
}

.produtcts-swiper-wrapper {
    position: relative;
}

.bg-products {
    right: 0;
    bottom: 0;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.produtcts-swiper-wrapper {
    margin-top: 60px;
    padding: 50px 0 88px 0;
    background-color: rgba(17,159,147, .8);
}

.produtctsSwiper,
.produtctsSwiper2 {
    z-index: 1;
    position: relative;
}

.produtctsSwiper {
    margin-bottom: 237px;
}

.produtctsSwiper .swiper-slide {
    padding-top: 16px;
    border-top: solid 4px rgba(255,255,255, .6);
}

.produtctsSwiper .swiper-slide:hover {
    cursor: pointer;
}

.produtctsSwiper .swiper-slide .produtcts-content-thumb-title {
    margin-bottom: 0;
    color: rgba(255,255,255, .6);
}

.produtctsSwiper .swiper-slide-thumb-active {
    border-top: solid 4px rgba(255,255,255);
}

.produtctsSwiper .swiper-slide-thumb-active .produtcts-content-thumb-title {
    color: rgba(255,255,255);
}

.produtcts-swiper-wrapper {
    position: relative;
}

.produtctsSwiper2-button-wrapper {
    width: 100%;
    display: flex;
}

.produtctsSwiper2-button-next,
.produtctsSwiper2-button-prev {
    top: -22px;
    padding: 10px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--site-fourth-color);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.produtctsSwiper2-button-prev {
    left: -50px;
}

.produtctsSwiper2-button-next {
    right: -50px;
    margin-left: 12px;
}

.produtctsSwiper2-content {
    width: 774px;
    max-width: 100%;
}

.produtcts-content-thumb-title,
.produtcts-content-title {
    font-weight: 700;
}

.produtcts-content-thumb-title,
.products-content-btn {
    font-size: 24px;
    line-height: 32px;
}

.produtcts-content-title {
    margin-bottom: 16px;
    font-size: 48px;
    line-height: 60px;
}

.produtcts-content-description {
    height: 87px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.produtcts-content-description p:last-child {
    margin-bottom: 0;
}

.products-content-btn {
    margin-top: 24px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.products-content-btn,
.products-content-btn:hover,
.products-content-btn:focus,
.products-content-btn:visited {
    color: var(--site-primary-color) !important;
}

.products-content-btn .img-arrow-right {
    background: var(--site-primary-color);
}

.produtcts-swiper-wrapper .container-fluid {
    z-index: 1;
    position: relative;
}

.produtcts-swiper-wrapper,
.produtcts-swiper-wrapper a,
.produtcts-swiper-wrapper a:hover,
.produtcts-swiper-wrapper a:focus,
.produtcts-swiper-wrapper a:visited {
    color: var(--font-second-color);
}

.img-global-map {
    margin-top: 100px;
}

.news-wrapper {
    background: #F0F5F4;
}

.index-news-wrapper {
    --bs-gutter-x: 1.5rem;
    margin-right: 0;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: 0;
}

@media (-webkit-min-device-pixel-ratio: 0) {
    .index-news-wrapper {
        margin-left: calc((100vw - 1736px) / 2);
    }
}

@media (-webkit-min-device-pixel-ratio: .5) {
    .index-news-wrapper {
        margin-left: calc((100vw - 1736px) / 2);
    }
}

@media (-webkit-min-device-pixel-ratio: 1) {
    .index-news-wrapper {
        margin-left: calc((100vw - 1736px) / 2);
    }
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
    .index-news-wrapper {
        margin-left: unset;
    }
}

.index-news-wrapper {
    margin-top: 72px;
}

.news-title {
    margin-bottom: 0;
    font-size: 64px;
    line-height: 72px;
    font-weight: 700;
}

.index-news-content {
    height: 333px;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
}

.index-post-tag-wrapper {
    top: 22px;
    left: 26px;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
    position: absolute;
    z-index: 2;
}

.index-post-tag-wrapper li {
    margin-bottom: 5px;
    list-style: none;
    display: inline-block;
}

.index-post-tag-wrapper li:not(:last-child) {
    margin-right: 5px;
}

.index-post-tag {
    padding: 4px 12px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(64.3499984741211px);
    display: inline-block;
}

.index-post-tag,
.index-post-tag:hover,
.index-post-tag:focus,
.index-post-tag:visited {
    color: var(--font-second-color);
}

.index-news-thumb {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
    position: absolute;
}

.index-news-opacity,
.bg-news,
.index-news-info {
    bottom: 0;
    position: absolute;
}

.index-news-opacity,
.index-news-info {
    left: 0;
    width: 100%;
    border-radius: 0 0 12px 12px;
}

.bg-news {
    right: 0;
    width: 150px;
    border-radius: 0 0 12px 0;
    z-index: 0;
}

.index-news-opacity {
    height: 100%;
    background: linear-gradient(rgba(0,0,0, .3), rgba(0,0,0, .3), rgba(0,0,0, .3));
    z-index: 1;
}

.index-news-info {
    padding: 22px 26px;
    background: linear-gradient(1deg, rgba(110, 250, 229, 0.48) 2.31%, rgba(44, 48, 47, 0.00) 88.3%);
    z-index: 2;
}

.contact-content {
    padding: 40px 60px;
    border: solid 1px #DDD;
    border-radius: 12px;
    box-shadow: -18px 22px 0px 0px rgba(206, 219, 217, 0.15);
}

.index-news-date {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #BBB;
}

.news-title-wrapper,
.index-news-button-wrapper {
    display: flex;
    align-items: center;
}

.news-title-wrapper {
    margin-bottom: 40px;
    padding-bottom: 40px;
    justify-content: space-between;
    border-bottom: solid 1px #DDD;
}

.index-news-title {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
}

.index-news-title,
.index-news-title a,
.index-news-title a:hover,
.index-news-title a:focus,
.index-news-title a:visited {
    color: var(--font-second-color);
}

.index-news-button-prev,
.index-news-button-next {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    transition: .5s;
    object-fit: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--font-second-color);
}

.index-news-button-prev .img-swiper-left-w,
.index-news-button-next .img-swiper-right-w,
.index-news-button-prev:hover .img-swiper-left-b,
.index-news-button-next:hover .img-swiper-right-b,
.index-news-button-prev:focus .img-swiper-left-b,
.index-news-button-next:focus .img-swiper-right-b {
    display: none;
}

.index-news-button-prev:hover,
.index-news-button-next:hover,
.index-news-button-prev:focus,
.index-news-button-next:focus {
    background: var(--site-fourth-color);
}

.index-news-button-prev:hover .img-swiper-left-w,
.index-news-button-next:hover .img-swiper-right-w,
.index-news-button-prev:focus .img-swiper-left-w,
.index-news-button-next:focus .img-swiper-right-w {
    display: block;   
}

.index-news-button-next {
    margin-left: 24px;
}

.contact-form-wrapper {
    margin-top: 24px;
}
/*-- end site homepage content css --*/


/*-- site about page content css --*/
.about-introduction-wrapper,
.about-blobal-wrapper {
    position: relative;
}

.img-introduction-top,
.img-introduction-bottom,
.img-blobal {
    object-fit: cover;
    position: absolute;
}

.img-introduction-top {
    top: 0;
    right: 0;
    width: 208px;
    height: 312px;
}

.img-introduction-bottom {
    left: 0;
    bottom: 0;
    width: 353px;
}

.img-blobal {
    top: 0;
    right: 0;
    width: 350px;
    height: 250px;
}

.about-introduction-left,
.about-introduction-right {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.about-introduction-left {
    padding-right: 40px;
}

.about-introduction-right {
    padding-left: 40px;
}

.about-introduction-description,
.about-introduction-list {
    color: var(--font-fourth-color);
}

.about-introduction-description {
    margin-top: 16px;
}

.about-introduction-description p:last-child {
    margin-bottom: 0;
}

.about-introduction-list {
    margin-top: 32px;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.about-introduction-list li {
    list-style: none;
    display: flex;
    align-items: center;
}

.about-introduction-list li:not(:last-child) {
    margin-bottom: 16px;
}

.about-introduction-list li .icon-check {
    margin-right: 24px;
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.img-about-introduction {
    height: 492px;
    border-radius: 12px;
    object-fit: cover;
}

.about-page-content-top {
    margin: 0 auto;
    width: 954px;
    max-width: 100%;
}

.about-page-content-description {
    margin-top: 16px;
    color: var(--font-fourth-color);
}

.about-page-content-description p:last-child {
    margin-bottom: 0;
}

.about-content-number {
    margin-top: 72px;
}

.about-content-number .col-lg-4 {
    position: relative;
}

.about-content-number .col-lg-4:not(:last-child)::after {
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 2px;
    height: 104px;
    background: #DDD;
    position: absolute;
}

.about-content-number .number-wrapper {
    margin-bottom: 16px;
    font-size: 96px;
    line-height: 96px;
    font-weight: 700;
    font-family: var(--site-font-bold);
    color: var(--site-second-color);
    display: flex;
    justify-content: center;
    text-align: center;
}

.about-number-title {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}

.about-content-bottom {
    margin-top: 128px;
}

.about-content-bottom-left {
    padding-right: 36px;
}

.about-content-bottom-right {
    padding-left: 36px;
    font-size: 36px;
    line-height: 48px;
    font-weight: 600;
}

.img-about-bottom {
    height: 429px;
    border-radius: 12px;
    object-fit: cover;
}

.about-reason-wrapper {
    background-color: rgba(17,159,147, .8);
    position: relative;
}

.bg-about-reason {
    top: 0;
    right: 0;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.about-reason-top {
    margin: 0 auto;
    width: 974px;
    max-width: 100%;
}

.about-reason-top,
.about-reason-top a,
.about-reason-top a:hover,
.about-reason-top a:focus,
.about-reason-top a:visited {
    color: var(--font-second-color);
}

.about-subtitle {
    margin-bottom: 16px;
    font-weight: 600px;
}

.about-title {
    margin-bottom: 16px;
    font-size: 40px;
    line-height: 52px;
    font-weight: 700;
}

.about-reason-description p:last-child {
    margin-bottom: 0;
}

.about-reason-top,
.about-reason-content {
    z-index: 1;
    position: relative;
}

.about-reason-content {
    margin-top: 72px;
}

.about-reason-content .col-lg-4 {
    margin-bottom: 40px;
}

.reason {
    padding: 40px 32px;
    height: 100%;
    border-radius: 12px;
    border-left: solid 5px var(--site-second-color);
    background: var(--font-second-color);
}

.icon-about-reason-content {
    width: 68px;
    height: 69px;
    object-fit: contain;
}

.about-reason-content-title {
    margin-top: 28px;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}

.about-reason-content-description {
    margin-top: 21px;
    color: var(--font-fourth-color);
}

.about-reason-content-description p:last-child {
    margin-bottom: 0;
}

.img-about-global-map {
    margin-top: 36px;
}
/*-- end site about page content css --*/


/*-- site products page content css --*/
.products-page-content-wrapper .col-lg-4 {
    margin: 20px 0;
}

.products,
.products-info {
    position: relative;
}

.products,
.icon-product,
.product-content-title,
.product-content-description,
.products .arrow-right-up {
    transition: .5s;
}

.products .arrow-right-up,
.products:hover .icon-product,
.bg-product-hover {
    display: none;
}

.products {
    height: 100%;
    padding: 32px;
    border-radius: 12px;
    background: #F0F5F4;
}

.products-info {
    z-index: 1;
}

.products .arrow-right-up {
    top: 32px;
    right: 32px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    position: absolute;
    z-index: 2;
}

.bg-product-hover {
    right: 0;
    bottom: 0;
    height: 90%;
    object-fit: contain;
    position: absolute;
}

.products:hover {
    background: linear-gradient(to right, rgb(35,118,111), rgb(5, 169, 151));
}

.products:hover,
.products:focus,
.products:hover .product-content-title,
.products:focus .product-content-title,
.products:hover .product-content-description,
.products:focus .product-content-description {
    color: var(--font-second-color);
}

.products:hover .bg-product-hover,
.products:hover .arrow-right-up {
    display: block;
}

.icon-product-wrapper {
    width: 100px;
    height: 100px;
}

.icon-product {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-content-title,
.product-content-description {
    color: var(--font-fifth-color);
}

.product-content-title {
    margin-top: 75px;
    margin-bottom: 16px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
}

.product-content-description p:last-child {
    margin-bottom: 0;
}
/*-- end site products page content css --*/


/*-- site commodities page content css --*/
.archive-subtitle {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: var(--site-primary-color);
}

.commodities-wrapper {
    position: relative;
}

.img-commodities-1,
.img-commodities-2 {
    object-fit: cover;
    position: absolute;
}

.img-commodities-1 {
    top: 0;
    right: 0;
    width: 208px;
    height: 312px;
}

.img-commodities-2 {
    left: 0;
    bottom: 0;
    width: 353px;
}

.commodities-content-left,
.commodities-content-right {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.commodities-content-left {
    padding-right: 40px;
}

.commodities-content-right {
    padding-left: 40px;
}

.commodities-content-description {
    margin-top: 16px;
    color: var(--font-fourth-color);
}

.commodities-content-description p:last-child {
    margin-bottom: 0;
}

.img-commodities-content {
    height: 492px;
    border-radius: 12px;
    object-fit: cover;
}

.transport-content-top {
    margin: 16px auto 0 auto;
    width: 954px;
    max-width: 100%;
}

.transport-description {
    color: var(--font-fourth-color);
}

.transport-description p:last-child {
    margin-bottom: 0;
}

.transport-content-bottom {
    margin-top: 88px;
}

.transport-content-tab-title-wrapper {
    height: 48px;
    position: relative;
}

.transport-content-tab-title-wrapper::after {
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    height: 12px;
    border-radius: 0 12px 0 0;
    background: var(--site-second-color);
    position: absolute;
}

.transport-content-tab-title {
    left: 0;
    bottom: 0;
    margin-bottom: 0;
    padding: 8px 24px;
    border-radius: 12px 12px 0 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: var(--font-second-color);
    background: var(--site-second-color);
    display: inline-block;
    position: absolute;
    z-index: 1;
}

.transport-content-tab-title::after {
    left: 100%;
    bottom: 12px;
    content: '';
    width: 26px;
    height: 14px;
    background: url('img/icon-border.png') no-repeat left bottom;
    background-size: cover;
    position: absolute;
}

.transport-content {
    margin-top: 40px;
}

.img-transport-content {
    height: 280px;
    border-radius: 12px;
    object-fit: cover;
}

.transport-content-title {
    margin-top: 24px;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}

.transport-content-description {
    margin-top: 12px;
    color: var(--font-fourth-color);
}

.transport-content-description p:last-child {
    margin-bottom: 0;
}

.transport-content-description ul {
    margin-left: 0;
    padding-left: 15px;
    margin-bottom: 0;
}

.commodities-elevate-wrapper {
    background: #F0F5F4;
}

.elevate-content-btn,
.elevate-content-btn:hover,
.elevate-content-btn:focus,
.elevate-content-btn:visited {
    color: var(--site-second-color)
}

.elevate-content-btn {
    margin-top: 32px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.elevate-content-btn .icon-right {
    margin-right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: contain;
    background: var(--site-fourth-color);
    transition: .5s;
}

.elevate-content-right {
    font-size: 20px;
    line-height: 28px;
}

.elevate-content-right p:last-child {
    margin-bottom: 0;
}

.img-elevate-wrapper {
    position: relative;
}

.img-elevate-gradient {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(1, 64, 58, 0.00) 60.86%, #01403A 100%), linear-gradient(180deg, #F0F5F4 11.48%, rgb(1, 64, 58, 0.00) 57.46%);
    position: absolute;
}
/*-- end site commodities page content css --*/


/*-- site sustainability page content css --*/
.sustainability-initiatives-wrapper {
    position: relative;
}

.initiatives-description,
.initiatives-image-description {
    color: var(--font-fourth-color);
}

.initiatives-description,
.compliant-description,
.projects-description {
    margin-top: 16px;
    color: var(--font-fourth-color);
}

.initiatives-description p:last-child,
.initiatives-image-description p:last-child,
.management-description p:last-child,
.compliant-description p:last-child,
.compliant-content-description p:last-child,
.projects-description p:last-child {
    margin-bottom: 0;
}

.initiatives-list {
    margin-top: 40px;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.initiatives-list li {
    list-style: none;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.initiatives-list li:not(:last-child) {
    margin-bottom: 20px;
}

.initiatives-list li .icon-check {
    margin-right: 16px;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.img-initiatives {
    height: 528px;
    border-radius: 12px;
    object-fit: cover;
}

.initiatives-image-description {
    margin-top: 48px;
}

.sustainability-management-wrapper {
    position: relative;
}

.bg-sustainability-management {
    top: 0;
    right: 0;
    height: 100%;
    position: absolute;
}

.sustainability-management-top,
.management-content-wrapper {
    z-index: 1;
    position: relative;
}

.sustainability-management-top {
    margin: 0 auto;
    width: 954px;
    max-width: 100%;
}

.sustainability-management-wrapper,
.sustainability-management-wrapper a,
.sustainability-management-wrapper a:hover,
.sustainability-management-wrapper a:focus,
.sustainability-management-wrapper a:visited {
    color: var(--font-second-color);
}

.management-description {
    margin-top: 16px;
}

.management-content-wrapper,
.compliant-content-wrapper,
.sustainability-projects-bottom {
    margin-top: 72px;
}

.nav-management {
    margin-left: 0;
    margin-bottom: 72px !important;
}

.nav-management .nav-item {
    border-bottom: solid 1px rgba(255,255,255, .4);
}

.nav-management .nav-item:not(:last-child) {
    padding-right: 32px;
}

.nav-management .nav-link {
    padding: 0 0 16px 0;
    color: rgba(255,255,255, .8);
}

.nav-management .nav-link.active,
.nav-management .nav-link {
    border-radius: 0;
    background: none;
    position: relative;
}

.nav-management .nav-link.active::after,
.nav-management .nav-link:hover::after,
.nav-management .nav-link:focus::after {
    left: 0;
    right: 0;
    bottom: -2px;
    margin: auto;
    content: '';
    width: 50%;
    height: 4px;
    border-radius: 30px;
    background: var(--font-second-color);
    position: absolute;
}

.nav-management .nav-link.active,
.nav-management .nav-link:hover,
.nav-management .nav-link:focus {
    color: var(--font-second-color);
}

.management-content-left {
    padding-right: 36px;
}

.management-content-right {
    padding-left: 36px;
}

.img-management-content {
    height: 419px;
    border-radius: 12px;
    object-fit: cover;
}

.management-content-title {
    margin-bottom: 24px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
}

.management-content-description {
    font-size: 20px;
    line-height: 32px;
}

.management-content-description p:last-child {
    margin-bottom: 0;
}

.sustainability-compliant-wrapper {
    background: #F0F5F4;
}

.sustainability-compliant-top {
    margin: 0 auto;
    width: 954px;
    max-width: 100%;
}

.compliant-content-wrapper .col-lg-4 {
    margin-bottom: 30px;
}

.compliant,
.compliant-info {
    position: relative;
}

.compliant {
    padding: 32px;
    height: 100%;
    border-radius: 12px;
    box-sizing: inherit;
    border: solid 3px #DDD;
    background: var(--font-second-color);
}

.compliant-info {
    z-index: 1;
}

.bg-compliant-linear,
.bg-compliant-hover {
    top: 0;
    right: 0;
    height: 100%;
    position: absolute;
    display: none;
}

.bg-compliant-linear {
    width: 100%;
    border-radius: 12px;
    background: rgb(255,255,255, .75);
}

.bg-compliant-hover {
    object-fit: cover;
    border-radius: 0 0 12px 0;
}

.compliant:hover {
    box-sizing: inherit;
    border: solid 3px var(--site-second-color);
}

.compliant:hover .bg-compliant-linear,
.compliant:hover .bg-compliant-hover {
    display: block;
}

.icon-compliant-content {
    width: 76px;
    height: 76px;
    object-fit: contain;
}

.compliant-content-description {
    margin-top: 32px;
    font-weight: 600;
}

.sustainability-projects-wrapper {
    position: relative;
}

.img-projects-top,
.img-projects-bottom {
    object-fit: cover;
    position: absolute;
}

.img-projects-top {
    top: 0;
    right: 0;
    width: 208px;
    height: 312px;
}

.img-projects-bottom {
    left: 0;
    bottom: 170px;
    width: 240px;
}

.sustainability-projects-top {
    margin: 0 auto;
    width: 954px;
    max-width: 100%;
}

.projects-bottom-left,
.projects-bottom-right {
    position: relative;
    z-index: 1;
}

.projects-bottom-left {
    padding-right: 40px;
}

.projects-bottom-right {
    padding-left: 40px;
}

.img-sustainability-projects {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

#accordionProjectsLeft {
    border-radius: 12px;
    height: 832px;
    overflow: hidden;
    --bs-accordion-border-color: none;
    position: relative;
}

.bg-sustainability-projects {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

#accordionProjectsLeft .accordion-body-left {
    padding: 0;
}

#accordionProjectsRight .accordion-header,
#accordionProjectsRight .accordion-item,
#accordionProjectsRight .accordion-button {
    border-radius: 0 !important;
}

#accordionProjectsRight .accordion-item {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom-color: #DDD;
}

#accordionProjectsRight .accordion-button {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: var(--font-fifth-color);
}

#accordionProjectsRight .accordion-button {
    padding: 24px 0;
    box-shadow: none;
    background: none;
}

#accordionProjectsRight .accordion-button:hover {
    color: var(--site-second-color);
}

#accordionProjectsRight .accordion-button:not(.collapsed) {
    color: var(--site-second-color);
}

#accordionProjectsRight .accordion-button::after {
    background-image: url('img/icon-plus-b.png');
}

#accordionProjectsRight .accordion-button:hover::after {
    background-image: url('img/icon-plus-g.png');
}

#accordionProjectsRight .accordion-button:not(.collapsed)::after {
    background-image: url('img/icon-minus-g.png');
}

#accordionProjectsRight .accordion-body-right {
    padding: 0 0 24px 0;
    color: var(--font-fourth-color);
}

#accordionProjectsRight .accordion-body p:last-child {
    margin-bottom: 0;
}
/*-- end site sustainability page content css --*/


/*-- site contact page content css --*/
.contact-page-wrapper {
    position: relative;
}

.bg-contact-page {
    left: 0;
    bottom: 0;
    width: 500px;
    max-width: 100%;
    position: absolute;
}

.contact-page-subtitle,
.contact-page-title,
.reach-page-content-title,
.reach-page-content-info {
    font-weight: 700;
}

.contact-page-left,
.contact-page-right {
    z-index: 1;
    position: relative;
}

.contact-page-right {
    box-shadow: -18px 22px 0px 0px rgba(206, 219, 217, 0.15);
}

.contact-page-left {
    padding-right: 100px;
}

.contact-page-subtitle {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 32px;
    color: var(--site-second-color);
}

.contact-page-title {
    margin-bottom: 0;
    font-size: 40px;
    line-height: 52px;
}

.contact-page-description {
    margin-top: 16px;
    color: var(--font-fourth-color);
}

.contact-page-description p:last-child {
    margin-bottom: 0;
}

.reach-page-content .col-xl-4 {
    margin-top: 36px;
}

.reach-page-title,
.reach-page-title a,
.reach-page-title a:hover,
.reach-page-title a:focus,
.reach-page-title a:visited {
    color: var(--font-second-color);
}

.reach-page-title,
.reach-page-content {
    z-index: 1;
    position: relative;
}

.reach-page-wrapper {
    background-color: rgba(17,159,147, .8);
    position: relative;
}

.bg-linear {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(180deg, rgba(46, 182, 173, 0.00) 0%, #00534B 100%); */
    background: linear-gradient(180deg, rgba(1, 64, 58, 0.00) 60.86%, #01403A 100%);
    position: absolute;
}

.reach {
    padding: 40px 28px 128px 28px;
    height: 100%;
    border-radius: 12px;
    border-left: solid 5px var(--site-second-color);
    background: var(--font-second-color);
    position: relative;
}

.bg-contact-reach {
    top: 0;
    right: 0;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.icon-reach {
    width: 68px;
    height: 68px;
    object-fit: contain;
}

.reach-page-content-title {
    margin-top: 28px;
    font-size: 24px;
    line-height: 32px;
}

.reach-page-content-description {
    margin-top: 12px;
    color: var(--font-fourth-color);
}

.reach-page-content-description p:last-child {
    margin-bottom: 0;
}

.reach-page-content-info {
    font-size: 20px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    left: 28px;
    right: 28px;
    bottom: 40px;
    position: absolute;
}

.reach-page-content-info,
.reach-page-content-info a,
.reach-page-content-info a:hover,
.reach-page-content-info a:focus,
.reach-page-content-info a:visited {
    color: var(--site-second-color);
}
/*-- end site contact page content css --*/


/*-- site archive page css --*/
.archive-title,
.page-title {
    margin-bottom: 0;
    font-size: 64px;
    line-height: 72px;
    font-weight: 700;
    color: var(--font-second-color);
}

.archive-title span {
    display: block;
}

.not-found-title {
    margin-bottom: 0;
}

.archive-main {
    padding: 72px 0 74px 0;
}

.archive-navigation {
    margin-left: 0;
    margin-bottom: 40px;
    padding-left: 0;
    display: flex;
}

.archive-navigation li {
    list-style: none;
}

.archive-navigation li:not(:last-child) {
    margin-right: 18px;
}

.archive-navigation li a {
    padding: 8px 24px;
    border-radius: 8px;
    background: #EEE;
}

.archive-navigation .active,
.archive-navigation a:hover,
.archive-navigation a:focus {
    background: var(--site-second-color);
}

.archive-navigation .active,
.archive-navigation .active:hover,
.archive-navigation .active:focus,
.archive-navigation .active:visited,
.archive-sticky-right,
.archive-sticky-right a,
.archive-sticky-right a:hover,
.archive-sticky-right a:focus,
.archive-sticky-right a:visited,
.archive-navigation a:hover,
.archive-navigation a:focus {
    color: var(--font-second-color);
}

.archive-sticky-wrapper,
.archive-sticky-content:not(:last-child) {
    margin-bottom: 24px;
}

.archive-sticky-content {
    border-radius: 12px;
    background: var(--site-second-color);
}

.archive-sticky-left,
.archive-sticky-thumb,
.archive-sticky-right {
    height: 433px;
}

.archive-sticky-left {
    border-radius: 12px 0 0 12px;
    overflow: hidden;
}

.archive-sticky-left .hover-img-wrapper {
    display: inline;
}

.archive-sticky-thumb {
    border-radius: 12px 0 0 12px;
    object-fit: cover;
}

.archive-sticky-right {
    padding: 40px 78px 40px 36px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.archive-sticky-date {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.archive-sticky-date .icon-calendar {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.archive-sticky-title {
    margin-bottom: 8px;
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
}

.archive-sticky-excerpt {
    height: 110px;
    overflow: hidden;
}

.archive-sticky-btn {
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.archive-sticky-btn .icon-right {
    margin-right: 16px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: contain;
    background: var(--site-fourth-color);
    transition: .5s;
}

.archive-content {
    margin-bottom: 24px;
    border-radius: 12px;
}

.archive-content-thumb {
    height: 263px;
    border-radius: 12px 12px 0 0;
    object-fit: cover;
}

.archive-content-info {
    padding: 20px;
    border-radius: 0 0 12px 12px;
    background: #F7F7F7;
}

.archive-content-date {
    margin-bottom: 12px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.archive-content-date .icon-calendar {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.archive-content-title {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    height: 84px;
    overflow: hidden;
}

.archive-content-excerpt {
    font-size: 16px;
    line-height: 24px;
    color: #666;
    height: 72px;
    overflow: hidden;
}

.archive-content-btn {
    margin-top: 12px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.archive-content-btn .icon-right {
    margin-right: 16px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: contain;
    background: var(--site-fourth-color);
    transition: .5s;
}

.archive-content-btn,
.archive-content-btn:hover,
.archive-content-btn:focus,
.archive-content-btn:visited {
    color: var(--site-second-color);
}
/*-- end site archive page css --*/


/*-- site widget css --*/
.search-form,
.search-form label,
.search-field {
    width: 100%;
}

.search-field,
.search-submit {
    height: 40px;
}

.widget-notfound .search-form {
    margin-bottom: 10px;
}

.search-form {
	position: relative;
}

.search-field {
    padding-left: 10px !important;
}

.search-submit {
    top: 0;
    right: 0;
    padding: 0;
    width: 40px;
    border: none;
    position: absolute;
}

.widget-title,
.widgettitle {
    margin-bottom: 20px;
    padding-bottom: 16px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    font-family: var(--widget-font-bold);
    color: var(--font-fifth-color);
    border-bottom: solid 1px #E6E6E6;
}

.widget {
    padding: 24px;
    border-radius: 12px;
    border: solid 1px #E6E6E6;
}

.widget ul {
    margin-left: 0;
    padding-left: 0;
}

.widget li {
    list-style: inside;
}
/*-- end site widget css --*/


/*-- site single css --*/
.entry-meta,
.entry-footer,
.nav-links {
    display: none !important;
}

.single-content-wrapper {
    padding-right: 40px;
    display: flex;
}

.single-socials-share,
.single-socials-share-mobile {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.single-socials-share {
    margin-right: 64px;
}

.single-socials-share li,
.single-socials-share-mobile,
.single-socials-share-mobile li,
.single-socials-share-mobile a {
    list-style: none;
    display: inline-flex;
}

.single-socials-share-mobile {
    justify-content: flex-end;
}

.single-socials-share li:not(:last-child) {
    margin-bottom: 16px;
}

.single-socials-share a,
.single-socials-share-mobile a {
    width: 24px;
    height: 24px;
    display: inline-flex;
}

.single-socials-share-mobile {
    display: none;
}

.single-socials-share .icon-social {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.single-socials-share-mobile li:not(:last-child) {
    margin-right: 16px;
}

.single-title {
    font-size: 40px;
    line-height: 52px;
    font-weight: 700;
    color: #141518;
}

.single-info,
.single-info span {
    display: flex;
    align-items: center;
}

.single-info {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: solid 1px #D1D5D8;
}

.single-date {
    color: #666;
}

.single-date .icon-calendar {
    margin-right: 8px;
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.single-date span:not(:last-child) {
    margin-right: 5px;
}

.single-info-dot {
    margin: 0 16px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #CCC;
}

.single-archive {
    font-weight: 700;
}

.single-archive a {
    position: relative;
}

.single-archive a:not(:last-child) {
    padding-right: 20px;
}

.single-archive a:not(:last-child):after {
    top: 0;
    right: 7px;
    bottom: 0;
    margin: auto;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #CCC;
    display: block;
    position: absolute
}

.single-archive,
.single-archive a,
.single-archive a:hover,
.single-archive a:focus,
.single-archive a:visited {
    color: var(--font-fifth-color);
}

.single-content .entry-content {
    color: var(--font-fifth-color);
}

.single-content .entry-content a {
    text-decoration: underline;
}

.single-content .entry-content a:hover,
.single-content .entry-content a:focus {
    color: var(--site-second-color);
}

blockquote {
    padding-left: 14px;
    border-left: solid 2px var(--site-second-color);
}

.single-btn-back {
    margin-top: 40px;
    padding-top: 24px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    border-top: solid 1px #D1D5D8;
    display: flex;
    align-items: center;
}

.single-btn-back .icon-back {
    margin-right: 16px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: contain;
    background: var(--site-fourth-color);
    transition: .5s;
}

.single-btn-back,
.single-btn-back:hover,
.single-btn-back:focus,
.single-btn-back:visited {
    color: var(--site-second-color);
}

.recent-content-wrapper:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #E6E6E6;
}

.recent-content-thumb {
    width: 150px;
    height: 100px;
    border-radius: 4px;
    object-fit: cover;
}

.recent-content-title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    font-family: var(--widget-font-regular);
}

.recent-content-title,
.recent-content-title a,
.recent-content-title a:visited {
    color: var(--font-fifth-color);
}

.recent-content-date {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

.single-related-wrapper {
    margin-top: 100px;
}

.single-related-content {
    border-radius: 12px;
}

.single-related-title-wrapper,
.single-related-button-wrapper {
    display: flex;
    align-items: center;
}

.single-related-title-wrapper {
    margin-bottom: 40px;
    justify-content: space-between;
}

.single-related-title {
    margin-bottom: 0;
    font-size: 48px;
    line-height: 60px;
    font-weight: 700;
    font-family: var(--site-font-bold);
}

.single-related-button-prev,
.single-related-button-next {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    transition: .5s;
    object-fit: contain;
    background: #EEE;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-related-button-prev .img-swiper-left-w,
.single-related-button-next .img-swiper-right-w,
.single-related-button-prev:hover .img-swiper-left-b,
.single-related-button-next:hover .img-swiper-right-b,
.single-related-button-prev:focus .img-swiper-left-b,
.single-related-button-next:focus .img-swiper-right-b {
    display: none;
}

.single-related-button-prev:hover,
.single-related-button-next:hover,
.single-related-button-prev:focus,
.single-related-button-next:focus {
    background: var(--site-second-color);
}

.single-related-button-prev:hover .img-swiper-left-w,
.single-related-button-next:hover .img-swiper-right-w,
.single-related-button-prev:focus .img-swiper-left-w,
.single-related-button-next:focus .img-swiper-right-w {
    display: block;   
}

.single-related-button-next {
    margin-left: 24px;
}
/*--  end site single css --*/


/*-- site pagination css --*/
.pagination {
    margin: 26px auto;
}

.pagination .page-item:not(:last-child) {
    margin-right: 10px;
}

.pagination .page-link {
    min-width: 40px;
    height: 40px;
    border-radius: 8px !important;
    color: var(--font-primary-color);
    border-color: #DEDEF0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .page-link {
    color: var(--font-primary-color);
}

.pagination-left-hover,
.pagination-right-hover,
.pagination .prev:hover .pagination-left,
.pagination .next:hover .pagination-right,
.pagination .prev:focus .pagination-left,
.pagination .next:focus .pagination-right {
    display: none;
}

.pagination .prev:hover .pagination-left-hover,
.pagination .next:hover .pagination-right-hover,
.pagination .prev:focus .pagination-left-hover,
.pagination .next:focus .pagination-right-hover {
    display: block;
}

.pagination .page-link:hover,
.pagination .page-link:focus {
    color: #0E74BC;
    border: solid 1px #0E74BC;
	box-shadow: none !important;
}

.pagination .current,
.pagination .current:hover,
.pagination .current:focus {
    color: var(--font-second-color);
    border-color: var(--site-second-color);
    background: var(--site-second-color);
}

.pagination .prev,
.pagination .next {
    padding: 0;
}
/*-- end site pagination css --*/


/*-- site footer css --*/
.site-footer {
    padding: 50px 0;
    font-size: 16px;
    line-height: 24px;
    background-color: var(--site-third-color);
}

.img-footer-logo {
    width: 382px;
}

.footer-logo-title {
    margin-top: 1rem;
    margin-bottom: 0;
}

.footer-content-wrapper {
    font-weight: 600;
}

.footer-contact-wrapper,
.site-copyright-right ul {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.footer-contact-wrapper li,
.footer-contact {
    display: flex;
    align-items: center;
}

.footer-contact-wrapper li,
.site-copyright-right li {
    list-style: none;
}

.footer-contact-wrapper li:not(:last-child) {
    margin-bottom: 24px;
}

.icon-footer-contact {
    margin-right: 12px;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.site-copyright {
    margin-top: 50px;
    padding-top: 20px;
    border-top: solid 1px #F0F5F4;
}

.site-copyright-right ul {
    display: flex;
    justify-content: flex-end;
}

.site-copyright-right li:not(:first-child) {
    margin-left: 9px;
    padding-left: 9px;
    border-left: solid 1px var(--font-second-color);
}

.footer-contact-btn {
    margin-top: 40px;
    padding: 12px 24px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    border-radius: 9999px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(2,111,98, .65);
    display: inline-block;
}

.footer-contact-btn:hover,
.footer-contact-btn:focus {
    background: var(--site-second-color);
}

.icon-arow-up-right {
    margin-left: 8px;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.icon-float-wrapper:hover,
.icon-float-wrapper:focus {
    transform: scale(1.3);
    background: var(--site-fourth-color) !important;
}

.icon-float-wrapper:hover img,
.icon-float-wrapper:focus img {
    filter: brightness(0) invert(1);
}

.site-footer,
.site-footer a,
.site-footer a:hover,
.site-footer a:focus,
.site-footer a:visited {
    color: var(--font-second-color);
}

.footer-content-wrapper p:hover,
.footer-content-wrapper p:focus,
.footer-content-wrapper a:hover,
.footer-content-wrapper a:focus,
.footer-contact-wrapper span:hover,
.footer-contact-wrapper span:focus,
.footer-contact-wrapper a:hover,
.footer-contact-wrapper a:focus {
    color: var(--site-primary-color);
}
/*-- end site footer css --*/


@media (max-width: 768px) {
    html, body,
    .elevate-content-right,
    .reach-page-content-info,
    .management-content-description,
    .about-content-bottom-right {
        font-size: 16px;
        line-height: 24px;
    }

    .img-home-carousel,
    .img-highlight-left,
    .img-highlight-right,
    .img-blobal,
    .img-introduction-top,
    .img-introduction-bottom,
    .img-projects-top,
    .img-projects-bottom,
    .img-commodities-1,
    .img-commodities-2,
    .bg-contact-page {
        display: none;
    }

    .img-home-carousel-mobile {
        display: block;
    }

    .products-page-content-wrapper .col-lg-4 {
        margin: 15px 0;
    }

    .produtcts-swiper-wrapper,
    .img-global-map,
    .introduction-btn,
    .highlight-content,
    .index-news-wrapper,
    .produtctsSwiper2-button-wrapper,
    .about-content-number,
    .about-reason-content,
    .about-introduction-list,
    .product-content-title,
    .initiatives-image-description,
    .management-content-wrapper,
    .compliant-content-wrapper,
    .sustainability-projects-bottom,
    .transport-content-bottom,
    .transport-content,
    .single-related-wrapper,
    .widget {
        margin-top: 24px;
    }

    .footer-contact-btn,
    .about-content-bottom {
        margin-top: 30px;
    }

    .produtctsSwiper2-button-wrapper,
    .news-title-wrapper,
    .introduction-content-left,
    .produtctsSwiper,
    .about-introduction-left,
    .about-content-number .col-lg-4:not(:last-child),
    .about-content-bottom-left,
    .sustainability-initiatives-left,
    .nav-management,
    .management-content-left,
    .commodities-content-left,
    .elevate-content-left,
    .elevate-content-right,
    .contact-page-left,
    .single-related-title-wrapper,
    .single-socials-share,
    .widget-title,
    .widgettitle {
        margin-bottom: 24px !important;
    }

    .img-footer-logo-wrapper,
    .footer-content-wrapper {
        margin-bottom: 30px;
    }

    .home-carousel-title {
        margin-top: 100px;
    }

    .main-navigation,
    .top-navigation,
    .main-navigation .container-fluid,
    .top-navigation .container-fluid,
    .introduction-content-left,
    .introduction-content-right,
    .about-introduction-left,
    .about-introduction-right,
    .about-content-bottom-left,
    .about-content-bottom-right,
    .management-content-left,
    .management-content-right,
    .projects-bottom-left,
    .projects-bottom-right,
    .commodities-content-left,
    .commodities-content-right,
    .contact-page-left,
    .contact-page-right,
    .single-content-wrapper {
        padding: 0;
    }

    .content-wrapper,
    .site-footer {
        padding: 20px 0 !important;
    }

    .news-title-wrapper {
        padding-bottom: 24px;
    }

    .about-content-number .col-lg-4:not(:last-child)::after {
        all: unset;
    }

    .produtcts-swiper-wrapper {
        padding: 40px 0;
    }

    .index-news-info,
    .contact-content {
        padding: 20px;
    }

    .index-news-wrapper {
        padding-right: calc(var(--bs-gutter-x) * .5);
    }

    .commodities-elevate-wrapper {
        padding-top: 20px !important;
    }

    .highlight-number-wrapper {
        padding-right: 20px;
        min-width: 185px;
    }

    .introduction-content-left,
    .introduction-content-right,
    .about-introduction-left,
    .about-introduction-right,
    .commodities-content-left,
    .commodities-content-right,
    .img-management-content,
    .archive-sticky-left,
    .archive-sticky-right,
    .archive-sticky-excerpt {
        height: auto;
    }

    .highlight-number-wrapper,
    .about-content-number .number-wrapper {
        font-size: 48px;
        line-height: 60px;
    }
    
    .archive-title,
    .page-title {
        font-size: 24px;
        line-height: 32px;
    }

    .content-title,
    .home-carousel-title,
    .news-title,
    .produtcts-content-title,
    .about-title,
    .product-content-title,
    .management-content-title,
    .contact-page-title,
    .about-reason-content-title,
    #accordionProjectsRight .accordion-button,
    .elevate-content-btn,
    .about-number-title,
    .reach-page-content-title,
    .archive-sticky-title,
    .archive-subtitle,
    .single-title,
    .single-related-title {
        font-size: 18px;
        line-height: 28px;
    }

    .home-carousel-btn,
    .introduction-btn,
    .products-content-btn,
    .transport-content-title,
    .transport-content-tab-title,
    .wpcf7-submit {
        font-size: 16px;
        line-height: 24px;
    }

    .produtctsSwiper2-button-prev,
    .produtctsSwiper2-button-next {
        position: unset;
        width: 34px;
        height: 34px;
    }

    .produtcts-content-description {
        height: 74px;
    }

    .transport-content-tab-title-wrapper {
        height: auto;
    }

    .transport-content-tab-title {
        border-radius: 12px;
        display: block;
        position: unset;
    }

    .transport-content-tab-title-wrapper::after,
    .transport-content-tab-title::after {
        all: unset;
    }

    .homeSwiper .swiper-slide,
    #accordionProjectsLeft {
        height: 450px;
    }

    .bg-home-swiper,
    .bg-custom-header {
        width: 150px;
    }

    .homeSwiper .swiper-pagination-bullet {
        width: 44px;
    }

    .index-news-button-prev,
    .index-news-button-next,
    .single-related-button-prev,
    .single-related-button-next {
        width: 40px;
        height: 40px;
    }

    .img-introduction,
    .custom-header {
        height: 250px;
    }

    .img-about-introduction,
    .img-initiatives,
    .img-commodities-content,
    .img-about-bottom {
        height: auto;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open ~ button.mega-close {
        left: calc(min(100vw - 40px, 260px)) !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu,
    #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-flyout ul.mega-sub-menu {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
    }

    .site-title,
    .site-logo {
        height: 60px !important;
    }

    .mega-mobile-logo-wrapper {
        margin-bottom: 24px !important;
    }

    .site-logo {
        width: 150px !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect-mobile^="slide_"] li.mega-menu-item a.mega-menu-link.mega-menu-logo {
        text-align: left !important;
        border-bottom: none !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:not(:last-child) > a.mega-menu-link,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:not(:last-child) a.mega-menu-link {
        border-bottom: solid 1px #DDD !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
        font-size: 16px !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
        height: 50px !important;
        line-height: 50px !important;
    }

    .main-navigation .mega-menu-link,
    .main-navigation .mega-menu-link:visited {
        color: var(--font-fifth-color) !important;
    }
    
    .main-navigation .mega-current-menu-item .mega-menu-link,
    .main-navigation .mega-menu-link:hover,
    .main-navigation .mega-menu-link:focus,
    .main-navigation .mega-contact-link .mega-menu-link,
    .main-navigation .mega-contact-link .mega-menu-link:hover,
    .main-navigation .mega-contact-link .mega-menu-link:focus,
    .main-navigation .mega-contact-link .mega-menu-link:visited {
        color: var(--site-fourth-color) !important;
    }

    .main-navigation .mega-contact-link a::before {
        background-image: url('img/arrow-right-w.png') !important;
        background-color: var(--site-fourth-color) !important;
    }

    .mega-contact-link a {
        justify-content: flex-start !important;
        width: 100% !important;
    }

    .mega-contact-link a::before {
        width: 20px !important;
        height: 20px !important;
    }

    .main-navigation .mega-toggle-animated-inner,
    .main-navigation .mega-toggle-animated-inner:before,
    .main-navigation .mega-toggle-animated-inner:after {
        background-color: var(--font-second-color) !important;
    }

    .main-navigation .mega-menu-toggle .mega-toggle-block-2::after {
        color: var(--font-second-color) !important;
    }

    .swiper-button-next, 
    .swiper-button-prev {
        width: 35px;
        height: 35px;
    }

    .index-news-subtitle {
        top: 20px;
        left: 20px;
    }

    .nav-management .nav-item {
        padding: 0 8px !important;
    }

    .nav-management .nav-link {
        padding: 16px 0;
    }

    .reach {
        padding: 40px 28px;
    }

    .reach-page-content-info {
        margin-top: 24px;
        height: auto;
        position: unset;
    }

    .contact-form-wrapper,
    .wpcf7-submit-wrapper {
        margin-top: 20px;
    }

    .archive-main {
        padding: 20px 0;
    }

    .archive-sticky-right {
        padding: 20px;
    }

    .archive-sticky-left,
    .archive-sticky-thumb {
        border-radius: 12px 12px 0 0;
    }

    .archive-sticky-thumb {
        height: 263px;
    }

    .archive-navigation li:not(:last-child) {
        margin-right: 6px;
    }

    .nav-management {
        padding-bottom: 10px;
        white-space: nowrap;
        display:block!important;
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .nav-management li {
        display: inline-block;
    }

    .archive-navigation {
        padding: 8px 0;
        white-space: nowrap;
        overflow-x: auto; 
        -webkit-overflow-scrolling: touch;
    }

    .archive-navigation li a {
        padding: 8px 12px;
    }

    .single-content-wrapper {
        flex-direction: column;
    }

    .single-socials-share {
        margin-right: 0;
        height: 100%;
        display: flex;
        align-items: center;
        display: none;
    }

    .single-socials-share li:not(:last-child) {
        margin-right: 16px;
        margin-bottom: 0;
    }

    .single-info {
        flex-direction: column;
        align-items: flex-start;
    }

    .single-info-dot {
        all: unset;
    }

    .single-archive {
        margin-top: .5rem;
    }

    .icon-social {
        width: 24px;
        height: 24px;
        object-fit: contain;
    }

    .single-socials-share-mobile {
        display: flex;
    }

    .img-footer-logo-wrapper {
        text-align: center;
    }

    .img-footer-logo {
        width: 300px;
        max-width: 100%;
    }

    .site-copyright-left {
        margin-bottom: 16px;
    }

    .site-copyright-right ul {
        justify-content: flex-start;
    }

    .float-contact-wrapper {
        right: 10px;
    }

    .float-contact-wrapper {
        bottom: 13px;
    }
}

@media (min-width: 600px) and (max-width: 960px) {
    
}

@media (min-width: 800px) and (max-width: 1280px) {
    
}

@media (min-width: 810px) and (max-width: 1080px) {
    .produtctsSwiper2-button-wrapper,
    .introduction-btn,
    .highlight-content,
    .index-news-wrapper,
    .about-content-number,
    .about-reason-content,
    .about-introduction-list,
    .product-content-title,
    .initiatives-image-description,
    .management-content-wrapper,
    .compliant-content-wrapper,
    .sustainability-projects-bottom,
    .transport-content-bottom,
    .single-related-wrapper,
    .widget {
        margin-top: 24px;
    }

    .single-socials-share {
        margin-right: 24px;
    }

    .introduction-content-left,
    .produtctsSwiper,
    .about-introduction-left,
    .about-content-number .col-lg-4:not(:last-child),
    .about-content-bottom-left,
    .sustainability-initiatives-left,
    .nav-management,
    .management-content-left,
    .commodities-content-left,
    .elevate-content-left,
    .transport-content-tab-title-wrapper,
    .transport-content,
    .single-related-title-wrapper,
    .widget-title,
    .widgettitle,
    .img-footer-logo {
        margin-bottom: 24px !important;
    }

    .main-navigation,
    .top-navigation,
    .main-navigation .container-fluid,
    .top-navigation .container-fluid,
    .introduction-content-left,
    .introduction-content-right,
    .about-introduction-left,
    .about-introduction-right,
    .about-content-bottom-left,
    .about-content-bottom-right,
    .management-content-left,
    .management-content-right,
    .projects-bottom-left,
    .projects-bottom-right,
    .commodities-content-left,
    .commodities-content-right,
    .single-content-wrapper,
    .widget {
        padding: 0;
    }

    #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open ~ button.mega-close {
        left: calc(min(100vw - 40px, 260px)) !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu,
    #mega-menu-wrap-main-nav #mega-menu-main-nav > li.mega-menu-flyout ul.mega-sub-menu {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
    }

    .site-title,
    .site-logo {
        height: 60px !important;
    }

    .site-logo {
        padding: 10px 0 !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect-mobile^="slide_"] li.mega-menu-item a.mega-menu-link.mega-menu-logo {
        text-align: left !important;
        border-bottom: none !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:not(:last-child) > a.mega-menu-link,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu,
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:not(:last-child) a.mega-menu-link {
        border-bottom: solid 1px #DDD !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
        height: 50px !important;
        line-height: 50px !important;
    }

    .main-navigation .mega-contact-link a::before {
        background-image: url('img/arrow-right-w.png') !important;
        background-color: var(--site-fourth-color) !important;
    }

    .mega-contact-link a {
        justify-content: flex-start !important;
        width: 100% !important;
    }

    .mega-contact-link a::before {
        width: 20px !important;
        height: 20px !important;
    }

    .content-wrapper,
    .archive-main {
        padding: 50px 0 !important;
    }

    .contact-content {
        padding: 30px;
    }

    .introduction-content-left,
    .introduction-content-right,
    .about-introduction-left,
    .about-introduction-right {
        height: auto;
    }

    .img-introduction,
    .custom-header,
    .img-about-introduction,
    .img-initiatives,
    .img-commodities-content {
        height: 450px;
    }

    .produtctsSwiper2-button-prev,
    .produtctsSwiper2-button-next {
        position: unset;
        width: 34px;
        height: 34px;
    }

    .nav-management {
        padding-bottom: 10px;
        white-space: nowrap;
        display:block!important;
        flex-wrap: nowrap;
        max-width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .nav-management .nav-item {
        padding: 0 16px !important;
        display: inline-block;
    }

    .nav-management .nav-link {
        padding: 16px 0;
    }
}

@media (min-width: 600px) and (max-width: 960px) and (orientation: landscape) {
    
}

@media (min-width: 900px) and (max-width: 1680px) {
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
        margin: 0 20px 0 0 !important;
        font-size: 14px !important;
    }

    .mobile-container,
    .container-fluid,
    .homeSwiper .swiper-pagination {
        max-width: 1536px;
    }

    .index-news-wrapper {
        margin-left: calc((100vw - 1536px) / 2);
    }

    .produtctsSwiper2-button-prev {
        left: -50px !important;
    }

    .produtctsSwiper2-button-next {
        right: -50px !important;
    }

    .mobile-container {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        margin: auto;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
}

@media (min-width: 900px) and (max-width: 1600px) {
    .produtctsSwiper2-button-next,
    .produtctsSwiper2-button-prev {
        top: -15px;
        width: 34px;
        height: 34px;
    }

    .produtctsSwiper2-button-prev {
        left: -25px !important;
    }

    .produtctsSwiper2-button-next {
        right: -25px !important;
    }
}

@media (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) {
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
        margin: 0 20px 0 0 !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
        padding: 0 5px !important;
    }

    .produtctsSwiper2-button-prev {
        left: 3px !important;
    }

    .produtctsSwiper2-button-next {
        right: 3px !important;
    }
}

@media (min-width: 900px) and (max-width: 1440px) {
    .container-fluid {
        padding-right: calc(var(--bs-gutter-x) * 1.5);
        padding-left: calc(var(--bs-gutter-x) * 1.5);
    }

    .container {
        padding-right: calc(var(--bs-gutter-x) * 3);
        padding-left: calc(var(--bs-gutter-x) * 3);
    }

    .main-navigation .container-fluid,
    .top-navigation .container-fluid,
    .site-footer .container-fluid {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
        font-size: 14px !important;
    }

    .homeSwiper .swiper-slide {
        height: 600px;
    }

    .custom-header {
        height: 500px;
    }

    .index-news-wrapper {
        padding-left: calc(var(--bs-gutter-x) * 1.5);
    }

    .index-news-wrapper {
        margin-left: 0;
    }

    .homeSwiper .swiper-pagination {
        padding-right: calc(var(--bs-gutter-x) * 1.5);
        padding-left: calc(var(--bs-gutter-x) * 1.5);
    }

    .produtctsSwiper {
        margin-bottom: 175px;
    }

    .produtctsSwiper2-button-prev {
        left: 3px !important;
    }

    .produtctsSwiper2-button-next {
        right: 3px !important;
    }
}

@media (min-width: 810px) and (max-width: 1080px) and (orientation: landscape) {
    
}

@media (min-width: 992px) and (max-width: 1824px) {
    
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .single-socials-share {
        margin-right: 24px;
    }

    .home-carousel-title {
        margin-top: 100px;
    }

    .introduction-content-left,
    .about-introduction-left,
    .about-content-bottom-left,
    .about-content-bottom-left,
    .commodities-content-left,
    .management-content-left {
        margin-bottom: 0 !important;
    }

    .introduction-content-left,
    .introduction-content-right,
    .about-introduction-left,
    .about-introduction-right,
    .about-content-bottom-left,
    .about-content-bottom-right,
    .commodities-content-left,
    .commodities-content-right {
        height: 100%;
    }

    .introduction-content-left,
    .about-introduction-left,
    .about-content-bottom-left,
    .commodities-content-left,
    .management-content-left,
    .projects-bottom-left,
    .contact-page-left {
        padding-right: 20px;
    }

    .introduction-content-right,
    .about-introduction-right,
    .about-content-bottom-right,
    .commodities-content-right,
    .management-content-right,
    .projects-bottom-right,
    .contact-page-right {
        padding-left: 20px;
    }
    
    .content-wrapper,
    .archive-main {
        padding: 50px 0;
    }

    .float-contact-wrapper {
        right: 10px;
    }

    .float-contact-wrapper {
        bottom: 13px;
    }
}

@media (min-width: 1824px) {
    .index-news-wrapper {
        margin-left: calc((100vw - 1736px) / 2);
    }
}