/*!
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 --*/
:root {
    --site-primary-font: "Be Vietnam Pro";
    --site-primary-color: #024B40;
    --site-second-color: #00A194;
    --site-third-color: #F7F7F7;
    --font-primary-color: #151515;
    --font-second-color: #FFF;
    --font-third-color: #666;
}

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

body {
    padding-top: 96px;
}

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

.container {
    width: 1440px;
    max-width: 100%;
}

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

a:focus {
    outline: none;
}

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

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

.hidden,
.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 {
    min-height: 383px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

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

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

.content-title-1,
.content-title-2 {
    margin-bottom: 0;
    font-size: 48px;
    line-height: 64px;
    font-weight: 700;
}

.content-title-2 {
    color: var(--font-second-color);
}

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

.btn-content-1,
.btn-content-2,
.btn-content-3 {
    transition: .5s;
    display: inline-flex;
    align-items: center;
}

.btn-content-1 {
    padding: 14px 24px;
    font-weight: 700;
    border-radius: 100px;
    background: var(--site-primary-color);
}

.btn-content-1,
.btn-content-1:hover,
.btn-content-1:focus,
.btn-content-1:visited,
.btn-content-2,
.btn-content-2:hover,
.btn-content-2:focus,
.btn-content-2:visited {
    color: var(--font-second-color);
}

.btn-content-1:hover,
.btn-content-2:hover {
    background: var(--site-second-color);
}

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

.btn-home-swiper:hover .icon-right,
.btn-content-1:hover .icon-right,
.btn-content-2:hover .icon-right,
.btn-content-3:hover .icon-right {
    margin-left: 24px;
}

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

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

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

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

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

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

.back-to-top {
    padding: 12px;
    right: 10px;
    bottom: 90px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: 999;
    background: rgb(0,0,0, .6);
    position: fixed;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.back-to-top:hover {
    cursor: pointer;
}

.icon-to-top {
    filter: brightness(0) invert(1);
}
/*-- end site general css --*/


/*-- site breadcrumbs css --*/
#breadcrumbs {
    margin: 0 0 24px 0;
}

#breadcrumbs span span,
#breadcrumbs-single span span {
    font-weight: 600;
    display: inline-flex;
    align-items: center;
}

#breadcrumbs span {
    justify-content: center;
    text-align: center;
}

#breadcrumbs span span:not(:last-child)::after,
#breadcrumbs-single span span:not(:last-child)::after {
    content: '';
    margin: 0 4px;
    background-size: contain;
    display: inline-block;
}

#breadcrumbs span span:not(:last-child)::after {
    width: 24px;
    height: 24px;
    background: url('img/icon-right-3.png') no-repeat center center;
    background-size: contain;
}

#breadcrumbs-single span span:not(:last-child)::after {
    width: 16px;
    height: 16px;
    background: url('img/icon-right-5.png') no-repeat center center;
    background-size: contain;
}

#breadcrumbs-single {
    margin-bottom: 21px;
    color: #333;
}

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


/*-- site contact form 7 css --*/
.wpcf7-text,
.wpcf7-select,
.wpcf7-file,
.intl-tel-input,
.wpcf7-textarea {
    width: 100%;
    padding: 14px 20px !important;
    border-radius: 8px !important;
    border-color: #BBB !important;
}

.wpcf7-text,
.wpcf7-select,
.wpcf7-file,
.intl-tel-input {
    margin-bottom: 24px;
}

.wpcf7-content-wrapper {
    position: relative;
}

.wpcf7-title {
    top: -10px;
    left: 12px;
    padding: 0 8px;
    font-size: 14px;
    line-height: 20px;
    background: var(--font-second-color);
    position: absolute;
    z-index: 1;
}

.wpcf7-text,
.wpcf7-textarea,
.selected-dial-code {
    color: var(--font-third-color) !important;
}

.wpcf7-textarea::placeholder,
.wpcf7-text::placeholder {
    color: var(--font-third-color);
}

.wpcf7-textarea::placeholder,
.wpcf7-text:-ms-input-placeholder {
    color: var(--font-third-color);
}

.wpcf7-textarea::placeholder,
.wpcf7-text::-ms-input-placeholder {
    color: var(--font-third-color);
}

.archive-careers-form-description {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 1032px;
    max-width: 100%;
    font-size: 20px;
    line-height: 32px;
}

.your-cv-wrapper {
    margin-top: 24px;
}

.wpcf7-cv-title {
    margin-bottom: 16px;
    display: block;
}

#fileuploadspan {
    padding: 24px;
    width: 100%;
    height: 223px;
    font-size: 20px;
    line-height: 24px;
    font-family: var(--title-font);
    border-radius: 8px;
    border: dashed 2px #999;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#fileuploadspan:hover {
    cursor: pointer;
}

.file-upload-title,
.file-upload-subtitle {
    margin-bottom: 0;
}

.file-upload-title span {
    font-weight: 600;
    color: var(--site-second-color);
}

.file-upload-subtitle {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #999;
}

.intl-tel-input {
    padding: 0 !important;
}

.wpcf7-submit {
    margin-top: 40px;
    border: none;
}

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

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

.iti-flag {
    width: 20px !important;
    height: 15px !important;
    border-radius: 2px;
    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;
}
/*-- end site modal content css --*/


/*-- site navigation css --*/
.main-navigation {
    padding: 16px 0;
    border-bottom: solid 1px #E4E4E4;
    background: var(--font-second-color);
}

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

.site-logo {
    padding: 5px 0 !important;
    height: 64px !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li:last-child {
    margin-right: 0 !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li .mega-search .search-icon {
    left: 14px !important;
    right: unset !important;
    width: auto !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li .mega-search input[type="text"] {
    padding: 10px 14px 10px 42px !important;
    border-radius: 100px !important;
    border: solid 1px #999 !important;
}

.dashicons-search::before {
    content: url('img/icon-search.svg');
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after {
    width: 16px !important;
    height: 16px !important;
    display: flex !important;
    align-items: center !important;
    content: '' !important;
    background: url('img/mega-indicator.png') center center !important;
    background-size: cover !important;
}

.mega-pll-parent-menu-item .mega-menu-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mega-pll-parent-menu-item .mega-sub-menu .mega-menu-link {
    text-align: left !important;
}

.mega-pll-parent-menu-item span {
    margin-left: 6px !important;
}

.mega-pll-parent-menu-item img {
    width: 28px;
    height: 20px;
    border-radius: 4px;
    object-fit: cover;
}
/*-- end site navigation css --*/


/*-- site homepage content css --*/
.homeSwiper .swiper-slide,
.img-home-swiper {
    height: 850px;
}

.homeSwiper .swiper-slide {
    position: relative;
}

.img-home-swiper {
    object-fit: cover;
}

.home-swiper-content {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.home-swiper-content .content {
    width: 996px;
    max-width: 100%;
    bottom: 151px;
    position: absolute;
}

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

.home-swiper-title {
    margin-bottom: 0;
    font-size: 72px;
    line-height: 88px;
    font-weight: 700;
}

.btn-home-swiper {
    margin-top: 28px;
    font-size: 24px;
    line-height: 32px;
    display: inline-flex;
    align-items: center;
}

.icon-right {
    margin-left: 12px;
    width: 24px;
    height: 24px;
    transition: .5s;
    object-fit: contain;
}

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

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

.homeSwiper .swiper-pagination-bullet-active {
    opacity: 1;
}

.introduction-content-wrapper,
.products-content-wrapper,
.contact-content-wrapper,
.about-page-content-wrapper,
.about-reason-content-wrapper,
.about-solution-content-wrapper,
.whatwedo-products-content-wrapper,
.whatwedo-resins-content-wrapper,
.archive-recruitment-content-wrapper,
.archive-careers-form-wrapper {
    padding: 120px 0;
}

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

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

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

.introduction-description {
    margin-top: 24px;
    font-size: 20px;
    line-height: 32px;
    color: #333;
}

.btn-introduction,
.mbtn-introduction {
    margin-top: 40px;
}

.mbtn-introduction {
    display: none;
}

.img-introduction {
    height: 536px;
    border-radius: 24px;
    object-fit: cover;
}

.highlights-content-wrapper {
    padding: 100px 0;
}

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

.highlights-content .col-lg-4 {
    margin-top: 24px;
}

.highlights-content .highlights {
    padding: 32px;
    height: 100%;
    border-radius: 16px;
    background: rgba(255,255,255, .88);
}

.highlights-content-title {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: #333;
}

.highlights-content-number-wrapper {
    margin-top: 24px;
    font-size: 40px;
    line-height: 56px;
    font-weight: 700;
    color: var(--site-second-color);
}

.highlights-content-description {
    margin-top: 8px;
}

.products-content {
    margin-top: 32px;
}

.products-content .row {
    margin-right: calc(-.7 * var(--bs-gutter-x));
    margin-left: calc(-.7 * var(--bs-gutter-x));
}

.products-content .col-lg-4 {
    padding-right: calc(var(--bs-gutter-x) * .7);
    padding-left: calc(var(--bs-gutter-x) * .7);
}

.products-content .products,
.products-content .products .hover-img-wrapper,
.img-products-content {
    border-radius: 24px;
}

.products-content .products,
.img-products-content {
    height: 567px;
}

.products-content .products {
    margin-top: 24px;
    position: relative;
    display: block;
}

.products-content .products:hover .hover-img,
.products-content .products:focus .hover-img {
    transform: scale(1.1);
}

.img-products-content {
    object-fit: cover;
}

.products-content-info {
    left: 0;
    bottom: 0;
    padding: 32px;
    width: 100%;
    min-height: 128px;
    max-height: 128px;
    overflow: hidden;
    transition: max-height ease-in .3s;
    border-radius: 0 0 16px 16px;
    background: #F3F4F6;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.content-info {
    max-height: 0;
    overflow: hidden;
}

.products-content .col-lg-3:hover .products-content-info,
.products-content .col-lg-3:focus .products-content-info,
.products-content .col-lg-3:hover .content-info,
.products-content .col-lg-3:focus .content-info {
    max-height: 100%;
}

.products-content .col-lg-3:hover .products-content-info,
.products-content .col-lg-3:focus .products-content-info {
    color: var(--font-second-color);
    background: var(--site-second-color);
}

.products-content-title {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.products-content-description,
.btn-products-content {
    margin-top: 16px;
}

.btn-products-content {
    font-weight: 700;
}

.solutions-content-wrapper,
.about-contact-content-wrapper {
    padding: 150px 0;
}

.solutions-description {
    margin-top: 24px;
    width: 1148px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 32px;
}

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

.btn-solutions {
    margin-top: 40px;
}

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

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


/*-- site about page content css --*/
.about-page-content-left,
.about-page-content-right {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about-page-content-left {
    padding-right: 44px;
}

.about-page-content-right {
    padding-left: 44px;
}

.about-page-content-description {
    margin-top: 24px;
    font-size: 20px;
    line-height: 32px;
    color: #333;
}

.about-page-content {
    position: relative;
}

.img-about-content {
    height: 536px;
    border-radius: 24px;
}

.img-about-logo-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    background: rgba(247,247,247, 0.74);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-about-logo {
    width: 435px;
    height: 104px;
    object-fit: contain;
}

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

.nav-reason {
    margin-top: 32px;
    margin-left: 0;
    margin-bottom: 64px !important;
}

.nav-reason .nav-item {
    flex: 1;
}

.nav-reason .nav-item:not(:last-child) {
    margin-right: 28px;
}

.nav-reason .nav-link {
    padding: 16px 0;
    width: 100%;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    border-radius: 0;
    color: rgba(255,255,255, .5);
    border-bottom: solid 1px rgba(255,255,255, .2);
    display: flex;
    align-items: center;
}

.nav-reason .nav-link.active {
    background: none;
    border-bottom: solid 1px var(--font-second-color);
}

.nav-reason .nav-link.active::before {
    margin-right: 12px;
    content: '';
    width: 20px;
    height: 20px;
    background: url('img/icon-active.png');
    background-size: contain;
    display: inline-block;
}

.about-reason-content-left {
    padding-right: 44px;
}

.about-reason-content-right {
    padding-left: 44px;
}

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

.about-reason-content-description {
    margin-top: 16px;
    font-size: 20px;
    line-height: 32px;
    color: #E6E6E6;
}

.img-about-reason-content {
    height: 404px;
    border-radius: 24px;
    object-fit: cover;
}

.about-solution-content-wrapper {
    background: var(--site-third-color);
}

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

.about-solution-content-left {
    padding-right: 20px;
}

.about-solution-content-right {
    padding-left: 20px;
}

.img-about-solution {
    height: 100%;
    border-radius: 24px;
    object-fit: cover;
}

.about-solution-content {
    margin-top: 64px;
}

.about-solution {
    padding: 24px 32px;
    color: #333;
    border-radius: 16px;
    border: solid 1px #E6E6E6;
    background: var(--font-second-color);
}

.about-solution ul {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 20px;
}

.about-solution:not(:last-child) {
    margin-bottom: 24px;
}

.about-solution-content-title {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: var(--site-second-color);
}

.about-solution-content-description {
    margin-top: 24px;
    padding-top: 24px;
    border-top: dashed 1px #E6E6E6;
}

.about-contact-content-wrapper,
.about-contact-content-wrapper a,
.about-contact-content-wrapper a:hover,
.about-contact-content-wrapper a:focus,
.about-contact-content-wrapper a:visited {
    color: var(--font-second-color);
}

.about-contact-content {
    margin-left: auto;
    margin-right: auto;
    width: 732px;
    max-width: 100%;
}

.about-contact-content-description {
    margin-top: 24px;
    font-size: 20px;
    line-height: 32px;
}

.btn-about-contact {
    margin-top: 40px;
}
/*-- end site about page content css --*/


/*-- site what we do page content css --*/
.whatwedo-products-content-wrapper {
    background: var(--site-third-color);
}

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

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

.whatwedo-products-content {
    margin-top: 72px;
}

.whatwedo-products-content-left .d-flex:not(:last-child) {
    margin-bottom: 48px;
}

.whatwedo-products-content-left .ms-3 {
    margin-left: 32px !important;
}

.whatwedo-products-content-left .d-flex .flex-grow-1 {
    font-size: 20px;
    line-height: 32px;
}

.icon-whatwedo-products-outer,
.icon-whatwedo-products-wrapper {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-whatwedo-products-outer {
    width: 60px;
    height: 60px;
    background: #C1D1CF;
}

.icon-whatwedo-products-wrapper {
    width: 48px;
    height: 48px;
    background: var(--site-primary-color);
}

.icon-whatwedo-products {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.img-products {
    height: 528px;
    border-radius: 24px;
    object-fit: cover;
    transition: .5s;
}

.whatwedo-resins-description {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 890px;
    max-width: 100%;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #4D4D4D;
}

.whatwedo-resins {
    margin-top: 64px;
}

.img-whatwedo-resins-content {
    height: 361px;
    border-radius: 24px;
    object-fit: cover;
}

.whatwedo-resins-content-info {
    margin-top: 16px;
    padding: 32px;
    border-radius: 24px;
    background: #F3F4F6;
}

.whatwedo-resins-content-title {
    margin-bottom: 0;
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
}

.whatwedo-resins-content-description {
    margin-top: 16px;
    color: #4D4D4D;
}

.collapseResins .card-body {
    padding: 0;
    border-radius: 0;
    border: none;
    background: none;
}

.collapse-resins-content-wrapper {
    margin-top: 16px;
    color: #4D4D4D;
}

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

.collapse-resins-title {
    margin-bottom: 8px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.btn-whatwedo-resins {
    margin-top: 16px;
    font-weight: 700;
    color: var(--site-second-color);
    display: inline-flex;
    align-items: center;
}
/*-- end site what we do page content css --*/


/*-- site partners page content css --*/
.product-page-content-wrapper {
    padding: 100px 0 120px 0;
}

.product-page-content-description {
    margin-left: auto;
    margin-right: auto;
    width: 1317px;
    max-width: 100%;
    font-size: 20px;
    line-height: 32px;
    color: #4D4D4D;
}

.img-product-page-logo,
.img-product-gallery {
    border-radius: 16px;
    border: solid 1px #D5D5D5;
    object-fit: contain;
    background: var(--font-second-color);
}

.img-product-page-logo {
    margin-top: 56px;
    padding: 40px 93px;
    width: 459px;
    height: 212px;
}

.btn-product-logo-wrapper {
    margin-top: 16px;
    font-weight: 700;
}

.product-page-gallery-wrapper {
    margin-top: 24px;
}

.img-product-gallery {
    padding: 44px;
    margin-top: 32px;
    height: 168px;
}
/*-- end site partners page content css --*/


/*-- site contact page content css --*/
.contact-page-form-wrapper {
    padding: 80px 0 100px 0;
}

.contact-page-form-left {
    padding-right: 80px;
    border-right: solid 1px rgb(0,0,0, .1);
}

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

.contact-page-form-title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
}

.contact-page-form {
    margin-top: 24px;
}

.contact-page-content-wrapper .footer-contact:not(:last-child) {
    margin-bottom: 32px;
}

.contact-page-socials-wrapper {
    margin-top: 32px;
    padding-top: 32px;
    border-top: solid 1px #E6E6E6;
}

.contact-page-socials-title {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}

.contact-page-map-wrapper {
    padding: 20px 0 100px 0;
}

.contact-page-map-wrapper iframe {
    border-radius: 8px;
}
/*-- end site contact page content css --*/


/*-- site not found page css --*/
.notfound-title {
    margin-bottom: 16px;
    font-size: 60px;
    line-height: 77px;
    font-weight: 700;
}
/*-- end site not found page css --*/


/*-- site archive page css --*/
.archive-title,
.page-title {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 77px;
    font-weight: 700;
}

.archive-sticky-wrapper .container,
.archive-main .container {
    width: 1520px;
    max-width: 100%;
}

.archive-sticky-wrapper {
    padding: 100px 0;
}

.stickySwiper {
    height: 429px;
    border-radius: 16px;
    box-shadow: 0 -10px 10px -10px #DDD, 10px 0 10px -10px #DDD, 0 10px 10px -10px #DDD;
}

.stickySwiper .d-flex .ms-3 {
    margin-left: 0 !important;
    padding: 64px;
}

.stickySwiper .hover-img-wrapper {
    height: 429px;
    display: flex;
}

.archive-sticky-thumb {
    width: 689px;
    height: 100%;
    border-radius: 16px 0 0 16px;
    object-fit: cover;
}

.archive-sticky-content-title {
    margin-bottom: 0;
    font-size: 32px;
    line-height: 44px;
    font-weight: 700;
}

.archive-sticky-content-description {
    margin-top: 16px;
    font-size: 18px;
    line-height: 28px;
    color: var(--font-third-color);
    height: 140px;
    overflow: hidden;
}

.archive-sticky-content-date {
    margin-top: 48px;
    margin-bottom: 0;
    font-weight: 600;
    color: var(--font-third-color);
}

.sticky-swiper-wrapper .swiper-pagination {
    margin-top: 30px;
    position: unset;
}

.sticky-swiper-wrapper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #D9D9D9;
    opacity: 1;
}

.sticky-swiper-wrapper .swiper-pagination-bullet-active {
    width: 40px;
    border-radius: 50px;
    background: var(--site-second-color);
}

.archive-main {
    padding: 60px 0 100px 0;
    background: var(--site-third-color);
}

.archive-content {
    margin-bottom: 56px;
}

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

.archive-content .hover-img-wrapper,
.archive-content-thumb {
    border-radius: 8px;
}

.archive-content:hover .hover-img,
.archive-content:focus .hover-img {
    transform: scale(1.1);
}

.archive-content-thumb {
    height: 245px;
    object-fit: cover;
}

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

.archive-content-excerpt {
    margin-top: 9px;
    color: var(--font-third-color);
    height: 72px;
    overflow: hidden;
}

.btn-archive-content {
    margin-top: 16px;
    font-weight: 700;
}
/*-- end site archive page css --*/


/*-- site archive careers page css --*/
.archive-careers-description {
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 1032px;
    max-width: 100%;
    font-size: 20px;
    line-height: 32px;
    color: #4D4D4D;
}

.recruitment-filter-wrapper {
    margin-top: 64px;
    margin-bottom: 24px;
}

.recuitment-search-form {
    display: flex;
    justify-content: space-between;
}

.recuitment-search-form .search-field,
.recuitment-search-form .form-select {
    border-radius: 4px;
    border: solid 1px #CCC;
}

.recuitment-search-form label {
    width: 969px;
    max-width: 100%;
    position: relative;
}

.recuitment-search-form .icon-search {
    top: 0;
    left: 16px;
    bottom: 0;
    margin: auto;
    position: absolute;
}

.recuitment-search-form .search-field {
    padding: 9px 16px 9px 50px !important;
    height: auto;
}

.recuitment-search-form .search-field::placeholder {
    color: #999;
}

.recuitment-search-form .search-field:-ms-input-placeholder {
    color: #999;
}

.recuitment-search-form .search-field::-ms-input-placeholder {
    color: #999;
}

.recuitment-search-form .form-select {
    padding: 9px 16px !important;
    width: 225px;
    max-width: 100%;
}

.recuitment-search-form .filter-recruitment-submit {
    padding: 9px 24px;
    width: 156px;
    max-width: 100%;
    font-weight: 700;
    color: var(--font-second-color);
    border-radius: 50px;
    border: none;
    background: var(--site-primary-color);
}

.table-recruitment tr {
    border-left: none;
    border-right: none;
}

.table-recruitment .accordion-item:first-child {
    border-top: none;
}

.table-recruitment .accordion-item:hover td {
    background: #F7F7F7;
}

.table-recruitment td {
    padding: 24px 20px;
}

.table-recruitment tr.expired td {
    background: var(--site-third-color);
    opacity: .4;
}

#accordionCareers .collapsing{
    -webkit-transition: none;
    transition: none;
}

#accordionCareers .accordion-button:not(.collapsed) .uncollapsed-hide {
    display: none;
}

#accordionCareers .accordion-button.collapsed .collapsed-hide {
    display: none;
}

.archive-recruitment-content-title {
    margin-top: 6px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #141518;
}

.archive-recruitment-content-subtitle {
    margin-bottom: 0;
    color: #434449;
}

#accordionCareers .accordion-button::after {
    margin-right: 0;
    margin-left: 12px;
    width: 24px;
    height: 24px;
    background-image: url('img/icon-plus.png');
    background-size: 24px 24px;
}

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

.btn-archive-recruitment {
    padding: 0;
    font-weight: 700;
    box-shadow: none !important;
    background: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    text-align: left;
}

.btn-archive-recruitment,
.btn-archive-recruitment:hover,
.btn-archive-recruitment:focus,
.btn-archive-recruitment:visited {
    color: var(--site-second-color) !important;
}

.archive-careers-form-wrapper {
    background: var(--site-third-color);
}

.archive-careers-form {
    margin-top: 56px;
    padding: 40px;
    border-radius: 16px;
    border: solid 1px #DDD;
    background: var(--font-second-color);
}

.archive-careers-explore-wrapper {
    padding: 134px 0;
}

.archive-careers-explore-title,
.archive-careers-explore-description {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.archive-careers-explore-title {
    width: 1100px;
}

.archive-careers-explore-description,
.archive-careers-explore-description a,
.archive-careers-explore-description a:hover,
.archive-careers-explore-description a:focus,
.archive-careers-explore-description a:visited {
    color: var(--font-second-color);
}

.archive-careers-explore-description {
    width: 656px;
    margin-top: 24px;
    font-size: 20px;
    line-height: 32px;
}

.btn-archive-careers-explore-wrapper {
    margin-top: 40px;
}
/*-- end site archive careers 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:not(:last-child) {
    margin-bottom: 32px;
}

.widget-title,
.widgettitle {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}

.widget-socials-title {
    margin-bottom: 24px;
}

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

.widget li {
    list-style: inside;
}

.widget a,
.widget a:hover,
.widget a:focus,
.widget a:visited {
    color: var(--font-primary-color);
}

.icon-social-share {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
}

.single-share a {
    display: inline-block;
}

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

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

.widget-most-views-title {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: solid 1px #E6E6E6;
}

.mostview-content:not(:last-child) {
    margin-bottom: 24px;
}

.mostview-content-thumb {
    width: 111px;
    height: 72px;
    border-radius: 2px;
    object-fit: cover;
}

.mostview-content-title {
    margin-bottom: 8px;
    font-weight: 700;
}

.mostview-content-title,
.mostview-content-title a,
.mostview-content-title a:hover,
.mostview-content-title a:focus,
.mostview-content-title a:visited {
    color: #333;
}
/*-- end site widget css --*/


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

.single-main {
    padding: 28px 0 100px 0;
}

.single-content-left {
    padding-right: 56px;
}

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

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

.single-main .entry-content {
    font-size: 18px;
    line-height: 28px;
    color: #333;
}

.single-main .entry-content img {
    border-radius: 12px;
}

.single-date-wrapper,
.post-navigation {
    margin: 0 !important;
}

.single-date-wrapper {
    color: var(--font-third-color);
    display: flex;
    align-items: center;
}

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

.single-hour,
.single-date {
    display: inline-block;
}

.single-hour {
    margin-right: 4px;
}

.related-content-wrapper {
    padding: 100px 0 44px 0;
    background: var(--site-third-color);
}

.related-title {
    margin-bottom: 40px;
    font-size: 40px;
    line-height: 56px;
    font-weight: 700;
    color: #141518;
}
/*--  end site single css --*/


/*-- site single career css --*/
#accordionCareers .accordion-collapse {
    padding: 0;
}

#accordionCareers .accordion-body {
    padding: 50px 0;
    overflow-x: hidden;
}

.single-careers-title,
.single-careers-left-title,
.single-careers-right-title {
    font-weight: 700;
}

.single-careers-title {
    font-size: 32px;
    line-height: 44px;
}

.single-careers-left-title,
.single-careers-left-subtitle,
.single-careers-title {
    margin-bottom: 0;
}

.single-careers-main {
    margin-top: 50px;
}

.single-careers-left {
    padding-left: 16px;
    color: #434449;
    border-left: solid 3px var(--site-second-color);
}

.icon-single-careers {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.single-careers-left-content:not(:last-child) {
    margin-bottom: 16px;
}

.single-careers-right-content:not(:last-child) {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: solid 1px #E6E6E6;
}

.single-careers-right {
    color: #4D4D4D;
}

.single-careers-right-title {
    font-size: 28px;
    line-height: 40px;
    color: #141518;
}

.single-careers-right p:last-child {
    margin-bottom: 0;
}

.single-careers-right ul {
    margin-left: 0;
    padding-left: 15px;
}
/*-- end site single career css --*/


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

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

.pagination .page-link {
    padding: 5px;
    min-width: 36px;
    height: 36px;
    border-radius: 4px !important;
    border: none;
    color: var(--font-primary-color);
    background: #F6F8FC;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.pagination .current,
.pagination .page-link:hover,
.pagination .page-link:focus {
    color: var(--site-second-color);
    border: none;
    background: #D7ECEA;
}

.pagination .page-link:hover,
.pagination .page-link:focus {
	box-shadow: none !important;
}

.pagination .prev,
.pagination .next {
    border: none;
}

.pagination-left,
.pagination-right,
.pagination-left-hover,
.pagination-right-hover {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.pagination-left-hover,
.pagination-right-hover,
.prev:hover .pagination-left,
.next:hover .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;
}
/*-- end site pagination css --*/


/*-- site footer css --*/
.site-footer {
    padding: 64px 0 32px 0;
    background: linear-gradient(to right, rgb(36,122,116), rgb(0,91,82), rgb(1,64,58));
}

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

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

.img-footer-logo {
    margin-bottom: 56px;
    width: 250px;
    object-fit: contain;
}

.footer-content-wrapper,
.footer-socials-wrapper,
.footer-link-wrapper {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.footer-content-wrapper li,
.footer-socials-wrapper li,
.footer-link-wrapper li {
    list-style-type: none;
}

.footer-content-wrapper {
    display: grid;
    grid-template-areas: "a a";
    grid-auto-columns: max-content;
    column-gap: 64px;
    row-gap: 16px;
}

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

.footer-contact-wrapper .col-lg-6:first-child .footer-contact {
    padding-right: 26px;
}

.footer-contact-wrapper .col-lg-6:last-child .footer-contact {
    padding-left: 26px;
}

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

.footer-contact-title {
    margin-bottom: 8px;
}

.footer-contact-content,
.footer-socials-title {
    margin-bottom: 0;
}

.footer-contact-title,
.footer-socials-title {
    font-weight: 600;
}

.footer-socials-wrapper li {
    margin-top: 16px;
    display: inline-block;
}

.footer-socials-wrapper li:not(:last-child) {
    margin-right: 16px;
}

.img-footer-social {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    transition: .3s;
}

.img-footer-social:hover,
.img-footer-social:focus {
    transform: scale(1.2);
}

.site-copyright {
    margin-top: 48px;
    padding-top: 12px;
    border-top: solid 1px rgba(255,255,255, .4);
}

.footer-link-wrapper {
    text-align: right;
}

.footer-link-wrapper li {
    display: inline-block;
}

.footer-link-wrapper li:not(:first-child) {
    margin-left: 8px;
    padding-left: 8px;
    border-left: solid 1px var(--font-second-color);
}
/*-- end site footer css --*/


@media (max-width: 768px) {
    .mbtn-introduction,
    .btn-introduction,
    .highlights-content,
    .products-content,
    .footer-content-middle,
    .footer-content-right,
    .footer-contact-wrapper .col-lg-6:last-child,
    .about-solution-content,
    .btn-about-contact,
    .whatwedo-products-content,
    .img-product-page-logo,
    .recruitment-filter-wrapper,
    .single-careers-main,
    .wpcf7-submit,
    .footer-link-wrapper {
        margin-top: 24px;
    }

    .whatwedo-products-content-left .ms-3 {
        margin-left: 24px !important;
    }

    .introduction-content-left,
    .products-content .col-lg-4:not(:last-child),
    .about-page-content-left,
    .about-reason-content-left,
    .nav-reason,
    .about-solution-content-left,
    .whatwedo-products-content-left,
    .whatwedo-products-content-left .d-flex:not(:last-child),
    .single-careers-left,
    .single-content-left,
    .related-title,
    .contact-page-form-left,
    .img-footer-logo {
        margin-bottom: 24px !important;
    }

    body {
        padding-top: 60px;
    }

    .main-navigation,
    .introduction-content-left,
    .introduction-content-right,
    .about-page-content-left,
    .about-page-content-right,
    .about-reason-content-left,
    .about-reason-content-right,
    .about-solution-content-left,
    .about-solution-content-right,
    .whatwedo-products-content-left,
    .whatwedo-products-content-right,
    .single-content-left,
    .contact-page-form-left,
    .contact-page-form-right,
    .footer-contact-wrapper .col-lg-6:last-child .footer-contact {
        padding: 0;
    }

    .container,
    .container-fluid {
        padding-right: calc(var(--bs-gutter-x) * .7);
        padding-left: calc(var(--bs-gutter-x) * .7);
    }
    
    .content-wrapper,
    .site-footer {
        padding: 50px 0;
    }

    #accordionCareers .accordion-body {
        padding: 24px 0;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
        padding: 0 15px !important;
    }

    .mega-mega-search-wrapper {
        padding: 0 10px !important;
    }

    .products-content-info,
    .contact-content,
    .archive-careers-form,
    .img-product-gallery,
    .stickySwiper .d-flex .ms-3 {
        padding: 24px;
    }

    .introduction-content-left,
    .introduction-content-right,
    .img-introduction,
    .about-page-content-left,
    .about-page-content-right,
    .img-about-content,
    .about-reason-content-left,
    .about-reason-content-right,
    .img-about-reason-content,
    .about-solution-content-left,
    .about-solution-content-right,
    .whatwedo-products-content-left,
    .whatwedo-products-content-right,
    .img-products,
    .contact-page-form-left,
    .contact-page-form-right,
    #accordionProjectsRight,
    .bg-whatwedo-products,
    .img-whatwedo-products,
    .stickySwiper {
        height: auto;
    }

    .site-title {
        padding: 10px 0;
        width: 100%;
        text-align: center;
    }

    .homeSwiper .swiper-slide,
    .img-home-swiper {
        height: 500px;
    }

    .products-content .products,
    .img-products-content {
        height: 450px;
    }
    
    .img-whatwedo-resins-content {
        height: 200px;
    }

    .img-product-gallery {
        height: 100px;
    }
    
    .home-swiper-title,
    .content-title-1,
    .content-title-2,
    .custom-title,
    .archive-title,
    .page-title,
    .notfound-title,
    .updating-title,
    .single-title,
    .single-careers-title,
    .related-title {
        font-size: 24px;
        line-height: 37px;
    }

    .products-content-title,
    .highlights-content-title,
    .highlights-content-number-wrapper,
    .about-reason-content-title,
    .about-solution-content-title,
    .whatwedo-resins-content-title,
    .single-careers-right-title {
        font-size: 20px;
        line-height: 31px;
    }

    .btn-home-swiper,
    .introduction-description,
    .solutions-description,
    .about-page-content-description,
    .about-reason-content-description,
    .about-contact-content-description,
    .whatwedo-products-content-left .d-flex .flex-grow-1,
    .whatwedo-resins-description,
    #accordionProjectsLeft .accordion-button,
    .product-page-content-description,
    .archive-careers-description,
    .archive-careers-form-description,
    .archive-careers-explore-description,
    .archive-sticky-content-title,
    .archive-content-title {
        font-size: 18px;
        line-height: 28px;
    }

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

    .btn-introduction {
        display: none;
    }

    .mbtn-introduction {
        display: block;
    }

    .contact-content {
        box-shadow: none;
    }

    .products-content-info {
        max-height: 100%;
        background: var(--site-second-color);
    }

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

    .products-content-info .content-info {
        max-height: 100%;
    }

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

    .img-about-logo {
        width: 250px;
    }

    .nav-reason {
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }

    .nav-reason .nav-item {
        white-space: nowrap;
    }

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

    .stickySwiper .d-flex,
    .recuitment-search-form {
        flex-direction: column;
    }

    .recuitment-search-form label,
    .recuitment-search-form .form-select {
        margin-bottom: 14px;
    }

    .recuitment-search-form .search-field,
    .recuitment-search-form .form-select {
        width: 100%;
    }

    .recuitment-search-form .filter-recruitment-submit {
        padding: 14px 24px;
    }

    .intl-tel-input .country-list {
        width: 350px !important;
    }

    .table-recruitment td {
        width: 1%;
        white-space: nowrap;
    }

    .wpcf7-textarea {
        padding: 32px 20px 14px 20px !important;
    }

    .stickySwiper .d-flex .flex-shrink-0,
    .archive-sticky-thumb {
        height: 250px;
    }
    
    .archive-sticky-thumb {
        border-radius: 16px 16px 0 0;
    }
    
    #breadcrumbs-single span span {
        display: inline;
    }

    .footer-link-wrapper {
        text-align: left;
    }

    .back-to-top {
        bottom: 85px;
    }
}

@media (min-width: 600px) and (max-width: 960px) {
    
}

@media (min-width: 800px) and (max-width: 1280px) {
    
}

@media (min-width: 810px) and (max-width: 1080px) {
    .container,
    .container-fluid {
        padding-right: calc(var(--bs-gutter-x) * 1);
        padding-left: calc(var(--bs-gutter-x) * 1);
    }

    .footer-content-right,
    .single-careers-main {
        margin-top: 36px;
    }

    .introduction-content-left,
    .products-content .col-lg-4:not(:last-child),
    .about-page-content-left,
    .about-reason-content-left,
    .nav-reason,
    .about-solution-content-left,
    .whatwedo-products-content-left,
    .single-content-left,
    .related-title,
    .contact-page-form-left,
    .single-careers-left,
    .img-footer-logo {
        margin-bottom: 36px !important;
    }

    body {
        padding-top: 93px;
    }

    .introduction-content-left,
    .introduction-content-right,
    .about-page-content-left,
    .about-page-content-right,
    .about-reason-content-left,
    .about-reason-content-right,
    .about-solution-content-left,
    .about-solution-content-right,
    .whatwedo-products-content-left,
    .whatwedo-products-content-right,
    .single-content-left,
    .contact-page-form-left,
    .contact-page-form-right,
    .footer-contact-wrapper .col-lg-6:last-child .footer-contact {
        padding: 0;
    }

    .content-wrapper {
        padding: 50px 0;
    }

    #accordionCareers .accordion-body {
        padding: 36px 0;
    }

    .stickySwiper .swiper-slide .ms-3 {
        padding: 24px;
    }

    .introduction-content-left,
    .introduction-content-right,
    .img-introduction,
    .about-page-content-left,
    .about-page-content-right,
    .img-about-content,
    .about-reason-content-left,
    .about-reason-content-right,
    .img-about-reason-content,
    .about-solution-content-left,
    .about-solution-content-right,
    .whatwedo-products-content-left,
    .whatwedo-products-content-right,
    .contact-page-form-left,
    .contact-page-form-right,
    .stickySwiper {
        height: auto;
    }

    .site-title {
        width: 100%;
        text-align: center;
    }

    .homeSwiper .swiper-slide,
    .img-home-swiper {
        height: 600px;
    }

    .home-swiper-title,
    .content-title-1,
    .content-title-2,
    .custom-title,
    .single-title,
    .related-title {
        font-size: 27px;
        line-height: 37px;
    }

    .highlights-content-title,
    .highlights-content-number-wrapper,
    .about-reason-content-title,
    .about-solution-content-title,
    .whatwedo-resins-content-title,
    .archive-sticky-content-title,
    .archive-content-title {
        font-size: 20px;
        line-height: 31px;
    }

    .btn-home-swiper,
    .introduction-description,
    .solutions-description,
    .about-page-content-description,
    .about-reason-content-description,
    .about-contact-content-description,
    .whatwedo-resins-description,
    #accordionProjectsLeft .accordion-button,
    .product-page-content-description {
        font-size: 16px;
        line-height: 24px;
    }

    .btn-introduction {
        display: none;
    }

    .mbtn-introduction {
        display: block;
    }
    
    .nav-reason {
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
    }

    .nav-reason .nav-item {
        white-space: nowrap;
    }

    .intl-tel-input .country-list {
        width: 350px !important;
    }

    .stickySwiper .swiper-slide .d-flex {
        flex-direction: column;
    }

    .archive-sticky-thumb {
        width: 100%;
        border-radius: 16px 16px 0 0;
    }

    .recuitment-search-form label,
    .recuitment-search-form .form-select {
        margin-right: 12px;
    }

    .recuitment-search-form label {
        width: 550px;
    }

    .table-recruitment td {
        padding: 12px;
    }
}

@media (min-width: 600px) and (max-width: 960px) and (orientation: landscape) {
    
}

@media (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) {
    
}

@media (min-width: 810px) and (max-width: 1080px) and (orientation: landscape) {
    
}

@media (min-width: 900px) and (max-width: 1600px) {
    .container-fluid {
        width: 1540px;
        max-width: 100%;
    }
    
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:not(:last-child) {
        margin-right: 20px !important;
    }

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

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-search-wrap.mega-static,
    .mega-search-open {
        width: 150px !important;
    }
}

@media (min-width: 900px) and (max-width: 1440px) {
    .container,
    .container-fluid {
        width: 1340px;
        max-width: 100%;
    }

    .stickySwiper .d-flex .ms-3 {
        padding: 30px 50px;
    }

    .recuitment-search-form label,
    .recuitment-search-form .form-select {
        margin-right: 12px;
    }
}

@media (min-width: 720px) and (max-width: 1280px) {
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
        font-size: 14px !important;
    }

    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:not(:last-child) {
        margin-right: 10px !important;
    }
}

@media (min-width: 992px) and (max-width: 1824px) {
    .single-main .col-lg-9 {
        width: 71%;
    }

    .single-main .col-lg-3 {
        width: 29%;
    }
}

@media (min-width: 1824px) {
    .single-main .col-lg-9 {
        width: 71%;
    }

    .single-main .col-lg-3 {
        width: 29%;
    }
}